:root{--bg:#07090b;--panel:#0c0f12;--ink:#f1f2ed;--muted:#969b9d;--line:rgba(255,255,255,.15);--acid:#c9ff36;--pad:clamp(20px,4vw,64px);--mono:"DM Mono",monospace;--sans:"Noto Sans SC",Arial,sans-serif}:root{--wood-base:#382820;--wood-light:#49362d;--wood-dark:#2b1e19;--wood-texture-opacity:.42;--light-color:211,181,144;--light-opacity:0}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-weight:300;overflow-x:hidden}body.is-intro{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.noise{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.mono{font-family:var(--mono);font-size:11px;letter-spacing:.08em}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.18em;color:var(--acid);text-transform:uppercase}.intro{--intro-ink:#111514;--intro-paper:#eeeee8;position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;overflow:hidden;background:var(--intro-paper);color:var(--intro-ink);padding:clamp(10px,2.4vw,34px);transition:opacity .85s cubic-bezier(.76,0,.24,1),visibility .85s}.intro.is-gone{opacity:0;visibility:hidden}.intro__frame{position:relative;width:100%;height:100%;min-height:calc(100svh - clamp(20px,4.8vw,68px));border-radius:clamp(14px,1.8vw,26px);overflow:hidden;background:#cbd7dd;box-shadow:0 18px 60px #1c26262e}.intro__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:0;transform:scale(1.08);filter:blur(14px);animation:introMediaIn 1.9s cubic-bezier(.22,1,.36,1) .1s forwards}.intro__scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center 51%;animation:introBreathe 20s ease-in-out 2s infinite alternate}.intro__wash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom,#e2ecf3a6,#e2ecf33d 33%,#e2ecf300 58%),radial-gradient(110% 68% at 50% 0%,rgba(255,255,255,.45),transparent 64%),linear-gradient(to top,rgba(8,13,12,.2),transparent 28%)}.intro-nav{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:clamp(20px,2.5vw,34px) clamp(22px,4vw,58px)}.intro-brand{font:500 clamp(15px,1.4vw,20px) var(--mono);letter-spacing:-.04em}.intro-nav__links{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:clamp(22px,3vw,50px)}.intro-nav__links a{font-size:13px;position:relative;padding:5px 0}.intro-nav__links a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .5s cubic-bezier(.22,1,.36,1)}.intro-nav__links a:hover:after{transform:scaleX(1);transform-origin:left}.intro-nav__enter{border:1px solid rgba(17,21,20,.3);background:#eff2ee57;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;padding:11px 17px;font-size:12px;cursor:pointer;transition:.4s cubic-bezier(.22,1,.36,1)}.intro-nav__enter span{margin-left:18px}.intro-nav__enter:hover{background:var(--intro-ink);color:#fff;transform:translateY(-2px);box-shadow:0 12px 30px -16px #0000008c}.intro__inner{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(15px,3.4vh,42px) var(--pad) 0;pointer-events:none}.intro__eyebrow{font:500 10px var(--mono);letter-spacing:.18em;margin:0 0 14px;color:#1115149e}.intro-headline{margin:0;font-family:"Instrument Serif",Georgia,serif;font-size:clamp(50px,6.5vw,108px);font-weight:400;line-height:.85;letter-spacing:-.04em}.intro-line{display:block;overflow:hidden;padding-bottom:.09em;margin-bottom:-.09em;white-space:nowrap}.intro-line>span{display:block;transform:translateY(110%);opacity:0;animation:introLineUp 1.25s cubic-bezier(.22,1,.36,1) forwards}.intro-line:first-child>span{animation-delay:.52s}.intro-line:last-child>span{animation-delay:.67s}.intro-rise{opacity:0;transform:translateY(-14px);animation:introRise .95s cubic-bezier(.22,1,.36,1) forwards}.intro-d1{animation-delay:.18s}.intro-d2{animation-delay:.26s}.intro-d3{animation-delay:.33s}.intro-d4{animation-delay:.41s}.intro-d5{animation-delay:.5s}.intro__foot{position:absolute;left:clamp(22px,4vw,58px);right:clamp(22px,4vw,58px);bottom:clamp(18px,2.4vw,32px);z-index:7;display:flex;justify-content:space-between;color:#f2f5efe0;text-shadow:0 1px 16px rgba(0,0,0,.35)}.intro-butterfly{position:absolute;z-index:8;left:57.4%;top:64%;width:clamp(37px,4.2vw,67px);filter:drop-shadow(0 5px 5px rgba(12,17,15,.3));transform-origin:48% 74%;opacity:0;animation:butterflyFlight 6.8s cubic-bezier(.35,.08,.25,1) 1.1s forwards}.intro-butterfly svg{display:block;width:100%;overflow:visible}.butterfly-wings{transform-origin:46px 33px;animation:butterflyRest 2.6s ease-in-out 7.6s infinite}.wing{fill:#bb6327;stroke:#20221e;stroke-width:1.6;transform-box:fill-box;transform-origin:right center;animation:wingLeft .14s ease-in-out 1.1s 46 alternate}.wing--right{fill:#e3983d;transform-origin:left center;animation-name:wingRight}.wing--lower{fill:#7c3d21}.butterfly-body{fill:#151715}.butterfly-antenna{fill:none;stroke:#151715;stroke-width:1.2;stroke-linecap:round}.intro-butterfly:after{content:"";position:absolute;left:42%;top:87%;width:22%;height:4px;border-radius:50%;background:#05080647;filter:blur(3px);opacity:0;animation:butterflyShadow .6s ease 7.25s forwards}@keyframes introMediaIn{to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes introBreathe{to{transform:scale(1.025) translate3d(-.25%,.15%,0)}}@keyframes introRise{to{opacity:1;transform:translateY(0)}}@keyframes introLineUp{to{opacity:1;transform:translateY(0)}}@keyframes butterflyFlight{0%{opacity:0;transform:translate(52vw,-18vh) rotate(-18deg) scale(.65)}7%{opacity:1}18%{transform:translate(38vw,-26vh) rotate(15deg) scale(.76)}35%{transform:translate(26vw,-8vh) rotate(-11deg) scale(.88)}52%{transform:translate(17vw,-19vh) rotate(16deg) scale(.82)}69%{transform:translate(9vw,-5vh) rotate(-10deg) scale(.72)}82%{transform:translate(3vw,-10vh) rotate(9deg) scale(.68)}93%{transform:translate(.6vw,-2.5vh) rotate(-4deg) scale(.62)}to{opacity:1;transform:translate(0) rotate(14deg) scale(.58)}}@keyframes wingLeft{to{transform:perspective(70px) rotateY(72deg)}}@keyframes wingRight{to{transform:perspective(70px) rotateY(-72deg)}}@keyframes butterflyRest{0%,to{transform:rotate(0)}50%{transform:rotate(4deg)}}@keyframes butterflyShadow{to{opacity:1}}.hero__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.site{opacity:0;visibility:hidden;transition:opacity .8s ease}.site.is-visible{opacity:1;visibility:visible}.nav{height:72px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#07090bd1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:50}.brand{font:bold 18px var(--mono)}.brand span{color:var(--acid)}.nav__links{display:flex;gap:36px;font-size:13px;color:#b8bbba}.nav__links a:hover{color:var(--acid)}.nav__cta{font:12px var(--mono);padding:10px 14px;border:1px solid var(--line)}.nav__cta span{color:var(--acid);margin-left:14px}.section{min-height:calc(100vh - 72px)}.section-pad{padding:clamp(88px,11vw,176px) var(--pad)}.hero{position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:var(--pad)}.hero__video{filter:saturate(.68) brightness(.78)}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#020405c7,#02040514 72%),linear-gradient(0deg,rgba(2,4,5,.7),transparent 55%)}.hero__content{position:relative;z-index:2;width:100%}.hero h2{font-size:clamp(54px,9vw,142px);font-weight:400;line-height:.92;letter-spacing:-.06em;margin:22px 0 46px}.hero h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.62)}.hero__foot{display:flex;justify-content:space-between;align-items:end}.hero__foot>p{color:#c1c3c1;font-size:14px;line-height:1.8}.circle-link{width:120px;height:120px;border:1px solid rgba(255,255,255,.42);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;gap:10px;transition:.3s}.circle-link:hover{background:var(--acid);border-color:var(--acid);color:#080a08;transform:rotate(-8deg)}.hero__index{position:absolute;right:var(--pad);top:36px;z-index:2;text-align:right;line-height:1.6}.section-kicker{display:flex;gap:22px;font:11px var(--mono);letter-spacing:.1em;color:var(--muted);padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:55px}.section-kicker span:first-child{color:var(--acid)}.about__grid{display:grid;grid-template-columns:minmax(280px,.82fr) 1.18fr;gap:clamp(40px,8vw,130px);align-items:center}.about__visual{height:min(68vw,680px);position:relative;overflow:hidden;background:#12171a}.about__visual video{width:100%;height:100%;object-fit:cover;filter:grayscale(.15) contrast(1.06)}.about__visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(4,6,7,.75),transparent 48%)}.about__visual-label{position:absolute;z-index:2;left:22px;bottom:22px;line-height:1.6}.about__copy h3,.section-heading h3,.process h3{font-size:clamp(38px,5vw,76px);font-weight:400;line-height:1.12;letter-spacing:-.045em;margin:18px 0 38px}.about__lead{color:#aaafae;font-size:clamp(15px,1.4vw,19px);line-height:1.95;max-width:710px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:55px 0 38px;padding:32px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stats div{display:flex;flex-direction:column;gap:8px}.stats strong{font:300 clamp(34px,4vw,60px) var(--mono)}.stats span{font-size:12px;color:var(--muted)}.skills{display:flex;flex-wrap:wrap;gap:8px}.skills span{border:1px solid var(--line);padding:9px 12px;border-radius:99px;color:#b9bdbd}.about__lanyard{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;pointer-events:auto;touch-action:pan-y;contain:layout paint size}.about__lanyard .lanyard,.about__lanyard .lanyard-canvas{width:100%;height:100%}.about__lanyard .lanyard-canvas{touch-action:pan-y}.about-page{position:relative;isolation:isolate;width:100%;min-height:100vh;min-height:100svh;overflow:hidden;background-color:var(--wood-base)}.about-page:before{content:"";position:absolute;top:-5%;right:-5%;bottom:-5%;left:-5%;z-index:-2;pointer-events:none;background-image:repeating-linear-gradient(1.2deg,transparent 0,transparent 13px,rgba(73,54,45,.11) 14px,rgba(73,54,45,.11) 15px,transparent 17px,transparent 31px),repeating-linear-gradient(-.6deg,transparent 0,transparent 36px,rgba(43,30,25,.12) 38px,rgba(43,30,25,.12) 39px,transparent 42px,transparent 76px),linear-gradient(90deg,rgba(73,54,45,.04),transparent 28%,rgba(43,30,25,.05) 62%,transparent);background-size:100% 230px,100% 370px,100% 100%;opacity:var(--wood-texture-opacity);mix-blend-mode:soft-light;filter:blur(.25px);transform:scale(1.05)}.about-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 88% 8%,rgba(var(--light-color),.38) 0%,rgba(var(--light-color),.16) 20%,rgba(var(--light-color),.05) 38%,transparent 62%);opacity:var(--light-opacity)}.about-page__content{position:relative;z-index:1;width:100%;min-height:inherit}.about-page .about__visual{background:transparent}.about-page .about__visual:after{display:none}.selected{background:#0a0d0f}.section-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:28px;align-items:end;margin-bottom:56px}.section-heading .section-kicker{grid-column:1/-1;width:100%}.section-heading h3{margin:0}.section-heading h3 span{color:var(--muted);font:14px var(--mono)}.section-heading>p{max-width:430px;color:var(--muted);line-height:1.8;margin:0 0 8px}.feature{height:clamp(480px,52vw,760px);position:relative;overflow:hidden;cursor:pointer;background:#15191b}.feature--wide{height:clamp(500px,57vw,820px);margin-bottom:24px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.feature video{width:100%;height:100%;object-fit:cover;filter:saturate(.72) brightness(.8);transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s}.feature:hover video{transform:scale(1.035);filter:saturate(.92) brightness(.9)}.feature__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(3,5,6,.88),transparent 56%)}.feature__number{position:absolute;left:22px;top:20px}.feature__copy{position:absolute;left:clamp(22px,3vw,44px);bottom:clamp(24px,3vw,42px)}.feature__copy p{font:11px var(--mono);letter-spacing:.1em;color:var(--acid)}.feature__copy h4{font-size:clamp(26px,3.3vw,52px);font-weight:400;margin:7px 0 10px;letter-spacing:-.03em}.feature__copy span{font-size:13px;color:#bbb}.play{position:absolute;right:24px;bottom:28px;border:0;background:transparent;font:11px var(--mono);cursor:pointer}.play:hover{color:var(--acid)}.archive__head{display:block}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px}.filters button{background:transparent;border:1px solid var(--line);padding:11px 16px;border-radius:99px;cursor:pointer;color:#aeb2b0;font-size:12px}.filters button.is-active,.filters button:hover{background:var(--ink);color:#080a0b}.filters sup{color:#777;margin-left:5px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 18px}.work-card{cursor:pointer;transition:opacity .3s,transform .3s}.work-card.is-hidden{display:none}.work-card__media{aspect-ratio:16/10;overflow:hidden;background:#131719;position:relative}.work-card video{width:100%;height:100%;object-fit:cover;filter:saturate(.65);transition:.5s}.work-card:hover video{transform:scale(1.04);filter:saturate(.9)}.work-card__play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;opacity:0;background:#03040540;transition:.25s}.work-card__play span{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--acid);color:#080a08;font:11px var(--mono)}.work-card:hover .work-card__play{opacity:1}.work-card__meta{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid var(--line)}.work-card h4{font-size:15px;font-weight:400;margin:0}.work-card p{margin:3px 0 0;font:10px var(--mono);color:var(--muted)}.work-card__meta>span{font:10px var(--mono);color:#6f7473}.process{background:#d6d8d2;color:#101312}.process .section-kicker{border-color:#0000002e;color:#555}.process__intro{display:grid;grid-template-columns:1.15fr 1fr;gap:30px;align-items:end}.process__intro p{max-width:560px;line-height:1.85;color:#4e5351;margin:0 0 40px}.process__list{list-style:none;margin:55px 0 0;padding:0;border-top:1px solid rgba(0,0,0,.22)}.process__list li{display:grid;grid-template-columns:.75fr 1fr 1.5fr;gap:20px;padding:28px 0;border-bottom:1px solid rgba(0,0,0,.22);align-items:start}.process__list span{font:10px var(--mono);color:#606561}.process__list h4{font-size:20px;font-weight:500;margin:0}.process__list p{font-size:13px;line-height:1.7;color:#5c615e;margin:0;max-width:450px}.contact{position:relative;width:100%;height:100vh;height:100svh;height:100dvh;min-height:560px;overflow:hidden;background:#091a35 url(/assets/contact-poster-clean-Bs3LcK6g.jpg) center/contain no-repeat}.contact>#contactRoot{width:100%;height:100%}body.is-intro .contact{background-image:none}.video-modal{width:100vw;height:100vh;max-width:none;max-height:none;margin:0;border:0;background:#020304f5;color:var(--ink);padding:clamp(18px,3vw,44px);z-index:200}.video-modal::backdrop{background:#020304}.modal-close{position:absolute;right:24px;top:20px;background:transparent;border:1px solid var(--line);padding:10px 14px;font:10px var(--mono);z-index:3;cursor:pointer}.modal-frame{height:calc(100vh - 150px);display:grid;place-items:center}.modal-frame video{width:100%;height:100%;object-fit:contain}.modal-meta{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.modal-meta h3{font-size:20px;font-weight:400;margin:0}.reveal{opacity:0;transform:translateY(32px);transition:opacity .8s ease,transform .8s ease}.reveal.is-seen{opacity:1;transform:none}@media (max-width:820px){.intro{padding:8px}.intro__frame{min-height:calc(100svh - 16px);border-radius:14px}.intro-nav{padding:20px 18px}.intro-nav__links{display:none}.intro-nav__enter{padding:9px 12px}.intro-nav__enter span{margin-left:7px}.intro__inner{padding-top:clamp(32px,7vh,66px)}.intro-headline{font-size:clamp(46px,13.5vw,76px);line-height:.91}.intro-line{white-space:normal}.intro__scene{object-position:center 54%}.intro__foot{left:18px;right:18px}.intro__foot span:last-child{display:none}.intro-butterfly{left:60%;top:64%;width:48px}.nav{height:62px}.nav__links{display:none}.nav__cta{padding:8px 10px}.section{min-height:calc(100svh - 62px)}.hero{padding-bottom:32px}.hero h2{font-size:clamp(52px,14vw,84px);margin-bottom:36px}.hero__foot{align-items:end}.hero__foot p{font-size:12px}.circle-link{width:88px;height:88px}.hero__index{top:22px}.section-pad{padding-top:92px;padding-bottom:92px}.section-kicker{margin-bottom:35px}.about__grid{grid-template-columns:1fr}.about__visual{height:118vw;max-height:620px}.about__copy h3,.section-heading h3,.process h3{font-size:clamp(36px,10vw,54px)}.stats{gap:10px}.stats strong{font-size:34px}.section-heading,.process__intro{grid-template-columns:1fr}.section-heading>p{font-size:14px}.feature-grid{grid-template-columns:1fr}.feature,.feature--wide{height:118vw;max-height:680px}.feature__copy{right:20px}.feature__copy span{font-size:12px}.play{bottom:auto;top:18px}.work-grid{grid-template-columns:1fr 1fr;gap:24px 12px}.process__list li{grid-template-columns:1fr 1.2fr}.process__list p{grid-column:2}.contact{min-height:100svh}.modal-frame{height:calc(100vh - 130px)}}@media (max-width:520px){.intro-brand{font-size:13px}.intro-nav__enter{font-size:10px}.intro__eyebrow{max-width:26ch;line-height:1.5}.intro-headline{font-size:clamp(40px,13vw,62px);max-width:8ch}.intro__scene{object-position:center 50%}.intro-butterfly{left:61%;top:65%}.work-grid{grid-template-columns:1fr}.filters{flex-wrap:nowrap;overflow:auto;padding-bottom:8px}.filters button{white-space:nowrap}.stats span{font-size:10px}.process__list li{grid-template-columns:1fr}.process__list p{grid-column:1}.process__list h4{font-size:18px}.feature__copy span{display:block;max-width:260px}.contact h2{font-size:16vw}}@media (max-width:820px){.intro-headline{font-size:clamp(42px,11vw,70px)}.intro-line{white-space:nowrap}}@media (max-width:520px){.intro-headline{font-size:clamp(38px,11vw,52px);max-width:none}}.intro{--vinyl-ink:#0b0b0c;--vinyl-sky:#dbe6ee;--vinyl-nav-gap:clamp(1.1rem,2.2vw,2.15rem);--vinyl-pad-x:clamp(1.25rem,4vw,3.6rem);--vinyl-ease:cubic-bezier(.22,1,.36,1);--vinyl-ease-in-out:cubic-bezier(.76,0,.24,1);--vinyl-poster:url(https://images.higgs.ai/?default=1&output=webp&url=https%3A%2F%2Fd8j0ntlcm91z4.cloudfront.net%2Fuser_38xzZboKViGWJOttwIXH07lWA1P%2Fhf_20260908_122011_59c97465-4d23-4fdc-ac40-f6832f573e28.png&w=1920&q=85);position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;padding:0;overflow:hidden;color:var(--vinyl-ink);background:var(--vinyl-sky);font-family:Instrument Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;transition:opacity .8s ease,visibility .8s}.is-intro .noise{display:none}.vinyl-hero{position:relative;min-height:100svh;overflow:hidden;display:flex;flex-direction:column;background:var(--vinyl-sky)}.vinyl-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;transform:scale(1.08);filter:blur(14px);opacity:0;animation:vinylMediaIn 1.9s var(--vinyl-ease) .1s forwards}.vinyl-hero__media:before{content:"";position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;z-index:0;display:none;background:var(--vinyl-poster) center 22%/cover no-repeat;filter:blur(30px) saturate(104%);transform:scale(1.05)}.vinyl-hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:linear-gradient(to bottom,#e2ecf38c,#e2ecf32e 34%,#e2ecf300 58%),radial-gradient(120% 70% at 50% 0%,#ffffff59,#fff0 60%)}.vinyl-hero__media img,.vinyl-hero__media video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 62%;display:block}.vinyl-hero__media img{z-index:1}.vinyl-hero__media video{z-index:2;opacity:0;transition:opacity 1.2s ease}.vinyl-hero__media video.is-ready{opacity:1}.vinyl-nav{position:relative;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:clamp(1.1rem,2.4vw,1.9rem) var(--vinyl-pad-x)}.vinyl-logo{font-family:UnifrakturCook,serif;font-weight:700;font-size:clamp(1.5rem,2.4vw,1.9rem);line-height:1;letter-spacing:.01em;white-space:nowrap}.vinyl-nav__links{display:flex;gap:var(--vinyl-nav-gap);list-style:none;margin:0;padding:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.vinyl-nav__links a{font-size:clamp(.95rem,1.05vw,1.05rem);letter-spacing:.005em;padding:.15rem 0;display:inline-block;position:relative}.vinyl-nav__links a:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .5s var(--vinyl-ease)}.vinyl-nav__links a:hover:after{transform:scaleX(1);transform-origin:left}.vinyl-nav__right{display:flex;align-items:center;gap:.6rem}.vinyl-btn-play{display:inline-block;background:var(--vinyl-ink);color:#fff;border-radius:6px;padding:.72rem 1.15rem;font-size:.95rem;line-height:1;white-space:nowrap;transition:transform .45s var(--vinyl-ease),background-color .45s var(--vinyl-ease),box-shadow .45s var(--vinyl-ease)}.vinyl-btn-play:hover{transform:translateY(-2px);background:#1e1e21;box-shadow:0 10px 24px -12px #0009}.vinyl-btn-play:active{transform:translateY(0)}.vinyl-burger{display:none;width:44px;height:44px;margin-right:-8px;position:relative;z-index:60;border-radius:8px;flex:0 0 auto;background:transparent;border:0;cursor:pointer}.vinyl-burger span{position:absolute;left:11px;width:22px;height:1.6px;background:var(--vinyl-ink);border-radius:2px;transition:transform .55s var(--vinyl-ease-in-out),opacity .3s ease,width .55s var(--vinyl-ease-in-out)}.vinyl-burger span:nth-child(1){top:17px}.vinyl-burger span:nth-child(2){top:22px;width:15px}.vinyl-burger span:nth-child(3){top:27px}.vinyl-burger.is-active span:nth-child(1){transform:translateY(5px) rotate(45deg)}.vinyl-burger.is-active span:nth-child(2){opacity:0;transform:translate(10px)}.vinyl-burger.is-active span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}.vinyl-hero__inner{position:relative;z-index:10;flex:1;display:flex;justify-content:center;padding:clamp(1.5rem,5vh,4.5rem) var(--vinyl-pad-x) 0;pointer-events:none}.vinyl-headline{margin:0;font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:clamp(2.7rem,6.3vw,6.75rem);line-height:1.06;letter-spacing:-.005em;text-align:center}.vinyl-line{display:block;overflow:hidden;white-space:nowrap;padding-bottom:.06em;margin-bottom:-.06em}.vinyl-line>span{display:block;transform:translateY(110%);opacity:0;animation:vinylLineUp 1.25s var(--vinyl-ease) forwards}.vinyl-line:first-child>span{animation-delay:.55s}.vinyl-line:last-child>span{animation-delay:.68s}.vinyl-rise{opacity:0;transform:translateY(-14px);animation:vinylRise .95s var(--vinyl-ease) forwards}.vinyl-d1{animation-delay:.18s}.vinyl-d2{animation-delay:.26s}.vinyl-d3{animation-delay:.32s}.vinyl-d4{animation-delay:.38s}.vinyl-d5{animation-delay:.44s}.vinyl-d6{animation-delay:.52s}.vinyl-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;justify-content:center;padding:0 var(--vinyl-pad-x);background:#e9f0f6eb;backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .85s var(--vinyl-ease-in-out),visibility 0s linear .85s}.vinyl-menu.is-open{clip-path:inset(0 0 0 0);visibility:visible;transition:clip-path .85s var(--vinyl-ease-in-out),visibility 0s linear 0s}.vinyl-menu__list{list-style:none;margin:0;padding:0}.vinyl-menu__list li{overflow:hidden}.vinyl-menu__list a{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(2.35rem,12vw,3.4rem);line-height:1.22;padding:.12em 0;display:block;transform:translateY(115%);opacity:0;transition:transform .8s var(--vinyl-ease),opacity .6s ease}.vinyl-menu.is-open .vinyl-menu__list li:nth-child(1) a{transform:translateY(0);opacity:1;transition-delay:.26s}.vinyl-menu.is-open .vinyl-menu__list li:nth-child(2) a{transform:translateY(0);opacity:1;transition-delay:.33s}.vinyl-menu.is-open .vinyl-menu__list li:nth-child(3) a{transform:translateY(0);opacity:1;transition-delay:.4s}.vinyl-menu.is-open .vinyl-menu__list li:nth-child(4) a{transform:translateY(0);opacity:1;transition-delay:.47s}.vinyl-menu__rule{height:1px;background:#0b0b0c29;margin:2.2rem 0 0;transform:scaleX(0);transform-origin:left;transition:transform .9s var(--vinyl-ease)}.vinyl-menu.is-open .vinyl-menu__rule{transform:scaleX(1);transition-delay:.5s}.vinyl-menu__foot{margin-top:2.2rem;opacity:0;transform:translateY(22px);transition:transform .8s var(--vinyl-ease),opacity .6s ease}.vinyl-menu.is-open .vinyl-menu__foot{opacity:1;transform:translateY(0);transition-delay:.56s}.vinyl-menu__foot .vinyl-btn-play{padding:.95rem 1.6rem;font-size:1rem}@keyframes vinylMediaIn{to{transform:scale(1);filter:blur(0);opacity:1}}@keyframes vinylRise{to{opacity:1;transform:translateY(0)}}@keyframes vinylLineUp{to{transform:translateY(0);opacity:1}}@media (max-width:900px){.vinyl-nav__links,.vinyl-nav__right>.vinyl-btn-play{display:none}.vinyl-burger{display:block}.vinyl-hero__media img,.vinyl-hero__media video{object-position:center 60%}.vinyl-hero__inner{align-items:flex-start}.vinyl-line{white-space:normal}.vinyl-headline{font-size:clamp(2.4rem,6.4vw,3.6rem);max-width:15ch}}@media (max-width:900px) and (orientation:portrait){.vinyl-hero__media:before{display:block}.vinyl-hero__media img,.vinyl-hero__media video{top:auto;bottom:0;height:64svh;object-position:center 62%;mask-image:linear-gradient(180deg,#0000,#0009 9%,#000 20%);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.6) 9%,#000 20%)}}@media (max-width:560px){.vinyl-headline{font-size:clamp(2.15rem,9.4vw,3.1rem);line-height:1.12;max-width:11ch}.vinyl-hero__inner{padding-top:clamp(1.75rem,7vh,3rem)}.vinyl-hero__media img,.vinyl-hero__media video{object-position:center 58%}}@media (max-width:380px){.vinyl-headline{font-size:2rem}}@media (max-height:520px) and (orientation:landscape){.vinyl-headline{font-size:clamp(1.7rem,5vw,2.4rem);max-width:22ch}.vinyl-hero__inner{padding-top:.75rem}.vinyl-menu__list a{font-size:clamp(1.4rem,5vw,1.9rem)}.vinyl-menu__rule,.vinyl-menu__foot{margin-top:1.2rem}}@media (max-width:560px){.vinyl-headline{max-width:13ch}}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;width:100%;height:100vh;height:100svh;height:100dvh;padding:0;overflow:hidden;background:transparent;color:#fff;transition:none;isolation:isolate}.opening-stage{position:relative;top:0;width:100%;height:100vh;height:100svh;height:100dvh;overflow:hidden;background:#2f61ae;opacity:1;will-change:opacity}.opening-media,.opening-media video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.opening-media{background:#2f61ae url(/assets/opening-poster-BIPBL8XF.webp) center/cover no-repeat}.opening-media video{object-fit:cover;object-position:center;z-index:1;opacity:1;aspect-ratio:16/9;filter:none;image-rendering:auto}.opening-status{position:absolute;left:clamp(18px,3vw,46px);bottom:clamp(18px,3vw,38px);z-index:4;display:flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:#080e133d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font:500 9px/1 var(--mono);letter-spacing:.12em;color:#ffffffd1;transition:opacity .4s ease,transform .4s ease}.opening-status__dot{width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 10px #ffffffbf}.opening-status.is-ready .opening-status__dot{background:var(--acid);box-shadow:0 0 11px #c9ff36bf}.intro.is-resuming .opening-status,.intro.is-complete .opening-status{opacity:0;transform:translateY(8px);pointer-events:none}.opening-scroll{position:absolute;left:50%;bottom:clamp(18px,3vw,36px);z-index:4;display:flex;flex-direction:column;align-items:center;gap:10px;opacity:0;transform:translate(-50%,10px);color:#fff;text-shadow:0 1px 14px rgba(0,0,0,.45);transition:opacity .6s ease,transform .6s ease;pointer-events:none}.intro.is-waiting .opening-scroll{opacity:.86;transform:translate(-50%)}.intro.is-buffering .opening-scroll{opacity:0;transform:translate(-50%,10px)}.intro.is-buffering .opening-status__dot{animation:openingBufferPulse 1s ease-in-out infinite}.intro.is-video-fallback .opening-scroll{opacity:0;transform:translate(-50%,10px)}.opening-scroll span{font:500 12px/1.2 var(--sans);letter-spacing:.16em}.opening-scroll__touch{display:none}.opening-scroll i{position:relative;width:26px;height:40px;overflow:visible;border:1.5px solid rgba(255,255,255,.82);border-radius:14px;background:#060c1229;box-shadow:0 4px 18px #00000038,inset 0 0 0 1px #ffffff14;animation:openingMouseBob 1.8s ease-in-out infinite}.opening-scroll i:after{content:"";position:absolute;left:50%;top:7px;width:3px;height:8px;border-radius:999px;background:#fff;box-shadow:0 0 8px #ffffffc7;transform:translate(-50%);animation:openingMouseWheel 1.8s cubic-bezier(.22,1,.36,1) infinite}@media (min-width:821px){.opening-scroll{bottom:clamp(52px,6vh,78px);gap:12px}.opening-scroll span{font-size:14px}.opening-scroll i{width:32px;height:48px;border-width:2px;border-radius:17px}.opening-scroll i:after{top:8px;width:4px;height:10px}}.opening-play{position:absolute;left:50%;bottom:clamp(28px,5vw,62px);z-index:5;transform:translate(-50%);border:1px solid rgba(255,255,255,.5);border-radius:999px;background:#060c1275;color:#fff;padding:12px 18px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer}.site{position:relative;z-index:auto;margin-top:0;opacity:1;visibility:visible;background:var(--bg)}@keyframes openingMouseBob{0%,to{transform:translateY(0)}55%{transform:translateY(4px)}}@keyframes openingMouseWheel{0%{opacity:0;transform:translate(-50%)}20%{opacity:1}70%{opacity:1}to{opacity:0;transform:translate(-50%,13px)}}@keyframes openingBufferPulse{50%{opacity:.35;transform:scale(.78)}}@media (max-width:820px){.opening-media video{object-position:center center}.opening-status,.opening-scroll{bottom:max(18px,calc(env(safe-area-inset-bottom) + 10px))}.intro.is-waiting:not(.is-buffering) .opening-status{opacity:0;transform:translateY(8px);pointer-events:none}.opening-play{bottom:max(28px,calc(env(safe-area-inset-bottom) + 12px))}}@media (hover:none),(pointer:coarse){.opening-scroll__desktop{display:none}.opening-scroll__touch{display:inline}}@media (orientation:landscape) and (max-height:520px){.contact{height:100dvh;min-height:0}.opening-status{left:max(18px,calc(env(safe-area-inset-left) + 10px));bottom:max(14px,calc(env(safe-area-inset-bottom) + 8px))}.opening-play{bottom:max(20px,calc(env(safe-area-inset-bottom) + 12px))}}@media (max-width:768px){.about-page:before{background-size:100% 180px,100% 290px,100% 100%}}.site>.nav{position:fixed;top:0;right:0;left:0;z-index:120;display:block;height:auto;padding:clamp(16px,2.2vw,28px) clamp(18px,3vw,48px) 0;border:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;transition:opacity .28s ease,visibility .28s ease}.site>.nav .nav__inner{display:flex;justify-content:flex-end;width:100%;margin:0 auto}.site>.nav .nav__links{display:flex;align-items:center;justify-content:space-between;width:clamp(360px,27vw,440px);gap:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#fff;font:500 clamp(13px,.86vw,15px)/1 var(--sans);letter-spacing:.06em;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:auto}.site>.nav .nav__links a{position:relative;padding:9px 0;text-shadow:none}.site>.nav .nav__links a:after{content:"";position:absolute;right:0;bottom:0;left:0;height:1px;background:#dbad6a;transform:scaleX(0);transform-origin:right;transition:transform .35s ease}.site>.nav .nav__links a:hover:after,.site>.nav .nav__links a:focus-visible:after{transform:scaleX(1);transform-origin:left}.site>.nav .nav__links a:last-child{padding:9px 16px;border:1px solid rgba(255,255,255,.5);border-radius:999px;transition:background-color .25s ease,border-color .25s ease}.site>.nav .nav__links a:last-child:after{display:none}.site>.nav .nav__links a:last-child:hover,.site>.nav .nav__links a:last-child:focus-visible{border-color:#fff;background:transparent}body.nav-on-light .site>.nav .nav__links{color:#1d1d1c}body.nav-on-light .site>.nav .nav__links a:last-child{border-color:#1d1d1c80}body.nav-on-light .site>.nav .nav__links a:last-child:hover,body.nav-on-light .site>.nav .nav__links a:last-child:focus-visible{border-color:#1d1d1c}body.nav-on-contact .site>.nav{padding-bottom:clamp(16px,2.2vw,28px);background:linear-gradient(180deg,#040a16d1,#040a162e);backdrop-filter:none;-webkit-backdrop-filter:none}body.nav-on-contact .site>.nav .nav__links{color:#fff}body.nav-on-contact .site>.nav .nav__links a:last-child{border-color:#ffffff80}.intro{--vinyl-poster:url(/assets/opening-poster-BIPBL8XF.webp)}body.is-project-detail .site>.nav{opacity:0;visibility:hidden;pointer-events:none}.projects-page{height:100vh;height:100svh;height:100dvh;min-height:0}#projectsRoot{width:100%;height:100%;min-height:0}.about-page{min-height:100vh;min-height:100svh;min-height:100dvh;overflow:hidden;color:#f6f0e7;background:#34251d}.about-page:before,.about-page:after{content:none;display:none}.about-page__content{width:100%;min-height:100vh;min-height:100svh;min-height:100dvh;margin:0;padding:0}.about-page .about__lanyard{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;overflow:visible;contain:none;pointer-events:auto;touch-action:pan-y}.about-page .about__lanyard .lanyard,.about-page .about__lanyard .lanyard-canvas{width:100%;height:100%;overflow:visible}.about-page .about__grid{display:grid;grid-template-columns:minmax(360px,.86fr) minmax(500px,1.14fr);gap:clamp(36px,6vw,112px);align-items:center;width:min(100%,1920px);min-height:100vh;min-height:100svh;min-height:100dvh;margin:0 auto;padding:clamp(92px,11vh,150px) clamp(38px,6vw,116px) clamp(48px,6vh,84px);position:relative;z-index:2;pointer-events:none}.about-page .about__visual{height:70vh;min-height:500px;overflow:visible;background:transparent}.about-page .about__copy{width:min(100%,760px);justify-self:end;padding:clamp(34px,4.2vw,68px) 0 clamp(34px,4.2vw,68px) clamp(30px,4.2vw,74px);border-left:1px solid rgba(246,240,231,.26);text-shadow:0 2px 18px rgba(15,8,4,.3)}.about__copy-head{display:flex;align-items:center;justify-content:space-between;gap:22px}.about__copy-head .eyebrow{margin:0;color:#dbad6a}.about__copy-head>span{color:#f6f0e780;white-space:nowrap}.about-page .about__copy h3{margin:clamp(20px,3vh,34px) 0 12px;font:500 clamp(58px,6.7vw,118px)/.86 var(--sans);letter-spacing:-.075em;color:#f6f0e7}.about__statement{margin:0 0 clamp(24px,3vh,38px);font-size:clamp(24px,2.2vw,38px);font-weight:400;line-height:1.32;letter-spacing:-.035em;color:#f1e7d9}.about-page .about__lead{max-width:680px;margin:0;color:#f6f0e7c2;font-size:clamp(14px,1.08vw,18px);line-height:1.95}.about-page .stats{margin:clamp(28px,3.6vh,46px) 0 26px;padding:22px 0;border-color:#f6f0e73d}.about-page .stats strong{color:#f6f0e7}.about-page .stats span{color:#f6f0e794}.about-page .skills span{color:#f6f0e7b8;border-color:#f6f0e747;background:#140a051a}@media (max-width:900px),(orientation:landscape) and (max-height:520px){.site>.nav{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left))}.site>.nav .nav__inner{justify-content:flex-end}.site>.nav .nav__links{width:min(100%,360px);gap:0;padding:0;font-size:13px}.about-page{min-height:142svh;background-position:center top}.about-page__content,.about-page .about__grid{min-height:142svh}.about-page .about__grid{grid-template-columns:1fr;grid-template-rows:minmax(500px,72svh) auto;gap:0;padding:54px 20px 64px}.about-page .about__visual{height:auto;min-height:0}.about-page .about__copy{width:100%;max-width:none;justify-self:stretch;padding:36px 0 0;border-left:0;border-top:1px solid rgba(246,240,231,.28)}.about-page .about__copy h3{font-size:clamp(54px,16vw,92px)}}@media (max-width:520px){.site>.nav .nav__links{width:min(100%,350px);gap:0;padding:0;font-size:12px}.site>.nav .nav__links a:last-child{padding:8px 12px}.about-page,.about-page__content,.about-page .about__grid{min-height:150svh}.about-page .about__grid{grid-template-rows:minmax(440px,66svh) auto;padding-inline:18px}.about__copy-head{align-items:flex-start;flex-direction:column;gap:8px}.about-page .about__copy h3{font-size:clamp(48px,15vw,72px)}.about__statement{font-size:clamp(22px,7vw,30px)}.about-page .stats{gap:8px}}.about-mobile-profile{display:none}.about-page{--about-stage-width:min(100vw,177.7778svh);--about-stage-width:min(100vw,177.7778dvh);--about-stage-height:min(100svh,56.25vw);--about-stage-height:min(100dvh,56.25vw);height:100vh;height:100svh;height:100dvh;min-height:0;background:#2b1c14 url(/assets/about-background-DL_2u0Yz.webp) center/cover no-repeat}body.is-intro .about-page{background-image:none}.about-page__content{position:relative;width:100%;height:100%;min-height:0;overflow:hidden}.about-page__stage{position:absolute;top:50%;left:50%;width:var(--about-stage-width);height:var(--about-stage-height);overflow:hidden;transform:translate(-50%,-50%)}.about-page__dossier{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none}#aboutTicketRoot{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.about-page .about__lanyard{top:0;right:0;bottom:0;left:0;z-index:3}@media (max-width:900px),(orientation:landscape) and (max-height:520px){.about-page,.about-page__content{height:auto;min-height:100svh;min-height:100dvh}.about-page__content{padding:clamp(340px,53svh,450px) 18px 36px;padding:clamp(340px,53dvh,450px) 18px 36px;overflow:visible}.about-page__stage{inset:0 0 auto;width:55%;height:clamp(340px,53svh,450px);height:clamp(340px,53dvh,450px);transform:none}.about-page__dossier{display:none}.about-page .about__lanyard{top:44px;right:0;bottom:0;left:0}.about-mobile-profile{display:block;position:relative;padding:26px 22px;background:#f3eee4 url(/assets/projects-background-D3utJQTt.webp) center/cover;color:#252520;box-shadow:0 6px 20px #0003;font-size:14px;line-height:1.9}.about-mobile-profile h1{margin:8px 0 18px;font:800 clamp(40px,10vw,64px)/1 Kanit,sans-serif;letter-spacing:-.03em}.about-mobile-profile h1:after{content:"";display:block;width:95px;height:4px;margin-top:18px;background:#8f9906}.about-mobile-profile__label{font:500 12px/1.5 Kanit,sans-serif;color:#73716b;letter-spacing:.06em}.about-mobile-profile__role{font:500 13px/1.6 Kanit,sans-serif;letter-spacing:.08em;color:#73716b}.about-mobile-profile h2{margin:28px 0 16px;font:600 28px/1.1 Kanit,sans-serif}.about-mobile-profile h3{margin:20px 0 4px;font-size:16px;line-height:1.6}.about-mobile-profile__date{margin:0;color:#859006;font-weight:500}}
