@font-face{font-family:Anton;src:url('fonts/Anton-Regular.ttf') format('truetype');font-display:swap;font-weight:400}
:root{--red:#f52d25;--black:#101010;--white:#f3f0e9;--line:#ffffff30}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}img,video{max-width:100%}button{color:inherit}.skip{position:fixed;top:-60px;left:12px;background:var(--white);color:var(--black);padding:14px;z-index:99}.skip:focus{top:10px}header{position:fixed;z-index:10;top:0;width:100%;height:88px;padding:14px 3.5%;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#101010dd,#10101060);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid #ffffff18}.logo{font-size:58px;letter-spacing:-7px;font-weight:1000;line-height:1;color:var(--red);transition:translate .2s}.logo span:not([class^="fx-"]){font-size:13px;vertical-align:top;letter-spacing:0;margin-left:7px}nav{display:flex;gap:34px;font-size:11px;text-transform:uppercase;font-weight:bold}nav a{padding:13px 0;transition:color .2s}nav a:hover{color:var(--red)}.hero{padding:125px 3.5% 32px;min-height:100svh;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.eyebrow,.meta,.section-label,.small-note{font-size:10px;text-transform:uppercase;letter-spacing:1px;line-height:1.5}.eyebrow,.section-label{display:flex;justify-content:space-between;gap:20px}.eyebrow>span:not([class^="fx-"]):last-child{text-align:right}.hero h1{font-family:Anton,Impact,sans-serif;font-size:clamp(72px,12.15vw,210px);font-weight:400;letter-spacing:-.035em;line-height:1.05;margin:38px 0 42px}.line{display:flex;align-items:center;gap:2vw;white-space:nowrap}.culture{font-size:.97em}.fashion{font-size:1.07em}.inline-media{width:17vw;height:10vw;object-fit:cover;border-radius:2px;transform:rotate(-6deg);transition:transform .4s,translate .2s;flex-shrink:0}.inline-media:hover{transform:rotate(0) scale(1.05)}.hero .fashion .inline-media{width:22vw;height:10.5vw;transform:rotate(4deg);margin-right:1vw}.hero-star{color:var(--red);font-family:Arial,sans-serif;font-size:.9em;margin-left:auto}.small-note{align-self:end;margin:0 0 18px auto;white-space:normal;font-size:9px;letter-spacing:.5px}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:20px;border-top:1px solid var(--line);padding-top:20px}.hero-bottom p{font-size:13px;line-height:1.6;margin:0}.hero-bottom p span:not([class^="fx-"]){display:none}.scroll-link{font-size:9px;letter-spacing:1px;display:flex;align-items:center;gap:28px}.scroll-link span:not([class^="fx-"]){font-size:28px}.section{padding:80px 3.5%}h2{font-family:Anton,Impact,sans-serif;font-size:clamp(55px,8.5vw,144px);line-height:1.05;letter-spacing:-.025em;margin:30px 0 42px;font-weight:400;color:var(--red)}.heading-arrow{font-family:Arial,sans-serif;font-weight:400;float:right;font-size:.85em}h2 em{font-style:normal;color:var(--white)}.work{background:var(--red);color:var(--black)}.work h2{color:var(--black)}.work .section-label{border-bottom:1px solid #10101050;padding-bottom:17px}.work-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #10101050;padding-bottom:25px;margin-bottom:35px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:1px solid #10101088;background:transparent;color:var(--black);padding:11px 17px;border-radius:50px;font-size:11px;transition:background .2s,color .2s}.filters button sup{font-size:8px;margin-left:8px}.filters button.active,.filters button:hover{background:var(--black);color:var(--white)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:50px 22px}.card{display:block;min-width:0}.frame{aspect-ratio:1.13;background:#202020;overflow:hidden;position:relative;border-radius:2px;transition:border-radius .4s}.frame img,.frame video{height:100%;width:100%;object-fit:cover;transition:transform .65s}.card:hover .frame img,.card:hover .frame video,.card:focus-visible .frame img{transform:scale(1.035)}.card:hover .frame{border-radius:16px}.frame .arrow{position:absolute;right:16px;bottom:16px;background:var(--white);border-radius:50%;height:43px;width:43px;display:grid;place-items:center;font-size:22px;transition:transform .3s}.card:hover .arrow{transform:rotate(45deg)}.project-index,.play-badge{position:absolute;color:var(--white);font-size:9px;letter-spacing:1px;background:#101010aa;backdrop-filter:blur(8px);padding:8px 10px;border-radius:30px}.project-index{left:16px;top:16px}.play-badge{left:16px;bottom:16px}.card h3{font-family:Anton,Impact,sans-serif;font-size:clamp(26px,3.4vw,49px);text-transform:uppercase;letter-spacing:-.01em;line-height:1.08;font-weight:400;margin:12px 0}.card p{font-size:12px;max-width:430px;line-height:1.6;margin:0}.card .meta{display:flex;justify-content:space-between;gap:12px;margin-top:17px;font-size:9px}.card .meta span:not([class^="fx-"]):last-child{text-align:right}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.portrait{width:100%;height:auto;max-height:740px;object-fit:cover}.about-copy{font-family:Anton,Impact,sans-serif;font-size:clamp(35px,4.8vw,75px);line-height:1.08;letter-spacing:-1px;text-transform:uppercase}.about-copy em{font-style:normal;color:var(--red)}.about-copy p{font-family:Arial,sans-serif;font-size:14px;letter-spacing:0;text-transform:none;line-height:1.65;max-width:420px;margin-top:25px}.about-copy .back{font-family:Arial,sans-serif;margin-top:22px}.behind-header{display:flex;justify-content:space-between;gap:16px;margin-top:60px}.strip{display:flex;gap:14px;overflow-x:auto;padding:22px 0;scroll-snap-type:x mandatory;scrollbar-color:var(--red) #262626;scrollbar-width:thin}.strip-item{flex:0 0 auto;scroll-snap-align:start}.strip img,.strip video{height:280px;width:auto;max-width:80vw;object-fit:contain;display:block}.strip .image-open{height:100%;display:block}.contact{border-top:1px solid var(--line);padding-bottom:100px}.contact h2{font-size:clamp(65px,12vw,190px);line-height:.99}.email{display:flex;gap:25px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:10px 0 23px;font-size:clamp(18px,3.2vw,48px);letter-spacing:-.04em;overflow-wrap:anywhere}.email:hover{color:var(--red)}.email span:not([class^="fx-"]){font-size:1.6em}.socials{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:40px}.socials a{display:flex;justify-content:space-between;font-size:12px;line-height:1.5;gap:12px}.socials a:hover{color:var(--red)}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:10px;line-height:1.6;padding:25px 3.5% 45px;border-top:1px solid var(--line)}.footer-brand{font-family:Anton,Impact,sans-serif;font-size:40px;color:var(--red);letter-spacing:-2px}footer>span:not([class^="fx-"]){margin-right:auto}.glass.bottom{position:fixed;bottom:0;height:28px;width:100%;pointer-events:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);mask-image:linear-gradient(transparent,#000);z-index:10}.project{padding-top:130px}.project-kicker{display:flex;justify-content:space-between;gap:20px;margin-top:48px;border-top:1px solid var(--line);padding-top:20px}.project h1{font-family:Anton,Impact,sans-serif;font-size:clamp(50px,10vw,160px);font-weight:400;text-transform:uppercase;line-height:1.05;letter-spacing:-.025em;color:var(--red);margin:30px 0;overflow-wrap:anywhere;outline:none}.project-intro-row{display:flex;justify-content:space-between;gap:40px;align-items:center}.project-intro{max-width:670px;font-size:clamp(18px,2.2vw,30px);line-height:1.5;margin:5px 0 30px}.stat{min-width:160px;display:grid;text-align:right}.stat strong{font-family:Anton,sans-serif;font-size:65px;font-weight:400}.stat span:not([class^="fx-"]){font-size:10px;letter-spacing:1px}.credits{margin-top:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;font-size:13px}.credits summary{cursor:pointer;display:flex;justify-content:space-between;list-style:none;letter-spacing:1px;font-size:11px}.credits summary::-webkit-details-marker{display:none}.credits[open] summary span:not([class^="fx-"]){transform:rotate(45deg)}.credits dl{display:grid;grid-template-columns:1fr 1fr;gap:25px}.credits dt{color:#aaa;font-size:11px;margin-bottom:8px}.credits dd{margin:0;line-height:1.5}.credits small{font-size:10px;color:#aaa}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:45px}.gallery figure{margin:0;background:#191919;align-self:start;min-width:0}.gallery img,.gallery video{display:block;width:100%;height:auto;max-height:90vh;object-fit:contain}.gallery figure:first-child,.gallery .film{grid-column:1/-1}.gallery video{min-height:200px;background:#060606}.gallery figcaption{font-size:9px;letter-spacing:.8px;padding:15px;color:#ccc;display:flex;justify-content:space-between;gap:15px}.gallery figcaption a:hover{color:var(--red)}.image-open{border:0;background:none;padding:0;width:100%;cursor:zoom-in}.back{display:inline-block;border-bottom:1px solid;padding-bottom:8px}.next-project{display:flex;flex-direction:column;gap:24px;padding:60px 0 20px;margin-top:60px;border-top:1px solid var(--line)}.next-project strong{font-family:Anton,Impact,sans-serif;font-size:clamp(40px,7vw,100px);line-height:1.1;text-transform:uppercase;font-weight:400;color:var(--red)}.next-project:hover strong{color:var(--white)}.enter{animation:enter .4s both}@keyframes enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:5px}.modal-open{overflow:hidden}dialog{width:96vw;height:96svh;max-width:none;max-height:none;border:1px solid #ffffff30;padding:50px 45px;background:#101010;color:var(--white);overflow:hidden}dialog::backdrop{background:#000e;backdrop-filter:blur(8px)}dialog>img{display:block;width:100%;height:calc(100% - 40px);object-fit:contain}.lightbox-close{position:absolute;right:20px;top:15px;border:0;background:none;font-size:11px;letter-spacing:1px;padding:8px}.lightbox-bar{display:flex;justify-content:center;align-items:center;gap:30px;font-size:11px;padding-top:14px}.lightbox-bar button{border:1px solid #ffffff55;background:none;border-radius:50%;width:34px;height:34px}.lightbox-original{font-size:9px}::selection{background:var(--red);color:var(--black)}.work ::selection{background:var(--black);color:var(--red)}
@media(min-width:1800px){.hero h1{font-size:12vw}}
@media(max-width:900px){.work-tools{align-items:start;flex-direction:column}.socials{grid-template-columns:1fr 1fr}.about-layout{gap:5vw}.small-note{display:none}.hero h1{font-size:12.4vw}.hero-bottom{align-items:center}.hero-bottom>.meta{display:none}}
@media(max-width:600px){html{scroll-padding-top:80px}header{height:72px;padding:12px 5%}.logo{font-size:44px;letter-spacing:-5px}nav{gap:17px;font-size:10px}.hero{padding:103px 5% 27px;min-height:80svh}.eyebrow{font-size:8px;letter-spacing:.5px}.hero h1{font-size:12vw;margin:60px 0;line-height:1.12}.culture{font-size:.95em}.line{gap:2vw}.inline-media{width:19vw;height:14vw}.hero .fashion .inline-media{width:21vw;height:13vw}.hero-star{font-size:.75em}.hero-bottom{gap:12px;align-items:end}.hero-bottom p{font-size:10px;line-height:1.6}.scroll-link{font-size:8px;max-width:115px;gap:10px;line-height:1.5}.section{padding:55px 5%}h2{font-size:13vw;margin:25px 0 32px}.section-label{font-size:8px;letter-spacing:.5px}.section-label span:not([class^="fx-"]):last-child{text-align:right}.heading-arrow{font-size:.8em}.grid,.about-layout,.gallery{grid-template-columns:1fr}.grid{gap:38px}.frame{aspect-ratio:1/1.1}.card h3{font-size:34px}.filters{gap:6px}.filters button{padding:9px 12px;font-size:10px}.filters button sup{margin-left:5px}.work-tools{gap:15px;padding-bottom:20px;margin-bottom:26px}.card .meta{font-size:8px}.about-copy{font-size:46px;margin-top:16px}.about-copy p{font-size:13px;max-width:none}.behind-header{margin-top:40px}.behind-header .meta{font-size:8px}.strip img,.strip video{height:230px}.contact h2{font-size:14.8vw}.email{font-size:18px;letter-spacing:-.5px}.email span:not([class^="fx-"]){font-size:27px}.socials{gap:25px 20px;margin-top:28px}.socials a{font-size:11px}.project{padding-top:110px}.project-kicker{font-size:8px;gap:14px;margin-top:35px;flex-wrap:wrap}.project-kicker span:not([class^="fx-"]):last-child{margin-left:auto}.project h1{font-size:15vw;margin-top:25px}.project-intro-row{align-items:start;gap:20px}.project-intro{font-size:18px}.stat{min-width:80px}.stat strong{font-size:40px}.stat span:not([class^="fx-"]){font-size:7px}.gallery{margin-top:30px;gap:20px}.gallery figure:first-child,.gallery .film{grid-column:auto}.gallery img,.gallery video{max-height:none}.gallery figcaption{font-size:8px;padding:12px}.credits dl{grid-template-columns:1fr;gap:18px}.next-project{margin-top:40px;padding-top:40px}footer{padding:20px 5% 36px;gap:20px;font-size:8px}.footer-brand{font-size:30px}.lightbox-bar{gap:22px}dialog{padding:50px 10px 25px}.contact{padding-bottom:60px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;transform:none!important;translate:none!important}}
/* Editorial proportions and section-scoped backstage interaction. */
.hero{justify-content:center;gap:38px}.hero h1{margin:30px 0 40px}.hero-bottom{margin-top:auto}.hero .lilax-inline{width:8vw;height:12vw;object-fit:contain}.hero .culture{font-size:.82em;gap:1.5vw}.hero .culture .vanguard-inline{width:19vw;height:auto;aspect-ratio:16/9;object-fit:contain;transform:rotate(-3deg)}
.grid{align-items:start}.card.landscape{grid-column:1/-1}.card.portrait{width:auto;max-height:none;object-fit:initial}.frame{aspect-ratio:var(--media-ratio);height:auto}.frame img,.frame video{object-fit:contain}.card.landscape .frame{max-height:none}.card:hover .frame img,.card:hover .frame video,.card:focus-visible .frame img{transform:none}.card:hover .frame{border-radius:2px}.card{transition:translate .35s}.card:hover{translate:0 -3px}.gallery figure:first-child,.gallery .film{grid-column:auto}.gallery figure.landscape{grid-column:1/-1}.gallery img,.gallery video{max-height:none}.gallery figure.portrait{max-height:none;width:auto;object-fit:initial}
.portrait-stage{position:relative;isolation:isolate}.portrait-stage>.portrait{display:block}.backstage-cloud{position:absolute;inset:0;pointer-events:none;z-index:2}.backstage-float{position:absolute;width:35%;height:42%;object-fit:contain;filter:grayscale(1);box-shadow:none;opacity:0;transition:opacity .28s,translate .25s,transform .45s;translate:var(--pointer-x,0px) var(--pointer-y,0px)}.float-0{top:-5%;left:-5%;transform:rotate(-12deg) scale(.8)}.float-1{top:3%;right:-7%;transform:rotate(9deg) scale(.8)}.float-2{bottom:-4%;left:-4%;transform:rotate(7deg) scale(.8)}.float-3{bottom:0;right:-8%;transform:rotate(-8deg) scale(.8)}.backstage-active .backstage-float{opacity:1;transform:rotate(-5deg) scale(1)}.backstage-active .float-1,.backstage-active .float-2{transform:rotate(7deg) scale(1)}.strip img,.strip video,.backstage-view>img{filter:grayscale(1)}
@media(max-width:900px){.hero .culture{font-size:.81em}.hero .culture .vanguard-inline{width:18vw}.hero .lilax-inline{width:10vw;height:14vw}}
@media(max-width:600px){.hero{gap:25px;min-height:72svh}.hero h1{margin:45px 0}.hero .culture{font-size:.8em;gap:1.5vw}.hero .culture .vanguard-inline{width:18vw}.hero .lilax-inline{width:10vw;height:15vw}.frame{aspect-ratio:var(--media-ratio)}.card.landscape{grid-column:auto}.gallery figure.landscape{grid-column:auto}.backstage-cloud{display:none}}
@media(hover:none),(prefers-reduced-motion:reduce){.backstage-cloud{display:none}}
@media(max-width:600px) and (hover:hover) and (pointer:fine){.backstage-cloud{display:block}.backstage-float{width:30%;height:38%}.float-0,.float-2{left:0}.float-1,.float-3{right:0}}
/* Brand introduction, compact statement and viewport-edge glass. */
.brand-intro{padding:115px 3.5% 40px;overflow:hidden;border-bottom:1px solid #ffffff25}.intro-wordmark{font-family:Arial,Helvetica,sans-serif;font-weight:1000;font-size:37vw;letter-spacing:-.105em;line-height:.83;color:var(--red);position:relative;width:max-content;padding-right:.12em;transform-origin:left center;transition:scale .5s}.intro-wordmark>span:not([class^="fx-"]){position:absolute;right:-.28em;top:.12em;font-size:.095em;letter-spacing:0}.intro-caption{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-top:36px}.intro-caption p{font-size:13px;line-height:1.6;margin:0}.intro-caption>a{font-size:10px;letter-spacing:1px;display:flex;align-items:center;gap:25px}.intro-caption>a span:not([class^="fx-"]){font-size:28px}
.hero{min-height:0;gap:0;padding:55px 3.5% 32px}.hero h1{margin:0 0 30px}.hero-bottom{margin-top:0}.hero .line:first-child .vanguard-inline{width:23vw;height:auto;aspect-ratio:16/9;object-fit:contain}.hero .culture .lilax-inline{width:11vw;height:11vw;aspect-ratio:1;object-fit:cover;object-position:center;transform:rotate(-3deg)}.hero .culture{font-size:.91em}.hero .hero-star{font-size:.7em}.hero-bottom>.meta{display:block}
.glass.top,.glass.bottom{position:fixed;left:0;width:100%;height:76px;pointer-events:none;z-index:9;background:#ffffff03;backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);transition:height .2s,opacity .2s;opacity:.72}.glass.top{top:0;height:120px;mask-image:linear-gradient(#000 0%,#000c 40%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000c 40%,transparent 100%)}.glass.bottom{bottom:0;mask-image:linear-gradient(transparent,#000b 65%,#000);-webkit-mask-image:linear-gradient(transparent,#000b 65%,#000)}body.is-scrolling .glass.top{height:145px;opacity:1}body.is-scrolling .glass.bottom{height:94px;opacity:1}header{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:linear-gradient(#101010b8,#10101025)}
@media(hover:hover) and (pointer:fine){.card{transform-origin:center;transition:scale .4s,translate .4s}.card:hover,.card:focus-visible{scale:1.012;translate:0 -3px}.image-open{transition:scale .35s;transform-origin:center}.image-open:hover{scale:1.018}.inline-media{transition:scale .35s,translate .25s,transform .35s}.inline-media:hover{scale:1.06}.logo,nav a,.filters button,.back,.socials a,.email,.scroll-link,.intro-caption>a,.next-project{transition:scale .3s,color .3s;transform-origin:center}nav a{display:inline-block}.logo:hover,nav a:hover,.filters button:hover,.back:hover,.socials a:hover,.scroll-link:hover,.intro-caption>a:hover{scale:1.045}.email:hover,.next-project:hover{scale:1.012}.intro-wordmark:hover{scale:1.012}}
@media(max-width:900px){.hero .culture{font-size:.9em}.hero .culture .lilax-inline{width:11vw;height:11vw}.hero-bottom>.meta{display:block;font-size:8px}.hero-bottom .scroll-link{font-size:8px}}
@media(max-width:600px){.brand-intro{padding:105px 5% 28px}.intro-wordmark{font-size:36vw}.intro-caption{margin-top:24px;align-items:center}.intro-caption p{font-size:10px}.intro-caption>a{font-size:8px;letter-spacing:.5px;gap:9px;max-width:120px}.hero{min-height:0;padding:38px 5% 27px;gap:0}.hero h1{margin:0 0 25px}.hero .line:first-child .vanguard-inline{width:22vw;height:auto}.hero .culture{font-size:.87em}.hero .culture .lilax-inline{width:11vw;height:11vw}.hero-bottom{flex-wrap:wrap;row-gap:15px}.hero-bottom>.meta{font-size:8px}.hero-bottom>.scroll-link{margin-left:auto}.glass.top{height:92px}.glass.bottom{height:50px}body.is-scrolling .glass.top{height:110px}body.is-scrolling .glass.bottom{height:68px}.contact h2{font-size:14vw}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scale:none!important}.glass.top,.glass.bottom{transition:none!important}}
.hero .keyword{color:var(--red)}
.filters button.active,.filters button.active:hover,.filters button[aria-pressed="true"]{background:#fff;color:#101010;border-color:#fff}
#sound-toggle{border:1px solid #ffffff65;border-radius:30px;background:transparent;color:var(--white);font:inherit;font-size:9px;padding:9px 12px;letter-spacing:.5px;transition:scale .25s,background .25s}#sound-toggle[aria-pressed="true"]{background:var(--white);color:var(--black)}
@media(hover:hover) and (pointer:fine){#sound-toggle:hover{scale:1.045}.card{transition:scale .48s cubic-bezier(.22,1,.36,1),translate .48s cubic-bezier(.22,1,.36,1)}.card:hover{scale:1.018}.image-open{transition:scale .48s cubic-bezier(.22,1,.36,1)}.inline-media:hover{scale:1.07}}
@media(max-width:600px){nav{gap:12px}nav a{font-size:9px}#sound-toggle{font-size:8px;padding:7px 8px;letter-spacing:0}}
@media(max-width:350px){nav{gap:8px}.logo{font-size:37px}#sound-toggle{font-size:7px;padding:6px}}
/* Progressive edge blur: soft toward content, strongest at the screen edge. */
.glass.top,.glass.bottom{backdrop-filter:none;-webkit-backdrop-filter:none;background:transparent;isolation:isolate;height:68px;opacity:.9}
.glass.top{height:110px}.glass::before,.glass::after{content:"";position:absolute;inset:0;pointer-events:none}
.glass::before{backdrop-filter:blur(5px) saturate(1.1);-webkit-backdrop-filter:blur(5px) saturate(1.1)}
.glass::after{backdrop-filter:blur(18px) saturate(1.12);-webkit-backdrop-filter:blur(18px) saturate(1.12)}
.glass.top::after{mask-image:linear-gradient(#000 0%,#000a 32%,transparent 85%);-webkit-mask-image:linear-gradient(#000 0%,#000a 32%,transparent 85%)}
.glass.bottom::after{mask-image:linear-gradient(transparent 15%,#000a 68%,#000);-webkit-mask-image:linear-gradient(transparent 15%,#000a 68%,#000)}
body.is-scrolling .glass.top{height:125px}body.is-scrolling .glass.bottom{height:80px}
@media(hover:hover) and (pointer:fine){.card,.about-layout,.hero h1,.intro-wordmark{transform:perspective(1200px) translate3d(var(--hover-x,0px),var(--hover-y,0px),0) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .55s cubic-bezier(.22,1,.36,1),scale .5s cubic-bezier(.22,1,.36,1),translate .5s}.about-layout:hover{scale:1.008}.hero h1:hover{scale:1.006}}
@media(max-width:600px){.glass.top{height:86px}.glass.bottom{height:48px}body.is-scrolling .glass.top{height:98px}body.is-scrolling .glass.bottom{height:58px}}

/* Local letter response, with a single scale throughout the statement. */
.hero h1{font-size:clamp(24px,10.5vw,190px)}
.hero .line,.hero .culture,.hero .fashion{font-size:1em;gap:1.35vw}
.hero .inline-media,.hero .line:first-child .vanguard-inline,.hero .culture .lilax-inline,.hero .fashion .inline-media{width:9vw;height:9vw;aspect-ratio:1;object-fit:cover;transform:none;margin:0;border-radius:2px}
.hero .hero-star{color:var(--white)}
.fx-word{display:inline-block;position:relative;white-space:nowrap}
.fx-visual{display:inline}
.fx-char{display:inline-block;position:relative;transform-origin:center;transition:transform .2s ease;white-space:pre}
.fx-char:after{content:attr(data-display);position:absolute;inset:0;text-align:center;opacity:0;pointer-events:none}
.is-remixing .fx-char>span{opacity:0}
.is-remixing .fx-char:after{opacity:1}
.fx-readable{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
/* Neutralize container-wide zoom and motion from the previous iteration. */
.card,.card:hover,.card:focus-visible,.about-layout,.about-layout:hover,.hero h1,.hero h1:hover,.intro-wordmark,.intro-wordmark:hover,.logo:hover,nav a:hover,.filters button:hover,.back:hover,.socials a:hover,.email:hover,.scroll-link:hover,.intro-caption>a:hover,.next-project:hover,#sound-toggle:hover{scale:1;translate:none;transform:none}
.card:hover .frame img,.card:hover .frame video,.card:focus-visible .frame img{transform:none}
.card:hover .frame{border-radius:2px}
.card:hover .arrow{transform:none}
@media(hover:hover) and (pointer:fine){.fx-char:hover{transform:scale(1.22);z-index:1}.frame img:hover,.frame video:hover{transform:scale(1.035)!important}.hero .inline-media:hover{scale:1.06;transform:none}}
@media(max-width:600px){.hero h1{font-size:10.2vw}.hero .line{gap:1.1vw}.hero .inline-media,.hero .line:first-child .vanguard-inline,.hero .culture .lilax-inline,.hero .fashion .inline-media{width:9vw;height:9vw}.hero .small-note{display:none}}

/* Center the brand and statement independently of their supporting captions. */
.intro-wordmark{margin-inline:auto;transform-origin:center}
.hero h1{width:100%;text-align:center;position:relative;padding-block:12px}
.hero .line{justify-content:center;position:relative}
.hero .hero-star{position:absolute;right:0;top:0;margin:0;font-size:.4em}
.hero .small-note{position:absolute;right:0;bottom:0;margin:0}
.gallery-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:35px}
.gallery-tools>div{display:flex;gap:8px}
.gallery-tools button{width:42px;height:42px;border:1px solid #ffffff55;border-radius:50%;background:transparent;font-size:22px}
.gallery-tools button:hover{background:var(--white);color:var(--black)}
.gallery.gallery-reel{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-color:var(--red) #262626;scrollbar-width:thin;padding:0 0 18px;margin-top:18px;align-items:flex-start}
.gallery-reel figure,.gallery-reel figure.portrait{flex:0 0 auto;width:min(35vw,360px);scroll-snap-align:start}
.gallery-reel figure.landscape{width:min(78vw,900px)}
.gallery-reel img,.gallery-reel video{height:min(64vh,640px);width:100%;object-fit:contain;background:#060606}
.gallery-reel .image-open:hover{scale:1}
@media(max-width:600px){.hero .hero-star{font-size:.3em;right:-.1em}.gallery.gallery-reel{gap:14px}.gallery-reel figure,.gallery-reel figure.portrait{width:76vw}.gallery-reel figure.landscape{width:84vw}.gallery-reel img,.gallery-reel video{height:58svh}.gallery-tools{margin-top:25px}}

.project-notes{margin-top:60px}.notes-title{font:inherit;font-size:11px;letter-spacing:1px;color:var(--white);margin:0;border-top:1px solid var(--line);padding-top:28px}.project-notes .gallery{margin-top:24px}

.filters button.active,.filters button[aria-pressed="true"]{font-weight:700}

.toolkit{background:var(--black);padding:40px 0;border-bottom:1px solid var(--line);overflow:hidden}.toolkit-label{padding:0 3.5% 24px}.toolkit-window{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.toolkit-track{display:flex;width:max-content;animation:toolkit-loop 42s linear infinite}.toolkit-set{display:flex;flex-shrink:0;align-items:center;gap:56px;padding-right:56px}.toolkit-set img{width:130px;height:70px;object-fit:contain;flex-shrink:0}@keyframes toolkit-loop{to{transform:translateX(-50%)}}
.services{border-bottom:1px solid var(--line)}.services-intro{display:grid;grid-template-columns:1fr 1fr;gap:7vw;margin-bottom:65px}.services-intro>p{font-size:clamp(21px,2.5vw,36px);line-height:1.4;margin:0}.services-intro>div p{font-size:14px;line-height:1.7;margin:0 0 22px}.services-label{font-weight:400;margin-bottom:25px}.service-list article{display:grid;grid-template-columns:45px 1.2fr 1fr;gap:25px;border-top:1px solid var(--line);padding:30px 0;align-items:start}.service-list h3{font-family:Anton,Impact,sans-serif;font-weight:400;font-size:clamp(25px,3vw,44px);line-height:1.12;margin:0}.service-list p{font-size:14px;line-height:1.65;margin:0}.portrait-stage>.portrait{height:auto;max-height:none;object-fit:contain}
@media(max-width:600px){.toolkit{padding:30px 0}.toolkit-label{padding-left:5%}.toolkit-set{gap:32px;padding-right:32px}.toolkit-set img{width:100px;height:60px}.services-intro{grid-template-columns:1fr;gap:24px;margin-bottom:40px}.service-list article{grid-template-columns:28px 1fr;gap:15px}.service-list p{grid-column:2}.services h2{font-size:12.5vw}}
@media(prefers-reduced-motion:reduce){.toolkit-track{animation:none}.toolkit-window{overflow-x:auto}.toolkit-set[aria-hidden="true"]{display:none}}

/* Two projects per row across every category, with original media ratios. */
#projects.grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
#projects .card.landscape,#projects .card.portrait{grid-column:auto;min-width:0}
@media(max-width:600px){#projects.grid{gap:28px 12px}#projects .card h3{font-size:clamp(17px,4.8vw,28px);overflow-wrap:anywhere}#projects .card p{font-size:10px}#projects .card .meta{font-size:7px;flex-wrap:wrap;gap:5px}#projects .project-index{left:7px;top:7px;font-size:7px;padding:5px 7px}#projects .play-badge{left:7px;bottom:7px;font-size:6px;padding:5px}#projects .frame .arrow{right:7px;bottom:7px;width:26px;height:26px;font-size:16px}}

.project-context{display:grid;grid-template-columns:1fr 1fr;gap:32px;max-width:1100px;margin:12px 0 40px}.project-context p{font-size:15px;line-height:1.75;margin:0;color:var(--white)}@media(max-width:600px){.project-context{grid-template-columns:1fr;gap:18px}.project-context p{font-size:13px}}

.project-context p:nth-child(3):last-child{grid-column:1/-1;font-size:11px;letter-spacing:1px;margin-top:6px}

.filters button.active,.filters button[aria-pressed="true"]{font-family:Anton,Impact,sans-serif;font-weight:400;text-transform:uppercase}
