:root{--paper:#f0f0f0;--ink:#252525;--muted:#666;--accent:#f28baa;--line:#d6d6d6}body{background:var(--paper)}header{position:fixed;top:0;left:0;width:100%;height:128px;border:0;padding:0 48px;z-index:30;pointer-events:none}header>*{pointer-events:auto}header .brand{font-size:29px;letter-spacing:-2px}header .brand small{font-size:7px;letter-spacing:1.5px}header nav{margin-left:auto;margin-right:24px}header nav a{font:12px monospace;border:1px solid #333;padding:8px 15px;border-radius:5px}header .button{font-size:11px;padding:10px 16px;gap:13px}header .button span{font-size:13px;color:#fff}.hero{margin:24px;min-height:0;display:block;text-align:center;padding:155px 30px 75px;border:0;background-color:#dedede;background-image:radial-gradient(#b7b7b7 .8px,transparent 1px);background-size:5px 5px;overflow:hidden;border-radius:18px}.hero:after{display:none}.hero-top{justify-content:center}.hero-top .award-badge{font:12px monospace;border:0;letter-spacing:.7px}.hero-top i{background:#ed829e;width:3px;height:3px;vertical-align:middle;margin:0 10px}.hero h1{font-size:clamp(65px,8.8vw,145px);max-width:900px;line-height:.86;font-weight:450;letter-spacing:-.075em;margin:45px auto 65px}.hero h1 .word-line{padding:5px 0}.hero-bottom{display:flex;flex-direction:column;align-items:center;gap:30px;padding:0}.hero-bottom p{font-size:20px;line-height:1.3;max-width:470px;margin:auto}.hero-bottom .circle-link{font-size:9px;gap:12px}.circle-link b{width:35px;height:35px;background:#fafafa;font-size:19px;border:0}.hero-rule{border:0;display:flex;flex-direction:column;gap:20px;margin-top:55px;font:10px monospace;letter-spacing:1px}.client-names{display:flex;justify-content:center;align-items:center;gap:32px;font:700 23px Arial;letter-spacing:-1px;color:#333}.halftone{position:absolute!important;inset:0;width:100%;height:100%;z-index:0!important;pointer-events:none}.hero>*:not(canvas){position:relative;z-index:1}.dot{color:inherit}.stack-services{position:relative;padding:160px 0 100px}.stack-intro{position:sticky;top:180px;text-align:center;max-width:650px;margin:auto auto 100px}.stack-intro h2{font-size:clamp(45px,5.5vw,80px);line-height:.94;letter-spacing:-.065em;font-weight:450;margin:0 0 30px}.stack-intro p{font-size:18px;line-height:1.35}.service-stack{padding:0 20px;position:relative}.stack-card{position:sticky;top:145px;width:420px;min-height:520px;border-radius:25px;background:#fafafa;margin:0 auto 130px;padding:24px 24px 30px;box-shadow:0 12px 60px #22222208;transform-origin:center top}.stack-card:nth-child(2){top:160px}.stack-card:nth-child(3){top:175px}.stack-card:last-child{margin-bottom:0}.stack-card h3{font-size:30px;font-weight:450;letter-spacing:-1px;margin:35px 12px 12px}.stack-card p{font-size:17px;line-height:1.3;letter-spacing:-.4px;margin:0 12px 30px}.stack-card>span{font:9px monospace;margin:0 12px;color:#777}.card-art{height:280px;background-color:#ddd;background-image:radial-gradient(#aaa 1px,transparent 1px);background-size:5px 5px;overflow:hidden;position:relative}.art-steps i{position:absolute;width:100px;height:100px;background:#f8b0c6;top:25px;left:20px;transform:translate(calc(var(--i)*42px),calc(var(--i)*30px));animation:step-pulse 5s ease-in-out infinite alternate}.art-steps i:nth-child(1){--i:0}.art-steps i:nth-child(2){--i:1;background:#ffc9da}.art-steps i:nth-child(3){--i:2}.art-steps i:nth-child(4){--i:3;background:#ffc9da}.art-steps i:nth-child(5){--i:4}.art-steps i:nth-child(6){--i:5;background:#ffc9da}.art-circles{display:flex;align-items:center;justify-content:center}.art-circles i{width:150px;height:150px;border-radius:50%;border:25px solid #f6a4bf;margin:-35px;mix-blend-mode:multiply;animation:circle-pulse 5s ease-in-out infinite alternate}.art-circles i:nth-child(2){animation-delay:-2s}.art-grid{background-image:linear-gradient(45deg,transparent 42%,#f49cba 43% 57%,transparent 58%),radial-gradient(#aaa 1px,transparent 1px);background-size:60px 60px,5px 5px;animation:grid-move 18s linear infinite}.projects{padding:120px 6%}.section-heading{display:block;text-align:center}.section-heading .eyebrow{display:block;margin-bottom:28px}.section-heading h2{font-size:clamp(45px,5.8vw,85px);line-height:.95;max-width:700px;margin:0 auto 30px}.section-heading>p{margin:0 auto;max-width:450px;font-size:17px;line-height:1.4}.project-grid{gap:70px 5%;margin-top:80px}.project.offset{margin-top:140px}.project .photo{border-radius:15px}.photo .open{background:#fff;color:#252525;width:38px;height:38px;font-size:22px}.project h3{font-size:23px}.awards{background:#e1e1e1;color:#252525;border-radius:20px;margin:24px;padding:90px 7%}.awards em,.award-details article>span{color:#b34d6d}.award-intro .award-note,.award-details p{color:#555}.award-orbit{border-color:#aaa}.award-orbit b{color:#e97b9e}.award-details article,.awards .text-link{border-color:#aaa}.approach{background:none;border:0;padding:150px 10%;gap:12%}.approach .section-heading{text-align:left}.approach .section-heading h2{font-size:65px;margin-top:40px}.approach-copy{padding-top:40px}.portrait{padding:110px 12%;border:0;align-items:center}.portrait img{max-height:550px;object-position:center 28%;border-radius:18px}.promotion{background:transparent;padding:100px 0;border:0}.promo-item img{border-radius:15px;background:#e5e5e5}.process{background:transparent;border:0}.contact{background-color:#ddd;margin:24px;border-radius:20px;text-align:center;padding:100px 5% 70px}.contact h2{font-size:clamp(70px,10vw,150px);line-height:.92;margin:60px auto}.contact .dot{color:inherit}.contact-bottom{border:0;align-items:center;justify-content:center;gap:50px}.project-brief{padding:130px 6%;text-align:center}.project-brief h2,.faq h2{font-weight:450;letter-spacing:-.065em;font-size:clamp(50px,6vw,90px);line-height:.95;margin:0 0 30px}.project-brief>p{font-size:18px}.project-brief form{background:#fafafa;border-radius:24px;text-align:left;max-width:600px;margin:50px auto 0;padding:45px}.project-brief label{display:block;font:11px monospace;margin-bottom:30px}.project-brief select{display:block;width:100%;margin-top:12px;border:1px solid #ccc;border-radius:5px;background:transparent;padding:15px;font:17px Arial;color:#252525}.project-brief small{display:block;font-size:11px;margin-top:18px;color:#666}.faq{max-width:850px;margin:auto;padding:90px 25px 130px}.faq h2{text-align:center;font-size:60px;margin-bottom:70px}.faq summary{font-size:20px}.faq details p{margin-left:0;font-size:15px}footer{padding:30px 5% 50px}.scroll-meter{background:#ec8caa}@keyframes step-pulse{to{filter:brightness(1.08);translate:0 10px}}@keyframes circle-pulse{to{transform:translateY(-12px) scale(.85)}}@keyframes grid-move{to{background-position:120px 120px,0 0}}@media(max-width:800px){header{height:85px;padding:0 24px}header .brand{font-size:25px}header nav{display:none}header .button{font-size:9px;padding:10px}.hero{margin:12px;padding:150px 20px 60px}.hero h1{font-size:clamp(52px,10.2vw,80px);margin:40px auto 55px;line-height:.92}.hero-top .award-badge{font-size:9px}.hero-bottom p{font-size:17px}.hero-top{align-items:center}.hero-top .award-badge{align-self:center}.client-names{gap:15px;font-size:16px;flex-wrap:wrap}.hero-rule{font-size:8px}.stack-services{padding-top:100px}.stack-intro{top:130px;padding:0 24px}.stack-intro h2{font-size:45px}.stack-intro p{font-size:16px}.stack-card{width:min(100%,370px);top:100px;min-height:480px}.stack-card:nth-child(2){top:110px}.stack-card:nth-child(3){top:120px}.card-art{height:230px}.projects{padding:90px 6%}.project.offset{margin-top:0}.section-heading h2{font-size:47px}.project-grid{margin-top:50px}.awards{margin:12px;padding:65px 7%}.approach{padding:90px 7%;gap:30px}.approach .section-heading h2{font-size:48px}.portrait{padding:80px 7%}.portrait img{max-height:470px}.contact{margin:12px;padding:65px 6%}.contact h2{font-size:17vw}.contact-bottom{flex-direction:column;gap:25px}.project-brief{padding:90px 6%}.project-brief form{padding:30px 22px}.faq h2{font-size:45px}.faq summary{font-size:17px}.faq{padding-bottom:80px}}@media(prefers-reduced-motion:reduce){.card-art,.card-art i{animation:none!important}}

.promo-art{height:340px;background:#eee;animation:none}.promo-art img{height:100%;width:100%;object-fit:contain;display:block}.stack-card{min-height:580px}.see-yourself{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;margin:24px}.see-panel,.statement-panel{border-radius:25px;min-height:700px;position:relative;overflow:hidden}.see-panel{background:#fafafa;padding:45px}.see-panel h2{font-size:clamp(65px,7vw,105px);line-height:.86;letter-spacing:-.075em;font-weight:450;margin:0;position:relative;z-index:3;pointer-events:none}.see-panel>p{position:absolute;bottom:65px;font-size:24px;line-height:1.1;letter-spacing:-1px}.see-link{position:absolute;bottom:35px;right:35px;font:10px monospace}.floating-projects{position:absolute;inset:0}.floating-project{position:absolute;background:none;border:0;padding:0;border-radius:12px;width:110px;height:130px;cursor:pointer;animation:project-float 8s ease-in-out infinite alternate;box-shadow:0 15px 35px #0002;transition:width .4s,height .4s;overflow:hidden}.floating-project img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter .6s}.floating-project:hover{z-index:5;width:165px;height:195px;animation-play-state:paused}.floating-project:hover img,.floating-project:focus-visible img{filter:none}.floating-0{left:18%;top:18%;animation-delay:-2s}.floating-1{left:57%;top:12%;width:85px;height:105px;animation-delay:-4s}.floating-2{left:76%;top:39%;width:95px;height:120px;animation-delay:-1s}.floating-3{left:36%;top:43%;width:140px;height:160px;animation-delay:-6s}.floating-4{left:11%;top:59%;width:90px;height:100px;animation-delay:-3s}.floating-5{left:64%;top:68%;width:115px;height:100px;animation-delay:-5s}.statement-panel{background-color:#292929;background-image:radial-gradient(#111 1px,transparent 1px);background-size:5px 5px;color:#f0f0f0;padding:65px 12%}.statement-panel>.eyebrow{font-size:8px;opacity:.65}.statement-panel>p{font-size:clamp(40px,4.7vw,75px);line-height:.9;letter-spacing:-.06em;margin:40px 0}.statement-sign{font-size:11px}.see-yourself+section.projects{padding-top:100px}@keyframes project-float{from{transform:translate(-12px,-20px) rotate(-5deg)}to{transform:translate(20px,25px) rotate(7deg)}}@media(max-width:800px){.see-yourself{grid-template-columns:1fr;margin:12px;gap:12px}.see-panel,.statement-panel{min-height:580px;border-radius:20px}.see-panel{padding:30px}.see-panel h2{font-size:70px}.statement-panel{padding:55px 12%}.statement-panel>p{font-size:60px}.floating-project{width:75px;height:95px}.floating-3{width:105px;height:125px}.floating-5{width:85px;height:80px}.floating-2{left:72%}.floating-project:hover{width:110px;height:135px}.promo-art{height:300px}.stack-card{min-height:550px}}@media(hover:none){.floating-project img{filter:none}}@media(prefers-reduced-motion:reduce){.floating-project{animation:none}}