@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
@import url('refinement.css');
:root{--ink:#191a1d;--paper:#f6f7f9;--accent:#9fc9ff;--muted:#a5aaa2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 'DM Sans',sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #3265c3;outline-offset:6px}header{height:92px;position:absolute;z-index:10;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 5%;color:white;border-bottom:1px solid #ffffff20}.wordmark{font:800 25px/1 'Manrope',sans-serif;display:flex;gap:6px;align-items:baseline}.wordmark span{font-weight:400;font-size:22px}nav{display:flex;align-items:center;gap:38px;font-size:14px}.contact-link{border-bottom:1px solid #8b8e87;padding:8px 0}.contact-link span{margin-left:22px;color:var(--accent)}.intro{height:290svh;background:#17181b;color:white}.stage{height:100svh;min-height:620px;position:sticky;top:0;overflow:hidden;background:#17181b}.intro-copy{position:absolute;top:125px;left:5%;z-index:3;pointer-events:none}.eyebrow{font-size:12px;font-weight:600;letter-spacing:0;margin:0 0 25px}.intro-copy .eyebrow{color:#b4b8b0}.intro h1{font:500 20px/1.3 'Manrope',sans-serif;margin:0 0 12px;color:var(--accent)}.hero-line{font:500 52px/1.08 'Manrope',sans-serif;margin:0}.scene{--scene-shift:2.5vw;position:absolute;width:max(calc(100vw + var(--scene-shift)*2),calc(max(100svh,620px)*1.5));aspect-ratio:3/2;left:50%;top:0;transform:translate(calc(-50% + var(--scene-shift)),0);transform-origin:50% 38.3%;will-change:transform}.computer{width:100%;height:100%;object-fit:contain;display:block}.monitor-screen{position:absolute;left:32.49%;top:20.21%;width:35.09%;height:36.24%;padding:5%;padding:18px;background:#0a0d13;overflow:hidden;border-radius:14px;box-shadow:inset 0 0 22px #000;color:#b9d9ff}pre{font:12px/1.7 monospace;margin:0;white-space:pre-wrap;word-break:break-word}.cursor{display:inline-block;width:8px;height:14px;background:#9fc9ff;animation:blink 1s steps(1) infinite}.monitor-screen:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,#00000015 0px,#00000015 1px,transparent 1px,transparent 3px);pointer-events:none}.screen-preview{position:absolute;inset:0;background:var(--paper);color:var(--ink);opacity:0;transform:translateY(15px);padding:16px}.mini-nav{display:flex;justify-content:space-between;font-size:9px;border-bottom:1px solid #bbb;padding-bottom:9px}.mini-nav span{font-size:7px}.mini-body>p{font-size:7px;margin:15px 0 5px}.mini-body h2{font:600 27px/1.05 'Manrope',sans-serif;margin:0 0 12px}.mini-tiles{display:grid;grid-template-columns:1fr 1fr;gap:6px;font-size:8px}.mini-tiles>div{padding:10px;background:var(--accent)}.mini-tiles>div+div{background:#e1e5ef}.mini-tiles b{font-weight:400;font-size:7px}.mini-button{display:inline-block;margin-top:10px;font-size:8px;background:#191a1d;color:white;padding:5px 9px}.stage:after{content:'';position:absolute;left:0;right:0;bottom:0;height:170px;background:linear-gradient(transparent,#17181bd9);pointer-events:none;z-index:3;opacity:var(--bottom-fade,1)}.progress{z-index:5}.stage-bottom{position:absolute;bottom:32px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:flex-end;font-size:12px;color:#b2b5ad;z-index:4}.stage-bottom p{margin:0}.skip{color:white;display:flex;gap:36px;align-items:center}.skip span{font-size:22px}.stage-count{min-width:140px;text-align:right}.progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff12}.progress span{display:block;height:100%;background:var(--accent);width:0}.band{padding:110px 7%}.studio{background:var(--accent);position:relative}.studio h2{font:500 76px/1.1 'Manrope',sans-serif;margin:0}.studio h2 span{color:#345c9e}.studio-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-top:45px}.studio-bottom p{font-size:21px;max-width:530px;margin:0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:44px;padding:17px 24px;border:0;border-radius:2px;font-weight:500;font-size:15px;white-space:nowrap}.button span{font-size:22px}.dark{background:var(--ink);color:white}.light{background:var(--accent);color:var(--ink)}.button:hover{box-shadow:0 5px 0 #0003;transform:translateY(-2px)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:48px}.section-head h2{font:500 44px/1.15 'Manrope',sans-serif;margin:0}.section-head>p{font-size:14px;color:#62675f;margin:0}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 28px}.project-art{height:440px;position:relative;overflow:hidden;background:#ddd}.project-art img{height:100%;width:100%;object-fit:cover;display:block;transition:transform .7s}.project:hover img{transform:scale(1.025)}.project-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:15px}.project-caption h3{font-size:19px;font-weight:500;margin:0}.project-caption p{font-size:12px;color:#62675f;margin:0}.project-tag{position:absolute;bottom:20px;left:22px;background:#ffffffdf;padding:5px 9px;font-size:10px;color:#191a1d}.campaign:after,.architecture:after{content:'';position:absolute;inset:0;background:linear-gradient(#0005,transparent 60%);pointer-events:none}.campaign-copy,.architecture-copy,.running-copy{position:absolute;left:28px;top:24px;color:white;z-index:1}.campaign-copy span,.architecture-copy span,.running-copy>span{font-size:11px}.campaign-copy h3{font:500 48px/1.02 Georgia,serif;margin:35px 0}.architecture-copy h3{font:400 39px/1.12 'Manrope',sans-serif;margin:35px 0 12px}.wide{grid-column:1/-1}.running{height:420px;background:#dc302e}.running img{width:64%;margin-left:auto;object-position:50% 55%}.running-copy{top:38px;left:38px}.running-copy h3{font:600 60px/1.1 'Manrope',sans-serif;margin:24px 0}.mock-button{display:inline-block;border-bottom:1px solid #fff;padding:8px 0}.services{background:#edf0f4}.service-list article{border-top:1px solid #c5cad3;display:grid;grid-template-columns:40px 1fr 1.2fr;gap:25px;padding:32px 0;align-items:start}.service-no{font-size:12px;padding-top:8px;color:#737b6c}.service-list h3{font:500 29px/1.2 'Manrope',sans-serif;margin:0}.service-list p{font-size:16px;max-width:480px;margin:0;color:#62675f}.service-label{grid-column:3;font-size:10px;margin-top:-10px;color:#62675f}.contact{background:#191a1d;color:white;position:relative}.contact .eyebrow{color:#b4b9ad}.contact h2{font:500 72px/1.12 'Manrope',sans-serif;margin:0}.contact h2 span{color:var(--accent)}footer{padding:38px 5%;display:flex;gap:25px;align-items:center;justify-content:space-between;font-size:12px}footer p{color:#61675c}footer .wordmark{font-size:20px}footer .wordmark span{font-size:18px}@keyframes blink{50%{opacity:0}}@media(min-width:1600px){.intro-copy{top:145px}.hero-line{font-size:60px}}@media(max-width:1400px){.hero-line{font-size:48px}}@media(max-width:850px){nav{gap:22px}.hero-line{font-size:44px}.scene{--scene-shift:0px;width:980px;max-width:none;top:0}.intro-copy{top:120px}.band{padding:75px 6%}.studio h2{font-size:54px}.studio-bottom p{font-size:18px}.section-head h2{font-size:35px}.project-art{height:350px}.project-caption{display:block}.project-caption p{margin-top:3px}.campaign-copy h3{font-size:40px}.contact h2{font-size:54px}footer{flex-wrap:wrap}.service-list article{grid-template-columns:30px .8fr 1.2fr;gap:15px}}@media(max-width:560px){header{height:78px;padding:0 6%}.wordmark{font-size:22px}.wordmark span{font-size:19px}nav>a:not(.contact-link){display:none}.contact-link{font-size:13px}.contact-link span{margin-left:10px}.intro{height:240svh}.stage{min-height:680px}.intro-copy{top:108px;left:6%}.eyebrow{font-size:10px;margin-bottom:20px}.intro h1{font-size:18px}.hero-line{font-size:42px}.scene{width:800px;top:49%;transform:translate(-50%,-25%)}.monitor-screen{padding:12px}pre{font-size:9px}.mini-body h2{font-size:21px}.mini-body>p{margin:8px 0 5px}.mini-tiles>div{padding:6px}.mini-button{margin-top:6px}.screen-preview{padding:11px}.stage-bottom{left:6%;right:6%;bottom:27px;font-size:10px}.stage-count{display:none}.skip{gap:15px}.studio h2{font-size:39px}.studio-bottom{display:block;margin-top:30px}.studio-bottom .button{margin-top:28px}.section-head{display:block;margin-bottom:30px}.section-head>p{margin-top:20px}.section-head h2{font-size:33px}.work-grid{grid-template-columns:1fr;gap:30px}.wide{grid-column:auto}.project-art{height:400px}.running{height:420px}.running img{width:100%;opacity:.72}.running-copy{left:25px;top:25px}.running-copy h3{font-size:47px}.service-list article{grid-template-columns:25px 1fr;padding:26px 0;gap:12px}.service-list h3{font-size:26px}.service-list p,.service-label{grid-column:2}.service-label{margin-top:2px}.contact h2{font-size:40px}footer{padding:30px 6%;gap:18px}footer p{width:100%;order:3;margin:0}footer>span{font-size:10px}footer>a:last-child{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.intro{height:100svh}.cursor{animation:none}.scene,.project-art img,.button{transition:none!important}.progress{display:none}}