/* Collection pages use the common site tokens and Figma collection template. */
.collection-detail{--series-gutter:max(60px,calc((100vw - 1560px)/2))}
.collection-detail .series-main{display:block}
.series-hero{height:469px;position:relative;color:#fff;overflow:hidden}
.series-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.series-shade{position:absolute;inset:0 auto 0 0;width:62%;background:linear-gradient(90deg,rgba(45,37,30,.57) 51.9%,rgba(58,48,40,0));opacity:.95}
.collection-detail .series-header{inset:0 0 auto;height:89px;padding:17px var(--series-gutter);gap:24px;color:#fff;z-index:2}
.series-header nav{flex-shrink:0}.series-header nav a{display:flex;align-items:center;gap:5px}.series-header nav img{transform:rotate(90deg);filter:brightness(0) invert(1)}
.series-header .header-contact{gap:18px}.series-header .button{height:50px;min-height:50px;padding:0 36px;font-size:14px}
.series-header .menu-toggle img{filter:brightness(0) invert(1)}
.series-hero-copy{position:absolute;top:144px;left:calc(var(--series-gutter) + 1px);right:var(--series-gutter);font-family:var(--heading)}
.series-hero-copy p{font-size:38px;line-height:1.15;color:#fff}.series-hero-copy h1{font-size:96px;line-height:.97;text-box-trim:none;color:#fff}
.series-anchors{display:flex;gap:7px;position:absolute;top:362px;left:calc(var(--series-gutter) + 1px);right:var(--series-gutter)}
.series-anchors a{padding:16px 27px;border-radius:90px;background:var(--card);color:var(--ink);text-transform:uppercase;font-size:12px;font-weight:600;line-height:1;text-box-trim:trim-both;text-box-edge:cap alphabetic;transition:background .2s,color .2s}
.series-anchors a:hover{background:var(--accent);color:#fff}
.series-section{padding:60px var(--series-gutter)}.series-section h2{font-size:38px;line-height:1.15}
.series-products>h2{margin-bottom:59px}
.series-models{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;align-items:start}
.series-model{display:flex;flex-direction:column;gap:27px;min-width:0;background:var(--card);border-radius:17px;padding:13px 15px;scroll-margin-top:25px}
.series-model-photo{display:block;position:relative;aspect-ratio:277/299;width:100%;overflow:hidden}
.series-model-photo img{position:absolute;top:7.02%;left:26.35%;height:92.98%;width:47.3%;object-fit:contain;transition:opacity .18s}
.series-model h3{font-size:24px;line-height:1.15;text-box-trim:trim-both;text-box-edge:cap alphabetic}.series-model h3 button{text-align:left;font:inherit}.series-model p{font-size:14px;line-height:1.36}
.finish-selector{display:flex;flex-wrap:wrap;align-items:center;gap:4px;min-height:28px}
.finish-option{display:flex;align-items:center;gap:0;border-radius:51px;min-height:28px;padding:3px 0;max-width:100%;font-size:10px;line-height:1.19;color:var(--muted);transition:background .2s,padding .2s}
.finish-option i{--finish-diameter:22px;display:block;width:var(--finish-diameter);height:var(--finish-diameter);min-width:var(--finish-diameter);max-width:var(--finish-diameter);min-height:var(--finish-diameter);max-height:var(--finish-diameter);aspect-ratio:1;flex:0 0 var(--finish-diameter);border-radius:50%;background:var(--finish)}.finish-name{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:max-width .2s,opacity .2s}
.finish-option[aria-pressed=true]{padding:3px 3px 3px 10px;gap:7px;background:#f0f0f0}.finish-option[aria-pressed=true] .finish-name{max-width:120px;opacity:.9}
@media(hover:hover){.finish-option[aria-pressed=true]:hover{background:var(--sand)}.finish-option:not([aria-pressed=true]):hover i{box-shadow:inset 0 0 0 2px #00000012}.series-model-photo:is(a[href],button):hover img{opacity:.86}.series-model h3 button:hover{color:var(--accent)}}
.series-specs{display:none}.series-spec-grid{display:grid;gap:12px}.series-spec-grid>div{display:flex;align-items:center;gap:12px;padding:12px;background:var(--card);border-radius:12px}.series-spec-grid img{width:24px;height:24px}.series-spec-grid span{flex:1}.series-spec-grid p{flex:1;text-align:right;color:var(--ink)}
.series-about,.series-materials{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);gap:65px;align-items:center}
.series-copy{display:flex;flex-direction:column;gap:36px;min-width:0}.series-copy>p{font-size:18px;line-height:1.34;opacity:.9}.series-copy>p+p{margin-top:-12px}
.series-about-photo{width:100%;aspect-ratio:645/380;object-fit:cover;border-radius:16px}
.series-features>h2{margin-bottom:36px}.series-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;align-items:stretch}
.series-feature{display:flex;flex-direction:column;justify-content:space-between;gap:19px;min-width:0;background:var(--card);border-radius:16px;padding:11px;min-height:530px}
.series-feature>img{aspect-ratio:398/300;width:100%;object-fit:cover;border-radius:16px}.series-feature>div{padding:20px;display:flex;flex-direction:column;gap:25px}.series-feature h3{font-size:24px;line-height:1.15;text-box-trim:trim-both;text-box-edge:cap alphabetic}.series-feature p{font-size:16px;line-height:1.27;opacity:.9}
.series-materials{grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);gap:71px}.series-diagram{position:relative;aspect-ratio:645/380;border-radius:16px;overflow:hidden;container-type:inline-size}.series-diagram>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.series-diagram .diagram-lines{object-fit:fill}.diagram-label{position:absolute;padding:.93cqw 1.55cqw;border-radius:1.86cqw;background:#ffffffd6;box-shadow:0 2px 8px #3736361f;font-size:1.705cqw;line-height:1.27;color:var(--ink)}.diagram-label-0{left:66.667%;top:10.26%}.diagram-label-1{left:66.667%;top:27.1%}.diagram-label-2{left:4.34%;top:37.89%}.diagram-label-3{left:4.34%;top:66.84%}
.series-partnership{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.series-partnership .series-copy{gap:29px}.series-partnership .series-copy p{font-size:16px}.series-partnership>img{width:100%;aspect-ratio:640/420;object-fit:cover;border-radius:34px}
.model-preview{border:0;border-radius:24px;padding:32px;max-width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 32px);color:var(--ink);text-align:center}.model-preview::backdrop{background:#0008}.model-preview>img{height:min(50dvh,480px);width:100%;object-fit:contain;margin:0 auto 24px}.model-preview h2{font-size:28px}.model-preview .preview-finish{margin:12px 0 24px}.model-preview .button{margin:auto}.close-preview{position:absolute;right:16px;top:8px;font-size:32px;width:40px;height:40px}
@media(min-width:1600px){.series-about,.series-materials{gap:80px}.series-partnership{gap:80px}.series-feature{min-height:620px}}
@media(min-width:701px) and (max-width:1200px){.collection-detail .series-header{padding:12px 40px;height:79px;gap:20px}.series-header .phone{display:none}.series-header nav{gap:24px}.series-header .button{font-size:13px}.series-models{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.series-model{gap:27px}.series-about{gap:20px;grid-template-columns:1fr 1fr}.series-copy>p{font-size:16px}.series-feature-grid{grid-template-columns:1fr;gap:24px}.series-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;min-height:0;gap:24px;padding:12px}.series-feature>img{aspect-ratio:1.327}.series-feature>div{padding:20px}.series-materials{grid-template-columns:1fr;gap:55px}.series-diagram{width:100%}.series-partnership{padding-left:40px;padding-right:40px;gap:32px}.series-partnership .series-copy{gap:24px}.series-partnership .series-copy p{font-size:14px}.series-partnership>img{aspect-ratio:444/390}.series-partnership h2{font-size:32px}}
@media(min-width:901px) and (max-width:980px){.collection-detail .series-header{gap:16px}.series-header nav{gap:16px}.series-header .button{padding:0 24px}}
@media(min-width:1201px) and (max-width:1350px){.series-header nav{gap:20px}.series-header .phone{font-size:18px}.series-header .button{padding:0 24px}.series-about,.series-materials{gap:32px}.series-feature>div{padding:12px}}
@media(min-width:701px) and (max-width:900px){.collection-detail{--series-gutter:32px}.series-header .header-contact{margin-left:auto}.series-models{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.series-model{padding:12px;gap:20px}.series-model h3{font-size:22px}.series-model p{font-size:12px}.series-about{grid-template-columns:1fr;gap:28px}.series-about-photo{max-height:420px}.series-feature h3{font-size:22px}.series-partnership{padding-left:32px;padding-right:32px}.series-partnership h2{font-size:28px}}
@media(max-width:700px){.collection-detail{--series-gutter:20px}.series-hero{height:330px}.series-shade{width:100%}.collection-detail .series-header{height:71px;padding:8px 16px}.series-hero-copy{top:108px;left:20px;right:20px}.series-hero-copy p{font-size:18px}.series-hero-copy h1{font-size:clamp(42px,14.444vw,64px);margin-top:4px}.series-anchors{top:258px;left:20px;right:20px;gap:7px}.series-anchors a{font-size:10px;padding:14px clamp(12px,4.167vw,20px);white-space:nowrap}.series-section{padding:44px 20px}.series-section h2{font-size:28px;line-height:1.15}.series-products>h2{margin-bottom:32px}.series-models{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 10px;align-items:stretch}.series-model{padding:10px;border-radius:12px;min-height:337px;justify-content:space-between;gap:18px}.series-model h3{font-size:18px;line-height:normal;text-box-trim:none}.series-model p{font-size:10px;line-height:1.19}.finish-selector{gap:4px;min-height:19px}.finish-option{min-height:19px;font-size:8px;padding:3px 0}.finish-option i{--finish-diameter:13px}.finish-option[aria-pressed=true]{padding-left:6px;gap:7px;order:-1}.series-specs{display:block}.series-specs h2{margin-bottom:24px}.series-spec-grid{gap:12px;font-size:11px}.series-spec-grid>div{min-height:49px;gap:8px;padding:10px 12px}.series-spec-grid img{width:20px;height:20px}.series-about,.series-materials{grid-template-columns:1fr;gap:24px}.series-copy{gap:24px}.series-copy>p{font-size:16px}.series-copy>p+p{margin-top:0}.series-features>h2{margin-bottom:24px}.series-feature-grid{grid-template-columns:1fr;gap:16px}.series-feature{display:grid;grid-template-columns:104px minmax(0,1fr);gap:23px;align-items:center;min-height:0;padding:12px 21px 12px 12px}.series-feature>img{width:104px;height:104px;aspect-ratio:1;object-fit:cover}.series-feature>div{padding:0;gap:8px}.series-feature h3{font-size:14px;line-height:1.15;text-box-trim:none}.series-feature p{font-size:11px;line-height:1.22}.series-partnership{display:flex;flex-direction:column;gap:28px;align-items:stretch}.series-partnership>img{order:-1;height:auto;aspect-ratio:320/240}.series-partnership .series-copy{gap:20px}.series-partnership .series-copy p{font-size:13px}.series-partnership .badge{font-size:10px}.series-partnership .button{font-size:12px}.series-diagram{width:100%}}
@media(max-width:350px){.series-feature{grid-template-columns:86px minmax(0,1fr);gap:14px;padding-right:12px}.series-feature>img{width:86px;height:100px}.series-anchors{gap:5px}.series-anchors a{font-size:9px;padding-left:12px;padding-right:12px}.series-model h3{font-size:16px}}
@media(prefers-reduced-motion:reduce){.finish-option,.finish-name,.series-model-photo img,.series-anchors a{transition:none}}
/* The mobile artboard keeps the door in view and uses compact section tabs. */
.series-header .menu-toggle img{filter:none}
@media(max-width:700px){.series-hero-photo{object-position:88.8% center}.series-anchors a{display:flex;align-items:center;justify-content:center;height:21px;padding:0 clamp(8px,calc(10vw - 24px),12px);font-size:10px;text-box-trim:none}.series-anchors a:after{content:"";position:absolute;top:-10px;bottom:-10px;width:inherit}}
@media(max-width:700px){.series-anchors a{position:relative}.series-anchors a:after{inset:-10px 0;width:auto}}
/* Keep models in the same row aligned when their names take different line counts. */
.series-models{align-items:stretch}
/* Neutral door silhouette denotes a missing photograph, never an invented finish. */
.door-placeholder{position:absolute;top:7.02%;left:26.35%;width:47.3%;height:92.98%;display:flex;align-items:center;justify-content:center;padding:8px;border:5px solid #ddd9d4;background:linear-gradient(100deg,#f2efeb,#e8e4df);box-shadow:inset 0 0 0 1px #cec8c0;color:#81776b;font:12px/1.2 var(--body);text-align:center}
.door-placeholder:before{content:'';position:absolute;inset:7px;border:1px solid #d6d0c8;pointer-events:none}.door-placeholder:after{content:'';position:absolute;left:8%;top:52%;width:13%;height:3px;background:#a99e90;border-radius:2px}.door-placeholder>span{padding:4px;background:#f2efeb;z-index:1}
.series-model-photo img[hidden],.door-placeholder[hidden],.model-preview>img[hidden]{display:none}
.model-preview>.door-placeholder{position:relative;inset:auto;width:180px;height:min(50dvh,380px);margin:0 auto 24px;font-size:16px}
@media(max-width:700px){.series-model-photo .door-placeholder{border-width:3px;padding:2px;font-size:9px}.door-placeholder:before{inset:4px}.door-placeholder>span{padding:3px 1px}.finish-selector{row-gap:3px}}
/* Nine catalog finishes, including the expanded “Шелл грей” label, need 302px. */
@media(min-width:701px){
 .series-models{grid-template-columns:repeat(2,minmax(0,1fr))}
 .finish-selector{flex-wrap:nowrap}
 .finish-option{flex:0 0 auto}
}
@media(min-width:1180px){.series-models{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1540px){.series-models{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:701px) and (max-width:767px){
 .finish-selector{gap:3px}
 .finish-option i{--finish-diameter:20px}
}
/* Release the previous label before expanding the next one, avoiding transient overflow. */
@media(min-width:701px){.finish-option:not([aria-pressed=true]) .finish-name{transition:none}}
/* Mobile finishes: swipeable strip with edge fades that reflect remaining colors. */
@media(max-width:700px){
 .finish-selector{flex-wrap:nowrap;gap:4px;width:100%;min-width:0;height:28px;min-height:28px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;scroll-padding-inline:16px;touch-action:pan-x pan-y;--fade-left:0px;--fade-right:0px;mask-image:linear-gradient(to right,transparent,#000 var(--fade-left),#000 calc(100% - var(--fade-right)),transparent)}
 .finish-selector::-webkit-scrollbar{display:none}
 .finish-option{flex:0 0 auto;min-width:22px;min-height:28px;padding:3px 0;font-size:10px;justify-content:center;transition:background .2s}
 .finish-option i{--finish-diameter:22px}
 .finish-option[aria-pressed=true]{order:0;padding:3px 3px 3px 10px;gap:7px}
 .finish-name{transition:none}
 .finish-option:focus-visible{outline-offset:-2px}
}
/* Figma's trimmed capital height, centered independently of font line metrics. */
@media(max-width:700px){
 .series-anchors a{flex-shrink:0;height:21px;line-height:normal}
 .series-anchors .anchor-label{display:block;line-height:normal;text-box-trim:trim-both;text-box-edge:cap alphabetic;opacity:.9}
}

.series-about-video{position:relative;overflow:hidden;background:var(--card);min-width:0}
.series-about-video video{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;border-radius:inherit}
.series-video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#ffffffd9;color:var(--accent);font-size:22px}
.series-video-play span{transform:translateX(2px)}
.series-video-play[hidden]{display:none}
.series-video-play:hover{background:#fff}
@media(max-width:700px){.series-video-play{width:52px;height:52px;font-size:18px}}