/* One continuous black canvas. Light is a shared moving layer, never a section fill. */
:root{color-scheme:dark;--bg:#050607;--text:#f2f2f0;--muted:#999c9e;--accent:#ff803c;--line:#ffffff20;--light-x:76%;--light-y:44%;--light-strength:.6;--light-rotation:-23deg}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;border:0;background:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #ff9259;outline-offset:5px}button[hidden],[hidden]{display:none!important}p,h1,h2,h3{margin:0}p{line-height:1.65}h1,h2,h3{font-weight:500;letter-spacing:-.06em}img{display:block;width:100%;height:100%;object-fit:cover}svg{width:20px;height:20px;flex:none}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#b0b3b7}::selection{background:#ff803c;color:#080808}.wrap{width:88%;max-width:1440px;margin-inline:auto}.chapter{padding-top:135px;padding-bottom:65px;position:relative}.eyebrow{font-size:9px;font-weight:400;letter-spacing:.16em;color:#a7aaae;line-height:1.6}.source-note{font-size:9px;line-height:1.7;color:#8c9196;margin-top:25px;letter-spacing:.012em}.source-note a{text-decoration:underline;text-underline-offset:3px}.skip{position:fixed;top:-80px;left:20px;background:white;color:black;z-index:1000;padding:15px}.skip:focus{top:10px}main{position:relative;z-index:1}
.ambient{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;contain:strict}.ambient-position{position:absolute;left:var(--light-x);top:var(--light-y);width:min(72vw,1050px);height:min(90vh,850px);transform:translate(-50%,-50%) rotate(var(--light-rotation));opacity:var(--light-strength);will-change:transform,opacity}.ambient-core{position:absolute;inset:12% 0 8% 65%;background:radial-gradient(ellipse at 50% 50%,#ffbe78c2 0%,#ff802b75 15%,#ff711721 35%,transparent 62%);filter:blur(22px);border-radius:50%}.ambient-rim{position:absolute;inset:10% 8% 12% 18%;border:2px solid #ff9c3880;border-left-color:transparent;border-bottom-color:transparent;border-radius:47% 53% 65% 35% / 35% 34% 66% 65%;filter:blur(5px);box-shadow:18px -4px 70px -24px #ff84003d;transform:rotate(18deg)}.ambient-second{display:none;position:absolute;width:50vw;height:50vw;left:-32vw;top:50%;background:radial-gradient(ellipse,#ff73161c,transparent 66%);filter:blur(30px)}
.site-header{height:98px;position:absolute;top:0;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:10}.wordmark{font-size:14px;font-weight:600;letter-spacing:-.025em;white-space:nowrap}.wordmark span{color:var(--accent);margin-left:2px}.site-header nav{display:flex;align-items:center;gap:32px;font-size:11px}.site-header nav>a{color:#cbcdce}.site-header nav>a:hover{color:#fff}.nav-contact{border:1px solid #ffffff30;border-radius:30px;padding:13px 19px;display:flex;align-items:center;gap:30px}.nav-contact svg{width:14px;height:14px}.hero{min-height:740px;height:100svh;max-height:1080px;position:relative;overflow:hidden;isolation:isolate}.hero-portrait{position:absolute;right:1%;bottom:0;width:65%;height:90%;mask-image:linear-gradient(90deg,transparent,#000 24%,#000 78%,transparent);will-change:transform}.hero-portrait img{object-fit:contain;object-position:center bottom}.hero-portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,var(--bg),transparent 55%),linear-gradient(90deg,var(--bg),transparent 42%);pointer-events:none}.hero-content{position:absolute;left:6%;top:25%;will-change:transform,opacity}.hero-content .eyebrow{display:flex;align-items:center;gap:12px}.live-dot{width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 13px #ff742850}.hero h1{font-size:clamp(96px,12.4vw,205px);font-weight:600;line-height:.83;letter-spacing:-.076em;margin:29px 0 27px -6px}.hero h1 span{color:var(--accent)}.hero-description{font-size:16px;color:#b8bbbe;line-height:1.55}.inline-link{display:inline-flex;align-items:center;gap:28px;font-size:12px;padding:0;margin-top:25px}.round-arrow{height:38px;width:38px;border:1px solid #ffffff38;border-radius:50%;display:grid;place-items:center;transition:background .3s,border-color .3s}.round-arrow svg{width:15px;height:15px}.inline-link:hover .round-arrow{background:#ff803c;border-color:#ff803c;color:#101010}.hero-forbes{position:absolute;right:7%;bottom:100px;display:flex;align-items:center;gap:18px}.hero-forbes strong{font:bold 34px Georgia;letter-spacing:-.06em}.hero-forbes>span{font-size:8px;letter-spacing:.12em;line-height:1.7;color:#bcc0c4}.hero-baseline{position:absolute;bottom:28px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.13em;color:#91969b}.hero-baseline a{display:flex;align-items:center;gap:24px}.hero-baseline a>span{color:#ff9a5e;font-size:17px}
.proof{padding-top:65px;padding-bottom:15px}.proof-top{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:50px;align-items:center}.proof-top>p{font-size:23px;letter-spacing:-.035em;line-height:1.4}.proof-number{display:flex;align-items:center;gap:22px}.proof-number strong{font-size:48px;font-weight:500;letter-spacing:-.065em;white-space:nowrap}.proof-number span{font-size:10px;color:#9da2a6;line-height:1.6}.brand-ribbon{display:flex;align-items:center;gap:50px;margin-top:55px}.brand-ribbon>span{max-width:100px;font-size:7px;letter-spacing:.15em;line-height:1.6;color:#737b83}.brand-ribbon>div{display:flex;align-items:center;justify-content:space-between;gap:25px;flex:1;color:#aaaeb1}.brand-ribbon strong{font-size:21px;font-weight:500;letter-spacing:-.05em}.brand-ribbon .brand-ferrari{font:italic bold 27px Georgia}.brand-ribbon .loreal-logo{font-size:23px}
.section-intro{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:49px}h2{font-size:clamp(45px,5.4vw,86px);line-height:1.05;margin-top:24px}.section-aside{font-size:12px;color:#a1a5aa;max-width:280px;line-height:1.7}.reels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:start}.reel-slot{min-width:0}.reel{display:block;width:100%;aspect-ratio:9/16;border-radius:24px;position:relative;isolation:isolate;overflow:hidden;padding:0;text-align:left;box-shadow:0 0 0 1px #ffffff14;transition:box-shadow .4s,translate .4s}.reel img{transition:transform .8s cubic-bezier(.2,.75,.3,1)}.reel-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,#05060708 45%,#05060740 63%,#050607b8 83%,#050607f5)}.reel-info{position:absolute;left:22px;right:22px;bottom:21px;color:#fafaf8}.reel-info>small{font-size:9px;color:#d0d0d0;display:block;margin-bottom:9px;letter-spacing:.015em}.reel-info>strong{font-size:clamp(21px,1.85vw,29px);font-weight:500;letter-spacing:-.04em;display:block;line-height:1.1}.reel-bottom{margin-top:18px;display:flex;justify-content:space-between;align-items:center;font-size:20px;letter-spacing:-.04em}.reel-bottom small{font-size:9px;color:#c7c9cb;margin-left:4px;letter-spacing:0}.reel-bottom .round-arrow{width:32px;height:32px}.interlude{padding-top:100px;padding-bottom:0;display:flex;align-items:center;gap:22px;font-size:clamp(20px,3.25vw,52px);letter-spacing:-.055em;color:#d3d5d6}.interlude>span:nth-child(2){color:#686f76}.interlude i{margin-left:auto;color:#ff8943}.interlude svg{width:50px;height:50px;transform:rotate(90deg)}
.brands{padding-top:145px}.ferrari-feature{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:11%;margin-top:70px}.ferrari-art{position:relative;padding:30px 0 0 11%}.feature-word{position:absolute;top:0;left:-2%;font:italic bold clamp(65px,7.3vw,115px) Georgia;color:#ffffff15;letter-spacing:-.075em;z-index:-1}.feature-reel{display:block;position:relative;width:86%;aspect-ratio:9/16;border-radius:28px;overflow:hidden;padding:0;box-shadow:0 0 0 1px #ffffff18;isolation:isolate}.feature-reel:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#050607dd);z-index:1}.feature-reel>img{transition:transform .8s cubic-bezier(.2,.75,.3,1)}.feature-open{position:absolute;bottom:25px;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between;font-size:12px;z-index:2}.feature-caption{display:block;margin:22px 0 0;font-size:8px;letter-spacing:.13em;color:#8f969e}.feature-copy h3{font-size:clamp(50px,5.8vw,88px);line-height:1.03;margin:26px 0;letter-spacing:-.065em}.feature-summary{font-size:13px;color:#9da3a9;max-width:345px}.feature-result{display:flex;gap:25px;align-items:center;margin-top:37px}.feature-result>strong{font-size:clamp(64px,7vw,100px);line-height:1;letter-spacing:-.075em;font-weight:400}.feature-result strong>span{font-size:.64em;color:#ff934f}.feature-result>span{font-size:10px;color:#9da5ad;line-height:1.6}.feature-facts{display:flex;gap:45px;margin-top:35px}.feature-facts div>span{font-size:7px;letter-spacing:.14em;color:#7e8790}.feature-facts p{font-size:11px;margin-top:8px;color:#c6cace}.brand-list{margin-top:90px}.brand-list>.eyebrow{margin-bottom:25px}.brand-row{width:100%;display:grid;grid-template-columns:1fr 1.1fr .7fr 28px;gap:25px;align-items:center;padding:32px 0;border-bottom:1px solid var(--line);text-align:left;transition:color .25s}.brand-row:first-of-type{border-top:1px solid var(--line)}.brand-name{font-size:28px;letter-spacing:-.065em}.brand-name.samsung{font-size:23px;text-transform:uppercase;font-weight:600;letter-spacing:-.04em}.brand-name.loreal{font-size:22px;letter-spacing:-.05em}.brand-description{font-size:11px;color:#89929a}.brand-result{font-size:30px;letter-spacing:-.05em;text-align:right}.brand-result small{display:block;font-size:9px;letter-spacing:0;color:#929ba3;margin-top:3px}.row-arrow{justify-self:end;color:#9099a1}.brand-row:hover .row-arrow{color:#ff934f}.brand-row:hover .brand-name{color:#fff}
.approach{display:grid;grid-template-columns:1.05fr 1fr;gap:10%;align-items:start;padding-top:180px}.approach h2{font-size:clamp(40px,4.5vw,67px)}.approach-lines{margin-top:8px}.approach-lines>div{padding:25px 0 32px;display:grid;grid-template-columns:25px 1fr;gap:10px 19px;border-bottom:1px solid var(--line)}.approach-lines>div>span{font-size:9px;color:#ff934f;padding-top:6px}.approach-lines h3{font-size:26px;letter-spacing:-.04em}.approach-lines p{grid-column:2;font-size:12px;color:#929da5;max-width:340px}.about{display:grid;grid-template-columns:40% 1fr;gap:13%;align-items:center;padding-top:160px}.about-art{aspect-ratio:4/5;position:relative;overflow:hidden;border-radius:4px 4px 24px 24px}.about-art>img{object-position:center 35%}.about-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,var(--bg),transparent 40%)}.about-art>span{position:absolute;bottom:25px;left:23px;font-size:7px;letter-spacing:.13em;color:#aaaeb2;z-index:1}.about-copy h2{font-size:clamp(45px,5vw,75px)}.about-copy>p{font-size:13px;color:#9aa2a9;max-width:465px;margin-top:25px}.venture{display:flex;justify-content:space-between;align-items:center;margin-top:36px;padding:25px 0;border-top:1px solid var(--line)}.venture>span{display:flex;flex-direction:column;gap:9px}.venture small{font-size:7px;letter-spacing:.15em;color:#858e97}.venture strong{font-size:23px;letter-spacing:-.07em}.venture span>span{font-size:10px;color:#9da5ac}.venture svg{color:#ff934f}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:11%;padding-top:180px;padding-bottom:120px}.contact h2{font-size:clamp(60px,6.7vw,100px)}.contact-intro>p{font-size:14px;color:#9da5ae;margin-top:30px}.contact-email{display:inline-flex;align-items:center;gap:15px;font-size:17px;letter-spacing:-.03em;margin-top:40px}.contact-email svg{width:14px;height:14px;color:#ff934f}.contact-location{display:block;font-size:7px;letter-spacing:.15em;color:#7e8994;margin-top:28px}#enquiry-form{padding-top:4px}fieldset{margin:0 0 35px;padding:0;border:0;min-width:0}legend{padding:0;margin-bottom:18px;color:#bac1c8;font-size:12px}.enquiry-types{display:flex;gap:8px;flex-wrap:wrap}.enquiry-types label{position:relative;display:block;cursor:pointer}.enquiry-types input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.enquiry-types span{display:block;font-size:10px;padding:12px 17px;border:1px solid #ffffff25;border-radius:30px;color:#9fa9b2;transition:border-color .25s,color .25s,background .25s}.enquiry-types input:checked+span{border-color:#ff9b6155;color:#ffd5bb;background:#ff862810}.enquiry-types input:focus-visible+span{outline:2px solid #ff934f;outline-offset:4px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px}#enquiry-form>label,.field-pair>label{display:block;font-size:10px;color:#c0c6cc;margin-bottom:26px}input:not([type=radio]),textarea{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid #ffffff2b;border-radius:0;padding:14px 0;color:#f2f4f6;font-size:13px;line-height:1.6;transition:border-color .25s;resize:vertical}input::placeholder,textarea::placeholder{color:#646f7b;opacity:1}input:not([type=radio]):focus,textarea:focus{border-color:#ff9754;outline:0}input:user-invalid,textarea:user-invalid{border-color:#ff7863}.form-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:18px}.form-bottom p{font-size:9px;color:#85919c;line-height:1.6}.submit-button{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:#efefed;color:#111416;border:1px solid #efefed;border-radius:30px;padding:16px 23px;font-size:11px;transition:background .25s,box-shadow .25s}.submit-button svg{width:14px;height:14px}.submit-button:hover{background:#ffd6bb;box-shadow:0 0 40px #ff803c17}.enquiry-ready{border-left:2px solid #ff934f;padding:18px 22px;margin-top:28px;background:#ffffff03}.enquiry-ready strong{font-size:15px;font-weight:500}.enquiry-ready p{font-size:11px;color:#9da6af;margin:8px 0 18px}
footer{padding:45px 0 35px}.footer-signature{font-size:clamp(65px,13.6vw,215px);font-weight:600;letter-spacing:-.075em;line-height:1;white-space:nowrap}.footer-signature>span{color:#ff803c}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:40px;padding-top:25px;border-top:1px solid var(--line)}.footer-bottom>span{font-size:8px;letter-spacing:.08em;color:#8c949c}.socials{display:flex;align-items:center;gap:28px}.socials a{display:flex;align-items:center;gap:10px;font-size:11px;color:#b6bec6}.socials img{width:18px;height:18px;object-fit:contain;filter:invert(1);opacity:.82}.socials svg{width:11px;height:11px;color:#68737e}.socials a:hover{color:#ffad77}.back-top{width:36px;height:36px;display:grid;place-items:center;border:1px solid #ffffff25;border-radius:50%;font-size:18px}.prototype-links{display:flex;justify-content:flex-end;gap:20px;font-size:8px;color:#707d88;margin-top:26px}.prototype-links button{font-size:8px;padding:0;color:inherit}
dialog{width:min(920px,94vw);max-height:90svh;padding:0;border:1px solid #ffffff22;border-radius:26px;background:#0b0e11;color:#f3f5f6;box-shadow:0 35px 150px #000c}dialog::backdrop{background:#000b;backdrop-filter:blur(12px)}.dialog-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;background:#181d23;color:#fff;z-index:3;font-size:24px;display:grid;place-items:center}.project-detail{display:grid;grid-template-columns:44% 56%;min-height:500px}.detail-image{min-width:0}.detail-image img{aspect-ratio:9/16;max-height:650px;object-position:center}.detail-copy{padding:65px 40px 40px}.detail-copy h2{font-size:46px;margin:18px 0 24px;line-height:1.06}.detail-copy>p:not(.eyebrow):not(.source-note){font-size:13px;line-height:1.7;color:#a4afb9}.detail-copy>strong{display:block;font-size:76px;font-weight:400;letter-spacing:-.065em;line-height:1.2;margin-top:30px}.detail-label{font-size:8px;color:#9faab5;letter-spacing:.13em}.detail-copy .source-note{font-size:10px;margin:22px 0}.detail-copy .submit-button{margin-top:3px}.project-detail.no-image{grid-template-columns:1fr;min-height:0}.no-image .detail-copy{padding:65px;max-width:660px}.no-image .detail-image{display:none}body.dialog-open{overflow:hidden}
/* Progress is derived from viewport position each time. No one-shot reveal classes. */
.motion-ready [data-reveal]{opacity:var(--reveal-opacity,1);transform:translate3d(0,var(--reveal-y,0px),0);will-change:transform,opacity}.motion-ready .reel-slot[data-reveal]{transform:translate3d(0,var(--reveal-y,0px),0) scale(var(--reveal-scale,1));transform-origin:50% 80%}body.motion-paused .ambient-position{will-change:auto}
@media(hover:hover){.reel:hover{translate:0 -5px;box-shadow:0 0 0 1px #ffa36260,0 18px 60px #ff803c0a}.reel:hover img,.feature-reel:hover>img{transform:scale(1.035)}.reel:hover .round-arrow,.feature-reel:hover .round-arrow{background:#ff803c;border-color:#ff803c;color:#111}.brand-row:hover .row-arrow{transform:translate(2px,-2px);transition:transform .25s}}
@media(min-width:1600px){.site-header{max-width:1440px;margin:auto}.hero-content{left:max(6%,calc((100vw - 1440px)/2))}.hero-portrait{right:5%}}
@media(max-width:1050px){.proof-top{gap:25px;grid-template-columns:1fr 1fr 1fr}.proof-top>p{font-size:20px}.proof-number{display:block}.proof-number strong{font-size:42px}.proof-number span{display:block;margin-top:8px}.brand-ribbon{gap:30px}.reel-info{left:17px;right:17px;bottom:18px}.reel-info>strong{font-size:20px}.reel-bottom{font-size:18px}.ferrari-feature{gap:7%}.feature-summary{font-size:12px}.feature-facts{gap:25px}.feature-facts p{font-size:10px}.brand-row{grid-template-columns:1.1fr .8fr .6fr 20px;gap:20px}.brand-name.loreal{font-size:19px}.approach{gap:7%;grid-template-columns:1.1fr 1fr}.approach h2{font-size:43px}.about{gap:8%;grid-template-columns:42% 1fr}.about-copy h2{font-size:50px}.contact{gap:7%}.contact h2{font-size:64px}.form-bottom{display:block}.form-bottom .submit-button{margin-top:20px}.enquiry-types span{padding:10px 13px;font-size:9px}}
@media(max-width:800px)and(min-width:601px){.reels{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.hero h1{font-size:13.5vw}.hero-portrait{right:-20%;width:94%}.site-header nav{gap:20px}.brand-description{display:none}.brand-row{grid-template-columns:1fr .7fr 20px}.about-copy h2{font-size:42px}.approach{display:block}.approach-lines{margin-top:40px}.contact{grid-template-columns:1fr;gap:50px}.contact-intro{max-width:600px}.form-bottom{display:flex}.form-bottom .submit-button{margin:0}}
@media(max-width:600px){html{scroll-padding-top:32px}.wrap{width:88%}.site-header{height:78px}.wordmark{font-size:11px}.site-header nav{gap:18px;font-size:10px}.site-header nav>a:nth-child(2),.site-header nav>a:nth-child(3){display:none}.nav-contact{gap:13px;padding:10px 14px}.nav-contact svg{width:11px;height:11px}.hero{min-height:710px;height:100svh;max-height:900px}.hero-portrait{top:75px;right:-26%;bottom:auto;width:145%;height:72%;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 82%,transparent)}.hero-portrait img{object-fit:cover;object-position:center 30%}.hero-portrait:after{background:linear-gradient(0deg,var(--bg),transparent 75%)}.hero-content{top:auto;bottom:170px}.hero-content .eyebrow{font-size:7px;letter-spacing:.12em}.hero h1{font-size:20.8vw;line-height:.84;margin:20px 0 24px -3px}.hero-description{font-size:13px}.inline-link{font-size:11px;margin-top:20px;gap:24px}.round-arrow{width:32px;height:32px}.hero-forbes{right:6%;bottom:75px;gap:12px}.hero-forbes strong{font-size:26px}.hero-forbes>span{font-size:6px}.hero-baseline{font-size:6px;letter-spacing:.08em;bottom:22px;align-items:center;gap:15px}.hero-baseline>span{max-width:150px}.hero-baseline a{gap:8px;white-space:nowrap}.hero-baseline a>span{font-size:13px}.ambient-position{width:140vw;height:90vh;opacity:calc(var(--light-strength) * .7)}.ambient-rim{filter:blur(10px)}.ambient-second{display:none}.proof{padding-top:40px}.proof-top{grid-template-columns:1fr 1fr;gap:30px 20px}.proof-top>p{grid-column:1/-1;font-size:22px}.proof-number strong{font-size:42px}.proof-number span{font-size:9px}.brand-ribbon{display:block;margin-top:40px}.brand-ribbon>span{display:block;max-width:none;margin-bottom:25px;font-size:7px}.brand-ribbon>div{gap:12px;flex-wrap:wrap;justify-content:space-between}.brand-ribbon strong{font-size:14px}.brand-ribbon .brand-ferrari{font-size:19px}.brand-ribbon .loreal-logo{font-size:17px}.chapter{padding-top:90px;padding-bottom:25px}.section-intro{display:block;margin-bottom:34px}.eyebrow{font-size:8px}h2{font-size:43px;margin-top:21px}.section-aside{margin-top:22px;font-size:11px}.reels{grid-template-columns:1fr;gap:24px;max-width:380px;margin:auto}.reel-info{left:24px;right:24px;bottom:24px}.reel-info>strong{font-size:29px}.reel-info>small{font-size:10px}.reel-bottom{font-size:23px}.reel-bottom small{font-size:10px}.reel-bottom .round-arrow{width:36px;height:36px}.source-note{font-size:8px;margin-top:22px}.interlude{padding-top:55px;gap:9px;font-size:19px;flex-wrap:wrap}.interlude svg{width:23px;height:23px}.interlude i{margin-left:auto}.brands{padding-top:95px}.ferrari-feature{display:flex;flex-direction:column;gap:44px;margin-top:40px;align-items:stretch}.ferrari-art{padding:24px 0 0 4%}.feature-word{font-size:66px;left:0}.feature-reel{width:91%;margin-inline:auto;max-width:370px}.feature-caption{font-size:7px;margin-left:5%;margin-top:17px}.feature-copy h3{font-size:60px;margin:20px 0 24px}.feature-summary{font-size:13px}.feature-result{margin-top:30px;gap:27px}.feature-result>strong{font-size:81px}.feature-result>span{font-size:10px}.feature-facts{margin-top:27px;gap:48px}.feature-facts div>span{font-size:7px}.feature-facts p{font-size:11px}.brand-list{margin-top:60px}.brand-row{grid-template-columns:1fr auto 16px;gap:17px;padding:25px 0}.brand-name{font-size:26px}.brand-name.samsung{font-size:21px}.brand-name.loreal{font-size:19px;max-width:145px;line-height:1.2}.brand-description{display:none}.brand-result{font-size:26px}.brand-result small{font-size:8px}.row-arrow svg{width:15px;height:15px}.approach{display:block;padding-top:110px}.approach h2{font-size:41px}.approach-lines{margin-top:30px}.approach-lines>div{padding:23px 0;gap:9px 12px}.approach-lines h3{font-size:25px}.approach-lines p{font-size:12px}.about{display:flex;flex-direction:column;gap:40px;padding-top:95px}.about-art{width:90%;align-self:start}.about-copy h2{font-size:48px}.about-copy>p{font-size:13px}.contact{display:block;padding-top:110px;padding-bottom:70px}.contact h2{font-size:66px}.contact-intro>p{font-size:13px;margin-top:25px}.contact-email{font-size:16px;margin-top:26px}.contact-location{margin-top:20px;font-size:7px}#enquiry-form{padding-top:48px}fieldset{margin-bottom:31px}.enquiry-types{gap:7px}.enquiry-types span{font-size:9px;padding:11px 13px}.field-pair{gap:22px}.form-bottom{display:flex;gap:15px}.form-bottom .submit-button{margin:0;gap:15px;padding:15px 18px;font-size:10px}.form-bottom p{font-size:8px;max-width:125px}footer{padding-top:20px}.footer-signature{font-size:13.4vw}.footer-bottom{flex-wrap:wrap;gap:24px;margin-top:25px}.footer-bottom>span{font-size:7px}.socials{width:100%;order:3;justify-content:space-between;gap:15px}.socials a{gap:7px;font-size:10px}.socials img{width:17px;height:17px}.socials svg{width:10px;height:10px}.prototype-links{justify-content:space-between;gap:12px;margin-top:34px;font-size:7px}.prototype-links button{font-size:7px}.project-detail{grid-template-columns:1fr}.detail-image{max-height:360px;overflow:hidden}.detail-image img{height:360px;object-position:center 35%}.detail-copy,.no-image .detail-copy{padding:35px 27px}.detail-copy h2{font-size:39px;margin-top:14px}.detail-copy>strong{font-size:65px}.detail-copy>.eyebrow{max-width:260px}.detail-copy .source-note{font-size:9px}dialog{border-radius:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready [data-reveal]{opacity:1!important;transform:none!important}.hero-content,.hero-portrait{transform:none!important;opacity:1!important}.reel:hover,.reel:hover img,.feature-reel:hover>img{transform:none;translate:none}.ambient-position{will-change:auto}}
/* Mobile references form a swipeable film strip instead of four long stacked blocks. */
.gallery-controls{display:none}
@media(max-width:600px){
 .reels{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:6%;margin:0 -6.82%;padding:7px 6.82% 16px;width:113.64%;max-width:none;scrollbar-width:none}
 .reels::-webkit-scrollbar{display:none}
 .reel-slot{flex:0 0 86%;scroll-snap-align:start}
 .gallery-controls{display:flex;align-items:center;justify-content:space-between;margin-top:4px}
 .gallery-controls>span{font-size:7px;letter-spacing:.14em;color:#8c969e}
 .gallery-controls>div{display:flex;gap:8px}
 .gallery-controls button{width:42px;height:42px;border:1px solid #ffffff2c;border-radius:50%;font-size:18px}
 .gallery-controls button:disabled{opacity:.28;cursor:default}
}