@font-face{font-family:Space;src:url('assets/space-grotesk.woff2') format('woff2');font-weight:300 700;font-display:swap}
:root{--ink:#20201e;--cream:#f2efe9;--red:#e0392b;--carmine:#b5302e;--muted:#b1afa7;--line:#41413c;--light-line:#d5d1c7;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace;color-scheme:dark;font-family:Space,'Helvetica Neue',sans-serif;color:var(--cream);background:var(--ink);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--red);outline-offset:5px}button{border:0;background:none}h1,h2,h3,p{margin:0}button:disabled{cursor:default}.wrap{width:calc(100% - 112px);max-width:1440px;margin-inline:auto}.mono{font-family:var(--mono);font-size:10px;font-weight:400;letter-spacing:.08em}.skip-link{position:fixed;top:10px;left:10px;padding:14px;background:var(--cream);color:var(--ink);transform:translateY(-180%);z-index:10}.skip-link:focus{transform:none}.header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:30px;letter-spacing:-1.8px;font-weight:600;display:flex;align-items:center}.brand-dot{color:var(--red)}.brand-symbol{font-family:var(--mono);font-size:30px;letter-spacing:-9px;margin-right:23px;color:var(--red);position:relative;font-weight:400}.brand-symbol span{font-size:20px;position:relative;top:-4px;left:0}.header nav{display:flex;gap:38px;font-size:13px}.header nav span{font-family:var(--mono);font-size:9px;margin-left:5px;color:var(--muted);vertical-align:super}.header nav a:hover{color:#fff}.header-cta{font-size:13px;border:1px solid #76756d;padding:12px 19px;display:flex;gap:35px;align-items:center}.header-cta:hover{background:var(--cream);color:var(--ink)}.hero-top{display:flex;justify-content:space-between;padding-top:30px;color:var(--muted)}.hero-top>span:first-child{display:flex;align-items:center;gap:9px}.status-dot{display:inline-block;width:5px;height:5px;background:var(--red)}.hero-main{display:grid;grid-template-columns:.95fr 1.15fr;position:relative;min-height:548px;align-items:center;padding:32px 0 25px}.hero-copy{position:relative;z-index:1;pointer-events:none}.hero-copy a{pointer-events:auto}h1{font-size:clamp(76px,8.3vw,130px);line-height:.86;letter-spacing:-.085em;font-weight:500}h1>span:not(.heading-period){color:#bebbb2}.heading-period{color:var(--red)}.hero-copy>p{font-size:14px;line-height:1.7;margin-top:28px;color:#c2bfb7;letter-spacing:-.02em}.text-link{display:inline-flex;gap:40px;align-items:center;border-bottom:1px solid #77746c;padding:12px 0 7px;font-size:13px;margin-top:15px}.text-link span{color:var(--red);font-size:22px;transition:transform .2s}.text-link:hover span{transform:translate(3px,-3px)}.evolution-art{align-self:stretch;min-width:0;position:relative;display:flex;flex-direction:column;padding-top:3px}.art-top{display:flex;justify-content:space-between;color:#96948a;font-size:9px;position:relative;z-index:1}.art-top span:first-child{color:var(--red)}#evolution{width:100%;height:405px;display:block;position:relative;flex:1;min-height:300px}.art-floor{display:flex;justify-content:space-between;color:#747268;border-bottom:1px solid #41413b;font-family:var(--mono);line-height:0;font-size:15px}.art-caption{display:flex;gap:28px;align-items:flex-start;padding-top:23px;min-height:84px}.stage-index{color:var(--red);padding-top:4px;white-space:nowrap}.art-caption h2{font-size:17px;letter-spacing:-.03em;font-weight:400}.art-caption p{font-size:12px;color:#aaa79e;margin-top:7px;line-height:1.5}.timeline{padding-top:21px}.timeline-heading{display:flex;justify-content:space-between;align-items:center;color:#bcb9af;font-size:9px}.timeline-heading label{display:flex;align-items:center;gap:12px}.timeline-heading label>span{font-size:18px;color:var(--red)}#play-evolution{font:inherit;letter-spacing:inherit;display:flex;align-items:center;gap:8px;padding:6px 0 6px 12px;min-height:36px}#play-icon{font-size:17px;color:var(--cream)}#evolution-progress{display:block;width:100%;height:24px;margin:5px 0 10px;appearance:none;background:transparent;cursor:ew-resize;--progress:0%;position:relative}#evolution-progress::-webkit-slider-runnable-track{height:2px;background:linear-gradient(to right,var(--red) 0%,var(--red) var(--progress),#68655e var(--progress),#68655e 100%)}#evolution-progress::-moz-range-track{height:2px;background:#68655e}#evolution-progress::-moz-range-progress{height:2px;background:var(--red)}#evolution-progress::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border:3px solid var(--ink);outline:1px solid var(--red);border-radius:50%;background:var(--red);margin-top:-6px}#evolution-progress::-moz-range-thumb{width:10px;height:10px;border:3px solid var(--ink);outline:1px solid var(--red);border-radius:50%;background:var(--red)}.stage-buttons{display:flex;justify-content:space-between}.stage-buttons button{font-size:12px;color:#a8a59a;padding:8px 0;display:flex;align-items:center;gap:12px;min-height:36px}.stage-buttons button span{font-family:var(--mono);font-size:9px;color:#938f84}.stage-buttons button[aria-pressed=true]{color:var(--cream)}.stage-buttons button[aria-pressed=true] span{color:var(--red)}.hero-bottom{padding:28px 0 30px;display:flex;justify-content:space-between;color:#9f9b90;font-size:8px}.hero-bottom a{display:flex;gap:15px}.hero-bottom a span{color:var(--cream)}.light-section{background:var(--cream);color:var(--ink);color-scheme:light}.work{padding:66px 0 80px}.section-label{display:flex;justify-content:space-between;font-size:9px;color:#706d65}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:38px 0 48px;gap:32px}.section-heading h2,.capability-intro h2{font-size:clamp(38px,4.5vw,68px);letter-spacing:-.065em;line-height:1.05;font-weight:400}.section-heading p{font-size:13px;line-height:1.6;color:#646057;padding-bottom:7px}.work-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:start}.project-list{border-top:1px solid var(--light-line)}.project{display:flex;align-items:center;text-align:left;width:100%;gap:22px;border-bottom:1px solid var(--light-line);padding:21px 0;color:#777266}.project-no{color:#8b8578;font-size:10px}.project>span:nth-child(2){font-size:21px;line-height:1.2;letter-spacing:-.04em}.project small{display:block;font-family:var(--mono);font-size:8px;letter-spacing:.025em;margin-top:9px;color:#797267}.project-arrow{margin-left:auto;font-size:24px;opacity:0;transform:translate(-4px,4px);transition:transform .2s,opacity .2s}.project.active,.project:hover{color:var(--ink)}.project.active .project-no{color:var(--carmine)}.project.active .project-arrow,.project:hover .project-arrow{opacity:1;transform:none;color:var(--carmine)}.preview-window{background:#251cac;padding:0;overflow:hidden}.browser-bar{height:31px;display:flex;justify-content:space-between;align-items:center;padding:0 12px;background:#dedad1;color:#5e5a51;font-size:7px;letter-spacing:.03em}.browser-bar>span:first-child{color:#aaa397;letter-spacing:2px}.preview-image-wrap{height:355px;overflow:hidden;position:relative}.preview-image-wrap img{display:block;width:100%;height:auto;object-position:top;object-fit:cover}.preview-image-wrap img[hidden]{display:none}#project-monogram{height:100%;padding:42px 30px;color:var(--cream);position:relative;background:radial-gradient(#f2efe91c 1px,transparent 1px);background-size:10px 10px}#project-monogram[hidden]{display:none}#project-monogram span{font-size:clamp(32px,4vw,60px);letter-spacing:-.055em;line-height:1.03;position:absolute;bottom:35px;left:30px;max-width:80%}#project-monogram small{font:9px var(--mono);letter-spacing:.1em}.project-info{padding-top:23px}.project-info h3{font-size:21px;letter-spacing:-.04em;font-weight:500}.project-info p{font-size:13px;line-height:1.6;margin-top:10px;color:#676158;max-width:420px}.project-detail{display:block;margin-top:20px;font-size:8px;line-height:1.6;color:#837b70}.capabilities{padding-top:72px;padding-bottom:66px}.capabilities .section-label{color:#aaa69a}.capability-intro{display:flex;justify-content:space-between;gap:65px;align-items:end;margin-top:40px}.capability-intro>p{max-width:330px;font-size:13px;line-height:1.8;color:#b9b5aa}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.capability-grid button{text-align:left;padding:29px 30px 28px 0;transition:background .2s}.capability-grid button+button{border-left:1px solid var(--line);padding-left:30px}.capability-grid button:hover{background:#ffffff04}.cap-icon{font-size:28px;color:var(--red);letter-spacing:-2px}.capability-grid h3{font-size:24px;letter-spacing:-.04em;font-weight:400;margin-top:29px}.capability-grid p{font-size:12px;line-height:1.7;color:#aaa699;margin-top:13px}.cap-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:34px;font-size:8px;color:#a6a295}.cap-bottom>span{font-size:21px;color:var(--cream)}.agency-note{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:43px}.agency-note>.mono{font-size:8px;color:#9f9a8f}.agency-note p{font-size:22px;letter-spacing:-.04em;line-height:1.3;flex:1;max-width:490px}.agency-note>span:last-child{font-size:39px;color:var(--red)}.intake-section{padding:66px 0}.intake-heading{display:flex;justify-content:space-between;align-items:end;margin:38px 0 44px;gap:35px}.intake-heading h2{font-size:clamp(48px,6.4vw,96px);letter-spacing:-.075em;line-height:.98;font-weight:400}.intake-heading h2 span{color:var(--carmine)}.intake-heading p{font-size:13px;line-height:1.7;color:#686156;padding-bottom:6px}.start-options{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--light-line);border-bottom:1px solid var(--light-line)}.start-options button{text-align:left;position:relative;padding:25px 20px 31px 0;min-height:172px;transition:color .2s}.start-options button+button{border-left:1px solid var(--light-line);padding-left:25px}.start-options button:hover{color:var(--carmine)}.start-options .mono{color:#8a8073;font-size:8px}.start-options strong{display:block;font-size:23px;line-height:1.2;letter-spacing:-.04em;font-weight:400;margin-top:24px}.start-arrow{position:absolute;right:20px;top:22px;font-size:27px;color:var(--carmine)}.orientation-link{margin-top:23px;font-size:12px;padding:8px 0;border-bottom:1px solid #b8b0a4}.orientation-link span{padding-left:20px;color:var(--carmine)}.footer{display:flex;align-items:center;justify-content:space-between;padding-block:35px;gap:20px}.footer .brand{font-size:27px}.footer .mono{font-size:8px;color:#b9b3a6}.footer .prototype-label{color:#8f897d}dialog{color-scheme:light;color:var(--ink);background:var(--cream);border:0;padding:0;width:min(610px,calc(100% - 30px));max-height:calc(100dvh - 36px);overflow:auto;box-shadow:0 24px 120px #0005}dialog::backdrop{background:#0b0b09bc;backdrop-filter:blur(8px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;padding:16px 25px;color:#6b6357;font-size:8px}.dialog-top button{font-size:26px;line-height:1;width:36px;height:36px;display:grid;place-items:center}.dialog-progress{height:2px;background:#d6d0c3}.dialog-progress span{display:block;height:100%;width:50%;background:var(--carmine);transition:width .3s}#project-form{padding:30px 35px 24px}.dialog-eyebrow{font-size:9px;color:var(--carmine)}dialog h2{font-size:48px;letter-spacing:-.065em;line-height:1.03;font-weight:400;margin-top:15px}.dialog-intro{font-size:12px;color:#6a6155;line-height:1.6;margin:14px 0 25px}fieldset{border:0;padding:0;margin:0 0 22px}legend,.field-label{font-size:12px;font-weight:500;margin-bottom:10px;display:block}.audience-options{display:flex;gap:8px}.audience-options label{flex:1;position:relative;cursor:pointer}.audience-options input{position:absolute;opacity:0;width:100%;height:100%;margin:0}.audience-options span{display:block;font-size:11px;border:1px solid #b8afa1;text-align:center;padding:11px 7px}.audience-options input:checked+span{border-color:var(--carmine);background:#b5302e0a;color:var(--carmine)}.audience-options input:focus-visible+span{outline:2px solid var(--carmine);outline-offset:3px}.field-label{margin-top:20px}textarea,input[type=text],#project-followup{width:100%;border:1px solid #bcb4a6;background:#faf7f2;padding:12px;color:var(--ink);font-size:12px;line-height:1.6;border-radius:0;resize:vertical}textarea::placeholder,input::placeholder{color:#8b8071}.dialog-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:25px}.dialog-actions>.mono{font-size:9px;color:#8b8071}.solid-button{background:var(--carmine);color:var(--cream);font-size:12px;padding:15px 19px;display:flex;align-items:center;justify-content:center;gap:24px;min-height:46px}.solid-button:hover{background:#932624}.solid-button span{font-size:18px}.back-button{font-size:12px;padding:12px 0}.summary-sheet{border-block:1px solid #c9bfaf;padding:20px 0}.summary-sheet>.mono{color:var(--carmine);font-size:9px}.summary-sheet h3{font-size:12px;margin-top:19px}.summary-sheet p{font-size:13px;line-height:1.7;margin-top:7px;white-space:pre-wrap;overflow-wrap:anywhere}.preview-notice{font-size:11px;line-height:1.7;color:#807567;margin-top:20px}.copy-status{font-size:11px;min-height:16px;margin-top:10px;color:var(--carmine)}body.dialog-open{overflow:hidden}[hidden]{display:none!important}
@media(min-width:1600px){.hero-main{min-height:630px}#evolution{height:460px}.hero-copy>p{font-size:16px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero-main{grid-template-columns:1fr 1.1fr;min-height:500px}h1{font-size:clamp(70px,9.2vw,110px)}#evolution{min-height:260px;height:340px}.art-top{font-size:7px}.art-caption{gap:15px}.art-caption h2{font-size:15px}.art-caption p{font-size:11px}.work-grid{gap:30px}.project{gap:14px}.project>span:nth-child(2){font-size:18px}.preview-image-wrap{height:325px}.capability-intro{gap:35px}.capability-intro>p{max-width:280px}.capability-grid h3{font-size:20px}.capability-grid button+button{padding-left:22px}.start-options strong{font-size:20px}.start-arrow{right:10px}.agency-note p{max-width:370px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{height:78px}.brand{font-size:26px}.brand-symbol{font-size:26px;margin-right:19px}.header nav{display:none}.header-cta{font-size:11px;padding:10px 13px;gap:18px}.hero-top{font-size:8px;padding-top:23px}.hero-coordinate{display:none}.hero-main{display:flex;flex-direction:column;align-items:stretch;padding:29px 0 7px;gap:26px}.hero-copy{order:0}h1{font-size:clamp(68px,15.8vw,106px);line-height:.9;letter-spacing:-.075em}h1 br:nth-of-type(1){display:none}h1 br:nth-of-type(1)::after{content:' '}.hero-copy h1{max-width:100%}.hero-copy h1::first-line{letter-spacing:-.075em}.hero-copy>p{font-size:12px;line-height:1.6;margin-top:20px}.desktop-break{display:none}.text-link{margin-top:7px;font-size:12px;padding-top:10px}.evolution-art{height:316px;padding-top:0}.art-top{font-size:7px}#evolution{height:232px;min-height:0}.art-caption{padding-top:15px;min-height:65px;gap:20px}.art-caption h2{font-size:15px}.art-caption p{font-size:10px;margin-top:5px}.stage-index{font-size:9px}.timeline{padding-top:18px}.timeline-heading{font-size:7px;letter-spacing:.02em}.timeline-heading label{gap:7px}#play-evolution{padding-left:6px;font-size:7px;gap:4px}#play-icon{font-size:14px}.stage-buttons button{font-size:10px;gap:6px}.stage-buttons button span{font-size:8px}.hero-bottom{padding:23px 0;font-size:7px;line-height:1.6}.hero-bottom>span{max-width:180px}.hero-bottom a{align-items:center;gap:8px}.work{padding:38px 0 43px}.section-label{font-size:7px;line-height:1.5;gap:18px}.section-label>span:last-child{text-align:right}.section-heading{display:block;margin:27px 0 29px}.section-heading h2,.capability-intro h2{font-size:42px}.section-heading p{font-size:12px;margin-top:17px}.work-grid{grid-template-columns:1fr;gap:27px}.project{padding:15px 0;gap:18px}.project>span:nth-child(2){font-size:19px}.project small{font-size:7px;margin-top:6px}.project-arrow{font-size:21px}.project-no{font-size:9px}.preview-image-wrap{height:285px}.project-info{padding-top:19px}.project-info h3{font-size:20px}.project-info p{font-size:12px}.project-detail{font-size:7px;margin-top:14px}.capabilities{padding-block:42px}.capability-intro{display:block;margin-top:28px}.capability-intro>p{max-width:100%;margin-top:22px;font-size:12px}.capability-grid{grid-template-columns:1fr;margin-top:30px}.capability-grid button{position:relative;padding:25px 0!important}.capability-grid button+button{border-left:0;border-top:1px solid var(--line)}.cap-icon{position:absolute;right:5px;top:27px;font-size:24px}.capability-grid h3{font-size:24px;margin-top:0}.capability-grid p{font-size:12px;margin-top:10px}.cap-bottom{margin-top:22px;font-size:8px}.agency-note{flex-wrap:wrap;gap:18px;margin-top:28px}.agency-note>.mono{width:100%}.agency-note p{font-size:21px}.agency-note>span:last-child{font-size:30px}.intake-section{padding-block:40px}.intake-heading{display:block;margin:30px 0}.intake-heading h2{font-size:60px}.intake-heading p{margin-top:22px;font-size:12px}.start-options{grid-template-columns:1fr}.start-options button{padding:22px 0!important;min-height:132px}.start-options button+button{border-left:0;border-top:1px solid var(--light-line)}.start-options strong{font-size:24px;margin-top:15px}.start-arrow{top:24px;right:5px}.orientation-link{font-size:11px}.footer{flex-wrap:wrap;padding-block:28px;gap:19px}.footer .brand{font-size:25px}.footer .prototype-label{width:100%;padding-top:10px;border-top:1px solid var(--line);font-size:7px}.footer .mono{font-size:7px}.dialog-top{padding:10px 16px;font-size:7px}#project-form{padding:23px 22px 18px}dialog h2{font-size:39px}.audience-options{gap:6px}.audience-options span{font-size:10px;padding:10px 4px}.solid-button{padding:13px 14px;gap:14px;font-size:11px}.dialog-intro{font-size:11px;margin-bottom:22px}.dialog-actions{gap:10px}.preview-notice{font-size:10px}}
.brand img{display:block;width:142px;height:auto;max-height:74px;object-fit:contain}
.footer .brand img{width:125px;max-height:65px}
.project-live-link{display:inline-flex;align-items:center;gap:24px;margin-top:17px;padding:6px 0;border-bottom:1px solid #b8b0a4;font-size:12px}
.project-live-link span{font-size:18px;color:var(--carmine)}
@media(max-width:700px){.brand img{width:116px;max-height:59px}.footer .brand img{width:116px;max-height:59px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
