:root{
  --paper:#f2eee5;
  --paper-2:#fffdf7;
  --black:#151517;
  --ink:#252328;
  --muted:#747078;
  --line:#c9c2b8;
  --purple:#7357ff;
  --acid:#d8ff35;
  --pink:var(--acid);
  --cyan:var(--purple);
  --orange:var(--purple);
  --body:Arial,"Helvetica Neue","Microsoft YaHei","Noto Sans SC",sans-serif;
  --serif:var(--body);
  --display:var(--body);
  --mono:var(--body);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
img{display:block;max-width:100%}

.site-header{position:fixed;z-index:50;inset:0 auto 0 0;width:158px;display:flex;flex-direction:column;align-items:center;padding:27px 18px 24px;background:var(--black);color:#fff;border-right:1px solid #353438}
.site-header:after{content:"";position:absolute;top:0;right:-1px;width:3px;height:100%;background:var(--acid)}
.brand{display:inline-flex;align-items:center;gap:9px;color:#fff}
.site-header .brand{flex-direction:column;gap:11px;text-align:center}
.brand-orb{display:grid;place-items:center;width:42px;height:42px;border:2px solid #fff;border-radius:50%;background:var(--purple);font:700 23px var(--display);transform:rotate(-11deg)}
.brand-word{font:700 13px/1 var(--display);letter-spacing:-.06em;white-space:nowrap}
.brand-word span{color:var(--acid)}
.desktop-nav{display:grid;gap:10px;width:100%;margin:auto 0;font:700 10px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase}
.desktop-nav a{display:block;padding:10px 10px;color:#9e9ca5;border-left:2px solid transparent;transition:color .2s ease,border-color .2s ease}
.desktop-nav a:hover,.desktop-nav a.active{color:var(--acid);border-left-color:var(--acid)}
.header-button{display:none}
.menu-toggle{display:none}
.mobile-menu{display:none}
.header-note{position:absolute;right:18px;bottom:24px;left:18px;color:#77747d;font:9px/1.5 var(--mono);letter-spacing:.06em;text-align:center}

main{margin-left:158px}
.section{padding:108px 8vw}
.eyebrow,.section-kicker{margin:0;color:var(--muted);font:700 10px var(--mono);letter-spacing:.16em;text-transform:uppercase}
.eyebrow:before,.section-kicker:before{content:"";display:inline-block;width:8px;height:8px;margin-right:9px;background:var(--pink);vertical-align:0}
.section-title{margin:24px 0 0;font:900 clamp(32px,3.8vw,58px)/.95 var(--display);letter-spacing:-.06em;text-transform:uppercase}
.section-title em{font-family:var(--serif);font-weight:400;letter-spacing:-.06em;text-transform:none}
.body-copy{max-width:480px;margin:25px 0 0;color:var(--muted);font-size:16px;line-height:1.75}
.small-link{display:inline-flex;align-items:center;gap:17px;margin-top:29px;padding-bottom:9px;border-bottom:1px solid currentColor;font:700 11px var(--mono);letter-spacing:.1em;text-transform:uppercase}
.small-link:after{content:"↗";font-size:17px;color:var(--pink)}
.small-link:hover{color:var(--purple)}
.paper-section{background:var(--paper-2)}
.black-section{background:var(--black);color:#fff}
.purple-section{background:var(--purple);color:#fff}
.acid-section{background:var(--acid);color:var(--black)}
.pink-section{background:var(--pink);color:var(--black)}

.lab-hero{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);border-bottom:1px solid var(--black);background:var(--paper-2)}
.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:150px 7vw 95px 9vw;border-right:1px solid var(--black)}
.hero-copy h1{max-width:760px;margin:34px 0 28px;font:900 clamp(62px,9.4vw,152px)/.78 var(--display);letter-spacing:-.11em;text-transform:uppercase}
.hero-copy h1 .serif{font-family:var(--serif);font-weight:400;letter-spacing:-.09em;text-transform:none}
.hero-copy h1 .color{color:var(--purple)}
.home-page .hero-copy{padding-top:105px;padding-bottom:55px}
.home-page .hero-copy h1{font-size:clamp(54px,7.1vw,116px);line-height:.74;margin-top:25px;margin-bottom:24px}
.hero-copy p:not(.eyebrow){max-width:485px;margin:0;color:var(--muted);font-size:17px;line-height:1.7}
.hero-actions{display:flex;align-items:center;gap:25px;margin-top:33px}
.stamp-link{display:inline-flex;align-items:center;justify-content:center;width:124px;height:124px;border:1px solid var(--black);border-radius:50%;background:var(--acid);color:var(--black);font:700 11px/1.25 var(--mono);letter-spacing:.08em;text-align:center;text-transform:uppercase;transform:rotate(-9deg);transition:transform .25s ease,background .25s ease}
.stamp-link:after{content:"↗";display:block;margin-left:4px;font-size:19px}
.stamp-link:hover{background:var(--pink);transform:rotate(4deg) scale(1.04)}
.hero-note{color:var(--muted);font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase}
.hero-board{position:relative;display:flex;flex-direction:column;justify-content:center;padding:145px 5.5vw 75px 4.5vw;background:var(--purple);overflow:hidden}
.hero-board:before{content:"";position:absolute;right:-150px;top:120px;width:430px;height:430px;border:1px solid rgba(255,255,255,.5);border-radius:50%;box-shadow:0 0 0 38px rgba(255,255,255,.08),0 0 0 76px rgba(255,255,255,.08)}
.hero-board:after{content:"PLAY / MAKE / REPEAT";position:absolute;right:17px;bottom:23px;color:rgba(255,255,255,.65);font:10px var(--mono);letter-spacing:.16em;writing-mode:vertical-rl}
.board-meta{position:relative;z-index:1;display:flex;justify-content:space-between;margin-bottom:17px;color:#ded9ff;font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase}
.board-frame{position:relative;z-index:1;padding:10px;background:var(--acid);border:1px solid var(--black);transform:rotate(2deg);box-shadow:11px 12px 0 var(--black)}
.board-frame img{width:100%;aspect-ratio:1/1;object-fit:cover;filter:saturate(.92)}
.board-label{position:absolute;z-index:2;right:-20px;bottom:35px;width:106px;height:106px;display:grid;place-items:center;border:1px solid var(--black);background:var(--pink);color:var(--black);font:700 11px/1.25 var(--mono);text-align:center;transform:rotate(9deg)}
.board-foot{position:relative;z-index:1;display:flex;justify-content:space-between;margin-top:27px;color:#e7e4ff;font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase}

.intro-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:9vw;align-items:start}
.intro-side{padding-top:3px;border-top:1px solid var(--line);color:var(--muted);font:11px/1.7 var(--mono)}
.intro-side strong{display:block;margin:15px 0 9px;color:var(--ink);font-size:13px}
.intro-copy{max-width:730px}
.intro-copy .section-title{margin-top:0}
.intro-copy .body-copy{max-width:610px;font-size:18px}
.fact-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:74px;padding-top:18px;border-top:1px solid var(--black)}
.fact{padding-right:18px;border-right:1px solid var(--line)}
.fact:last-child{border:0}
.fact strong{display:block;color:var(--purple);font:700 14px var(--mono);text-transform:uppercase}
.fact p{margin:9px 0 0;color:var(--muted);font-size:13px;line-height:1.45}

.projects-section{padding:108px 0 120px;background:var(--black);color:#fff}
.projects-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;padding:0 8vw 45px}
.projects-heading .section-kicker{color:#bebbc9}
.projects-heading .section-title{margin-top:20px}
.projects-heading .section-title em{color:var(--acid)}
.projects-heading .small-link{color:#fff;margin-top:0}
.project-list{border-top:1px solid rgba(255,255,255,.3)}
.project-row{display:grid;grid-template-columns:minmax(235px,.62fr) minmax(300px,1fr) 145px;align-items:center;gap:5vw;padding:24px 8vw;border-bottom:1px solid rgba(255,255,255,.3);transition:background .25s ease,color .25s ease;padding-right:8vw}
.project-row:hover{background:var(--acid);color:var(--black)}
.project-art{overflow:hidden;border:1px solid rgba(255,255,255,.5);background:var(--paper);aspect-ratio:1.55/1}
.project-row:hover .project-art{border-color:var(--black)}
.project-art img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.project-row:hover .project-art img{transform:scale(1.06)}
.project-type{margin:0;color:var(--acid);font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase}
.project-row:hover .project-type{color:var(--purple)}
.project-row h3{margin:13px 0 11px;font:900 clamp(30px,4vw,62px)/.86 var(--display);letter-spacing:-.08em;text-transform:uppercase}
.project-row p{max-width:410px;margin:0;color:#bbb9c6;font-size:14px;line-height:1.55}
.project-row:hover p{color:var(--ink)}
.project-arrow{justify-self:end;font:36px var(--serif);transform:rotate(-45deg);transition:transform .25s ease}
.project-row:hover .project-arrow{transform:rotate(0);color:var(--purple)}

.career-callout{display:grid;grid-template-columns:1.1fr .9fr;min-height:560px;background:var(--pink);color:var(--black)}
.career-callout-copy{padding:105px 8vw}
.career-callout h2{max-width:680px;margin:25px 0 27px;font:900 clamp(54px,7.7vw,120px)/.8 var(--display);letter-spacing:-.1em;text-transform:uppercase}
.career-callout h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.08em;text-transform:none}
.career-callout p:not(.section-kicker){max-width:430px;font-size:16px;line-height:1.7}
.career-callout-art{position:relative;display:grid;place-items:center;overflow:hidden;border-left:1px solid var(--black);background:var(--orange)}
.career-callout-art:before{content:"NEXT /";position:absolute;top:26px;left:26px;font:700 11px var(--mono);letter-spacing:.14em}
.career-callout-art img{width:76%;border:1px solid var(--black);background:var(--paper);transform:rotate(-6deg);box-shadow:14px 14px 0 var(--black)}
.contact-banner{display:flex;align-items:center;justify-content:space-between;gap:50px;padding:80px 8vw;background:var(--acid);border-top:1px solid var(--black);border-bottom:1px solid var(--black)}
.contact-banner h2{margin:14px 0 0;font:900 clamp(34px,4vw,60px)/.95 var(--display);letter-spacing:-.06em;text-transform:uppercase}
.contact-banner h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.05em;text-transform:none}

.internal-hero{display:grid;grid-template-columns:1.08fr .92fr;min-height:620px;border-bottom:1px solid var(--black);background:var(--paper-2)}
.internal-hero .hero-copy{padding-top:160px}
.internal-hero .hero-lead{max-width:520px;margin:26px 0 0;font:800 clamp(25px,2.9vw,42px)/1.02 var(--display);letter-spacing:-.05em;text-transform:uppercase;color:var(--ink)}
.internal-hero .hero-board{min-height:620px}
.theme-purple .hero-board{background:var(--purple)}
.theme-pink .hero-board{background:var(--pink)}
.theme-acid .hero-board{background:var(--acid)}
.theme-cyan .hero-board{background:var(--cyan)}
.theme-pink .hero-board:after,.theme-acid .hero-board:after,.theme-cyan .hero-board:after{color:rgba(21,21,23,.62)}
.theme-pink .board-meta,.theme-pink .board-foot{color:var(--ink)}
.theme-acid .board-meta,.theme-acid .board-foot{color:var(--ink)}
.theme-cyan .board-meta,.theme-cyan .board-foot{color:var(--ink)}
.theme-pink .hero-copy{background:var(--paper-2)}

.manifesto{display:grid;grid-template-columns:.7fr 1.3fr;gap:9vw;align-items:start;padding-top:120px;padding-bottom:120px}
.manifesto h2{max-width:850px;margin:0;font:900 clamp(28px,3.6vw,58px)/.95 var(--display);letter-spacing:-.06em;text-transform:uppercase}
.manifesto h2 em{color:var(--purple);font-family:var(--serif);font-weight:400;letter-spacing:-.07em;text-transform:none}
.manifesto p:last-child{max-width:580px;margin:34px 0 0;color:var(--muted);font-size:17px;line-height:1.75}
.split-stories{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--black);border-bottom:1px solid var(--black)}
.story{padding:92px 8vw;min-height:460px}
.story+.story{border-left:1px solid var(--black)}
.story.purple{background:var(--purple);color:#fff}.story.acid{background:var(--acid)}
.story h2{margin:24px 0 22px;font:900 clamp(27px,3.2vw,48px)/.95 var(--display);letter-spacing:-.06em;text-transform:uppercase}
.story h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.07em;text-transform:none}
.story p:last-child{max-width:450px;margin:0;font-size:16px;line-height:1.75}
.values-board{padding:96px 8vw;background:var(--black);color:#fff}
.values-board .section-kicker{color:#bab8c6}
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:55px}
.value{padding-top:18px;border-top:1px solid rgba(255,255,255,.35)}
.value b{color:var(--acid);font:700 12px var(--mono);letter-spacing:.12em;text-transform:uppercase}
.value h3{margin:20px 0 12px;font:800 23px var(--display);letter-spacing:-.05em;text-transform:uppercase}
.value p{max-width:250px;margin:0;color:#bdbbc7;font-size:13px;line-height:1.6}

.catalog{padding:100px 8vw;background:var(--paper-2)}
.catalog-head{display:flex;align-items:end;justify-content:space-between;gap:35px;padding-bottom:20px;border-bottom:1px solid var(--black)}
.catalog-head p:last-child{margin:0;color:var(--muted);font:11px var(--mono);letter-spacing:.08em;text-transform:uppercase}
.catalog-list{margin-top:0}
.catalog-item{display:grid;grid-template-columns:120px minmax(230px,.9fr) minmax(260px,1fr) 50px;align-items:center;gap:4vw;padding:28px 0;border-bottom:1px solid var(--line)}
.catalog-item .catalog-art{height:120px;border:1px solid var(--black);overflow:hidden;background:var(--paper)}
.catalog-art img{width:100%;height:100%;object-fit:cover}
.catalog-item h3{margin:0;font:800 clamp(24px,2.8vw,44px)/.95 var(--display);letter-spacing:-.06em;text-transform:uppercase}
.catalog-item h3 em{font-family:var(--serif);font-weight:400;letter-spacing:-.06em;text-transform:none}
.catalog-item p{max-width:390px;margin:0;color:var(--muted);font-size:14px;line-height:1.6}
.catalog-item .item-arrow{font:35px var(--serif);text-align:right}
.catalog-item:hover h3{color:var(--purple)}
.catalog-item:hover .item-arrow{color:var(--pink);transform:translateX(5px)}

.role-board{padding:100px 8vw;background:var(--acid)}
.role-board .catalog-head{border-color:var(--black)}
.role-list{margin-top:0;border-top:0}
.role-line{display:grid;grid-template-columns:38px 1fr minmax(250px,.8fr) 34px;align-items:center;gap:30px;padding:24px 0;border-bottom:1px solid var(--black)}
.role-line .role-symbol{font-size:22px}
.role-line h3{margin:0;font:800 clamp(23px,2.5vw,40px)/.95 var(--display);letter-spacing:-.05em;text-transform:uppercase}
.role-line p{margin:0;color:#42472b;font-size:13px;line-height:1.5}
.role-line .item-arrow{font:31px var(--serif);text-align:right}
.role-line:hover{color:var(--purple)}
.code-note{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;padding:105px 8vw;background:var(--purple);color:#fff}
.code-note h2{margin:0;font:900 clamp(28px,3.4vw,54px)/.95 var(--display);letter-spacing:-.06em;text-transform:uppercase}
.code-note h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.06em;text-transform:none;color:var(--acid)}
.code-note p{max-width:550px;margin:0;color:#e1ddff;font-size:17px;line-height:1.75}

.contact-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:9vw;padding:105px 8vw;background:var(--paper-2)}
.contact-info h2{margin:23px 0 25px;font:900 clamp(32px,4vw,60px)/.95 var(--display);letter-spacing:-.06em;text-transform:uppercase}
.contact-info h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.06em;text-transform:none;color:var(--purple)}
.contact-info>p:not(.section-kicker){max-width:420px;color:var(--muted);font-size:16px;line-height:1.7}
.contact-detail{margin-top:42px;padding-top:15px;border-top:1px solid var(--black)}
.contact-detail span{display:block;margin-bottom:13px;color:var(--muted);font:700 10px var(--mono);letter-spacing:.14em;text-transform:uppercase}
.contact-detail address{font-style:normal;font-size:15px;line-height:1.75}
.contact-detail a{color:var(--purple);font:700 18px var(--mono)}
.lab-form{padding:35px 38px;border:1px solid var(--black);background:var(--black);color:#fff;box-shadow:14px 14px 0 var(--purple)}
.lab-form h2{margin:0 0 11px;font:800 28px var(--display);letter-spacing:-.05em;text-transform:uppercase}
.lab-form>p{margin:0 0 28px;color:#bdbbc7;font-size:13px;line-height:1.6}
.lab-form label{display:block;margin-top:20px;color:#bdbbc7;font:700 10px var(--mono);letter-spacing:.13em;text-transform:uppercase}
.lab-form input,.lab-form textarea,.lab-form select{display:block;width:100%;margin-top:9px;padding:11px 0;border:0;border-bottom:1px solid #77747e;outline:0;background:transparent;color:#fff;font-size:16px}
.lab-form option{color:var(--black)}
.lab-form input::placeholder,.lab-form textarea::placeholder{color:#77747e}
.lab-form input:focus,.lab-form textarea:focus,.lab-form select:focus{border-color:var(--acid)}
.form-submit{display:inline-flex;align-items:center;gap:20px;margin-top:29px;padding:15px 20px;border:1px solid var(--black);background:var(--acid);color:var(--black);font:700 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.form-submit:after{content:"↗";font-size:18px}
.form-submit:hover{background:var(--pink)}
.form-status{min-height:18px;margin:14px 0 0;color:var(--acid);font:700 11px var(--mono)}

.contact-reference{padding:105px 8vw 90px;background:var(--paper-2);color:var(--ink)}
.contact-reference-intro{max-width:900px}
.contact-reference-intro h1{margin:22px 0 18px;font:900 clamp(34px,4vw,60px)/.95 var(--display);letter-spacing:-.06em;text-transform:uppercase}
.contact-reference-intro>p:last-child{max-width:850px;margin:0;color:var(--muted);font-size:17px;line-height:1.65}
.contact-reference-rule{margin-top:64px;border-top:1px solid var(--line)}
.contact-reference-address{display:flex;gap:9vw;padding-top:29px}
.contact-reference-address>div{min-width:260px}
.contact-reference-address span{display:block;margin-bottom:13px;color:var(--muted);font:700 10px var(--mono);letter-spacing:.13em;text-transform:uppercase}
.contact-reference-address address{font-style:normal;font-size:15px;line-height:1.75}
.contact-reference-address a{color:var(--purple);font:700 17px var(--mono)}
.contact-form-panel{margin-top:55px;padding:43px 5vw 51px;background:var(--black);color:#fff;border-radius:0 42px 42px 0;box-shadow:14px 14px 0 var(--purple)}
.contact-form-panel h2{margin:0 0 10px;font:800 28px var(--display);letter-spacing:-.05em;text-transform:uppercase}
.contact-form-panel>form>p{margin:0 0 27px;color:#c8c6d0;font-size:14px;line-height:1.55}
.contact-form-grid{display:grid;gap:14px;max-width:880px}
.contact-form-grid label{display:block;color:#fff;font:700 10px var(--mono);letter-spacing:.1em;text-transform:uppercase}
.contact-form-grid input,.contact-form-grid textarea,.contact-form-grid select{display:block;width:100%;margin-top:8px;padding:15px 20px;border:0;border-radius:0 22px 22px 0;outline:0;background:#fff;color:var(--ink);font-size:15px}
.contact-form-grid textarea{min-height:134px;resize:vertical;border-radius:0 22px 22px 22px}
.contact-form-grid option{color:var(--ink)}
.contact-form-grid input::placeholder,.contact-form-grid textarea::placeholder{color:#89868f}
.contact-form-grid input:focus,.contact-form-grid textarea:focus,.contact-form-grid select:focus{box-shadow:inset 0 0 0 3px var(--acid)}
.contact-form-panel .form-submit{background:#fff;color:var(--ink);border-color:#fff}
.contact-form-panel .form-submit:hover{background:var(--acid)}

.footer-main{display:flex;align-items:end;justify-content:space-between;gap:35px;padding:55px 8vw 43px;margin-left:158px;background:var(--black);color:#fff;border-top:1px solid #38373c}
.footer-main .brand{gap:10px}.footer-main .brand-orb{width:37px;height:37px;font-size:19px}.footer-main .brand-word{font-size:24px}
.footer-main p{margin:0;font:900 27px/.88 var(--display);letter-spacing:-.09em;text-transform:uppercase}.footer-main p em{color:var(--acid);font-family:var(--serif);font-weight:400;letter-spacing:-.04em;text-transform:none}
.footer-main .small-link{margin-top:0;color:#fff}
.footer-bottom{display:flex;justify-content:space-between;gap:25px;padding:0 8vw 26px 8vw;margin-left:158px;background:var(--black);color:#85838c;font:10px/1.5 var(--mono)}
.footer-bottom span:last-child{color:var(--acid)}
.footer-legal{display:flex;gap:22px;padding:0 8vw 30px;margin-left:158px;background:var(--black);font:700 10px var(--mono);letter-spacing:.1em;text-transform:uppercase}
.footer-legal a{color:#85838c;transition:color .2s ease}
.footer-legal a:hover{color:var(--acid)}

.reveal{opacity:1;transform:none}

@media(max-width:900px){
  .home-page .hero-copy{padding-top:130px;padding-bottom:84px}.home-page .hero-copy h1{font-size:clamp(61px,13vw,110px);line-height:.78}
  .site-header{inset:0 0 auto 0;width:auto;height:74px;display:flex;flex-direction:row;align-items:center;padding:15px 6vw;border-right:0;border-bottom:1px solid #353438}.site-header:after{right:auto;top:auto;bottom:-3px;left:0;width:100%;height:3px}.site-header .brand{flex-direction:row;gap:9px}.site-header .brand-orb{width:35px;height:35px;font-size:19px}.site-header .brand-word{font-size:22px}.desktop-nav,.header-note{display:none}.menu-toggle{display:block;margin-left:auto;border:0;background:transparent;color:#fff;padding:6px}.menu-toggle span{display:block;width:26px;height:2px;margin:5px 0;background:#fff}.mobile-menu{position:fixed;z-index:49;top:74px;left:0;right:0;display:grid;padding:9px 6vw 20px;background:var(--black);color:#fff;transform:translateY(-130%);transition:transform .3s ease}.mobile-menu.is-open{transform:translateY(0)}.mobile-menu a{padding:16px 0;border-bottom:1px solid #3b3a40;font:700 11px var(--mono);letter-spacing:.12em;text-transform:uppercase}.mobile-menu a.active{color:var(--acid)}
  main{margin-left:0}.section{padding:82px 7vw}.lab-hero,.internal-hero{grid-template-columns:1fr;min-height:auto}.hero-copy,.internal-hero .hero-copy{min-height:660px;padding:130px 7vw 84px;border-right:0;border-bottom:1px solid var(--black)}.hero-copy h1{font-size:clamp(61px,13vw,110px)}.hero-board,.internal-hero .hero-board{min-height:540px;padding:92px 14vw 77px}.hero-board:before{right:-170px;top:85px}.board-frame{max-width:520px;margin:auto}.ticker{padding:0 7vw}.intro-grid,.manifesto{grid-template-columns:1fr;gap:37px}.intro-copy .body-copy{font-size:16px}.fact-strip{margin-top:48px}.projects-heading{display:block;padding:0 7vw 35px}.projects-heading .small-link{margin-top:25px}.project-row{grid-template-columns:190px 1fr 35px;gap:25px;padding:20px 7vw}.project-row p{font-size:13px}.project-arrow{font-size:29px}.career-callout{grid-template-columns:1fr}.career-callout-copy{padding:82px 7vw}.career-callout-art{min-height:390px;border-left:0;border-top:1px solid var(--black)}.contact-banner{align-items:flex-start;flex-direction:column;padding:70px 7vw}.story{padding:75px 7vw;min-height:390px}.story+.story{border-top:1px solid var(--black);border-left:0}.split-stories{grid-template-columns:1fr}.values-board{padding:80px 7vw}.values{grid-template-columns:1fr;gap:30px;margin-top:40px}.value p{max-width:430px}.catalog,.role-board{padding:80px 7vw}.catalog-item{grid-template-columns:100px 1fr 30px;gap:24px}.catalog-item p{grid-column:2/4}.catalog-item .item-arrow{grid-column:3;grid-row:1;text-align:right}.role-line{grid-template-columns:30px 1fr 30px;gap:18px}.role-line p{grid-column:2/3}.role-line .item-arrow{grid-column:3;grid-row:1}.code-note{grid-template-columns:1fr;gap:35px;padding:80px 7vw}.contact-layout{grid-template-columns:1fr;gap:55px;padding:80px 7vw}.footer-main{margin-left:0;padding:45px 7vw 35px;display:grid;align-items:start;gap:30px}.footer-bottom{margin-left:0;padding:0 7vw 22px;display:grid;gap:8px}
}
@media(max-width:560px){
  .section{padding:70px 6vw}.hero-copy,.internal-hero .hero-copy{min-height:590px;padding:112px 6vw 64px}.hero-copy h1{font-size:clamp(53px,15vw,80px)}.hero-copy p:not(.eyebrow){font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.stamp-link{width:105px;height:105px;font-size:10px}.hero-board,.internal-hero .hero-board{min-height:460px;padding:80px 10vw 63px}.board-label{right:-12px;bottom:28px;width:85px;height:85px;font-size:10px}.board-foot{font-size:8px}.ticker{min-height:43px;padding:0 6vw;font-size:9px}.ticker span,.ticker b{margin-right:30px}.section-title{font-size:clamp(47px,14vw,76px)}.intro-copy .body-copy{font-size:15px}.fact-strip{display:block}.fact{padding:16px 0;border-right:0;border-bottom:1px solid var(--line)}.fact:last-child{border-bottom:0}.projects-section{padding-top:76px;padding-bottom:80px}.projects-heading{padding:0 6vw 30px}.project-row{grid-template-columns:1fr 30px;gap:18px;padding:20px 6vw}.project-art{grid-column:1/3;width:100%;aspect-ratio:1.45/1}.project-info{grid-column:1}.project-row h3{font-size:35px}.project-row p{font-size:12px}.project-arrow{grid-column:2;grid-row:2}.career-callout-copy{padding:72px 6vw}.career-callout h2{font-size:clamp(53px,14vw,78px)}.career-callout-art{min-height:300px}.career-callout-art img{width:74%}.contact-banner{padding:60px 6vw}.contact-banner h2{font-size:clamp(45px,13vw,72px)}.internal-hero .hero-copy{min-height:535px}.story{padding:67px 6vw}.story h2{font-size:clamp(45px,13vw,70px)}.values-board{padding:70px 6vw}.value h3{font-size:26px}.catalog,.role-board{padding:68px 6vw}.catalog-head{display:block}.catalog-head p:last-child{margin-top:15px;line-height:1.5}.catalog-item{grid-template-columns:1fr 30px;gap:18px;padding:23px 0}.catalog-item .catalog-art{grid-column:1/3;width:100%;height:200px}.catalog-item h3{grid-column:1;font-size:42px}.catalog-item p{grid-column:1/3}.catalog-item .item-arrow{grid-column:2;grid-row:2}.role-line{grid-template-columns:24px 1fr 27px;gap:12px}.role-line h3{font-size:29px}.role-line p{font-size:12px}.code-note{padding:70px 6vw}.code-note h2{font-size:clamp(47px,13vw,71px)}.contact-layout{padding:70px 6vw}.contact-info h2{font-size:clamp(48px,14vw,74px)}.lab-form{padding:25px 19px;box-shadow:9px 9px 0 var(--purple)}.lab-form h2{font-size:29px}.footer-main{padding:42px 6vw 32px}.footer-main p{font-size:24px}.footer-bottom{padding:0 6vw 20px;font-size:9px}
}

@media(max-width:900px){
  .home-page .hero-copy h1{font-size:clamp(61px,13vw,110px);line-height:.78}
  .contact-reference{padding:115px 7vw 75px}
  .contact-reference-address{gap:35px}
  .contact-form-panel{padding:35px 7vw 42px}
}
@media(max-width:560px){
  .home-page .hero-copy h1{font-size:clamp(53px,15vw,80px);line-height:.78}
  .contact-reference{padding:102px 6vw 60px}
  .contact-reference-intro h1{font-size:clamp(51px,14vw,78px)}
  .contact-reference-intro>p:last-child{font-size:15px}
  .contact-reference-rule{margin-top:42px}
  .contact-reference-address{display:grid;gap:28px;padding-top:23px}
  .contact-reference-address>div{min-width:0}
  .contact-form-panel{margin-top:42px;padding:28px 20px 34px;border-radius:0 28px 28px 0;box-shadow:8px 8px 0 var(--purple)}
  .contact-form-panel h2{font-size:29px}
  .contact-form-grid input,.contact-form-grid textarea,.contact-form-grid select{padding:13px 15px;border-radius:0 17px 17px 0}
}

/* Keep the internal pages on the same compact type scale. */
@media(max-width:900px){
  .section-title{font-size:clamp(32px,9vw,54px)}
  .story h2{font-size:clamp(27px,8vw,44px)}
  .catalog-item h3{font-size:clamp(24px,8vw,38px)}
  .role-line h3{font-size:clamp(22px,7vw,34px)}
  .code-note h2{font-size:clamp(28px,9vw,52px)}
  .contact-reference-intro h1{font-size:clamp(34px,10vw,54px)}
  .contact-form-panel h2{font-size:26px}
  .contact-banner h2{font-size:clamp(34px,10vw,58px)}
}

.legal-body{max-width:820px;margin:46px 0 0}
.legal-body h2{margin:44px 0 15px;font:900 clamp(19px,2vw,27px)/1.05 var(--display);letter-spacing:-.03em;text-transform:uppercase}
.legal-body h2:first-child{margin-top:0}
.legal-body h3{margin:28px 0 9px;font:800 16px/1.3 var(--display);letter-spacing:-.01em;text-transform:uppercase;color:var(--ink)}
.legal-body p{margin:0 0 17px;color:var(--muted);font-size:15px;line-height:1.8}
.legal-body ul{margin:0 0 17px;padding-left:20px;color:var(--muted);font-size:15px;line-height:1.8}
.legal-body li{margin-bottom:7px}
.legal-body a{color:var(--purple);font-weight:700}
.legal-body strong{color:var(--ink)}
@media(max-width:900px){.legal-body{margin-top:38px}}
@media(max-width:560px){.legal-body{margin-top:32px}.legal-body p,.legal-body ul{font-size:14px}}