/* =====================================================================
   Stack18 corporate pages: /leadership /careers /locations /stack-gives /newsroom
   Additive stylesheet. Loaded AFTER style.css, only by those five pages.
   Every selector is prefixed .co- (plus .tbc, a highlight for editable
   placeholder text), so nothing on any existing page changes.
   Uses the site's own tokens: --ink, --accent, --line-*, --font-display/body.
   ===================================================================== */

.co{--co-r:14px}
.co [id]{scroll-margin-top:96px}
.co h1,.co h2,.co h3{text-wrap:balance}
.co :is(a,button,summary,select):focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
.a-sec:not(.a-dark) .co-go:focus-visible,.a-sec:not(.a-dark) a:focus-visible{outline-color:#944D00}
.co .a-head p{max-width:640px}
.co ul.co-rows,.co ul.co-pts,.co ul.co-cells,.co ul.co-pillars,.co ul.co-index,.co ul.co-facts3,.co ul.co-citycards,.co ul.co-pins,
.co ul.co-checks,.co ul.co-pills,.co ul.co-releases,.co ul.co-dls,.co ul.co-swatches,.co ul.co-profile-facts,.co ul.co-inline,.co ol.co-path{list-style:none;margin:0;padding:0}

/* ---------- layout helpers ---------- */
.co-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}
.co-split-lead{grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr)}
.co-split>*{min-width:0}
.co-sticky{position:sticky;top:104px}
@media (max-width:960px){.co-split,.co-split-lead{grid-template-columns:minmax(0,1fr);gap:36px}.co-sticky{position:static}}

.co-statement{font-family:var(--font-display);font-weight:500;font-size:clamp(1.2rem,1.9vw,1.55rem);line-height:1.45;letter-spacing:-.01em;max-width:30em;margin-top:26px;color:var(--text-light)}
.a-dark .co-statement{color:#fff}
.co-prose p{color:var(--text-light-muted);line-height:1.75;font-size:1.02rem;margin:0 0 14px;max-width:62ch}
.co-prose-lg p{font-size:1.12rem;line-height:1.8}
.co-prose a,.co-small a,.co-rows a:not(.co-go){text-decoration:underline;text-underline-offset:3px;font-weight:600}
.a-dark .co-prose p{color:var(--text-dark-muted)}
.co-small{font-size:.86rem;color:var(--text-light-muted);margin-top:14px;line-height:1.6}
.a-dark .co-small{color:var(--text-dark-muted)}
.co-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:26px}
.co-actions .btn{display:inline-flex;align-items:center;gap:8px}
.co-actions .btn svg{width:18px;height:18px}

/* ---------- hero extras ---------- */
.co-hero .a-hero-grid{align-items:center}
.co-herofacts{display:flex;flex-wrap:wrap;gap:12px 36px;margin:40px 0 0;padding:20px 0 0;border-top:1px solid var(--line-light-2)}
.co-herofacts div{min-width:0}
.co-herofacts dt{font-size:.72rem;font-weight:600;letter-spacing:.04em;color:var(--text-light-muted)}
.co-herofacts dd{margin:3px 0 0;font-weight:600;color:#101524}

.co-panel{width:100%;max-width:480px;justify-self:end;border-radius:20px;padding:24px 26px}
.co-panel-h{padding-bottom:14px;margin-bottom:6px;border-bottom:1px solid rgba(255,255,255,.14)}
.t-light .co-panel-h{border-color:var(--line-light)}
.co-panel-h small{display:block;font-size:.74rem;font-weight:600;letter-spacing:.04em;opacity:.72;margin-bottom:4px}
.co-panel-h b{font-size:1.12rem;line-height:1.3;font-family:var(--font-display);font-weight:600}
.co-panel-f{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.14);font-size:.9rem}
.co-panel-f span{opacity:.72}
.co-panel-f a{font-weight:600;text-decoration:underline;text-underline-offset:3px}
@media (max-width:1000px){.co-panel{justify-self:start}}

.co-index li a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 2px;border-bottom:1px solid rgba(255,255,255,.12);font-weight:600;transition:padding .18s,color .18s}
.t-light .co-index li a{border-color:var(--line-light)}
.co-index li:last-child a{border-bottom:0}
.co-index li a svg{width:18px;height:18px;flex:none;opacity:.6;transition:transform .18s,opacity .18s}
.co-index li a:hover{padding-left:8px;color:var(--accent)}
.t-light .co-index li a:hover{color:#944D00}
.co-index li a:hover svg{transform:translateX(3px);opacity:1}

.co-facts3 li{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.co-facts3 li:last-child{border-bottom:0;padding-bottom:4px}
.co-facts3 b{display:block;font-size:1rem}
.co-facts3 span{display:block;margin-top:3px;font-size:.88rem;opacity:.78;line-height:1.55}

/* ---------- rows: title + text, the editorial list used across pages ---------- */
.co-rows{border-top:1px solid var(--line-light-2)}
.co-rows>li{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:8px 36px;align-items:baseline;padding:26px 0;border-bottom:1px solid var(--line-light-2)}
.co-rows h3{font-size:1.2rem;line-height:1.25}
.co-rows p{color:var(--text-light-muted);line-height:1.7;font-size:.98rem}
.co-rows-plain>li{grid-template-columns:minmax(0,1fr)}
.co-rows-plain h3{margin-bottom:6px}
.a-dark .co-rows,.a-dark .co-rows>li{border-color:var(--line-dark-2)}
.a-dark .co-rows h3{color:#fff}
.a-dark .co-rows p{color:var(--text-dark-muted)}
.co-rows-big>li{position:relative;padding:34px 0 34px;grid-template-columns:minmax(0,1.05fr) minmax(0,1.2fr);gap:12px 56px}
.co-rows-big>li::before{content:"";position:absolute;left:0;top:-1px;width:44px;height:3px;background:var(--accent)}
.co-rows-big h3{font-family:var(--font-display);font-weight:600;font-size:clamp(1.55rem,2.5vw,2.2rem);line-height:1.15;letter-spacing:-.018em}
.co-rows-big p{font-size:1.04rem}
.co-over{font-weight:400;color:var(--text-dark-muted)}
.co-rows-go>li{grid-template-columns:minmax(0,1fr) auto;align-items:center}
.co-rows-go p{margin-top:4px}
@media (max-width:760px){.co-rows>li,.co-rows-big>li{grid-template-columns:minmax(0,1fr);gap:8px}.co-rows-go>li{grid-template-columns:minmax(0,1fr) auto}}

.co-go{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--accent-text,#944D00);white-space:nowrap}
.co-go svg{width:18px;height:18px;transition:transform .18s}
.co-go:hover svg{transform:translateX(3px)}
.a-dark .co-go{color:#f2c176}

/* ---------- placeholders and photography ---------- */
.co-ph{position:relative;margin:0;display:flex;align-items:flex-end;min-height:100%;border-radius:14px;overflow:hidden;color:#4b4533;
  background:repeating-linear-gradient(135deg,rgba(75,69,51,.05) 0 1px,transparent 1px 14px),linear-gradient(135deg,#F1EBDC,#E6DEC9);border:1px dashed #B9B09A}
.co-ph.dark{color:#cfd5e6;background:repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 1px,transparent 1px 14px),linear-gradient(135deg,#15233F,#0E1830);border-color:rgba(255,255,255,.26)}
.co-ph svg{position:absolute;right:16px;top:16px;width:30px;height:30px;opacity:.4}
.co-ph figcaption{display:flex;flex-direction:column;gap:2px;padding:14px 16px;font-size:.66rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;opacity:.9}
.co-ph figcaption b{font-size:.9rem;letter-spacing:0;text-transform:none;font-weight:600}
.co-ph.r43{aspect-ratio:4/3;min-height:0}.co-ph.r169{aspect-ratio:16/9;min-height:0}.co-ph.r45{aspect-ratio:4/5;min-height:0}.co-ph.r1610{aspect-ratio:16/10;min-height:0}
.co-shot{margin:0;border-radius:14px;overflow:hidden;background:var(--ink)}
.co-shot img{width:100%;height:100%;object-fit:cover}
.co-shot.r43{aspect-ratio:4/3}.co-shot.r169{aspect-ratio:16/9}.co-shot.r45{aspect-ratio:4/5}.co-shot.r1610{aspect-ratio:16/10}
.tbc{background:#FFF3B0;color:#5a4300;padding:1px 6px;border-radius:4px;font-weight:600}
.a-dark .tbc{background:rgba(242,169,59,.2);color:#ffe3ad}
.tbc-p{color:var(--text-light-muted)!important}

.co-tag{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:var(--accent-dim);color:#6B3A00;border:1px solid var(--accent-dim-2)}
.co-status{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 11px;border-radius:999px;border:1px solid var(--line-light-2);background:var(--paper-panel-2);color:var(--text-light)}
.co-status::before{content:"";width:7px;height:7px;border-radius:50%;background:#2563eb}
.co-note{margin:0 0 24px;padding:14px 18px;border-radius:12px;background:#FFF6DD;border:1px solid #F1DFA8;color:#5a4300;font-size:.92rem;line-height:1.6;max-width:820px}
.co-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:.82rem;color:var(--text-light-muted);margin:0}
.co-more{display:inline-flex;align-items:center;gap:7px;font-weight:600;font-size:.92rem;color:#944D00;margin-top:auto}
.co-more svg{width:17px;height:17px;transition:transform .18s}
a.co-more:hover svg{transform:translateX(3px)}
.co-more.is-off{opacity:.45}

/* ---------- final CTA band ---------- */
.co-final .co-final-in{max-width:780px}
.co-final h2{color:#fff;font-size:clamp(2rem,4.2vw,3.3rem);line-height:1.08;letter-spacing:-.025em;margin:8px 0 16px}
.co-final p{color:var(--text-dark-muted);font-size:1.08rem;line-height:1.7;max-width:56ch}
.co-final-big .co-final-in{max-width:960px}
.co-final-big h2{font-size:clamp(2.2rem,5.4vw,4.4rem);line-height:1.04;max-width:17em}

/* ---------- LEADERSHIP ---------- */
.co-profile{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start}
.co-profile>*{min-width:0}
.co-profile-media{position:sticky;top:104px}
.co-portrait{border-radius:22px;overflow:hidden;background:var(--ink);box-shadow:0 30px 60px -34px rgba(11,20,38,.55)}
.co-portrait .co-shot{border-radius:0;aspect-ratio:4/5;background:#1b1b1d}
.co-portrait .co-shot img{object-position:50% 22%}
.co-profile-facts{margin-top:16px!important}
.co-profile-facts li{padding:10px 0;border-bottom:1px solid var(--line-light-2);font-size:.92rem;color:var(--text-light-muted)}
.co-profile-facts li:first-child{border-top:1px solid var(--line-light-2)}
.co-role{font-weight:600;font-size:.98rem;color:#944D00;margin:0 0 8px}
.co-profile-body h3{font-family:var(--font-display);font-weight:600;font-size:clamp(2.1rem,4vw,3.2rem);line-height:1.05;letter-spacing:-.025em;margin-bottom:22px}
.co-profile-body .co-prose p{font-size:1.1rem;line-height:1.78}
.co-dl{margin:28px 0 0}
.co-dl>div{padding:16px 0;border-top:1px solid var(--line-light-2)}
.co-dl>div:last-child{border-bottom:1px solid var(--line-light-2)}
.co-dl dt{font-size:.78rem;font-weight:600;letter-spacing:.03em;color:var(--text-light-muted);margin-bottom:5px}
.co-dl dd{margin:0;color:var(--text-light);line-height:1.6}
.co-inline{display:flex;flex-wrap:wrap;gap:8px}
.co-inline a{display:inline-block;padding:7px 14px;border-radius:999px;border:1px solid var(--line-light-2);background:#fff;font-size:.88rem;font-weight:600;transition:background .15s,color .15s,border-color .15s}
.co-inline a:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
@media (max-width:960px){.co-profile{grid-template-columns:minmax(0,1fr);gap:32px}.co-profile-media{position:static;max-width:420px}}

.co-team{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:56px;padding-top:40px;border-top:1px solid var(--line-light-2)}
.co-person{display:flex;flex-direction:column;gap:6px}
.co-person-photo{margin-bottom:10px}
.co-person h3{font-size:1.4rem}
.co-person p{color:var(--text-light-muted);font-size:.95rem;line-height:1.65}
.co-person .co-role{margin:0}
.co-resp b{color:var(--text-light)}
.co-links{margin-top:6px;font-weight:600;font-size:.92rem}
.co-links a{text-decoration:underline;text-underline-offset:3px;color:#944D00}
@media (max-width:900px){.co-team{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.co-team{grid-template-columns:minmax(0,1fr)}}

.co-path{position:relative;border-left:1px solid var(--line-light-2);margin-left:6px!important}
.co-path li{position:relative;padding:0 0 38px 34px}
.co-path li:last-child{padding-bottom:0}
.co-path li::before{content:"";position:absolute;left:-7px;top:4px;width:13px;height:13px;border-radius:50%;background:#fff;border:3px solid var(--accent)}
.co-path li:last-child::before{background:var(--accent)}
.co-path b{display:block;font-size:.8rem;font-weight:600;color:#944D00;margin-bottom:6px}
.co-path h3{font-family:var(--font-display);font-weight:600;font-size:1.5rem;line-height:1.2;margin-bottom:8px}
.co-path p{color:var(--text-light-muted);line-height:1.7}
.co-path a{text-decoration:underline;text-underline-offset:3px;font-weight:600}

/* ---------- CAREERS ---------- */
.co-pts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
.co-pts li{padding:24px 0 28px;border-top:1px solid var(--line-light-2)}
.co-pts h3{font-size:1.18rem;line-height:1.25;margin-bottom:8px}
.co-pts p{color:var(--text-light-muted);line-height:1.7;font-size:.97rem}
@media (max-width:640px){.co-pts{grid-template-columns:minmax(0,1fr)}}

.co-mosaic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:190px;gap:14px}
.co-mosaic>*{min-height:0;height:100%}
.co-mosaic .co-ph,.co-mosaic .co-shot{height:100%;aspect-ratio:auto}
.co-m1{grid-column:1/6;grid-row:1/3}.co-m2{grid-column:6/10;grid-row:1}.co-m4{grid-column:6/10;grid-row:2}
.co-m3{grid-column:10/13;grid-row:1/3}.co-m5{grid-column:1/7;grid-row:3}.co-m6{grid-column:7/13;grid-row:3}
@media (max-width:760px){.co-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:150px}
  .co-m1,.co-m2,.co-m3,.co-m4,.co-m5,.co-m6{grid-column:auto;grid-row:auto}.co-m1{grid-column:1/3;grid-row:span 2}.co-m6{grid-column:1/3}}

.co-cells{display:grid;border:1px solid var(--line-light-2);border-radius:16px;overflow:hidden;background:#fff}
.co-cells-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.co-cells>li{display:flex;flex-direction:column;gap:8px;padding:30px 28px;box-shadow:inset -1px -1px 0 var(--line-light-2);transition:background .2s}
.co-cells>li:hover{background:var(--paper-panel-2)}
.co-cells h3{font-size:1.15rem}
.co-cells p{color:var(--text-light-muted);font-size:.94rem;line-height:1.65}
.co-cells a{margin-top:auto;padding-top:12px;display:inline-flex;align-items:center;gap:7px;font-weight:600;font-size:.9rem;color:#944D00}
.co-cells a svg{width:16px;height:16px}
.co-ic{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--accent-dim);color:#944D00;margin-bottom:6px}
.co-ic svg{width:21px;height:21px}
@media (max-width:980px){.co-cells-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.co-cells-3{grid-template-columns:minmax(0,1fr)}}

.co-openempty{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:56px;align-items:start}
.co-openempty .co-statement{margin-top:0;font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.3}
.co-incl{padding:26px 28px;border:1px solid var(--line-light-2);border-radius:16px;background:var(--paper-panel-2)}
.co-incl h3{font-size:1.05rem;margin-bottom:12px;font-family:var(--font-body)}
.co-incl ul{display:grid;gap:9px;margin:0 0 12px;padding:0;list-style:none}
.co-incl li{position:relative;padding-left:18px;font-size:.95rem}
.co-incl li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:2px;background:var(--accent)}
@media (max-width:900px){.co-openempty{grid-template-columns:minmax(0,1fr);gap:28px}}

.co-jobfilters{display:flex;flex-wrap:wrap;gap:16px;align-items:end;margin-bottom:22px}
.co-jobfilters label{display:flex;flex-direction:column;gap:6px;font-size:.78rem;font-weight:600;color:var(--text-light-muted)}
.co-jobfilters select{font:inherit;font-size:.95rem;padding:11px 14px;border-radius:10px;border:1px solid var(--line-light-2);background:#fff;color:var(--text-light);min-width:200px}
.co-jobcount{font-size:.86rem;color:var(--text-light-muted);margin-left:auto}
.co-jobs{border-top:1px solid var(--line-light-2)}
.co-job{border-bottom:1px solid var(--line-light-2)}
.co-job summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 4px;cursor:pointer;list-style:none}
.co-job summary::-webkit-details-marker{display:none}
.co-job summary:hover{background:var(--paper-panel-2)}
.co-job-t h3{font-size:1.3rem}
.co-job-m{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:6px;font-size:.88rem;color:var(--text-light-muted)}
.co-job-m i{width:4px;height:4px;border-radius:50%;background:var(--line-light-2)}
.co-job-chev{flex:none;width:12px;height:12px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s;margin-right:6px}
.co-job details[open] .co-job-chev{transform:rotate(-135deg)}
.co-job-body{padding:4px 4px 34px;max-width:900px}
.co-job-body>p{color:var(--text-light-muted);line-height:1.75;margin-bottom:22px}
.co-job-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-bottom:26px}
.co-job-cols h4{font-size:.95rem;margin:0 0 10px}
.co-job-cols ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.co-job-cols li{position:relative;padding-left:18px;color:var(--text-light-muted);font-size:.95rem;line-height:1.6}
.co-job-cols li::before{content:"";position:absolute;left:0;top:.7em;width:8px;height:2px;background:var(--accent)}
.co-empty-filter{padding:24px;text-align:center;color:var(--text-light-muted);border:1px dashed var(--line-light-2);border-radius:12px;margin-top:18px}
.co-after{margin-top:28px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}
@media (max-width:700px){.co-job-cols{grid-template-columns:minmax(0,1fr)}.co-jobcount{margin-left:0;flex-basis:100%}}

.co-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px!important}
.co-pill{padding:10px 18px;border-radius:999px;border:1px solid var(--line-light-2);background:#fff;font-weight:600;font-size:.92rem}
.co-card-dark{padding:34px 32px;border-radius:20px;background:var(--ink);color:#fff;display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.co-card-dark small{font-size:.8rem;font-weight:600;color:#f2c176}
.co-card-dark b{font-family:var(--font-display);font-weight:600;font-size:1.7rem;line-height:1.2}
.co-card-dark p{color:var(--text-dark-muted);line-height:1.65}
.co-incl-list{display:grid;gap:6px;margin:0;padding:0;list-style:none;color:var(--text-dark-muted)}

/* ---------- LOCATIONS ---------- */
.co-hero-map{padding-bottom:56px}
.co-hero-text{max-width:780px}
.co-hero-text h1{margin-bottom:18px}
.co-map{margin-top:30px}
.co-map-frame{position:relative;width:100%}
.co-map-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
#co-dots circle{fill:rgba(255,255,255,.36)}
.co-coast{fill:none;stroke:rgba(255,255,255,.12);stroke-width:.6}
.co-arc{fill:none;stroke:#F2A93B;stroke-width:1.5;stroke-linecap:round;stroke-opacity:.9;stroke-dasharray:1;stroke-dashoffset:1;animation:co-draw 1.9s cubic-bezier(.5,0,.2,1) .35s forwards;transition:stroke-width .2s,stroke .2s}
.co-arc[data-city=london]{animation-delay:.6s}.co-arc[data-city=sf]{animation-delay:.85s}
@keyframes co-draw{to{stroke-dashoffset:0}}
.co-map[data-active] .co-arc{stroke-opacity:.35}
.co-map[data-active=san-francisco] .co-arc[data-city=san-francisco],.co-map[data-active=london] .co-arc[data-city=london],.co-map[data-active=dubai] .co-arc[data-city=dubai]{stroke:#fff;stroke-opacity:1;stroke-width:2.4}

.co-pins{position:absolute;inset:0}
.co-pins>li{position:absolute;width:0;height:0}
.co-pin{position:absolute;left:0;top:0;transform:translate(-50%,-50%);display:block;width:44px;height:44px;border-radius:50%}
.co-dot{position:absolute;left:50%;top:50%;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:50%;background:#F2A93B;border:2px solid #0B1426;box-shadow:0 0 0 1px rgba(242,169,59,.7);transition:transform .2s,background .2s}
.co-pin.is-hq .co-dot{width:17px;height:17px;margin:-8.5px 0 0 -8.5px;background:#fff;box-shadow:0 0 0 2px #F2A93B}
.co-pin.is-hq::before{content:"";position:absolute;left:50%;top:50%;width:17px;height:17px;margin:-8.5px 0 0 -8.5px;border-radius:50%;border:2px solid #F2A93B;animation:co-pulse 2.6s ease-out infinite}
@keyframes co-pulse{0%{transform:scale(1);opacity:.9}100%{transform:scale(3.2);opacity:0}}
.co-pin.is-on .co-dot,.co-pin:hover .co-dot{transform:scale(1.35);background:#fff}
.co-pin:focus-visible{outline:2px solid #fff;outline-offset:2px}
.co-pin-l{position:absolute;white-space:nowrap;display:flex;flex-direction:column;gap:1px;padding:6px 11px;border-radius:10px;background:rgba(11,20,38,.82);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .2s,background .2s}
.co-pin-l b{font-size:.84rem;color:#fff;line-height:1.2}
.co-pin-l small{font-size:.7rem;color:#aab2c5;line-height:1.2}
.co-pin[data-side=e] .co-pin-l{left:calc(50% + 14px);top:50%;transform:translateY(-50%)}
.co-pin[data-side=w] .co-pin-l{right:calc(50% + 14px);top:50%;transform:translateY(-50%)}
.co-pin[data-side=s] .co-pin-l{top:calc(50% + 14px);left:50%;transform:translateX(-50%)}
.co-pin[data-side=n] .co-pin-l{bottom:calc(50% + 14px);left:50%;transform:translateX(-50%)}
.co-pin.is-on .co-pin-l,.co-pin:hover .co-pin-l{border-color:#F2A93B;background:rgba(11,20,38,.95)}
@media (max-width:760px){.co-pin-l{display:none}.co-pin.is-on .co-pin-l,.co-pin:focus-visible .co-pin-l{display:flex;z-index:3}}

.co-citycards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px!important}
.co-citycard{display:flex;align-items:center;gap:12px;height:100%;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);color:#fff;transition:border-color .2s,background .2s}
.co-citycard span{display:flex;flex-direction:column;min-width:0;flex:1}
.co-citycard b{font-size:1rem}
.co-citycard small{font-size:.76rem;color:#aab2c5;line-height:1.35;margin-top:2px}
.co-citycard>svg{width:18px;height:18px;flex:none;opacity:.55;transition:transform .2s,opacity .2s}
.co-citycard:hover,.co-citycard.is-on{border-color:#F2A93B;background:rgba(242,169,59,.1)}
.co-citycard:hover>svg{transform:translateX(3px);opacity:1}
.co-map-hint{margin-top:14px;font-size:.84rem;color:#aab2c5}
.co-flag{flex:none;width:30px;height:20px;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.18)}
@media (max-width:1000px){.co-citycards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.co-citycards{grid-template-columns:minmax(0,1fr)}}

.co-city{padding-top:88px;padding-bottom:88px}
.co-city-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:72px;align-items:center}
.co-city-grid>*{min-width:0}
.co-city-grid.is-rev .co-city-text{order:2}
.co-idx{display:flex;align-items:center;gap:12px;font-size:.86rem;font-weight:700;letter-spacing:.08em;color:#944D00;margin:0 0 14px}
.co-idx::after{content:"";width:44px;height:2px;background:var(--accent)}
.co-city h2{font-size:clamp(2.7rem,6.4vw,5rem);line-height:1;letter-spacing:-.035em;font-weight:600}
.co-citrole{display:flex;align-items:center;gap:12px;margin:18px 0 0;font-weight:600;font-size:1.08rem;color:#101524}
.co-citystory{margin-top:22px;font-size:1.12rem;line-height:1.8;color:var(--text-light-muted);max-width:56ch}
.co-lead3{font-family:var(--font-body);font-size:.84rem;font-weight:600;letter-spacing:.02em;color:var(--text-light-muted);margin:30px 0 12px}
.co-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px}
.co-checks li{position:relative;padding-left:26px;font-weight:600;line-height:1.45}
.co-checks li::before{content:"";position:absolute;left:0;top:.38em;width:14px;height:14px;border-radius:50%;background:var(--accent-dim);border:2px solid var(--accent)}
.co-cityph{position:relative}
.co-cityph .co-ph{border-radius:20px}
.co-chip{position:absolute;left:14px;top:14px;display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;border-radius:999px;background:rgba(255,255,255,.94);color:#101524;font-weight:600;font-size:.84rem;box-shadow:0 6px 18px -8px rgba(11,20,38,.4)}
.co-dl-rows{margin-top:18px}
.co-dl-rows>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;align-items:baseline}
.co-tz{color:var(--text-light-muted);font-size:.86rem;margin-left:6px}
[data-clock]{font-variant-numeric:tabular-nums;font-weight:600}
@media (max-width:960px){.co-city{padding-top:64px;padding-bottom:64px}.co-city-grid{grid-template-columns:minmax(0,1fr);gap:36px}.co-city-grid.is-rev .co-city-text{order:0}}
@media (max-width:520px){.co-checks{grid-template-columns:minmax(0,1fr)}.co-dl-rows>div{grid-template-columns:100px minmax(0,1fr)}}

/* ---------- STACK GIVES ---------- */
.co-ripple{position:relative;width:100%;max-width:470px;justify-self:end;aspect-ratio:1}
.co-ripple svg{position:absolute;inset:0;width:100%;height:100%}
.co-ripple .rg{fill:rgba(242,169,59,.07);stroke:rgba(148,77,0,.4);stroke-width:1;transform-box:view-box;transform-origin:200px 200px;animation:co-ring 1.5s cubic-bezier(.2,.7,.2,1) both}
.co-ripple .r1{fill:rgba(242,169,59,.2);animation-delay:.1s}.co-ripple .r2{fill:rgba(242,169,59,.14);animation-delay:.28s}
.co-ripple .r3{fill:rgba(242,169,59,.09);animation-delay:.46s}.co-ripple .r4{animation-delay:.64s}
.co-ripple .rc{fill:#E58F0F}
@keyframes co-ring{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}
.co-ripple ul{position:absolute;inset:0;margin:0;padding:0;list-style:none}
.co-ripple li{position:absolute;left:50%;transform:translate(-50%,-50%)}
.co-ripple .l1{top:38%}.co-ripple .l2{top:27%}.co-ripple .l3{top:16%}.co-ripple .l4{top:5%}
.co-ripple li a{display:block;white-space:nowrap;padding:6px 13px;border-radius:999px;background:#fff;border:1px solid #E7CFA0;font-size:.76rem;font-weight:600;color:#101524;box-shadow:0 8px 18px -12px rgba(120,70,0,.5);transition:border-color .15s,background .15s}
.co-ripple li a:hover{border-color:#944D00;background:#FFF8EA}
@media (max-width:1000px){.co-ripple{justify-self:center;margin-top:12px}}
@media (max-width:420px){.co-ripple li a{font-size:.66rem;padding:5px 9px}}

.co-pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line-dark-2);border-radius:18px;overflow:hidden}
.co-pillars>li{padding:32px 26px;display:flex;flex-direction:column;gap:10px;border-left:1px solid var(--line-dark-2);background:rgba(255,255,255,.02);transition:background .2s}
.co-pillars>li:first-child{border-left:0}
.co-pillars>li:hover{background:rgba(255,255,255,.05)}
.co-pillars .co-ic{background:rgba(242,169,59,.14);color:#f2c176;width:48px;height:48px;border-radius:14px}
.co-pillars h3{color:#fff;font-size:1.3rem;line-height:1.2;font-family:var(--font-display);font-weight:600}
.co-pillars p{color:var(--text-dark-muted);line-height:1.65;font-size:.95rem;margin-bottom:14px}
.co-pillars li ul{display:grid;gap:9px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line-dark-2);list-style:none;padding-left:0}
.co-pillars li li{position:relative;padding-left:16px;font-size:.88rem;line-height:1.55;color:#d6dbe8;background:none;border:0;padding-top:0;padding-bottom:0;display:block}
.co-pillars li li::before{content:"";position:absolute;left:0;top:.66em;width:7px;height:2px;background:var(--accent)}
.co-pillars li li a{text-decoration:underline;text-underline-offset:3px;color:#f2c176}
@media (max-width:1100px){.co-pillars{grid-template-columns:repeat(2,minmax(0,1fr))}.co-pillars>li:nth-child(3){border-left:0}.co-pillars>li:nth-child(n+3){border-top:1px solid var(--line-dark-2)}}
@media (max-width:620px){.co-pillars{grid-template-columns:minmax(0,1fr)}.co-pillars>li{border-left:0;border-top:1px solid var(--line-dark-2)}.co-pillars>li:first-child{border-top:0}}

.co-initgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.co-init{display:flex;flex-direction:column;border:1px solid var(--line-light-2);border-radius:16px;overflow:hidden;background:#fff}
.co-init.is-sample{border-style:dashed}
.co-init .co-ph,.co-init .co-shot{border-radius:0;border-width:0 0 1px 0}
.co-init-b{display:flex;flex-direction:column;gap:10px;padding:22px 22px 24px;flex:1}
.co-init-b h3{font-size:1.25rem}
.co-init-b p{color:var(--text-light-muted);font-size:.94rem;line-height:1.65}
.co-tags{display:flex;flex-wrap:wrap;gap:8px}
.co-impact{margin-top:auto;padding-top:12px;border-top:1px solid var(--line-light);font-size:.9rem!important}
.co-impact b{color:var(--text-light);margin-right:6px}
@media (max-width:1000px){.co-initgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.co-initgrid{grid-template-columns:minmax(0,1fr)}}

/* ---------- NEWSROOM ---------- */
.co-feature{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);border:1px solid var(--line-light-2);border-radius:20px;overflow:hidden;background:#fff}
.co-feature>*{min-width:0}
.co-feature .co-ph,.co-feature .co-shot{border-radius:0;border-width:0 1px 0 0;height:100%;min-height:360px}
.co-feature.is-sample{border-style:dashed}
.co-feature-b{padding:40px 38px;display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.co-feature-b h3{font-family:var(--font-display);font-weight:600;font-size:clamp(1.6rem,2.8vw,2.4rem);line-height:1.15;letter-spacing:-.02em}
.co-feature-b p{color:var(--text-light-muted);line-height:1.7}
.co-feature-b h3 a:hover{text-decoration:underline}
@media (max-width:900px){.co-feature{grid-template-columns:minmax(0,1fr)}.co-feature .co-ph,.co-feature .co-shot{border-width:0 0 1px 0;min-height:0;aspect-ratio:16/9;height:auto}.co-feature-b{padding:26px 22px}}

.co-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.co-filter button{font:inherit;font-size:.86rem;font-weight:600;padding:9px 16px;border-radius:999px;border:1px solid var(--line-light-2);background:#fff;color:var(--text-light);cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.co-filter button:hover{border-color:var(--ink)}
.co-filter button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.co-newsgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.co-news{display:flex;flex-direction:column;border:1px solid var(--line-light-2);border-radius:16px;overflow:hidden;background:#fff}
.co-news[hidden]{display:none}
.co-news.is-sample{border-style:dashed}
.co-news .co-ph,.co-news .co-shot{border-radius:0;border-width:0 0 1px 0}
.co-news-b{display:flex;flex-direction:column;gap:10px;padding:20px 22px 24px;flex:1}
.co-news-b h3{font-size:1.2rem;line-height:1.25}
.co-news-b h3 a:hover{text-decoration:underline}
.co-news-b p{color:var(--text-light-muted);font-size:.94rem;line-height:1.65}
@media (max-width:1000px){.co-newsgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.co-newsgrid{grid-template-columns:minmax(0,1fr)}}

.co-releases{border-top:1px solid var(--line-light-2)}
.co-releases li{display:grid;grid-template-columns:170px minmax(0,1fr) auto;gap:20px;align-items:center;padding:20px 4px;border-bottom:1px solid var(--line-light-2)}
.co-releases time{color:var(--text-light-muted);font-size:.9rem}
.co-releases a{font-weight:600;font-size:1.08rem}
.co-releases a:hover{text-decoration:underline}
.co-releases.is-sample{opacity:.9;border-top:1px dashed var(--line-light-2)}
@media (max-width:700px){.co-releases li{grid-template-columns:minmax(0,1fr);gap:6px}}
.co-emptybox{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;align-items:center;padding:30px 32px;border:1px solid var(--line-light-2);border-radius:16px;background:var(--paper-panel-2)}
.co-emptybox h3{font-size:1.35rem;margin-bottom:8px}
.co-emptybox p{color:var(--text-light-muted);line-height:1.7}
.co-emptybox a{text-decoration:underline;text-underline-offset:3px;font-weight:600}
.co-emptybox .co-releases{border-top:0}
.co-emptybox .co-releases li{grid-template-columns:auto minmax(0,1fr) auto;padding:14px;border:1px dashed var(--line-light-2);border-radius:12px;background:#fff}
@media (max-width:860px){.co-emptybox{grid-template-columns:minmax(0,1fr);gap:22px;padding:24px 22px}}
.co-covgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.co-cov{display:flex;flex-direction:column;gap:10px;align-items:flex-start;padding:22px;border:1px solid var(--line-light-2);border-radius:14px;background:#fff;transition:border-color .2s,box-shadow .2s}
a.co-cov:hover{border-color:var(--ink);box-shadow:var(--shadow-md)}
.co-cov img{height:28px;width:auto;max-width:160px;object-fit:contain}
.co-pub{font-weight:700;font-size:.95rem}
.co-cov b{font-family:var(--font-display);font-size:1.12rem;line-height:1.3}
.co-cov time{font-size:.84rem;color:var(--text-light-muted)}
.co-cov.is-sample{border-style:dashed}
@media (max-width:900px){.co-covgrid{grid-template-columns:minmax(0,1fr)}}

.co-res{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.co-res>article{display:flex;flex-direction:column;gap:12px;padding:28px 26px;border:1px solid var(--line-light-2);border-radius:16px;background:#fff;min-width:0}
.co-res .co-res-wide{grid-column:span 2}
.co-res h3{font-size:1.25rem}
.co-res p{color:var(--text-light-muted);line-height:1.7;font-size:.96rem}
.co-pos{font-family:var(--font-display);font-size:1.25rem!important;font-weight:600;color:var(--text-light)!important;line-height:1.3!important}
.co-res .co-actions{margin-top:auto;padding-top:6px}
.co-res .btn.is-copied{border-color:#15803d;color:#15803d}
.co-logotile{display:grid;place-items:center;padding:30px 24px;border-radius:12px;background:var(--ink)}
.co-logotile img{width:min(210px,80%);height:auto}
.co-dls{display:grid;gap:8px}
.co-dls a{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line-light-2);border-radius:12px;font-weight:600;font-size:.94rem;transition:border-color .15s,background .15s}
.co-dls a:hover{border-color:var(--ink);background:var(--paper-panel-2)}
.co-dls svg{width:20px;height:20px;flex:none;margin-top:2px;color:#944D00}
.co-dls small{display:block;font-weight:400;color:var(--text-light-muted);font-size:.8rem;margin-top:2px;line-height:1.45}
.co-swatches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.co-swatches li{display:flex;flex-direction:column;gap:2px;font-size:.84rem;font-weight:600}
.co-swatches i{display:block;height:42px;border-radius:8px;border:1px solid var(--line-light-2);margin-bottom:5px}
.co-swatches code{font-size:.78rem;font-weight:400;color:var(--text-light-muted)}
@media (max-width:1000px){.co-res{grid-template-columns:repeat(2,minmax(0,1fr))}.co-res .co-res-wide{grid-column:span 2}}
@media (max-width:640px){.co-res{grid-template-columns:minmax(0,1fr)}.co-res .co-res-wide{grid-column:auto}}

/* ---------- motion preferences ---------- */
@media (prefers-reduced-motion:reduce){
  .co-arc{animation:none;stroke-dashoffset:0}
  .co-pin.is-hq::before{animation:none;opacity:.5}
  .co-ripple .rg{animation:none}
  .co *{transition-duration:.001ms!important}
}