/* Compact objects, generous space and one distinct story per sensor. */
.sensor-product-story-page{background:#fff;color:#1d1d1f}
.sensor-product-waterleak>.global-header,.sensor-product-waterleak .product-trail{background:var(--surface-stone);color:#1d1d1f}
.sensor-product-doorwindow>.global-header,.sensor-product-doorwindow .product-trail{background:#fff;color:#1d1d1f}
.sensor-product-emergency>.global-header,.sensor-product-emergency .product-trail{background:#fff;color:#1d1d1f}
.sensor-product-humidity>.global-header,.sensor-product-humidity .product-trail{background:var(--surface-stone);color:#1d1d1f}
.sensor-product-story{--ss-ink:#1d1d1f;--ss-muted:#626267;--ss-surface:var(--surface-stone);background:var(--ss-surface);color:var(--ss-ink)}
.ss-smoke{--ss-ink:#f5f5f7;--ss-muted:#c3c3c7;--ss-surface:#1d1d1f}
.ss-doorwindow{--ss-ink:#1d1d1f;--ss-muted:#626267;--ss-surface:#fff}
.ss-emergency{--ss-ink:#1d1d1f;--ss-muted:#626267;--ss-surface:#fff}
.ss-humidity{--ss-ink:#1d1d1f;--ss-muted:#626267;--ss-surface:var(--surface-stone)}
.sensor-product-story .ap-back{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;max-width:none;margin:0;padding:8px var(--gutter) 12px;background:var(--ss-surface);color:var(--ss-ink);font-size:14px;line-height:1.5}
.sensor-product-story .text-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding-block:10px;font-size:15px;line-height:1.4;color:inherit;text-decoration:none}
.sensor-product-story a:hover{text-decoration:underline;text-underline-offset:5px}
.sensor-product-story :is(a,summary):focus-visible{outline:2px solid currentColor;outline-offset:5px}
.sensor-product-story img{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}
.sensor-product-story figure{margin:0}
.sensor-product-story .section-label{font-size:14px;line-height:1.5;letter-spacing:0;margin:0 0 22px;color:inherit}
.sensor-product-story-page .sensor-product-story h1{font-size:clamp(43px,5.1vw,74px);line-height:1.06;font-weight:500;letter-spacing:-.05em;margin:0 0 26px;text-wrap:balance}
.sensor-product-story-page .sensor-product-story h2{font-size:clamp(32px,3.5vw,50px);line-height:1.13;font-weight:500;letter-spacing:-.045em;margin:0;text-wrap:balance}
.ss-opening-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:8%;align-items:center;align-content:center;min-height:650px;padding-block:52px 78px}
.ss-heading{grid-column:1;grid-row:1;align-self:end}
.ss-hero-photo{grid-column:2;grid-row:1/3;display:flex;align-items:center;justify-content:center;min-width:0}
.ss-hero-photo img{max-width:450px;max-height:460px;object-fit:contain}
.ss-opening .ap-summary{grid-column:1;grid-row:2;align-self:start;max-width:450px;padding-top:20px;color:var(--ss-muted)}
.ss-opening .ap-purpose{font-size:18px;line-height:1.65;letter-spacing:-.015em;margin:0 0 20px}
.ss-opening .tech-spec-link{margin:0}
.ss-opening .product-requirements{margin-top:6px}
.ss-copy{font-size:18px;line-height:1.65;letter-spacing:-.01em;margin:26px 0 0}
.ss-note{font-size:13px;line-height:1.65;margin:24px 0 0}
.ss-points{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin:35px 0 0}
.ss-points dt{font-size:23px;line-height:1.3;letter-spacing:-.025em;font-weight:500;margin:0 0 13px}
.ss-points dd{font-size:16px;line-height:1.6;margin:0}
.ss-secondary img{object-fit:contain;width:100%;height:100%}
.ss-water-detail{background:#1d1d1f;color:#f5f5f7;padding:75px 0 65px}
.ss-water-grid{display:grid;grid-template-columns:1.1fr 1fr;column-gap:8%;align-items:center}
.ss-water-detail .section-label{color:#b6b6bb}
.ss-water-detail .ss-copy{color:#c3c3c7;max-width:450px}
.ss-water-photo{grid-column:2;grid-row:1/3;width:100%;max-width:510px;aspect-ratio:1.27}
.ss-water-detail .ss-points{grid-column:1;gap:30px;max-width:490px}
.ss-water-detail .ss-points dd{color:#c3c3c7}
.ss-water-detail .ss-note{grid-column:1/-1;margin-top:35px;color:#b6b6bb}
.ss-smoke .ss-hero-photo{grid-column:1}
.ss-smoke .ss-heading,.ss-smoke .ap-summary{grid-column:2}
.ss-smoke .ss-hero-photo img{max-height:455px;max-width:410px}
.ss-smoke-detail{background:var(--surface-stone);color:#1d1d1f;padding:76px 0}
.ss-smoke-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:9%;align-items:center}
.ss-smoke-detail .section-label{color:#626267}
.ss-smoke-photo{width:100%;aspect-ratio:1;background:var(--surface-stone);position:relative;overflow:hidden}
/* Frame the manufacturer's full transparent canvas without changing its pixels. */
.ss-smoke-photo img{position:absolute;width:180%;max-width:none;height:auto;left:50%;top:50%;transform:translate(-50%,-50%)}
.ss-smoke-detail .ss-points{grid-template-columns:1fr;gap:27px;max-width:450px}
.ss-smoke-detail .ss-points dt{font-size:21px;margin-bottom:9px}
.ss-smoke-detail .ss-points dd{color:#626267}
.ss-doorwindow .ss-opening-grid{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);column-gap:10%;padding-top:38px}
.ss-doorwindow .ss-heading{grid-column:1/-1;text-align:center;grid-row:1;margin-bottom:42px;align-self:start}
.ss-doorwindow .ss-heading h1{font-size:clamp(43px,5.2vw,74px)}
.ss-doorwindow .ss-hero-photo{grid-column:1;grid-row:2;justify-content:flex-end}
.ss-doorwindow .ss-hero-photo img{max-width:310px;max-height:326px}
.ss-doorwindow .ap-summary{grid-column:2;grid-row:2;padding:0;align-self:center}
.ss-door-detail{background:var(--surface-stone);color:#1d1d1f;padding:70px 0}
.ss-door-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:9%;align-items:center}
.ss-door-detail .section-label{color:#626267}
.ss-door-photo{width:min(100%,290px);height:375px;justify-self:center}
.ss-door-detail .ss-points{gap:28px}
.ss-door-detail .ss-points dd{color:#626267}
.ss-emergency .ss-opening-grid{column-gap:9%}
.ss-emergency .ss-hero-photo img{max-width:470px;max-height:390px}
.ss-emergency-detail{background:var(--surface-stone);color:#1d1d1f;padding:66px 0}
.ss-emergency-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:7%;align-items:center}
.ss-emergency-detail .section-label{color:#626267}
.ss-emergency-detail .ss-copy{color:#626267;max-width:450px}
.ss-emergency-photo{width:100%;max-width:420px;aspect-ratio:1;background:var(--surface-stone);position:relative;overflow:hidden;justify-self:center}
.ss-emergency-photo img{position:absolute;width:210%;max-width:none;height:auto;left:50%;top:50%;transform:translate(-50%,-50%)}
.ss-emergency-detail .ss-note{color:#626267;max-width:455px}
.ss-humidity .ss-hero-photo img{max-width:390px;max-height:390px}
.ss-humidity-detail{background:#1d1d1f;color:#f5f5f7;padding:76px 0}
.ss-humidity-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:9%;align-items:center}
.ss-humidity-detail .section-label{color:#b6b6bb}
.ss-humidity-photo{width:100%;max-width:440px;aspect-ratio:1;justify-self:center}
.ss-humidity-detail .ss-points{grid-template-columns:1fr;gap:26px}
.ss-humidity-detail .ss-points dd{color:#c3c3c7}
.ss-humidity .ss-enquiry{background:var(--surface-stone);color:#1d1d1f}
.ss-fitting{background:#fff;color:#1d1d1f;padding:76px 0}
.ss-fitting-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:start}
.ss-fitting .section-label{color:#626267}
.ss-fitting .ss-copy{color:#626267;margin:0 0 25px;font-size:17px}
.ss-fitting details{border-block:1px solid #d2d2d7}
.ss-fitting summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:58px;padding:14px 0;font-size:15px;line-height:1.5}
.ss-fitting summary::-webkit-details-marker{display:none}
.ss-fitting summary>span{font-size:23px;line-height:1;font-weight:300;flex:none}
.ss-fitting details[open] summary>span{transform:rotate(45deg)}
.ss-fitting details p{font-size:15px;line-height:1.7;color:#626267;margin:0;padding-bottom:24px}
.ss-enquiry{background:var(--surface-stone);color:#1d1d1f;text-align:center;padding:74px 0 82px}
.ss-enquiry .section-label{color:#626267}
.ss-enquiry h2+p{font-size:17px;line-height:1.6;color:#626267;max-width:550px;margin:23px auto 13px}
.ss-smoke .ss-enquiry{background:#1d1d1f;color:#f5f5f7}
.ss-smoke .ss-enquiry .section-label,.ss-smoke .ss-enquiry h2+p{color:#b6b6bb}
.ss-doorwindow .ss-enquiry{background:var(--surface-stone);color:#1d1d1f}
.ss-emergency .ss-enquiry{background:var(--surface-stone);color:#1d1d1f}
@media(min-width:1441px){.ss-opening-grid{max-width:1320px;min-height:700px}}
@media(min-width:801px){.sensor-product-smoke>.global-header--dark{position:relative;background:#1d1d1f}}
@media(max-width:800px){
 .sensor-product-waterleak>.global-header{background:rgba(var(--surface-stone-rgb),.78)}
 .sensor-product-doorwindow>.global-header{background:rgba(255,255,255,.78)}
 .sensor-product-emergency>.global-header{background:rgba(255,255,255,.78)}
 .sensor-product-humidity>.global-header{background:rgba(var(--surface-stone-rgb),.78)}
 .sensor-product-smoke>.global-header--dark{position:sticky;background:rgba(29,29,31,.80)}
 .sensor-product-smoke .product-trail{background:#1d1d1f;color:#c3c3c7}
}
@media(max-width:760px){
 .sensor-product-story .ap-back{font-size:12px;gap:16px}.sensor-product-story .ap-back .text-link{font-size:12px}
 .sensor-product-story .section-label{font-size:13px;margin-bottom:17px}
 .sensor-product-story-page .sensor-product-story h1,.sensor-product-story-page .ss-doorwindow .ss-heading h1{font-size:clamp(36px,10vw,53px);line-height:1.09;letter-spacing:-.045em;margin-bottom:15px}
 .sensor-product-story-page .sensor-product-story h2{font-size:clamp(29px,8vw,40px);line-height:1.15}
 .ss-opening-grid,.ss-doorwindow .ss-opening-grid{display:flex;flex-direction:column;gap:0;min-height:0;width:100%;max-width:none;padding:30px 24px 38px}
 .ss-heading,.ss-doorwindow .ss-heading{width:100%;text-align:center;margin:0}
 .ss-heading .text-link{font-size:14px;justify-content:center}
 .ss-hero-photo,.ss-doorwindow .ss-hero-photo{width:100%;justify-content:center;margin:28px 0 22px}
 .ss-hero-photo img{max-width:265px;max-height:290px}
 .ss-smoke .ss-hero-photo img{max-width:235px;max-height:290px}
 .ss-doorwindow .ss-hero-photo img{max-width:230px;max-height:243px}
 .ss-emergency .ss-hero-photo img{max-width:290px;max-height:230px}
 .ss-humidity .ss-hero-photo img{max-width:250px;max-height:250px}
 .ss-opening .ap-summary,.ss-doorwindow .ap-summary{width:100%;max-width:470px;padding:0;align-self:center;text-align:center}
 .ss-opening .ap-purpose{font-size:16px;line-height:1.6;margin-bottom:15px}
 .ss-opening .product-requirements{text-align:left}
 .ss-water-detail,.ss-smoke-detail,.ss-door-detail,.ss-emergency-detail{padding:44px 0 42px}
 .ss-water-grid,.ss-smoke-grid,.ss-door-grid,.ss-emergency-grid{display:flex;flex-direction:column;gap:0;align-items:stretch}
 .ss-copy{font-size:16px;line-height:1.65;margin-top:21px}
 .ss-water-photo{order:1;width:min(100%,350px);margin:28px auto 0;aspect-ratio:1.27}
 .ss-water-detail .ss-points{order:2;max-width:none;margin-top:27px}
 .ss-water-detail .ss-note{order:3;margin-top:27px}
 .ss-points{gap:22px;margin-top:27px}
 .ss-points dt{font-size:21px;margin-bottom:10px}
 .ss-points dd{font-size:15px}
 .ss-note{font-size:12px;line-height:1.65}
 .ss-smoke-photo{order:1;max-width:330px;margin:28px auto 0}
 .ss-smoke-detail .ss-points{grid-template-columns:1fr;gap:25px;margin-top:27px}
 .ss-smoke-detail .ss-points dt{font-size:20px}
 .ss-smoke-detail .ss-detail-copy{order:0}
 .ss-door-photo{max-width:230px;height:297px;margin:32px auto 0}
 .ss-door-detail .ss-points{grid-template-columns:1fr;gap:25px}
 .ss-door-detail .ss-points dt{font-size:20px}
 .ss-emergency-photo{max-width:320px;margin:27px auto 0}
 .ss-emergency-detail .ss-note{margin-top:20px}
 .ss-humidity-detail{padding:44px 0}
 .ss-humidity-grid{display:flex;flex-direction:column;gap:27px;align-items:stretch}
 .ss-humidity-detail .ss-detail-copy{order:0}
 .ss-humidity-photo{order:1;max-width:300px;margin-inline:auto}
 .ss-humidity-detail .ss-points{gap:25px}
 .ss-fitting{padding:44px 0}
 .ss-fitting-grid{grid-template-columns:1fr;gap:24px}
 .ss-fitting .ss-copy{font-size:16px;margin-bottom:22px}
 .ss-fitting summary,.ss-fitting details p{font-size:14px}
 .ss-enquiry{padding:45px 0 52px}
 .ss-enquiry h2+p{font-size:16px;margin-top:21px}
 .ss-enquiry .text-link{font-size:14px}
}
@media(max-width:360px){.ss-points{grid-template-columns:1fr;gap:23px}.ss-hero-photo img{max-height:250px}.ss-smoke .ss-hero-photo img{max-height:250px}.ss-doorwindow .ss-hero-photo img{max-height:230px}.ss-emergency .ss-hero-photo img{max-height:210px}}

/* SN20: neutral product stage, with the original transparent manufacturer renders. */
.sensor-product-motion>.global-header,.sensor-product-motion .product-trail{background:var(--surface-stone);color:#1d1d1f}
.ss-motion{--ss-ink:#1d1d1f;--ss-muted:#626267;--ss-surface:var(--surface-stone)}
.sensor-product-story-page .ss-motion h1{font-size:clamp(40px,4.4vw,64px)}
.ss-motion .ss-hero-photo img{max-width:405px;max-height:405px}
.ss-motion-detail{background:#1d1d1f;color:#f5f5f7;padding:76px 0}
.ss-motion-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:8%;align-items:center}
.ss-motion-detail .section-label{color:#b6b6bb}
.ss-motion-detail .ss-points{grid-template-columns:1fr;gap:26px;max-width:460px}
.ss-motion-detail .ss-points dd{color:#c3c3c7}
.ss-motion-photo{width:100%;max-width:440px;aspect-ratio:1;justify-self:center}
.ss-motion .ss-fitting{background:#fff;color:#1d1d1f}
.ss-motion .ss-enquiry{background:var(--surface-stone);color:#1d1d1f}
.ss-motion .ss-enquiry :is(.section-label,h2+p){color:#626267}
@media(max-width:800px){.sensor-product-motion>.global-header{background:rgba(var(--surface-stone-rgb),.80)}}
@media(max-width:760px){
 .sensor-product-story-page .ss-motion h1{font-size:clamp(36px,10vw,53px)}
 .ss-motion .ss-hero-photo img{max-width:270px;max-height:270px}
 .ss-motion-detail{padding:44px 0}
 .ss-motion-grid{display:flex;flex-direction:column;gap:27px;align-items:stretch}
 .ss-motion-photo{max-width:300px;margin-inline:auto}
 .ss-motion-detail .ss-points{gap:25px}
}

/* Mobile readability: keep the shared heading scale unchanged. */
/* One visual chapter: a heading, the product, then its short explanation. */
@media(min-width:761px){
 .ss-detail-grid{column-gap:8%;row-gap:0;align-items:center}
 .ss-detail-grid .ss-detail-heading{grid-column:1;grid-row:1;align-self:end}
 .ss-detail-grid .ss-detail-copy{grid-column:1;grid-row:2;align-self:start}
 .ss-detail-grid .ss-secondary{grid-column:2;grid-row:1/3;align-self:center}
 :is(.ss-smoke-grid,.ss-humidity-grid).ss-detail-grid .ss-detail-heading{grid-column:2}
 :is(.ss-smoke-grid,.ss-humidity-grid).ss-detail-grid .ss-detail-copy{grid-column:2}
 :is(.ss-smoke-grid,.ss-humidity-grid).ss-detail-grid .ss-secondary{grid-column:1}
}
@media(max-width:760px){
 .ss-detail-grid{display:flex;flex-direction:column;gap:0;align-items:stretch}
 .ss-detail-grid .ss-detail-heading{order:0}
 .ss-detail-grid .ss-secondary{order:1;margin:28px auto 0}
 .ss-detail-grid .ss-detail-copy{order:2;width:100%}
 .ss-detail-grid .ss-points{grid-template-columns:1fr;gap:24px;max-width:none;margin-top:28px}
 .ss-detail-grid .ss-points>div{border-top:1px solid color-mix(in srgb,currentColor 22%,transparent);padding-top:18px}
 .ss-opening .ap-purpose,.sensor-product-story .ss-copy,.sensor-product-story .ss-points dd,.ss-fitting .ss-copy,.ss-fitting details p{font-size:18px;line-height:1.6}
 .sensor-product-story .ss-note{font-size:16px;line-height:1.6}
 .sensor-product-story .text-link,.ss-fitting summary{min-height:48px;font-size:16px}
 .ss-hero-photo img{max-width:290px;max-height:310px}
 .ss-humidity .ss-hero-photo img,.ss-motion .ss-hero-photo img{max-width:290px;max-height:290px}
}

@media(max-width:760px){
 .ss-emergency .ss-note{font-size:18px;line-height:1.6}
}