/* Final homepage design 1, approved 21 October 2026. */
.home-final .home-hero{overflow:hidden;border-bottom:1px solid var(--line)}
.home-final .home-copy .kicker{margin-bottom:27px}
.home-final .home-copy h1{font-size:clamp(54px,5.6vw,82px);letter-spacing:-.058em;line-height:1.01;margin-bottom:27px;font-weight:600}
.home-final .home-copy h1 em{font-style:normal;color:var(--red)}
.home-final .home-copy p{max-width:380px;font-size:16px;line-height:1.8;margin-bottom:30px}
.home-final .home-copy p strong{font-weight:400;color:var(--ink)}
.home-final .home-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap}
.home-final .home-actions .textlink{font-size:12px}
.home-final .home-showcase{min-width:0}
.home-final .home-stage{position:relative;isolation:isolate;height:410px}
.home-final .home-slide{position:absolute;inset:27px 0 10px;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(16px) scale(.965);transition:opacity .75s ease,transform 1s cubic-bezier(.22,.61,.36,1),visibility 0s linear 1s;pointer-events:none}
.home-final .home-slide.is-active{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.home-final .home-slide img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.home-final .stage-note{position:absolute;top:0;right:0;font-size:9px;letter-spacing:.15em;color:#7b8083}
.home-final .home-caption{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid #dcdfdf;padding:21px 0 17px}
.home-final .home-eyebrow{display:block;font-size:9px;letter-spacing:.15em;color:#82878a;margin-bottom:5px}
.home-final [data-product-link]{display:flex;align-items:center;gap:16px;font-size:17px;font-weight:600;line-height:1.25}
.home-final [data-product-link]>span:last-child{color:var(--red);font-size:19px;font-weight:400}
.home-final .home-controls{display:flex;align-items:center;gap:7px;flex-shrink:0}
.home-final .home-controls button{border:1px solid #dfe2e2;background:white;color:#383c3f;width:37px;height:37px;display:grid;place-content:center;font-size:17px}
.home-final .home-controls button:hover{border-color:var(--red);color:var(--red)}
.home-final .home-counter{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap;margin-right:14px}
.home-final .home-counter>span{color:#969b9e;font-size:10px}
.home-final .home-selectors{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px}
.home-final .home-selectors button{border:0;background:transparent;padding:10px 0 0;position:relative;color:#85898c;font-size:8px;letter-spacing:.04em;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px}
.home-final .home-selectors button img{height:34px;width:100%;object-fit:contain;opacity:.56;transition:opacity .25s}
.home-final .home-selectors button[aria-pressed=true]{color:var(--red);font-weight:bold}
.home-final .home-selectors button[aria-pressed=true] img,.home-final .home-selectors button:hover img{opacity:1}
.home-final .selector-line{position:absolute;top:0;left:0;right:0;height:2px;background:#e1e3e3}
.home-final .home-selectors [aria-pressed=true] .selector-line{background:var(--red)}
.home-final .home-one{background:#fff}
.home-final .home-one-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center;padding:52px 0 47px;min-height:630px}
.home-final .home-one .home-copy{padding-bottom:16px}
.home-final .home-one .home-stage{height:380px}
.home-final .home-one .home-slide{inset:32px 0 8px}
.home-final .home-one .home-caption{padding-top:20px;margin-top:5px}
.home-final .home-one .home-selectors{padding-top:8px}
@media(min-width:1600px){.home-final .home-one .home-stage{height:430px}
.home-final .home-one-grid{min-height:700px}}
@media(max-width:1100px){.home-final .home-one-grid{gap:32px;grid-template-columns:.85fr 1.15fr}
.home-final .home-copy h1{font-size:62px}
.home-final .home-copy p{font-size:14px}
.home-final .home-actions{gap:15px}
.home-final .home-actions .btn{padding:14px 16px}
.home-final .home-one .home-stage{height:350px}
.home-final .home-caption{align-items:flex-start;gap:14px}
.home-final .home-caption [data-product-link]{font-size:15px}
.home-final .home-controls{gap:4px}
.home-final .home-controls button{width:32px;height:34px}
.home-final .home-counter{margin-right:6px}
.home-final .home-selectors button{font-size:7px}}
@media(max-width:850px){.home-final .home-one-grid{grid-template-columns:1fr 1.1fr;gap:22px;min-height:580px}
.home-final .home-copy h1{font-size:52px}
.home-final .home-one .home-stage{height:290px}
.home-final .home-actions{flex-direction:column;align-items:flex-start;gap:10px}
.home-final .home-caption{flex-wrap:wrap}
.home-final .home-caption .home-controls{margin-left:auto}}
@media(max-width:600px){.home-final .home-one-grid{grid-template-columns:1fr;gap:30px;padding:36px 0 30px;min-height:0}
.home-final .home-copy h1{font-size:clamp(43px,11vw,62px);margin-bottom:20px}
.home-final .home-copy .kicker{font-size:9px;margin-bottom:20px}
.home-final .home-copy p{font-size:14px;max-width:430px;margin-bottom:23px}
.home-final .home-actions{flex-direction:row;gap:20px;align-items:center}
.home-final .home-actions .btn{font-size:12px;padding:13px 17px;gap:17px}
.home-final .home-actions .textlink{font-size:11px}
.home-final .home-one .home-copy{padding-bottom:0}
.home-final .home-one .home-stage{height:275px}
.home-final .stage-note{font-size:7px;letter-spacing:.1em}
.home-final .home-one .home-slide{inset:25px 0 7px}
.home-final .home-caption{padding:16px 0;gap:15px;align-items:center}
.home-final .home-caption>div:first-child{max-width:58%}
.home-final .home-caption [data-product-link]{font-size:14px;gap:6px}
.home-final .home-eyebrow{font-size:7px;letter-spacing:.12em}
.home-final .home-controls{gap:4px}
.home-final .home-controls button{width:29px;height:32px;font-size:15px}
.home-final .home-counter{font-size:10px;margin-right:4px}
.home-final .home-counter span{font-size:8px}
.home-final .home-selectors{gap:4px}
.home-final .home-selectors button{font-size:6px;padding-top:8px}
.home-final .home-selectors button img{height:24px}
.home-final .home-one .home-selectors{padding-top:0}}
@media(max-width:370px){.home-final .home-actions{gap:12px}
.home-final .home-copy h1{font-size:44px}
.home-final .home-caption{align-items:flex-start}
.home-final .home-caption>div:first-child{max-width:100%;flex:1}
.home-final .home-caption .home-controls{margin-left:0}
.home-final .home-selectors button{font-size:5px}
.home-final .home-one .home-stage{height:245px}}
@media(prefers-reduced-motion:reduce){.home-final .home-slide{transition:opacity .2s ease!important}}
@media(max-width:600px){.home-final .home-selectors{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding-bottom:6px}
.home-final .home-selectors button{flex:0 0 58px;font-size:8px;min-height:44px}
.home-final .home-selectors button img{height:30px}
.home-final .home-controls button{width:44px;height:44px}
.home-final .home-caption>div:first-child{max-width:100%}}
.home-final .home-one{background:linear-gradient(100deg,#fff 42.5%,#f2f3f3 42.5%);isolation:isolate}
.home-final .home-one .home-stage{isolation:auto}
.home-final .home-one .home-slide{mix-blend-mode:multiply}
.home-final .home-one .home-slide img{mix-blend-mode:normal}
.home-final .home-one .home-selectors img{mix-blend-mode:multiply}
.home-final .home-one .home-caption{border-color:#d6dada}
.home-final .home-one .selector-line{background:#d4d9da}
.home-final .home-one .home-selectors [aria-current=true] .selector-line{background:var(--red)}
.home-final .home-one .stage-note{color:#777d80}
.home-final .home-one .home-thumbnail-link{border:0;background:transparent;padding:10px 0 0;position:relative;color:#85898c;font-size:8px;letter-spacing:.04em;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px}
.home-final .home-one .home-thumbnail-link img{height:34px;width:100%;object-fit:contain;opacity:.56;transition:opacity .25s}
.home-final .home-one .home-thumbnail-link[aria-current=true]{color:var(--red);font-weight:bold}
.home-final .home-one .home-thumbnail-link[aria-current=true] img,.home-final .home-one .home-thumbnail-link:hover img{opacity:1}
.home-final .home-one a.home-slide.is-active{pointer-events:auto;cursor:pointer}
.home-final .home-one a.home-slide:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.home-final .home-one .home-thumbnail-link:focus-visible{outline:2px solid var(--red);outline-offset:3px}
@media(max-width:1100px){.home-final .home-one .home-thumbnail-link{font-size:7px}}
@media(min-width:601px) and (max-width:850px){.home-final .home-one{background:linear-gradient(100deg,#fff 47%,#f2f3f3 47%)}}
@media(max-width:600px){.home-final .home-one{background:#fff}
.home-final .home-one-grid{padding-bottom:0;gap:23px}
.home-final .home-one .home-showcase{background:#f2f3f3;margin:0 -20px;padding:34px 20px 29px;clip-path:polygon(0 15px,100% 0,100% 100%,0 100%)}
.home-final .home-one .home-stage{height:270px}
.home-final .home-one .home-thumbnail-link{padding-top:8px;flex:0 0 58px;font-size:8px;min-height:44px}
.home-final .home-one .home-thumbnail-link img{height:30px}}
@media(max-width:360px){.home-final .home-one .home-showcase{margin:0 -16px;padding-left:16px;padding-right:16px}}
