@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#121015;--panel:#1c1822;--text:#f3eff8;--muted:#aaa1b5;--line:#39303f;--accent:#8224e3;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;font-weight:500;line-height:1.05;letter-spacing:-.055em}em{font-style:normal;color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.skip{position:fixed;top:-100px;z-index:100;background:var(--accent);color:#111;padding:15px}.skip:focus{top:8px}.scroll-progress{position:fixed;top:0;height:3px;width:0;background:var(--accent);z-index:50}header{height:100px;display:flex;align-items:center;justify-content:space-between;margin:0 4.5%;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{width:155px}.brand img{width:100%;height:50px;object-fit:contain}nav{display:flex;gap:34px;font-size:14px}nav sup{color:var(--muted);font-size:11px}.contact-pill{font-size:14px;border:1px solid #6d7465;border-radius:30px;padding:12px 20px}.contact-pill span{margin-left:24px;color:var(--accent)}.hero{padding:32px 4.5% 40px;min-height:690px;height:calc(100svh - 100px);max-height:1000px;position:relative;overflow:hidden}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:600;display:flex;justify-content:space-between}.hero h1{font-size:clamp(64px,9.5vw,160px);margin-top:60px;position:relative;z-index:2;letter-spacing:-.07em;max-width:1200px}.hero h1 em{font-family:Georgia,serif;font-style:italic;letter-spacing:-.065em}.hero-bottom{display:flex;align-items:center;gap:30px;margin-top:64px;position:relative;z-index:3}.hero-bottom p{font-size:18px}.round-link{border:1px solid #776282;border-radius:50%;width:62px;height:62px;display:grid;place-items:center;font-size:25px;margin-left:30px;transition:.3s}.round-link:hover{background:var(--accent);color:#111;transform:translateY(5px)}.hero-bottom>span{font-size:11px;letter-spacing:.14em}.hero-preview{position:absolute;width:26%;right:6%;bottom:45px;transform:rotate(-7deg);opacity:.75;transition:transform .2s ease-out}.hero-preview img{aspect-ratio:16/9;object-fit:cover}.hero-preview>span{font-size:9px;letter-spacing:.1em;display:block;padding-top:8px}.showcase{height:210vh;padding:0 2%}.showcase-sticky{height:92svh;position:sticky;top:4svh;overflow:hidden;background:#291b33}.showcase-images,.scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.scene{opacity:0;transform:scale(1.1);transition:opacity .55s;will-change:transform}.scene.active{opacity:1}.showcase-sticky:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0005,transparent 35%,#000a)}.showcase-top,.showcase-bottom{position:absolute;z-index:2;left:4%;right:4%;display:flex;justify-content:space-between}.showcase-top{top:35px;font-size:12px;letter-spacing:.1em}.showcase-bottom{bottom:55px;align-items:end}.showcase-bottom h2{font-size:clamp(44px,6vw,95px);color:white}.showcase-bottom>span{font-size:12px;letter-spacing:.1em;text-align:right}.scene-progress{position:absolute;bottom:24px;left:4%;right:4%;height:2px;background:#fff4;z-index:3}.scene-progress i{display:block;height:100%;width:0;background:var(--accent)}.section{padding:110px 4.5%}.section-heading{display:grid;grid-template-columns:1fr 2fr;gap:20px;margin-bottom:60px;position:relative}.section-heading h2,.about h2,.brands h2{font-size:clamp(38px,5.1vw,76px)}.small-note{position:absolute;right:0;bottom:0;font-size:10px;letter-spacing:.1em;color:var(--muted)}.projects{display:grid;grid-template-columns:1fr 1fr;gap:70px 36px}.project:nth-child(even){margin-top:95px}.project-image{position:relative;overflow:hidden;background:#281c30;aspect-ratio:1.4}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.project:hover img{transform:scale(1.055)}.open-project{position:absolute;left:50%;top:50%;transform:translate(-50%,-35%);background:var(--accent);color:#ffffff;padding:18px 25px;border-radius:50px;font-size:14px;opacity:0;transition:.3s}.project:hover .open-project,.project:focus-visible .open-project{opacity:1;transform:translate(-50%,-50%)}.project-caption{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-top:20px}.project-caption h3{font-size:24px;letter-spacing:-.04em}.project-caption>span{font-size:12px;color:var(--muted)}.marquee{overflow:hidden;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--accent)}.marquee>div{width:max-content;font-size:clamp(35px,5vw,75px);line-height:1.2;letter-spacing:-.04em;animation:marquee 32s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}.about{display:grid;grid-template-columns:1fr 1.15fr;gap:10%;align-items:start}.about-photo{position:sticky;top:40px;background:#261735;overflow:hidden}.about-photo img{width:100%;aspect-ratio:.83;object-fit:cover}.about-photo span{position:absolute;left:25px;bottom:25px;font-size:12px;letter-spacing:.1em}.about h2{margin:25px 0 36px}.about-text p{color:var(--muted);margin-bottom:22px;font-size:16px;line-height:1.85}.text-link{display:inline-block;border-bottom:1px solid var(--accent);padding:8px 0}.values{padding-top:0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px}.values details{border-top:1px solid var(--line);padding-top:20px}.values summary{font-size:24px}.values p{margin-top:22px;color:var(--muted)}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center}summary::-webkit-details-marker{display:none}.services{background:#eee8f6;color:#23172f}.services em{color:#7420ca}.services .section-heading{margin-bottom:60px}.services details{border-top:1px solid #c7b6d6;padding:26px 0}.services summary{font-family:Manrope,Arial,sans-serif;font-size:clamp(21px,3vw,44px);letter-spacing:-.04em;gap:20px}.service-number{font-family:'DM Sans',Arial,sans-serif;font-size:12px;letter-spacing:0;width:8%;flex-shrink:0}.services summary>span:last-child{margin-left:auto}.services details p{margin:25px 10% 5px;max-width:700px}.delivery{font-size:14px;max-width:700px;color:#60506e;margin:30px 10% 0}.brands h2{margin:26px 0 60px}.logo-grid{display:grid;grid-template-columns:repeat(6,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.logo-grid>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#1c1622}.logo-grid img{width:100%;aspect-ratio:1;object-fit:contain;transition:filter .3s}.contact{background:var(--accent);color:#ffffff;padding-bottom:45px}.contact>a{display:flex;align-items:center;justify-content:space-between;margin:50px 0}.contact h2{font-size:clamp(45px,7.9vw,120px)}.contact h2 em{color:#ffffff;font-family:Georgia,serif;font-style:italic}.contact-arrow{font-size:100px;font-weight:400}.contact-bottom{border-top:1px solid #b778f1;padding-top:25px;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.08em}footer{padding:30px 4.5%;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:12px;color:var(--muted)}footer div{display:flex;gap:24px}footer button{border:0;padding:0;background:transparent;color:inherit;font-size:12px}.reveal{transition:opacity .8s,translate .8s}.js-motion .reveal:not(.visible){opacity:0;translate:0 25px}.reduced .marquee>div{animation:none}.reduced *{scroll-behavior:auto!important;transition:none!important}.reduced .showcase{height:100svh}.reduced .reveal{opacity:1!important;translate:none!important}
@media(min-width:1500px){.hero h1{font-size:150px}.hero-preview{width:24%}}@media(max-width:1000px){.small-note{display:none}.hero{min-height:650px}.hero-preview{width:32%;bottom:65px}.hero-bottom>span{display:none}.section-heading{grid-template-columns:1fr 2fr}.project-caption{display:block}.project-caption>span{display:block;margin-top:8px}.about{gap:6%}.logo-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:650px){header{height:80px}.brand{width:125px}nav{gap:18px}nav a:last-child{display:none}.contact-pill{display:none}.hero{height:auto;min-height:640px;padding-top:25px}.eyebrow{font-size:10px}.hero>.eyebrow span:last-child{display:none}.hero h1{font-size:clamp(53px,11.7vw,76px);margin-top:65px;line-height:1.1}.hero-bottom{margin-top:30px;gap:15px}.hero-bottom p{font-size:15px}.round-link{margin-left:0;width:48px;height:48px}.hero-preview{width:52%;bottom:30px;right:8%}.showcase{height:170vh;padding:0}.showcase-sticky{height:80svh;top:10svh}.showcase-top{font-size:10px}.showcase-bottom>span{display:none}.scene{object-fit:cover}.section{padding:70px 5%}.section-heading{display:block;margin-bottom:35px}.section-heading h2{margin-top:25px}.projects{grid-template-columns:1fr;gap:38px}.project:nth-child(even){margin-top:0}.project-caption{display:flex}.project-caption h3{font-size:22px}.project-caption>span{font-size:10px;max-width:90px;text-align:right}.open-project{display:none}.about{grid-template-columns:1fr;gap:40px}.about-photo{position:relative;top:0}.about-photo img{aspect-ratio:1}.values{grid-template-columns:1fr;padding-top:0;gap:25px}.values summary{font-size:22px}.services summary{font-size:23px}.services details p{margin-left:0;margin-right:0}.delivery{margin-left:0;margin-right:0}.logo-grid{grid-template-columns:repeat(3,1fr)}.contact-arrow{font-size:55px}.contact>a{margin:35px 0}.contact h2{font-size:11vw}footer{flex-wrap:wrap;font-size:11px}footer div{order:3;width:100%;justify-content:space-between;gap:10px}.showcase-bottom h2{font-size:48px}}


[hidden]{display:none!important}.achievement-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:8%;align-items:center}.achievement-layout>img{max-height:500px;width:100%;object-fit:contain}.achievement-layout p{margin-bottom:22px;color:var(--muted)}.achievement-layout ul{padding:0;list-style:none}.achievement-layout li{padding:20px 0;border-top:1px solid var(--line);color:var(--muted)}.project-image img{transform:translateY(var(--parallax,0px)) scale(1.12)}.project:hover img{transform:translateY(var(--parallax,0px)) scale(1.17)}.scene{clip-path:inset(0 0 0 100%);transition:opacity .5s,clip-path .9s cubic-bezier(.2,.7,.2,1)}.scene.active{clip-path:inset(0)}@media(max-width:650px){.achievement-layout{grid-template-columns:1fr;gap:35px}.achievement-layout>img{max-height:400px}}

/* Refinamento cinematográfico */
.hero{isolation:isolate;min-height:720px}.hero-film{position:absolute;inset:0;z-index:-2;overflow:hidden}.hero-film video{width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:.53;transform:translateY(var(--hero-y,0px)) scale(1.15)}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#121015ed 0%,#12101589 55%,#12101530),linear-gradient(0deg,#121015,transparent 40%)}.hero-preview{display:none}.hero>.eyebrow,.hero h1,.hero-bottom{will-change:transform}.hero h1{transform:translateY(var(--title-y,0px));opacity:var(--title-opacity,1)}.film-toggle{position:absolute;right:4.5%;bottom:40px;background:#10150e99;color:#fff;border:1px solid #ffffff66;border-radius:25px;padding:10px 17px;font-size:12px;z-index:5}.process-film{height:280svh;position:relative}.process-sticky{height:100svh;position:sticky;top:0;overflow:hidden;isolation:isolate}.process-frame{position:absolute;inset:0;clip-path:inset(var(--film-inset,12%) round var(--film-radius,20px));transform:scale(var(--film-scale,1));z-index:-2;will-change:clip-path,transform}.process-frame video{width:100%;height:100%;object-fit:cover;filter:saturate(.4)}.process-shade{position:absolute;inset:0;background:linear-gradient(0deg,#000b,#0001 65%,#0005)}.process-label,.process-bottom{position:absolute;left:5%;right:5%;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.12em}.process-label{top:7%}.process-bottom{bottom:7%;color:#f0e6f6}.process-copy{position:absolute;left:8%;right:8%;top:46%;transform:translateY(-30%);will-change:transform}.process-kicker{font-size:12px;letter-spacing:.14em;display:block;margin-bottom:25px}.process-copy h2{font-size:clamp(52px,7.5vw,115px);max-width:1300px;line-height:1.06}.process-copy em{font-family:Georgia,serif;font-style:italic}.process-track{height:2px;position:absolute;bottom:4%;left:5%;right:5%;background:#ffffff44}.process-track i{display:block;width:0;height:100%;background:var(--accent)}.showcase{height:235vh}.project-image{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .3s ease-out}.open-project{pointer-events:none}.reduced .process-film{height:100svh}.reduced .process-frame{clip-path:none;transform:none}.reduced .hero h1{transform:none;opacity:1}.reduced .hero-film video{transform:none}.reduced .project-image{transform:none}@media(max-width:650px){.hero{min-height:680px}.hero-film video{object-position:65% center}.film-toggle{bottom:25px}.hero h1{margin-top:70px}.hero-bottom{margin-top:45px}.process-film{height:220svh}.process-copy{left:6%;right:6%}.process-copy h2{font-size:12vw}.process-bottom span:last-child{display:none}.process-label{font-size:9px}.process-kicker{font-size:10px}.process-frame video{object-position:60% center}nav a:last-child{display:block}nav a:nth-child(3){display:none}nav{gap:14px;font-size:12px}}
/* Identidade Caique Abreu / #8224E3 */
:root{--brand:#8224e3;--accent:#b879f3;--bg:#121015;--panel:#1c1822;--line:#39303f;--muted:#aaa1b5}em{color:var(--accent)}.contact,.primary,.open-project{background:var(--brand);color:#fff}.contact h2 em{color:#fff}.contact-bottom{border-color:#b778f1}.contact-pill{border-color:#6f527c}.hero-film img{width:100%;height:100%;object-fit:cover;object-position:65% center;opacity:.9;transform:translateY(var(--hero-y,0px)) scale(1.09)}.hero:after{background:linear-gradient(90deg,#121015c9 0%,#12101555 58%,#12101510),linear-gradient(0deg,#121015,transparent 40%)}.hero h1{font-size:clamp(64px,8.5vw,140px)}.process-frame img{width:100%;height:100%;object-fit:cover;transform:translateY(var(--process-y,0px)) scale(1.12)}.process-copy{top:auto;bottom:15%;transform:none}.process-copy h2{font-size:clamp(44px,5.7vw,88px)}.process-shade{background:linear-gradient(0deg,#120d19e8,transparent 75%)}.process-film{height:190svh}.portfolio-more{display:flex;justify-content:center;margin-top:70px}.portfolio-page h1,.page-intro h1,.case-intro h1{font-size:clamp(46px,7.2vw,110px);margin-top:35px}.portfolio-intro{display:flex;justify-content:space-between;align-items:end;margin:40px 0 70px}.portfolio-intro p{font-size:20px;color:var(--muted)}.portfolio-intro span{font-size:12px;letter-spacing:.1em}.page-intro{padding:65px 5% 10px}.case-intro{padding:70px 5% 45px}.case-meta{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:25px;margin-top:50px;font-size:12px;letter-spacing:.1em}.case-cover{margin:0 3%}.case-cover img{width:100%;height:auto}.case-description{display:grid;grid-template-columns:1fr 2fr;gap:30px}.case-description h2{font-size:clamp(32px,4vw,60px)}.case-description p{grid-column:2;color:var(--muted)}.case-next{background:#211329;display:flex;justify-content:space-between;align-items:end;gap:25px}.case-next h2{font-size:clamp(32px,4vw,64px);margin-top:20px}.process-study h2{font-size:clamp(36px,5vw,70px);margin-bottom:45px}.process-study>img{width:100%;height:auto}.study-pair{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;margin-top:35px}.study-pair img{width:100%;height:auto}.about-photo img{aspect-ratio:.7;object-position:50% 30%}.reduced .hero-film img,.reduced .process-frame img{transform:none}nav{gap:25px}.brand{flex-shrink:0} @media(max-width:750px){header{flex-wrap:wrap;height:auto;min-height:100px;padding:17px 0;gap:15px}header nav{display:flex;flex-wrap:wrap;gap:15px}header nav a{display:block!important;font-size:12px}header .contact-pill{display:none}.hero h1{font-size:11.7vw}.hero-film img{object-position:64% center}.hero:after{background:linear-gradient(90deg,#121015b0,#12101550),linear-gradient(0deg,#121015,transparent 80%)}.process-copy{bottom:18%;left:5%;right:5%}.process-copy h2{font-size:10vw}.process-frame img{object-position:58% center}.case-description{display:block}.case-description h2{margin:25px 0}.case-description p{margin-top:20px}.case-next{display:block}.case-next>.text-link{margin-top:35px}.study-pair{grid-template-columns:1fr}.portfolio-intro p{font-size:16px}.portfolio-page h1,.page-intro h1{font-size:12vw}}
/* Desktop and touch use the same scroll sequence. Stable viewport units avoid toolbar jumps. */
.hero{min-height:680px;height:calc(100svh - 100px);max-height:1000px}.hero-film video{width:100%;height:100%;object-fit:cover;object-position:58% 50%;opacity:.86;filter:saturate(.65);transform:translateY(var(--hero-y,0px)) scale(1.1)}.hero:after{background:linear-gradient(90deg,#100c17db 0%,#100c1790 56%,#100c1760),linear-gradient(0deg,#121015,transparent 55%)}.hero-controls{position:absolute;right:4.5%;bottom:28px;z-index:5;display:flex;flex-wrap:wrap;gap:10px}.hero-controls button{padding:10px 16px;min-height:44px;border:1px solid #aa86c366;background:#120b20b0;color:#f3eff8;border-radius:25px;font-size:12px}.process-frame video{width:100%;height:100%;object-fit:cover;object-position:55% center;filter:saturate(.45);transform:translateY(var(--process-y,0px)) scale(1.12)}.process-sticky{height:100vh;height:100svh;position:sticky;top:0}.process-film{height:200vh;height:200svh}.showcase-sticky{height:92vh;height:92svh;top:4vh;top:4svh}.showcase{height:230vh;height:230svh}.logo-grid>div{transform:translateY(var(--logo-y,0px));transition:opacity .65s,transform .2s}.js-motion .logo-grid>div:not(.visible){opacity:.3}.project-image img{transition:scale .5s;will-change:transform}.project-caption h3{min-width:0;overflow-wrap:anywhere}.project-caption>span{flex-shrink:0}.case-cover img{height:auto}.contact-page input,.contact-page textarea,.contact-page select,.editor input,.editor textarea{font-size:16px;max-width:100%}.contact-method{min-width:0}.contact-method strong{overflow-wrap:anywhere}.status{overflow-wrap:anywhere}.reduced .hero-film video,.reduced .process-frame video{transform:none}.reduced .logo-grid>div{transform:none}
@media(max-width:750px){header{min-height:112px;display:flex;justify-content:space-between;gap:14px;padding:16px 0}.brand{width:125px}header nav{width:100%;justify-content:space-between;gap:10px;order:2}header nav a,header nav a:nth-child(2),header nav a:nth-child(3),header nav a:last-child{display:block!important;font-size:14px;min-height:32px;padding:5px 0}.hero{height:calc(100svh - 112px);min-height:610px;max-height:900px;padding-top:25px}.hero h1{font-size:clamp(46px,11.8vw,80px);margin-top:65px;line-height:1.1}.hero-film video{object-position:55% 50%}.hero-bottom{margin-top:36px}.hero-controls{bottom:25px;left:5%;right:5%;justify-content:flex-start}.hero-controls button{font-size:12px}.process-film{height:200vh;height:200svh}.process-sticky{height:100vh;height:100svh;top:0}.process-frame video{object-position:58% 50%}.process-copy{left:6%;right:6%;bottom:18%}.process-copy h2{font-size:clamp(38px,10.5vw,72px);line-height:1.1}.process-label{font-size:10px;gap:15px;top:5%}.process-bottom{font-size:9px;bottom:6%}.process-kicker{font-size:10px}.showcase{height:220vh;height:220svh}.showcase-sticky{height:90vh;height:90svh;top:5vh;top:5svh}.showcase-bottom{bottom:50px}.showcase-bottom h2{font-size:clamp(38px,11vw,65px)}.scene{object-position:center}.projects{grid-template-columns:minmax(0,1fr);gap:42px}.project{min-width:0}.project-image{aspect-ratio:1.3;transform:none}.project-caption{gap:12px;align-items:start}.project-caption h3{font-size:22px;line-height:1.15}.project-caption>span{font-size:11px;max-width:86px;white-space:normal}.case-meta{gap:20px;align-items:start}.case-meta span{max-width:50%;font-size:10px}.case-intro h1{overflow-wrap:anywhere}.contact-layout{grid-template-columns:minmax(0,1fr)}.contact-page h1{font-size:clamp(42px,10.7vw,78px)}.contact-page{padding-left:5%;padding-right:5%}.contact-form{min-width:0}.studio-main,.preview-shell,.studio-grid{min-width:0}.logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.about-photo{position:relative;top:0}.small-note{display:none}}
@media(max-width:370px){.hero h1{font-size:43px}.hero{min-height:580px}.hero-bottom p{font-size:14px}.hero-controls{gap:6px}.hero-controls button{padding:8px 12px}.project-caption h3{font-size:20px}footer div{flex-wrap:wrap}}
body.js-motion .process-film{height:200svh}body.js-motion .showcase{height:230svh}body.js-motion .reveal{transition:opacity .8s,translate .8s}body.reduced .process-film,body.reduced .showcase{height:100svh}
.logo-grid>*{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#1c1622;position:relative;transform:translateY(var(--logo-y,0px));transition:opacity .65s,transform .2s}.brand-profile{display:block}.brand-profile-label{position:absolute;left:0;right:0;bottom:12px;text-align:center;color:#d4b8eb;font-size:11px;opacity:0;transition:opacity .25s}.brand-profile:hover .brand-profile-label,.brand-profile:focus-visible .brand-profile-label{opacity:1}.brand-profile:hover{background:#2b173d}.brand-profile:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.js-motion .logo-grid>*:not(.visible){opacity:.3}.reduced .logo-grid>*{transform:none}body.js-motion .process-frame{clip-path:inset(var(--film-inset,10%) round var(--film-radius,16px))}@media(hover:none){.brand-profile-label{opacity:1;font-size:10px;bottom:6px}.logo-grid img{padding-bottom:12px}}
.case-gallery{padding-top:20px}.gallery-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 28px;margin-top:32px}.gallery-item{margin:0;grid-column:1/-1}.gallery-item.portrait{grid-column:span 1}.gallery-media{overflow:hidden;background:#1a151e}.gallery-media img{width:100%;height:auto;display:block}.gallery-item.signature .gallery-media{min-height:300px;display:grid;place-items:center;padding:55px;background:#1a151e;border:1px solid var(--line)}.gallery-item.signature img{width:min(100%,300px);height:auto}.gallery-item figcaption{font-size:13px;color:var(--muted);margin-top:14px}.case-description{padding-bottom:65px}@media(max-width:650px){.gallery-layout{grid-template-columns:minmax(0,1fr);gap:30px}.gallery-item.portrait{grid-column:1/-1}.gallery-item.signature .gallery-media{min-height:240px;padding:35px}.gallery-item.signature img{max-width:240px}.case-gallery{padding-left:5%;padding-right:5%}}

/* Scroll motion uses the same geometry on touch and pointer devices. */
body.js-motion .process-film{height:220vh;height:220svh}
body.js-motion .process-frame{transform:scale(var(--film-scale,1));-webkit-clip-path:inset(var(--film-inset,14%) round var(--film-radius,16px));clip-path:inset(var(--film-inset,14%) round var(--film-radius,16px))}
body.js-motion .process-art{transform:translate3d(0,var(--process-y,0px),0) scale(1.22);will-change:transform;object-position:48% center}
body.js-motion .hero-film video{transform:translate3d(0,var(--hero-y,0px),0) scale(1.3);will-change:transform}
body.js-motion .project-image img,body.js-motion .project:hover img{transform:translate3d(0,var(--parallax,0px),0) scale(1.36);transition:none}
body.js-motion .scene{transition:none;will-change:transform,clip-path}
body.reduced .process-frame,body.reduced .process-art{transform:none;clip-path:none;-webkit-clip-path:none}
@media(max-width:750px){body.js-motion .process-art{object-position:43% center}.process-frame{z-index:0}.process-label,.process-copy,.process-bottom,.process-track{z-index:2}.process-copy h2{font-size:clamp(38px,10.5vw,72px)}}
.showcase-images{z-index:0}
/* Layered header motion. The hit targets never move. */
header .magnetic-nav{position:relative;isolation:isolate;gap:8px;align-items:center}
header .magnetic-nav>a{position:relative;display:flex!important;align-items:center;justify-content:center;min-height:46px;padding:10px 17px!important;border-radius:9px;perspective:500px;color:#c5bdcf;transition:color .2s;white-space:nowrap}
header .magnetic-nav>a:hover,header .magnetic-nav>a:focus-visible,header .magnetic-nav>a[aria-current]{color:#fff}
.nav-label{display:block;position:relative;z-index:1;transform:translate3d(var(--nav-x,0px),var(--nav-y,0px),0) rotate(var(--nav-rotate,0deg));transition:transform .25s cubic-bezier(.2,.8,.2,1);will-change:transform}
.nav-light{position:absolute;top:0;left:0;z-index:-1;pointer-events:none;border-radius:9px;background:linear-gradient(135deg,#8224e342,#8224e314);border:1px solid #b879f33d;box-shadow:0 9px 28px -15px #8224e3b3;transition:transform .32s cubic-bezier(.2,.8,.2,1),width .32s,height .32s,opacity .2s}
.nav-light:after{content:'';position:absolute;bottom:-1px;height:2px;left:25%;right:25%;background:#b879f3;box-shadow:0 0 12px #8224e3}
header .magnetic-nav>a:after{content:'';position:absolute;inset:0;border-radius:9px;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--press-x,50%) var(--press-y,50%),#b879f3aa,transparent 75%)}
header .magnetic-nav>a.nav-press:after{animation:nav-press .45s ease-out}
header .magnetic-nav>a:active .nav-label{transform:scale(.94)}
@keyframes nav-press{0%{opacity:.8;scale:.85}100%{opacity:0;scale:1.1}}
body.nav-departing:not(.reduced) main{opacity:.4;transform:translate3d(0,8px,0);transition:opacity .18s ease,transform .18s ease}
body.reduced .nav-label{transform:none!important}body.reduced .nav-press:after{animation:none}
@media(max-width:750px){header .magnetic-nav{gap:3px}header .magnetic-nav>a{flex:1;padding:10px 8px!important;font-size:14px;min-width:0}.nav-label{will-change:auto}}
/* Work scenes and interactive brand gallery — October 2026. */
.brand-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.brand-toolbar p,.brand-hint{color:var(--muted);font-size:14px}.brand-controls{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-counter{font-size:12px;font-variant-numeric:tabular-nums;margin-right:12px}.brand-controls button{width:52px;height:52px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--text);font-size:24px;transition:background .2s}.brand-controls button:hover{background:var(--accent)}.brand-controls button:disabled{opacity:.25;cursor:default}.brand-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--accent) var(--panel);padding:4px 0 20px;overscroll-behavior-x:contain;position:relative}.brand-card{flex:0 0 clamp(270px,31vw,440px);min-width:0;scroll-snap-align:start;background:var(--panel);border:1px solid var(--line);transition:border-color .2s}.brand-card:hover,.brand-card.is-selected{border-color:#8e49d2}.brand-image{overflow:hidden;background:#1c1622}.brand-image img{width:100%;aspect-ratio:1;object-fit:contain;transition:transform .35s}.brand-card:hover img{transform:scale(1.035)}.brand-caption{padding:22px;display:flex;flex-direction:column;gap:12px}.brand-caption h3{font-size:24px;line-height:1.2;letter-spacing:-.035em}.brand-caption span{color:#d4b8eb;font-size:12px}.brand-hint{margin-top:14px}.brands h2{margin-bottom:34px}
.hero-film .hero-work-poster{width:100%;height:100%;object-fit:cover;object-position:64% center;opacity:.92;filter:none;transform:translate3d(0,var(--hero-y,0px),0) scale(1.12);will-change:transform}.hero-film .work-video{transform:translate3d(0,var(--hero-y,0px),0) scale(1.12)!important;will-change:transform}.trajectory-film{margin:0;position:relative;overflow:hidden;min-width:0;aspect-ratio:4/5;background:var(--panel)}.trajectory-film .trajectory-poster,.trajectory-film .work-video{width:100%;height:100%;object-fit:cover;object-position:78% center;transform:translate3d(0,var(--work-y,0px),0) scale(1.16);will-change:transform}.trajectory-film:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#121015cc);pointer-events:none}.trajectory-film figcaption{position:absolute;bottom:24px;left:24px;right:24px;font-size:11px;letter-spacing:.12em;z-index:1}.trajectory-toggle{position:absolute;top:16px;right:16px;background:#121015b0;color:white;border:1px solid #fff5;padding:10px 14px;border-radius:24px;z-index:2}.work-video[hidden],.hero-work-poster[hidden],.trajectory-poster[hidden],button[hidden]{display:none!important}body.reduced .trajectory-film img,body.reduced .trajectory-film video,body.reduced .hero-film .hero-work-poster{transform:none;will-change:auto}
@media(max-width:750px){.brand-toolbar{align-items:flex-start;flex-direction:column;gap:18px}.brand-controls{align-self:flex-end}.brand-card{flex-basis:82%;max-width:420px}.brand-track{gap:16px}.brand-caption{padding:18px}.brand-caption h3{font-size:22px}.brand-controls button{width:46px;height:46px}.hero-film .hero-work-poster{object-position:72% center}.trajectory-film{aspect-ratio:4/3}.trajectory-film .trajectory-poster,.trajectory-film .work-video{object-position:75% center}.brand-hint{font-size:12px}}
@media(prefers-reduced-motion:reduce){.brand-image img{transition:none}.trajectory-film img,.trajectory-film video,.hero-film .hero-work-poster{transform:none!important}}