@font-face{font-family:Manrope;src:url(./assets/manrope-latin-v1.woff2) format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:"DM Sans";src:url(./assets/dm-sans-latin-v1.woff2) format("woff2");font-weight:100 1000;font-display:swap}
:root{--black:#050505;--graphite:#111318;--paper:#faf9f5;--blue:#a1c3f6;--ink:#0c1117;--muted:#bfc4cf;--line:#343945;--display:Manrope,sans-serif;--body:"DM Sans",sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--black);color:#fff;font:400 16px/1.55 var(--body)}img{display:block;max-width:100%;height:auto}figure,p,blockquote,dd{margin:0}h1,h2,h3{font-family:var(--display);margin:0;line-height:1.04}h3{font-size:clamp(24px,3vw,35px);letter-spacing:-.05em}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:4px}button,a{-webkit-tap-highlight-color:transparent}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.wrap{width:min(1224px,calc(100% - 88px));margin-inline:auto}.skip{position:absolute;top:-60px;left:1rem;z-index:10;padding:10px 15px;background:white;color:black}.skip:focus{top:12px}
.mast{position:sticky;top:0;z-index:4;background:#050505f5;border-bottom:1px solid var(--line)}.mast-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{display:inline-flex;align-items:center;gap:7px;font:800 25px/1 var(--display);letter-spacing:-.085em;white-space:nowrap}.wordmark svg{width:22px;height:22px;color:var(--blue)}nav{display:flex;gap:26px;color:#e2e5ee;font-size:14px}nav a:hover,.agenda-link:hover,.footer a:hover{color:var(--blue)}.agenda-link{font-size:13px;border:1px solid var(--line);border-radius:99px;padding:8px 14px;white-space:nowrap}
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(28px,6vw,96px);align-items:center;padding-block:clamp(56px,8vw,108px)}.eyebrow,.chapter,.hero-index{font:800 11px/1.4 var(--display);letter-spacing:.145em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:var(--blue)}.dot{width:6px;height:6px;background:currentColor;border-radius:100%}.divider{height:12px;width:1px;background:currentColor;opacity:.4}.hero h1{font-size:clamp(62px,9vw,138px);font-weight:800;letter-spacing:-.092em;line-height:.88;margin:22px 0 27px}.hero em{color:var(--blue);font-style:normal}.lead{font-size:clamp(16px,1.7vw,21px);color:var(--muted);max-width:39ch;margin:0 0 26px}.hero-art{aspect-ratio:1.03;background:var(--blue);color:var(--ink);border-radius:18px;position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center}.hero-art::before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(circle at center,transparent 0 23px,#0c11171a 24px 25px,transparent 26px 40px);mask-image:radial-gradient(circle,#000 10%,#0007 58%,transparent 79%);z-index:-1}.hero-art>svg{width:68%;height:auto;filter:drop-shadow(9px 11px 0 #43658e55);transform:rotate(14deg)}.hero-index{position:absolute;top:18px;left:20px;right:20px;display:flex;justify-content:space-between;gap:8px;font-size:9px}.hero-index.bottom{top:auto;bottom:18px;align-items:end;border-top:1px solid #0c111745;padding-top:12px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;border-radius:999px;font-weight:750;font-size:14px;padding:12px 17px;min-height:44px;line-height:1.25}.button:hover{filter:brightness(1.13)}.primary{background:var(--blue);color:var(--ink)}.secondary{background:#242831;color:#fff;border-color:#3a404e}.dark-button{background:var(--ink);color:white}.outline{background:transparent;border-color:var(--ink)}.text-link{display:inline-block;margin-left:15px;text-decoration:underline;text-underline-offset:4px;font-size:14px}
.section{padding-block:clamp(54px,7vw,100px)}.section-title{display:grid;grid-template-columns:1fr 3.1fr;gap:16px;align-items:baseline;margin-bottom:34px}.section-title h2{font-size:clamp(50px,7.8vw,107px);letter-spacing:-.09em;font-weight:800}.section-title p{margin-top:12px;max-width:58ch;color:var(--muted);font-size:clamp(15px,1.55vw,19px)}.chapter{color:var(--blue)}.light{background:var(--paper);color:var(--ink)}.light .chapter{color:#465a71}.light .section-title p,.light .note{color:#4a5460}.logo-wall{display:grid;grid-template-columns:1fr 1fr .58fr;gap:10px}.logo-panel{border:1px solid #d7dbdf;border-radius:14px;min-height:185px;display:grid;grid-template-rows:1fr auto;place-items:center;padding:18px;gap:12px}.logo-panel img{max-height:106px;object-fit:contain}.logo-panel figcaption{font-size:13px}.logo-panel a:hover,.note a:hover{text-decoration:none}.logo-panel a,.note a{text-decoration:underline;text-underline-offset:3px}.on-paper{background:var(--paper)}.on-dark{background:var(--graphite);color:white}.on-blue,.blue{background:var(--blue);color:var(--ink)}.note{font-size:13px;color:var(--muted);margin-top:15px;max-width:88ch}.subhead{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:42px 0 14px}.subhead p{font-size:14px;color:#435063;max-width:56ch}.swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.swatches.editorial{grid-template-columns:repeat(5,minmax(0,1fr))}.swatch{min-height:126px;display:flex;flex-direction:column;text-align:left;align-items:start;justify-content:end;gap:2px;border:1px solid #84848a46;border-radius:12px;padding:14px;background:var(--sw);color:var(--fg)}.swatch:hover{box-shadow:inset 0 0 0 2px currentColor}.swatch span{font-family:monospace;font-size:13px}.swatch small{font-size:12px}.type-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px;border-top:1px solid #d7dbdf;padding-top:23px}.display-sample{font:800 clamp(34px,5vw,66px)/1.15 var(--display);letter-spacing:-.085em;margin-top:8px}.body-sample{font-size:clamp(20px,2.8vw,33px);line-height:1.17;margin-top:13px}
.web-shot,.social-shot{padding:8px 8px 0;background:var(--graphite);border:1px solid var(--line);border-radius:16px;overflow:hidden}.web-shot img,.social-shot img{width:100%;border-radius:9px}.web-shot figcaption,.social-shot figcaption{padding:10px 7px;color:var(--muted);font-size:12px}.components{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.spec{background:var(--graphite);border:1px solid var(--line);border-radius:16px;padding:20px}.spec h3{margin:8px 0 14px}.spec p{color:var(--muted);font-size:14px}.demo-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.chip,.tag{border:1px solid var(--line);background:#20242c;border-radius:999px;padding:7px 12px;font-size:13px}.chip[aria-pressed="true"]{color:var(--ink);background:var(--blue);font-weight:800}.card-spec{grid-column:1/-1;display:grid;grid-template-columns:minmax(200px,360px) 1fr;align-items:center;gap:24px}.mini-card{display:grid;grid-template-columns:100px 1fr;gap:14px;align-items:center;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#1a1d25}.mini-card img{height:132px;width:100%;object-fit:cover}.mini-card .tag{display:inline-block;font-size:10px;padding:2px 7px}.mini-card .event-date{font-size:10px;margin-top:7px}.mini-card strong{font-family:var(--display);font-size:21px}.mini-card p:last-child{font-size:12px}
.posters-band{background:#14131a;border-top:1px solid var(--line)}.poster-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 12px}.poster-wall a{display:block;overflow:hidden;border-radius:10px;border:1px solid #ffffff30}.poster-wall img{width:100%;transition:transform .25s ease}.poster-wall a:hover img{transform:scale(1.025)}.poster-wall figcaption{display:flex;flex-direction:column;padding:8px 2px 0}.poster-wall figcaption span{color:var(--muted);font-size:13px}.production{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;margin:36px 0;padding:24px;background:#1c1a25;border:1px solid var(--line);border-radius:16px}.production ol{padding-left:21px}.production p{color:var(--muted);margin:0 0 15px}.formats{margin:0;display:grid;gap:6px;align-content:center}.formats div{display:grid;grid-template-columns:76px 1fr;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:6px 0}.formats dt{font:800 29px/1 var(--display);letter-spacing:-.06em;color:var(--blue)}.formats small{display:block;color:var(--muted);font-size:12px}.social-shot{max-width:880px;margin-inline:auto}
.blue .chapter,.blue .section-title p{color:#25384f}.voice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.voice-grid blockquote{font:800 clamp(22px,3vw,38px)/1.13 var(--display);letter-spacing:-.05em;padding:20px 0;border-block:1px solid #0c111752}.handoff{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;margin-top:20px;background:#d8e8ff;border:1px solid #0c111752;border-radius:16px;padding:22px}.handoff p{max-width:65ch;margin-top:8px}.handoff-actions{display:flex;gap:8px;flex-wrap:wrap}.blue details{margin-top:15px;padding:12px 0;border-bottom:1px solid #0c111752}.blue summary{cursor:pointer;font-weight:750}.blue details p{max-width:80ch;margin-top:10px}.footer{min-height:110px;display:flex;gap:15px;align-items:center;justify-content:space-between;flex-wrap:wrap;font-size:13px}.footer p{color:var(--muted)}.toast{position:fixed;bottom:18px;right:18px;max-width:calc(100% - 36px);padding:10px 15px;border-radius:8px;background:white;color:var(--ink);z-index:5;box-shadow:0 2px 15px #0004}.toast:empty{visibility:hidden}
@media(max-width:830px){.wrap{width:calc(100% - 44px)}.hero{gap:25px}.hero h1{font-size:clamp(59px,10vw,95px)}.handoff{grid-template-columns:1fr}.logo-panel{min-height:142px}}
@media(max-width:610px){html{scroll-padding-top:112px}.wrap{width:calc(100% - 32px)}.mast-inner{display:grid;grid-template-columns:1fr auto;min-height:0;gap:9px 12px;padding-block:11px}.mast nav{grid-row:2;grid-column:1/-1;justify-content:space-between;gap:5px}.agenda-link{padding:6px 9px}.hero{grid-template-columns:1fr;padding-block:44px;gap:24px}.hero h1{font-size:clamp(59px,14vw,88px)}.hero-art{aspect-ratio:1.45}.hero-art>svg{width:50%}.section-title{grid-template-columns:1fr;gap:7px;margin-bottom:24px}.logo-wall{grid-template-columns:1fr 1fr}.logo-panel:last-child{grid-column:1/-1}.logo-panel{padding:12px;min-height:95px}.logo-panel img{max-height:69px}.subhead{display:block}.subhead p{margin-top:8px}.swatches,.swatches.editorial{grid-template-columns:repeat(2,minmax(0,1fr))}.swatch{min-height:105px}.type-grid,.components,.card-spec,.production,.voice-grid{grid-template-columns:1fr}.card-spec{gap:14px}.poster-wall{grid-template-columns:repeat(2,minmax(0,1fr))}.footer{padding-block:20px}.footer p{order:3;width:100%}.text-link{margin-left:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}