:root{--paper:#f5f2eb;--ink:#1c1c19;--muted:#716e67;--line:#dedad0;--accent:#9a4f3d;--wh2:#f5d56b;font-family:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);overflow-x:hidden}a{color:inherit;text-decoration:none}.header{height:74px;display:flex;align-items:center;gap:24px;padding:0 4vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(245,242,235,.97);z-index:20}.brand{font-weight:700;white-space:nowrap}.brand i{display:inline-block;width:18px;height:18px;margin-right:8px;vertical-align:-3px;background:linear-gradient(90deg,#a34e3a 0 30%,transparent 30% 40%,#24372d 40% 70%,transparent 70% 80%,#bda980 80%)}.nav-wrap{display:flex;align-items:center;gap:24px;margin-left:auto}nav{display:flex;gap:20px;font-size:13px}nav a:hover{color:var(--accent)}.language{display:flex;border:1px solid var(--line)}button{font:inherit}.language button{border:0;background:none;padding:7px 9px;font-size:11px}.language .active{background:var(--ink);color:#fff}.menu-toggle{display:none}.hero{height:min(760px,calc(100vh - 74px));min-height:590px;position:relative;color:#fff;display:flex;align-items:flex-end;overflow:hidden}.hero-image{position:absolute;inset:0;background:linear-gradient(100deg,rgba(6,6,6,.88) 0%,rgba(6,6,6,.6) 26%,rgba(6,6,6,.22) 55%,rgba(6,6,6,.08) 100%),linear-gradient(0deg,rgba(0,0,0,.45),rgba(0,0,0,0) 42%),url("assets/concepts/concept-6.jpg") center 42%/cover;animation:roomWalk 22s ease-in-out infinite alternate}.light-scene{position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,228,178,.08),rgba(255,255,255,0) 45%,rgba(20,16,10,.42));mix-blend-mode:screen;animation:dayNight 12s ease-in-out infinite alternate}.light-scene span{position:absolute;top:-20%;bottom:-20%;width:12%;background:linear-gradient(90deg,transparent,rgba(255,244,214,.22),transparent);transform:rotate(13deg);animation:lightSweep 9s ease-in-out infinite}.light-scene span:nth-child(1){left:28%;animation-delay:0s}.light-scene span:nth-child(2){left:56%;animation-delay:2s}.light-scene span:nth-child(3){left:76%;animation-delay:4s}.hero-copy{position:relative;max-width:760px;margin:0 7vw 13vh;animation:fadeUp .8s ease both}.kicker{text-transform:uppercase;letter-spacing:1.6px;font-size:11px;font-weight:700}.hero h1,h2{font-family:"Playfair Display",Georgia,serif;font-weight:500;line-height:1.02}.hero h1{font-size:clamp(44px,7vw,88px);margin:16px 0;text-shadow:0 2px 20px rgba(0,0,0,.5),0 1px 3px rgba(0,0,0,.6)}.hero-copy p:not(.kicker){font-size:17px;line-height:1.65;max-width:610px;text-shadow:0 1px 10px rgba(0,0,0,.4)}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--accent);background:var(--accent);color:#fff;min-height:46px;padding:0 18px;margin:18px 8px 0 0;font-size:13px;font-weight:700;cursor:pointer}.outline{background:transparent;border-color:#fff}.section{padding:95px 7vw}.categories{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line)}.categories a{position:relative;height:220px;overflow:hidden;background:#aaa}.categories img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.categories a:hover img{transform:scale(1.05)}.categories span{position:absolute;left:16px;bottom:14px;color:white;font-family:"Playfair Display";font-size:24px;text-shadow:0 1px 8px #111}.heading{display:grid;grid-template-columns:1.2fr 1fr;gap:5vw;align-items:end}.heading h2,.request h2{font-size:clamp(40px,5vw,66px);margin:8px 0}.heading p:last-child{color:var(--muted);line-height:1.7}.filters{display:flex;gap:12px;flex-wrap:wrap;margin:38px 0 18px}.filter{border:1px solid var(--line);background:#faf9f5;padding:10px 12px;font-size:12px}.filter select{border:0;background:transparent;font:inherit;margin-left:6px}.count{font-size:13px;color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{background:#fff;cursor:pointer;animation:fadeUp .55s ease both}.card:hover{transform:translateY(-3px);transition:transform .25s ease}.card-image{height:270px;background:#ddd}.card-image img{width:100%;height:100%;object-fit:cover}.card-copy{padding:16px}.card h3{font-size:17px;margin:0 0 8px}.card p{font-size:11px;color:var(--muted);margin:0}.card-cat{text-transform:uppercase;letter-spacing:.5px;font-weight:700;margin-bottom:6px!important}.spec-list{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:3px}.spec-list li{font-size:11px;color:var(--ink);padding-left:12px;position:relative;line-height:1.4}.spec-list li::before{content:"–";position:absolute;left:0;color:var(--muted)}.card-code{font-size:10px!important;letter-spacing:.3px;color:#a9a59b!important}.badges{display:flex;gap:5px;margin-top:12px}.badge{font-size:9px;letter-spacing:1px;padding:5px 7px;background:#fff;border:1px solid var(--line);color:#4c4b46}.badge.wh1{background:#e7effb;border-color:#aec3e8;color:#1f3a63}.badge.wh2{background:var(--wh2);border-color:#e8c350;color:#3f3311}.ideas{background:#eae6dc}.ideas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.idea{background:#fff;animation:fadeUp .55s ease both}.idea-img{position:relative;display:block;width:100%;padding:0;border:0;background:none;cursor:pointer}.idea-img img{display:block;width:100%;height:260px;object-fit:cover;transition:transform .3s ease}.idea-img:hover img{transform:scale(1.04)}.idea-view{position:absolute;right:12px;bottom:12px;background:rgba(20,20,18,.75);color:#fff;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;padding:7px 14px;border-radius:999px}.idea-copy{padding:16px}.idea small{color:var(--accent);text-transform:uppercase;letter-spacing:1px}.idea h3{font-size:17px;margin:8px 0}.idea-desc{font-size:12px;color:var(--muted);line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
[hidden]{display:none!important}
dialog.lightbox{position:fixed;inset:0;top:0;left:0;margin:0;width:100vw;height:100vh;max-width:100vw;max-height:100vh;background:#000;color:#fff;border-radius:0;overflow:hidden;padding:0}
.lightbox::backdrop{background:#000}
.lb-body{position:relative;display:flex;flex-direction:column;width:100%;height:100%}
.lb-imgwrap{position:relative;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#000;padding:64px 110px}
.lb-imgwrap img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.lb-caption{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:22px 60px;background:#0a0a09;border-top:1px solid rgba(255,255,255,.08)}
.lb-caption-text{min-width:0;flex:1}
.lb-caption-text .kicker{color:#c9a98a;font-size:11px;margin:0 0 4px}
.lb-caption-text h3{font-family:"Playfair Display",Georgia,serif;font-size:22px;margin:0 0 4px;font-weight:500;color:#fff}
.lb-caption-text p{color:#c7c4bc;font-size:13px;line-height:1.5;margin:0;max-width:760px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lb-caption-actions{flex:0 0 auto}
.lb-caption-actions .button{margin:0;white-space:nowrap}
.lightbox .close{position:absolute;right:20px;top:20px;background:rgba(255,255,255,.16);color:#fff;z-index:3}
.lb-arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,248,236,.88);color:#171410;border:1px solid rgba(210,173,133,.9);width:52px;height:52px;border-radius:50%;font-size:28px;line-height:1;cursor:pointer;z-index:3;box-shadow:0 12px 34px rgba(0,0,0,.42);opacity:.96;transition:opacity .35s ease,background .2s ease}
.lb-arrow:hover{background:#fff}
dialog.lightbox.controls-idle .lb-arrow{opacity:.14}
dialog.lightbox.controls-idle .lb-arrow:hover{opacity:.96}
.lb-prev{left:24px}
.lb-next{right:24px}
@media(max-width:900px){
 .lb-imgwrap{padding:16px 14px}
 .lb-caption{padding:16px 20px;gap:16px}
 .lb-caption-text h3{font-size:18px}
 .lb-caption-text p{font-size:12px;-webkit-line-clamp:1}
 .lb-arrow{width:42px;height:42px;font-size:22px;background:rgba(255,248,236,.92);border-color:rgba(210,173,133,.95);box-shadow:0 10px 28px rgba(0,0,0,.5)}
 .lb-prev{left:8px}
 .lb-next{right:8px}
 .lightbox .close{right:12px;top:12px}
}
@media(max-width:560px){
 .lb-caption{flex-direction:column;align-items:stretch;gap:10px}
 .lb-caption-actions .button{width:100%}
}.how{background:#24372d;color:#fff}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #53635b}.steps article{padding:28px 25px 10px 0;border-right:1px solid #53635b}.steps article+article{padding-left:25px}.steps b{color:#dab397}.steps h3{font-size:19px;margin-top:45px}.steps p{color:#d0d7d1;font-size:13px;line-height:1.6}.request{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw}.request>div>p:not(.kicker){color:var(--muted);line-height:1.7}.owner-contact{display:grid;gap:7px;margin:22px 0;color:var(--accent);font-weight:700}.selected-product{margin-top:26px;font-size:13px}.selected-product b{display:block}.request form{background:#fff;padding:34px}.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.request label{display:grid;gap:8px;margin-bottom:16px;font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:700}.request input,.request select,.request textarea{border:0;border-bottom:1px solid var(--line);padding:9px 0;background:transparent;font:inherit;letter-spacing:0;text-transform:none}.request textarea{border:1px solid var(--line);padding:10px;resize:vertical}.upload-box{border:1px solid var(--line);padding:14px;background:#fbfaf7}.upload-box small{font-size:12px;line-height:1.55;color:var(--muted);font-weight:500;text-transform:none;letter-spacing:0}.status{font-size:12px;color:var(--muted)}.status.error{color:#a23828}.status.success{color:#267047}footer{display:flex;justify-content:space-between;padding:26px 4vw;border-top:1px solid var(--line);font-size:12px;color:var(--muted);gap:18px}dialog{border:0;padding:0;width:min(980px,94vw);max-height:90vh;background:#fff}dialog::backdrop{background:rgba(20,20,18,.66)}.close{position:fixed;right:4vw;top:4vh;border:0;background:#fff;width:40px;height:40px;font-size:26px}.detail{display:grid;grid-template-columns:1fr 1fr}.gallery{background:#eee;padding:14px}.gallery img{width:100%;max-height:68vh;object-fit:contain}.detail-copy{padding:44px}.detail-copy h2{font-size:42px;margin:10px 0}.meta{display:grid;gap:12px;margin:25px 0}.meta div{border-bottom:1px solid var(--line);padding-bottom:10px;font-size:13px}.meta b{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:4px}.source-link{display:none}@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes roomWalk{from{transform:scale(1.03) translateX(-1.5%)}to{transform:scale(1.09) translateX(1.5%)}}@keyframes lightSweep{0%,100%{opacity:.15;transform:translateX(-40px) rotate(13deg)}50%{opacity:.55;transform:translateX(40px) rotate(13deg)}}@keyframes dayNight{from{opacity:.45}to{opacity:.95;background:linear-gradient(120deg,rgba(255,224,169,.2),rgba(65,79,70,.1) 45%,rgba(4,5,8,.58))}}@media(max-width:900px){.nav-wrap{display:none}.menu-toggle{display:block;margin-left:auto;border:0;background:none}.header.nav-open .nav-wrap{position:absolute;display:flex;flex-direction:column;align-items:stretch;gap:14px;top:74px;left:0;right:0;padding:22px;background:var(--paper);border-bottom:1px solid var(--line);z-index:19}.header.nav-open nav{flex-direction:column;gap:14px}.header.nav-open .language{align-self:flex-start}.categories{grid-template-columns:repeat(3,1fr)}.product-grid,.ideas-grid{grid-template-columns:repeat(2,1fr)}.idea-img img{height:220px}.heading,.request{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.detail{grid-template-columns:1fr}.detail-copy{padding:26px}}@media(max-width:560px){.header{padding:0 18px;gap:8px}.brand{font-size:12px}.language{margin-left:0}.language button{padding:7px 7px}.hero{min-height:560px}.hero-copy{margin:0 22px 9vh}.section{padding:65px 20px}.categories{grid-template-columns:repeat(2,1fr)}.categories a{height:160px}.product-grid{grid-template-columns:1fr 1fr;gap:10px}.ideas-grid{grid-template-columns:1fr;gap:20px}.card-image{height:180px}.card-copy{padding:11px}.card h3{font-size:14px}.spec-list li{font-size:10px}.card-code{font-size:9px!important}.idea-img img{height:260px}.idea-copy{padding:14px}.idea-view{font-size:11px;padding:8px 16px}.steps{grid-template-columns:1fr}.steps article,.steps article+article{padding:22px 0;border-right:0;border-bottom:1px solid #53635b}.steps h3{margin-top:24px}.two{grid-template-columns:1fr}.request form{padding:24px 18px}footer{gap:12px;flex-direction:column}.detail-copy h2{font-size:34px}}
.card-actions{display:flex;gap:7px;margin-top:14px}.card-actions button,.selected-item button{border:1px solid var(--line);background:#fff;padding:7px 8px;font-size:10px;cursor:pointer}.card-actions button:last-child{background:var(--ink);border-color:var(--ink);color:#fff}.selected-product{display:grid;gap:8px}.selected-item{display:flex;align-items:center;gap:9px;background:#fff;padding:7px;font-size:11px}.selected-item img{width:42px;height:42px;object-fit:cover}.selected-item span{flex:1}.selected-item small{display:block;margin-top:3px}.photo-preview{width:100%;max-height:230px;object-fit:cover;border:1px solid var(--line);margin:-6px 0 15px}
.contact-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.contact-actions .button{margin:0}.button.whatsapp{background:#25D366;border-color:#25D366}.button.outline-dark{background:transparent;border-color:var(--ink);color:var(--ink)}.photo-alt{display:block;margin-top:8px;font-size:12px;line-height:1.5;color:var(--muted);font-weight:500;text-transform:none;letter-spacing:0}
.no-results{grid-column:1/-1;padding:40px 0;text-align:center;color:var(--muted);font-size:14px}
.trust{padding:50px 7vw;text-align:center;background:#fff;border-bottom:1px solid var(--line)}
.trust-head h2{font-size:clamp(26px,4vw,34px);margin:0 0 4px}
.trust-head p{color:var(--muted);font-size:14px;margin:0 0 26px}
.trust-list{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:14px 30px;margin:0 0 18px;padding:0}
.trust-list li{font-size:13px;font-weight:600;color:var(--ink);padding-left:20px;position:relative}
.trust-list li::before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700}
.service-area{font-size:13px;color:var(--muted);margin:0}
@media(max-width:560px){.trust{padding:36px 20px}.trust-list{gap:10px 20px}}
.quick-filters{margin-top:30px}.quick-title{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:0 0 10px}.quick-row{display:flex;flex-wrap:wrap;gap:8px}.quick-pill{border:1px solid var(--line);background:#fff;padding:8px 14px;font-size:12px;border-radius:999px;cursor:pointer}.quick-pill.active{background:var(--ink);border-color:var(--ink);color:#fff}
@media(max-width:560px){.quick-pill{padding:7px 11px;font-size:11px}}
.hero-line{font-size:12px;letter-spacing:.5px;color:rgba(255,255,255,.75);margin-top:22px!important;text-shadow:0 1px 6px rgba(0,0,0,.45)}
.ai-note{text-align:center;font-size:12px;color:#b7c2bb;margin-top:26px}
.wizard-dots{display:flex;gap:8px;margin-bottom:26px}
.wdot{width:8px;height:8px;border-radius:50%;background:var(--line)}
.wdot.active{background:var(--accent)}
.wizard-panel h3{font-size:20px;margin:0 0 6px;font-family:"Playfair Display",Georgia,serif;font-weight:500}
.wizard-hint{font-size:12px;color:var(--muted);margin:0 0 18px}
.choice-grid{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 6px}
.choice-chip{border:1px solid var(--line);background:#fbfaf7;padding:10px 14px;font-size:12px;cursor:pointer;border-radius:6px}
.choice-chip.active{background:var(--ink);border-color:var(--ink);color:#fff}
.wizard-nav{display:flex;justify-content:space-between;gap:10px;margin-top:10px}
.wizard-nav .button{margin:0}
#wizardNext{margin-left:auto}
.summary-box{display:grid;gap:10px;margin:0 0 20px}
.summary-box div{border-bottom:1px solid var(--line);padding-bottom:8px;font-size:13px}
.summary-box b{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:3px}
.opt-label{text-transform:none;font-weight:500;color:var(--muted)}
@media(max-width:560px){.wizard-panel h3{font-size:17px}.choice-chip{padding:8px 11px;font-size:11px}}
@media(max-width:560px){
.wizard-nav{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
.wizard-nav .button{width:100%;min-width:0;padding:0 12px;text-align:center}
.wizard-nav .button:only-child{grid-column:2}
#wizardSubmit{grid-column:auto / span 1}
}
.hero-image{background:linear-gradient(100deg,rgba(20,18,14,.6) 0%,rgba(20,18,14,.36) 28%,rgba(20,18,14,.12) 56%,rgba(20,18,14,.04) 100%),linear-gradient(0deg,rgba(0,0,0,.18),rgba(0,0,0,0) 46%),url("assets/concepts/generated/hero-tv-v2.png") center center/cover}
.light-scene{background:linear-gradient(120deg,rgba(255,243,214,.14),rgba(255,255,255,0) 42%,rgba(54,43,28,.14))}
.light-scene span{background:linear-gradient(90deg,transparent,rgba(255,244,214,.18),transparent)}
.idea-count{display:none}
#leadForm,#requestActions{scroll-margin-top:92px}
[data-request-jump]{cursor:pointer}
[data-request-jump]:hover h3,[data-request-jump]:focus h3{color:#f0c5a5}
[data-request-jump]:focus{outline:1px solid rgba(240,197,165,.55);outline-offset:8px}
.mobile-language{display:none}
@media(max-width:900px){
.mobile-language{display:flex;margin-left:auto}
.header>.menu-toggle{margin-left:8px}
.nav-wrap>.language{display:none}
}
@media(max-width:560px){
.mobile-language button{padding:6px 7px;font-size:10px}
.header>.menu-toggle{font-size:14px}
#leadForm,#requestActions{scroll-margin-top:82px}
}

/* Hero only: cinematic living-photo effect. */
.hero::before,
.hero::after{
content:"";
position:absolute;
inset:-12%;
pointer-events:none;
z-index:1;
}
.hero::before{
background:
radial-gradient(circle at 18% 22%,rgba(255,238,201,.22),transparent 28%),
linear-gradient(108deg,transparent 0 38%,rgba(255,255,255,.16) 46%,transparent 58%),
linear-gradient(78deg,rgba(18,15,12,.28),transparent 30%,transparent 70%,rgba(18,15,12,.18));
mix-blend-mode:screen;
animation:heroSoftLight 13s ease-in-out infinite alternate;
}
.hero::after{
background:
repeating-linear-gradient(96deg,rgba(255,255,255,.04) 0 1px,transparent 1px 42px),
linear-gradient(90deg,rgba(0,0,0,.12),transparent 35%,transparent 65%,rgba(0,0,0,.1));
opacity:.22;
animation:heroShadowDrift 18s ease-in-out infinite alternate;
}
.hero-image{
z-index:0;
transform:scale(1.06);
transform-origin:center center;
animation:heroCinematicDrift 20s ease-in-out infinite alternate;
will-change:transform,filter,background-position;
}
.light-scene{
z-index:1;
opacity:.9;
animation:heroAmbientGlow 11s ease-in-out infinite alternate;
}
.light-scene span{
top:-30%;
bottom:-30%;
width:18%;
opacity:.35;
animation:heroLightSweep 14s ease-in-out infinite;
}
.light-scene span:nth-child(1){left:10%;animation-delay:-2s}
.light-scene span:nth-child(2){left:48%;animation-delay:2.5s}
.light-scene span:nth-child(3){left:74%;animation-delay:6s}
.hero-copy{z-index:2}
@keyframes heroCinematicDrift{
0%{transform:scale(1.055) translate3d(-1.4%,-.5%,0);filter:saturate(1.02) contrast(1.03)}
45%{transform:scale(1.09) translate3d(.7%,.35%,0);filter:saturate(1.08) contrast(1.06)}
100%{transform:scale(1.075) translate3d(1.8%,-.4%,0);filter:saturate(1.04) contrast(1.04)}
}
@keyframes heroSoftLight{
0%{transform:translate3d(-3%,0,0);opacity:.45}
50%{transform:translate3d(2%,1%,0);opacity:.72}
100%{transform:translate3d(5%,-1%,0);opacity:.52}
}
@keyframes heroShadowDrift{
0%{transform:translate3d(-2%,0,0);opacity:.16}
100%{transform:translate3d(2.5%,0,0);opacity:.28}
}
@keyframes heroAmbientGlow{
0%{opacity:.42}
55%{opacity:.82}
100%{opacity:.58}
}
@keyframes heroLightSweep{
0%,100%{transform:translateX(-18vw) rotate(12deg);opacity:.08}
48%{transform:translateX(18vw) rotate(12deg);opacity:.42}
}
@media(max-width:560px){
.hero-image{animation-duration:24s;transform:scale(1.04)}
.hero::before{opacity:.56}
.hero::after{opacity:.14}
.light-scene span{width:24%;opacity:.28}
}
@media(max-width:560px){
.hero-image{animation:heroMobileCinematic 18s ease-in-out infinite alternate}
.hero::before{animation-duration:10s;opacity:.7}
.hero::after{animation-duration:12s;opacity:.2}
.light-scene{animation-duration:8s}
.light-scene span{width:30%;opacity:.38;animation-duration:10s}
.categories a:last-child{grid-column:1/-1}
}
@keyframes heroMobileCinematic{
0%{transform:scale(1.055) translate3d(-2.8%,-.8%,0);filter:saturate(1.03) contrast(1.04) brightness(.98)}
42%{transform:scale(1.115) translate3d(1.4%,.7%,0);filter:saturate(1.1) contrast(1.08) brightness(1.05)}
100%{transform:scale(1.085) translate3d(3.2%,-.6%,0);filter:saturate(1.05) contrast(1.05) brightness(1)}
}
@media(prefers-reduced-motion:reduce){
.hero-image,
.hero::before,
.hero::after,
.light-scene,
.light-scene span{animation:none!important}
}