/* Owner-selected concept 1: image-led mobile service pages, release 41. */
:root{--accent:#d9ee86;--ink:#102d40;--soft:#f2f5f5;--radius:14px}
body{font-size:16px}h1,h2,h3{font-family:Arial,Helvetica,sans-serif}h1,h2{font-weight:750;letter-spacing:-.045em}h2{font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.09}h3{font-weight:700}
.wrap{width:min(1200px,calc(100% - 64px))}.section{padding:54px 0}.button,.button.light,.button:not(.outline){background:var(--accent);color:#102d40;border:1px solid transparent;border-radius:12px;min-height:52px;font-weight:700}.button:hover,.button.light:hover{background:#cbe77a;color:#102d40}.button.outline{background:transparent;color:var(--ink);border:1px solid var(--line)}.button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #5785a2;outline-offset:4px}
.header{border-bottom:0}.header-inner{min-height:86px;padding-block:16px}.header-phone{font-size:1rem}.wordmark{font-size:2.4rem;letter-spacing:-.09em}.brand-description{font-size:.72rem}.header .menu{font-size:.77rem;gap:17px}.theme-toggle{border-radius:24px;min-width:68px}
.service-intro{padding:38px 0 48px}.service-visual-intro{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}.intro-copy{grid-column:1}.service-visual-intro h1{font-size:clamp(2.5rem,4.2vw,3.65rem);margin:0 0 24px;line-height:1.04}.service-visual-intro h1 br{display:initial}.service-visual-intro h1 em,.cover-copy h1 em{font-style:normal;color:var(--ink)}.service-name{display:block;font-size:.73rem;line-height:1.5;text-transform:uppercase;letter-spacing:.11em;font-weight:700;margin:0 0 17px;max-width:32em}.intro-copy>.eyebrow{font-size:.67rem;letter-spacing:.14em;margin:0 0 13px;color:var(--muted)}.service-lead{font-size:1.04rem;line-height:1.45;max-width:38em}.service-visual-intro .service-lead{font-size:1.06rem;margin:0 0 24px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0}.hero-actions .button{width:auto;margin:0!important}.hero-actions .button.outline{font-size:.86rem;min-height:44px;border:0;padding:10px 0;text-decoration:underline;text-underline-offset:5px}
.service-visual{grid-column:2;grid-row:1;min-height:430px;aspect-ratio:1.2;margin:0;border-radius:15px}.service-visual img{object-position:center}.service-visual figcaption{right:auto;bottom:12px;left:12px;padding:6px 10px;border-radius:16px;font-size:11px;max-width:calc(100% - 24px)}
.repair-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}.repair-case{display:flex;flex-direction:column;padding:0;border-radius:14px;overflow:hidden;background:var(--paper);border:1px solid var(--line)}.repair-case .scenario-photo{margin:0;border-radius:0;position:relative}.scenario-photo .photo-panel{height:230px}.scenario-photo figcaption{position:absolute;bottom:9px;left:10px;padding:3px 8px;border-radius:12px;background:#102d40df;color:#fff;font-size:0;line-height:1.4}.scenario-photo figcaption span{font-size:10px;color:#fff;display:block;letter-spacing:0}.scenario-copy{padding:20px;display:flex;flex-direction:column;flex:1}.repair-case h3{font-size:1.32rem;line-height:1.13;margin:0 0 12px}.scenario-copy>p{font-size:.94rem;color:var(--muted);line-height:1.42;margin:0 0 12px}.scenario-details{font-size:.88rem;line-height:1.5;margin:0 0 18px}.scenario-details summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:700}.scenario-details .case-solution{border:0;padding:12px;margin:0 0 10px;background:var(--soft)}.scenario-details .case-check{padding:8px 12px;margin:0}.scenario-details .helper{padding:0 12px}.scenario-copy>.button{align-self:flex-start;width:auto;font-size:.83rem;min-height:44px;padding:10px 0;margin-top:auto;border:0;border-bottom:2px solid var(--accent);border-radius:0}
.section>.split{gap:40px;align-items:start}.section>.split h2{font-size:2rem}.section>.split p{font-size:.96rem;margin-top:16px}.section>.split .price-points{margin-top:16px}.section>.split:not(.estimate-layout){padding-block:0}.price-points li{padding:12px 0}.faq{margin-top:20px}.faq summary{font-size:1rem;padding:18px 0}.faq p{font-size:.96rem;max-width:65ch}.contact{padding:36px 0}.contact h2{font-size:2.2rem}.contact p{font-size:.95rem}.contact-call>a:first-child{font-size:clamp(1.4rem,2.5vw,2.3rem)}
.request-heading{display:flex;flex-direction:column;justify-content:center}.request-heading p{color:var(--muted);max-width:32em}.calculator{padding:26px;border-radius:16px}.lead-form{margin-top:0;padding-top:0;border:0}.lead-form>h3{font-size:1.25rem;margin:0 0 8px}.field input,.field select{border-radius:9px}.lead-form .field{margin-top:16px}.consent-check{margin-top:18px}.footer{padding:24px 0;font-size:.82rem}.analytics-privacy{padding-bottom:110px}
.balcony-cover{padding:38px 0 45px;background:var(--paper)}.cover-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:46px}.cover-copy{padding:0!important;background:none!important;box-shadow:none!important;border:0!important}.cover-copy h1{font-size:clamp(2.5rem,4.2vw,3.65rem);line-height:1.04;margin:0 0 22px;max-width:none}.cover-copy>.eyebrow{font-size:.67rem;letter-spacing:.12em;margin:0 0 13px}.cover-copy>p:not(.eyebrow){font-size:1.06rem;line-height:1.45;margin:0 0 24px}.cover-copy .button{width:auto}.cover-secondary{display:inline-block;margin:12px 0 0;font-size:.85rem}.cover-image{height:480px;min-height:0;margin:0;border-radius:15px;overflow:hidden}.cover-image img{width:100%;height:100%;object-fit:cover;object-position:center 55%}.cover-image figcaption{top:auto;bottom:12px;left:12px;right:auto;max-width:calc(100% - 24px);border-radius:18px;padding:6px 10px;background:#102d40df;color:white;font-size:11px}
.design-heading{max-width:730px;margin-bottom:24px}.design-heading h2{font-size:clamp(1.8rem,3vw,2.7rem)}.design-heading p{font-size:1rem;line-height:1.5}.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.proof-card{margin:0;position:relative;overflow:hidden;border-radius:14px;height:260px}.proof-card.main{grid-column:1/-1;height:400px}.proof-card img{width:100%;height:100%;object-fit:cover}.proof-card.main img{object-position:center 21%}.proof-card figcaption{position:absolute;bottom:15px;left:15px;right:15px;background:var(--paper);color:var(--ink);padding:14px 16px;border-radius:12px;max-width:330px}.proof-card strong{display:block;font-size:1.16rem;line-height:1.1;margin-bottom:6px}.proof-card span{font-size:.85rem;line-height:1.4;display:block}.proof-detail{margin-top:18px;border-bottom:1px solid var(--line);padding-bottom:12px}.proof-detail summary{padding:10px 0;min-height:44px;cursor:pointer;font-weight:700}.proof-detail p{font-size:.93rem;line-height:1.5;max-width:65ch}.proof-actions{margin-top:20px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}.proof-actions>p{font-size:.8rem;color:var(--muted);max-width:400px}
.design-case{padding-top:20px}.solution-deck{gap:20px}.solution-tile{border-radius:15px;overflow:hidden}.solution-tile>figure{height:220px}.tile-copy{padding:20px}.tile-copy h3{font-size:1.4rem}.tile-copy p{font-size:.95rem}.tile-copy details{font-size:.88rem}.tile-copy summary{padding:10px 0;min-height:44px}.tile-copy .button{font-size:.85rem}.compare-detail{border:1px solid var(--line);border-radius:12px;padding:16px;margin-top:25px}.compare-detail>summary{cursor:pointer;min-height:44px;font-weight:700}.compare-detail .compare{margin-top:18px}.balcony-inspiration{padding-top:20px}.inspiration-grid h3{font-size:1.2rem}.inspiration-grid p{font-size:.93rem}.home-direction{padding:30px 0}.catalog-grid{gap:18px}
[data-theme=dark] .service-visual-intro h1 em,[data-theme=dark] .cover-copy h1 em{color:var(--accent)}[data-theme=dark] .cover-copy,[data-theme=dark] .balcony-cover{background:var(--paper)}[data-theme=dark] .repair-case{background:#142832}[data-theme=dark] .proof-card figcaption{background:#142832;color:var(--ink)}[data-theme=dark] .button.outline{color:var(--ink)}
@media(max-width:1000px){.header .brand-description{display:none}.header .menu{gap:12px}.header-phone{font-size:.86rem}.service-visual-intro,.cover-grid{gap:28px}}
@media(max-width:900px){.service-visual-intro,.cover-grid{grid-template-columns:1fr;gap:22px}.intro-copy{grid-column:1}.service-visual{grid-column:1;grid-row:auto;min-height:0;height:320px;aspect-ratio:auto}.cover-image{height:360px}.repair-cases{grid-template-columns:1fr}.repair-case{display:grid;grid-template-columns:42% 1fr;align-items:stretch}.repair-case .scenario-photo{height:100%;min-height:190px}.scenario-photo .photo-panel{height:100%;min-height:190px}.scenario-copy{padding:18px}.repair-case h3{font-size:1.2rem}.scenario-details{margin-bottom:6px}.scenario-copy>p{font-size:.9rem}.scenario-copy>.button{margin-top:4px;font-size:.8rem}.repair-case .scenario-photo figcaption{bottom:8px;left:7px}.proof-card.main{height:340px}.proof-card{height:260px}.section>.split{gap:24px}.section>.split h2{font-size:1.8rem}}
@media(max-width:720px){.wrap{width:calc(100% - 36px)}.header-inner{min-height:74px;display:flex;flex-wrap:nowrap;gap:12px;padding-block:12px}.header-inner:after{display:none}.header .brand{order:0;margin-right:auto}.wordmark{font-size:2rem}.header .brand-description{display:none}.header-phone{display:none}.theme-toggle{order:1;font-size:.72rem;min-width:66px;align-self:center;padding:8px 10px}.mobile-menu{order:2;margin:0}.mobile-menu summary{font-size:.78rem;min-height:44px;padding:12px 0}.header .mobile-menu .menu{top:100%;max-width:none}.header .menu{display:none}.header .mobile-menu[open] .menu{display:flex}.service-intro,.balcony-cover{padding:20px 0 30px}.service-visual-intro,.cover-grid{gap:20px}.service-visual-intro h1,.cover-copy h1{font-size:2rem;line-height:1.06;margin:0 0 15px}.service-name{font-size:.62rem;line-height:1.4;letter-spacing:.11em;margin-bottom:13px}.intro-copy>.eyebrow,.cover-copy>.eyebrow{font-size:.61rem;margin-bottom:12px}.service-visual-intro .service-lead,.cover-copy>p:not(.eyebrow){font-size:1rem;line-height:1.4;margin:0 0 20px}.hero-actions{gap:10px 18px}.hero-actions .button{min-height:48px;font-size:.9rem;padding:12px 18px}.hero-actions .button.outline{font-size:.8rem;min-height:44px;padding:10px 0}.service-visual{height:275px;border-radius:12px;margin:0}.cover-copy .button{width:auto;min-height:48px;font-size:.95rem;padding:12px 20px}.cover-secondary{display:none}.cover-image{height:280px;border-radius:12px;order:initial}.section{padding:35px 0}.design-case{padding-top:12px}.design-heading{margin-bottom:18px}.design-heading h2{font-size:1.7rem;margin:10px 0}.design-heading p{font-size:.94rem}.proof-grid{gap:10px}.proof-card.main{height:280px}.proof-card{height:225px}.proof-card figcaption{left:10px;right:10px;bottom:10px;padding:10px;border-radius:9px}.proof-card strong{font-size:1rem}.proof-card span{font-size:.77rem;line-height:1.3}.proof-card.main figcaption{max-width:245px}.proof-actions{gap:12px}.proof-actions .button{font-size:.88rem}.solution-deck{display:grid;grid-template-columns:1fr;gap:18px;overflow:visible;margin:0;padding:0}.solution-tile{min-width:0;display:grid;grid-template-columns:40% 1fr}.solution-tile>figure{height:100%;min-height:250px}.solution-tile>figure img{height:100%;object-fit:cover}.tile-copy{padding:15px}.tile-copy h3{font-size:1.2rem}.tile-copy p{font-size:.88rem}.tile-copy .tile-kicker{font-size:.63rem}.tile-copy .button{font-size:.8rem;padding:10px 0;min-height:44px;border:0;border-bottom:2px solid var(--accent);border-radius:0}.tile-copy details{font-size:.8rem}.section-head{gap:12px;margin-bottom:20px}.section-head h2{font-size:1.8rem}.repair-cases{gap:14px;margin-top:20px}.repair-case{grid-template-columns:39% 1fr}.scenario-copy{padding:15px}.repair-case h3{font-size:1.05rem;margin:0 0 9px}.scenario-copy>p{font-size:.85rem;line-height:1.4;margin:0 0 3px}.scenario-details{font-size:.82rem}.scenario-details summary{font-size:.79rem;min-height:44px;padding:12px 0}.scenario-copy>.button{font-size:.78rem;line-height:1.35;padding:8px 0;min-height:44px}.repair-case .scenario-photo,.scenario-photo .photo-panel{min-height:230px}.case-solution>p{font-size:.85rem}.case-solution>span{font-size:.6rem}.section>.split h2{font-size:1.7rem;margin-top:8px!important}.section>.split p{font-size:.94rem}.contact{padding:30px 0}.contact-inner{gap:18px}.contact h2{font-size:1.8rem}.contact-call>a:first-child{font-size:1.6rem}.calculator{padding:20px}.mobile-call{padding:8px 12px}.mobile-call .button{min-height:44px;font-size:.82rem}.mobile-call .button.outline{background:var(--paper)}.inspiration-grid{gap:20px}.balcony-inspiration .photo-panel{height:230px}.footer{padding-bottom:88px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.repair-case:has(.scenario-photo){padding:0}.scenario-photo .photo-panel{aspect-ratio:auto}.scenario-photo .photo-panel img{width:100%;height:100%;max-width:100%;left:0;top:0;transform:none;object-fit:cover}
.cover-copy{margin:0;width:100%;order:0}.cover-copy>.button{margin:0}.cover-image{order:1}.cover-image:after{display:none}@media(max-width:720px){.cover-grid{display:grid;gap:20px}.cover-copy{order:0}.cover-image{order:1}.design-case{padding-top:12px}}
:root[data-theme=dark]{--ink:#edf4f5;--paper:#0f1e27;--soft:#172c37;--muted:#b5c5cd;--line:#354c59}.hero-actions .button{flex:initial;white-space:normal}

.cover-secondary{margin-left:18px}@media(max-width:720px){.cover-secondary{margin-left:0}}
@media(max-width:720px){.service-intro,.balcony-cover{padding-top:20px}.intro-copy>.eyebrow,.cover-copy>.eyebrow{display:none}.repair-case .scenario-photo,.scenario-photo .photo-panel{min-height:200px}}
