:root{--ink:#0c0c0c;--paper:#f2f0ea;--silver:#d7e2ea;--gold:#d6a62a}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--ink)}body{background:var(--ink);color:var(--silver);font-family:Kanit,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block}::selection{background:var(--gold);color:#111}.hero{isolation:isolate;background:#050505;flex-direction:column;min-height:100svh;display:flex;position:relative;overflow:hidden}.aurora-canvas{z-index:-3;opacity:.95;filter:blur(22px);width:100%;height:72%;position:absolute;inset:0 0 auto;transform:scale(1.04);-webkit-mask-image:linear-gradient(#000 0% 58%,#0000 100%);mask-image:linear-gradient(#000 0% 58%,#0000 100%)}.hero:after{content:"";z-index:-2;pointer-events:none;background:linear-gradient(#0000 0%,#0505050a 38%,#050505 82%);position:absolute;inset:0}.hero-grain{z-index:-1;opacity:.18;pointer-events:none;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='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.24'/%3E%3C/svg%3E");position:absolute;inset:0}.site-header{z-index:30;justify-content:center;align-items:center;min-height:76px;padding:24px clamp(20px,3vw,48px);display:flex;position:relative}.nav-links{text-transform:uppercase;letter-spacing:.16em;gap:clamp(24px,5vw,72px);font-size:.9rem;font-weight:500;display:flex}.nav-links a{transition:opacity .2s,color .2s}.nav-links a:hover{color:#fff;opacity:.72}.menu-toggle{color:var(--silver);background:0 0;border:0;display:none}.hero-heading-wrap{width:100%;height:clamp(120px,18vw,310px);margin-top:clamp(22px,2vw,36px);overflow:hidden}.text-pressure-shell{width:calc(100vw - clamp(14px,1.4vw,26px));height:100%;margin-inline:auto;position:relative}.hero-heading{z-index:2;white-space:nowrap;letter-spacing:-.035em;text-transform:uppercase;filter:drop-shadow(0 2px 1px #ffffff29);cursor:default;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:flex-start;width:100%;height:100%;margin:0;font-family:Roboto Flex,Kanit,sans-serif;font-weight:100;line-height:.74;display:flex;position:relative}.pressure-char{color:#0000;font-variation-settings:"wght" 450,"wdth" 100;transform-origin:bottom;will-change:font-variation-settings,transform;background:linear-gradient(#f2f7fa 0%,#aab6c0 70%,#59616c 100%);-webkit-background-clip:text;background-clip:text;flex:none;display:inline-block}.pressure-space{width:.2em}.portrait-wrap{--mx:0px;--my:0px;z-index:10;width:clamp(285px,35vw,570px);height:clamp(285px,35vw,570px);transform:translateX(-50%) translate3d(var(--mx),var(--my),0);transition:transform .45s cubic-bezier(.2,.8,.2,1);position:absolute;top:clamp(190px,18.5vw,270px);bottom:auto;left:50%}.portrait{z-index:2;object-fit:contain;filter:drop-shadow(0 30px 45px #000000b3);will-change:transform;width:100%;height:100%;animation:4.8s ease-in-out infinite portrait-float;position:relative}.portrait-glow{z-index:1;filter:blur(26px);background:radial-gradient(circle,#d6a62a47,#0000 68%);border-radius:50%;position:absolute;inset:24%}@keyframes portrait-float{0%,to{transform:translate(-4px,2px)rotate(-.35deg)}50%{transform:translate(5px,-10px)rotate(.45deg)}}.hero-bottom{z-index:20;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;inset:auto clamp(20px,3vw,48px) clamp(28px,4vw,52px)}.hero-bottom p{text-transform:uppercase;letter-spacing:.08em;max-width:280px;font-size:clamp(.82rem,1.25vw,1.25rem);line-height:1.15}.primary-button{color:#fff;text-transform:uppercase;letter-spacing:.12em;background:linear-gradient(120deg,#171717,#6d4910 60%,#c18a17);border:1px solid #ffffffbf;border-radius:999px;align-items:center;gap:10px;padding:15px 25px;font-size:.78rem;font-weight:600;transition:transform .25s,box-shadow .25s;display:inline-flex;box-shadow:inset 0 0 18px #ffce4d2b,0 12px 35px #00000059}.primary-button:hover{transform:translateY(-3px);box-shadow:inset 0 0 20px #ffce4d33,0 17px 40px #00000080}.scroll-label{z-index:20;text-transform:uppercase;letter-spacing:.2em;opacity:.45;font-size:.62rem;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.motion-strip{background:var(--ink);gap:14px;padding:96px 0 72px;display:grid;overflow:hidden}.motion-intro{grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr);align-items:end;gap:48px;width:min(1180px,100% - 48px);margin:0 auto 56px;display:grid}.motion-intro h2{color:#e5edf2;letter-spacing:-.065em;text-transform:uppercase;max-width:900px;font-size:clamp(3.25rem,7.2vw,7.6rem);font-weight:900;line-height:.82}.motion-title-line{display:block}.motion-title-mobile-line{display:inline}.motion-intro>p{color:#9aa5ad;max-width:390px;padding-bottom:8px;font-size:clamp(.95rem,1.2vw,1.14rem);font-weight:300;line-height:1.55}.marquee-track{will-change:transform;gap:14px;width:max-content;animation:48s linear infinite marquee;display:flex}.marquee-track.reverse{animation-duration:56s;animation-direction:reverse;transform:translate(-35%)}.showcase-card{background:#151515;border:1px solid #ffffff1a;border-radius:26px;flex:none;width:clamp(280px,31vw,470px);height:clamp(190px,20vw,305px);position:relative;overflow:hidden}.showcase-card img{object-fit:cover;object-position:top center;filter:saturate(.82)contrast(1.05);width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .4s}.showcase-info{background:linear-gradient(#0000,#000000e6);justify-content:space-between;align-items:flex-end;gap:18px;min-height:48%;padding:50px 20px 18px;display:flex;position:absolute;inset:auto 0 0}.showcase-info span{display:grid}.showcase-info strong{color:#fff;text-transform:uppercase;letter-spacing:.04em;font-size:1rem;line-height:1.1}.showcase-info small{color:#bdc6cc;text-transform:uppercase;letter-spacing:.12em;margin-top:5px;font-size:.66rem}.showcase-info em{color:var(--gold);text-transform:uppercase;letter-spacing:.11em;flex:none;font-size:.62rem;font-style:normal}.showcase-card:hover img{filter:saturate()contrast(1.04);transform:scale(1.045)}@keyframes marquee{to{transform:translate(-50%)}}.section-dark{background:var(--ink)}.about{text-align:center;place-items:center;min-height:100svh;padding:120px 24px;display:grid;position:relative;overflow:hidden}.about .reveal{z-index:2;max-width:940px;position:relative}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.25em;margin-bottom:18px;font-size:.72rem;font-weight:600}.eyebrow.dark{color:#7a5b0d}.display-heading{letter-spacing:-.065em;text-transform:uppercase;color:#0000;background:linear-gradient(#eaf2f6,#68737c);-webkit-background-clip:text;background-clip:text;font-size:clamp(4rem,12vw,10.5rem);font-weight:900;line-height:.82}.display-heading.dark{color:var(--ink);background:0 0}.about-copy{color:#cbd4da;max-width:720px;margin:50px auto 38px;font-size:clamp(1rem,1.65vw,1.35rem);font-weight:300;line-height:1.65}.text-link{border-bottom:1px solid var(--gold);text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:7px;padding-bottom:5px;font-size:.8rem;display:inline-flex}.orb{filter:blur(2px);border-radius:50%;position:absolute}.orb-one{background:radial-gradient(circle at 35% 35%,#8867ff,#1b0b51 55%,#0000 72%);width:220px;height:220px;top:12%;left:-70px;box-shadow:0 0 75px #5431e759}.orb-two{background:radial-gradient(circle at 35% 35%,#ff8a45,#5b120e 55%,#0000 72%);width:160px;height:160px;bottom:12%;right:-40px;box-shadow:0 0 70px #ed422847}.services{z-index:2;background:var(--paper);color:var(--ink);border-radius:58px 58px 0 0;padding:120px clamp(20px,5vw,76px) 150px;position:relative}.services>.reveal{text-align:center;margin-bottom:80px}.service-list{max-width:1180px;margin:0 auto}.service-reveal{border-top:1px solid #0c0c0c29}.service-reveal:last-child{border-bottom:1px solid #0c0c0c29}.service-item{grid-template-columns:minmax(110px,220px) 1fr auto;align-items:center;gap:35px;min-height:200px;padding:28px 5px;display:grid}.service-number{letter-spacing:-.07em;font-size:clamp(4rem,8vw,8rem);font-weight:900;line-height:1}.service-item h3{text-transform:uppercase;font-size:clamp(1.25rem,2.3vw,2.15rem);font-weight:600}.service-item p{opacity:.63;max-width:680px;margin-top:12px;font-size:clamp(.92rem,1.25vw,1.12rem);font-weight:300;line-height:1.55}.service-arrow{width:34px;height:34px;transition:transform .25s}.service-item:hover .service-arrow{transform:translate(5px,-5px)}.projects{z-index:3;border-radius:58px 58px 0 0;margin-top:-58px;padding:120px clamp(18px,4vw,64px) 140px;position:relative}.projects>.reveal{text-align:center;margin-bottom:90px}.project-stack{max-width:1280px;margin:0 auto}.project-card{--stack-index:0;top:calc(62px + var(--stack-index) * 18px);background:linear-gradient(145deg,#121212,#080808 70%);border:1px solid #d7e2ea6b;border-radius:48px;min-height:740px;margin-bottom:12vh;padding:clamp(18px,2.4vw,34px);position:sticky;overflow:hidden;box-shadow:0 -18px 60px #000000a6,inset 0 1px #ffffff14}.project-card:before{content:"";background:var(--card-accent);height:4px;position:absolute;inset:0 0 auto}.project-top{grid-template-columns:170px 1fr auto;align-items:center;gap:26px;margin-bottom:28px;display:grid}.project-number{letter-spacing:-.08em;font-size:clamp(4.5rem,8vw,8rem);font-weight:900;line-height:.8}.project-top p{color:var(--gold);text-transform:uppercase;letter-spacing:.17em;font-size:.68rem}.project-top h3{text-transform:uppercase;margin-top:7px;font-size:clamp(1.4rem,2.6vw,2.7rem);line-height:1}.project-pill{text-transform:uppercase;letter-spacing:.14em;border:1px solid #d7e2ea8c;border-radius:99px;padding:11px 20px;font-size:.68rem}.project-gallery{grid-template-rows:42% 1fr;grid-template-columns:40% 1fr;gap:14px;height:540px;display:grid}.project-gallery img{object-fit:contain;object-position:top center;background:#0b0b0b;border-radius:30px;width:100%;height:100%;min-height:0}.project-gallery img:nth-child(3){grid-area:1/2/3}.footer{text-align:center;background:#050505;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:110px 22px 28px;display:flex;position:relative;overflow:hidden}.footer-orbit{aspect-ratio:1;border:1px solid #d6a62a21;border-radius:50%;width:min(80vw,900px);position:absolute;box-shadow:0 0 120px #d6a62a12,inset 0 0 120px #5b32ff0f}.footer h2{letter-spacing:-.06em;text-transform:uppercase;margin:12px 0 55px;font-size:clamp(3.3rem,9vw,9rem);font-weight:900;line-height:.83;position:relative}.footer h2 span{color:var(--gold)}.footer .primary-button{position:relative}.footer-bottom{text-transform:uppercase;letter-spacing:.13em;opacity:.55;justify-content:space-between;font-size:.65rem;display:flex;position:absolute;bottom:25px;left:clamp(20px,3vw,48px);right:clamp(20px,3vw,48px)}.reveal{opacity:0;transition:opacity .75s,transform .75s cubic-bezier(.2,.8,.2,1);transform:translateY(45px)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (max-width:767px){.site-header{min-height:68px;padding:20px}.nav-links{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080808f0;border:1px solid #ffffff1f;border-radius:20px;flex-direction:column;gap:0;padding:12px;display:none;position:absolute;top:68px;left:16px;right:16px}.nav-links.is-open{display:flex}.nav-links a{border-bottom:1px solid #ffffff12;padding:14px 10px}.nav-links a:last-child{border-bottom:0}.menu-toggle{place-items:center;display:grid;position:absolute;top:20px;right:20px}.hero{height:clamp(640px,90svh,690px);min-height:640px}.hero-heading-wrap{height:clamp(82px,23vw,102px);margin-top:52px}.text-pressure-shell{width:calc(100vw - 24px)}.hero-heading{letter-spacing:-.035em;line-height:.82}.pressure-space{width:.16em}.portrait-wrap{width:min(92vw,430px);height:min(92vw,430px);top:clamp(142px,35vw,176px);bottom:auto}.hero-bottom{align-items:flex-end;bottom:22px}.hero-bottom p{max-width:135px;font-size:.72rem}.primary-button{padding:13px 17px;font-size:.65rem}.scroll-label{display:none}.aurora-canvas{height:63%}.motion-strip{padding-top:84px}.motion-intro{grid-template-columns:1fr;gap:24px;width:calc(100% - 40px);margin-bottom:38px}.motion-intro h2{letter-spacing:-.05em;text-wrap:initial;width:100%;max-width:100%;font-size:clamp(2.35rem,10.8vw,3.35rem);line-height:.91}.motion-title-mobile-line{display:block}.motion-intro>p{max-width:330px}.showcase-card{border-radius:20px;width:88vw;height:58vw}.showcase-info{padding:42px 15px 14px}.showcase-info em{display:none}.about{min-height:850px}.display-heading{letter-spacing:-.055em;text-wrap:balance;font-size:clamp(3.15rem,15vw,4rem);line-height:.9}.orb-one{width:140px;height:140px}.orb-two{width:105px;height:105px}.about-copy{margin-top:36px}.services{border-radius:34px 34px 0 0;padding:85px 20px 110px}.services>.reveal{margin-bottom:48px}.service-item{grid-template-columns:72px 1fr;gap:18px;min-height:0;padding:30px 0}.service-number{align-self:start;font-size:3.4rem}.service-arrow{display:none}.service-item h3{overflow-wrap:anywhere;font-size:1.08rem;line-height:1.16}.service-item p{margin-top:8px;font-size:.85rem}.projects{border-radius:34px 34px 0 0;margin-top:-34px;padding:85px 14px 100px}.projects>.reveal{margin-bottom:55px}.project-card{border-radius:28px;min-height:0;margin-bottom:8vh;padding:18px 16px 22px;top:18px}.project-top{grid-template-columns:80px 1fr;gap:14px}.project-number{font-size:4rem}.project-pill{display:none}.project-top h3{overflow-wrap:anywhere;font-size:1.25rem;line-height:1.08}.project-gallery{overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;height:auto;padding:2px 0 10px;display:flex;overflow-x:auto}.project-gallery::-webkit-scrollbar{display:none}.project-gallery img,.project-gallery img:nth-child(3){aspect-ratio:auto;object-fit:cover;object-position:top left;scroll-snap-align:start;border-radius:18px;flex:0 0 96%;grid-area:auto;width:96%;height:clamp(270px,76vw,330px)}.footer h2{letter-spacing:-.045em;text-wrap:initial;width:100%;max-width:100%;padding-inline:4px;font-size:clamp(2rem,10.2vw,2.75rem);line-height:.92}.footer h2 br{display:block}.footer-bottom{gap:18px;font-size:.55rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}