/* Installation story: one complete photo at a time, scoped to this feature. */
.install-intro{padding-top:30px;padding-bottom:52px}.install-crumb{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;color:var(--muted);margin-bottom:52px}.install-crumb a{border-bottom:1px solid var(--line)}
.install-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:6%;align-items:center}.install-hero h1{margin:25px 0;font-size:clamp(34px,3.8vw,60px);line-height:1.4}.install-hero p{font-size:14px;color:var(--muted)}.install-hero .install-lead{font-size:19px;color:var(--ink);margin-bottom:14px}.install-hero .text-link{margin-top:25px}
.install-photo{min-width:0}.install-photo img{display:block;width:100%;height:auto;object-fit:contain;background:transparent}.install-photo figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 14px;font-size:11px;line-height:1.8;padding-top:12px;color:var(--muted)}.install-photo figcaption span{font-size:9px;letter-spacing:.1em;white-space:nowrap}
.install-chapters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--line);padding:14px 0;margin-bottom:25px}.install-chapters a{display:flex;align-items:center;gap:20px;padding:14px 10px;min-height:48px;font-size:13px}.install-chapters span{font-size:10px;color:var(--accent);letter-spacing:.1em}.install-chapters a:hover{background:#eae7df}
.install-section{padding-block:72px;scroll-margin-top:100px}.install-heading{display:grid;grid-template-columns:65px 1fr;gap:30px;align-items:start;margin-bottom:38px}.install-number{font-size:16px;line-height:1.5;border-top:1px solid var(--accent);padding-top:10px;color:var(--accent)}.install-heading .eyebrow{display:block;margin:3px 0 20px}.install-heading h2{font-size:clamp(28px,3vw,44px);line-height:1.45}.install-heading p{font-size:14px;margin-top:22px;color:var(--muted);max-width:820px}
.install-feature{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr);gap:6%;align-items:center}.install-copy p{color:#6a665f;font-size:14px;max-width:600px}.install-copy .install-statement{font-size:28px;line-height:1.65;color:var(--ink);margin-bottom:24px}.install-small{font-size:12px!important;color:var(--muted)!important}.install-notes{margin:30px 0 0;padding:0;list-style:none}.install-notes li{display:grid;grid-template-columns:80px 1fr;gap:20px;border-top:1px solid var(--line);padding:15px 0;font-size:12px}.install-notes b{font-weight:400;color:var(--ink)}.install-notes span{color:var(--muted)}
.install-band{background:#e9e7e0;scroll-margin-top:82px}.install-sequence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;list-style:none;padding:0;margin:0 0 38px}.install-sequence li{border-top:1px solid #c6c2b9;padding-top:16px}.install-sequence span{color:var(--accent);font-size:11px}.install-sequence h3{font-size:19px;margin:10px 0 12px}.install-sequence p{font-size:13px;color:#6a665f}.install-flow{padding-top:27px;border-top:1px solid var(--line);margin-top:30px;font-size:16px!important;display:flex;flex-wrap:wrap;gap:14px;color:var(--ink)!important}.install-flow span{color:var(--accent)}
.install-fittings{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1fr);gap:6%;align-items:center;border-block:1px solid var(--line);padding-block:32px;scroll-margin-top:105px}.install-fittings .install-photo{max-width:470px}.install-fittings h2{font-size:28px;margin:17px 0}.install-fittings p{font-size:13px;color:#6a665f;max-width:760px}.install-fittings .install-small{margin-top:15px}.install-operation{list-style:none;display:flex;flex-wrap:wrap;padding:0;margin:0 0 38px;border-block:1px solid var(--line)}.install-operation li{flex:1;min-width:90px;padding:14px 10px;font-size:13px;text-align:center}.install-operation li:not(:last-child):after{content:'→';float:right;color:var(--accent)}
.install-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5%;align-items:start}.install-comparison article{min-width:0;border-top:1px solid #aaa397;padding-top:24px}.install-order-label{font-size:12px;letter-spacing:.08em;color:#776352}.install-comparison h3{font-size:25px;margin:20px 0}.install-comparison article>p{font-size:13px;color:#6a665f;margin-bottom:26px;min-height:3.6em}.install-comparison .install-small{margin:20px 0 0}
.install-closing{text-align:center;border-top:1px solid var(--line);margin-top:50px;padding-top:46px}.install-closing>p{font-size:clamp(25px,3vw,38px);color:var(--ink);line-height:1.6}.install-closing .actions{margin-top:30px}.install-finish{padding-bottom:90px}
/* The process-page link uses these existing classes too. */
.installation-entry{display:grid;grid-template-columns:.9fr 1fr;gap:8%;align-items:center;border-block:1px solid var(--line);padding-block:35px;margin-block:30px 55px}.installation-entry img{max-height:340px;object-fit:contain}.installation-entry h2{font-size:32px;margin:15px 0}.installation-entry .text-link{margin-top:22px}.installation-entry p{font-size:14px;color:var(--muted)}
/* A native horizontal gallery remains usable if JavaScript is unavailable. */
.install-carousel{min-width:0;--frame-height:clamp(420px,44vw,620px)}.install-carousel-wide{max-width:1000px;margin-inline:auto;--frame-height:clamp(430px,48vw,620px)}.install-carousel-viewport{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;overscroll-behavior-x:contain}.install-carousel-track{display:flex;align-items:stretch;width:100%}.install-carousel .install-slide{flex:0 0 100%;min-width:0;margin:0;scroll-snap-align:start}.installation-page .install-carousel .install-slide img{width:100%;height:var(--frame-height);max-height:none;object-fit:contain;object-position:center;background:rgba(214,209,197,.24);user-select:none;-webkit-user-select:none}.install-carousel .install-slide figcaption{min-height:56px;padding:14px 1px 6px;align-content:start}.install-carousel.is-enhanced .install-carousel-viewport{overflow:hidden;scroll-snap-type:none;touch-action:pan-y pinch-zoom}.install-carousel.is-enhanced .install-carousel-track{transition:transform .45s ease}
.install-carousel-controls{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:10px}.install-carousel-controls[hidden]{display:none}.install-carousel-controls button{border:1px solid transparent;background:transparent;color:var(--ink);font:inherit;font-size:12px;cursor:pointer;min-height:44px;min-width:44px;padding:8px 12px}.install-carousel-controls button:hover{border-color:var(--line)}.install-carousel-controls button:focus-visible,.install-carousel img:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.install-carousel-controls [data-carousel-action=previous],.install-carousel-controls [data-carousel-action=next]{font-size:24px;line-height:1}.install-carousel-count{font-size:11px;color:var(--muted);letter-spacing:.12em;font-variant-numeric:tabular-nums;min-width:52px;text-align:center}.install-carousel-controls [data-carousel-action=toggle]{white-space:nowrap;border-bottom-color:var(--line)}.install-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Full-resolution photo viewer retained from the previous image review. */
.installation-page .install-viewer{width:min(1200px,96vw);max-width:96vw;max-height:96dvh;padding:16px;background:var(--paper);overflow:hidden}.install-view-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:12px}.installation-page .install-viewer button{float:none;margin:0;padding:8px 14px;min-height:44px;cursor:pointer}.install-view-toolbar .install-close{margin-left:auto!important}.install-view-toolbar button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.install-view-frame{overflow:auto;max-width:100%;height:min(74dvh,820px);overscroll-behavior:contain;background:#e6e3dc;outline-offset:-3px}.installation-page .install-viewer .install-view-frame img{display:block;max-width:none;max-height:none;width:auto;height:auto;margin:auto;object-fit:contain;background:transparent}.installation-page .install-viewer p{margin:10px 0 0;font-size:12px}
@media(max-width:1000px){.install-feature{gap:5%;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.install-heading{grid-template-columns:45px 1fr;gap:22px}.install-comparison h3{font-size:22px}.install-notes li{grid-template-columns:66px 1fr;gap:12px}.install-copy .install-statement{font-size:25px}.install-carousel{--frame-height:460px}.install-carousel-controls{gap:4px}.install-carousel-controls button{padding-inline:8px}}
@media(max-width:700px){.install-intro{padding-top:22px;padding-bottom:30px}.install-crumb{margin-bottom:30px;font-size:10px;gap:8px}.install-hero,.install-feature,.install-fittings,.install-comparison,.installation-entry{grid-template-columns:minmax(0,1fr);gap:28px}.install-hero h1{font-size:37px;margin:20px 0}.install-hero .install-lead{font-size:17px}.install-desktop-br{display:none}.install-chapters{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:8px;padding-block:8px}.install-chapters a{padding:12px 4px;font-size:12px;gap:15px}.install-section{padding-block:46px;scroll-margin-top:80px}.install-heading{grid-template-columns:28px 1fr;gap:18px;margin-bottom:28px}.install-number{font-size:13px}.install-heading .eyebrow{font-size:10px;margin-bottom:13px}.install-heading h2{font-size:28px}.install-heading p{margin-top:16px}.install-copy .install-statement{font-size:25px;line-height:1.55}.install-notes{margin-top:25px}.install-notes li{grid-template-columns:72px 1fr;font-size:13px;padding-block:13px}.install-sequence{grid-template-columns:1fr;gap:19px;margin-bottom:30px}.install-sequence li{position:relative;padding:15px 0 0 32px}.install-sequence span{position:absolute;left:0;top:17px}.install-sequence h3{font-size:18px;margin:0 0 9px}.install-sequence p{font-size:14px}.install-flow{font-size:14px!important;gap:10px}.install-fittings{padding-block:28px;scroll-margin-top:90px}.install-fittings h2{font-size:26px}.install-fittings p{font-size:14px}.install-operation li{flex:0 0 25%;min-width:0;font-size:12px;padding:12px 3px}.install-operation li:after{display:none}.install-comparison{gap:40px}.install-comparison h3{font-size:24px;margin:16px 0}.install-comparison article>p{font-size:14px;margin-bottom:22px;min-height:0}.install-photo figcaption{font-size:11px;gap:4px}.install-closing{margin-top:35px;padding-top:34px}.install-closing .actions{gap:12px}.install-closing .actions>a{flex:1;justify-content:center;min-width:0}.install-closing .outline-link{padding-inline:12px}.installation-entry{gap:30px;padding-block:26px;margin-block:20px 35px}.installation-entry h2{font-size:28px}.install-carousel,.install-carousel-wide{--frame-height:clamp(330px,112vw,520px)}.install-carousel .install-slide figcaption{min-height:64px}.install-carousel-controls{gap:5px}.installation-page .install-viewer{padding:10px}.installation-page .install-viewer button{font-size:12px;padding:8px 10px}.install-view-toolbar{gap:7px;flex-wrap:wrap}.install-view-frame{height:72dvh}}
@media(prefers-reduced-motion:reduce){.installation-page{scroll-behavior:auto}.installation-page *{transition:none!important}}
@media print{.install-carousel.is-enhanced .install-carousel-viewport{overflow:visible}.install-carousel.is-enhanced .install-carousel-track{display:block;transform:none!important}.install-carousel .install-slide{break-inside:avoid}.install-carousel-controls{display:none}}

/* Mouse pause on desktop; touch users retain the explicit pause control. */

@media(hover:hover) and (pointer:fine){
 
 .install-carousel-controls [data-carousel-action=toggle]{position:absolute;width:1px;height:1px;min-width:0;min-height:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .install-carousel-controls [data-carousel-action=toggle]:focus-visible{position:static;width:auto;height:auto;min-width:44px;min-height:44px;padding:8px 12px;overflow:visible;clip-path:none}
}


.install-carousel-controls [data-carousel-action=toggle]{margin-left:auto}