.sleeves-page{--sp-mint:#bbd5ca;--sp-warm:#e7c697;background:#0b1011;color:#e9ece5;overflow:hidden}
.sp-kicker{font-size:10px;letter-spacing:.15em;line-height:1.6;color:#95a69f}
.sp-hero{position:relative;isolation:isolate;height:100svh;min-height:750px;max-height:1150px;background:#030404;overflow:hidden}
.sp-hero:after{content:"";position:absolute;inset:0 0 auto;height:135px;z-index:-1;pointer-events:none;background:linear-gradient(#030404b8,transparent)}
.sp-hero-photo,.sp-hero-shade{position:absolute;inset:0;z-index:-1}
.sp-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:65% center}
.sp-hero-shade{background:linear-gradient(90deg,#030404ec 0%,#030404bb 27%,#03040420 58%,transparent 78%),linear-gradient(0deg,#030404d9,transparent 25%)}
.sp-hero-copy{position:absolute;left:5%;top:26%;width:58%;max-width:850px}
.sp-hero-copy h1{font-size:clamp(64px,7.3vw,118px);font-weight:450;line-height:1.05;letter-spacing:-.058em;margin:26px 0 32px}
.sp-hero-copy h1 span{display:block;animation:sp-hero-reveal 1.05s cubic-bezier(.2,.7,.2,1) both}
.sp-hero-copy h1 span+span{animation-delay:.14s}.sp-hero-copy h1 em{color:#e4c49b}
.sp-hero-copy>p:last-of-type{font-size:15px;line-height:1.9;color:#b2b6ad;max-width:330px}
.sp-hero-copy>a{display:inline-flex;gap:40px;align-items:center;min-height:48px;border-bottom:1px solid #bdcabc50;margin-top:45px;font-size:12px;color:#ecdfca}
.sp-hero-copy>a span{font-size:24px;font-weight:300}
.sp-hero-bottom{position:absolute;bottom:36px;left:5%;right:5%;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.12em;color:#aeb9b0}
.sp-families{padding:110px 5% 0}
.sp-intro{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:22px 70px;padding-bottom:85px}
.sp-intro>.sp-kicker{grid-column:1/-1}.sp-intro h2{font-size:clamp(35px,3.3vw,58px);font-weight:400;line-height:1.12;letter-spacing:-.045em}
.sp-intro h2 em{color:#97aea0}.sp-intro>p:last-child{font-size:14px;line-height:1.9;color:#91a298;max-width:380px;justify-self:end;padding-bottom:5px}
.sp-family{display:grid;grid-template-columns:minmax(220px,.39fr) 1fr;gap:5%;padding:78px 0 85px;border-top:1px solid #9fbcad26;scroll-margin-top:90px}
.sp-family-copy{padding-top:7px}.sp-family-copy h2{font-size:clamp(31px,2.9vw,47px);line-height:1.12;font-weight:400;letter-spacing:-.045em;margin:24px 0}
.sp-description{font-size:13px;line-height:1.9;color:#93a49b;max-width:330px}
.sp-specs{display:grid;grid-template-columns:1fr 1fr;gap:24px 12px;margin:34px 0 31px}
.sp-specs dt{font-size:9px;letter-spacing:.06em;color:#849e91;line-height:1.5;margin-bottom:7px}
.sp-specs dd{font-size:21px;font-weight:400;letter-spacing:-.04em;line-height:1.25;color:#d2e2d6;margin:0}
.sp-links{display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.sp-links a{display:inline-flex;gap:24px;align-items:center;font-size:11px;line-height:1.5;min-height:35px;border-bottom:1px solid #99b7a730;color:#cabd9e}
.sp-links a span{font-size:19px;font-weight:300}.sp-links .sp-catalog-link{color:#93a99d;border-color:transparent}
.sp-family-media{position:relative;min-width:0;height:540px;background:#131819;border:1px solid #9ab09f20;overflow:hidden;isolation:isolate}
.sp-family-photo{position:absolute;inset:0;width:100%;margin:0;z-index:1;overflow:hidden;transition:width 1.1s cubic-bezier(.2,.7,.2,1),filter 1.1s}
.sp-family-photo img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:43% 50%;transition:transform 1.6s,object-position 1.1s;filter:brightness(.83)}
.sp-family-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b1011c9,transparent 30%)}
.sp-family-photo figcaption{position:absolute;bottom:29px;left:25px;right:25px;z-index:1;font-size:14px;letter-spacing:.08em;line-height:1.5;color:#ebeadf}
.sp-family-photo figcaption span{display:none;font-size:8px;letter-spacing:.09em;color:#a0a79d;margin-top:8px}
.sp-technical{position:absolute;inset:0 0 0 37%;z-index:2;opacity:0;transform:translateX(20px);transition:opacity .8s .12s,transform 1.1s;background:radial-gradient(ellipse at 60% 50%,#26383766,transparent 72%);pointer-events:none;overflow:hidden}
.sp-tech-grid{position:absolute;inset:0;background-image:linear-gradient(#a2c0b10b 1px,transparent 1px),linear-gradient(90deg,#a2c0b10b 1px,transparent 1px);background-size:39px 39px;mask-image:radial-gradient(ellipse,#000,transparent 80%)}
.sp-canvas{position:absolute;inset:54px 0 52px;z-index:1}.sp-canvas canvas{display:block;width:100%;height:100%;filter:drop-shadow(0 16px 12px #0005)}
.sp-models{position:absolute;inset:0;z-index:2;pointer-events:none}
.sp-model{position:absolute;inset:0}.sp-family-pair .sp-model:first-child{bottom:50%}.sp-family-pair .sp-model:last-child{top:50%}
.sp-model-label{position:absolute;left:24px;top:30px;display:flex;flex-direction:column;gap:6px}
.sp-model-label strong{font-size:20px;font-weight:400;letter-spacing:-.02em;color:#dce6dc}.sp-model-label>span{font-size:9px;letter-spacing:.1em;color:#809d90}
.sp-cross{position:absolute;right:23px;top:23px;width:74px;text-align:center}
.sp-cross svg{width:74px;height:74px;display:block;overflow:visible}.sp-cross small{display:block;margin-top:6px;font-size:9px;color:#a6bcb0;letter-spacing:.04em}
.sp-section-base{fill:#889b93;stroke:#d2e0d72b;stroke-width:.12}.sp-section-optical{fill:#d1dfcf;transition:fill 1.2s,filter 1.2s}
.sp-family[data-sp-phase=light] .sp-section-optical,.sp-family[data-sp-phase=bend] .sp-section-optical{fill:#f4d59c;filter:drop-shadow(0 0 1px #f3ca8755)}
.sp-sequence{position:absolute;left:24px;right:23px;bottom:22px;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;color:#b4c4b8}
.sp-sequence>span{font-size:9px;letter-spacing:.08em;line-height:1.5}.sp-sequence>[data-sp-note]{font-size:9px;letter-spacing:0;color:#81998b}
.sp-sequence>i{flex-basis:100%;height:1px;background:#b3c9b725;margin-top:4px}.sp-sequence b{display:block;height:1px;background:#e1c08d;transform:scaleX(var(--sp-progress,0));transform-origin:left}
.sp-replay{position:absolute;right:25px;bottom:26px;z-index:4;background:#0b1112bd;border:1px solid #bfcabc44;padding:10px 14px;color:#d7dece;font-size:11px;display:flex;gap:12px;align-items:center;min-height:40px;transition:opacity .5s,bottom .6s;cursor:pointer}
.sp-replay>span{font-size:18px;line-height:1}
.sp-family.is-active .sp-family-photo{width:41%;mask-image:linear-gradient(90deg,#000 65%,transparent)}
.sp-family.is-active .sp-family-photo img{object-position:45% 50%;transform:scale(1.025);filter:brightness(.78)}
.sp-family.is-active .sp-technical{opacity:1;transform:none}
.sp-family.is-active .sp-replay{bottom:80px;background:transparent;border-color:#adc6b226;opacity:.7;font-size:10px;padding:6px 10px;min-height:34px}
.sp-family.is-active .sp-replay:hover,.sp-family.is-active .sp-replay:focus-visible{opacity:1}
.sp-details-intro{padding:30px 5% 65px;display:grid;grid-template-columns:1fr 1fr;gap:25px 60px;align-items:start}
.sp-details-intro>.sp-kicker{grid-column:1/-1}.sp-details-intro h2{font-size:clamp(38px,4.5vw,68px);font-weight:400;line-height:1.08}.sp-details-intro h2 em{color:#92a99a}
.sp-details-intro>p:not(.sp-kicker){font-size:13px;line-height:1.9;color:#93a59a;max-width:390px;padding-top:3px}
.sp-details-intro>a{grid-column:2;justify-self:start;margin-top:-20px}
.sleeves-page:not([data-enhanced]) .sp-family-photo{width:41%;mask-image:linear-gradient(90deg,#000 65%,transparent)}
.sleeves-page:not([data-enhanced]) .sp-technical{opacity:1;transform:none}.sleeves-page:not([data-enhanced]) .sp-replay{display:none}
@keyframes sp-hero-reveal{from{opacity:0;transform:translateY(30px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
@media(max-width:1100px){.sp-family{grid-template-columns:minmax(205px,.47fr) 1fr;gap:4%}.sp-family-media{height:530px}.sp-family-copy h2{font-size:32px}.sp-description{font-size:12px}.sp-specs dd{font-size:19px}.sp-family-photo figcaption{left:18px;font-size:12px}.sp-model-label{left:15px}.sp-cross{right:15px;width:58px}.sp-cross svg{width:58px;height:65px}.sp-cross small{font-size:8px}.sp-model-label strong{font-size:17px}.sp-model-label>span{font-size:8px}.sp-sequence{left:15px;right:15px}.sp-sequence>span{font-size:8px}.sp-sequence>[data-sp-note]{font-size:8px}.sp-replay{right:17px}.sp-intro{gap:20px 40px}.sp-hero-copy{width:64%;top:27%}.sp-hero-copy h1{font-size:76px}}
@media(max-width:850px){.sp-family{grid-template-columns:1fr;gap:29px;padding:54px 0 65px}.sp-family-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.sp-family-copy>.sp-kicker{grid-column:1/-1}.sp-family-copy h2{font-size:36px;grid-column:1;margin:20px 0}.sp-description{grid-column:2;grid-row:2;padding-top:21px;max-width:none;font-size:13px}.sp-specs{grid-column:1/-1;grid-template-columns:repeat(4,1fr);margin:17px 0 21px}.sp-links{grid-column:1/-1;flex-direction:row;gap:12px 28px;flex-wrap:wrap}.sp-family-media{height:500px}.sp-intro{display:block;padding-bottom:55px}.sp-intro h2{margin:21px 0 27px}.sp-intro>p:last-child{max-width:460px}.sp-families{padding-top:75px}.sp-hero-copy h1{font-size:65px}.sp-hero-copy{width:75%;top:28%}.sp-hero-photo img{object-position:64% center}.sp-hero-bottom{font-size:8px}.sp-hero-bottom span:last-child{max-width:280px;text-align:right;line-height:1.8}.sp-hero-copy>p:last-of-type{font-size:14px}.sp-hero-shade{background:linear-gradient(90deg,#030404e8,#03040478 48%,transparent),linear-gradient(0deg,#030404d9,transparent 25%)}.sp-details-intro{padding-top:5px}.sp-details-intro>a{grid-column:1/-1;margin-top:5px}.sp-details-intro>p:not(.sp-kicker){padding-top:0}}
@media(max-width:560px){
 .sp-hero{height:880px;min-height:0;max-height:none}.sp-hero-copy{left:6%;right:6%;top:124px;width:auto}.sp-hero-copy>.sp-kicker{font-size:8px;letter-spacing:.1em}.sp-hero-copy h1{font-size:48px;line-height:1.08;margin:19px 0 20px}.sp-hero-copy>p:last-of-type{font-size:12px;line-height:1.8;max-width:250px}.sp-hero-copy>a{font-size:11px;margin-top:19px;gap:40px;min-height:42px}.sp-hero-photo{top:280px;bottom:48px;left:-72%;right:-19%}.sp-hero-photo img{object-fit:cover;object-position:68% center}.sp-hero-shade{background:linear-gradient(180deg,#030404 0%,#030404f0 31%,#03040473 45%,transparent 63%,#030404bb 100%)}.sp-hero-bottom{left:6%;right:6%;bottom:30px;display:block;font-size:8px}.sp-hero-bottom>span+span{display:none}
 .sp-families{padding:65px 6% 0}.sp-intro{padding-bottom:48px}.sp-intro>.sp-kicker{font-size:8px;letter-spacing:.1em}.sp-intro h2{font-size:32px;line-height:1.14;margin:18px 0 22px}.sp-intro>p:last-child{font-size:12px;line-height:1.85}.sp-family{padding:42px 0 53px;gap:25px;scroll-margin-top:80px}.sp-family-copy{display:block}.sp-family-copy>.sp-kicker{font-size:9px}.sp-family-copy h2{font-size:34px;margin:18px 0 19px;max-width:340px}.sp-description{padding:0;font-size:12px;line-height:1.85}.sp-specs{grid-template-columns:1fr 1fr;gap:20px 15px;margin:25px 0 22px}.sp-specs dt{font-size:9px}.sp-specs dd{font-size:22px}.sp-links{gap:8px 20px}.sp-links a{font-size:11px;min-height:38px}
 .sp-family-media{height:575px}.sp-family-photo{height:100%;width:100%;transition:height 1s cubic-bezier(.2,.7,.2,1),filter .8s}.sp-family-photo img{object-position:50% 50%;filter:brightness(.9)}.sp-family-photo figcaption{bottom:24px;left:19px;font-size:13px}.sp-family-photo figcaption span{font-size:8px}.sp-technical{inset:175px 0 0;transform:translateY(18px);transition:opacity .75s .15s,transform 1s}.sp-canvas{inset:57px 0 53px}.sp-model-label{left:18px;top:21px}.sp-model-label strong{font-size:18px}.sp-model-label>span{font-size:8px}.sp-cross{top:17px;right:18px;width:58px}.sp-cross svg{width:58px;height:60px}.sp-cross small{font-size:9px;margin-top:3px}.sp-sequence{left:18px;right:18px;bottom:17px;gap:9px}.sp-sequence>span,.sp-sequence>[data-sp-note]{font-size:8px}.sp-family.is-active .sp-family-photo,.sleeves-page:not([data-enhanced]) .sp-family-photo{width:100%;height:195px;mask-image:linear-gradient(180deg,#000 72%,transparent)}.sp-family.is-active .sp-family-photo img{object-position:50% 56%;transform:scale(1.015)}.sp-family.is-active .sp-family-photo figcaption{bottom:30px}.sp-family.is-active .sp-family-photo figcaption span{display:none}.sp-family.is-active .sp-technical{transform:none}.sp-replay{right:18px;bottom:20px;font-size:11px}.sp-family.is-active .sp-replay{top:133px;bottom:auto;right:15px;background:#091010b5;border-color:#b9c9b642;opacity:1;font-size:10px}
 .sp-details-intro{padding:6px 6% 35px;display:block}.sp-details-intro>.sp-kicker{font-size:9px}.sp-details-intro h2{font-size:37px;margin:20px 0 22px}.sp-details-intro>p:not(.sp-kicker){font-size:12px;line-height:1.8;max-width:340px}.sp-details-intro>a{font-size:11px;margin-top:22px;display:inline-flex}
}
@media(max-width:359px){.sp-hero{height:815px}.sp-hero-copy{top:110px}.sp-hero-copy h1{font-size:42px}.sp-hero-photo{top:275px;left:-88%;right:-18%}.sp-hero-copy>.sp-kicker{font-size:7px}.sp-hero-copy>p:last-of-type{font-size:11px}.sp-family-copy h2{font-size:30px}.sp-intro h2{font-size:28px}.sp-family-media{height:555px}.sp-technical{inset:165px 0 0}.sp-family.is-active .sp-family-photo,.sleeves-page:not([data-enhanced]) .sp-family-photo{height:185px}.sp-family.is-active .sp-replay{top:125px}.sp-model-label{left:14px}.sp-model-label strong{font-size:17px}.sp-model-label>span{font-size:8px}.sp-cross{right:14px;width:52px}.sp-cross svg{width:52px;height:57px}.sp-sequence{left:14px;right:14px}.sp-specs dd{font-size:21px}}
@media(max-height:600px) and (min-width:561px){.sp-hero{height:740px;min-height:740px}.sp-hero-copy{top:170px}.sp-hero-copy h1{font-size:63px}}
@media(prefers-reduced-motion:reduce){.sleeves-page *, .sleeves-page *:before,.sleeves-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}