*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{--paper:#faf8f5;--paper2:#f2eee7;--ink:#0b1a24;--muted:#5d6670;--line:#e3ddd2;--navy:#001B2D;--navy2:#0b3a57;--yellow:#FDBE00;--red:#E02B20;--card:#fffefb;--good:#2f7a3d}
html{scroll-behavior:smooth}
body{font-family:'DM Sans',sans-serif;background:var(--paper);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.serif{font-family:'Instrument Serif',serif;font-weight:400}
.preview-bar{background:var(--navy);color:#cfe0ec;font-size:.74rem;text-align:center;padding:.4rem 1rem;letter-spacing:.02em}
.preview-bar b{color:var(--yellow)}
/* header */
header.top{position:sticky;top:10px;z-index:50;margin:14px auto 0;max-width:1120px;padding:0 24px}
.pill{display:flex;align-items:center;gap:1.1rem;background:rgba(255,254,251,.92);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:100px;padding:.5rem .6rem .5rem 1.2rem;box-shadow:0 6px 24px rgba(11,26,36,.07)}
.pill .brand{font-family:'Instrument Serif',serif;font-size:1.3rem;text-decoration:none;white-space:nowrap}
.pill nav{display:flex;gap:1.1rem;margin-left:auto;font-size:.86rem}
.pill nav a{text-decoration:none;color:#33414c}
.pill nav a:hover{color:var(--navy)}
.avail{display:flex;align-items:center;gap:.4rem;font-size:.76rem;color:var(--muted);white-space:nowrap}
.dot{width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 0 3px rgba(47,122,61,.18)}
.btn{display:inline-block;text-decoration:none;font-weight:600;font-size:.9rem;padding:.8rem 1.3rem;border-radius:100px;border:1px solid var(--navy);transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-1px)}
.btn.p{background:var(--navy);color:#fff}
.btn.s{background:transparent;color:var(--navy)}
.btn.sm{padding:.55rem 1rem;font-size:.82rem}
/* hero */
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:2.5rem;align-items:center;padding-top:2.2rem;padding-bottom:2.4rem}
.eyebrow{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#845f00;font-weight:700;margin-bottom:1rem}
h1{font-family:'Instrument Serif',serif;font-weight:400;font-size:clamp(2.5rem,5.6vw,4.4rem);line-height:1.04;letter-spacing:-.02em;color:var(--navy);margin-bottom:1.1rem}
h1 em{font-style:italic;background:linear-gradient(transparent 64%,var(--yellow) 64%)}
.hero p.lead{font-size:1.08rem;color:#3a4650;max-width:560px;margin-bottom:1.5rem}
.hero .btns{display:flex;gap:.8rem;flex-wrap:wrap}
.hero .note{margin-top:1rem;font-size:.8rem;color:var(--muted)}
.hero figure{position:relative;max-width:400px;justify-self:end;width:100%}
.hero figure img{border-radius:18px;aspect-ratio:4/5;width:100%;object-fit:cover;object-position:top;box-shadow:0 24px 50px rgba(11,26,36,.18)}
.hero figcaption{position:absolute;left:14px;bottom:14px;background:rgba(0,27,45,.86);color:#fff;font-size:.74rem;padding:.35rem .7rem;border-radius:100px}
/* stats */
.stats{background:var(--navy);color:#fff}
.stats .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.stats div{padding:1.6rem 1rem;border-right:1px solid rgba(255,255,255,.12);text-align:center}
.stats div:last-child{border-right:none}
.stats b{display:block;font-family:'Instrument Serif',serif;font-weight:400;font-size:2.6rem;color:var(--yellow);line-height:1.05}
.stats span{font-size:.8rem;opacity:.85}
.logos{padding:1.4rem 0;text-align:center;border-bottom:1px solid var(--line);background:var(--card)}
.logos small{display:block;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem}
.logos span{display:inline-block;margin:.25rem .9rem;font-weight:700;color:#3b4852;letter-spacing:.04em;font-size:.95rem}
/* sections */
section{padding:4rem 0}
section.alt{background:var(--paper2)}
.kicker{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#845f00;font-weight:700;margin-bottom:.5rem}
h2{font-family:'Instrument Serif',serif;font-weight:400;font-size:clamp(1.9rem,3.6vw,2.7rem);line-height:1.1;color:var(--navy);margin-bottom:.7rem;letter-spacing:-.01em}
.sub{color:var(--muted);max-width:660px;margin-bottom:1.8rem}
/* 360 */
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tile{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.2rem 1.3rem}
.tile h3{font-family:'Instrument Serif',serif;font-weight:400;font-size:1.35rem;color:var(--navy)}
.tile .big{font-family:'Instrument Serif',serif;font-size:2rem;color:var(--navy2);line-height:1.1;margin:.15rem 0 .3rem}
.tile p{font-size:.88rem;color:#46525c}
/* cases */
.chips{display:flex;gap:.45rem;flex-wrap:wrap;margin-bottom:1.3rem}
.chip{font:inherit;font-size:.8rem;padding:.4rem .9rem;border-radius:100px;border:1px solid var(--line);background:var(--card);cursor:pointer;color:#33414c}
.chip.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.case{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.3rem 1.3rem 1.2rem;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.case:hover{box-shadow:0 14px 34px rgba(11,26,36,.1);transform:translateY(-2px)}
.case .tag{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#845f00}
.case h3{font-family:'Instrument Serif',serif;font-weight:400;font-size:1.45rem;line-height:1.15;color:var(--navy);margin:.3rem 0 .5rem}
.case .num{font-family:'Instrument Serif',serif;font-size:2.3rem;color:var(--navy2);line-height:1}
.case .numl{font-size:.78rem;color:var(--muted);margin-bottom:.6rem}
.case p{font-size:.88rem;color:#46525c;margin-bottom:.5rem}
.case .role{margin-top:auto;font-size:.78rem;color:var(--muted);border-top:1px solid var(--line);padding-top:.6rem}
.case.hide{display:none}
.case img{border-radius:10px;margin-bottom:.7rem;aspect-ratio:16/10;object-fit:cover;object-position:center 60%}
.more{margin-top:1.4rem;text-align:center;display:none}
.claim{background:#fff7e0;border:1px solid #f1dc9a;border-radius:10px;padding:.55rem .75rem;font-size:.78rem;color:#6a5200;margin-top:.5rem}
/* testimonials */
.tgrid{display:grid;grid-template-columns:1.1fr 1fr;gap:2rem;align-items:start}
.video{position:relative;border-radius:16px;overflow:hidden;background:#000;box-shadow:0 20px 44px rgba(11,26,36,.2);cursor:pointer}
.video img{width:100%;aspect-ratio:16/9;object-fit:cover}
.video .play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.video .play i{width:72px;height:72px;border-radius:50%;background:var(--yellow);display:flex;align-items:center;justify-content:center}
.video .play i::after{content:'';border-left:20px solid var(--navy);border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:5px}
.video .len{position:absolute;right:12px;bottom:10px;background:rgba(0,0,0,.7);color:#fff;font-size:.74rem;padding:.12rem .55rem;border-radius:5px}
.video iframe{width:100%;aspect-ratio:16/9;border:0;display:block}
.vcap{font-size:.8rem;color:var(--muted);margin-top:.6rem}
blockquote{border-left:3px solid var(--yellow);padding:.2rem 0 .2rem 1.1rem;margin-bottom:1.3rem}
blockquote p{font-family:'Instrument Serif',serif;font-size:1.45rem;line-height:1.25;color:var(--navy)}
blockquote footer{font-size:.8rem;color:var(--muted);margin-top:.35rem}
.voices{font-size:.85rem;color:var(--muted);margin-top:1rem}
/* giving back */
.gb{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.gb .tile .big{color:var(--navy)}
.src{display:inline-block;font-size:.66rem;letter-spacing:.05em;font-weight:700;color:var(--good);border:1px solid var(--good);border-radius:100px;padding:.06rem .5rem;margin-top:.4rem}
.channels{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:1.4rem}
.channels a{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:.9rem 1rem;text-decoration:none;font-size:.86rem;display:block}
.channels a b{display:block;font-size:.95rem;color:var(--navy)}
.channels a span{color:var(--muted);font-size:.76rem}
/* about / ceo */
.two{display:grid;grid-template-columns:.8fr 1.2fr;gap:2.4rem;align-items:center}
.two img{border-radius:18px;aspect-ratio:1;object-fit:cover}
.ceo{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:1.2rem}
.ceo div{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:.9rem 1rem;font-size:.88rem}
.ceo b{display:block;color:var(--navy);font-family:'Instrument Serif',serif;font-weight:400;font-size:1.15rem}
/* work with me */
.wwm{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}
.wwm .tile.dark{background:var(--navy);color:#fff;border-color:var(--navy)}
.wwm .tile.dark h3{color:#fff}.wwm .tile.dark p{color:#cfe0ec}
/* contact */
.contact{background:var(--navy);color:#fff}
.contact h2{color:#fff}
.contact .sub{color:#b6cddd}
form{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:720px}
form .full{grid-column:1/-1}
label{font-size:.78rem;color:#b6cddd;display:block;margin-bottom:.25rem}
input,textarea,select{width:100%;font:inherit;padding:.75rem .9rem;border-radius:10px;border:1px solid #2a516b;background:#0a2a42;color:#fff}
textarea{min-height:110px}
.check{display:flex;gap:.6rem;align-items:flex-start;font-size:.86rem;color:#d7e6f0}
.check input{width:auto;margin-top:.25rem}
.priv{font-size:.78rem;color:#9fbdd1;margin-top:.9rem;max-width:720px}
footer.site{background:#00121f;color:#8fb0c5;padding:1.6rem 0;font-size:.8rem}
footer.site .wrap{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
footer.site img{height:26px;filter:brightness(0) invert(1);opacity:.85}
.lenses{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.lens{font:inherit;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:.95rem 1.05rem;cursor:pointer;transition:border-color .15s,transform .15s}
.lens:hover{border-color:var(--navy);transform:translateY(-1px)}
.lens.on{background:var(--navy);border-color:var(--navy);color:#fff}
.lens b{display:block;font-family:'Instrument Serif',serif;font-weight:400;font-size:1.25rem}
.lens span{font-size:.8rem;opacity:.8}
.lensnote{margin-top:1rem;background:#fff7e0;border:1px solid #f1dc9a;border-radius:12px;padding:.9rem 1.1rem;font-size:.92rem;color:#4d3d00}
.lensnote a{color:#4d3d00;font-weight:700}
.mot{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.mot figure{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.mot video{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:#000}
.mot figcaption{font-size:.8rem;color:var(--muted);padding:.65rem .85rem}
.mot figcaption b{display:block;color:var(--navy);font-size:.92rem}
.phbox{aspect-ratio:16/9;background:repeating-linear-gradient(45deg,#ece7de,#ece7de 10px,#f4f0e8 10px,#f4f0e8 20px);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7a736a;font-size:.8rem}
.phbox b{color:var(--navy);font-family:'Instrument Serif',serif;font-weight:400;font-size:1.2rem}
/* reveal */
.rv{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}
/* responsive */
@media(max-width:900px){
  .pill nav,.avail span.t{display:none}
  .hero,.tgrid,.two,.wwm{grid-template-columns:1fr}
  .hero figure{order:-1;max-width:340px;margin:0 auto}
  .hero figure img{aspect-ratio:4/4.6}
  .stats .wrap{grid-template-columns:1fr 1fr}.stats div:nth-child(2){border-right:none}.stats div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)}
  .lenses{grid-template-columns:1fr 1fr}
  .mot{grid-template-columns:1fr}
  .tiles,.cases,.gb{grid-template-columns:1fr}
  .channels{grid-template-columns:1fr 1fr}
  .more{display:block}
  .case.m-hide{display:none}
  form{grid-template-columns:1fr}
  section{padding:3rem 0}
  .logos span{margin:.2rem .55rem;font-size:.85rem}
  .ceo{grid-template-columns:1fr}
}

/* ---- v2 additions ---- */
.dot{background:var(--good);box-shadow:0 0 0 3px rgba(47,122,61,.2)}
.src{color:var(--navy2);border-color:var(--navy2)}
.mnav{display:none;position:relative}
.mnav summary{list-style:none;cursor:pointer;font-size:.84rem;font-weight:600;padding:.5rem .9rem;border:1px solid var(--line);border-radius:100px;background:var(--card)}
.mnav summary::-webkit-details-marker{display:none}
.mdrop{position:absolute;right:0;top:calc(100% + 10px);background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 34px rgba(11,26,36,.14);padding:.6rem;min-width:200px;z-index:60}
.mdrop a{display:block;padding:.65rem .9rem;border-radius:10px;text-decoration:none;font-size:.95rem}
.mdrop a:hover{background:var(--paper2)}
.pill nav a.cur{color:var(--navy);font-weight:600}
.todo{display:inline-block;background:#fff7e0;border:1px dashed #d9b43d;color:#6a5200;border-radius:8px;padding:.15rem .55rem;font-size:.74rem;font-weight:600}
p.todo,div.todo{display:block;padding:.5rem .75rem;font-weight:500;font-size:.8rem;margin:.4rem 0}
.crumb{font-size:.78rem;color:var(--muted);padding-top:1.6rem}
.crumb a{color:var(--muted)}
.phead{padding:2.4rem 0 1.4rem}
.phead h1{font-size:clamp(2.2rem,4.6vw,3.6rem);max-width:820px}
.phead p.lead{font-size:1.08rem;color:#3a4650;max-width:680px}
.bignum{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap;margin:.2rem 0 1.2rem}
.bignum b{font-family:'Instrument Serif',serif;font-weight:400;font-size:clamp(3rem,8vw,5.4rem);line-height:1;color:var(--navy)}
.bignum span{font-size:1rem;color:var(--muted);max-width:420px}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:1rem 0 0}
.facts div{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:.9rem 1rem;font-size:.86rem}
.facts b{display:block;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:#845f00;margin-bottom:.2rem}
.csec{padding:2rem 0;border-top:1px solid var(--line)}
.csec h2{font-size:1.6rem;margin-bottom:.6rem}
.csec .cols{display:grid;grid-template-columns:.7fr 1.3fr;gap:2rem}
.csec ul{padding-left:1.1rem;color:#3a4650}
.csec li{margin-bottom:.4rem}
.measure{font-size:.8rem;color:var(--muted);margin:.15rem 0 .8rem;padding-left:.7rem;border-left:2px solid var(--line)}
.rlist{display:grid;gap:14px}
.rres{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1rem 1.1rem}
.rres .n{font-family:'Instrument Serif',serif;font-size:2rem;color:var(--navy);line-height:1}
.nclaim{background:var(--paper2);border-radius:12px;padding:.8rem 1rem;font-size:.86rem;color:#46525c;margin-top:.8rem}
.nclaim b{color:var(--navy)}
.vband{background:var(--navy);color:#fff;padding:3rem 0}
.vband h2{color:#fff}.vband .sub{color:#b6cddd}.vband .kicker{color:var(--yellow)}
.vgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.vgrid.three{grid-template-columns:repeat(3,1fr)}
.vgrid.five{grid-template-columns:repeat(5,1fr)}
.vc{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;color:var(--ink)}
.vc video{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:#000}
.vc figcaption{font-size:.78rem;color:var(--muted);padding:.55rem .75rem}
.vc figcaption b{display:block;color:var(--navy);font-size:.88rem}
.vband .vc{border-color:rgba(255,255,255,.14)}
.vfeat{display:grid;grid-template-columns:1.25fr .75fr;gap:1.6rem;align-items:center}
.vfeat video{width:100%;aspect-ratio:16/9;border-radius:16px;background:#000;box-shadow:0 20px 44px rgba(11,26,36,.2)}
.era{padding:2.6rem 0;border-top:1px solid var(--line)}
.era .no{font-family:'Instrument Serif',serif;font-size:1rem;color:#845f00;letter-spacing:.14em;text-transform:uppercase}
.era h2{margin:.2rem 0 .4rem}
.etable{width:100%;border-collapse:collapse;font-size:.95rem}
.etable td,.etable th{padding:.8rem .6rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.etable th{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.essay{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.4rem}
.essays{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.flink{font-size:.88rem;margin-top:1rem;color:var(--muted)}
.flink a{color:var(--navy);font-weight:600}
footer.site nav{display:flex;gap:1rem;flex-wrap:wrap}
footer.site nav a{color:#8fb0c5;text-decoration:none}
.qrow{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin:1.4rem 0}
@media(max-width:900px){
  .mnav{display:block;margin-left:auto}
  .pill .avail{display:none}
  .facts,.essays,.csec .cols,.vfeat,.qrow{grid-template-columns:1fr}
  .vgrid,.vgrid.five{grid-template-columns:1fr 1fr}
  .vgrid.three{grid-template-columns:1fr}
  .bignum b{font-size:3.2rem}
}

.flows{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.flow{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1rem 1.1rem}
.flow h3{font-family:'Instrument Serif',serif;font-weight:400;font-size:1.2rem;color:var(--navy);margin-bottom:.5rem}
.flow p{font-size:.84rem;color:#46525c;margin-top:.6rem}
.stk{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}
.stk span{background:var(--paper2);border:1px solid var(--line);border-radius:100px;padding:.2rem .65rem;font-size:.8rem;font-weight:500;color:var(--navy)}
.stk i{font-style:normal;color:var(--muted);font-size:.85rem}
@media(max-width:900px){.flows{grid-template-columns:1fr}}

.tiles4{grid-template-columns:repeat(4,1fr)}
.flows.three{grid-template-columns:repeat(3,1fr)}
.tile{height:auto}
.drawer{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:10px;padding:.2rem 1.1rem}
.drawer summary{cursor:pointer;font-weight:600;padding:.8rem 0;color:var(--navy);list-style:none;display:flex;justify-content:space-between;align-items:center}
.drawer summary::-webkit-details-marker{display:none}
.drawer summary::after{content:'+';font-size:1.4rem;color:var(--muted)}
.drawer[open] summary::after{content:'\2212'}
.drawer summary em{font-style:normal;font-weight:400;color:var(--muted);font-size:.85rem;margin-left:.4rem;margin-right:auto}
.drawer ul{padding:0 0 1rem 1.1rem;color:#3a4650}
.drawer li{margin-bottom:.4rem}
.photos{display:grid;gap:12px;margin:1.4rem 0}
.photos.three{grid-template-columns:repeat(3,1fr)}
.photos.two{grid-template-columns:repeat(2,1fr)}
.photos.one{grid-template-columns:1fr}
.ph{margin:0}
.ph img{width:100%;border-radius:16px;aspect-ratio:4/3;object-fit:cover}
.ph.wide img{aspect-ratio:16/8;object-position:center 60%}
.photos.two .ph img{aspect-ratio:4/3;object-position:center 25%}
.ph figcaption{font-size:.78rem;color:var(--muted);padding:.4rem .2rem}
.vv video{aspect-ratio:9/16;object-fit:cover}
.vv.sq video{aspect-ratio:1/1;object-fit:cover}
.vgrid.vert{align-items:start}
@media(max-width:900px){.tiles4{grid-template-columns:1fr 1fr}.flows.three{grid-template-columns:1fr}.photos.three{grid-template-columns:1fr}.photos.two{grid-template-columns:1fr}.vgrid.vert{grid-template-columns:1fr 1fr}}

strong{font-weight:700;color:var(--navy)}
.vband strong,.contact strong{color:inherit}
.band{margin:0}
.band img{width:100%;height:clamp(180px,26vw,340px);object-fit:cover;object-position:center 62%;display:block}
.vgrid.vert.four{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.vgrid.vert.four{grid-template-columns:1fr 1fr}}

/* v3: calmer cards, collapsible essays, tablet, sticky cta */
.case p,.case .role{display:none}
.case.feature p{display:block}
.case{padding:1.1rem 1.2rem}
.case .num{font-size:2.1rem}
.rm-link{margin-top:auto;padding-top:.8rem;font-size:.84rem;font-weight:600;color:var(--navy);text-decoration:none}
.rm-link::after{content:' \2192'}
.case:hover .rm-link{text-decoration:underline}
.case.feature{grid-column:1/-1;background:var(--navy);border-color:var(--navy);color:#fff}
.case.feature .tag{color:var(--yellow)}
.case.feature h3,.case.feature h3 a{color:#fff;font-size:1.9rem;max-width:760px}
.case.feature .num{color:var(--yellow);font-size:3.4rem}
.case.feature .numl{color:#b6cddd}
.case.feature p{color:#d7e6f0;max-width:700px}
.case.feature .rm-link{color:var(--yellow)}
.chips{margin:.2rem 0 1.2rem}
details.essay-d{border-top:1px solid var(--line)}
details.essay-d summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:240px 1fr;gap:1.6rem;align-items:center;padding:1.4rem 0}
details.essay-d summary::-webkit-details-marker{display:none}
details.essay-d summary img{width:100%;height:auto;border-radius:16px;display:block}
.essay-d .et{display:block}
.essay-d h2{font-size:1.7rem;margin-bottom:.4rem}
.essay-d .teaser{display:block;color:var(--muted);max-width:560px;margin-bottom:.8rem}
.essay-d .rm{display:inline-block;font-weight:600;font-size:.88rem;color:var(--navy);border:1px solid var(--navy);border-radius:100px;padding:.4rem 1rem}
.essay-d .rm .l{display:none}
.essay-d[open] .rm .m{display:none}
.essay-d[open] .rm .l{display:inline}
.essay-d .rm .m::after{content:' +'}
.essay-d .rm .l::after{content:' \2212'}
.essay-body{padding:0 0 2rem;max-width:760px}
.sticky-cta{display:none}
@media(min-width:600px) and (max-width:900px){.cases,.tiles,.gb,.tiles4{grid-template-columns:1fr 1fr}.case.feature{grid-column:1/-1}.stats .wrap{grid-template-columns:1fr 1fr 1fr 1fr}}
@media(max-width:700px){
 details.essay-d summary{grid-template-columns:1fr;gap:1rem}
 details.essay-d summary img{max-width:260px}
 .case.feature h3,.case.feature h3 a{font-size:1.5rem}.case.feature .num{font-size:2.6rem}
 .sticky-cta{display:block;position:fixed;left:16px;right:16px;bottom:14px;z-index:70;background:var(--navy);color:#fff;text-align:center;text-decoration:none;font-weight:600;padding:.9rem;border-radius:100px;box-shadow:0 10px 26px rgba(0,27,45,.35)}
 body{padding-bottom:78px}
 .btn,.chip,.lens{min-height:44px}
}

.more{display:block;text-align:center;margin-top:1.4rem}
@media(min-width:601px){.case.m-hide{display:block}}
.case.x-hide{display:none}

/* v4: specific category pills, feature boxes, home lenses */
.ptag{display:inline-block;background:var(--navy);color:#fff;border-radius:100px;padding:.38rem .9rem;font-size:.8rem;font-weight:600;line-height:1.3;margin-bottom:.8rem;align-self:flex-start}
.ptag b{color:var(--yellow);font-weight:700;margin-right:.45rem;letter-spacing:.05em;text-transform:uppercase}
.case h3{font-size:1.3rem}
.case .num{font-size:2.3rem}
.featbox{display:grid;grid-template-columns:1.1fr 1.4fr;gap:1.8rem;background:var(--navy);color:#fff;border-radius:18px;padding:1.6rem 1.8rem;margin-bottom:1.2rem}
.featbox[hidden]{display:none}
.featbox .fk{display:inline-block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--yellow);margin-bottom:.5rem}
.featbox h2{color:#fff;font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.1;margin-bottom:.4rem}
.featbox p{color:#b6cddd;font-size:.95rem}
.featbox .rm-link{color:var(--yellow);display:inline-block}
.fws{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-self:center}
.fw{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:1rem}
.fw b{display:block;font-family:'Instrument Serif',serif;font-weight:400;font-size:1.7rem;line-height:1.1;color:var(--yellow);margin-bottom:.3rem}
.fw span{font-size:.82rem;color:#d7e6f0}
.hl{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:1.2rem}
.hlbox{display:flex;flex-direction:column;gap:.5rem;text-decoration:none;background:var(--card);border:1px solid var(--line);border-top:4px solid var(--navy);border-radius:16px;padding:1.2rem 1.2rem 1rem;transition:transform .15s,box-shadow .15s}
.hlbox:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(11,26,36,.1)}
.hlbox b{font-family:'Instrument Serif',serif;font-weight:400;font-size:1.65rem;line-height:1.1;color:var(--navy)}
.hlbox em{font-style:normal;font-weight:700;font-size:.92rem;color:var(--ink)}
.hlbox span{font-size:.84rem;color:#46525c}
.hlbox i{font-style:normal;margin-top:auto;padding-top:.5rem;font-weight:600;font-size:.84rem;color:var(--navy)}
.hlbox i::after{content:' \2192'}
@media(max-width:1000px){.featbox{grid-template-columns:1fr}.hl{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.fws{grid-template-columns:1fr}.hl{grid-template-columns:1fr}.hlbox b{font-size:1.5rem}.featbox{padding:1.3rem}}

/* v5: tool contrast */
.tile.tool{border-top:4px solid var(--navy);padding-top:1rem}
.tile.tool h3{font-family:'DM Sans',sans-serif;font-weight:700;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--navy);margin-bottom:.6rem}
.tl{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.35rem}
.tl li{background:var(--paper2);border:1px solid var(--line);border-radius:100px;padding:.25rem .7rem;font-size:.85rem;font-weight:700;color:var(--navy)}
.flow h3{font-family:'DM Sans',sans-serif;font-weight:700;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--navy)}
.stk span{font-weight:700}
.morereels>summary::after{content:'+'}
.csec .tl{padding-left:0}
#food .vfeat{grid-template-columns:.7fr 1.3fr}
@media(max-width:900px){#food .vfeat{grid-template-columns:1fr}}

/* v6: burger nav, calmer work grid */
.burger{display:none;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:var(--card);cursor:pointer;position:relative;padding:0;flex:none}
.burger span{position:absolute;left:13px;height:2px;border-radius:2px;background:var(--navy);transition:transform .3s ease,width .25s ease,opacity .2s ease,top .3s ease}
.burger span:nth-child(1){top:16px;width:20px}
.burger span:nth-child(2){top:22px;width:20px}
.burger span:nth-child(3){top:28px;width:20px}
.burger:hover span:nth-child(1){width:14px}
.burger:hover span:nth-child(3){width:14px;left:19px}
.burger[aria-expanded="true"] span:nth-child(1){top:22px;width:20px;left:13px;transform:rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){top:22px;width:20px;left:13px;transform:rotate(-45deg)}
.mpanel{position:absolute;left:24px;right:24px;top:calc(100% + 10px);background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 44px rgba(11,26,36,.18);padding:.8rem;z-index:60}
.mpanel[hidden]{display:none}
.mpanel a{display:block;padding:.9rem 1rem;border-radius:12px;text-decoration:none;font-family:'Instrument Serif',serif;font-size:1.6rem;color:var(--navy)}
.mpanel a:hover{background:var(--paper2)}
header.top{position:sticky}
@media(min-width:901px){.mpanel{display:none}}
@media(max-width:900px){.burger{display:block}.mnav{display:none!important}}
.case.mini{padding:.95rem 1.1rem}
.case.mini .num{font-size:1.7rem}
.case.mini h3{font-size:1.1rem}
.case{transition:transform .18s,box-shadow .18s,border-color .18s}
.case:hover{border-color:var(--navy);box-shadow:0 16px 34px rgba(11,26,36,.12);transform:translateY(-3px)}
#cases{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){#cases{grid-template-columns:1fr 1fr}}
@media(max-width:600px){#cases{grid-template-columns:1fr}}
/* v7: B Corp band */
.bcorp{background:var(--card);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:3rem 0}
.bc-head{max-width:640px}
.bc-head h2{margin-bottom:.4rem}
.bc-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:1.4rem 0 .6rem}
.bc-nums div{border-left:4px solid var(--navy);padding:.3rem 1rem}
.bc-nums b{display:block;font-family:'Instrument Serif',serif;font-weight:400;font-size:clamp(2.2rem,5vw,3.4rem);line-height:1;color:var(--navy)}
.bc-nums span{font-size:.88rem;color:#46525c}
@media(max-width:700px){.bc-nums{grid-template-columns:1fr}}

/* v8: accessibility */
:focus-visible{outline:3px solid var(--navy);outline-offset:3px;border-radius:6px}
.contact :focus-visible,.vband :focus-visible,.stats :focus-visible,.featbox :focus-visible,footer.site :focus-visible{outline-color:var(--yellow)}
.skip{position:absolute;left:-999px;top:0;background:var(--navy);color:#fff;padding:.7rem 1rem;z-index:100;border-radius:0 0 10px 0}
.skip:focus{left:0}

/* v9: video pause control, form feedback */
.vc,.video{position:relative}
.vpause{position:absolute;top:8px;right:8px;width:44px;height:44px;border-radius:50%;border:0;background:rgba(0,27,45,.72);cursor:pointer;display:flex;gap:4px;align-items:center;justify-content:center;opacity:.0;transition:opacity .2s;padding:0}
.vc:hover .vpause,.vpause:focus-visible,.vpause[aria-pressed="true"]{opacity:1}
@media(hover:none){.vpause{opacity:.9}}
.vpause span{display:block;width:4px;height:14px;background:#fff;border-radius:1px}
.vpause[aria-pressed="true"] span:first-child{width:0;height:0;background:none;border-left:12px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent;border-radius:0}
.vpause[aria-pressed="true"] span:last-child{display:none}
.err{display:block;color:#ffb4ad;font-size:.8rem;margin-top:.3rem}
.err-sum{background:rgba(224,43,32,.16);border:1px solid #ffb4ad;border-radius:10px;padding:.8rem 1rem;color:#fff;font-size:.9rem}
.err-sum a{color:#ffd9d5;margin-left:.6rem;font-weight:600}
.ok-msg{background:rgba(253,190,0,.14);border:1px solid var(--yellow);border-radius:10px;padding:.8rem 1rem;color:#fff;font-size:.92rem}
[aria-invalid="true"]{border-color:#ffb4ad!important}
button:disabled{opacity:.6;cursor:wait}

/* v10: first-screen fixes. Headline, proof and CTA must show on a phone without scrolling */
.trust{margin-top:1rem;font-size:.82rem;color:var(--muted);letter-spacing:.01em}
.trust b{color:var(--navy);font-weight:700}
@media(max-width:900px){
  .hero{padding-top:1rem;padding-bottom:1.4rem;gap:1rem}
  .hero figure{order:-1;max-width:none;margin:0;width:104px;justify-self:start}
  .hero figure img{aspect-ratio:1;border-radius:50%;box-shadow:0 8px 20px rgba(11,26,36,.18);object-position:top}
  .hero figcaption{display:none}
  .hero h1{font-size:clamp(2.1rem,9vw,2.8rem);margin-bottom:.8rem}
  .hero p.lead{font-size:1rem;margin-bottom:1.1rem}
  .eyebrow{margin-bottom:.6rem;font-size:.68rem}
}

/* v11: hero actions, logo row, video dialog */
.btn.watch{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-family:inherit}
.pl{width:0;height:0;border-left:9px solid var(--navy);border-top:6px solid transparent;border-bottom:6px solid transparent}
.links2{margin-top:.9rem;font-size:.88rem}
.links2 a{font-weight:600;color:var(--navy)}
.trust{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.1rem;margin-top:1rem}
.tl2{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.lg{display:inline-flex;align-items:center}
.lg img{height:20px;width:auto;display:block;opacity:.9}
.lgt{font-weight:700;color:#46525c;font-size:.88rem;letter-spacing:.03em}
.lgrow{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.9rem 2rem;margin-top:.6rem}
.lgrow .lg img{height:26px}
.lgrow .lgt{font-size:1rem}
.vdlg{border:0;border-radius:18px;padding:0;max-width:min(920px,94vw);width:100%;background:#000;overflow:hidden}
.vdlg::backdrop{background:rgba(0,18,31,.78)}
.vdlg video{display:block;width:100%;max-height:80vh;background:#000}
.vclose{position:absolute;top:10px;right:10px;z-index:2;background:rgba(0,27,45,.85);color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:100px;padding:.5rem 1rem;font:600 .85rem 'DM Sans',sans-serif;cursor:pointer;min-height:44px}
.vdn{background:#001B2D;color:#d7e6f0;font-size:.85rem;padding:.7rem 1rem;margin:0}
@media(max-width:700px){.trust{gap:.4rem .9rem}.tl2{width:100%}.hero .btns{gap:.6rem}}

.vdwrap iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#000}

/* v12: uniform logo treatment */
.lg img{height:22px;width:auto;max-width:92px;object-fit:contain;filter:grayscale(1);opacity:.75;mix-blend-mode:multiply;transition:opacity .2s,filter .2s}
.lg:hover img{filter:none;opacity:1}
.lgrow .lg img{height:30px;max-width:130px}
.stats .lg img,.contact .lg img{mix-blend-mode:normal}
.lg img[src$="uber.png"]{height:18px}
.lgrow .lg img[src$="uber.png"]{height:26px}
.lg img[src$="snapchat.svg"]{height:26px}
.lgrow .lg img[src$="snapchat.svg"]{height:34px}

.vdwrap video{display:block;width:100%;max-height:80vh;background:#000}
/* v13: mobile header: brand left, Let's talk and burger pushed to the right edge */
@media(max-width:900px){
  .pill{padding:.4rem .5rem .4rem 1.1rem;gap:.6rem}
  .pill>.btn{margin-left:auto}
  .burger{margin-left:0}
}

/* beach scene */
.beach{height:240vh;position:relative}
.beach-stick{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.beach canvas{display:block;width:100%;height:100%}
.beach-copy{position:absolute;left:0;right:0;bottom:13%;text-align:center;color:var(--navy);padding:0 24px;opacity:0}
.beach-copy h2{font-size:clamp(2.2rem,6vw,4.2rem);margin:.2rem 0}
.beach-copy p{font-size:1.1rem}
.beach-hint{position:absolute;left:0;right:0;bottom:6%;text-align:center;color:#fff;letter-spacing:.2em;text-transform:uppercase;font-size:.72rem;text-shadow:0 1px 8px rgba(0,0,0,.35)}
@media(prefers-reduced-motion:reduce){.beach{height:100vh}.beach-copy{opacity:1!important;transform:none!important}.beach-hint{display:none}}

/* clean view: what visitors will see */
.clean .todo,.clean .preview-bar,.clean .err-sum:empty{display:none!important}
.clean .nclaim:empty{display:none}

/* charts */
.chart{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.1rem 1.2rem 1rem;margin:0 0 1rem}
.ch-t{display:flex;flex-direction:column;gap:.15rem;margin-bottom:.6rem}
.ch-t b{font-family:'Instrument Serif',serif;font-weight:400;font-size:1.3rem;color:var(--navy)}
.ch-t span{font-size:.82rem;color:var(--muted)}
.chart svg{display:block;width:100%;height:auto;overflow:visible}
.chart .cl{font-family:'DM Sans',sans-serif;font-size:17px}
.chart .cl.sm{font-size:14px}
.chart .cl-p{fill:#0b1a24;font-weight:600}
.chart .cl-m{fill:#5d6670}
.chart .cl-v{fill:#0b1a24;font-weight:700;font-size:19px}
.chart .axis,.chart .grid{stroke:#e3ddd2;stroke-width:1}
.chart .xh{stroke:#8a96a0;stroke-width:1}
.ch-leg{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;margin:.5rem 0 0;font-size:.82rem;color:#46525c}
.ch-leg i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:.4rem;vertical-align:-1px}
.ch-src{font-size:.74rem;color:var(--muted);margin:.6rem 0 0}
.ctable{margin-top:.5rem;font-size:.8rem}
.ctable summary{cursor:pointer;color:var(--navy);font-weight:600}
.ctable table{width:100%;border-collapse:collapse;margin-top:.5rem}
.ctable th,.ctable td{text-align:left;padding:.3rem .4rem;border-bottom:1px solid var(--line)}
.chart-line{position:relative}
.tip{position:absolute;pointer-events:none;background:var(--navy);color:#fff;font-size:.78rem;line-height:1.35;padding:.45rem .6rem;border-radius:8px;white-space:nowrap;z-index:5;transform:translate(-50%,-110%)}
.tip[hidden]{display:none}
/* animation only when JS is on and the user has not asked for less motion */
@media(prefers-reduced-motion:no-preference){
 .js .chart .hb{transform-box:fill-box;transform-origin:left center;transform:scaleX(0);transition:transform .9s cubic-bezier(.2,.7,.2,1)}
 .js .chart .hv{opacity:0;transition:opacity .5s ease}
 .js .chart .ln{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.6s cubic-bezier(.3,.6,.2,1)}
 .js .chart .la,.js .chart .ed{opacity:0;transition:opacity .8s ease 1.2s}
 .js .chart.in .hb{transform:none}
 .js .chart.in .hv{opacity:1}
 .js .chart.in .ln{stroke-dashoffset:0}
 .js .chart.in .la{opacity:.10}
 .js .chart.in .ed{opacity:1}
}

/* about: fun fact */
.funfact{display:grid;grid-template-columns:1fr 1.2fr;gap:1.4rem;align-items:center;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--navy);border-radius:16px;padding:1.2rem 1.4rem;margin:1rem 0 2rem}
.funfact p{font-size:1.05rem;margin:0}
.funfact .eyebrow{margin-bottom:.4rem}
.funfact .photos{margin:0}
.funfact .ph img{aspect-ratio:1;border-radius:12px}
@media(max-width:700px){.funfact{grid-template-columns:1fr}}

blockquote.purpose{border-left:4px solid var(--yellow);margin:1.2rem 0 1.4rem;padding:.3rem 0 .3rem 1.2rem;max-width:760px}
blockquote.purpose p{font-size:clamp(1.25rem,2.4vw,1.7rem)}
.sub a,.csec p a{color:var(--navy);font-weight:600}

.purposeband{background:var(--navy);color:#fff;padding:clamp(2.6rem,7vw,5rem) 0;margin:1rem 0 2.4rem}
.purposeband .eyebrow{color:var(--yellow)}
.purposeband .pstate{font-family:'Instrument Serif',serif;font-size:clamp(1.7rem,4.4vw,3.1rem);line-height:1.18;max-width:20em;margin-top:.8rem}
.purposeband .pstate em{font-style:italic;color:var(--yellow)}
.missioncall{border-left:4px solid var(--yellow);padding:.2rem 0 .2rem 1.3rem;margin:1.6rem 0}
.missioncall .mstate{font-family:'Instrument Serif',serif;font-size:clamp(1.5rem,3.2vw,2.2rem);line-height:1.2;max-width:24em;color:var(--navy)}

.tile .gi{display:block;color:var(--navy2);margin-bottom:.5rem}
.tile .gi path,.tile .gi circle{stroke:currentColor}

#alii .vbig video{width:100%;aspect-ratio:16/9;border-radius:18px;background:#000;box-shadow:0 24px 52px rgba(11,26,36,.22)}
#alii .vbig figcaption{margin-top:.6rem}
#today .tiles{grid-template-columns:repeat(2,1fr)}
@media(max-width:900px){#today .tiles{grid-template-columns:1fr}}

.vwhy{padding:1rem 0 2.4rem}
.vwhy .tiles.two{grid-template-columns:repeat(2,1fr);margin-top:1rem}
.vwhy .tile h3{margin-bottom:.4rem}
.vevo{max-width:760px;margin-top:1.6rem;font-size:1.06rem;line-height:1.6}
.vstat{background:var(--navy);color:#fff;border-radius:18px;padding:clamp(1.5rem,4vw,2.4rem);margin-top:1.8rem}
.vstat .eyebrow{color:var(--yellow)}
.vs2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.2rem,4vw,3rem);margin-top:.8rem}
.vs2 .big{font-family:'Instrument Serif',serif;font-size:clamp(3rem,8vw,5rem);line-height:1;color:var(--yellow)}
.vs2 p{margin-top:.4rem;font-size:1.05rem;max-width:26em}
.vstat .vsrc{margin-top:1.2rem;font-size:.85rem;opacity:.85}
.vstat .vsrc a{color:#fff;text-decoration:underline}
@media(max-width:900px){.vwhy .tiles.two,.vs2{grid-template-columns:1fr}}

.chartnote{max-width:760px;margin:.8rem 0 0;font-size:1rem;line-height:1.55;color:#33434f}

.ph.letter img{height:auto;aspect-ratio:auto;object-fit:contain;background:#fff;max-width:640px}
.vgrid.two{grid-template-columns:repeat(2,1fr)}
@media(max-width:600px){.vgrid.two{grid-template-columns:1fr}}

.stag{display:inline-block;background:#e9f1f6;color:#0b3a57;border-radius:6px;padding:.05rem .45rem;font-size:.7rem;font-weight:700;letter-spacing:.04em}
@media(max-width:600px){.tiles4{grid-template-columns:1fr}.tile.tool{min-width:0}}
@media(max-width:480px){.etable thead{display:none}.etable,.etable tbody,.etable tr,.etable td{display:block;width:100%}.etable tr{padding:.7rem 0;border-bottom:1px solid #e4dfd6}.etable td{padding:.12rem 0;border:0}.etable td:first-child{font-weight:700;color:#845f00;font-size:.85rem}}

footer.site .egg{background:none;border:0;padding:4px;cursor:pointer;display:inline-flex;border-radius:6px}
footer.site .egg:focus-visible{outline:2px solid #FDBE00;outline-offset:2px}
#egg{border:0;border-radius:18px;padding:0;max-width:min(520px,92vw);background:var(--paper,#faf8f5);color:#0b1a24;box-shadow:0 30px 80px rgba(0,0,0,.4)}
#egg::backdrop{background:rgba(0,18,31,.6)}
.egg-in{padding:1.6rem 1.6rem 1.4rem}.egg-in h2{font-size:1.9rem;margin:.2rem 0 .6rem}.egg-in p{margin:.6rem 0;line-height:1.55}
.tn-list{max-width:760px;margin:1rem 0;padding-left:1.1rem;line-height:1.55}.tn-card{border:1px dashed #b9c6cf;border-radius:14px;padding:1.2rem;background:#fff}

img.tn-img{width:100%!important;height:auto!important;aspect-ratio:1200/750!important;object-fit:contain!important;border-radius:14px;border:1px solid #e4dfd6;display:block}
#egg{margin:auto;inset:0}

.tn-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.tn-grid.tn-3{grid-template-columns:1.5fr .62fr 1.5fr}
figure.yt-v .video.yt{aspect-ratio:9/16}
figure.yt-v .video.yt img{width:100%;height:100%;object-fit:cover}
@media(max-width:900px){.tn-grid,.tn-grid.tn-3{grid-template-columns:1fr}figure.yt-v{max-width:260px;margin-inline:auto}}
/* compact tools and stack */
details.fd summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.6rem}
details.fd summary::-webkit-details-marker{display:none}
details.fd summary h3{margin:0}
@media(min-width:901px){details.fd summary{cursor:default;pointer-events:none}details.fd summary::after{content:none}}
@media(max-width:900px){
 details.fd{padding:.2rem 1rem}details.fd summary{padding:.7rem 0}
 details.fd summary::after{content:'+';font-size:1.3rem;color:var(--muted)}details.fd[open] summary::after{content:'\2212'}
 details.fd .stk{margin-top:.2rem}details.fd p{margin-top:.5rem;margin-bottom:.6rem}
 .flows.three{gap:8px}
 .tiles4{grid-template-columns:1fr!important;gap:0}
 .tile.tool{border-top:0;border-bottom:1px solid var(--line);border-radius:0;background:none;box-shadow:none;padding:.65rem 0}
 .tile.tool h3{font-size:.68rem;margin-bottom:.35rem}
 .tl{gap:.25rem}.tl li{font-size:.74rem;padding:.12rem .5rem}
 .stk span{font-size:.74rem;padding:.12rem .5rem}
}
@media(max-width:480px){.etable tr{padding:.5rem 0}.etable td{line-height:1.3;padding:.06rem 0}}

.tn-lab{font-family:'Instrument Serif',serif;letter-spacing:.14em;text-transform:uppercase;font-size:.95rem;color:#845f00;margin:1.4rem 0 .5rem}
img.tn-phone{width:100%!important;height:auto!important;aspect-ratio:619/1135!important;object-fit:cover!important;border-radius:22px;border:6px solid #14212b;display:block}
.tn-grid.tn-3{grid-template-columns:1.5fr .62fr}
@media(max-width:900px){.tn-grid.tn-3{grid-template-columns:1fr}}
/* how-built: read more on phones */
details.more summary{cursor:pointer;color:var(--navy);font-weight:700;font-size:.9rem;padding:.2rem 0;border:0}
details.more summary::after{content:' +'}
details.more[open] summary::after{content:' \2212'}
@media(min-width:901px){details.more summary{display:none}}
details.more{padding:0!important;border:0!important;background:none!important;margin:0!important;border-radius:0!important}details.more>p{margin:.6rem 0 0}
img.tn-phone{aspect-ratio:9/16!important}

.wsh{font-family:'Instrument Serif',serif;font-weight:400;font-size:1.4rem;color:var(--navy);margin:1.6rem 0 .6rem}
.wsg{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.wsc{margin:0;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.wsc img{width:100%;height:auto;aspect-ratio:900/470;object-fit:cover;display:block;background:#eee}
.wsc figcaption{padding:.6rem .8rem .8rem;display:flex;flex-direction:column;gap:.1rem}
.wsc b{font-size:.95rem;color:var(--navy)}.wsc span{font-size:.82rem;color:#46525c}.wsc em{font-style:normal;font-size:.74rem;color:#845f00;font-weight:600;letter-spacing:.02em}
@media(max-width:900px){.wsg{grid-template-columns:1fr 1fr;gap:10px}}
@media(max-width:420px){.wsg{grid-template-columns:1fr}}

[hidden]{display:none!important}

.glance{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 1.2rem}
.gtile{background:var(--card);border:1px solid var(--line);border-top:4px solid var(--navy);border-radius:14px;padding:.9rem 1rem}
.gtile .big{font-family:'Instrument Serif',serif;font-size:2.3rem;line-height:1.05;color:var(--navy)}
.gtile p{font-size:.82rem;color:#46525c;margin-top:.35rem}
@media(max-width:900px){.glance{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.glance{grid-template-columns:1fr 1fr;gap:8px}.gtile .big{font-size:1.9rem}}

.savings{background:var(--navy);color:#fff;border-radius:18px;padding:clamp(1.4rem,4vw,2.4rem);margin:1.4rem 0}
.savings .eyebrow{color:var(--yellow)}
.sv-grid{display:grid;grid-template-columns:auto 1fr;gap:clamp(1.2rem,4vw,3rem);align-items:center;margin-top:.6rem}
.sv-big{font-family:'Instrument Serif',serif;font-size:clamp(4rem,12vw,7.5rem);line-height:.95;color:var(--yellow)}
.sv-l{font-size:1.15rem;margin-top:.3rem;color:#fff;max-width:14em}
.sv-r p{margin:.3rem 0;font-size:1.02rem;color:#dbe7ef}.sv-r b{color:#fff}.sv-r .sv-s{font-size:.86rem;color:#9fb8c8;margin-top:.8rem}
@media(max-width:700px){.sv-grid{grid-template-columns:1fr}}

.lead-essay{border:1px solid var(--line);border-top:6px solid var(--yellow);background:var(--card);border-radius:18px;padding:clamp(1.3rem,4vw,2.4rem);margin:1.4rem 0 2.2rem}
.lead-essay h2{font-size:clamp(2.4rem,6vw,3.6rem);margin:.2rem 0 .6rem}
.lead-essay .dek{font-size:1.2rem;line-height:1.5;color:#2b3a46;max-width:46rem}
.lead-essay h3{font-family:'Instrument Serif',serif;font-weight:400;font-size:1.6rem;color:var(--navy);margin:1.8rem 0 .5rem}
.lead-essay p{max-width:46rem;line-height:1.65}
.lead-essay ul.proof{max-width:46rem;padding-left:1.1rem;line-height:1.6}.lead-essay ul.proof li{margin:.55rem 0}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:1.2rem 0}
.pil{display:block;text-decoration:none;color:inherit;background:var(--navy);color:#fff;border-radius:16px;padding:1.1rem 1.2rem 1.2rem}
.pil .pn{display:block;color:var(--yellow);letter-spacing:.14em;text-transform:uppercase;font-weight:700;font-size:.76rem}
.pil .pbig{font-family:'Instrument Serif',serif;font-size:clamp(2.8rem,6vw,4rem);line-height:1;color:#fff;margin:.5rem 0 .3rem}
.pil p{font-size:.92rem;color:#c9d9e5;margin:0}.pil .pgo{display:inline-block;margin-top:.7rem;font-weight:700;font-size:.82rem;color:var(--yellow)}
a.pil:hover{transform:translateY(-2px);transition:transform .15s}
.ai-stats .pil{background:#0b3a57}
.pillars-head{margin-top:1rem}.pillars-head h2{font-size:clamp(1.6rem,4vw,2.2rem);margin-top:.2rem}
.ebadge{display:inline-block;background:var(--yellow);color:var(--navy);font-weight:800;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;border-radius:100px;padding:.2rem .7rem;margin-bottom:.5rem}
@media(max-width:800px){.pillars{grid-template-columns:1fr}}

details.rmore{margin-top:.3rem}details.rmore summary{cursor:pointer;color:var(--navy);font-weight:700;font-size:.8rem;list-style:none;display:inline-block;border:0;padding:.1rem 0}
details.rmore summary::-webkit-details-marker{display:none}details.rmore summary::after{content:' +'}details.rmore[open] summary::after{content:' \2212'}
details.rmore p{margin-top:.4rem!important}
details.fd details.rmore summary{display:inline-block;padding:.1rem 0}
details.fd details.rmore summary::after{content:' +';font-size:.8rem;color:var(--navy)}
details.fd details.rmore[open] summary::after{content:' \2212'}

.hl2{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:1.2rem}
.hlr{background:var(--card);border:1px solid var(--line);border-top:4px solid var(--navy);border-radius:14px;padding:.9rem 1.1rem 1rem}
.hlr summary b{font-family:'Instrument Serif',serif;font-weight:400;font-size:1.5rem;line-height:1.1;color:var(--navy)}
.hlr p{font-size:.88rem;color:#46525c;margin:.5rem 0 .6rem}
.hlr .hllink{font-weight:700;font-size:.85rem;color:var(--navy);text-decoration:none}.hlr .hllink::after{content:' \2192'}
@media(max-width:900px){.hl2{grid-template-columns:1fr;gap:8px}.hlr{padding:.2rem 1rem;border-top-width:3px}.hlr summary{padding:.75rem 0}.hlr summary b{font-size:1.25rem}.hlr p{margin:.1rem 0 .5rem}.hlr .hllink{display:inline-block;margin-bottom:.8rem}}

/* then and now: one grid, rearranged for phones so Then and Now sit side by side */
.tn-all{display:grid;grid-template-columns:1.5fr .62fr;gap:14px;align-items:start}
.tn-all .tn-lab{grid-column:1/-1;margin:1rem 0 .1rem}
.tn-all .tn-it figure{margin:0}
@media(max-width:900px){
 .tn-all{grid-template-columns:1fr 1fr;gap:10px}
 .tn-all .tn-lab{display:none}
 .tn-all .i1{order:1}.tn-all .i3{order:2}.tn-all .i2{order:3}.tn-all .i4{order:4}
 .tn-all figure.vc figcaption{padding:.5rem .55rem .65rem}.tn-all figcaption b{font-size:.8rem}.tn-all figcaption{font-size:.7rem;line-height:1.35}
 .tn-all figure.yt-v{max-width:none;margin:0}
 .tn-all img.tn-img,.tn-all img.tn-phone{border-radius:10px}.tn-all img.tn-phone{border-width:4px}
 .tn-all .video.yt .play{transform:scale(.6)}
}
#tnd{border:0;border-radius:14px;padding:0;width:min(94vw,900px);background:#000}#tnd::backdrop{background:rgba(0,18,31,.75)}
#tnd-w iframe{display:block;width:100%;border:0}
.tnd-x{position:absolute;right:8px;top:8px;z-index:2;background:#FDBE00;border:0;border-radius:100px;padding:.4rem .9rem;font-weight:700;cursor:pointer}

.effort{background:linear-gradient(135deg,#001B2D,#0b3a57);color:#fff;border-radius:18px;padding:clamp(1.4rem,4vw,2.4rem);margin:1.4rem 0 1rem}
.effort .eyebrow{color:var(--yellow)}.effort h2{font-size:clamp(1.8rem,4.5vw,2.8rem);margin:.2rem 0 .5rem;color:#fff}
.ef-sub{max-width:44rem;color:#cfe0ea;line-height:1.55;margin:0 0 1.2rem}
.ef-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ef-t{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:1rem 1.1rem}
.ef-big{font-family:'Instrument Serif',serif;font-size:clamp(2.6rem,6vw,4rem);line-height:1;color:var(--yellow)}
.ef-t p{font-size:.88rem;color:#dbe7ef;margin:.4rem 0 .7rem}
.ef-bar{display:block;height:4px;border-radius:4px;background:var(--yellow);transform-origin:left;animation:efgrow 1.6s ease-out both}
@keyframes efgrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.ef-bar{animation:none}}
.ef-note{font-size:.86rem;color:#9fb8c8;margin:1.1rem 0 0;max-width:44rem}
@media(max-width:800px){.ef-grid{grid-template-columns:1fr 1fr;gap:10px}}

/* insights AI essay: collapsible sections */
.lead-essay details.aisec{background:none;border:0;border-radius:0;padding:0;margin:0}
.lead-essay details.aisec summary h3{margin:1.4rem 0 .4rem}
@media(max-width:900px){
 .lead-essay details.aisec{border-top:1px solid var(--line);padding:0}
 .lead-essay details.aisec summary{padding:.8rem 0}
 .lead-essay details.aisec summary h3{margin:0;font-size:1.25rem}
 .lead-essay details.aisec>p,.lead-essay details.aisec>ul,.lead-essay details.aisec>div{margin-bottom:.9rem}
}
/* about: two columns on phones */
@media(max-width:700px){
 .tiles-2m{grid-template-columns:1fr 1fr!important;gap:8px}
 .tiles-2m .tile{padding:.75rem .8rem}.tiles-2m .tile h3{font-size:1rem;margin-bottom:.25rem}.tiles-2m .tile p{font-size:.8rem;line-height:1.4}
 .ceo{grid-template-columns:1fr 1fr!important;gap:8px}.ceo div{padding:.7rem .75rem;font-size:.8rem;line-height:1.4}.ceo b{font-size:1rem}
}

/* AI essay sections: closed by default everywhere, with plus signs on every screen size */
.lead-essay details.fd.aisec summary{cursor:pointer;pointer-events:auto;display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:.8rem 0;border-top:1px solid var(--line)}
.lead-essay details.fd.aisec summary h3{margin:0;font-size:1.35rem}
.lead-essay details.fd.aisec summary::after{content:'+';font-size:1.5rem;color:var(--muted);display:block}
.lead-essay details.fd.aisec[open] summary::after{content:'\2212'}
.lead-essay details.fd.aisec[open]>summary{border-bottom:0}
.lead-essay details.fd.aisec>p,.lead-essay details.fd.aisec>ul,.lead-essay details.fd.aisec>div{margin-bottom:1rem}

img{height:auto}
.btn.sm{padding:.7rem 1.15rem;font-size:.86rem;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.btn{min-height:44px}
.chip,.lens{min-height:44px}
.rm-link,.hllink,.flink a{padding:.35rem 0;display:inline-block}

footer.site img{width:auto}