*,:after,:before{margin:0;padding:0;box-sizing:border-box}:root{--white:#FFFFFF;--platinum:#F6F7F9;--onyx:#0A0A0A;--carbon:#1F1F1F;--dim-grey:#6B6B6B;--gold:#B8924A;--black:var(--onyx);--ease-smooth:cubic-bezier(0.65,0,0.35,1);--ease-out:cubic-bezier(0.22,1,0.36,1);--ease-cinematic:cubic-bezier(0.76,0,0.24,1);--font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--header-row-top:clamp(1rem,2vw,1.5rem);--header-row-center:calc(var(--header-row-top) + 0.6rem)}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font);background:var(--black);color:var(--white);overflow:hidden}body.animation-complete{overflow:auto}.intro-black-overlay{position:fixed;inset:0;background:var(--black);z-index:80;transition:-webkit-clip-path 1.5s;transition:clip-path 1.5s;transition:clip-path 1.5s,-webkit-clip-path 1.5s;pointer-events:none}.intro-grid-line{position:absolute;background:rgba(255,255,255,.07)}.intro-grid-v1{left:25%;top:0;bottom:0;width:1px;transform:scaleY(0);transform-origin:top;transition:transform 1.2s}.intro-grid-v1.animate{transform:scaleY(1)}.intro-grid-v2{right:25%;top:0;bottom:0;width:1px;transform:scaleY(0);transform-origin:bottom;transition:transform 1.2s .1s}.intro-grid-v2.animate{transform:scaleY(1)}.intro-grid-h1{top:50%;left:0;right:0;height:1px;transform:scaleX(0);transform-origin:left;transition:transform 1.2s .2s}.intro-grid-h1.animate{transform:scaleX(1)}.intro-logo-text{position:fixed;z-index:200;display:flex;align-items:baseline;gap:0;white-space:nowrap;font-weight:500;text-transform:lowercase;pointer-events:none;mix-blend-mode:difference;transition:top 1.5s,left 1.5s,transform 1.5s,font-size 1.5s,letter-spacing 1.5s,-webkit-clip-path .8s var(--ease-cinematic);transition:top 1.5s,left 1.5s,transform 1.5s,font-size 1.5s,letter-spacing 1.5s,clip-path .8s var(--ease-cinematic);transition:top 1.5s,left 1.5s,transform 1.5s,font-size 1.5s,letter-spacing 1.5s,clip-path .8s var(--ease-cinematic),-webkit-clip-path .8s var(--ease-cinematic);line-height:1}.logo-part-design{color:var(--white)}.logo-part-boxx,.logo-part-studios{color:var(--gold)}.intro-subtitle-wrapper{position:fixed;z-index:200;top:calc(50% + clamp(1.5rem, 4vw, 3.5rem));left:50%;transform:translate(-50%);pointer-events:none;transition:opacity .6s var(--ease-cinematic),transform .6s var(--ease-cinematic)}.intro-subtitle-text{font-size:clamp(.55rem,1.2vw,.85rem);font-weight:400;letter-spacing:.35em;color:rgba(255,255,255,.5);text-transform:uppercase;white-space:nowrap}.hero-section{position:relative;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--black)}.premium-grain-overlay{position:absolute;inset:0;z-index:5;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.06}.hero-parallax-wrapper{position:absolute;inset:-5%;z-index:0}.hero-parallax-wrapper.animate-bg{animation:heroInitialScale 2.5s var(--ease-out) forwards}@keyframes heroInitialScale{0%{transform:scale(1.1)}to{transform:scale(1)}}.hero-bg{position:absolute;inset:0;will-change:transform}.hero-bg,.hero-bg img{width:100%;height:100%}.hero-bg img{object-fit:cover;filter:grayscale(100%) contrast(1.2) brightness(.5)}.hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(0,0,0,0) 0,rgba(10,10,10,.85) 100%);z-index:1}.hero-content{position:relative;z-index:10;width:100%;padding:0 4rem;display:flex;flex-direction:column;align-items:flex-start}.hero-line-mask{overflow:hidden;display:block;width:100%}.hero-tagline{font-size:clamp(3rem,10vw,10rem);font-weight:300;letter-spacing:-.04em;line-height:.9;text-transform:uppercase;color:var(--white);margin-bottom:0;display:block}.hero-subtitle{font-size:clamp(.75rem,1vw,.9rem);font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:rgba(255,255,255,.5);max-width:400px;margin:4rem 0;line-height:2;will-change:transform,opacity;border-left:1px solid rgba(255,255,255,.2);padding-left:2rem}.scroll-indicator{position:absolute;bottom:3rem;right:4rem;display:flex;flex-direction:column;align-items:center;gap:1rem;will-change:opacity}.scroll-indicator span{font-size:.65rem;letter-spacing:.25em;text-transform:uppercase;color:var(--white)}.scroll-line{width:1px;height:40px;background:var(--white);animation:scrollPulse 2s var(--ease-smooth) infinite}@keyframes scrollPulse{0%,to{transform:scaleY(.4);opacity:.3}50%{transform:scaleY(1);opacity:.8}}.hero-reveal-mask{-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);transition:-webkit-clip-path 1.4s var(--ease-out);transition:clip-path 1.4s var(--ease-out);transition:clip-path 1.4s var(--ease-out),-webkit-clip-path 1.4s var(--ease-out)}.hero-reveal-mask.revealed{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}.site-header{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:1.5rem 3rem;background:transparent;opacity:0;transform:translateY(-20px);pointer-events:none;transition:opacity .8s var(--ease-out),transform .8s var(--ease-out),background .4s ease,padding .4s ease}.site-header.visible{opacity:1;transform:translateY(0);pointer-events:auto}.site-header.scrolled{background:rgba(0,0,0,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:1.5rem 3rem}.header-logo-placeholder{min-width:120px;min-height:24px}.header-static-logo{display:block;font-size:clamp(.85rem,1.5vw,1.1rem);letter-spacing:.08em;text-decoration:none;font-weight:500;text-transform:lowercase}.project-detail-page .header-static-logo .logo-part-design{color:var(--black)}@media (max-width:768px){.header-static-logo{font-size:.9rem}}.header-nav{display:flex;gap:2.5rem;list-style:none}.header-nav a{font-size:.7rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.7);text-decoration:none;transition:color .3s ease;position:relative}.header-nav a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--white);transition:width .3s var(--ease-smooth)}.header-nav a:hover{color:var(--white)}.header-nav a:hover:after{width:100%}.content-section{padding:8rem 3rem;background:var(--white);color:var(--onyx)}.content-section--platinum{background:var(--platinum)}.content-section--dark{background:var(--carbon);color:var(--white)}.content-section h2{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:300;letter-spacing:.1em;margin-bottom:2rem;color:inherit}.content-section p{font-size:1rem;line-height:1.8;max-width:600px;color:var(--dim-grey)}.content-section--dark p{color:rgba(255,255,255,.6)}.hamburger{display:none;position:fixed;top:var(--header-row-center);right:1.5rem;flex-direction:column;justify-content:center;gap:4px;width:28px;height:20px;background:none;border:none;cursor:pointer;padding:0;z-index:300;transform:translateY(-50%);opacity:0;pointer-events:none;transition:opacity .8s var(--ease-out)}.hamburger.visible{opacity:1;pointer-events:auto}.hamburger-line{display:block;width:100%;height:2px;background:var(--white);border-radius:1px;transition:transform .35s var(--ease-smooth),opacity .25s ease;transform-origin:center}.hamburger.active .hamburger-line:first-child{transform:translateY(7px) rotate(45deg)}.hamburger.active .hamburger-line:nth-child(2){opacity:0}.hamburger.active .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:290;opacity:0;pointer-events:none;transition:opacity .4s ease}.mobile-menu-overlay.open{opacity:1;pointer-events:auto}.mobile-menu{position:fixed;top:0;right:0;bottom:0;width:min(320px,85vw);background:var(--white);z-index:300;transform:translateX(100%);transition:transform .45s var(--ease-smooth);display:flex;flex-direction:column;box-shadow:-8px 0 40px rgba(0,0,0,.15)}.mobile-menu.open{transform:translateX(0)}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid rgba(0,0,0,.08)}.mobile-menu-logo{font-size:.9rem;font-weight:500;letter-spacing:.06em;text-transform:lowercase}.mobile-menu-logo .logo-part-design{color:var(--black)}.mobile-menu-close{background:none;border:none;font-size:1.1rem;color:#999;cursor:pointer;padding:4px;line-height:1;transition:color .3s ease}.mobile-menu-close:hover{color:var(--black)}.mobile-menu-nav{list-style:none;padding:2rem 1.5rem;display:flex;flex-direction:column;gap:0}.mobile-menu-nav li{border-bottom:1px solid rgba(0,0,0,.08)}.mobile-menu-nav a{display:block;padding:1.2rem 0;font-size:.85rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:var(--black);text-decoration:none;transition:color .3s ease}.mobile-menu-nav a:hover{color:var(--gold)}.header-nav-desktop{display:block}@media (max-width:768px){.site-header,.site-header.scrolled{padding:1rem 1.5rem}.header-nav-desktop{display:none}.hamburger{display:flex}.header-logo-placeholder{min-width:80px}.intro-subtitle-wrapper{top:calc(50% + clamp(1.2rem, 5vw, 2.5rem))}.content-section{padding:4rem 1.5rem}}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:2rem 1.5rem;gap:2rem 1.5rem;margin-top:3rem}@media (min-width:1024px){.projects-grid{grid-template-columns:repeat(3,1fr);gap:4rem 2rem}.projects-grid .project-card:nth-child(3n+2){margin-top:3rem}.projects-grid .project-card:nth-child(3n+3){margin-top:6rem}}.project-card{cursor:pointer}.project-card-image-wrapper{position:relative;overflow:hidden;aspect-ratio:16/10;background:var(--carbon);margin-bottom:1.5rem}.project-card-image-wrapper img{width:100%;height:100%;object-fit:cover;will-change:transform}.project-card-overlay{position:absolute;inset:0;background:rgba(10,10,10,.4);display:flex;padding:1.5rem;flex-direction:column;justify-content:flex-end;pointer-events:none}.overlay-content{display:flex;justify-content:space-between;align-items:flex-end;width:100%}.project-year{color:var(--white);font-family:inherit;font-size:.85rem;letter-spacing:.1em}.project-icon-wrapper{background:rgba(255,255,255,.1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2)}.project-card-meta{display:flex;justify-content:space-between;align-items:baseline}.project-title{font-size:1.25rem;font-weight:300;letter-spacing:.05em;color:var(--black)}.content-section--dark .project-title{color:var(--white)}.project-category{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:var(--dim-grey)}.parallax-container{overflow:hidden;position:relative;width:100%;background:var(--carbon)}.parallax-img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;transform-origin:center;will-change:transform}.approach-list{list-style:none;margin-top:4rem;border-top:1px solid rgba(0,0,0,.1)}.content-section--dark .approach-list{border-top-color:rgba(255,255,255,.1)}.approach-item{padding:2.5rem 0;border-bottom:1px solid rgba(0,0,0,.1);display:flex;flex-direction:column;gap:1rem}.content-section--dark .approach-item{border-bottom-color:rgba(255,255,255,.1)}@media (min-width:768px){.approach-item{flex-direction:row;align-items:flex-start;justify-content:space-between}}.approach-number{font-size:.85rem;letter-spacing:.2em;color:var(--gold)}.approach-title{font-size:1.5rem;font-weight:300;flex:1 1}.approach-desc{font-size:.95rem;line-height:1.6;max-width:400px;color:var(--dim-grey)}.site-footer{background:var(--carbon);color:var(--white);padding:3rem;display:flex;flex-direction:column}.footer-bottom{display:grid;grid-template-columns:1fr;grid-gap:2.5rem;gap:2.5rem;border-top:1px solid rgba(255,255,255,.1);padding-top:2.5rem}.footer-bottom--compact{border-top:none;padding-top:0}@media (min-width:768px){.footer-bottom{grid-template-columns:repeat(3,1fr)}}.footer-col{display:flex;flex-direction:column;gap:1rem}.footer-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:rgba(255,255,255,.4)}.footer-col p{font-size:.9rem;line-height:1.6;color:rgba(255,255,255,.8)}.footer-socials{list-style:none;display:flex;flex-direction:column;gap:.8rem}.footer-socials a{color:rgba(255,255,255,.8);text-decoration:none;font-size:.9rem;display:flex;align-items:center;gap:.5rem;transition:color .3s ease}.footer-socials a:hover{color:var(--gold)}.footer-label--icon{display:flex;align-items:center;gap:.5rem}.footer-icon{color:var(--gold);flex-shrink:0}.footer-link{color:rgba(255,255,255,.8);text-decoration:none;font-size:.9rem;line-height:1.6;transition:color .3s ease}.footer-link:hover{color:var(--gold)}.footer-col--brand{display:flex;flex-direction:column;gap:1rem;align-items:flex-start}@media (min-width:768px){.footer-col--brand{align-items:flex-end}}.footer-brand{display:flex;align-items:center;gap:1rem}.footer-brand-name{font-size:clamp(1rem,2vw,1.4rem);font-weight:700;letter-spacing:.1em;text-transform:uppercase;line-height:1.3;color:var(--white);text-align:right}.footer-brand-design{color:var(--gold)}.footer-brand-studios{display:block;font-size:.7em;font-weight:300;letter-spacing:.3em;color:rgba(255,255,255,.5)}.footer-copyright{font-size:.85rem;line-height:1.6;color:rgba(255,255,255,.5);text-align:right}@media (max-width:768px){.footer-copyright{text-align:left}}.project-detail-page{background:var(--white);min-height:100vh;padding-top:var(--header-height,80px)}.project-hero{padding:2.5rem 3rem 3rem;max-width:1400px;margin:0 auto}.project-title-large{font-size:clamp(2.5rem,6vw,5rem);font-weight:300;letter-spacing:-.02em;color:var(--black);margin-bottom:2rem;line-height:1.1;text-transform:uppercase}.project-meta-large{display:flex;align-items:center;gap:1rem;font-size:.85rem;letter-spacing:.15em;text-transform:uppercase;color:var(--dim-grey);margin-bottom:3rem;border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:1rem}.project-meta-large .separator{color:var(--gold);font-size:1.2rem}.project-description{font-size:1.1rem;line-height:1.8;max-width:800px;color:var(--onyx);margin-bottom:4rem}.project-gallery{display:flex;flex-direction:column;gap:2rem;padding:0 3rem;margin:0 auto 8rem;max-width:1000px}.project-slide-wrapper{width:100%;aspect-ratio:16/9;background:var(--platinum);overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.05)}.project-slide-image{width:100%;height:100%;object-fit:cover;display:block}@media (max-width:768px){.project-hero{padding:1.5rem 1.5rem 2rem}.project-gallery{padding:0 1.5rem;margin-bottom:4rem;gap:1rem}.project-slide-wrapper{aspect-ratio:auto}}