:root { --night:#171815; --cream:#ece7dd; --sand:#b78e63; --acid:#d1e35b; --line:rgba(236,231,221,.2); --pad:max(28px,calc((100vw - 1440px)/2)); --ease:cubic-bezier(.16,1,.3,1); }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--night);color:var(--cream);font-family:"Manrope",sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased} body.menu-open{overflow:hidden} a{color:inherit} img{display:block;width:100%} h1,h2,h3,p,figure,blockquote{margin:0} em{font-family:Georgia,serif;font-weight:400;color:var(--sand)}
.loader{position:fixed;z-index:1000;inset:0;background:var(--cream);color:var(--night);display:grid;place-items:center;transition:transform 1s .15s var(--ease)}.loader.is-done{transform:translateY(-105%)}.loader__mark{font-size:clamp(30px,5vw,70px);font-weight:600;letter-spacing:-.07em}.loader__mark span,.v2-logo span{color:var(--sand)}.loader__line{position:absolute;left:0;bottom:0;height:4px;width:100%;background:var(--sand);transform-origin:left;animation:loadline 1.1s ease both}@keyframes loadline{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.scroll-progress{position:fixed;z-index:500;left:0;top:0;width:100%;height:3px;background:var(--acid);transform:scaleX(0);transform-origin:left}.cursor{position:fixed;z-index:600;left:0;top:0;width:18px;height:18px;border:1px solid var(--cream);border-radius:50%;pointer-events:none;mix-blend-mode:difference;transform:translate(-50%,-50%);transition:width .25s,height .25s,background .25s;display:none}.cursor.is-hover{width:54px;height:54px;background:var(--cream)}
.v2-header{position:absolute;z-index:50;left:0;top:0;width:100%;height:94px;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line)}.v2-logo{display:inline-flex;width:max-content;position:relative;font-weight:600;font-size:24px;line-height:1;letter-spacing:-.075em;text-decoration:none}.v2-logo small{position:absolute;left:0;top:27px;font:300 7px "DM Mono";letter-spacing:.25em}.v2-nav{display:flex;gap:36px}.v2-nav a{font:300 11px "DM Mono";text-transform:uppercase;letter-spacing:.08em;text-decoration:none;position:relative}.v2-nav a:after{content:"";position:absolute;left:0;bottom:-8px;width:100%;height:1px;background:var(--cream);transform:scaleX(0);transition:transform .35s var(--ease)}.v2-nav a:hover:after{transform:scaleX(1)}.header-cta{justify-self:end;display:flex;gap:24px;align-items:center;padding:13px 16px;border:1px solid var(--line);font:300 10px "DM Mono";letter-spacing:.08em;text-transform:uppercase;text-decoration:none}.header-cta i{font-style:normal;color:var(--acid)}.v2-menu{display:none}
.v2-hero{min-height:100svh;position:relative;overflow:hidden;padding-top:94px}.hero-noise{position:absolute;inset:0;opacity:.16;background:radial-gradient(circle at 15% 22%,rgba(255,255,255,.13) 0 1px,transparent 1.5px),radial-gradient(circle at 72% 68%,rgba(255,255,255,.1) 0 1px,transparent 1.5px);background-size:17px 19px,23px 29px;pointer-events:none}.v2-hero__copy{position:relative;z-index:2;padding:8vh var(--pad) 4vh}.micro{font:300 10px "DM Mono";letter-spacing:.12em;text-transform:uppercase}.hero-kicker{margin-left:33%;margin-bottom:4vh}.v2-hero h1{font-size:clamp(72px,13vw,204px);font-weight:500;line-height:.76;letter-spacing:-.09em}.title-line{display:block;overflow:hidden;padding-bottom:.14em}.title-line i{display:block;font-style:normal;transform:translateY(110%);animation:title-up 1.2s 1.05s var(--ease) forwards}.title-line--right{text-align:right;padding-right:4vw}.title-line--right i{animation-delay:1.17s}@keyframes title-up{to{transform:none}}.hero-note{display:flex;gap:24px;margin:3vh 0 0 68%;font:300 11px/1.6 "DM Mono"}.hero-note>span{color:var(--acid)}.hero-frame{position:absolute;z-index:1;left:18%;bottom:-10%;width:32vw;height:61vh;overflow:hidden;clip-path:inset(100% 0 0);animation:frame-reveal 1.3s 1.2s var(--ease) forwards}.hero-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.28),transparent 65%)}.hero-frame img{height:116%;object-fit:cover;object-position:56% center;transform:translateY(var(--parallax,0)) scale(1.03)}@keyframes frame-reveal{to{clip-path:inset(0)}}.hero-orbit{position:absolute;right:-70px;bottom:-55px;width:260px;height:260px;border:1px solid var(--line);border-radius:50%;animation:spin 18s linear infinite}.hero-orbit:after{content:"";position:absolute;inset:46%;border-radius:50%;background:var(--acid)}.hero-orbit span{position:absolute;inset:18px;font:300 9px "DM Mono";letter-spacing:.18em}.scroll-cue{position:absolute;right:var(--pad);bottom:40px;display:flex;align-items:center;gap:18px;font:300 9px "DM Mono";text-transform:uppercase;text-decoration:none}.scroll-cue i{display:block;width:62px;height:1px;background:var(--cream);position:relative;overflow:hidden}.scroll-cue i:after{content:"";position:absolute;inset:0;background:var(--acid);transform:translateX(-100%);animation:cue 2s infinite}@keyframes cue{50%,100%{transform:translateX(100%)}}@keyframes spin{to{transform:rotate(360deg)}}
.marquee{display:flex;overflow:hidden;padding:24px 0;background:var(--acid);color:var(--night);transform:rotate(-1.5deg) scale(1.02)}.marquee div{display:flex;flex:none;align-items:center;animation:marquee 24s linear infinite}.marquee span{padding:0 34px;font-size:15px;font-weight:600;letter-spacing:.04em}.marquee i{font-style:normal}@keyframes marquee{to{transform:translateX(-100%)}}
.section-v2{width:min(1440px,calc(100% - 56px));margin:0 auto}.section-tag{display:flex;gap:20px;font:300 10px "DM Mono";text-transform:uppercase;letter-spacing:.1em}.section-tag span{color:var(--acid)}.manifest{padding:190px 0 220px}.manifest__body{display:grid;grid-template-columns:3fr 1fr;gap:10vw;margin-top:80px}.manifest__lead{max-width:1020px;font-size:clamp(40px,6.3vw,92px);font-weight:500;line-height:1.04;letter-spacing:-.065em}.manifest__aside{align-self:end}.manifest__aside>p{margin-bottom:46px;color:rgba(236,231,221,.62);font-size:13px;line-height:1.8}.text-link{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line);font:300 10px "DM Mono";text-transform:uppercase;text-decoration:none}.text-link i{font-style:normal;color:var(--acid)}
.work{padding-bottom:220px}.work__header{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end;margin-bottom:110px}.work h2,.services h2,.v2-contact h2{font-size:clamp(60px,8vw,126px);line-height:.88;letter-spacing:-.075em;font-weight:500}.work__header>p{justify-self:end;font:300 9px "DM Mono"}.work-list{display:grid;grid-template-columns:repeat(12,1fr);gap:150px 24px}.work-card a{text-decoration:none}.work-card--hero{grid-column:1 / span 8}.work-card--small{grid-column:9 / -1;padding-top:260px}.work-card--tall{grid-column:2 / span 5}.work-card--offset{grid-column:8 / -1;padding-top:180px}.work-card__image{position:relative;overflow:hidden;background:#292a26}.work-card--hero .work-card__image{aspect-ratio:16/10}.work-card--small .work-card__image{aspect-ratio:4/5}.work-card--tall .work-card__image,.work-card--offset .work-card__image{aspect-ratio:4/4.6}.work-card__image img,.quote__image img{height:116%;object-fit:cover;transform:translateY(var(--parallax,0)) scale(1.02);transition:filter .7s ease,scale 1s var(--ease)}.work-card:hover img{filter:saturate(.7) brightness(.8);scale:1.025}.view-pill{position:absolute;left:50%;top:50%;width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:var(--acid);color:var(--night);font:400 9px "DM Mono";text-transform:uppercase;opacity:0;transform:translate(-50%,-40%) scale(.7);transition:.4s var(--ease)}.view-pill i{font-style:normal;display:block}.work-card:hover .view-pill{opacity:1;transform:translate(-50%,-50%) scale(1)}.work-card footer{display:flex;align-items:end;justify-content:space-between;padding-top:18px}.work-card footer span,.work-card footer p{font:300 9px "DM Mono";text-transform:uppercase;color:rgba(236,231,221,.48)}.work-card h3{margin-top:9px;font-size:26px;font-weight:500;letter-spacing:-.04em}
.services{background:var(--cream);color:var(--night);padding:180px 0}.services__top{display:grid;grid-template-columns:1fr 3fr;margin-bottom:120px}.services .section-tag span{color:var(--sand)}.service-list{border-top:1px solid rgba(23,24,21,.25)}.service-row{display:grid;grid-template-columns:80px 1.4fr 1fr 30px;gap:30px;align-items:center;padding:36px 0;border-bottom:1px solid rgba(23,24,21,.25);transition:padding .4s var(--ease),background .3s}.service-row:hover{padding-left:18px;padding-right:18px;background:rgba(183,142,99,.13)}.service-row>span{font:300 10px "DM Mono";color:var(--sand)}.service-row h3{font-size:29px;font-weight:500;letter-spacing:-.04em}.service-row p{font-size:12px;line-height:1.6;color:rgba(23,24,21,.58)}.service-row>i{font-style:normal;font-size:20px;transition:transform .3s}.service-row:hover>i{transform:rotate(45deg)}
.quote{padding:190px 0;display:grid;grid-template-columns:1fr 1.3fr;gap:10vw;align-items:center}.quote__image{height:650px;overflow:hidden}.quote blockquote{font-size:clamp(35px,5vw,74px);line-height:1.08;letter-spacing:-.055em}.quote blockquote>span{display:block;color:var(--acid);font:400 90px Georgia;height:80px}
.v2-contact{position:relative;overflow:hidden;background:#252621;padding:180px 0 38px}.v2-contact>.section-v2{position:relative;z-index:1}.v2-contact h2{margin:55px 0 100px;font-size:clamp(75px,12vw,190px)}.contact-mail{display:flex;align-items:center;justify-content:space-between;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:clamp(22px,3.6vw,56px);letter-spacing:-.04em;text-decoration:none}.contact-mail i{font-style:normal;color:var(--acid);transition:transform .3s}.contact-mail:hover i{transform:translate(7px,-7px)}.v2-contact footer{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:30px;align-items:end;margin-top:100px}.v2-contact footer>div{display:flex;flex-direction:column;gap:10px}.v2-contact footer span,.v2-contact footer>p{font:300 9px "DM Mono";text-transform:uppercase;color:rgba(236,231,221,.45)}.v2-contact footer a,.v2-contact footer p{font-size:11px;text-decoration:none}.contact-orbit{position:absolute;width:560px;height:560px;border:1px solid var(--line);border-radius:50%;right:-180px;top:-250px}.contact-orbit:before,.contact-orbit:after{content:"";position:absolute;border:1px solid var(--line);border-radius:50%;inset:12%}.contact-orbit:after{inset:26%;background:radial-gradient(circle,var(--sand),transparent 68%);opacity:.25}
.dev-switch-v2{position:fixed;z-index:700;left:20px;bottom:20px;display:flex;gap:4px;align-items:center;padding:5px;border:1px solid rgba(236,231,221,.2);border-radius:100px;background:rgba(23,24,21,.88);box-shadow:0 12px 38px rgba(0,0,0,.25);backdrop-filter:blur(14px);font:300 9px "DM Mono";text-transform:uppercase;letter-spacing:.08em}.dev-switch-v2>span{padding:0 8px;color:var(--acid)}.dev-switch-v2 a{padding:9px 12px;border-radius:50px;text-decoration:none}.dev-switch-v2 a:hover,.dev-switch-v2 a.is-active{background:var(--cream);color:var(--night)}
.reveal-v2{opacity:0;transform:translateY(50px);transition:opacity 1s var(--ease),transform 1s var(--ease)}.reveal-v2.is-visible{opacity:1;transform:none}.reveal-image{opacity:0;transform:translateY(48px);transition:opacity .8s var(--ease),transform 1.15s var(--ease)}.reveal-image .work-card__image,.quote__image.reveal-image{clip-path:inset(0 0 14% 0);transition:clip-path 1.25s var(--ease)}.reveal-image.is-visible{opacity:1;transform:none}.reveal-image.is-visible .work-card__image,.quote__image.reveal-image.is-visible{clip-path:inset(0)}.split-reveal{background:linear-gradient(90deg,var(--cream) 50%,rgba(236,231,221,.15) 50%) 100% 0/200% 100%;background-clip:text;color:transparent;transition:background-position 1.8s var(--ease)}.split-reveal.is-visible{background-position:0 0}.v2-contact .split-reveal{background-image:linear-gradient(90deg,var(--cream) 50%,rgba(236,231,221,.12) 50%)}
@media(pointer:fine){.cursor{display:block}}
@media(max-width:900px){:root{--pad:20px}.v2-header{height:76px;padding:0 20px;grid-template-columns:1fr auto}.v2-nav,.header-cta{display:none}.v2-menu{display:block;width:36px;height:30px;border:0;background:none;position:relative}.v2-menu i{position:absolute;left:4px;width:28px;height:1px;background:var(--cream);transition:.3s}.v2-menu i:first-child{top:10px}.v2-menu i:last-child{top:19px}.menu-open .v2-menu i:first-child{top:15px;transform:rotate(45deg)}.menu-open .v2-menu i:last-child{top:15px;transform:rotate(-45deg)}.menu-open .v2-nav{position:fixed;inset:0;background:var(--night);display:flex;padding:130px 20px;flex-direction:column;align-items:flex-start;gap:18px}.menu-open .v2-nav a{font:500 42px "Manrope";letter-spacing:-.05em;text-transform:none}.hero-kicker{margin-left:0}.v2-hero h1{font-size:clamp(72px,18vw,140px);line-height:.83}.hero-frame{left:7%;width:52vw;height:55vh}.hero-note{margin-left:65%}.manifest__body{grid-template-columns:1fr}.manifest__aside{max-width:420px;margin-left:auto}.work__header{grid-template-columns:1fr 2fr}.work__header>p{display:none}.work-list{gap:100px 20px}.work-card--small{padding-top:150px}.services__top{grid-template-columns:1fr;gap:60px}.quote{gap:50px}.quote__image{height:480px}.v2-contact footer{grid-template-columns:2fr 1fr 1fr}.v2-contact footer>p{display:none}}
@media(max-width:620px){.v2-hero__copy{padding-top:12vh}.v2-hero h1{font-size:19vw}.title-line--right{text-align:left;padding-left:7vw}.hero-frame{left:24%;bottom:0;width:72vw;height:38vh}.hero-frame img{object-position:58% center}.hero-note{margin:5vh 0 0}.hero-orbit{display:none}.scroll-cue{bottom:24px}.manifest{padding:120px 0}.manifest__body{margin-top:55px}.manifest__lead{font-size:39px}.manifest__aside{margin-top:40px}.work{padding-bottom:120px}.work__header{display:block;margin-bottom:70px}.work__header h2{margin-top:50px;font-size:60px}.work-list{display:block}.work-card{padding:0;margin-bottom:80px}.work-card__image{aspect-ratio:4/4.5!important}.services{padding:110px 0}.services h2{font-size:58px}.service-row{grid-template-columns:35px 1fr 20px;gap:12px}.service-row p{display:none}.service-row h3{font-size:22px}.quote{padding:110px 0;grid-template-columns:1fr}.quote__image{height:460px}.v2-contact{padding-top:110px}.v2-contact h2{font-size:20vw;margin-bottom:70px}.contact-mail{font-size:19px}.v2-contact footer{grid-template-columns:1fr 1fr;gap:48px 20px}.v2-contact footer .v2-logo{grid-column:1/-1}.dev-switch-v2{left:12px;bottom:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.loader{display:none}.reveal-v2,.reveal-image{opacity:1;transform:none}.reveal-image .work-card__image,.quote__image.reveal-image{clip-path:none}.split-reveal{background:none;color:inherit}}