/*
 * Roof reference adaptation, 22 October 2026.
 * Scope: homepage sections after cinema + public inner pages.
 * Keeps existing Özmaris palette and CMS content; never targets .cinema-track.
 * Reference principles: strong sans headings, contained surfaces, rounded media,
 * compact solid actions, deliberate card grids and quiet supporting labels.
 */
.premium-home{
 --roof-paper:#f2f0eb;--roof-stone:#eae7e0;--roof-deep:#e1ddd3;
 --roof-ink:#30342f;--roof-dark:#292e27;--roof-muted:#62695d;
 --roof-bronze:#786b55;--roof-line:#c8c2b6;
 --roof-radius:22px;--roof-card:16px;--roof-gap:24px;
}
/* Use DM Sans as an Özmaris-specific interpretation of Roof's Onest/Inter. */
.premium-home.product-page h1,.premium-home.product-page h2,.premium-home.product-page h3,
.premium-home.product-page .ab h1,.premium-home.product-page .ab h2,.premium-home.product-page .ab h3,
.premium-home.product-page .ct h1,.premium-home.product-page .ct h2,.premium-home.product-page .ct h3,
.premium-home>.system-gallery h2,.premium-home>.system-gallery h3,
.premium-home>.premium-heritage h2,.premium-home>.premium-projects h2,
.premium-home>.premium-projects h3,.premium-home>.premium-contact h2{
 font-family:'DM Sans',Arial,sans-serif;font-weight:600;letter-spacing:-.045em;
}
.premium-home.product-page h1{font-size:clamp(38px,4.4vw,64px);line-height:1.1}
.premium-home.product-page h2,
.premium-home>.system-gallery h2,.premium-home>.premium-heritage h2,
.premium-home>.premium-projects h2,.premium-home>.premium-contact h2{
 font-size:clamp(30px,3.1vw,46px);line-height:1.16;
}
.premium-home.product-page h3,.premium-home>.premium-projects h3{font-size:24px;line-height:1.3}
.premium-home.product-page h1 em,.premium-home.product-page h2 em,
.premium-home>.system-gallery h2 em{font-style:normal}
.premium-home.product-page .premium-eyebrow,
.premium-home>.system-gallery .premium-eyebrow,
.premium-home>.premium-heritage .premium-eyebrow,
.premium-home>.premium-projects .premium-eyebrow,
.premium-home>.premium-contact .premium-eyebrow{
 font-size:13px;letter-spacing:.06em;font-weight:500;line-height:1.5;
}
.premium-home.product-page .premium-link,
.premium-home>.system-gallery .system-detail-primary,
.premium-home>.premium-heritage .premium-link,
.premium-home>.premium-projects .premium-link,
.premium-home>.premium-contact .premium-contact-copy>a,
.premium-home.product-page .system-detail-primary,
.premium-home.product-page .ct-button{
 display:inline-flex;align-items:center;justify-content:center;gap:18px;
 min-height:48px;padding:13px 22px;border:0;border-radius:9px;
 background:var(--roof-dark);color:var(--roof-paper);
 font-family:'DM Sans',Arial,sans-serif;font-size:15px;font-weight:500;
 line-height:1.4;text-decoration:none;white-space:normal;
}
.premium-home.product-page .premium-link:hover,
.premium-home.product-page .system-detail-primary:hover,
.premium-home>.system-gallery .system-detail-primary:hover{
 background:var(--roof-ink);
}
/* Homepage: four systems, expressed as a coherent collection of product cards. */
.premium-home>.system-gallery{padding-top:85px;padding-bottom:75px;background:var(--roof-stone)}
.system-gallery-heading{align-items:center;gap:40px;margin-bottom:35px}
.system-gallery-heading>div:first-child{max-width:620px}
.system-gallery-heading .premium-eyebrow{margin-bottom:18px}
.system-gallery-intro{max-width:320px}
.system-collection{gap:18px;margin-top:0}
.system-study{background:var(--roof-paper);border:1px solid var(--roof-line);border-radius:var(--roof-card);padding:22px 16px 25px;overflow:hidden;transition:border-color .25s,transform .25s}
.system-study:after{display:none}
.system-study:hover,.system-study[aria-expanded=true]{border-color:var(--roof-bronze)}
.system-study-image{margin:0 -8px 15px;aspect-ratio:1.1}
.system-study-label{justify-content:center}
.premium-home .system-study-name{font-family:'DM Sans',Arial,sans-serif;font-size:21px;font-weight:600;letter-spacing:-.035em}
.system-gallery-foot{margin-top:22px}
.system-gallery-details{margin-top:28px}
.system-detail{background:var(--roof-paper);border-radius:var(--roof-radius);padding:20px 32px 32px;column-gap:6%;row-gap:10px;overflow:hidden}
.system-detail-topline{padding:0;margin:0}
.system-detail-copy{padding-top:0}
.premium-home .system-detail-copy h3{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(28px,3vw,40px);font-weight:600;line-height:1.15;letter-spacing:-.04em}
.system-detail-photo{border-radius:14px;height:440px}
.system-detail-links{gap:20px}
/* Experience block: photograph and an inset factual badge, not a giant statistic. */
.premium-home>.premium-heritage{background:var(--roof-paper);color:var(--roof-ink);padding-top:90px;padding-bottom:90px;grid-template-columns:1fr 1fr;align-items:center;gap:8%}
.roof-heritage-media{position:relative;min-width:0;height:480px;border-radius:var(--roof-radius);overflow:hidden;background:var(--roof-deep)}
.roof-heritage-media>img{width:100%;height:100%;object-fit:cover}
.roof-heritage-media .premium-years{position:absolute;bottom:24px;left:24px;background:var(--roof-stone);padding:20px 25px;border-radius:12px;min-width:170px}
.roof-heritage-media .premium-years>span{font-family:'DM Sans',Arial,sans-serif;font-size:42px;font-weight:600;letter-spacing:-.05em;line-height:1.1;margin:0}
.roof-heritage-media .premium-years>p{margin:8px 0 0;font-size:13px;color:var(--roof-muted);letter-spacing:.04em}
.premium-heritage-copy>.premium-eyebrow{color:var(--roof-bronze);margin-bottom:20px}
.premium-home .premium-heritage-copy>p:not(.premium-eyebrow){color:var(--roof-muted);max-width:440px;margin:24px 0 28px}
/* Projects remain gallery triggers with larger, rounded photographic surfaces. */
.premium-home>.premium-projects{background:var(--roof-dark);color:var(--roof-paper);margin:0 18px;border-radius:var(--roof-radius);padding:75px max(24px,calc(var(--premium-gutter) - 18px))}
.premium-projects .premium-section-head{align-items:flex-end;margin-bottom:36px}
.premium-projects .premium-section-head h2 span{color:#b9bcb0}
.premium-projects .premium-eyebrow{color:#b9bcb0;margin-bottom:18px}
.premium-home>.premium-projects .premium-link{background:var(--roof-stone);color:var(--roof-ink);flex-shrink:0}
.premium-project-grid{gap:26px}
.premium-project-photo{border-radius:16px;overflow:hidden}
.premium-project-info{padding-top:21px;gap:16px}
.premium-home .premium-project-info h3{font-size:24px}
.premium-home .premium-project-info p,.premium-home .premium-project-info>span{color:#b9bcb0;font-size:14px}
.premium-project-info>span{border:1px solid #b9bcb060;border-radius:30px;padding:6px 11px}
/* Invitation as a contained photo banner. */
.premium-contact-scene{margin:70px 18px 0;border-radius:var(--roof-radius);overflow:hidden;height:460px;min-height:0}
.premium-contact-copy{top:65px}
.premium-home>.premium-contact .premium-contact-copy>a{background:var(--roof-stone);color:var(--roof-ink)}
.premium-contact-copy h2{max-width:660px;margin:20px 0 28px}
.premium-contact-meta{font-size:14px;bottom:28px}
.premium-footer{padding-top:35px;padding-bottom:35px}
/* Inner openings: consistent constrained content and strong, calm headings. */
.product-page{background:var(--roof-stone)}
.inner-heading{margin:28px 18px 0;padding:62px max(24px,calc(var(--premium-gutter) - 18px));border-radius:var(--roof-radius);background:var(--roof-deep);text-align:center}
.inner-heading>p:last-child{margin:22px auto 0;max-width:620px}
.inner-heading>.premium-eyebrow{margin-bottom:20px}
.inner-wide-image{border-radius:var(--roof-radius);margin-top:28px}
.inner-section{padding-top:75px;padding-bottom:75px}
.inner-invitation{background:var(--roof-deep);border:0;border-radius:var(--roof-radius);margin:25px 18px 40px;padding:60px 24px}
.inner-invitation .premium-eyebrow{margin-bottom:20px}
.inner-invitation .system-detail-primary{margin-top:28px}
.inner-footer{margin:0 18px 18px;border-radius:var(--roof-radius);padding:50px max(24px,calc(var(--premium-gutter) - 18px))}
.inner-footer .premium-brand{color:var(--roof-paper)}
/* Systems index / system details. */
.systems-index{padding-top:40px;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}
.systems-index-item{padding:28px;background:var(--roof-paper);border-radius:var(--roof-card);border:1px solid var(--roof-line)}
.systems-index-item>div{aspect-ratio:1.6}
.premium-home .systems-index-item h2{font-size:26px;padding:15px 0;border:0}
.systems-index-item>p{margin-top:0;max-width:none}
.product-opening{padding-top:36px}
.product-heading{padding:30px 0 40px;gap:50px}
.premium-home.product-page .product-heading h1{font-size:clamp(38px,4.4vw,64px);line-height:1.1}
.product-heading .premium-eyebrow{margin-bottom:20px}
.product-main-photo{border-radius:var(--roof-radius);height:clamp(360px,42vw,620px)}
.product-main-photo figcaption{padding:14px 20px;left:22px;right:auto;bottom:22px;background:var(--roof-paper);color:var(--roof-ink);border-radius:10px;gap:28px;font-family:'DM Sans',Arial,sans-serif;font-size:21px;font-weight:600}
.product-main-photo figcaption>span{display:none}
.product-story{padding-top:80px;padding-bottom:80px;gap:8%}
.product-features{display:grid;gap:14px}
.product-features article{border:1px solid var(--roof-line);border-radius:14px;background:var(--roof-paper);padding:24px}
.premium-home .product-features h3{font-size:22px}
.product-movement{margin:0 18px;border-radius:var(--roof-radius);padding:50px max(24px,calc(var(--premium-gutter) - 18px))}
.product-object{background:var(--roof-paper);border-radius:var(--roof-card);padding:20px}
.product-consultation{padding:80px var(--premium-gutter)}
.product-others{margin:0 18px 24px;border-radius:var(--roof-radius)}
.premium-home .product-others-grid a>span{font-family:'DM Sans',Arial,sans-serif;font-size:22px;font-weight:500}
.product-others-grid img{border-radius:14px;background:var(--roof-stone);margin-bottom:20px;padding:15px}
.product-others-grid a>span{border:0}
/* About: photo cards, restrained figures and story tiles. */
.ab-open{padding-top:65px;padding-bottom:65px;gap:6%}
.premium-home.product-page .ab .ab-open h1{font-size:clamp(38px,4.4vw,64px);line-height:1.1}
.ab figure{border-radius:var(--roof-card)}
.ab-open-main{border-radius:var(--roof-radius)}
.ab-stats{padding-bottom:65px}
.ab-stats dl{border:0;gap:16px}
.ab-stat,.ab-stat+.ab-stat{background:var(--roof-deep);border:0;padding:25px;border-radius:var(--roof-card)}
.ab-stat-value{font-family:'DM Sans',Arial,sans-serif;font-size:42px;font-weight:600;letter-spacing:-.05em}
.ab-story{margin:0 18px;border-radius:var(--roof-radius);padding:65px max(24px,calc(var(--premium-gutter) - 18px));grid-template-columns:1fr;gap:35px}
.ab-story-head h2{max-width:600px}
.ab-story-steps{gap:20px}
.ab-story-steps li{border:1px solid #ffffff24;border-radius:var(--roof-card);padding:25px}
.ab-story-steps li:before{display:none}
.premium-home.product-page .ab .ab-story h3{font-size:24px}
.ab-process{padding-top:75px;padding-bottom:75px;background:var(--roof-paper)}
.ab-process-head{margin-bottom:35px}
.ab-process-list{gap:20px}
.ab-process-step{padding:14px 14px 24px;border:1px solid var(--roof-line);border-radius:var(--roof-card);background:var(--roof-stone)}
.ab-process-step figure{aspect-ratio:1.3;margin-bottom:20px;border-radius:10px}
.premium-home.product-page .ab .ab-process h3{font-size:22px}
.ab-process-num{display:inline-flex;padding:4px 10px;background:var(--roof-deep);border-radius:30px}
.ab-places{padding-top:75px;padding-bottom:75px;gap:8%}
.ab-places-list{border:0}
.ab-places-list li{background:var(--roof-paper);padding:0 20px;border-radius:12px;margin-bottom:10px}
.ab-places-list a,.ab-place-row{border:0}
.ab-place-name{font-family:'DM Sans',Arial,sans-serif;font-size:22px;font-weight:500}
.ab-systems{border:0;padding-top:65px;padding-bottom:65px;background:var(--roof-deep)}
.ab-systems-list{border:0}
.ab-systems-list a{font-family:'DM Sans',Arial,sans-serif;font-size:24px;font-weight:500}
/* Projects: the existing photo gallery data remains intact. */
.pj-page{padding-top:28px}
.pj{margin:0 var(--premium-gutter) 45px;padding:32px;background:var(--roof-paper);border:1px solid var(--roof-line);border-radius:var(--roof-radius)}
.pj-visually-hidden+.pj,.pj:not(.pj--dark)+.pj:not(.pj--dark){padding-top:32px}
.pj:not(.pj--dark)+.pj:not(.pj--dark)>.pj-head{padding-top:0;border-top:0}
.pj-head{gap:20px;padding-bottom:0;margin-bottom:28px}
.premium-home.product-page .pj-head h2{font-size:32px;letter-spacing:-.04em}
.pj-num{font-family:'DM Sans',Arial,sans-serif;font-size:16px;font-weight:500;border-radius:30px;padding:6px 11px;background:var(--roof-deep);align-self:start}
.pj-photo{border-radius:14px;overflow:hidden}
.pj-facts{gap:24px}
.pj-foot{padding-top:24px}
.pj-gallery-link{border-radius:9px;background:var(--roof-dark);color:var(--roof-paper);padding:13px 18px;border:0;min-height:48px}
.pj--dark{background:var(--roof-dark);color:var(--roof-paper)}
.pj--dark .pj-gallery-link{background:var(--roof-stone);color:var(--roof-ink)}
.pj--dark .pj-num{color:var(--roof-ink)}
.project-gallery{border-radius:18px}
.premium-home .project-gallery h2{font-family:'DM Sans',Arial,sans-serif;font-size:24px;font-weight:500;letter-spacing:-.03em}
/* Contact: Roof-inspired form surface, preserving the complete existing form. */
.ct-hero{height:auto;min-height:0;display:grid;grid-template-columns:1.2fr 1fr;gap:6%;padding:65px var(--premium-gutter) 55px}
.ct-hero-copy{padding:0}
.premium-home.product-page .ct .ct-hero h1{font-size:clamp(38px,4.4vw,64px);line-height:1.1;letter-spacing:-.045em;margin-bottom:25px}
.ct-hero-copy .premium-eyebrow{margin-bottom:20px}
.premium-home.product-page .ct .ct-hero-lead{font-size:16px;margin-bottom:28px;max-width:44ch}
.ct-hero-figure{height:360px}
.ct-hero-photo{border-radius:var(--roof-radius)}
.ct-hero-figure figcaption{display:none}
.ct-brief{margin:0 18px;padding:55px max(24px,calc(var(--premium-gutter) - 18px));background:var(--roof-dark);color:var(--roof-paper);border-radius:var(--roof-radius);gap:7%;grid-template-columns:.85fr 1.3fr}
.ct-brief-intro{position:static;padding-top:25px}
.ct-brief .premium-eyebrow{color:#cbbfa6}
.premium-home.product-page .ct .ct-brief h2{font-size:clamp(30px,3.1vw,46px);line-height:1.16}
.ct-brief h2 em{color:#b9bcb0}
.premium-home.product-page .ct .ct-brief-intro p:not(.premium-eyebrow){color:#b9bcb0}
.ct-quick{border-color:#ffffff24}
.ct-quick a{color:var(--roof-paper)}
.ct-brief .ct-quick>span{color:#b9bcb0}
.ct-brief-detail{width:100%;max-width:350px;margin-top:28px;border-radius:14px;overflow:hidden}
.ct-brief-detail figcaption{color:#b9bcb0}
.ct-brief-body{min-width:0;background:var(--roof-paper);color:var(--roof-ink);border-radius:var(--roof-card);padding:30px}
.ct-fields{gap:23px 20px}
.ct-field>label,.ct-field>legend{margin-bottom:9px;font-size:14px}
.ct-field input:not([type=radio]),.ct-field textarea{padding:13px 14px;border:1px solid var(--roof-line);background:var(--roof-stone);border-radius:9px;min-height:50px}
.ct-field textarea{min-height:130px}
.ct-system span{border-radius:8px;background:var(--roof-stone);font-size:14px}
.ct-system input:checked+span{background:var(--roof-dark);color:var(--roof-paper)}
.ct-system input:checked+span:before{background:var(--roof-paper)}
.ct-submit{gap:20px}
.ct-submit .ct-button{min-height:48px;padding:14px 20px;gap:18px}
.ct-success{padding:15px}
.ct-visit{padding-top:75px;padding-bottom:75px;gap:8%}
.ct-map{border-radius:var(--roof-radius);overflow:hidden}
.ct-visit address{font-size:16px}
@media(max-width:1050px){
 .system-collection{grid-template-columns:repeat(2,minmax(0,1fr))}
 .system-study-image{aspect-ratio:1.35;max-height:300px}
 .premium-home>.premium-heritage{gap:6%}
 .roof-heritage-media{height:430px}
 .ab-stat,.ab-stat+.ab-stat{padding:22px}
 .ct-brief{grid-template-columns:1fr;gap:30px}
 .ct-brief-intro{padding-top:0}
 .ct-brief-detail{display:none}
 .ct-quick{flex-wrap:wrap}
}
@media(max-width:700px){
 .premium-home.product-page h1,.premium-home.product-page .product-heading h1,
 .premium-home.product-page .ab .ab-open h1,.premium-home.product-page .ct .ct-hero h1{font-size:36px;line-height:1.12}
 .premium-home.product-page h2,.premium-home>.system-gallery h2,
 .premium-home>.premium-heritage h2,.premium-home>.premium-projects h2,
 .premium-home>.premium-contact h2{font-size:29px;line-height:1.2}
 .premium-home>.system-gallery{padding-top:50px;padding-bottom:45px}
 .system-gallery-heading{margin-bottom:28px}
 .system-gallery-intro{margin-top:20px}
 .system-study{padding:16px 10px 20px}
 .system-study-image{aspect-ratio:1;margin-bottom:10px}
 .premium-home .system-study-name{font-size:18px}
 .system-collection{gap:12px}
 .system-detail{padding:12px 18px 25px;gap:15px}
 .system-detail-photo{height:280px}
 .premium-home .system-detail-copy h3{font-size:28px}
 .premium-home>.premium-heritage{grid-template-columns:1fr;padding-top:50px;padding-bottom:50px;gap:30px}
 .roof-heritage-media{height:350px}
 .roof-heritage-media .premium-years{left:18px;bottom:18px;padding:16px 22px}
 .roof-heritage-media .premium-years>span{font-size:36px}
 .premium-home>.premium-projects{margin:0 10px;padding:40px 18px;border-radius:18px}
 .premium-projects .premium-section-head{display:block;margin-bottom:28px}
 .premium-projects .premium-section-head>.premium-link{margin-top:22px}
 .premium-project-grid{gap:30px}
 .premium-project-info{flex-wrap:wrap;gap:12px}
 .premium-home .premium-project-info h3{font-size:22px}
 .premium-contact-scene{margin:40px 10px 0;height:430px;border-radius:18px}
 .premium-contact-copy{top:40px;left:22px;right:22px}
 .premium-contact-meta{left:22px;right:22px}
 .premium-footer{padding-top:25px;padding-bottom:30px}
 .inner-heading{margin:18px 10px 0;padding:40px 20px}
 .inner-wide-image{margin-top:20px;height:330px}
 .inner-section{padding-top:45px;padding-bottom:45px}
 .inner-footer{margin:0 10px 10px;padding:35px 24px;gap:30px}
 .inner-invitation{margin:15px 10px 25px;padding:40px 20px}
 .systems-index{gap:16px;padding-top:25px}
 .systems-index-item{padding:16px}
 .systems-index-item>div{aspect-ratio:1.1}
 .premium-home .systems-index-item h2{font-size:20px;gap:6px}
 .product-opening{padding-top:15px}
 .product-heading{padding:25px 0 30px}
 .product-heading-copy{margin-top:25px}
 .product-main-photo{height:350px;border-radius:16px}
 .product-main-photo figcaption{font-size:17px;left:15px;bottom:15px}
 .product-story{padding-top:45px;padding-bottom:45px;gap:28px}
 .product-features article{padding:20px}
 .product-movement{margin:0 10px;padding:25px 20px 35px}
 .product-consultation{padding-top:50px;padding-bottom:50px}
 .product-others{margin:0 10px 20px;padding:35px 22px}
 .product-others-heading{display:block}
 .product-others-grid{gap:20px}
 .product-others-grid img{margin-bottom:0}
 .premium-home .product-others-grid a>span{font-size:20px}
 .ab-open{padding-top:40px;padding-bottom:40px;gap:30px}
 .ab-stats{padding-bottom:40px}
 .ab-stats dl{gap:12px}
 .ab-stat,.ab-stat+.ab-stat{padding:18px;border:0}
 .ab-stat-value{font-size:32px}
 .ab-story{margin:0 10px;padding:35px 22px;gap:28px}
 .ab-story-steps{gap:15px}
 .ab-story-steps li{padding:20px}
 .ab-process,.ab-places,.ab-systems{padding-top:45px;padding-bottom:45px}
 .ab-process-list{gap:16px}
 .ab-process-step{padding:10px 10px 20px}
 .premium-home.product-page .ab .ab-process h3{font-size:20px}
 .ab-place-name{font-size:20px}
 .ab-systems-list a{font-size:21px}
 .pj-page{padding-top:20px}
 .pj{margin:0 14px 24px;padding:20px}
 .pj-visually-hidden+.pj,.pj:not(.pj--dark)+.pj:not(.pj--dark){padding-top:20px}
 .pj-head{padding-bottom:0;margin-bottom:22px}
 .pj-lead,.pj--mirror .pj-lead{width:100%;margin:0}
 .premium-home.product-page .pj-head h2{font-size:27px}
 .pj-photo{border-radius:12px}
 .pj-foot{gap:20px}
 .ct-hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:35px;gap:28px}
 .ct-hero-copy{padding:0}
 .ct-hero-figure{height:270px}
 .ct-brief{margin:0 10px;padding:30px 18px}
 .ct-brief-body{padding:22px 18px}
 .ct-fields{gap:20px}
 .premium-home.product-page .ct .ct-brief h2{font-size:29px}
 .ct-visit{padding-top:45px;padding-bottom:45px;gap:28px}
}
@media(prefers-reduced-motion:reduce){
 .system-study,.systems-index-item img{transition:none}
}

/* Decorative numbering removed: let names and project facts occupy the header. */
.pj-head{grid-template-columns:minmax(0,1fr) auto}
.ab-places-list a,.ab-place-row{grid-template-columns:minmax(0,1fr) auto}
@media(max-width:1000px){.pj-head{grid-template-columns:1fr}.pj-facts{grid-column:1}}

/* Compact collection stage: products slide across a shallow architectural plinth. */
.premium-home>.system-gallery{padding-top:65px;padding-bottom:55px}
.system-gallery-heading{margin-bottom:28px}
.system-carousel{position:relative;border-radius:22px;background:radial-gradient(ellipse at 50% 36%,#f2f0eb 0%,#e1ddd3 75%);border:1px solid #c8c2b680;overflow:hidden}
.system-carousel:before{content:"";position:absolute;top:280px;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,#786b5545,transparent);pointer-events:none}
.system-carousel .system-collection{display:flex;position:relative;align-items:center;gap:22px;margin:0;padding:22px calc(50% - 150px) 12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;cursor:grab;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.system-carousel .system-collection::-webkit-scrollbar{display:none}
.system-carousel .system-study{--card-distance:1;flex:0 0 300px;width:300px;padding:10px 12px 18px;margin:0;border:0;border-radius:18px;background:transparent;scroll-snap-align:center;transform:scale(calc(1 - var(--card-distance)*.12));opacity:calc(1 - var(--card-distance)*.26);transition:opacity .35s,transform .35s,background .35s;user-select:none;text-align:center}
.system-carousel .system-study.is-current{background:#f2f0eb80}
.system-carousel .system-study-image{aspect-ratio:auto;height:235px;max-height:none;margin:0 0 15px}
.system-carousel .system-study-image img{pointer-events:none;-webkit-user-drag:none;transform:none!important;filter:drop-shadow(0 12px 9px #30342f14)}
.system-carousel .system-study-image:before{display:none}
.system-carousel .system-study-label{position:relative;justify-content:center;padding-bottom:13px}
.system-carousel .system-study-label:after{content:"";position:absolute;bottom:0;left:calc(50% - 16px);width:32px;height:2px;background:var(--roof-bronze);transform:scaleX(0);transition:transform .4s}
.system-carousel .is-current .system-study-label:after{transform:scaleX(1)}
.premium-home .system-carousel .system-study-name{font-size:22px}
.system-carousel .system-study:focus-visible{outline:2px solid var(--roof-bronze);outline-offset:-3px}
.system-carousel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:8px 32px 0;padding:20px 0 22px;border-top:1px solid #c8c2b680}
.system-carousel-navigation{display:flex;align-items:center;gap:18px}
.system-carousel-navigation>button{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--roof-line);border-radius:50%;background:var(--roof-paper);color:var(--roof-ink);cursor:pointer;transition:background .2s,color .2s}
.system-carousel-navigation>button:hover:not(:disabled){background:var(--roof-dark);color:var(--roof-paper)}
.system-carousel-navigation>button:disabled{opacity:.3;cursor:default}
.system-carousel-navigation>[data-carousel-prev] svg{transform:rotate(180deg)}
.system-carousel-dots{display:flex;gap:3px;align-items:center}
.system-carousel-dots button{display:grid;place-items:center;width:26px;height:36px;cursor:pointer}
.system-carousel-dots button span{display:block;width:5px;height:5px;border-radius:5px;background:var(--roof-bronze);opacity:.35;transition:width .35s,opacity .35s}
.system-carousel-dots button[aria-current=true] span{width:23px;opacity:1}
.system-carousel-discover{display:flex;align-items:center;gap:25px;padding:12px 18px;min-height:46px;border-radius:9px;background:var(--roof-dark);color:var(--roof-paper);font-size:14px;font-weight:500;cursor:pointer}
.system-carousel-discover svg{transition:transform .3s}
.system-carousel-discover:hover svg{transform:rotate(90deg)}
.system-carousel-toolbar button:focus-visible{outline:2px solid var(--roof-bronze);outline-offset:4px}
.system-carousel-status{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.system-carousel .is-dragging{scroll-snap-type:none;cursor:grabbing}
.system-carousel .is-dragging .system-study{cursor:grabbing;transition:none}
@media(max-width:700px){
 .premium-home>.system-gallery{padding-top:45px;padding-bottom:40px}
 .system-carousel{margin:0 -8px;border-radius:18px}
 .system-carousel .system-collection{padding:20px calc(50% - 113px) 8px;gap:14px;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
 .system-carousel .system-study{width:226px;flex-basis:226px;padding:6px 6px 12px}
 .system-carousel .system-study-image{height:190px;margin-bottom:12px}
 .premium-home .system-carousel .system-study-name{font-size:20px}
 .system-carousel:before{top:225px;left:5%;right:5%}
 .system-carousel-toolbar{margin:4px 16px 0;padding:16px 0;flex-direction:column;gap:16px}
 .system-carousel-navigation{width:100%;justify-content:space-between;gap:8px}
 .system-carousel-discover{width:100%;justify-content:space-between;padding:12px 16px}
}
@media(prefers-reduced-motion:reduce){
 .system-carousel .system-study,.system-carousel .system-study-label:after,.system-carousel-dots button span,.system-carousel-discover svg{transition:none}
}

/* Full-width product stage; headings and details retain the shared content gutter. */
.premium-home>.system-gallery .system-carousel{
 width:calc(100% + 2 * var(--premium-gutter));max-width:none;margin-left:calc(-1 * var(--premium-gutter));margin-right:calc(-1 * var(--premium-gutter));
 border-radius:0;border-left:0;border-right:0;
}
.system-carousel-toolbar{margin-left:var(--premium-gutter);margin-right:var(--premium-gutter)}

/* Minimal centered carousel controls, without the two stage rules. */
.system-carousel:before{display:none}
.system-carousel-toolbar{justify-content:center;border-top:0}
.system-carousel-navigation{width:auto;justify-content:center;gap:18px}
.system-carousel [data-carousel-autoplay]{margin-left:4px;background:transparent}
.system-carousel [data-carousel-autoplay] span{display:flex}
.system-carousel [data-carousel-autoplay] [hidden]{display:none}
@media(max-width:700px){.system-carousel-navigation{gap:10px}.system-carousel-dots{gap:0}.system-carousel-dots button{width:23px}}
.premium-home>.system-gallery .system-carousel{border:0}

.system-carousel a.system-study{color:inherit;text-decoration:none}

/* Carousel meets the next section directly, without a colored spacer strip. */
.premium-home>.system-gallery{padding-bottom:0}

/* Photographic systems menu, sharing the hero image of each product page. */
.site-header-item{position:static}
.site-header .site-header-sub{top:100%;left:var(--premium-gutter);right:var(--premium-gutter);min-width:0;padding:24px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;border-radius:0 0 18px 18px;background:var(--roof-paper);box-shadow:0 22px 40px -24px #20211f60}
.site-header .site-header-sub:before{top:-24px;height:24px}
.site-header .site-header-sub a{padding:0;border-radius:12px;background:transparent;color:var(--roof-ink)}
.site-header-sub-photo{display:block;aspect-ratio:1.45;overflow:hidden;border-radius:10px;background:var(--roof-deep)}
.site-header-sub-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.site-header-sub-name{display:block;padding:13px 0 4px;font-size:14px;font-weight:500;line-height:1.4}
.site-header .site-header-sub a:hover img,.site-header .site-header-sub a:focus-visible img{transform:scale(1.06)}
.site-header .site-header-sub a[aria-current=page] .site-header-sub-name{color:var(--roof-bronze)}
@media(max-width:1050px){.site-header .site-header-sub{left:20px;right:20px;gap:12px;padding:18px}.site-header-sub-name{font-size:13px}}

/* The shared infinite carousel on product pages retains its olive surface. */
.premium-home .product-others{overflow:hidden;padding-left:var(--premium-gutter);padding-right:var(--premium-gutter)}
.product-others .product-others-heading{margin-bottom:24px}
.product-others .system-carousel{--roof-ink:#f2f0eb;--roof-bronze:#cbbfa6;--roof-line:#717567;background:transparent;border:0;border-radius:0;width:calc(100% + 2 * var(--premium-gutter));margin-left:calc(-1 * var(--premium-gutter));margin-right:calc(-1 * var(--premium-gutter))}
.product-others .system-carousel .system-study.is-current{background:#ffffff09}
.product-others .system-carousel .system-study{color:#f2f0eb}
.product-others .system-carousel-navigation>button{background:#343a32;color:#f2f0eb}
.product-others .system-carousel-navigation>button:hover{background:#f2f0eb;color:#30342f}
.product-others .system-carousel-toolbar{padding-bottom:0}
@media(prefers-reduced-motion:reduce){.site-header-sub-photo img{transition:none}}

/* Same stone surface, joined to the header with outward-curving shoulders. */
.site-header .site-header-sub{background:var(--roof-stone);overflow:visible}
.site-header .site-header-sub:before,.site-header .site-header-sub:after{
 content:"";position:absolute;top:0;width:20px;height:20px;pointer-events:none;
}
.site-header .site-header-sub:before{left:-20px;right:auto;background:radial-gradient(circle at 0 100%,transparent 20px,var(--roof-stone) 20.5px)}
.site-header .site-header-sub:after{right:-20px;left:auto;background:radial-gradient(circle at 100% 100%,transparent 20px,var(--roof-stone) 20.5px)}
.site-header:has(.site-header-item.is-open){background:var(--roof-stone);color:var(--roof-ink);box-shadow:none}
.site-header:has(.site-header-item.is-open) .brand-logo{filter:none}
@media(hover:hover){
 .site-header:has(.site-header-item:hover){background:var(--roof-stone);color:var(--roof-ink);box-shadow:none}
 .site-header:has(.site-header-item:hover) .brand-logo{filter:none}
}