*{box-sizing:border-box}html{scroll-behavior:smooth;background:#10110f}body{margin:0;font-family:'Manrope',sans-serif;background:#f1efe7;color:#10110f;font-size:16px;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;border:0}img{display:block;max-width:100%}:focus-visible{outline:2px solid #c9ff38;outline-offset:5px}.site{overflow:clip}.section{padding:clamp(5rem,11vw,10rem) clamp(1.25rem,4vw,4rem)}.eyebrow{font:500 .7rem 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.09em}.loader{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;background:#10110f;color:#f1efe7;font-size:clamp(3rem,9vw,9rem);font-weight:700;letter-spacing:-.07em}.cursor{position:fixed;z-index:1100;left:0;top:0;width:12px;height:12px;border-radius:999px;background:#c9ff38;pointer-events:none;transform:translate3d(-50%,-50%,0);display:grid;place-items:center;mix-blend-mode:difference}.cursor span{opacity:0;font:500 .6rem 'DM Mono',monospace;text-transform:uppercase}.header{position:absolute;z-index:30;top:0;left:0;width:100%;padding:1.4rem clamp(1.25rem,4vw,4rem);display:flex;align-items:center;justify-content:space-between;color:#f1efe7;font:500 .72rem 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.06em}.brand{display:flex;align-items:center;gap:.65rem}.brand__mark{display:grid;place-items:center;width:2.1rem;height:2.1rem;border:1px solid currentColor;border-radius:50%;font:800 .8rem 'Manrope',sans-serif}.nav{display:flex;align-items:center;gap:2rem}.nav__header,.nav__footer,.nav__home-link{display:none}.nav__links{display:flex;align-items:center;gap:2rem}.nav__links a{position:relative}.nav__links a:last-child{padding:.7rem 1rem;border:1px solid rgba(241,239,231,.45);border-radius:2rem}.nav__links a::after{content:'';position:absolute;left:0;bottom:-5px;width:100%;height:1px;background:#c9ff38;transform:scaleX(0);transform-origin:right;transition:transform .35s}.nav__links a:hover::after,.nav__links a:focus-visible::after{transform:scaleX(1);transform-origin:left}.nav__links a:last-child::after{display:none}.menu-toggle{display:none;background:none;color:inherit}.hero{min-height:100svh;padding:7rem clamp(1.25rem,4vw,4rem) 2rem;display:flex;flex-direction:column;justify-content:space-between;background:#10110f;color:#f1efe7;position:relative;isolation:isolate}.hero::before{content:'';position:absolute;inset:0;z-index:-1;opacity:.1;background-image:linear-gradient(rgba(241,239,231,.38) 1px,transparent 1px),linear-gradient(90deg,rgba(241,239,231,.38) 1px,transparent 1px);background-size:8vw 8vw;mask-image:linear-gradient(to bottom,transparent 0,#000 30%,transparent 90%)}.hero__meta,.hero__foot{display:flex;align-items:center;justify-content:space-between;font:400 .68rem 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em}.status-dot{display:inline-block;width:.55rem;height:.55rem;margin-right:.45rem;border-radius:50%;background:#c9ff38}.hero__headline{position:relative}.hero__role{position:absolute;z-index:2;top:8%;right:3%;max-width:18rem;font:400 clamp(.7rem,1vw,.9rem) 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.04em}.hero__title{margin:0;font-size:clamp(5rem,16.1vw,17rem);font-weight:700;line-height:.72;letter-spacing:-.085em}.hero__line{display:block;overflow:hidden;padding-right:.08em}.hero__line--two{text-align:right}.hero__period{color:#c9ff38}.hero__foot p{margin:0}.round-link{width:clamp(5.5rem,8vw,7.5rem);aspect-ratio:1;border-radius:50%;background:#c9ff38;color:#10110f;display:flex;align-items:center;justify-content:center;gap:.5rem;text-align:center;font:500 .63rem 'DM Mono',monospace;transition:background .25s,color .25s}.round-link:hover{background:#f1efe7}.ticker{overflow:hidden;padding:1.35rem 0;background:#c9ff38;color:#10110f}.ticker__track{display:flex;width:max-content}.ticker span{display:block;white-space:nowrap;font-size:clamp(2rem,5vw,5rem);font-weight:700;line-height:1;letter-spacing:-.05em}.intro__grid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(17rem,.8fr);gap:clamp(3rem,9vw,9rem);align-items:end;margin-top:4rem}.statement{margin:0;max-width:16ch;font-size:clamp(2.8rem,6vw,6.5rem);line-height:.98;letter-spacing:-.055em}.statement em{font-weight:400;color:#62645f}.intro__aside{display:flex;flex-direction:column;gap:1.25rem}.intro__aside p{margin:0}.inline-link{width:max-content;margin-top:.5rem;padding-bottom:.3rem;border-bottom:1px solid currentColor;font-weight:600}.section--line{border-top:1px solid rgba(16,17,15,.2)}.section-heading,.work__head,.process__head{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem}.section-heading h2,.work__head h2,.process__head h2{margin:0;font-size:clamp(3rem,7.5vw,7.5rem);line-height:.88;letter-spacing:-.065em}.capability-list{margin-top:6rem;border-top:1px solid rgba(16,17,15,.22)}.capability{display:grid;grid-template-columns:4rem 1.1fr 1fr;align-items:center;gap:2rem;padding:2rem 0;border-bottom:1px solid rgba(16,17,15,.22)}.capability>span,.project__number{font:400 .68rem 'DM Mono',monospace}.capability h3{margin:0;font-size:clamp(1.6rem,3.3vw,3.5rem);letter-spacing:-.045em}.capability p{margin:0;max-width:31rem;color:#62645f}.work{background:#10110f;color:#f1efe7}.work__head>p{max-width:25rem;color:#aaa9a2}.project-list{margin:6rem 0 3rem;border-top:1px solid rgba(241,239,231,.23)}.project{position:relative;display:grid;grid-template-columns:4rem minmax(12rem,1.2fr) minmax(13rem,.8fr) 5rem;align-items:center;gap:2rem;padding:2.2rem 0;border-bottom:1px solid rgba(241,239,231,.23);overflow:hidden}.project::before{content:'';position:absolute;inset:0;background:#c9ff38;transform:translateX(-101%);transition:transform .55s cubic-bezier(.16,1,.3,1)}.project>*{position:relative;z-index:1}.project:hover{color:#10110f}.project:hover::before{transform:translateX(0)}.project__title{font-size:clamp(2rem,4.6vw,5rem);font-weight:600;letter-spacing:-.055em;transition:transform .5s cubic-bezier(.16,1,.3,1)}.project:hover .project__title{transform:translateX(1rem)}.project__meta{font-size:.82rem;color:#aaa9a2}.project:hover .project__meta{color:#10110f}.project__arrow{justify-self:end;font-size:1.6rem;transition:transform .4s}.project:hover .project__arrow{transform:rotate(45deg)}.project__mobile-image{display:none}.text-link{display:flex;align-items:center;justify-content:space-between;max-width:19rem;margin-left:auto;padding:1rem 0;border-bottom:1px solid currentColor;font-weight:600}.project-preview{position:fixed;z-index:40;left:0;top:0;width:min(34vw,33rem);aspect-ratio:16/10;pointer-events:none;opacity:0;overflow:hidden;background:#62645f;transform:translate3d(-50%,-50%,0) rotate(-2deg);transition:opacity .2s}.project-preview img{width:100%;height:100%;object-fit:cover}.project-preview span{position:absolute;right:1rem;bottom:1rem;padding:.65rem .8rem;border-radius:2rem;background:#10110f;color:#f1efe7;font:500 .6rem 'DM Mono',monospace;text-transform:uppercase}.project-preview.is-active{opacity:1}.showreel{padding:8vw 0;overflow:hidden;background:#c9ff38;contain:paint;content-visibility:auto;contain-intrinsic-size:1000px}.gallery-lane{display:flex;width:max-content;gap:1rem;margin-bottom:1rem}.gallery-lane--forward{animation:gallery-left 42s linear infinite}.gallery-lane--reverse{animation:gallery-right 48s linear infinite}.gallery-card{width:clamp(15rem,27vw,28rem);aspect-ratio:16/10;margin:0;overflow:hidden;background:#62645f}.gallery-card img{width:100%;height:100%;object-fit:cover}.process{background:#c9ff38}.process__steps{list-style:none;padding:0;margin:6rem 0 0;border-top:1px solid rgba(16,17,15,.28)}.process__steps li{display:grid;grid-template-columns:8rem 1fr;gap:2rem;padding:2.25rem 0;border-bottom:1px solid rgba(16,17,15,.28)}.process__steps li>span{font:500 .7rem 'DM Mono',monospace}.process__steps div{display:flex;justify-content:space-between;gap:2rem}.process__steps h3{margin:0;font-size:clamp(2rem,5vw,5rem);line-height:1;letter-spacing:-.055em}.process__steps p{max-width:28rem;margin:0}.story{display:grid;grid-template-columns:minmax(17rem,.8fr) minmax(20rem,1.2fr);gap:clamp(3rem,10vw,10rem);align-items:center}.story__portrait{overflow:hidden;aspect-ratio:4/5;background:#62645f}.story__portrait img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:transform 1.2s cubic-bezier(.16,1,.3,1),filter .4s}.story__portrait:hover img{transform:scale(1.035);filter:grayscale(0)}.story__copy h2{margin:2.5rem 0;font-size:clamp(3rem,7vw,7rem);line-height:.88;letter-spacing:-.065em}.story__copy>p:not(.eyebrow){max-width:40rem;font-size:clamp(1rem,1.4vw,1.25rem)}.story__numbers{display:flex;gap:clamp(2rem,5vw,5rem);margin-top:4rem}.story__numbers div{display:flex;flex-direction:column}.story__numbers strong{font-size:clamp(2rem,4vw,4rem);letter-spacing:-.06em}.story__numbers span{font:400 .65rem 'DM Mono',monospace;text-transform:uppercase}.contact{padding:clamp(5rem,9vw,8rem) clamp(1.25rem,4vw,4rem) 2rem;background:#10110f;color:#f1efe7}.contact__top,.footer,.contact__actions{display:flex;align-items:center;justify-content:space-between;gap:2rem}.contact__top>span{font:400 .68rem 'DM Mono',monospace;text-transform:uppercase}.contact__prompt{max-width:34rem;margin:7rem 0 2rem;font-size:clamp(1rem,1.6vw,1.3rem);color:#aaa9a2}.contact h2{margin:0;font-size:clamp(4rem,12vw,13rem);line-height:.78;letter-spacing:-.08em}.contact h2 span{color:#c9ff38}.contact__actions{justify-content:flex-start;margin:5rem 0 8rem}.cta{display:flex;align-items:center;justify-content:space-between;gap:3rem;min-width:min(100%,22rem);padding:1.2rem 1.4rem;border-radius:3rem;background:#c9ff38;color:#10110f;font-weight:600}.cta--outline{background:transparent;color:#f1efe7;border:1px solid rgba(241,239,231,.45)}.footer{padding-top:2rem;border-top:1px solid rgba(241,239,231,.22);font:400 .62rem 'DM Mono',monospace;text-transform:uppercase}.footer>div{display:flex;align-items:center;gap:2rem}
@media(max-width:800px){html{scroll-behavior:auto}.cursor,.project-preview{display:none}.header{align-items:center}.header.nav-open{backdrop-filter:none!important;background:transparent!important;border-bottom-color:transparent!important}.menu-toggle{display:flex;align-items:center;gap:.6rem;z-index:950;padding:.6rem 0;background:none}.menu-toggle i{display:block;width:.5rem;height:.5rem;border-radius:50%;background:#c9ff38}.nav{position:fixed;inset:0;z-index:850;width:100vw;height:100vh;height:100svh;display:flex;flex-direction:column;justify-content:space-between;padding:4.5rem 1.5rem 2rem;background:#c9ff38;color:#10110f;opacity:0;visibility:hidden;border-radius:0 0 50% 50% / 0 0 25vh 25vh;transform:translateY(-108%);transition:transform .65s cubic-bezier(.76,0,.24,1),border-radius .65s cubic-bezier(.76,0,.24,1),opacity .35s ease .3s,visibility .35s ease .3s;overflow-y:auto}.nav.is-open{opacity:1;visibility:visible;transform:none;border-radius:0 0 0 0;transition:transform .75s cubic-bezier(.76,0,.24,1),border-radius .75s cubic-bezier(.76,0,.24,1),opacity .3s ease,visibility .3s ease}.nav__header,.nav__footer{display:block;width:100%}.nav__header{border-bottom:1px solid rgba(16,17,15,.18);padding-bottom:.5rem;margin-bottom:.4rem}.nav__footer{border-top:1px solid rgba(16,17,15,.18);padding-top:.8rem;margin-top:auto}.nav__eyebrow{margin:0 0 .4rem;font:500 .65rem 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.09em;opacity:.6}.nav__links{display:flex;flex-direction:column;gap:.4rem;margin:auto 0}.nav__links a{display:block;font-size:clamp(2rem,9.2vw,3.5rem);font-family:'Manrope',sans-serif;font-weight:700;line-height:1.05;letter-spacing:-.055em;opacity:0;transform:translateY(-25px) rotate(-2deg);transition:transform .35s cubic-bezier(.76,0,.24,1),opacity .25s ease}.nav__home-link{display:block!important}.nav.is-open .nav__links a{opacity:1;transform:none;transition:transform .65s cubic-bezier(.16,1,.3,1),opacity .5s ease}.nav.is-open .nav__links a:nth-child(1){transition-delay:.18s}.nav.is-open .nav__links a:nth-child(2){transition-delay:.24s}.nav.is-open .nav__links a:nth-child(3){transition-delay:.30s}.nav.is-open .nav__links a:nth-child(4){transition-delay:.36s}.nav.is-open .nav__links a:nth-child(5){transition-delay:.42s}.nav__socials{display:flex;flex-wrap:wrap;gap:.8rem 1.4rem}.nav__socials a{font:600 .75rem 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.05em;color:#10110f;opacity:0;transform:translateY(15px);transition:opacity .35s,transform .35s}.nav.is-open .nav__socials a{opacity:.85;transform:none}.nav.is-open .nav__socials a:hover,.nav.is-open .nav__socials a:focus-visible{opacity:1}.nav.is-open .nav__socials a:nth-child(1){transition-delay:.45s}.nav.is-open .nav__socials a:nth-child(2){transition-delay:.50s}.nav.is-open .nav__socials a:nth-child(3){transition-delay:.55s}.nav.is-open .nav__socials a:nth-child(4){transition-delay:.60s}.hero{min-height:100svh;padding-top:6rem}.hero__meta span:first-child{display:none}.hero__role{position:static;margin:0 0 2rem}.hero__title{font-size:clamp(4.25rem,21vw,8.5rem);line-height:.77}.hero__line--two{text-align:left}.hero__foot{align-items:flex-end}.hero__foot p{max-width:12rem}.round-link{width:5.7rem}.intro__grid,.story{grid-template-columns:1fr}.intro__grid{gap:3rem;margin-top:2rem}.statement{font-size:clamp(2.6rem,12vw,4.7rem)}.section-heading,.work__head,.process__head{display:block}.section-heading h2,.work__head h2,.process__head h2{margin-top:2rem;font-size:clamp(3rem,14vw,5.5rem)}.capability-list,.project-list,.process__steps{margin-top:3.5rem}.capability{grid-template-columns:2rem 1fr;gap:1rem}.capability p{grid-column:2}.work__head>p{margin-top:2rem}.project{grid-template-columns:2rem 1fr auto;gap:1rem;padding:1.5rem 0}.project::before{display:none}.project__title{font-size:clamp(1.7rem,8.5vw,3rem)}.project__meta{display:none}.project__mobile-image{display:block;grid-column:2/-1;margin-top:.5rem;aspect-ratio:16/10;overflow:hidden}.project__mobile-image img{width:100%;height:100%;object-fit:cover}.showreel{padding:5rem 0}.gallery-card{width:72vw}.process__steps li{grid-template-columns:2rem 1fr;gap:1rem}.process__steps div{display:block}.process__steps p{margin-top:1rem}.story{gap:3rem}.story__portrait{max-height:70vh}.story__numbers{gap:1.5rem;justify-content:space-between}.story__numbers span{font-size:.55rem}.contact__top{align-items:flex-start}.contact__prompt{margin-top:5rem}.contact h2{font-size:clamp(3.7rem,17vw,7rem);line-height:.82}.contact__actions{flex-direction:column;align-items:stretch;margin:3rem 0 6rem}.footer{align-items:flex-start;gap:2rem}.footer,.footer>div{flex-direction:column;align-items:flex-start}.footer>div{gap:.5rem}}
@media(pointer:coarse){.magnetic{transform:none!important}.gallery-lane--forward{animation-duration:55s}.gallery-lane--reverse{animation-duration:60s}}

/* Premium motion layer */
:root{--scroll-progress:0;--scroll-velocity:0;--section-progress:0;--lime:#c9ff38;--ink:#10110f;--paper:#f1efe7;--muted:#777970}
.scroll-progress{position:fixed;z-index:1200;top:0;left:0;width:100%;height:3px;pointer-events:none;transform:scaleX(var(--scroll-progress));transform-origin:left;background:var(--lime)}
.header{transition:padding .45s cubic-bezier(.16,1,.3,1),background .45s,color .45s,backdrop-filter .45s}
.header.is-scrolled{position:fixed;padding-top:.8rem;padding-bottom:.8rem;background:rgba(16,17,15,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(241,239,231,.12)}
.hero::after{content:'ABULFAIZ — DESIGN + CODE';position:absolute;right:clamp(1.25rem,4vw,4rem);bottom:1.5rem;color:rgba(241,239,231,.42);font:500 .62rem 'DM Mono',monospace;letter-spacing:.12em;writing-mode:vertical-rl}
.hero__headline{transform:translate3d(0,calc(var(--hero-shift,0) * 1px),0);will-change:transform}
.hero__title{transform:none!important}
.hero__period{display:inline-block;transform:scale(calc(1 + var(--scroll-velocity) * .015));transform-origin:center}
.section{position:relative}
.section--line::before,.capability::after,.process__steps li::after{transform:scaleX(var(--line-progress,0));transform-origin:left;transition:transform 1.1s cubic-bezier(.16,1,.3,1)}
.section--line.is-inview::before,.capability.is-visible::after,.process__steps li.is-visible::after{--line-progress:1}
[data-parallax]{transform:translate3d(0,calc(var(--parallax-y,0) * 1px),0);will-change:transform}
.work__head h2,.section-heading h2,.process__head h2{transform:translate3d(calc(var(--section-shift,0) * -1px),0,0)}
.project{overflow:hidden;transition:padding .45s cubic-bezier(.16,1,.3,1),color .3s}
.project::after{content:'';position:absolute;inset:auto 0 0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .55s cubic-bezier(.16,1,.3,1)}
.project:hover::after,.project:focus-visible::after{transform:scaleX(1);transform-origin:left}.project:hover{padding-left:1rem;padding-right:1rem}.project__arrow{transition:transform .45s cubic-bezier(.16,1,.3,1)}.project:hover .project__arrow{transform:translate(5px,-5px) rotate(8deg)}
.showreel{position:relative;overflow:hidden;padding:clamp(5rem,9vw,9rem) 0;background:var(--ink);color:var(--paper)}
.showreel::before,.showreel::after{content:'';position:absolute;z-index:3;top:0;bottom:0;width:10vw;pointer-events:none;background:var(--ink)}.showreel::before{left:0;mask-image:linear-gradient(to right,#000,transparent)}.showreel::after{right:0;mask-image:linear-gradient(to left,#000,transparent)}
.showreel__head{display:flex;align-items:end;justify-content:space-between;gap:2rem;padding:0 clamp(1.25rem,4vw,4rem) 3.5rem}.showreel__head h2{margin:0;font-size:clamp(2.8rem,7vw,7rem);line-height:.88;letter-spacing:-.065em}.showreel__head p:last-child{max-width:24rem;color:#a9aaa3}
.gallery-lane{animation:none!important;display:flex;gap:1rem;width:max-content;transform:translate3d(var(--lane-x,0px),0,0);will-change:transform}.gallery-lane+.gallery-lane{margin-top:1rem}.gallery-card{position:relative;flex:none;overflow:hidden;border:1px solid rgba(241,239,231,.16);background:#1b1c19;transition:transform .55s cubic-bezier(.16,1,.3,1);transform:translateY(var(--card-offset,0))}.gallery-card:nth-child(3n+2){--card-offset:1.25rem}.gallery-card:hover{transform:translateY(calc(var(--card-offset,0) - .65rem)) scale(1.015)}.gallery-card img{transition:transform .8s cubic-bezier(.16,1,.3,1)}.gallery-card:hover img{transform:scale(1.05)}
.gallery-card figcaption{position:absolute;inset:auto .8rem .8rem;display:flex;justify-content:space-between;gap:1rem;padding:.65rem .75rem;background:rgba(16,17,15,.88);color:var(--paper);font:500 .62rem 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.05em}
.story__portrait{position:relative;clip-path:none!important;opacity:1!important;overflow:visible;background:var(--lime)}.story__portrait::before{content:'ABULFAIZ / 2026';position:absolute;z-index:2;left:-1rem;top:1rem;padding:.55rem .7rem;background:var(--lime);font:500 .62rem 'DM Mono',monospace;letter-spacing:.08em}.story__portrait::after{content:'';position:absolute;z-index:-1;inset:1rem -1rem -1rem 1rem;border:1px solid var(--ink)}.story__portrait img{width:100%;height:100%;object-fit:cover;object-position:center 22%;filter:grayscale(100%) contrast(1.06);transform:scale(calc(1.04 + var(--portrait-zoom,0)))}
.contact__title{margin:0;font-size:clamp(3.8rem,12vw,13rem);line-height:.78;letter-spacing:-.08em;transform:scale(var(--contact-scale,1)) translate3d(0,calc(var(--contact-lift,0) * 1px),0);will-change:transform}.contact__line{display:block;overflow:hidden;padding-right:.08em}.contact__line--one{display:flex;align-items:center;justify-content:space-between;gap:2rem;overflow:visible}.contact__line--one .contact__title-text{display:inline-block;color:#ffffff;transform:translate3d(calc(var(--contact-shift-left,0) * 1px),0,0);will-change:transform}.contact__circle-cta{width:clamp(6.8rem,11.5vw,10.5rem);aspect-ratio:1;border-radius:50%;background:var(--lime);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:transform .45s cubic-bezier(.16,1,.3,1),background .3s,color .3s;flex-shrink:0;transform:translate3d(calc(var(--contact-shift-right,0) * 0.4px),0,0);text-decoration:none;box-shadow:0 12px 35px rgba(0,0,0,.3)}.contact__circle-cta:hover{background:#ffffff;color:#10110f}.contact__circle-label{color:#10110f!important;font:700 clamp(.7rem,1.05vw,.95rem) 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.06em;line-height:1.2;display:block}.contact__circle-arrow{color:#10110f!important;font-size:clamp(1.1rem,1.6vw,1.6rem);display:block;margin-top:.25rem;line-height:1}.contact__line--two{text-align:right}.contact__line--two .contact__title-text{display:inline-block;color:var(--lime);transform:translate3d(calc(var(--contact-shift-right,0) * 1px),0,0);will-change:transform}.contact__period{color:#ffffff}
@media(max-width:800px){.scroll-progress{height:2px}.header.is-scrolled{padding:.65rem 1.25rem}.hero::after{display:none}.showreel__head{display:block}.showreel__head p:last-child{margin-top:1.5rem}.gallery-card{width:76vw}.project:hover{padding-left:0;padding-right:0}.story__portrait::before{left:.75rem}.story__portrait::after{inset:.65rem -.65rem -.65rem .65rem}.contact__title{font-size:clamp(2.7rem,11vw,4.6rem);line-height:.88;margin:2rem 0 1.5rem}.contact__line--one{display:block}.contact__line--one .contact__title-text{display:block;text-align:left}.contact__circle-cta{width:6.2rem;height:6.2rem;margin:1.8rem auto .8rem;transform:none!important}.contact__circle-label{font-size:.62rem}.contact__circle-arrow{font-size:1rem;margin-top:.15rem}.contact__prompt{margin-top:3.5rem}}
@media(prefers-reduced-motion:reduce){.scroll-progress{display:none}[data-parallax],.hero__headline,.work__head h2,.section-heading h2,.process__head h2,.contact__title,.contact__line span{transform:none!important}.story__portrait img{transform:none}.gallery-lane{overflow-x:auto;max-width:100vw;transform:none!important;scroll-snap-type:x mandatory}.gallery-card{scroll-snap-align:center}}

/* Studio identity swap */
.brand__swap{position:relative;display:grid;overflow:hidden;height:1.2em;min-width:7.5rem}.brand__swap>span{grid-area:1/1;transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .35s}.brand__swap>span:last-child{transform:translateY(130%);opacity:0}.brand:hover .brand__swap>span:first-child,.brand:focus-visible .brand__swap>span:first-child{transform:translateY(-130%);opacity:0}.brand:hover .brand__swap>span:last-child,.brand:focus-visible .brand__swap>span:last-child{transform:none;opacity:1}.brand:hover .brand__mark,.brand:focus-visible .brand__mark{background:var(--lime);border-color:var(--lime);color:var(--ink);transform:rotate(14deg)}.brand__mark{transition:transform .5s cubic-bezier(.16,1,.3,1),background .3s,color .3s}

/* Editorial, Dennis-inspired project wall */
.project{opacity:1!important;transform:none!important}.project__title{position:relative;z-index:1;color:var(--paper);opacity:1!important;text-shadow:0 0 1px rgba(241,239,231,.2)}
.showreel{padding-bottom:clamp(6rem,10vw,10rem)}.showreel__head{padding-bottom:clamp(4rem,8vw,7rem)}.gallery-lane{gap:clamp(1rem,2vw,2rem)}.gallery-lane+.gallery-lane{margin-top:clamp(2.5rem,5vw,5rem)}
.gallery-card{width:clamp(23rem,42vw,42rem);overflow:visible;border:0;background:transparent;color:var(--paper)}.gallery-card figure{margin:0}.gallery-card__image{position:relative;overflow:hidden;aspect-ratio:16/10;background:#1b1c19}.gallery-card__image::after{content:'View';position:absolute;left:50%;top:50%;display:grid;place-items:center;width:5rem;height:5rem;border-radius:50%;background:var(--lime);color:var(--ink);font:600 .68rem 'DM Mono',monospace;text-transform:uppercase;transform:translate(-50%,-40%) scale(0);opacity:0;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .3s}.gallery-card:hover .gallery-card__image::after,.gallery-card:focus-visible .gallery-card__image::after{transform:translate(-50%,-50%) scale(1);opacity:1}.gallery-card img{width:100%;height:100%;object-fit:cover}.gallery-card figcaption{position:static;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 0 0;background:transparent;color:var(--paper);font:500 .68rem 'DM Mono',monospace;border-bottom:1px solid rgba(241,239,231,.24)}.gallery-card figcaption>span:last-child{padding-top:.45rem;color:#a9aaa3;text-align:right}.gallery-card__title{font:600 clamp(1.3rem,2.4vw,2.4rem) 'Manrope',sans-serif;letter-spacing:-.045em;text-transform:none;color:var(--paper)}

/* Floating section navigator (Dennis Snellenberg style: desktop scroll reveal) */
.floating-menu{position:fixed;z-index:950;right:clamp(1rem,2.2vw,2rem);bottom:clamp(1rem,2.2vw,2rem);display:flex;flex-direction:column;align-items:flex-end;gap:.75rem;transform:scale(0);opacity:0;pointer-events:none;transform-origin:bottom right;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .35s ease}.floating-menu.is-visible{transform:scale(1);opacity:1;pointer-events:auto}.floating-menu__toggle{position:relative;z-index:2;display:flex;align-items:center;gap:.7rem;padding:.85rem 1rem .85rem 1.2rem;border-radius:999px;background:var(--lime);color:var(--ink);box-shadow:0 10px 35px rgba(16,17,15,.2);font:600 .68rem 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.floating-menu__toggle i{width:.55rem;height:.55rem;border-radius:50%;background:var(--ink);transition:transform .45s}.floating-menu__toggle[aria-expanded=true] i{transform:scale(1.8)}.floating-menu__panel{display:flex;flex-direction:column;width:min(18rem,calc(100vw - 2rem));padding:.65rem;border-radius:1.1rem;background:rgba(16,17,15,.94);color:var(--paper);backdrop-filter:blur(14px);box-shadow:0 18px 55px rgba(16,17,15,.3);transform:translateY(1rem) scale(.94);transform-origin:bottom right;opacity:0;visibility:hidden;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .3s,visibility .3s}.floating-menu__panel.is-open{transform:none;opacity:1;visibility:visible}.floating-menu__panel a{display:flex;align-items:center;gap:1rem;padding:.8rem .9rem;border-radius:.7rem;font-size:1rem;transition:background .25s,color .25s}.floating-menu__panel a:hover,.floating-menu__panel a:focus-visible{background:var(--lime);color:var(--ink)}.floating-menu__panel a span{width:1.8rem;color:#a9aaa3;font:500 .6rem 'DM Mono',monospace}.floating-menu__panel a:hover span,.floating-menu__panel a:focus-visible span{color:var(--ink)}
@media(max-width:800px){.brand__swap{min-width:6.8rem}.gallery-card{width:78vw}.gallery-card figcaption{display:block}.gallery-card figcaption>span{display:block}.gallery-card figcaption>span:last-child{text-align:left}.floating-menu{display:none!important}}
@media(prefers-reduced-motion:reduce){.brand__swap>span,.floating-menu__panel,.floating-menu__toggle i{transition:none}}
