/* WONE v18 homepage — scoped to #wh18 so it cannot leak into other pages.
   Loaded after wone-instrument.css on the front page only. Headings use :not() boosts and !important
   only where wone-instrument.css forces its own heading/em rules site-wide. */

/* Fonts. Newsreader files already ship in assets/fonts but wone-instrument.css aliases the name "Newsreader"
   to Funnel Display, so the real face is registered here under its own name. Bebas Neue ships with this package. */
@font-face{font-family:"WONE Bebas Neue";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/bebas-neue-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"WONE Bebas Neue";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/bebas-neue-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"WONE Newsreader";font-style:normal;font-weight:200 800;font-display:swap;src:url(../fonts/newsreader-latin-opsz-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"WONE Newsreader";font-style:normal;font-weight:200 800;font-display:swap;src:url(../fonts/newsreader-latin-ext-opsz-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20C0,U+2C60-2C7F,U+A720-A7FF}

#wh18:not(#a):not(#b):not(#c){
  --n0:#28292b;--n1:#353639;--n2:#424447;--ln:#3c3d3f;--ln2:#4d4f52;--mut:#aeb0b8;--dim:#7e8085;--ink:#353639;
  --sea:#46484c;--dotL:#494b4e;--dotD:#b3b6bd;--ivory:#eee8dc;--paper:#f2ede4;--paper2:#e9e2d6;--rule:#d6cdbd;--rule2:#c9bfae;
  --ox:#d0705a;--oxd:#a94b38;--mutp:#595a5e;
  --serif:'WONE Newsreader',Georgia,'Times New Roman',serif;--display:'WONE Noto Display','Noto Serif Display',Georgia,'Times New Roman',serif;--sans:'Inter',system-ui,sans-serif;--ui:'Inter',sans-serif;
  font-family:var(--sans);font-size:17px;line-height:1.6;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;
}
#wh18:not(#a):not(#b):not(#c) *{box-sizing:border-box}
#wh18:not(#a):not(#b):not(#c) a{color:inherit;text-decoration:none}
#wh18:not(#a):not(#b):not(#c) img{display:block;max-width:100%}
#wh18:not(#a):not(#b):not(#c) p{margin:0}
#wh18:not(#a):not(#b):not(#c) .wrap{max-width:1280px;margin:0 auto;padding:0 40px}
#wh18:not(#a):not(#b):not(#c) .sec{padding:128px 0}
#wh18:not(#a):not(#b):not(#c) .n0{background:var(--n0);color:var(--ivory)}
#wh18:not(#a):not(#b):not(#c) .n1{background:var(--n1);color:var(--ivory)}
#wh18:not(#a):not(#b):not(#c) .p0{background:var(--paper);color:var(--ink)}
#wh18:not(#a):not(#b):not(#c) .p1{background:var(--paper2);color:var(--ink)}
#wh18:not(#a):not(#b):not(#c) .mut-n{color:var(--mut)}
#wh18:not(#a):not(#b):not(#c) .mut-p{color:var(--mutp)}
#wh18:not(#a):not(#b):not(#c) .ox-n{color:var(--ox)}
#wh18:not(#a):not(#b):not(#c) .ox-p{color:var(--oxd)}
#wh18:not(#a):not(#b):not(#c) .ui{font-family:var(--ui)}
#wh18:not(#a):not(#b):not(#c) .tn{font-variant-numeric:tabular-nums}
#wh18:not(#a):not(#b):not(#c) .lbl{font-family:var(--ui);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;line-height:1.4;margin:0}
#wh18:not(#a):not(#b):not(#c) .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* headings: serif, beats wone-instrument's site-wide h1/h2 and em rules */
#wh18:not(#a):not(#b):not(#c) .disp:not(#a):not(#b):not(#c){font-family:var(--serif)!important;font-weight:400!important;letter-spacing:-.012em!important;line-height:1.08!important;margin:0;text-transform:none}
#wh18:not(#a):not(#b):not(#c) .disp:not(#a):not(#b):not(#c) em{font-style:normal!important;font-family:inherit!important;font-weight:inherit!important;letter-spacing:inherit!important;color:var(--ox)!important}
#wh18:not(#a):not(#b):not(#c) .p0 .disp:not(#a):not(#b):not(#c) em,#wh18:not(#a):not(#b):not(#c) .p1 .disp:not(#a):not(#b):not(#c) em{color:var(--oxd)!important}
#wh18:not(#a):not(#b):not(#c) .h18-h1:not(#a):not(#b):not(#c){font-family:var(--display)!important;font-size:clamp(52px,7.8vw,112px)!important;line-height:1!important;letter-spacing:-.032em!important;font-weight:300!important;text-transform:none;color:var(--ivory);max-width:1180px}
#wh18:not(#a):not(#b):not(#c) .h18-h2:not(#a):not(#b):not(#c){font-size:clamp(40px,4.6vw,62px)!important}
#wh18:not(#a):not(#b):not(#c) .n0 .disp,#wh18:not(#a):not(#b):not(#c) .n1 .disp{color:var(--ivory)}
#wh18:not(#a):not(#b):not(#c) .h18-eyebrow{margin-bottom:24px}

/* buttons and links */
#wh18:not(#a):not(#b):not(#c) .btn{border-radius:0!important;display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:0 24px;font-family:var(--ui);font-size:15px;font-weight:600;letter-spacing:.01em;border:1px solid transparent;border-radius:0;cursor:pointer;transition:background .2s,color .2s,border-color .2s;text-transform:none}
#wh18:not(#a):not(#b):not(#c) .btn-iv{background:var(--ivory);color:var(--ink)}
#wh18:not(#a):not(#b):not(#c) .btn-iv:hover{background:#fff}
#wh18:not(#a):not(#b):not(#c) .btn-ln{border-color:var(--ln2);color:var(--ivory);background:transparent}
#wh18:not(#a):not(#b):not(#c) .btn-ln:hover{border-color:var(--ivory)}
#wh18:not(#a):not(#b):not(#c) .btn-ink{background:var(--ink);color:var(--paper)}
#wh18:not(#a):not(#b):not(#c) .btn-ink:hover{background:var(--n0)}
#wh18:not(#a):not(#b):not(#c) .btn-wide{justify-content:space-between;min-height:56px;font-size:16px;width:100%}
#wh18:not(#a):not(#b):not(#c) .tl{font-family:var(--ui);font-weight:600;font-size:15px;border-bottom:1px solid currentColor;padding-bottom:2px}
#wh18:not(#a):not(#b):not(#c) .arrow{display:inline-block;transition:transform .2s}
#wh18:not(#a):not(#b):not(#c) a:hover .arrow,#wh18:not(#a):not(#b):not(#c) button:hover .arrow{transform:translateX(4px)}
#wh18:not(#a):not(#b):not(#c) a:focus-visible,#wh18:not(#a):not(#b):not(#c) button:focus-visible,#wh18:not(#a):not(#b):not(#c) select:focus-visible,#wh18:not(#a):not(#b):not(#c) textarea:focus-visible,#wh18:not(#a):not(#b):not(#c) summary:focus-visible{outline:2px solid var(--ox);outline-offset:3px}
#wh18:not(#a):not(#b):not(#c) .chip-n{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border:1px solid var(--ln2);font-family:var(--ui);font-size:13px;font-weight:500;color:var(--ivory)}
#wh18:not(#a):not(#b):not(#c) .chip-p{border-radius:0!important;display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border:1px solid var(--rule2);font-family:var(--ui);font-size:14px;font-weight:500;color:var(--ink);background:transparent;cursor:pointer;border-radius:0}
#wh18:not(#a):not(#b):not(#c) .chip-p:hover{border-color:var(--ink)}
#wh18:not(#a):not(#b):not(#c) .h18-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
#wh18:not(#a):not(#b):not(#c) .head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end;margin-bottom:64px}
#wh18:not(#a):not(#b):not(#c) .head .h-l{grid-column:span 7}
#wh18:not(#a):not(#b):not(#c) .head .h-r{grid-column:9/span 4}
#wh18:not(#a):not(#b):not(#c) .h18-split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,max(320px,34%)),1fr));gap:80px;align-items:center}
#wh18:not(#a):not(#b):not(#c) .h18-split-top{align-items:start;gap:64px}
#wh18:not(#a):not(#b):not(#c) .h18-lead{font-size:18px;margin:28px 0 16px}
#wh18:not(#a):not(#b):not(#c) .h18-note{font-size:13px;margin-top:20px;padding-top:16px;border-top:1px solid var(--ln)}
#wh18:not(#a):not(#b):not(#c) .p0 .h18-note,#wh18:not(#a):not(#b):not(#c) .p1 .h18-note{border-top-color:var(--rule2)}

/* maps */
#wh18:not(#a):not(#b):not(#c) .mapbox{position:relative;width:100%;aspect-ratio:3/1;overflow:hidden;background:var(--n0)}
#wh18:not(#a):not(#b):not(#c) .h18-maplayer{position:absolute;inset:0;transform-origin:0 0;transition:transform 1.8s cubic-bezier(.65,0,.2,1)}
#wh18:not(#a):not(#b):not(#c) .h18-maplayer svg{position:absolute;inset:0;width:100%;height:100%;display:block}
#wh18:not(#a):not(#b):not(#c) .h18-dot-sea{fill:var(--sea)}#wh18:not(#a):not(#b):not(#c) .h18-dot-land{fill:var(--dotL)}#wh18:not(#a):not(#b):not(#c) .h18-dot-day{fill:var(--dotD)}#wh18:not(#a):not(#b):not(#c) .h18-dot-sel{fill:var(--ox)}
#wh18:not(#a):not(#b):not(#c) .h18-mk{position:absolute;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:var(--dim);transition:left 1.8s cubic-bezier(.65,0,.2,1),top 1.8s cubic-bezier(.65,0,.2,1)}
#wh18:not(#a):not(#b):not(#c) .h18-mk.is-open{width:7px;height:7px;margin:-3.5px 0 0 -3.5px;background:var(--ivory)}
#wh18:not(#a):not(#b):not(#c) [data-h18-world] .h18-mk{background:var(--mut)}
#wh18:not(#a):not(#b):not(#c) [data-h18-world] .h18-mk.is-open{background:var(--ox)}
#wh18:not(#a):not(#b):not(#c) .h18-mk-live{animation:h18pulse 3.2s ease-out infinite}
#wh18:not(#a):not(#b):not(#c) .h18-mk-sel{width:14px;height:14px;margin:-7px 0 0 -7px;background:var(--ox);animation:h18pulse 2.4s ease-out infinite}
@keyframes h18pulse{0%{box-shadow:0 0 0 0 var(--ox)}100%{box-shadow:0 0 0 18px transparent}}

/* 1 hero */
#wh18:not(#a):not(#b):not(#c) .h18-hero{padding:104px 0 0}
#wh18:not(#a):not(#b):not(#c) .h18-eyebrow.ox-n{margin-bottom:32px}
#wh18:not(#a):not(#b):not(#c) .h18-hero-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,max(320px,34%)),1fr));gap:48px;align-items:end;margin-top:44px}
#wh18:not(#a):not(#b):not(#c) .h18-lede{font-size:20px;line-height:1.55;max-width:620px}
#wh18:not(#a):not(#b):not(#c) .h18-actions{display:flex;flex-wrap:wrap;gap:12px}
#wh18:not(#a):not(#b):not(#c) .h18-center{justify-content:center;margin:56px 0 32px}
#wh18:not(#a):not(#b):not(#c) .h18-map-wide{max-width:1440px;margin:72px auto 0;padding:0 16px}
#wh18:not(#a):not(#b):not(#c) .g5{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));margin:0}
#wh18:not(#a):not(#b):not(#c) .h18-stats{border-top:1px solid var(--ln)}
#wh18:not(#a):not(#b):not(#c) .h18-stats>div{padding:28px 24px 32px;border-left:1px solid var(--ln)}
#wh18:not(#a):not(#b):not(#c) .h18-stats>div:first-child{padding-left:0;border-left:0}
#wh18:not(#a):not(#b):not(#c) .h18-stats dt{font-size:44px!important;color:var(--ivory)}
#wh18:not(#a):not(#b):not(#c) .h18-stats dd{margin:4px 0 0;font-size:14px}

/* 2 who we are */
#wh18:not(#a):not(#b):not(#c) .h18-fig{margin:0;position:relative}
#wh18:not(#a):not(#b):not(#c) .h18-fig img{width:100%;aspect-ratio:4/5;object-fit:cover}
#wh18:not(#a):not(#b):not(#c) .h18-fig figcaption{position:absolute;left:0;bottom:0;background:var(--paper);padding:22px 28px 0 0;font-size:24px!important;max-width:80%}
#wh18:not(#a):not(#b):not(#c) .h18-three{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));margin-top:48px;border-top:2px solid var(--ink)}
#wh18:not(#a):not(#b):not(#c) .h18-three>div{padding:24px 20px 0;border-left:1px solid var(--rule)}
#wh18:not(#a):not(#b):not(#c) .h18-three>div:first-child{padding-left:0;border-left:0}
#wh18:not(#a):not(#b):not(#c) .h18-three h3{font-size:24px!important}
#wh18:not(#a):not(#b):not(#c) .h18-three p{font-size:15px;margin-top:8px}

/* 3 finder */
#wh18:not(#a):not(#b):not(#c) select.word{appearance:none!important;-webkit-appearance:none!important;display:inline!important;width:auto!important;background:transparent!important;border:0!important;border-bottom:2px solid var(--ox)!important;color:var(--ivory)!important;font:inherit!important;font-style:normal!important;letter-spacing:inherit!important;padding:0 2px!important;margin:0 2px!important;cursor:pointer;field-sizing:content;max-width:100%;border-radius:0!important;box-shadow:none!important;height:auto!important;min-height:0!important;line-height:inherit!important;vertical-align:baseline!important}
#wh18:not(#a):not(#b):not(#c) select.word option{color:#2b2c2e;background:var(--paper);font-family:var(--sans);font-size:16px;font-style:normal}
#wh18:not(#a):not(#b):not(#c) .h18-sentence select.word{background-color:transparent!important;background-image:linear-gradient(45deg,transparent 50%,var(--ox) 50%),linear-gradient(135deg,var(--ox) 50%,transparent 50%)!important;background-position:calc(100% - 9px) 54%,calc(100% - 4px) 54%!important;background-repeat:no-repeat!important;background-size:5px 5px,5px 5px!important;padding-right:22px!important}
#wh18:not(#a):not(#b):not(#c) .h18-sentence select.word:focus,#wh18:not(#a):not(#b):not(#c) .h18-sentence select.word:focus-visible{outline:0!important;outline-offset:0!important;border:0!important;border-bottom:2px solid var(--ox)!important;border-radius:0!important;box-shadow:none!important}
#wh18:not(#a):not(#b):not(#c) .h18-sentence h2{font-size:clamp(36px,4.4vw,62px)!important;line-height:1.24!important}
#wh18:not(#a):not(#b):not(#c) .h18-hint{font-size:14px;margin-top:20px}
#wh18:not(#a):not(#b):not(#c) .h18-hint .tl{color:var(--ivory);font-size:14px}
#wh18:not(#a):not(#b):not(#c) .h18-finder-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,max(320px,34%)),1fr));gap:24px;margin-top:56px;align-items:stretch}
#wh18:not(#a):not(#b):not(#c) .h18-panel{border:1px solid var(--ln);background:var(--n1);display:flex;flex-direction:column}
#wh18:not(#a):not(#b):not(#c) .h18-panel-lead{background:var(--n2);border-top:3px solid var(--ox)}
#wh18:not(#a):not(#b):not(#c) .h18-panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 32px;border-bottom:1px solid var(--ln)}
#wh18:not(#a):not(#b):not(#c) .h18-panel-body{padding:36px 32px;display:flex;flex-direction:column;gap:24px;flex:1}
#wh18:not(#a):not(#b):not(#c) .h18-cov{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--mut)}
#wh18:not(#a):not(#b):not(#c) .h18-cov>span{width:7px;height:7px;border-radius:50%;background:currentColor}
#wh18:not(#a):not(#b):not(#c) .h18-cov.is-named{color:var(--ox)}
#wh18:not(#a):not(#b):not(#c) .h18-person{display:flex;gap:24px;align-items:center}
#wh18:not(#a):not(#b):not(#c) .h18-person .ui{font-size:15px}
#wh18:not(#a):not(#b):not(#c) .h18-person .ui.mut-n{font-size:14px}
#wh18:not(#a):not(#b):not(#c) .h18-avatar{flex:none;width:96px;height:96px;border-radius:50%;background:var(--ivory);color:var(--ink);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:26px;box-shadow:0 0 0 4px var(--n2),0 0 0 5px var(--ox)}
#wh18:not(#a):not(#b):not(#c) .h18-person-name{font-size:clamp(28px,2.6vw,38px)!important;margin-bottom:8px!important}
#wh18:not(#a):not(#b):not(#c) .h18-arrange{font-size:clamp(26px,2.4vw,34px)!important;line-height:1.2!important}
#wh18:not(#a):not(#b):not(#c) .act{display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:16px;align-items:center;padding:16px 0;border-top:1px solid var(--ln);font-family:var(--ui);font-size:15px;font-weight:600;color:var(--ivory);transition:padding .2s}
#wh18:not(#a):not(#b):not(#c) .act:hover{padding-left:6px}
#wh18:not(#a):not(#b):not(#c) nav .act:last-child{border-bottom:1px solid var(--ln)}
#wh18:not(#a):not(#b):not(#c) .h18-clockrow{padding:28px 32px 8px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px}
#wh18:not(#a):not(#b):not(#c) .h18-clockrow .ui.mut-n{font-size:13px}
#wh18:not(#a):not(#b):not(#c) .h18-clock{font-size:clamp(56px,6vw,88px)!important;line-height:1!important;margin-top:8px!important}
#wh18:not(#a):not(#b):not(#c) .h18-clock .ui{font-size:22px;font-weight:500;color:var(--mut);margin-left:6px}
#wh18:not(#a):not(#b):not(#c) .h18-status{font-size:14px;font-weight:600;color:var(--mut);padding-bottom:10px}
#wh18:not(#a):not(#b):not(#c) .h18-status.is-open{color:var(--ox)}
#wh18:not(#a):not(#b):not(#c) .h18-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;margin:0;padding:8px 32px 0}
#wh18:not(#a):not(#b):not(#c) .h18-facts>div{padding:20px 20px 20px 0;border-top:1px solid var(--ln)}
#wh18:not(#a):not(#b):not(#c) .h18-facts dt{font-size:11px}
#wh18:not(#a):not(#b):not(#c) .h18-facts dd{margin:6px 0 0;font-size:16px;color:var(--ivory)}
#wh18:not(#a):not(#b):not(#c) .h18-country-link{margin:auto 32px 0;padding:20px 0}
#wh18:not(#a):not(#b):not(#c) .h18-next{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));border:1px solid var(--ln);background:var(--n1)}
#wh18:not(#a):not(#b):not(#c) .h18-next li{padding:20px 24px;font-size:14px;color:var(--mut);border-left:1px solid var(--ln)}
#wh18:not(#a):not(#b):not(#c) .h18-next li:first-child{border-left:0}
#wh18:not(#a):not(#b):not(#c) .h18-next .lbl{display:block;font-size:11px;margin-bottom:6px}
#wh18:not(#a):not(#b):not(#c) .h18-allcaps{margin-top:24px}
#wh18:not(#a):not(#b):not(#c) .h18-allcaps summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:0 32px;color:var(--ivory);font-size:15px;font-weight:600;cursor:pointer;list-style:none}
#wh18:not(#a):not(#b):not(#c) .h18-allcaps summary::-webkit-details-marker{display:none}
#wh18:not(#a):not(#b):not(#c) .h18-allcaps[open] summary>span:last-child{transform:rotate(45deg)}
#wh18:not(#a):not(#b):not(#c) .h18-prac-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr))}
#wh18:not(#a):not(#b):not(#c) .prac{display:flex;flex-direction:column;gap:6px;padding:18px 20px;border-top:1px solid var(--ln);border-left:3px solid transparent}
#wh18:not(#a):not(#b):not(#c) .prac.is-focus{border-left-color:var(--ox)}
#wh18:not(#a):not(#b):not(#c) .prac .ui:first-child{font-size:14px;font-weight:600;color:var(--ivory)}
#wh18:not(#a):not(#b):not(#c) .prac .ui+.ui{font-size:13px;color:var(--ivory)}
#wh18:not(#a):not(#b):not(#c) .prac .ui.mut-n{color:var(--mut)}

/* 4 situations */
#wh18:not(#a):not(#b):not(#c) .h18-objs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));border-top:2px solid var(--ink)}
#wh18:not(#a):not(#b):not(#c) .obj{display:flex;flex-direction:column;gap:12px;padding:28px 24px;border-left:1px solid var(--rule);min-height:220px;transition:background .2s}
#wh18:not(#a):not(#b):not(#c) .obj:first-child{border-left:0;padding-left:0}
#wh18:not(#a):not(#b):not(#c) .obj:hover{background:var(--paper2)}
#wh18:not(#a):not(#b):not(#c) .obj .ui{font-size:13px;font-weight:600}
#wh18:not(#a):not(#b):not(#c) .obj .disp{font-size:28px!important}
#wh18:not(#a):not(#b):not(#c) .obj .mut-p{font-size:15px}
#wh18:not(#a):not(#b):not(#c) .obj .tl{align-self:flex-start;margin-top:auto}

/* 5 families */
#wh18:not(#a):not(#b):not(#c) .h18-fams{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));border-top:2px solid var(--ink)}
#wh18:not(#a):not(#b):not(#c) .fam{display:flex;flex-direction:column;gap:16px;padding:32px 28px;border-left:1px solid var(--rule)}
#wh18:not(#a):not(#b):not(#c) .fam:first-child{border-left:0;padding-left:0}
#wh18:not(#a):not(#b):not(#c) .fam>.ui{font-size:13px;font-weight:600}
#wh18:not(#a):not(#b):not(#c) .fam h3{font-size:26px!important;line-height:1.15!important}
#wh18:not(#a):not(#b):not(#c) .fam p{font-size:15px}
#wh18:not(#a):not(#b):not(#c) .fam ul{list-style:none;padding:16px 0 0;margin:auto 0 0;border-top:1px solid var(--rule2);display:flex;flex-direction:column;gap:10px;font-size:14px}
#wh18:not(#a):not(#b):not(#c) .h18-more{display:inline-block;margin-top:48px}

/* 6 in practice */
#wh18:not(#a):not(#b):not(#c) .h18-tabs{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--ln)}
#wh18:not(#a):not(#b):not(#c) .tab{border-radius:0!important;min-height:48px;padding:0 20px;background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;font-family:var(--ui);font-size:15px;font-weight:600;color:var(--mut);cursor:pointer}
#wh18:not(#a):not(#b):not(#c) .tab[aria-selected="true"]{color:var(--ivory);border-bottom-color:var(--ox)}
#wh18:not(#a):not(#b):not(#c) .h18-example{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,max(320px,34%)),1fr));gap:64px;padding-top:48px}
#wh18:not(#a):not(#b):not(#c) .h18-example[hidden]{display:none}
#wh18:not(#a):not(#b):not(#c) .h18-example h3{font-size:clamp(30px,3vw,42px)!important;margin-top:12px!important}
#wh18:not(#a):not(#b):not(#c) .h18-example>div>p.mut-n{font-size:17px;margin:20px 0 32px}
#wh18:not(#a):not(#b):not(#c) .h18-steps{list-style:none;padding:0;margin:8px 0 0}
#wh18:not(#a):not(#b):not(#c) .h18-steps li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;padding:18px 0;border-top:1px solid var(--ln);font-size:16px}
#wh18:not(#a):not(#b):not(#c) .h18-steps .disp{font-size:24px!important;color:var(--ox)}

/* 7 who does what */
#wh18:not(#a):not(#b):not(#c) .h18-four{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
#wh18:not(#a):not(#b):not(#c) .h18-four li{padding:28px 24px 28px 0;border-top:1px solid var(--rule2)}
#wh18:not(#a):not(#b):not(#c) .h18-four li:nth-child(-n+2){border-top:2px solid var(--ink)}
#wh18:not(#a):not(#b):not(#c) .h18-four li:nth-child(2n){padding:28px 0 28px 24px;border-left:1px solid var(--rule2)}
#wh18:not(#a):not(#b):not(#c) .h18-four .disp{font-size:36px!important;display:block}
#wh18:not(#a):not(#b):not(#c) .h18-four strong{display:block;font-size:17px;font-weight:600;margin-top:8px}
#wh18:not(#a):not(#b):not(#c) .h18-four p{font-size:15px;margin-top:6px}
#wh18:not(#a):not(#b):not(#c) .rt{width:100%;border-collapse:collapse;font-size:16px}
#wh18:not(#a):not(#b):not(#c) .rt td,#wh18:not(#a):not(#b):not(#c) .rt th{padding:18px 20px 18px 0;border-top:1px solid var(--rule2);text-align:left;vertical-align:top;background:transparent!important}
#wh18:not(#a):not(#b):not(#c) .rt th{font-family:var(--ui);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--mutp);border-top:2px solid var(--ink)}
#wh18:not(#a):not(#b):not(#c) .rt,#wh18:not(#a):not(#b):not(#c) .rt tr,#wh18:not(#a):not(#b):not(#c) .rt tbody,#wh18:not(#a):not(#b):not(#c) .rt thead{background:transparent!important;border:0}
#wh18:not(#a):not(#b):not(#c) .rt td:first-child{font-weight:600;width:42%}
#wh18:not(#a):not(#b):not(#c) .rt .tl{color:var(--ink);font-size:16px}

/* 8 standard */
#wh18:not(#a):not(#b):not(#c) .h18-standard{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,max(320px,34%)),1fr))}
#wh18:not(#a):not(#b):not(#c) .h18-standard-text{padding:128px 64px 128px max(40px,calc((100vw - 1280px)/2 + 40px))}
#wh18:not(#a):not(#b):not(#c) .h18-standard-text .h18-lead{max-width:540px;color:var(--mut)}
#wh18:not(#a):not(#b):not(#c) .h18-standard-text>.tl{display:inline-block;margin-top:40px;color:var(--ivory)}
#wh18:not(#a):not(#b):not(#c) .h18-mechs{list-style:none;padding:0;margin:48px 0 0}
#wh18:not(#a):not(#b):not(#c) .h18-mechs li{display:grid;grid-template-columns:210px minmax(0,1fr);gap:24px;align-items:baseline;padding:28px 28px 28px 0;border-top:1px solid var(--ln)}
#wh18:not(#a):not(#b):not(#c) .h18-mechs li:last-child{border-bottom:1px solid var(--ln)}
#wh18:not(#a):not(#b):not(#c) .h18-mechs .disp{font-size:26px!important}
#wh18:not(#a):not(#b):not(#c) .h18-mechs .mut-n{font-size:16px}
#wh18:not(#a):not(#b):not(#c) .h18-standard-img{position:relative;min-height:520px}
#wh18:not(#a):not(#b):not(#c) .h18-standard-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* 9 corridors */
#wh18:not(#a):not(#b):not(#c) .h18-corr{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,max(320px,34%)),1fr));gap:64px;align-items:start}
#wh18:not(#a):not(#b):not(#c) .h18-corr-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));column-gap:24px}
#wh18:not(#a):not(#b):not(#c) .cbtn{border-radius:0!important;display:flex;align-items:center;width:100%;min-height:46px;padding:0 4px;background:transparent;border:0;border-top:1px solid var(--ln);border-radius:0;font-family:var(--ui);font-size:15px;text-align:left;color:var(--ivory);cursor:pointer}
#wh18:not(#a):not(#b):not(#c) .cbtn:hover{background:var(--n2)}
#wh18:not(#a):not(#b):not(#c) .cbtn[aria-pressed="true"]{color:var(--ox)}
#wh18:not(#a):not(#b):not(#c) .h18-bridge{background:var(--n1);border:1px solid var(--ln);padding:40px}
#wh18:not(#a):not(#b):not(#c) .h18-bridge h3{font-size:34px!important}
#wh18:not(#a):not(#b):not(#c) .h18-bclocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}
#wh18:not(#a):not(#b):not(#c) .h18-bclocks .ui{font-size:13px;color:var(--mut)}
#wh18:not(#a):not(#b):not(#c) .h18-bclocks .ui.is-open{color:var(--ox)}
#wh18:not(#a):not(#b):not(#c) .h18-bclocks .disp{font-size:52px!important}
#wh18:not(#a):not(#b):not(#c) .h18-bfacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:28px 0 32px;padding-top:24px;border-top:1px solid var(--ln)}
#wh18:not(#a):not(#b):not(#c) .h18-bfacts dt{font-size:11px}
#wh18:not(#a):not(#b):not(#c) .h18-bfacts dd{margin:6px 0 0;font-size:16px;color:var(--ivory)}

/* 10 intelligence */
#wh18:not(#a):not(#b):not(#c) .h18-ask{margin:0;background:var(--paper);padding:40px;border:1px solid var(--rule2)}
#wh18:not(#a):not(#b):not(#c) .h18-ask>.lbl{margin-bottom:16px}
#wh18:not(#a):not(#b):not(#c) .h18-ask label.disp{display:block;font-size:30px!important;line-height:1.2!important;margin-bottom:20px!important}
#wh18:not(#a):not(#b):not(#c) textarea.ask{width:100%;min-height:130px;resize:vertical;background:#fff;border:1px solid var(--rule2);border-radius:0;padding:20px;font-family:var(--sans);font-size:18px;line-height:1.5;color:var(--ink)}
#wh18:not(#a):not(#b):not(#c) .h18-ask .btn{margin-top:28px}
#wh18:not(#a):not(#b):not(#c) .ilink{display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:16px;align-items:center;padding:20px 0;border-top:1px solid var(--rule2)}
#wh18:not(#a):not(#b):not(#c) .ilink:last-of-type{border-bottom:1px solid var(--rule2)}
#wh18:not(#a):not(#b):not(#c) .ilink .disp{display:block;font-size:26px!important}
#wh18:not(#a):not(#b):not(#c) .ilink .mut-p{font-size:15px}
#wh18:not(#a):not(#b):not(#c) .p1 .h18-note .tl{color:var(--ink);font-size:14px}

/* 11 firms */
#wh18:not(#a):not(#b):not(#c) .h18-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));border-top:1px solid var(--ivory)}
#wh18:not(#a):not(#b):not(#c) .h18-benefits>div{padding:32px 28px;border-left:1px solid var(--ln)}
#wh18:not(#a):not(#b):not(#c) .h18-benefits>div:first-child{padding-left:0;border-left:0}
#wh18:not(#a):not(#b):not(#c) .h18-benefits h3{font-size:26px!important}
#wh18:not(#a):not(#b):not(#c) .h18-benefits p{font-size:15px;margin-top:10px}
#wh18:not(#a):not(#b):not(#c) .h18-firm-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:48px;margin-top:72px}
#wh18:not(#a):not(#b):not(#c) .h18-firm-cols .lbl{color:var(--ivory);font-size:11px;margin-bottom:16px}
#wh18:not(#a):not(#b):not(#c) .h18-firm-cols ul,#wh18:not(#a):not(#b):not(#c) .h18-firm-cols ol{padding:0 0 0 18px;margin:0;font-size:15px;display:flex;flex-direction:column;gap:10px}
#wh18:not(#a):not(#b):not(#c) .h18-firm-cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:64px;padding-top:40px;border-top:1px solid var(--ln)}
#wh18:not(#a):not(#b):not(#c) .h18-firm-cta>.ui{font-size:13px;max-width:420px}

/* 12 circuit + 13 close */
#wh18:not(#a):not(#b):not(#c) .h18-circuit{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,max(320px,34%)),1fr));background:var(--n1);color:var(--ivory)}
#wh18:not(#a):not(#b):not(#c) .h18-circuit img{width:100%;height:100%;min-height:340px;object-fit:cover}
#wh18:not(#a):not(#b):not(#c) .h18-circuit>span{display:flex;flex-direction:column;gap:20px;justify-content:center;padding:56px}
#wh18:not(#a):not(#b):not(#c) .h18-circuit .disp{font-size:clamp(30px,3vw,40px)!important;line-height:1.12!important;color:var(--ivory)}
#wh18:not(#a):not(#b):not(#c) .h18-circuit .tl{align-self:flex-start}
#wh18:not(#a):not(#b):not(#c) .h18-close{position:relative;overflow:hidden;padding:160px 0 144px;text-align:center}
#wh18:not(#a):not(#b):not(#c) .h18-close>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.26}
#wh18:not(#a):not(#b):not(#c) .h18-close .wrap{position:relative}
#wh18:not(#a):not(#b):not(#c) .h18-close .h18-h2:not(#a):not(#b):not(#c){font-size:clamp(44px,6vw,84px)!important;max-width:1100px;margin:0 auto}
#wh18:not(#a):not(#b):not(#c) .h18-close .ui{font-size:14px}
#wh18:not(#a):not(#b):not(#c) .h18-close .tl{color:var(--ivory);font-size:14px}

@media (prefers-reduced-motion:reduce){
  #wh18:not(#a):not(#b):not(#c) .h18-maplayer,#wh18:not(#a):not(#b):not(#c) .h18-mk,#wh18:not(#a):not(#b):not(#c) .arrow{transition:none}
  #wh18:not(#a):not(#b):not(#c) .h18-mk-sel,#wh18:not(#a):not(#b):not(#c) .h18-mk-live{animation:none}
}
@media (max-width:899.98px){
  #wh18:not(#a):not(#b):not(#c) .head .h-l,#wh18:not(#a):not(#b):not(#c) .head .h-r{grid-column:1/-1}
  #wh18:not(#a):not(#b):not(#c) .fam,#wh18:not(#a):not(#b):not(#c) .obj,#wh18:not(#a):not(#b):not(#c) .h18-benefits>div,#wh18:not(#a):not(#b):not(#c) .h18-three>div{border-left:0;padding-left:0;border-top:1px solid var(--rule)}
  #wh18:not(#a):not(#b):not(#c) .h18-benefits>div{border-top-color:var(--ln)}
  #wh18:not(#a):not(#b):not(#c) .h18-mechs li{grid-template-columns:1fr;gap:6px}
  #wh18:not(#a):not(#b):not(#c) .h18-standard-text{padding:96px 20px}
}
/* v18.22 breakpoints: two-column rows hold to 900px, stack below */
@media (max-width:899.98px){#wh18:not(#a):not(#b):not(#c) .h18-split, #wh18:not(#a):not(#b):not(#c) .h18-hero-row, #wh18:not(#a):not(#b):not(#c) .h18-finder-grid, #wh18:not(#a):not(#b):not(#c) .h18-standard, #wh18:not(#a):not(#b):not(#c) .h18-corr, #wh18:not(#a):not(#b):not(#c) .h18-circuit{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){
  #wh18:not(#a):not(#b):not(#c) .wrap{padding:0 20px}
  #wh18:not(#a):not(#b):not(#c) .sec{padding:80px 0}
  #wh18:not(#a):not(#b):not(#c) .head{margin-bottom:40px}
  #wh18:not(#a):not(#b):not(#c) .h18-h1:not(#a):not(#b):not(#c){font-size:48px!important}
  #wh18:not(#a):not(#b):not(#c) .h18-h2:not(#a):not(#b):not(#c){font-size:31px!important}
  #wh18:not(#a):not(#b):not(#c) .h18-stats>div{border-left:0;padding-left:0;border-top:1px solid var(--ln)}
  #wh18:not(#a):not(#b):not(#c) .h18-next li{border-left:0;border-top:1px solid var(--ln)}
  #wh18:not(#a):not(#b):not(#c) .h18-panel-head,#wh18:not(#a):not(#b):not(#c) .h18-panel-body,#wh18:not(#a):not(#b):not(#c) .h18-clockrow,#wh18:not(#a):not(#b):not(#c) .h18-facts{padding-left:20px;padding-right:20px}
  #wh18:not(#a):not(#b):not(#c) .h18-country-link{margin:auto 20px 0}
  #wh18:not(#a):not(#b):not(#c) .h18-four{grid-template-columns:1fr}
  #wh18:not(#a):not(#b):not(#c) .h18-four li:nth-child(2n){padding-left:0;border-left:0}
  #wh18:not(#a):not(#b):not(#c) .h18-circuit>span{padding:32px 24px}
}

/* v18.1 photography ------------------------------------------------------- */
/* hero: skyline behind the statement; fades to solid navy before the world map so the dots stay legible */
#wh18:not(#a):not(#b):not(#c) .h18-hero{position:relative;overflow:hidden}
#wh18:not(#a):not(#b):not(#c) .h18-hero-photo{position:absolute;top:0;left:0;width:100%;height:600px;object-fit:cover;object-position:center 45%;opacity:.9;margin:0;max-width:none;pointer-events:none}
#wh18:not(#a):not(#b):not(#c) .h18-hero::after{content:"";position:absolute;top:0;left:0;width:100%;height:600px;background:linear-gradient(90deg,rgba(40,41,43,.92) 0%,rgba(40,41,43,.7) 34%,rgba(40,41,43,.25) 64%,rgba(40,41,43,.1) 100%),linear-gradient(180deg,rgba(40,41,43,.2) 0%,rgba(40,41,43,0) 35%,rgba(40,41,43,.55) 72%,var(--n0) 94%);pointer-events:none}
#wh18:not(#a):not(#b):not(#c) .h18-hero>.wrap,#wh18:not(#a):not(#b):not(#c) .h18-map-wide{position:relative;z-index:1}
/* country panel: the jurisdiction's own photograph, name set in Newsreader */
#wh18:not(#a):not(#b):not(#c) .h18-mphoto{position:relative;aspect-ratio:16/7;overflow:hidden;margin:0 0 -1px;background:var(--n2)}
#wh18:not(#a):not(#b):not(#c) .h18-mphoto img{width:100%;height:100%;object-fit:cover;display:block;margin:0;max-width:none}
#wh18:not(#a):not(#b):not(#c) .h18-mphoto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(40,41,43,0) 45%,rgba(40,41,43,.92) 100%)}
#wh18:not(#a):not(#b):not(#c) .h18-mphoto-name{position:absolute;left:20px;bottom:14px;z-index:1;font-size:34px!important;line-height:1!important;color:var(--ivory)}
#wh18:not(#a):not(#b):not(#c) .h18-mphoto[hidden]{display:none}
/* corridor bridge: both ends, side by side */
#wh18:not(#a):not(#b):not(#c) .h18-bphotos{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin:-40px -40px 28px}
#wh18:not(#a):not(#b):not(#c) .h18-bphotos img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;margin:0;max-width:none;filter:saturate(.85)}
#wh18:not(#a):not(#b):not(#c) .h18-bphotos img[hidden]{display:none}
/* example matters: photo column */
#wh18:not(#a):not(#b):not(#c) .h18-example{grid-template-columns:minmax(0,.9fr) minmax(0,1fr) minmax(0,1fr);gap:48px}
#wh18:not(#a):not(#b):not(#c) .h18-ex-photo{width:100%;height:400px;min-height:400px;object-fit:cover;object-position:center center;display:block;margin:0;max-width:none}
#wh18:not(#a):not(#b):not(#c) .h18-services-label{margin-top:34px!important}
/* v18.22: the example keeps photo / story / steps side by side on laptops; stacks below 900px */
@media (max-width:1180px){#wh18:not(#a):not(#b):not(#c) .h18-example{gap:32px}}
@media (max-width:899.98px){#wh18:not(#a):not(#b):not(#c) .h18-example{grid-template-columns:1fr}#wh18:not(#a):not(#b):not(#c) .h18-ex-photo{min-height:0;aspect-ratio:16/9;height:auto}}
/* for professional firms: the community, from the events */
#wh18:not(#a):not(#b):not(#c) .h18-firm-photos{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px;margin:0 0 56px}
#wh18:not(#a):not(#b):not(#c) .h18-firm-photos img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;margin:0;max-width:none}
@media (max-width:800px){#wh18:not(#a):not(#b):not(#c) .h18-firm-photos{grid-template-columns:1fr 1fr}#wh18:not(#a):not(#b):not(#c) .h18-firm-photos img:first-child{grid-column:1/-1}}
/* close: photo reads */
#wh18:not(#a):not(#b):not(#c) .h18-close>img{opacity:.45}
#wh18:not(#a):not(#b):not(#c) .h18-close::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(40,41,43,.55),rgba(40,41,43,.75))}

@media (max-width:800px){#wh18:not(#a):not(#b):not(#c) .h18-hero-photo,#wh18:not(#a):not(#b):not(#c) .h18-hero::after{height:560px}}
/* v18.15: three hero facts instead of five */
#wh18 .h18-stats.h18-stats-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:720px){#wh18 .h18-stats.h18-stats-3{grid-template-columns:minmax(0,1fr)}}
#wh18 .h18-disc .kx-disc{background:#f4f0e8}