@font-face{font-family:Manrope;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2)format("woff2");font-style:normal;font-weight:200 800;font-display:swap}@font-face{font-family:Manrope;src:url(/assets/manrope-latin-ext-wght-normal-Ch3YOpNY.woff2)format("woff2");font-style:normal;font-weight:200 800;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{color:#252621;font-synthesis:none;--paper:#f4f4f0;--ink:#252621;--blue:#215af4;--muted:#797a72;--line:#d8d9d1;--gutter:clamp(24px, 4.5vw, 80px);background:#f4f4f0;font-family:Manrope,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{max-width:100%;display:block}svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:24px;height:24px}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:5px}::selection{color:#fff;background:#215af4}[hidden]{display:none!important}.skip-link{background:var(--paper);z-index:90;padding:14px;position:fixed;top:-100px;left:24px}.skip-link:focus{top:10px}.site-header{z-index:30;background:var(--paper);height:101px;position:relative}.nav-shell{height:100%;margin:0 var(--gutter);border-bottom:1px solid var(--line);align-items:center;gap:35px;display:flex}.brand{flex:none;width:157px}.brand img{mix-blend-mode:multiply;width:100%;height:auto}.nav-studio{color:#74766f;margin-left:18px;font-size:10px;line-height:1.6}.desktop-nav{gap:30px;margin-left:auto;font-size:12px;font-weight:550;display:flex}.desktop-nav a{padding:15px 0;position:relative}.desktop-nav a:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .3s;position:absolute;bottom:9px;left:0;right:0;transform:scaleX(0)}.desktop-nav a:hover:after{transform:scaleX(1)}.nav-actions{align-items:center;gap:12px;margin-left:38px;display:flex}.nav-contact{align-items:center;gap:28px;font-size:11px;font-weight:600;display:flex}.nav-contact svg{background:var(--blue);color:#fff;width:47px;height:47px;padding:12px;transition:transform .25s}.nav-contact:hover svg{transform:rotate(45deg)}.menu-toggle{background:0 0;border:0;width:44px;height:44px;padding:10px;display:none}.menu-toggle span{background:var(--ink);height:1.5px;margin:6px 0;transition:transform .25s;display:block}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.75px)rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.75px)rotate(-45deg)}.hero-story{height:180svh;min-height:1330px;position:relative}.hero-stage{flex-direction:column;height:calc(100svh - 1px);min-height:740px;display:flex;position:sticky;top:0;overflow:clip}.hero-grid{margin:0 var(--gutter);flex:1;position:relative}.hero-copy{z-index:3;pointer-events:none;width:51%;padding-top:clamp(50px,7.5vh,90px);position:relative}.hero-copy a{pointer-events:auto}.eyebrow{text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:11px;margin:0;font-size:9px;font-weight:650;line-height:1.5;display:flex}.eyebrow>span{background:var(--blue);flex:none;width:5px;height:5px;display:block}.hero-copy h1{letter-spacing:-.065em;margin:29px 0 0;font-size:clamp(75px,7.65vw,122px);font-weight:550;line-height:1.035}.hero-copy h1>span{white-space:nowrap;display:block}.blue-word{color:var(--blue)}.headline-period{color:var(--ink)}.hero-bottom-copy{margin-top:34px}.hero-description{color:#6f7268;letter-spacing:-.008em;margin:0 0 24px;font-size:14px;line-height:1.85}.hero-cta{align-items:center;gap:26px;font-size:12px;font-weight:650;display:inline-flex}.hero-cta>span:first-child{border-bottom:1px solid #989a8f;padding:10px 0}.cta-arrow{border:1px solid #bfc1b5;border-radius:50%;place-items:center;width:45px;height:45px;transition:background .25s,color .25s,transform .25s;display:grid}.hero-cta:hover .cta-arrow{background:var(--blue);border-color:var(--blue);color:#fff;transform:rotate(45deg)}.cta-arrow svg{width:17px;height:17px}.stage-art{z-index:2;left:43%;right:calc(-1 * var(--gutter));position:absolute;top:0;bottom:0}.device-render{z-index:2;pointer-events:none;height:88%;position:absolute;top:4%;left:-9%;right:-2%}.device-render canvas{opacity:0;width:100%;height:100%;transition:opacity .45s;display:block}.device-render.is-ready canvas{opacity:1}.device-render.is-ready .device-fallback{opacity:0}.device-fallback{width:78%;transition:opacity .45s;position:absolute;top:25%;left:12%;transform:perspective(1000px)rotateY(-18deg)rotate(-7deg)}.fallback-screen{background:#121313;border:2px solid #777b7b;border-radius:11px;padding:9px 7px 14px;overflow:hidden}.fallback-screen img{aspect-ratio:1.55;object-fit:cover;width:100%}.fallback-base{background:linear-gradient(#c6c8c7,#999c9a);border-radius:0 0 50% 50%;height:12px;margin:0 -6%;box-shadow:0 24px 27px #1a1e2520}.art-coordinate{right:var(--gutter);letter-spacing:.11em;writing-mode:vertical-rl;color:#999b92;z-index:4;font-size:8px;position:absolute;top:45px}.art-shadow{filter:blur(14px);opacity:.45;z-index:1;background:radial-gradient(#333b4840,#0000 65%);width:70%;height:9%;position:absolute;bottom:14%;left:15%}.art-signature{right:calc(var(--gutter) + 24px);color:#868a7d;text-align:right;z-index:5;font-size:10px;line-height:1.6;position:absolute;bottom:95px}.stage-footer{margin:0 var(--gutter);border-top:1px solid var(--line);z-index:5;flex:none;justify-content:space-between;align-items:center;gap:20px;height:86px;display:flex}.scroll-cue{color:#767a6c;align-items:center;gap:20px;font-size:9px;line-height:1.6;display:flex}.scroll-cue strong{color:var(--ink);font-weight:500}.scroll-line{background:#bfc3b4;width:1px;height:28px;position:relative;overflow:hidden}.scroll-line:after{content:"";background:var(--blue);width:1px;height:100%;animation:2.6s ease-in-out infinite scrollline;position:absolute;top:-100%;left:0}@keyframes scrollline{to{top:100%}}.stage-specialties{letter-spacing:.035em;font-size:10px}.stage-specialties>span{color:#a9ae9f;margin:0 15px}.stage-index{letter-spacing:.06em;color:#7b8073;gap:23px;font-size:8px;display:flex}.stage-index>span{color:#a0a495}.scroll-copy{opacity:0;visibility:hidden;z-index:4;pointer-events:none;position:absolute;top:32%;left:0}.scroll-copy>span{color:#7b8073;font-size:11px}.scroll-copy strong{letter-spacing:-.065em;margin-top:17px;font-size:clamp(40px,4vw,66px);font-weight:500;line-height:1.14;display:block}.project-selection{padding:105px var(--gutter) 70px;z-index:4;background:#fff;position:relative}.project-heading{justify-content:space-between;align-items:flex-start;gap:30px;display:flex}.project-heading .eyebrow{margin-top:12px}.project-heading h2{letter-spacing:-.055em;width:57%;margin:0;font-size:clamp(26px,3vw,46px);font-weight:500;line-height:1.28}.project-layout{grid-template-columns:31% 1fr;gap:12%;margin-top:62px;display:grid}.project-controls{border-top:1px solid var(--line);flex-direction:column;align-self:start;display:flex}.project-button{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;align-items:center;gap:24px;min-height:93px;padding:26px 0;display:flex;position:relative}.project-number{color:#9ba092;font-size:10px}.project-button>span:nth-child(2){flex-direction:column;flex:1;gap:6px;display:flex}.project-button strong{letter-spacing:-.045em;font-size:20px;font-weight:500}.project-button>span:nth-child(2)>span{color:#979a91;font-size:10px}.project-arrow{opacity:0;font-size:26px;transition:opacity .3s,transform .3s;transform:translate(-5px,5px)}.project-button.is-active .project-arrow,.project-button:hover .project-arrow{opacity:1;transform:none}.project-button.is-active{color:var(--blue)}.project-button.is-active:after{content:"";background:var(--blue);height:1px;position:absolute;bottom:-1px;left:0;right:0}.project-preview{min-width:0;margin:0}.project-browser{color:#8a8e84;background:#f1f2ee;border:1px solid #e7e9e2;border-bottom:0;border-radius:7px 7px 0 0;justify-content:space-between;align-items:center;height:33px;padding:0 12px;font-size:8px;display:flex}.project-browser>span:first-child{gap:4px;display:flex}.project-browser i{background:#bfc5b6;border-radius:50%;width:4px;height:4px;display:block}.project-browser svg{width:11px;height:11px}.project-preview>a{aspect-ratio:1.55;background:#202320;display:block;overflow:hidden}.project-preview img{object-fit:cover;object-position:top;width:100%;height:100%;transition:opacity .18s}.project-preview figcaption{color:#868c7d;justify-content:space-between;padding:15px 0;font-size:9px;display:flex}.project-preview figcaption>span:first-child{color:#40483a}.all-projects{border-bottom:1px solid #b3b8ab;align-items:center;gap:40px;width:max-content;margin-top:40px;padding:12px 0;font-size:11px;display:flex}.all-projects>span{font-size:22px}.site-footer{padding:30px var(--gutter);background:#fff;border-top:1px solid #e3e7dc;justify-content:space-between;align-items:center;gap:25px;display:flex}.footer-person{align-items:center;gap:13px;display:flex}.footer-person img{object-fit:cover;filter:grayscale();border-radius:50%;width:39px;height:39px}.footer-person>span:nth-child(2){color:#969b8e;flex-direction:column;gap:5px;font-size:10px;display:flex}.footer-person strong{color:#555f4a;font-size:11px;font-weight:550}.footer-person>span:last-child{margin-left:17px;font-size:20px}.footer-email{gap:25px;font-size:11px;display:flex}.footer-email>span{font-size:18px}@media (width>=1650px){.hero-grid,.stage-footer,.nav-shell{max-width:1550px;width:calc(100% - var(--gutter) * 2);margin-left:auto;margin-right:auto}.hero-copy h1{font-size:128px}.project-selection,.site-footer{padding-left:max(var(--gutter), calc((100% - 1550px) / 2));padding-right:max(var(--gutter), calc((100% - 1550px) / 2))}}@media (width<=1100px){.nav-studio{display:none}.nav-actions{margin-left:16px}.hero-copy h1{font-size:8vw}.hero-copy{padding-top:65px}.hero-stage{min-height:700px}.hero-description{max-width:285px}.desktop-break{display:none}.stage-art{left:42%}.art-signature{right:var(--gutter)}.stage-index{display:none}.stage-footer{height:90px}.project-layout{grid-template-columns:36% 1fr;gap:7%}.project-button{gap:15px}.project-button strong{font-size:18px}.project-heading h2{width:57%}.project-heading .eyebrow{font-size:8px}}@media (width<=760px){:root{--gutter:24px}.site-header{height:80px}.nav-shell{gap:12px}.brand{width:128px}.desktop-nav{display:none}.nav-actions{gap:18px;margin-left:auto}.nav-contact{gap:13px;font-size:10px}.nav-contact svg{width:35px;height:35px;padding:9px}.menu-toggle{width:32px;padding:6px 3px;display:block}.mobile-menu{background:var(--paper);padding:30px var(--gutter) 34px;border-bottom:1px solid var(--line);position:absolute;top:100%;left:0;right:0;box-shadow:0 40px 50px #242b3414}.mobile-menu>a{border-bottom:1px solid var(--line);letter-spacing:-.055em;align-items:center;gap:17px;padding:21px 0;font-size:33px;display:flex}.mobile-menu>a>span:first-child{color:#9c9f95;letter-spacing:0;font-size:9px}.mobile-menu>a>span:last-child{margin-left:auto;font-size:28px}.menu-contact{flex-direction:column;gap:14px;padding-top:32px;font-size:13px;display:flex}.menu-contact>span{color:#898e80;margin-bottom:5px;font-size:10px}.hero-story{height:185svh;min-height:1390px}.hero-stage{height:100svh;min-height:745px}.hero-grid{margin:0}.hero-copy{padding:36px var(--gutter) 0;z-index:4;width:100%}.eyebrow{letter-spacing:.1em;gap:8px;font-size:8px}.hero-copy h1{letter-spacing:-.065em;margin-top:22px;font-size:clamp(51px,14.2vw,76px);line-height:1.01}.hero-bottom-copy{width:90%;max-width:345px;margin-top:22px}.hero-description{max-width:325px;margin-bottom:15px;font-size:13px;line-height:1.7}.hero-cta{gap:17px;font-size:10px}.hero-cta>span:first-child{padding:8px 0}.cta-arrow{width:34px;height:34px}.cta-arrow svg{width:14px;height:14px}.stage-art{z-index:2;inset:370px 0 0}.device-render{height:100%;min-height:330px;top:0;left:-2%;right:-2%}.device-fallback{width:78%;top:16%;left:12%}.art-coordinate{display:none}.art-signature{font-size:8px;line-height:1.5;bottom:6px;right:25px}.art-shadow{width:80%;height:10%;bottom:12%;left:10%}.stage-footer{margin:0 var(--gutter);align-items:center;gap:14px;height:72px}.scroll-cue{gap:12px;font-size:8px}.scroll-line{height:24px}.scroll-cue strong{font-size:8px}.stage-specialties{letter-spacing:0;font-size:7px}.stage-specialties>span{margin:0 5px}.scroll-copy{top:11%;left:var(--gutter)}.scroll-copy strong{margin-top:14px;font-size:42px;line-height:1.08}.scroll-copy>span{font-size:9px}.project-selection{padding:61px var(--gutter) 44px}.project-heading{display:block}.project-heading h2{letter-spacing:-.052em;width:100%;margin-top:24px;font-size:27px;line-height:1.26}.project-heading .eyebrow{margin:0}.project-layout{flex-direction:column;gap:27px;margin-top:31px;display:flex}.project-controls{border-top:0;flex-direction:row;gap:10px;width:100%}.project-button{flex:1;align-items:flex-start;gap:7px;min-height:71px;padding:15px 0}.project-button strong{letter-spacing:-.035em;font-size:11px}.project-button>span:nth-child(2)>span{font-size:8px;line-height:1.4}.project-number{padding-top:2px;font-size:7px}.project-arrow{display:none}.project-preview{width:100%}.project-browser{height:25px;padding:0 8px;font-size:7px}.project-preview figcaption{padding:13px 0;font-size:8px}.all-projects{gap:27px;margin-top:20px;font-size:10px}.all-projects>span{font-size:18px}.site-footer{flex-direction:column;align-items:flex-start;gap:28px;padding-top:26px;padding-bottom:26px}.footer-email{margin-left:52px;font-size:10px}.footer-person strong{font-size:10px}.footer-person>span:nth-child(2){font-size:9px}}@media (width<=380px){:root{--gutter:20px}.brand{width:111px}.nav-actions{gap:11px}.nav-contact{gap:10px;font-size:9px}.hero-copy{padding-top:32px}.hero-copy h1{font-size:14.1vw}.hero-bottom-copy{width:88%}.stage-art{top:365px}.hero-stage{min-height:715px}.stage-specialties{display:none}.art-signature{bottom:5px}.project-heading h2{font-size:25px}}@media (width>=761px) and (height<=780px){.hero-stage{min-height:650px}.hero-copy{padding-top:42px}.hero-copy h1{margin-top:22px;font-size:clamp(70px,6.6vw,98px)}.hero-bottom-copy{margin-top:24px}.hero-description{margin-bottom:15px}.stage-footer{height:70px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.hero-story{height:auto;min-height:0}.hero-stage{position:relative}.scroll-copy{display:none}.scroll-line:after{top:0}.device-fallback{transform:perspective(1000px)rotateY(-12deg)rotate(-3deg)}}.device-fallback{width:100%;height:100%;display:block;inset:0;transform:none}.device-fallback img{object-fit:contain;width:100%;height:100%}.static-presentation .hero-story{height:auto;min-height:0}.static-presentation .hero-stage{position:relative}.static-presentation .scroll-copy{display:none}.hero-description,.scroll-cue,.scroll-copy>span,.nav-studio{color:#666b60}.project-heading h2 span{color:#858b80}.project-number,.project-button>span:nth-child(2)>span,.project-preview figcaption,.footer-person>span:nth-child(2){color:#686f61}.desktop-nav{font-size:13px}.nav-contact{font-size:12px}.hero-cta{font-size:13px}.project-preview figcaption,.footer-email,.footer-person>span:nth-child(2),.footer-person strong,.all-projects,.project-button>span:nth-child(2)>span{font-size:12px}.project-number{font-size:11px}@media (width<=760px){.project-button strong{font-size:14px}.project-controls{gap:12px}.project-button{gap:6px}.project-number{font-size:9px}.project-button>span:nth-child(2)>span{font-size:11px}.hero-cta{font-size:12px}.scroll-cue,.scroll-cue strong{font-size:10px}.stage-specialties{font-size:9px}.project-preview figcaption,.footer-person strong,.footer-person>span:nth-child(2),.footer-email,.all-projects{font-size:12px}.project-browser{font-size:10px}.hero-bottom-copy{margin-top:20px}.stage-art{top:377px}.scroll-cue strong{max-width:150px;display:block}.stage-specialties{display:none}}@media (width<=380px){.nav-contact>span{display:none}.stage-art{top:365px}}.sequence-image{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .18s;position:absolute;inset:0}.device-render.is-ready .sequence-image{opacity:1}.project-browser{color:#626a59}
