/* Commercial clarity, with the film always leading. */
.trusted-brands{display:block;padding-block:42px 30px;position:relative;overflow:hidden}
.trusted-brands>p{font-size:10px;text-transform:uppercase;letter-spacing:.14em;margin:0 0 26px;color:#88847f}
.brand-marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.brand-track{display:flex;width:max-content;animation:brand-drift 52s linear infinite;animation-play-state:paused}
.brand-marquee.is-running .brand-track{animation-play-state:running}.brand-marquee:hover .brand-track{animation-play-state:paused}
.brand-group{display:flex;align-items:center;flex:none;gap:70px;padding-right:70px}
.brand-slide{width:136px;height:72px;display:flex;align-items:center;justify-content:center;flex:none}
.brand-slide .partner-logo{width:136px;height:52px;object-fit:contain;filter:brightness(0) invert(1);opacity:.73}
.brand-slide .logo-ferrari{height:64px;width:48px}.brand-slide .logo-elf{width:62px;height:54px}.brand-slide .logo-msc{height:62px;width:136px}
.marquee-control{position:absolute;right:0;top:33px;width:32px;height:32px;color:#aaa49e;border:1px solid #ffffff20;border-radius:50%;font-size:11px}
@keyframes brand-drift{to{transform:translateX(-50%)}}
.ferrari-lockup{display:flex;gap:12px;align-items:center;color:#ddd8d1;font-size:25px;font-family:Georgia,serif;letter-spacing:.01em}
.case-logo.logo-msc{height:42px}.case-logo.logo-elf{width:54px;height:38px}
.case-overview>p{font-size:13px;max-width:345px;color:#aca7a1}.case-use,.case-art figcaption{display:none}
.case-panel{min-height:660px;gap:24px 8%}.case-metrics{align-self:start}.case-numbers{padding-bottom:24px}
.case-total>strong{font-size:clamp(52px,5vw,76px);color:#f1eee9}
.case-lead,.case-platform-count{display:none!important}
.platform-details{border:0;margin:0;padding:0}.platform-details .channels-heading{border-top:1px solid #ffffff16;padding-top:20px;margin-bottom:22px;font-size:8px;letter-spacing:.12em}
.case-channels{min-height:176px;gap:19px}.channel-row{font-size:12px;gap:7px 10px;grid-template-columns:20px 1fr auto 43px}
.channel-icon>img{width:16px;height:16px;opacity:.75}.channel-name{color:#b9b4ae}.channel-value{color:#ebe7e0}.channel-share{font-size:10px;color:#8c8781}
.channel-track{height:3px;border-radius:3px;background:#ffffff0b}.channel-track i{border-radius:3px;background:#88817b80}.leading .channel-track i{background:linear-gradient(90deg,#b97648,#efc39e)}
#case-auto{font-size:12px;color:#b4aaa0}#case-auto[aria-pressed=true]{color:#efc39e}
/* A deliberate scroll sequence, not a timer choosing benefits. */
.idea-intro>p:last-child{max-width:475px;font-size:15px;line-height:1.6;color:#aaa49f}
.idea-map{height:420px;margin-top:68px;margin-bottom:80px}
.idea-possibilities{height:420px;width:42%;left:34%}
.idea-possibilities>div{animation:none!important;min-height:92px;padding:20px 21px;gap:16px;background:#0a0a0b;position:relative;border-color:rgba(219,166,125,calc(.1 + var(--step-glow,0)*.47));box-shadow:0 0 calc(46px * var(--step-glow,0)) rgba(215,138,81,calc(var(--step-glow,0)*.2)),0 0 calc(12px * var(--step-glow,0)) rgba(240,170,110,calc(var(--step-glow,0)*.12)),inset 0 0 26px rgba(215,138,81,calc(var(--step-glow,0)*.06));transition:box-shadow .25s linear,border-color .25s linear;opacity:1;transform:none}
.idea-possibilities>div:after{display:none}.idea-possibilities>div>span{color:#a19b94;font-size:11px}.idea-possibilities>div.is-lit>span{color:#e7b68d}
.idea-benefit{display:flex;flex-direction:column;gap:6px}.idea-possibilities .idea-benefit strong{font-size:15px;font-weight:400;line-height:1.2;letter-spacing:-.015em;color:#eee8e2}
.idea-benefit small{font-size:10px;line-height:1.5;color:#908a83;max-width:275px}.idea-possibilities>div.is-lit .idea-benefit small{color:#b5a799}
.idea-map .connection-pulse{animation:none!important}.connection-pulses{opacity:1}.connection-draw{opacity:.65}
.idea-section{padding-bottom:0}
/* Personal, photographed moments, in an open pinboard composition. */
.about-art.about-pinboard{position:relative;aspect-ratio:1/1.12;min-height:480px;background:none!important;overflow:visible!important;clip-path:none;border:0;border-radius:0;box-shadow:none;margin:35px 0 60px}
.about-pinboard:after,.about-pinboard:before{display:none!important}
.pin-photo{position:absolute;margin:0;border:5px solid #e5dfd5;border-bottom-width:27px;border-radius:2px;box-shadow:0 18px 60px #0008;overflow:hidden;background:#e5dfd5;transform-origin:center}
.about-pinboard .pin-photo img{position:static;width:100%;height:100%;display:block;object-fit:cover;filter:none;transform:none!important;border-radius:0;opacity:1;aspect-ratio:auto}
.pin-photo--portrait{width:57%;height:82%;left:18%;top:7%;rotate:-5deg;z-index:1}.pin-photo--portrait img{object-position:50% 24%}
.pin-photo--film{width:37%;height:48%;left:-1%;top:28%;rotate:-14deg;z-index:2}.pin-photo--film img{object-position:50% 40%}
.pin-photo--paddock{width:42%;height:59%;right:-3%;top:37%;rotate:10deg;z-index:3}.pin-photo--paddock img{object-position:50% 18%}
.pin-photo figcaption{position:absolute;bottom:-23px;left:4px;color:#514b44;font-size:9px;letter-spacing:.03em}
.pinboard-note{position:absolute;left:24%;top:97%;color:#99918a;font-family:Georgia,serif;font-style:italic;font-size:20px;rotate:-5deg;white-space:nowrap}
.about-copy>p{font-size:15px;line-height:1.8;max-width:490px}.socials{flex-wrap:wrap;gap:20px}
/* A compact, cinematic result sheet. All media is requested on interaction. */
#project-dialog{padding:0;width:min(1050px,calc(100vw - 56px));max-height:calc(100svh - 56px);border:1px solid #ffffff20;border-radius:25px;background:#0d0d0f;color:#f0ece7;box-shadow:0 35px 160px #000c;overflow:auto}
#project-dialog::backdrop{background:#000b;backdrop-filter:blur(12px)}
#project-dialog .dialog-close{position:absolute;right:16px;top:16px;z-index:10;width:38px;height:38px;border:1px solid #ffffff25;border-radius:50%;background:#0a0a0bc4;font-size:26px;line-height:1}
#project-dialog .project-detail{display:grid;grid-template-columns:minmax(250px,.78fr) 1.22fr;gap:0;align-items:stretch}
#project-dialog .detail-image{position:relative;background:#080809;border-radius:0;overflow:hidden;min-height:520px}
#project-dialog .detail-image>img,#project-dialog .detail-image>video{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:9/16;position:absolute;inset:0}
#project-dialog .detail-image>video{object-fit:contain;background:#080809}
#project-dialog [hidden]{display:none!important}
#project-play{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;white-space:nowrap;background:#101013bb;border:1px solid #ffffff45;border-radius:30px;backdrop-filter:blur(12px);padding:12px 17px;color:white;font-size:11px}
#project-play svg{width:17px;height:17px}
#project-dialog .detail-copy{padding:48px 42px 30px;background:radial-gradient(ellipse at 100% 0%,#46251a25,transparent 62%)}
#project-client{font-size:8px;letter-spacing:.1em;color:#a9a29a;margin-right:20px;line-height:1.6}
#project-title{font-size:44px;letter-spacing:-.055em;line-height:1.05;margin:12px 0 14px;font-weight:400}
#project-description{font-size:12px;line-height:1.6;max-width:400px;color:#a9a29a}
.project-result{margin:30px 0 20px;display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}.project-result>strong{font-size:57px;line-height:1;letter-spacing:-.055em;font-weight:400;display:block;font-variant-numeric:tabular-nums}.project-result>span{font-size:7px;letter-spacing:.12em;color:#aaa29a}
#project-distinction{display:flex;gap:12px;padding:17px 0;border-top:1px solid #d6ac8126;border-bottom:1px solid #d6ac8126;margin:20px 0 25px}.distinction-star{font-size:28px;line-height:1;color:#dfb086}#project-distinction strong{display:block;font-size:12px;line-height:1.5;font-weight:400;color:#e6c5a7}#project-distinction small{display:block;font-size:9px;line-height:1.5;color:#8b8178;margin-top:5px}
.project-platforms .channels-heading{border:0;margin:0 0 20px;padding:0;font-size:7px}.project-platforms .case-channels{min-height:0;gap:18px}.project-platforms .channel-row{font-size:11px}.project-platforms .channel-share{font-size:9px}
#project-note{font-size:8px;line-height:1.5;margin-top:24px;color:#746f69}.detail-copy .case-original{margin-top:22px;font-size:11px}
/* An opening breath. No artificial loading delay, no blocking splash screen. */
.entrance-playing .hero-film{animation:entrance-film 1.5s cubic-bezier(.16,1,.3,1) both}
.entrance-playing .hero-name-first{animation:entrance-copy 1.1s .18s cubic-bezier(.16,1,.3,1) both}
.entrance-playing .hero-name-last{animation:entrance-copy 1.1s .3s cubic-bezier(.16,1,.3,1) both}
.entrance-playing .hero-socials>a{animation:entrance-copy .9s calc(.5s + var(--social-delay,0s)) cubic-bezier(.16,1,.3,1) both}
.entrance-playing .hero-socials>a:nth-child(2){--social-delay:.05s}.entrance-playing .hero-socials>a:nth-child(3){--social-delay:.1s}.entrance-playing .hero-socials>a:nth-child(4){--social-delay:.15s}.entrance-playing .hero-socials>a:nth-child(5){--social-delay:.2s}
.entrance-playing .site-header,.entrance-playing .hero-content>*{animation:entrance-copy 1s .5s cubic-bezier(.16,1,.3,1) both}
@keyframes entrance-film{from{opacity:0;filter:blur(3px);scale:1.018}to{opacity:1;filter:blur(0);scale:1}}
@keyframes entrance-copy{from{opacity:0;translate:0 18px;filter:blur(3px)}to{opacity:1;translate:0 0;filter:blur(0)}}
@media(max-width:1000px){.idea-possibilities{left:30%;width:47%}.idea-possibilities>div{padding:16px 12px;gap:10px}.idea-possibilities .idea-benefit strong{font-size:13px}.idea-benefit small{font-size:9px}.about-art.about-pinboard{min-height:380px}.project-result>strong{font-size:48px}#project-dialog .detail-copy{padding:40px 26px 25px}}
@media(max-width:600px){
 .trusted-brands{padding-block:30px 24px}.trusted-brands>p{font-size:9px;margin-bottom:20px}.brand-group{gap:34px;padding-right:34px}.brand-slide{width:102px;height:54px}.brand-slide .partner-logo{width:102px;height:34px}.brand-slide .logo-ferrari{height:48px;width:32px}.brand-slide .logo-elf{width:43px;height:39px}.brand-slide .logo-msc{width:108px;height:45px}.marquee-control{top:20px}
 .case-browser{margin-top:28px}.case-toolbar{margin-bottom:22px;gap:9px}.case-selector{gap:18px;justify-content:space-between;overflow-x:auto;scrollbar-width:none}.case-selector button{font-size:10px}.case-navigation>button{width:34px;height:34px}.case-panel{min-height:620px;gap:24px 18px;grid-template-columns:.86fr 1.14fr;align-content:start}.case-overview h3{font-size:29px;margin:16px 0}.case-overview>p{font-size:11px;line-height:1.5;display:none}.ferrari-lockup{font-size:19px;gap:8px}.case-logo.logo-msc{width:79px;height:32px}.case-logo.logo-elf{width:38px;height:28px}.case-original{font-size:10px;line-height:1.5}.case-total>strong{font-size:62px}.case-numbers{padding-bottom:10px}.case-numbers>div>span{font-size:9px}.platform-details .channels-heading{font-size:7px;padding-top:16px;margin-bottom:22px}.case-channels{gap:20px;min-height:164px}.channel-row{font-size:11px;gap:7px 10px}.channel-share{font-size:9px}.brands>.source-note{font-size:8px}.section-intro h2{font-size:clamp(40px,10.5vw,58px)}
 .idea-intro>p:last-child{font-size:13px;max-width:300px}.idea-map{height:auto;min-height:810px;margin:35px auto 30px;grid-template-rows:180px auto 205px;gap:48px}.idea-possibilities{height:auto;left:auto;width:100%;grid-template-rows:repeat(3,94px);gap:15px}.idea-possibilities>div{min-height:94px;padding:20px 17px;gap:15px}.idea-possibilities .idea-benefit strong{font-size:14px}.idea-benefit small{font-size:10px;max-width:240px}.idea-result strong{font-size:16px}
 .about-art.about-pinboard{min-height:360px;width:92%;margin:0 auto 66px;aspect-ratio:1/1.2}.pin-photo--film{left:-2%;width:39%;height:47%}.pin-photo--paddock{right:-2%;width:43%;height:58%}.pinboard-note{font-size:18px;left:17%}.about-copy>p{font-size:14px}.socials{gap:18px 22px}.socials a{font-size:11px}.hero-sequence .hero-socials{gap:12px;top:22%}.hero-socials img{width:19px;height:19px}
 #project-dialog{width:calc(100vw - 24px);max-height:calc(100svh - 32px);border-radius:21px}#project-dialog .project-detail{grid-template-columns:116px 1fr;align-items:start}#project-dialog .detail-image{min-height:207px;margin:24px 0 0 16px;border-radius:12px;overflow:hidden;width:116px}#project-dialog .detail-image>img,#project-dialog .detail-image>video{position:absolute;height:207px;width:116px;object-fit:cover}#project-dialog .detail-copy{display:contents}#project-client,#project-title,#project-description{grid-column:2;margin-left:30px;margin-right:20px}#project-client{grid-row:1;align-self:start;margin-top:54px;font-size:7px;max-width:140px}#project-title{grid-row:1;align-self:start;margin-top:104px;font-size:32px;line-height:1.05}#project-description{grid-column:1/-1;font-size:12px;margin:22px 24px 0}.project-result{grid-column:1/-1;margin:24px 24px 0;gap:14px}.project-result>strong{font-size:55px}.project-result>span{font-size:7px}#project-distinction{grid-column:1/-1;margin:20px 24px 0;padding:15px 0}#project-distinction strong{font-size:12px}.project-platforms{grid-column:1/-1;margin:26px 24px 0}.project-platforms .case-channels{gap:20px}.project-platforms .channel-row{font-size:11px}#project-original{grid-column:1/-1;margin:24px 24px 0}#project-note{grid-column:1/-1;margin:22px 24px 26px;font-size:8px}#project-play{bottom:10px;padding:9px;gap:0}#project-play>span{display:none}#project-play svg{width:20px;height:20px}#project-dialog .dialog-close{top:12px;right:12px;width:32px;height:32px;font-size:23px}
}
@media(prefers-reduced-motion:reduce){.brand-track{animation:none}.brand-marquee{overflow-x:auto;mask-image:none}.brand-group[aria-hidden]{display:none}.marquee-control,#case-auto{display:none}.entrance-playing *{animation:none!important}.connection-pulse{display:none!important}}
@media(min-width:601px){.hero-sequence .hero-socials{right:1%;top:20%;gap:8px}}

/* Benefits stay lit once reached. */
.idea-possibilities>div>svg{color:color-mix(in srgb,#efc39e calc(var(--step-glow,0)*100%),#9d968f);filter:drop-shadow(0 0 calc(7px * var(--step-glow,0)) rgba(239,170,110,calc(var(--step-glow,0)*.55)))}
/* Case posters never flash empty while switching. */
.case-media{background:#0b0b0c}#case-auto[hidden]{display:none}
/* Quiet carousel control: present for keyboards, out of the way on phones. */
.marquee-control{opacity:.4;transition:opacity .2s}.trusted-brands:hover .marquee-control,.marquee-control:focus-visible{opacity:1}
/* Contact: placeholders lead, labels remain for assistive technology. */
.studio-form .field-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.studio-form .form-fields>label,.studio-form .field-pair>label{margin-bottom:14px!important}
.studio-form input::placeholder,.studio-form textarea::placeholder{color:#8f8983;opacity:1}
.studio-form .form-bottom{justify-content:flex-end;margin-top:22px}
.studio-form .form-privacy{text-align:right;font-size:11px;line-height:1.6;color:#8a847e;margin:14px 0 0}
.contact-intro .contact-email{margin-top:30px}
/* Footer: one clean row of icons. */
footer .socials{gap:6px}footer .socials a{width:44px;height:44px;justify-content:center;border-radius:50%;gap:0}
footer .socials a:hover,footer .socials a:focus-visible{background:#ffffff0d}footer .socials img{width:19px;height:19px}footer .socials .social-svg{width:19px;height:19px;color:#fff;opacity:.82}
@media(max-width:600px){
 .marquee-control{display:none}
 .studio-form .form-bottom .submit-button{width:auto}
 .studio-form .form-privacy{font-size:11px}
 .footer-signature{font-size:15.4vw;letter-spacing:-.075em;line-height:.95}
 footer .socials{width:100%;order:3;justify-content:space-between;gap:0}
}

/* The film lights up once it reaches the middle of the screen, and stays lit. */
.idea-reel .reel-sheet--front{border-color:color-mix(in srgb,#efb98a calc(var(--reel-glow,0)*100%),#d2c8bc63);box-shadow:0 8px 25px #0004,0 0 calc(40px * var(--reel-glow,0)) rgba(230,140,80,calc(var(--reel-glow,0)*.45)),inset 0 0 calc(22px * var(--reel-glow,0)) rgba(230,140,80,calc(var(--reel-glow,0)*.18))}
.idea-reel .reel-sheet--middle,.idea-reel .reel-sheet--back{border-color:color-mix(in srgb,#c98c5c calc(var(--reel-glow,0)*80%),#a68f736b)}
.idea-reel .reel-play-icon{stroke:color-mix(in srgb,#ffd2a8 calc(var(--reel-glow,0)*100%),#f5f0e9);filter:drop-shadow(0 0 calc(6px * var(--reel-glow,0)) rgba(255,170,110,calc(var(--reel-glow,0)*.8)))}
.idea-map.reel-lit .idea-result strong{color:#f3dcc6}
/* Selected campaigns: warmer, with an orange light and gradient line. */
.brands{position:relative;isolation:isolate}
.brands:before{content:'';position:absolute;left:calc(50% - 50vw);width:100vw;top:-40px;height:620px;background:radial-gradient(ellipse 55% 50% at 18% 30%,rgba(255,122,52,.17),transparent 72%),radial-gradient(ellipse 40% 35% at 85% 60%,rgba(214,96,40,.08),transparent 70%);pointer-events:none;z-index:-1}
#brands-title em{background:linear-gradient(95deg,#ffc79b 0%,#ff8a4c 48%,#e4643a 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.08em}
.brands .case-selector [aria-pressed=true]{color:#ffc79b}
.prototype-links{display:flex;gap:18px}
html,body{overflow-x:clip}
@media(max-width:600px){
 .brands:before{top:-20px;height:760px;background:radial-gradient(ellipse 90% 45% at 25% 22%,rgba(255,122,52,.24),transparent 72%),radial-gradient(ellipse 70% 30% at 90% 62%,rgba(214,96,40,.12),transparent 70%)}
 /* Social icons sit in the header row instead of over the shoulder. */
 body:has(.hero-sequence) .site-header nav>a:first-child{display:none}
 body:has(.hero-sequence) .site-header nav{justify-content:flex-end}
 .hero-sequence .hero-socials{top:28px;right:auto;left:calc(6% - 7px);flex-direction:row;gap:2px}
 .hero-sequence .hero-socials a{width:32px;height:38px}
 .hero-sequence .hero-socials img{width:17px;height:17px}
}
/* Proven across industries: sixteen real covers, eight per row, each flying into its slot. */
.industries{padding-bottom:30px}
.industry-grid{list-style:none;margin:56px 0 0;padding:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:34px 14px}
.industry-card{position:relative}
.industry-fly{display:block;transform:translate3d(calc(var(--fx,0vw) * var(--fly,0)),calc(var(--fy,0vh) * var(--fly,0)),0) rotate(calc(var(--fr,0deg) * var(--fly,0))) scale(calc(1 - .18 * var(--fly,0)));opacity:calc(1 - var(--fly,0) * .95);will-change:transform}
.industry-niche{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:13px;font-weight:600;letter-spacing:.02em;color:#f3ede6;white-space:nowrap}
.industry-niche svg{flex:none;width:20px;height:20px;color:#ff9a5c;filter:drop-shadow(0 0 6px #ff7a3c55)}
.industry-media{position:relative;display:block;aspect-ratio:9/16;border-radius:14px;overflow:hidden;background:#111;box-shadow:0 0 0 1px #ffffff14,0 18px 40px #0009}
.industry-media img{width:100%;height:100%;object-fit:cover;display:block}
.industry-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,#000d 100%)}
.industry-stat{position:absolute;left:11px;right:8px;bottom:11px}
.industry-stat strong{display:block;font-size:clamp(22px,1.9vw,30px);line-height:1;letter-spacing:-.05em;font-weight:600;background:linear-gradient(95deg,#ffc79b,#ff7a3c 55%,#ff4f2e);-webkit-background-clip:text;background-clip:text;color:transparent}
.industry-stat strong i{font-style:normal;font-size:.6em;vertical-align:top}
.industry-stat>span{display:block;margin-top:5px;font-size:10px;color:#ddd6cf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.industries .case-source{margin-top:34px}
@media(hover:hover){.industry-card:hover .industry-media{box-shadow:0 0 0 1px #ffb27a66,0 22px 50px #0009,0 0 36px #ff7a3c33}}
@media(max-width:1100px){.industry-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 14px}}
@media(max-width:600px){.industry-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 8px;margin-top:34px}.industry-niche{flex-direction:column;align-items:flex-start;gap:5px;font-size:9.5px;margin-bottom:8px;letter-spacing:0;white-space:normal;line-height:1.15;min-height:40px}.industry-niche svg{width:17px;height:17px}.industry-media{border-radius:9px}.industry-stat{left:6px;right:4px;bottom:7px}.industry-stat strong{font-size:16px}.industry-stat>span{font-size:7px;margin-top:3px}}
@media(prefers-reduced-motion:reduce){.industry-fly{transform:none;opacity:1}}
/* Reach wall: tilted plane of real covers over warm light columns. */
.wall-section{position:relative;min-height:115vh;overflow:hidden;isolation:isolate;--mx:.7;--my:.45;--wall-p:.5;display:flex;align-items:center}
.wall-light{position:absolute;inset:0;z-index:-2;background:
 radial-gradient(ellipse 30% 55% at calc(var(--mx) * 100%) calc(var(--my) * 100%),rgba(255,120,40,.55),rgba(170,40,12,.22) 45%,transparent 72%),
 repeating-linear-gradient(90deg,rgba(255,150,80,.35) 0 1px,transparent 1px 9.5vw),
 repeating-linear-gradient(90deg,rgba(255,255,255,.02) 0 4.75vw,rgba(0,0,0,.25) 4.75vw 9.5vw),#050505;
 -webkit-mask-image:linear-gradient(90deg,transparent 8%,#000 55%);mask-image:linear-gradient(90deg,transparent 8%,#000 55%);transition:background-position .3s}
.wall-stage{position:absolute;inset:-10% -20% -10% 30%;perspective:1300px;z-index:-1;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%,#000 85%,transparent 100%),linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 30%,#000 85%,transparent 100%),linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent);mask-composite:intersect}
.wall-plane{position:absolute;left:50%;top:50%;width:min(1500px,120vw);display:grid;grid-template-columns:repeat(12,1fr);gap:12px;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateY(calc(-34deg + 20deg * var(--wall-p) + (var(--mx) - .5) * -8deg)) rotateX(calc(16deg - 10deg * var(--wall-p) + (var(--my) - .5) * 6deg)) rotateZ(-6deg) translateY(calc((var(--wall-p) - .5) * -12%))}
.wall-tile{display:block;aspect-ratio:9/16;border-radius:8px;background:#141414 var(--atlas,none) no-repeat;background-size:1200% 800%;background-position:calc(var(--c) * 100% / 11) calc(var(--r) * 100% / 7);box-shadow:0 0 0 1px #ffffff12,0 14px 30px #000a;filter:brightness(.62) saturate(1.05);transform:translateZ(0);transition:transform .45s cubic-bezier(.16,1,.3,1),filter .35s,box-shadow .35s;pointer-events:auto}
.wall-section:not(.atlas-ready) .wall-tile{background-image:none}
@media(hover:hover){.wall-tile:hover{transform:translateZ(110px) scale(1.12);filter:brightness(1.08) saturate(1.15);box-shadow:0 0 0 1px #ffc79b88,0 30px 70px #000,0 0 50px #ff7a3c55;z-index:3}}
.wall-copy{position:relative;z-index:2;pointer-events:none}
.wall-copy h2{font-size:clamp(64px,9vw,150px);line-height:.92;letter-spacing:-.06em;font-weight:500;margin:18px 0 26px}
.wall-copy h2 em{background:linear-gradient(95deg,#ffc79b,#ff8a4c 50%,#e4643a);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.08em}
.wall-copy>p:last-child{max-width:330px;font-size:15px;line-height:1.6;color:#b9b2aa}
@media(max-width:600px){
 .wall-section{min-height:auto;display:block;padding:70px 0 0}
 .wall-copy h2{font-size:clamp(58px,17vw,80px)}
 .wall-copy>p:last-child{font-size:13px;max-width:280px}
 .wall-stage{position:relative;inset:auto;height:110vw;margin-top:-10px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent)}
 .wall-plane{width:200vw;gap:7px;transform:translate(-50%,-50%) rotateY(calc(-26deg + 16deg * var(--wall-p))) rotateX(calc(14deg - 8deg * var(--wall-p))) rotateZ(-6deg)}
 .wall-tile{border-radius:6px}
 .wall-light{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 40%);mask-image:linear-gradient(180deg,transparent 0,#000 40%)}
}
@media(prefers-reduced-motion:reduce){.wall-tile{transition:none}}
/* Hero proof: the average, larger and warmer. */
.hero-sequence .sequence-proof>strong{font-size:clamp(64px,7.4vw,120px);background:linear-gradient(95deg,#ffd2ad,#ff8a4c 55%,#e4643a);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.05em}
.hero-sequence .sequence-proof>span{font-size:14px;line-height:1.35;color:#efe8e0}
.hero-sequence .sequence-proof small{font-size:10px;margin-top:6px}
@media(max-width:600px){.hero-sequence .sequence-proof>strong{font-size:68px}.hero-sequence .sequence-proof>span{font-size:12px}.hero-sequence .sequence-proof small{font-size:9px}}

.wall-glow{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at calc(var(--mx) * 100%) calc(var(--my) * 100%),rgba(255,140,60,.55),rgba(220,70,20,.18) 22%,transparent 42%);mix-blend-mode:overlay}
.wall-fade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#070708 0%,transparent 16%,transparent 84%,#070708 100%),linear-gradient(90deg,#070708 0%,#070708e6 22%,transparent 48%)}
.wall-stage{z-index:0}.wall-light{z-index:-1}
@media(max-width:600px){.wall-fade{background:linear-gradient(180deg,#070708 0%,transparent 12%,transparent 88%,#070708 100%)}.wall-glow{background:radial-gradient(circle at calc(var(--mx) * 100%) 72%,rgba(255,140,60,.5),rgba(220,70,20,.16) 25%,transparent 45%)}}
@media(max-width:600px){
 .wall-section{display:flex;flex-direction:column;align-items:stretch;padding-bottom:20px}
 .wall-copy{order:-1}
 .wall-stage{order:1}
 .wall-light{-webkit-mask-image:linear-gradient(180deg,transparent 0,#0006 30%,#000 60%);mask-image:linear-gradient(180deg,transparent 0,#0006 30%,#000 60%)}
}

@media(max-width:600px){
 .hero-sequence .hero-socials{top:18.5px;height:auto;transform:translateY(calc(var(--page-y,0) * -1px));opacity:1}
}