/* Variations on the approved introduction: large imagery, quiet copy panels,
   and deliberate overlaps instead of unrelated decorative shapes. */
body:has(.fullscreen-slider) main>section.capsule-gallery{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,30%);align-items:center;gap:0;padding:88px 0 28px;background:#e7e6e3;border-bottom:1px solid #cccac5}
.capsule-gallery .section-title{grid-column:2;grid-row:1/3;align-self:stretch;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;margin:0;padding:0 4vw;background:transparent;gap:32px}
body:has(.fullscreen-slider) .capsule-gallery .section-title{margin:0}
.capsule-gallery .capsule-controls{margin:0}
.capsule-gallery .capsule-grid{grid-column:1;grid-row:1;min-width:0;margin:0;padding:0 24px 0 0}
.capsule-gallery .capsule-dots{grid-column:1;grid-row:2}
.capsule-gallery .capsule-grid figure:nth-child(n){flex-basis:calc((100% - 48px)/2.6)}
@media(min-width:1440px){.capsule-gallery .capsule-grid figure:nth-child(n){flex-basis:clamp(240px,16vw,300px)}}
body:has(.fullscreen-slider) main>section.capsule{grid-template-columns:58% minmax(0,1fr);gap:0;padding:0;background:#f8f8f6;align-items:stretch;border-bottom:1px solid #d4d2ce}
body:has(.fullscreen-slider) .capsule>img{grid-column:1;grid-row:1;width:100%;height:100%;min-height:430px;object-fit:cover}
body:has(.fullscreen-slider) .capsule>div{grid-column:2;grid-row:1;align-self:center;padding:54px 5vw;background:#f8f8f6;margin:0 0 0 -42px;box-shadow:-18px 16px 35px #00000008;position:relative;z-index:1}
.capsule .eyebrow{color:#777}
body:has(.fullscreen-slider) main>section.feature{display:grid;grid-template-columns:40% minmax(0,1fr);gap:0;padding:0;background:#e9e8e4;align-items:stretch;border-bottom:1px solid #cccac5}
.feature>div{padding:56px 5vw;align-self:center}
.feature h2{margin:0 0 24px}
.feature p{max-width:480px}
.feature>img{width:100%;height:100%;min-height:460px;max-height:660px;object-fit:cover;border-radius:0}
body:has(.fullscreen-slider) main>section#servizi{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;padding:0;background:#f8f8f6;border-bottom:1px solid #cccac5}
#servizi .section-title{grid-column:2;grid-row:1;padding:48px 5vw 24px;margin:0;background:#f8f8f6}
#servizi .section-title:after{content:none}
#servizi .service-visual{grid-column:1;grid-row:1/3;border-radius:0;align-self:center;margin:36px -26px 36px 0;z-index:1;box-shadow:16px 20px 34px #00000012}
#servizi .service-visual img{width:100%;height:auto}
#servizi .text-columns{grid-column:2;grid-row:2;padding:0 5vw 48px;gap:22px}
#servizi .text-columns p{border:0;padding:0}
body:has(.fullscreen-slider) main>section#materiali{background:#e9e8e4;border-color:#cccac5}
.material-explorer article>img{border-radius:0;box-shadow:18px 18px 0 #f8f8f6}
.material-choices{border-color:#aaa8a2}
body:has(.fullscreen-slider) main>section.dealer{background:#262626;border-color:#262626}
body:has(.fullscreen-slider) footer{background:#e9e8e4}
@media(max-width:1000px){
 .capsule-gallery .section-title{padding:0 3vw;gap:24px}
 .capsule-gallery .capsule-grid figure:nth-child(n){flex-basis:calc((100% - 48px)/2.4)}
 body:has(.fullscreen-slider) .capsule>div{margin-left:-20px;padding:36px 4vw}
 .feature>div{padding:36px 4vw}
}
@media(max-width:650px){
 body:has(.fullscreen-slider) main>section.capsule-gallery{grid-template-columns:minmax(0,1fr);padding:60px 0 24px}
 .capsule-gallery .section-title{grid-column:1;grid-row:1;align-items:center;text-align:center;padding:0 6vw 28px;gap:16px}
 .capsule-gallery .capsule-controls{grid-column:1;grid-row:3;align-self:center;justify-self:center;justify-content:center;margin-top:18px}
 .capsule-gallery .capsule-grid{grid-row:2;padding-right:6vw}
 .capsule-gallery .capsule-dots{grid-row:4;margin-top:6px}
}
@media(max-width:700px){
 .capsule-gallery .capsule-grid figure:nth-child(n){flex-basis:80%}
 body:has(.fullscreen-slider) main>section.capsule,body:has(.fullscreen-slider) main>section.feature,body:has(.fullscreen-slider) main>section#servizi{grid-template-columns:minmax(0,1fr)}
 body:has(.fullscreen-slider) .capsule>img{grid-column:1;grid-row:1;min-height:0;height:280px}
 body:has(.fullscreen-slider) .capsule>div{grid-column:1;grid-row:2;margin:-32px 6vw 0 0;padding:28px 6vw;box-shadow:none}
 .feature>div{padding:36px 6vw;grid-row:1}
 .feature>img{grid-row:2;min-height:0;height:300px;max-height:none}
 #servizi .section-title{grid-column:1;grid-row:1;padding:36px 6vw 24px}
 #servizi .service-visual{grid-column:1;grid-row:2;margin:0 0 0 6vw;box-shadow:none}
 #servizi .text-columns{grid-column:1;grid-row:3;padding:28px 6vw 36px}
}