:root { --ink:#070908; --paper:#eeeae0; --warm:#d8cbb5; --gold:#c6a86a; --line:rgba(238,234,224,.18); --muted:#9a9d98; --font-display:"Cormorant Garamond",serif; --font-sans:"Inter",sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--ink); }
body { margin:0; background:var(--ink); color:var(--paper); font-family:var(--font-sans),sans-serif; overflow-x:hidden; }
a { color:inherit; text-decoration:none; }
p { line-height:1.65; }
::selection { background:var(--gold); color:var(--ink); }
.nav-shell { position:fixed; z-index:50; top:0; left:0; width:100%; display:flex; align-items:center; justify-content:space-between; padding:21px 4vw; border-bottom:1px solid rgba(255,255,255,.12); background:linear-gradient(180deg,rgba(3,5,5,.5),rgba(3,5,5,.08)); transition:padding .35s ease,background .35s ease,border-color .35s ease,box-shadow .35s ease; }
.nav-shell.is-scrolled { padding-top:14px; padding-bottom:14px; background:rgba(5,8,8,.92); border-bottom-color:rgba(255,255,255,.16); box-shadow:0 16px 45px rgba(0,0,0,.24); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); }
.wordmark { display:flex; align-items:center; gap:13px; font-size:.75rem; font-weight:600; letter-spacing:.11em; text-transform:uppercase; }
.wordmark-seal { display:grid; place-items:center; width:38px; height:38px; border:1px solid rgba(255,255,255,.35); color:var(--gold); font-family:var(--font-display),serif; font-size:.72rem; letter-spacing:.06em; }
nav { display:flex; align-items:center; gap:30px; color:rgba(255,255,255,.72); font-size:.74rem; letter-spacing:.08em; text-transform:uppercase; }
nav a { position:relative; transition:color .25s ease; } nav a:hover,nav a.active { color:#fff; }
nav a:not(.nav-enter)::after { content:""; position:absolute; left:0; right:100%; bottom:-8px; height:1px; background:var(--gold); transition:right .25s ease; }
nav a:not(.nav-enter):hover::after,nav a.active:not(.nav-enter)::after { right:0; }
.nav-enter { padding:12px 17px; border:1px solid rgba(255,255,255,.3); display:flex; gap:18px; }
.hero { position:relative; min-height:100svh; display:flex; align-items:flex-end; overflow:hidden; }
.hero-image,.hero-shade,.feature-image,.feature-overlay,.closing-art,.roa-hero-art,.roa-veil { position:absolute; inset:0; }
.hero-image { background:url('/sdi-hero.png') center/cover no-repeat; animation:slowzoom 18s ease-out both; }
.hero-shade { background:linear-gradient(90deg,rgba(3,5,5,.94) 0%,rgba(3,5,5,.55) 52%,rgba(3,5,5,.1) 80%),linear-gradient(0deg,rgba(3,5,5,.92),transparent 55%); }
@keyframes slowzoom { from{transform:scale(1.08)} to{transform:scale(1)} }
.hero-content { position:relative; z-index:2; width:min(860px,88vw); margin:0 0 10vh 7vw; }
.overline,.section-index,.status { margin:0 0 22px; text-transform:uppercase; letter-spacing:.2em; font-size:.66rem; font-weight:600; }
.overline { color:var(--gold); }
h1,h2 { font-family:var(--font-display),serif; font-weight:400; letter-spacing:-.045em; line-height:.88; }
.hero h1 { margin:0; max-width:820px; font-size:clamp(4.2rem,8.8vw,9rem); }
.hero-turn { margin:10px 0 28px; color:var(--gold); font-family:var(--font-display),serif; font-size:clamp(3.8rem,7vw,7.5rem); font-style:italic; line-height:.88; }
.hero-intro { max-width:560px; color:rgba(255,255,255,.7); font-size:1rem; }
.hero-actions { display:flex; gap:12px; margin-top:28px; }
.button { min-height:50px; display:inline-flex; align-items:center; justify-content:center; gap:24px; padding:0 22px; border:1px solid var(--line); font-size:.7rem; font-weight:600; letter-spacing:.1em; text-transform:uppercase; transition:all .3s ease; }
.button:hover { transform:translateY(-2px); }
.primary { background:var(--paper); color:var(--ink); border-color:var(--paper); }.primary:hover{background:var(--gold);border-color:var(--gold)}
.ghost { background:rgba(255,255,255,.04); backdrop-filter:blur(8px); }
.scroll-note { position:absolute; z-index:2; right:4vw; bottom:5vh; display:flex; align-items:center; gap:12px; color:rgba(255,255,255,.48); font-size:.62rem; letter-spacing:.14em; text-transform:uppercase; writing-mode:vertical-rl; }
.scroll-note span { display:block; width:1px; height:62px; background:linear-gradient(var(--gold),transparent); }
.reveal { animation:rise .9s cubic-bezier(.2,.7,.2,1) both; }.delay-one{animation-delay:.1s}.delay-two{animation-delay:.22s}.delay-three{animation-delay:.36s}
@keyframes rise { from{opacity:0;transform:translateY(30px)} to{opacity:1;transform:none} }
.section { width:min(1240px,90vw); margin:auto; padding:140px 0; }
.section-index { color:#777b77; }
.statement { display:grid; grid-template-columns:1fr 2.2fr; gap:8vw; }
.statement-copy { max-width:860px; }
.statement h2,.format-section h2,.library h2,.roa-story h2,.roa-experience h2 { margin:0 0 38px; font-size:clamp(3rem,6vw,6.2rem); }
.statement-lede { color:var(--paper)!important; font-family:var(--font-display),serif; font-size:clamp(1.5rem,2.5vw,2.2rem)!important; line-height:1.35!important; }
.statement-copy>p:not(.overline) { max-width:740px; color:var(--muted); font-size:1rem; }
.statement-copy .statement-emphasis { margin:38px 0 24px; color:var(--paper)!important; font-family:var(--font-display),serif; font-size:clamp(1.8rem,3vw,3rem)!important; font-style:italic; line-height:1.25!important; }
.statement-copy .story-actions { margin:34px 0; padding:22px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); color:var(--gold)!important; font-size:.72rem!important; font-weight:600; letter-spacing:.12em; line-height:1.8!important; text-transform:uppercase; }
.format-section { border-top:1px solid var(--line); display:grid; grid-template-columns:1.1fr .9fr; gap:10vw; align-items:start; }
.format-sticky { position:sticky; top:80px; }
.gold-line { color:var(--gold); font-family:var(--font-display),serif; font-size:1.8rem; font-style:italic; }
.format-steps article { padding:34px 0 45px; border-bottom:1px solid var(--line); }
.format-steps span { color:var(--gold); font-size:.65rem; letter-spacing:.15em; }.format-steps h3 { margin:10px 0; font-family:var(--font-display),serif; font-size:3rem; font-weight:400; }.format-steps p { color:var(--muted); max-width:470px; }
.feature { position:relative; min-height:92svh; display:flex; align-items:flex-end; overflow:hidden; }
.feature-image { background:url('/roa-feature.png') center/cover no-repeat; transition:transform 1.4s ease; }.feature:hover .feature-image{transform:scale(1.025)}
.feature-overlay { background:linear-gradient(90deg,rgba(3,5,5,.94),rgba(3,5,5,.25) 64%),linear-gradient(0deg,rgba(3,5,5,.85),transparent 55%); }
.feature-content { position:relative; z-index:2; margin:0 0 8vh 7vw; max-width:650px; }
.feature-content h2 { margin:0 0 25px; font-size:clamp(5rem,10vw,10rem); }.feature-content>p:not(.overline,.section-index){max-width:520px;color:rgba(255,255,255,.72)}
.section-index.light{color:rgba(255,255,255,.45)}.light-button{margin-top:20px;background:rgba(255,255,255,.06);backdrop-filter:blur(10px);border-color:rgba(255,255,255,.35)}.light-button:hover{background:var(--paper);color:var(--ink)}
.library-heading { display:flex; align-items:end; justify-content:space-between; gap:50px; margin-bottom:80px; }.library-heading>p{max-width:420px;color:var(--muted)}
.shelf { border-top:1px solid var(--line); }
.book-card { display:grid; grid-template-columns:180px 1fr auto; align-items:center; gap:40px; min-height:190px; padding:30px 4px; border-bottom:1px solid var(--line); color:var(--muted); transition:padding .35s ease,background .35s ease,color .35s ease; }
.active-book:hover { padding-left:28px;padding-right:28px;background:rgba(255,255,255,.035);color:var(--paper); }.book-number{font-size:.65rem;letter-spacing:.16em}.book-card h3{margin:7px 0;font-family:var(--font-display),serif;font-size:clamp(2rem,4vw,4.3rem);font-weight:400;color:var(--paper)}.book-card p{margin:0}.status{color:var(--gold);margin:0}
.closing { position:relative; min-height:75svh; display:grid; place-items:center; text-align:center; overflow:hidden; }.closing-art{background:url('/library-portals.png') center/cover no-repeat;opacity:.42}.closing::after{content:"";position:absolute;inset:0;background:radial-gradient(circle,transparent,rgba(3,5,5,.78) 72%),linear-gradient(0deg,var(--ink),transparent 25%,transparent 75%,var(--ink))}.closing-copy{position:relative;z-index:2}.closing h2{margin:0 0 35px;font-size:clamp(4rem,8vw,8rem)}
footer { display:flex; justify-content:space-between; align-items:center; gap:30px; padding:36px 4vw; border-top:1px solid var(--line); color:var(--muted); font-size:.65rem; letter-spacing:.08em; text-transform:uppercase; }
footer p a:hover{color:var(--paper)}

/* Company pages */
.corporate-page{background:radial-gradient(circle at 78% 5%,rgba(52,79,91,.19),transparent 28rem),var(--ink);min-height:100vh}
.page-hero{width:min(1240px,90vw);margin:auto;padding:220px 0 130px;border-bottom:1px solid var(--line)}
.page-hero.compact{padding-bottom:100px}
.page-hero h1{max-width:1050px;margin:0 0 42px;font-size:clamp(4.5rem,9vw,9rem)}
.page-intro{max-width:720px;margin-left:auto;color:var(--muted);font-family:var(--font-display),serif;font-size:clamp(1.4rem,2.3vw,2rem);line-height:1.4}
.company-split{display:grid;grid-template-columns:1fr 2.2fr;gap:8vw}
.company-split>div{max-width:850px}.company-split h2,.contact-panel h2{margin:0 0 36px;font-size:clamp(3rem,6vw,6rem)}
.company-split>div>p:not(.statement-lede){max-width:700px;color:var(--muted)}
.principles{border-top:1px solid var(--line)}
.principle-grid,.inquiry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.principle-grid article,.inquiry-grid article{min-height:310px;padding:36px;background:#090c0c}
.principle-grid span,.inquiry-grid span{color:var(--gold);font-size:.65rem;letter-spacing:.16em}.principle-grid h3,.inquiry-grid h3{margin:70px 0 16px;font-family:var(--font-display),serif;font-size:2.2rem;font-weight:400}.principle-grid p,.inquiry-grid p{color:var(--muted)}
.page-cta{position:relative;padding:140px 5vw;text-align:center;background:radial-gradient(circle,rgba(48,75,89,.23),transparent 58%),#050708}.page-cta h2{margin:0 0 30px;font-size:clamp(3.4rem,7vw,7rem)}.page-cta>p:not(.overline){color:var(--muted)}
.contact-panel{display:grid;grid-template-columns:1fr 1fr;gap:8vw;border-bottom:1px solid var(--line)}
.contact-details{padding-top:25px}.contact-email{display:block;margin:10px 0 30px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-family:var(--font-display),serif;font-size:clamp(1.6rem,3vw,3rem);color:var(--paper)}.contact-email:hover{color:var(--gold)}.contact-details>p:last-child{color:var(--muted);max-width:520px}
.inquiry-grid{padding-top:0;padding-bottom:0;margin-bottom:140px}.inquiry-grid article a{display:inline-block;margin-top:20px;color:var(--gold);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}
.roles{border-top:1px solid var(--line);display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw}.roles-heading>p:last-child{max-width:360px;color:var(--muted)}.role-list article{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px 0;border-bottom:1px solid var(--line)}.role-list span{font-family:var(--font-display),serif;font-size:2rem}.role-list p{color:var(--muted);text-align:right}

/* Rise of Akami */
.roa-page{background:#080b0d}.roa-hero{position:relative;min-height:100svh;display:flex;align-items:flex-end}.roa-hero-art{background:url('/roa-feature.png') center/cover no-repeat;animation:slowzoom 18s ease-out both}.roa-veil{background:linear-gradient(90deg,rgba(4,7,9,.9),transparent 68%),linear-gradient(0deg,rgba(4,7,9,.94),transparent 58%)}.roa-title{position:relative;z-index:2;margin:0 0 8vh 7vw;max-width:850px}.roa-title h1{margin:0;font-size:clamp(5rem,12vw,12rem)}.roa-title h1 em{color:var(--gold);font-weight:400}.roa-logline{max-width:600px;color:rgba(255,255,255,.75);font-size:1.05rem}.roa-story{display:grid;grid-template-columns:1fr 2.2fr;gap:8vw}.roa-story>div{max-width:850px}.roa-story p:not(.overline,.statement-lede){color:var(--muted);max-width:650px}.roa-quote{min-height:60vh;display:grid;place-items:center;padding:8vw;background:radial-gradient(circle at center,rgba(40,71,91,.28),transparent 55%),#050708}.roa-quote p{font-family:var(--font-display),serif;font-style:italic;font-size:clamp(3rem,7vw,7rem);color:var(--warm)}.roa-experience{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.experience-list article{display:grid;grid-template-columns:120px 1fr;gap:30px;padding:28px 0;border-bottom:1px solid var(--line)}.experience-list span{color:var(--gold);font-family:var(--font-display),serif;font-size:1.7rem}.experience-list p{margin:0;color:var(--muted)}.roa-end{padding:16vh 5vw;text-align:center;background:linear-gradient(rgba(4,7,9,.8),rgba(4,7,9,.95)),url('/sdi-hero.png') center/cover no-repeat}.roa-end h2{margin:0 0 25px;font-size:clamp(4rem,9vw,9rem)}.roa-end>p:not(.overline){color:var(--muted)}
@media (max-width:800px){.nav-shell{padding:13px 16px}.nav-shell.is-scrolled{padding:10px 16px}.wordmark>span:last-child{display:none}.nav-shell nav{gap:11px;font-size:.56rem;letter-spacing:.04em}.nav-enter{padding:9px 10px;gap:8px}.wordmark-seal{width:34px;height:34px}.hero-content,.feature-content,.roa-title{margin-left:6vw;margin-bottom:8vh}.hero h1{font-size:clamp(3.7rem,17vw,6rem)}.hero-turn{font-size:clamp(3.3rem,15vw,5rem)}.hero-actions{align-items:stretch;flex-direction:column;max-width:330px}.scroll-note{display:none}.section{padding:90px 0}.statement,.format-section,.roa-story,.roa-experience,.company-split,.contact-panel,.roles{grid-template-columns:1fr;gap:45px}.format-sticky{position:static}.feature{min-height:80svh}.feature-content h2{font-size:clamp(4.5rem,20vw,7rem)}.library-heading{display:block}.library-heading>p{margin-top:25px}.book-card{grid-template-columns:1fr auto;gap:12px;padding:28px 2px}.book-number{grid-column:1/-1}.book-card h3{font-size:2.5rem}.closing{min-height:65svh}footer{align-items:flex-start;flex-direction:column}.experience-list article{grid-template-columns:1fr;gap:5px}.roa-title h1{font-size:clamp(5rem,22vw,8rem)}.page-hero{padding:160px 0 80px}.page-hero h1{font-size:clamp(3.7rem,16vw,5.8rem)}.page-intro{margin-left:0}.principle-grid,.inquiry-grid{grid-template-columns:1fr}.principle-grid article,.inquiry-grid article{min-height:240px}.principle-grid h3,.inquiry-grid h3{margin-top:42px}.role-list article{align-items:flex-start;flex-direction:column}.role-list p{text-align:left;margin:0}.inquiry-grid{margin-bottom:90px}}
@media (max-width:430px){.nav-shell nav{gap:8px}.nav-shell nav a{font-size:.53rem}.nav-enter{padding:8px}.wordmark-seal{width:30px;height:30px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-image,.roa-hero-art,.reveal{animation:none!important}.feature-image,.button{transition:none!important}}

/* 2026 studio homepage */
.skip-link{position:fixed;z-index:100;top:8px;left:8px;padding:12px 16px;background:var(--paper);color:var(--ink);transform:translateY(-150%)}.skip-link:focus{transform:none}
.nav-toggle{display:none;border:1px solid var(--line);background:rgba(0,0,0,.35);color:var(--paper);padding:10px 12px;font:600 .62rem var(--font-sans);letter-spacing:.12em;text-transform:uppercase}
.home-page h2{margin:0;font-size:clamp(3.5rem,7vw,7.2rem)}
.home-page .hero h1 em,.invitation h2 em{color:var(--gold);font-weight:400}
.home-page .hero-intro{max-width:690px;font-size:clamp(1rem,1.4vw,1.2rem)}
.eyebrow{max-width:600px!important;margin:0 0 50px;color:var(--gold)!important;font-size:.72rem!important;font-weight:600;letter-spacing:.12em;line-height:1.7!important;text-transform:uppercase}
.quiet-line{margin-top:55px!important;padding-left:28px;border-left:1px solid var(--gold);color:var(--warm)!important;font-family:var(--font-display);font-size:clamp(1.5rem,2.5vw,2.2rem)!important;font-style:italic}
.creation{border-top:1px solid var(--line)}.creation-intro{display:grid;grid-template-columns:.65fr 1.1fr 1fr;gap:5vw;align-items:start}.creation-intro h2{margin-top:0}.creation-intro>div p{margin-top:0;color:var(--muted)}
.experience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:100px;background:var(--line);border:1px solid var(--line)}.experience-grid article{min-height:330px;padding:34px;background:#090b0b}.experience-grid span,.studio-list span{color:var(--gold);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase}.experience-grid h3{margin:95px 0 18px;font:400 2.7rem var(--font-display)}.experience-grid p{color:var(--muted);font-size:.92rem}.enter-story{display:flex;justify-content:space-between;margin:40px 0 0;color:var(--paper);font:400 clamp(2rem,4vw,4rem) var(--font-display);text-transform:uppercase}
.akami-feature{position:relative;min-height:100svh;overflow:hidden}.akami-feature .feature-overlay{background:linear-gradient(90deg,rgba(3,5,5,.94),rgba(3,5,5,.36) 65%),linear-gradient(0deg,rgba(3,5,5,.95),transparent 60%)}.akami-layout{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:9vw;align-items:end;width:min(1240px,88vw);min-height:100svh;margin:auto;padding:140px 0 9vh}.akami-heading h2{margin:25px 0 0;font-size:clamp(5rem,10vw,10rem)}.akami-heading h2 em{color:var(--gold);font-weight:400}.status-pill{display:inline-flex;padding:9px 12px;border:1px solid rgba(198,168,106,.45);color:var(--gold);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}.akami-copy{padding-bottom:8px}.akami-copy>p{color:rgba(255,255,255,.7)}.akami-copy .akami-lede{color:var(--paper);font:400 1.8rem/1.35 var(--font-display)}.akami-format{padding:18px 0;border-block:1px solid var(--line);color:var(--warm)!important;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.micro-lines{display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;margin:24px 0;color:rgba(255,255,255,.5);font:italic 1.05rem var(--font-display)}
.studio-section{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.studio-heading h2{margin:0 0 42px;font-size:clamp(3.4rem,6vw,6rem)}.studio-heading>p:not(.overline,.section-index){max-width:620px;color:var(--muted)}.studio-list{border-top:1px solid var(--line)}.studio-list article{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:26px 0;border-bottom:1px solid var(--line)}.studio-list h3{margin:0;font:400 clamp(1.8rem,3vw,3rem) var(--font-display);text-align:right}.studio-signoff{grid-column:1/-1;margin:70px 0 0;padding-top:35px;border-top:1px solid var(--line);color:var(--muted);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase}.studio-signoff strong{float:right;color:var(--gold);font-weight:500}
.research-section{position:relative;overflow:hidden;padding:150px 0;background:#050708}.research-art{position:absolute;inset:0;background:radial-gradient(circle at 78% 42%,rgba(151,112,50,.2),transparent 4%,rgba(40,71,91,.19) 16%,transparent 37%),linear-gradient(120deg,transparent 50%,rgba(255,255,255,.025));opacity:.85}.research-inner{position:relative;width:min(1050px,88vw);margin:auto}.research-inner h2{max-width:900px;margin:55px 0;font-size:clamp(4rem,8vw,8rem)}.research-lede{max-width:690px;color:var(--warm);font:400 clamp(1.4rem,2.4vw,2.2rem)/1.4 var(--font-display)}.research-inner>p:last-of-type{max-width:680px;color:var(--muted)}.signal{margin:70px 0;padding:38px;border:1px solid rgba(198,168,106,.28);background:rgba(0,0,0,.28);color:var(--gold);font:.68rem/1.8 var(--font-sans);letter-spacing:.13em;text-transform:uppercase}.signal p{margin:0}.signal strong{display:block;margin-top:22px;color:var(--paper);font-size:1rem}.research-inner blockquote{margin:100px 0 0 auto;max-width:600px;color:var(--paper);font:400 clamp(2rem,4vw,4rem)/1.2 var(--font-display)}.research-inner blockquote span{display:block;margin-bottom:25px;color:var(--gold);font:600 .62rem var(--font-sans);letter-spacing:.16em;text-transform:uppercase}.research-inner blockquote em{color:var(--gold)}
.invitation{position:relative;min-height:88svh;display:grid;place-items:center;overflow:hidden}.invitation-art{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,5,5,.95),rgba(3,5,5,.38)),url('/library-portals.png') center/cover no-repeat}.invitation-copy{position:relative;width:min(1180px,88vw);padding:130px 0}.invitation-copy h2{margin:25px 0 45px;font-size:clamp(5rem,10vw,10rem)}.invitation-copy>p:not(.overline,.section-index){max-width:670px;color:rgba(255,255,255,.7)}.button.disabled{cursor:default;color:rgba(255,255,255,.45)}
.site-footer{display:grid;grid-template-columns:1fr 1.3fr 1fr;align-items:start;padding:65px 4vw;text-transform:none}.footer-mark{color:var(--paper);font:400 1.7rem var(--font-display)}.site-footer>div>p{max-width:300px}.site-footer nav{flex-wrap:wrap;justify-content:center;line-height:2}.footer-end{text-align:right}.footer-end .more{margin-top:0;color:var(--gold);font:italic 1.4rem var(--font-display);letter-spacing:0}
@media(max-width:900px){.creation-intro{grid-template-columns:1fr 1fr}.creation-intro .section-index{grid-column:1/-1}.experience-grid{grid-template-columns:1fr 1fr}.akami-layout,.studio-section{grid-template-columns:1fr}.akami-layout{align-content:end;gap:30px}.akami-heading h2{font-size:clamp(5rem,18vw,9rem)}.akami-copy{max-width:680px}.site-footer{grid-template-columns:1fr;gap:35px}.site-footer nav{justify-content:flex-start}.footer-end{text-align:left}}
@media(max-width:700px){.nav-toggle{display:block}.nav-shell>nav{position:absolute;top:100%;left:0;right:0;display:none;align-items:stretch;flex-direction:column;gap:0;padding:12px 16px 20px;background:rgba(5,8,8,.97);border-bottom:1px solid var(--line)}.nav-shell>nav.is-open{display:flex}.nav-shell>nav a{padding:14px 4px;border-bottom:1px solid var(--line)}.nav-shell>nav .nav-enter{margin-top:10px;padding:14px}.statement{grid-template-columns:1fr}.creation-intro{grid-template-columns:1fr}.creation-intro .section-index{grid-column:auto}.experience-grid{grid-template-columns:1fr;margin-top:60px}.experience-grid article{min-height:230px}.experience-grid h3{margin-top:55px}.akami-layout{padding-top:120px}.akami-copy .hero-actions{flex-direction:column}.micro-lines{grid-template-columns:1fr}.studio-signoff strong{display:block;float:none;margin-top:15px}.research-section{padding:100px 0}.signal{margin:50px 0;padding:24px 18px}.research-inner blockquote{margin-top:70px}.invitation-copy{padding:100px 0}.invitation-copy .hero-actions{flex-direction:column}.home-page .library-heading{margin-bottom:50px}}