.page-sottotetto{--st-ink:#101418;--st-dark:#172027;--st-amber:#f0b429;--st-paper:#f7f5f0;--st-line:#ddd7cd;--st-muted:#62707a;background:#fff;overflow-x:clip}
.page-sottotetto .page-hero{padding:0;color:#fff;background:#0f1317;overflow:hidden}
.page-sottotetto .page-hero-inner{max-width:none;width:min(1160px,calc(100% - 48px));margin:0 auto}
.sottotetto-hero-grid{display:grid;grid-template-columns:.94fr 1.06fr;min-height:590px;align-items:stretch}
.sottotetto-hero-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:78px 56px 78px 0}
.sottotetto-hero-copy::after{content:"";position:absolute;z-index:-1;inset:0 0 0 -100vw;background:linear-gradient(104deg,#0f1317 0%,#0f1317 76%,rgba(15,19,23,.75) 100%)}
.sottotetto-hero-copy h1{max-width:700px;margin:0 0 19px;color:#fff;font-size:clamp(3rem,5.4vw,5.45rem);line-height:.99}
.sottotetto-hero-copy>p:not(.eyebrow):not(.sottotetto-hero-note){max-width:640px;margin:0;color:#e5e9eb;font-size:1.13rem;line-height:1.63}
.sottotetto-hero-note{max-width:630px;margin:20px 0 0;color:#bdc6cd;font-size:.91rem}
.sottotetto-hero-media{min-height:590px;margin:0;overflow:hidden}
.sottotetto-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}

.sottotetto-proof{color:#fff;background:#182028;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}
.sottotetto-proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.sottotetto-proof article{display:grid;grid-template-columns:42px 1fr;gap:14px;align-content:center;min-height:130px;padding:23px 18px;border-right:1px solid rgba(255,255,255,.13)}
.sottotetto-proof article:last-child{border-right:0}
.sottotetto-proof article>span{display:grid;place-items:center;width:38px;height:38px;color:#14191d;background:var(--st-amber);border-radius:50%;font-size:.78rem;font-weight:950}
.sottotetto-proof strong{display:block;color:#fff;font-size:.91rem;line-height:1.18;letter-spacing:.03em;text-transform:uppercase}
.sottotetto-proof p{margin:5px 0 0;color:#c6cdd2;font-size:.83rem;line-height:1.4}
.page-sottotetto .section{padding:82px 0}
.sottotetto-intro-grid{display:grid;grid-template-columns:1fr .96fr;align-items:center;gap:66px}
.sottotetto-intro-copy h2{margin-bottom:17px}
.sottotetto-intro-copy>p:not(.eyebrow){max-width:650px;color:#56616a}
.sottotetto-mini-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px}
.sottotetto-mini-points span{padding:8px 12px;color:#7d5200;background:#fff3d0;border:1px solid #f0cf78;border-radius:999px;font-size:.83rem;font-weight:800}
.sottotetto-feature-image{margin:0;overflow:hidden;border-radius:18px;background:#ddd;box-shadow:0 18px 45px rgba(18,20,23,.13)}
.sottotetto-feature-image img{display:block;width:100%;height:400px;object-fit:cover}
.sottotetto-feature-image figcaption,.sottotetto-work-image figcaption{padding:13px 16px;color:#66727b;background:#fff;font-size:.84rem;line-height:1.4}
.sottotetto-heading-wide{max-width:830px}
.sottotetto-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.sottotetto-choice-card{padding:32px;border:1px solid var(--st-line);border-radius:18px;background:#fff;box-shadow:0 12px 28px rgba(18,20,23,.055)}
.sottotetto-choice-card-dark{color:#d7dde1;background:linear-gradient(135deg,#141a1f,#263039);border-color:#263039}
.sottotetto-choice-number{display:grid;place-items:center;width:38px;height:38px;margin:0 0 17px;color:#141a1f;background:var(--st-amber);border-radius:50%;font-size:.86rem;font-weight:950}
.sottotetto-choice-card h3{margin:0 0 12px;font-size:1.62rem}.sottotetto-choice-card-dark h3{color:#fff}
.sottotetto-choice-card>p:not(.sottotetto-choice-number){color:#62707a}.sottotetto-choice-card-dark>p:not(.sottotetto-choice-number){color:#c9d2d8}
.sottotetto-choice-card ul{display:grid;gap:9px;padding:0;margin:20px 0 0;list-style:none}
.sottotetto-choice-card li{position:relative;padding-left:25px;color:#516069;font-size:.93rem;line-height:1.45}.sottotetto-choice-card li::before{content:"✓";position:absolute;left:0;color:#c78100;font-weight:900}
.sottotetto-choice-card-dark li{color:#d4dbe0}.sottotetto-choice-card-dark li::before{color:#ffd46e}
.sottotetto-prose h2{margin:0 0 15px;font-size:2.15rem}.sottotetto-prose>*+h2{margin-top:50px}.sottotetto-prose p{color:#59656e}
.sottotetto-warning{display:grid;gap:5px;margin:29px 0 0;padding:18px 20px;border-left:4px solid var(--st-amber);border-radius:0 12px 12px 0;color:#59656e;background:#fff7e3}.sottotetto-warning strong{color:#20272c}
.sottotetto-steps{display:grid;gap:12px;padding:0;margin:0;list-style:none;counter-reset:step}.sottotetto-steps li{position:relative;padding:17px 18px 17px 61px;color:#59656e;border:1px solid var(--st-line);border-radius:12px;background:#fbfaf7}.sottotetto-steps li::before{counter-increment:step;content:"0" counter(step);position:absolute;left:17px;top:17px;display:grid;place-items:center;width:30px;height:30px;color:#101418;background:var(--st-amber);border-radius:50%;font-size:.76rem;font-weight:950}.sottotetto-steps strong{color:#1d252a}
.sottotetto-process-section{color:#fff;background:linear-gradient(121deg,#0f1418,#1f292f 68%,#3e3214)}
.sottotetto-process-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:60px}
.sottotetto-work-image{margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:#1c2227}.sottotetto-work-image img{display:block;width:100%;height:400px;object-fit:cover}.sottotetto-work-image figcaption{color:#bac5cc;background:#1c2227}
.sottotetto-process-copy h2{color:#fff;margin-bottom:16px}.sottotetto-process-copy>p:not(.eyebrow){color:#d0d8de}.sottotetto-process-copy .check-list li{color:#d8dfe3}.sottotetto-process-copy .check-list li::before{color:#f0b429}
.sottotetto-gallery{background:#fff}.sottotetto-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.sottotetto-gallery-grid figure{margin:0;overflow:hidden;border:1px solid var(--st-line);border-radius:13px;background:#f8f7f3}.sottotetto-gallery-grid img{display:block;width:100%;height:205px;object-fit:cover;transition:transform .22s ease}.sottotetto-gallery-grid figure:hover img{transform:scale(1.05)}.sottotetto-gallery-grid figcaption{padding:11px 12px;color:#606c75;font-size:.82rem;line-height:1.35}
.sottotetto-faq-layout{display:grid;grid-template-columns:.78fr 1.22fr;align-items:start;gap:68px}.sottotetto-faq-layout>div:first-child{position:sticky;top:104px}.sottotetto-faq-layout>div:first-child p:last-child{color:#5e6871}
@media(max-width:1050px){.sottotetto-proof-grid{grid-template-columns:repeat(2,1fr)}.sottotetto-proof article:nth-child(2){border-right:0}.sottotetto-proof article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.13)}.sottotetto-gallery-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:880px){.page-sottotetto .section{padding:64px 0}.sottotetto-hero-grid,.sottotetto-intro-grid,.sottotetto-process-grid,.sottotetto-faq-layout{grid-template-columns:1fr}.sottotetto-hero-copy{padding:72px 0 43px}.sottotetto-hero-copy::after{inset:0 -100vw}.sottotetto-hero-media{min-height:380px}.sottotetto-feature-image img,.sottotetto-work-image img{height:350px}.sottotetto-faq-layout>div:first-child{position:static}.sottotetto-choice-grid{grid-template-columns:1fr}}
@media(max-width:560px){.page-sottotetto .page-hero-inner{width:min(100% - 28px,1160px)}.sottotetto-hero-copy h1{font-size:2.85rem}.sottotetto-proof-grid,.sottotetto-gallery-grid{grid-template-columns:1fr}.sottotetto-proof article{border-right:0;border-bottom:1px solid rgba(255,255,255,.13)}.sottotetto-proof article:last-child{border-bottom:0}.sottotetto-choice-card{padding:25px}.sottotetto-feature-image img,.sottotetto-work-image img{height:270px}.sottotetto-gallery-grid img{height:235px}.sottotetto-steps li{padding:17px 15px 17px 58px}}