.interactive-products{--experience-accent:#90a6a1;position:relative;padding:clamp(82px,10vw,170px) 4vw;background:#0d1719;color:#eef1e9;overflow:hidden}
.interactive-products::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 22%,color-mix(in srgb,var(--experience-accent) 24%,transparent),transparent 32%),linear-gradient(115deg,transparent 0 48%,rgba(255,255,255,.025) 48.1% 48.3%,transparent 48.4%);pointer-events:none;transition:background .6s ease}
.interactive-products__inner{position:relative;z-index:1;width:min(100%,1600px);margin:auto}
.interactive-products__intro{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(280px,.72fr);gap:clamp(28px,7vw,120px);align-items:end;margin-bottom:clamp(28px,3.8vw,54px)}
.interactive-products__eyebrow{grid-column:1/-1;margin:0!important;color:#d9b871;font:700 .72rem/1.2 Manrope,Arial,sans-serif;letter-spacing:.17em}
.interactive-products__headline{display:grid;gap:clamp(14px,1.5vw,22px);min-width:0}
.interactive-products__intro h2{margin:0;font:520 clamp(2.8rem,6.3vw,7rem)/.96 Manrope,Arial,sans-serif;letter-spacing:-.067em;text-wrap:balance}
.interactive-products__intro h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#dbbd7f;letter-spacing:-.045em}
.interactive-products__types{margin:0!important;color:#d8c18d;font:650 clamp(.78rem,1vw,1rem)/1.4 Manrope,Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase}.interactive-products__types span{margin-inline:.5em;color:#72837d}
.interactive-products__intro>p:last-child{max-width:42rem;margin:0!important;color:#b9c4bd;font-size:clamp(1rem,1.35vw,1.22rem);line-height:1.72}
.interactive-products__invitation{display:flex;align-items:center;gap:.7rem;margin:0 0 clamp(18px,2vw,28px)!important;color:#b9c4bd;font:600 clamp(.83rem,.9vw,.96rem)/1.4 Manrope,Arial,sans-serif}.interactive-products__invitation::before{content:"";flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:#e3bd70;box-shadow:0 0 0 5px rgba(227,189,112,.1)}.interactive-products__invitation strong{color:#e2c786;font-weight:700}
.interactive-products__modes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.interactive-products__modes button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(12px,1.5vw,24px);min-height:clamp(82px,7vw,108px);padding:clamp(17px,2vw,28px) clamp(18px,2.4vw,36px);border:1px solid rgba(218,190,128,.25);border-radius:18px;background:rgba(20,32,31,.72);color:#c7d0ca;text-align:left;cursor:pointer;transition:color .25s,border-color .25s,background .25s,transform .25s}
.interactive-products__modes button>span{color:#b79554;font:600 .68rem/1 Manrope,Arial,sans-serif;letter-spacing:.1em}.interactive-products__modes button>b{display:grid;gap:6px;font:650 clamp(.96rem,1.2vw,1.2rem)/1.15 Manrope,Arial,sans-serif}.interactive-products__modes button small{color:#91a099;font:550 clamp(.66rem,.76vw,.76rem)/1.3 Manrope,Arial,sans-serif}.interactive-products__modes button>i{color:#b9c4bd;font:400 1.15rem/1 Manrope,Arial,sans-serif;font-style:normal;transition:transform .25s,color .25s}.interactive-products__modes button:hover,.interactive-products__modes button:focus-visible{border-color:rgba(227,189,112,.64);color:#f0d69d}.interactive-products__modes button[aria-pressed="true"]{border-color:#d2ad64;background:linear-gradient(135deg,rgba(224,192,126,.18),rgba(25,39,37,.92));color:#f0d69d}.interactive-products__modes button[aria-pressed="true"]>i{color:#e3bd70;transform:translate(3px,3px)}
.interactive-products__modes button[aria-pressed="false"]{animation:experience-mode-hint 3.8s ease-in-out infinite;background:linear-gradient(135deg,rgba(224,192,126,.12),rgba(116,142,133,.12));border-color:rgba(218,190,128,.55);color:#eef1e9}
.interactive-products__experience{position:relative;display:block;min-height:clamp(620px,56vw,850px);border:1px solid rgba(218,190,128,.34);border-radius:clamp(22px,2.6vw,40px);overflow:hidden;background:#071113;box-shadow:0 38px 95px rgba(0,0,0,.3);transition:border-color .35s,background .35s}
.interactive-products__stage{position:absolute;inset:0;min-width:0;overflow:hidden;background:#05090a}
.interactive-products__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.06);transform:scale(1.01);opacity:0;pointer-events:none;transition:opacity .45s ease}
.curv-configurator{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1.42fr) minmax(255px,.78fr);background:#ece9df;color:#111816;transition:opacity .4s ease,visibility .4s ease}
.curv-configurator__visual{position:relative;min-width:0;overflow:hidden;background:radial-gradient(circle at 52% 48%,#f2f0ea 0,#dedad1 68%,#cbc5b8 100%)}
.curv-configurator__visual::after{content:"";position:absolute;inset:0;background:var(--experience-accent);mix-blend-mode:color;opacity:.16;pointer-events:none;transition:background .45s ease,opacity .45s ease}
.curv-configurator__visual img{width:100%;height:100%;padding:clamp(34px,5vw,84px);padding-bottom:clamp(100px,8vw,132px);box-sizing:border-box;object-fit:contain;object-position:center;filter:drop-shadow(0 28px 28px rgba(42,37,28,.15));transition:opacity .24s ease,transform .75s cubic-bezier(.2,.7,.2,1)}
.curv-configurator__visual[data-curv-view="one"] img,.curv-configurator__visual[data-curv-view="pro"] img{transform:scale(1.05)}
.curv-configurator__visual.is-changing img{opacity:.18}
.curv-configurator__visual-copy{position:absolute;z-index:2;left:clamp(22px,2.4vw,38px);top:clamp(62px,5.2vw,82px);display:grid;gap:4px;padding:15px 18px;background:rgba(7,15,15,.84);color:#f1eee5;backdrop-filter:none}
.curv-configurator__visual-copy span{color:#d9b871;font:700 .59rem/1.2 Manrope,Arial,sans-serif;letter-spacing:.18em}.curv-configurator__visual-copy strong{font:600 clamp(1.1rem,1.6vw,1.55rem)/1.05 Manrope,Arial,sans-serif}.curv-configurator__visual-copy small{color:#bac4bd;font:600 .65rem/1.2 Manrope,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.curv-configurator__colors{position:absolute;z-index:3;left:50%;bottom:clamp(22px,2.8vw,38px);display:flex;align-items:center;justify-content:center;gap:6px;padding:7px;border:1px solid rgba(17,24,22,.16);background:rgba(247,244,236,.88);box-shadow:0 14px 34px rgba(38,32,23,.12);backdrop-filter:none;transform:translateX(-50%)}
.curv-configurator__colors button{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid transparent;background:transparent;color:#5f645f;font:650 .62rem/1 Manrope,Arial,sans-serif;cursor:pointer;white-space:nowrap}
.curv-configurator__colors button[aria-pressed="true"]{border-color:rgba(126,99,51,.38);background:#101816;color:#f2dfaF}
.curv-configurator__colors i{display:block;width:13px;height:13px;border:1px solid rgba(17,24,22,.18);border-radius:2px;background:#171918}.curv-configurator__colors button:nth-child(2) i{background:linear-gradient(135deg,#8f9491,#e8e9e5)}.curv-configurator__colors button:nth-child(3) i{background:linear-gradient(135deg,#786858,#d6cab8)}
.curv-configurator__shop{display:flex;flex-direction:column;min-width:0;padding:clamp(72px,6vw,92px) clamp(22px,2.4vw,38px) clamp(68px,5.2vw,84px);background:linear-gradient(150deg,#f3f0e7,#ddd7c9)}
.curv-configurator__eyebrow{margin:0 0 10px!important;color:#836a3d;font:700 .58rem/1.2 Manrope,Arial,sans-serif;letter-spacing:.14em}.curv-configurator__shop h3{margin:0;font:600 clamp(1.45rem,2.1vw,2.3rem)/1 Manrope,Arial,sans-serif;letter-spacing:-.055em}.curv-configurator__model{margin:10px 0 8px!important;color:#836a3d;font:700 .67rem/1.2 Manrope,Arial,sans-serif;letter-spacing:.12em}.curv-configurator__description{min-height:2.6em;margin:0 0 16px!important;color:#5d625e;font:500 .66rem/1.45 Manrope,Arial,sans-serif}
.curv-configurator__variants{display:grid;border-top:1px solid rgba(17,24,22,.22)}.curv-configurator__variants>p{margin:17px 0 5px!important;color:#766e60;font:700 .56rem/1.2 Manrope,Arial,sans-serif;letter-spacing:.14em}.curv-configurator__variants button{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;padding:10px 9px;border:0;border-bottom:1px solid rgba(17,24,22,.17);background:none;color:#343a36;text-align:left;font:650 .75rem/1.2 Manrope,Arial,sans-serif;cursor:pointer}.curv-configurator__variants button span{color:#927745;font-size:.6rem}.curv-configurator__variants button b{display:grid;gap:2px;font-weight:700}.curv-configurator__variants button small{color:#777d77;font-size:.55rem;font-weight:550}.curv-configurator__variants button strong{font-size:.65rem;white-space:nowrap}.curv-configurator__variants button[aria-pressed="true"]{background:#111a18;color:#f0ddaf}.curv-configurator__variants button[aria-pressed="true"] span{color:#d9b871}.curv-configurator__variants button[aria-pressed="true"] small{color:#b8c0b9}
.curv-configurator__extra{display:flex;justify-content:space-between;gap:12px;margin:14px 0 0;padding:12px;border:1px solid rgba(17,24,22,.23);background:rgba(255,255,255,.25);color:#303632;font:650 .7rem/1.2 Manrope,Arial,sans-serif;cursor:pointer}.curv-configurator__extra[aria-pressed="true"]{border-color:#9d804a;background:#e4d3ae}.curv-configurator__extra strong{font-weight:700}
.curv-configurator__summary{display:grid;gap:4px;margin-top:auto;padding:14px 0;border-top:1px solid rgba(17,24,22,.22)}.curv-configurator__summary span{color:#766e60;font:700 .55rem/1.2 Manrope,Arial,sans-serif;letter-spacing:.13em}.curv-configurator__summary strong{font:650 .75rem/1.3 Manrope,Arial,sans-serif}
.curv-configurator__accept{display:flex;justify-content:space-between;gap:16px;width:100%;padding:14px 15px;border:0;background:#111a18;color:#f1dca9;text-align:left;font:650 .72rem/1.2 Manrope,Arial,sans-serif;cursor:pointer;transition:background .2s,color .2s}.curv-configurator__accept:hover,.curv-configurator__accept:focus-visible{background:#b79250;color:#101715}.curv-configurator__accept.is-confirmed{background:#315949;color:#fff}
.curv-configurator__result{position:absolute;z-index:6;inset:0;overflow:hidden;background:#0a100f;animation:curv-result-in .5s cubic-bezier(.2,.75,.2,1)}.curv-configurator__result[hidden]{display:none}.curv-configurator__result::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,8,8,.08) 30%,rgba(4,8,8,.82) 100%);pointer-events:none}.curv-configurator__result>img{width:100%;height:100%;object-fit:cover;animation:curv-result-image-in .8s cubic-bezier(.2,.75,.2,1)}.curv-configurator__result-copy{position:absolute;z-index:2;left:clamp(24px,3.2vw,52px);bottom:clamp(25px,3.4vw,54px);display:grid;gap:7px;color:#f4f1e8}.curv-configurator__result-copy span{color:#e2c27e;font:700 .62rem/1.2 Manrope,Arial,sans-serif;letter-spacing:.16em}.curv-configurator__result-copy strong{font:600 clamp(1.7rem,3vw,3.4rem)/1 Manrope,Arial,sans-serif;letter-spacing:-.055em}.curv-configurator__result-copy small{color:#d2d8d2;font:600 .72rem/1.3 Manrope,Arial,sans-serif}.curv-configurator__result-close{position:absolute;z-index:3;top:22px;right:22px;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.42);border-radius:50%;background:rgba(8,15,14,.72);color:#fff;font:300 1.6rem/1 Manrope,Arial,sans-serif;cursor:pointer;backdrop-filter:none}.curv-configurator__result-back{position:absolute;z-index:3;right:clamp(24px,3.2vw,52px);bottom:clamp(25px,3.4vw,54px);display:flex;gap:18px;padding:13px 15px;border:1px solid rgba(255,255,255,.42);background:rgba(8,15,14,.76);color:#f1dca9;font:650 .72rem/1.2 Manrope,Arial,sans-serif;cursor:pointer;backdrop-filter:none}.curv-configurator__result-close:hover,.curv-configurator__result-close:focus-visible,.curv-configurator__result-back:hover,.curv-configurator__result-back:focus-visible{background:#e0c27f;color:#101715}
.interactive-products__tint{position:absolute;inset:0;background:linear-gradient(140deg,color-mix(in srgb,var(--experience-accent) 22%,transparent),transparent 42%),linear-gradient(0deg,rgba(4,10,11,.72),transparent 35%,rgba(4,10,11,.17));mix-blend-mode:color;pointer-events:none;transition:background .6s ease,opacity .5s ease}
.interactive-products__stage::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.09) 50%,transparent 65%);transform:translateX(-130%);animation:interactive-scan 8s ease-in-out infinite}
.interactive-products__stage-top,.interactive-products__stage-bottom{position:absolute;z-index:2;left:clamp(18px,2.4vw,38px);right:clamp(18px,2.4vw,38px);display:flex;justify-content:space-between;gap:18px;color:#e7d29f;font:700 clamp(.58rem,.7vw,.72rem)/1.3 Manrope,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.interactive-products__stage-top{top:clamp(18px,2.4vw,38px)}.interactive-products__stage-bottom{bottom:clamp(18px,2.4vw,38px);align-items:center}
.interactive-products__drag{display:flex;align-items:center;gap:.6rem;color:#d6ded8}.interactive-products__drag i{display:grid;place-items:center;width:31px;height:31px;border:1px solid rgba(255,255,255,.38);border-radius:50%;font-style:normal;font-size:1rem;letter-spacing:0}
.interactive-products[data-experience-mode="configurator"] .interactive-products__stage-bottom{display:none}
.interactive-products__console{position:absolute;z-index:4;inset:0 0 0 auto;display:flex;width:min(34%,480px);flex-direction:column;padding:clamp(28px,3.6vw,58px);border-left:1px solid rgba(218,190,128,.27);background:linear-gradient(145deg,rgba(21,33,32,.985),rgba(13,24,25,.99))}
.interactive-products[data-experience-mode="configurator"] .interactive-products__console{display:none}
.interactive-products__copy{margin:auto 0;min-height:245px;padding:clamp(34px,4.2vw,64px) 0 28px}.interactive-products__copy>p:first-child{margin:0 0 18px!important;color:#dbba73;font:700 .68rem/1.3 Manrope,Arial,sans-serif;letter-spacing:.12em}.interactive-products__copy h3{margin:0 0 18px;font:520 clamp(1.8rem,2.8vw,3.3rem)/1.05 Manrope,Arial,sans-serif;letter-spacing:-.055em}.interactive-products__copy>p:last-child{margin:0!important;color:#bbc6bf;font-size:clamp(.94rem,1.06vw,1.08rem);line-height:1.65}
.interactive-products[data-experience-look="midnight"]{--experience-accent:#66716f}.interactive-products[data-experience-look="starlight"]{--experience-accent:#b8c0bd}.interactive-products[data-experience-look="sunlit"]{--experience-accent:#b8a386}
.interactive-products[data-experience-mode="streaming"] .interactive-products__video{inset:0 min(34%,480px) 0 0;width:auto;height:100%;object-position:right center;filter:saturate(1.05) contrast(1.09)}
.interactive-products[data-experience-mode="streaming"] .interactive-products__tint{opacity:.08}
.interactive-products[data-experience-mode="streaming"] .interactive-products__video{opacity:1}
.interactive-products[data-experience-mode="streaming"] .curv-configurator{opacity:0;visibility:hidden;pointer-events:none}
@keyframes interactive-scan{0%,58%{transform:translateX(-130%)}84%,100%{transform:translateX(130%)}}
@keyframes experience-mode-hint{0%,40%,100%{border-color:rgba(218,190,128,.55);box-shadow:inset 0 1px rgba(255,255,255,.08)}64%{border-color:rgba(227,189,112,.82);box-shadow:inset 0 1px rgba(255,255,255,.12),0 0 24px rgba(227,189,112,.12)}84%{border-color:rgba(218,190,128,.65);box-shadow:inset 0 1px rgba(255,255,255,.08)}}
@keyframes curv-result-in{from{opacity:0}to{opacity:1}}@keyframes curv-result-image-in{from{transform:scale(1.035)}to{transform:scale(1)}}
@media(max-width:900px){.interactive-products{padding-inline:5vw}.interactive-products__intro{grid-template-columns:1fr}.interactive-products__intro>p:last-child{max-width:58ch}.interactive-products__experience{min-height:680px}.interactive-products__console{width:38%}.interactive-products[data-experience-mode="streaming"] .interactive-products__video{right:38%}.interactive-products__copy{min-height:0}}
@media(max-width:600px){.interactive-products{padding:76px 5vw}.interactive-products__intro h2{font-size:clamp(2.45rem,12vw,4rem)}.interactive-products__invitation{align-items:flex-start;line-height:1.5}.interactive-products__invitation::before{margin-top:.44rem}.interactive-products__modes{gap:7px}.interactive-products__modes button{grid-template-columns:auto minmax(0,1fr);min-height:76px;padding:14px 12px;border-radius:13px}.interactive-products__modes button>i{display:none}.interactive-products__modes button>b{font-size:.82rem}.interactive-products__modes button small{font-size:.58rem}.interactive-products__experience{min-height:760px;border-radius:22px}.curv-configurator{grid-template-columns:1fr;grid-template-rows:44% 56%}.curv-configurator__visual img{padding:50px 12px 78px}.curv-configurator__visual-copy{top:50px;left:16px;padding:10px 12px}.curv-configurator__visual-copy span{font-size:.5rem}.curv-configurator__visual-copy strong{font-size:1rem}.curv-configurator__colors{bottom:14px;gap:2px;padding:5px}.curv-configurator__colors button{gap:5px;padding:7px;font-size:.55rem}.curv-configurator__colors i{width:11px;height:11px}.curv-configurator__shop{padding:20px 18px 64px}.curv-configurator__description{min-height:0;margin-bottom:10px!important}.curv-configurator__variants button{padding:11px 7px;font-size:.68rem}.curv-configurator__summary{padding:12px 0}.curv-configurator__accept{padding:12px}.curv-configurator__result>img{object-position:center}.curv-configurator__result-copy{left:20px;right:20px;bottom:84px}.curv-configurator__result-copy strong{font-size:clamp(1.55rem,8vw,2.35rem)}.curv-configurator__result-back{left:20px;right:20px;bottom:22px;justify-content:space-between}.curv-configurator__result-close{top:16px;right:16px}.interactive-products__stage-top,.interactive-products__stage-bottom{font-size:.52rem;letter-spacing:.08em}.interactive-products__stage-top span:last-child,.interactive-products__drag{display:none}.interactive-products__console{inset:auto 0 0;width:100%;min-height:255px;padding:25px 20px 28px;border-left:0;border-top:1px solid rgba(218,190,128,.27)}.interactive-products[data-experience-mode="streaming"] .interactive-products__video{inset:0 0 255px;width:100%;height:auto;object-position:center}.interactive-products__copy{padding-block:22px}}
@media(prefers-reduced-motion:reduce){.interactive-products__stage::after,.interactive-products__modes button[aria-pressed="false"]{animation:none}.interactive-products__video{transform:none}.curv-configurator__visual img{transition:none}.curv-configurator__result,.curv-configurator__result>img{animation:none}}

/* Center the cover crop inside the video column, independently of the copy. */
.interactive-products[data-experience-mode="streaming"] .interactive-products__drag{display:none}
.interactive-products[data-experience-mode="streaming"] .interactive-products__experience{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(300px,1fr);min-height:0;align-items:stretch}
.interactive-products[data-experience-mode="streaming"] .interactive-products__stage{position:relative;inset:auto;aspect-ratio:16/9;align-self:center}
.interactive-products[data-experience-mode="streaming"] .interactive-products__video{inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:none}
.interactive-products[data-experience-mode="streaming"] .interactive-products__console{position:relative;inset:auto;width:auto;min-width:0;min-height:0;padding:clamp(24px,2.3vw,38px);box-sizing:border-box}
.interactive-products[data-experience-mode="streaming"] .interactive-products__copy{min-height:0;padding:0}
.interactive-products[data-experience-mode="streaming"] .interactive-products__copy h3{font-size:clamp(1.8rem,2.15vw,2.8rem)}
.interactive-products__modes button[aria-pressed="false"] small{color:#bdc9c1}
.interactive-products__modes button[aria-pressed="false"]>i{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(227,189,112,.55);border-radius:50%;color:#e7cd96;background:rgba(227,189,112,.08)}
.interactive-products__modes button[aria-pressed="false"]:hover,.interactive-products__modes button[aria-pressed="false"]:focus-visible{background:linear-gradient(135deg,rgba(224,192,126,.21),rgba(116,142,133,.18));color:#fff1d2}
@media(max-width:1100px){
 .interactive-products[data-experience-mode="streaming"] .interactive-products__experience{grid-template-columns:minmax(0,1fr)}
 .interactive-products[data-experience-mode="streaming"] .interactive-products__console{border-left:0;border-top:1px solid rgba(218,190,128,.27);padding:28px}
 .interactive-products[data-experience-mode="streaming"] .interactive-products__copy{max-width:65ch}
}
@media(max-width:600px){
 .interactive-products__modes button[aria-pressed="false"]>i{display:none}
 .interactive-products[data-experience-mode="streaming"] .interactive-products__console{padding:25px 20px 28px}
}

.interactive-products[data-experience-mode="streaming"] .interactive-products__stage-top,.interactive-products[data-experience-mode="streaming"] .interactive-products__stage-bottom{display:none}