/* Product-led lighting stories. Static photography, natural scroll, no simulated controls. */
.lighting-story-page{background:var(--surface-stone);color:#1d1d1f}
.lighting-story-page>.global-header--dark{position:relative;background:#241d19}
.lighting-story{--ls-muted:#646661;--ls-paper:var(--surface-stone);background:var(--ls-paper)}
.lighting-story img{display:block;max-width:100%;height:auto;user-select:none;-webkit-user-drag:none}
.lighting-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;font-size:14px;color:#555951;background:var(--ls-paper)}
.ls-pendant .ap-back{color:#e5ded7;background:#241d19}
.lighting-story a.text-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding-block:10px;font-size:15px;line-height:1.45;color:inherit;text-decoration:none}
.lighting-story a:hover{text-decoration:underline;text-underline-offset:5px}
.lighting-story :is(a,summary):focus-visible{outline:2px solid currentColor;outline-offset:5px}
.lighting-story .section-label{font-size:14px;line-height:1.5;letter-spacing:0;margin:0 0 22px;color:inherit}
.lighting-story-page .lighting-story h1{font-size:clamp(48px,5.5vw,78px);font-weight:500;line-height:1.06;letter-spacing:-.047em;margin:0;text-wrap:balance}
.lighting-story-page .lighting-story h2{font-size:clamp(34px,3.7vw,54px);font-weight:500;line-height:1.1;letter-spacing:-.042em;margin:0;text-wrap:balance}
.lighting-story .ls-body{font-size:18px;line-height:1.65;color:var(--ls-muted);margin:25px 0 0}
.ls-opening{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:0 7%;align-content:center;padding:68px var(--gutter) 74px;min-height:650px}
.ls-heading{position:relative;z-index:1;grid-column:1;grid-row:1;align-self:end}
.ls-heading-action{margin-top:20px}
.ls-opening .ap-summary{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:0 20px;grid-column:1;grid-row:2;align-self:start;max-width:480px}
.ls-opening .ap-purpose{flex-basis:100%;font-size:18px;line-height:1.6;letter-spacing:-.01em;margin:18px 0 10px;color:var(--ls-muted)}
.ls-opening .tech-spec-link{margin:0}
.ls-opening .product-requirements{margin-top:10px}
.ls-hero-media{margin:0;min-width:0}
.ls-downlight .ls-opening{background:var(--ls-paper)}
.ls-downlight .ls-hero-media{grid-column:2;grid-row:1/3;align-self:center}
.ls-downlight .ls-hero-media img{width:100%;mix-blend-mode:multiply}
.ls-downlight .ls-heading{max-width:620px}
.ls-pendant .ls-opening{--ls-muted:#d9d1c8;color:#fff;background:#241d19;min-height:670px;grid-template-columns:1.3fr 1fr;gap:0 5%;padding-block:60px 76px}
.ls-pendant .ls-heading,.ls-pendant .ap-summary{grid-column:2}
.ls-pendant .ls-heading{max-width:520px}
.ls-pendant .ls-opening h1{font-size:clamp(45px,4.5vw,66px)}
.ls-pendant .ls-hero-media{position:absolute;z-index:-1;inset:0}
.ls-pendant .ls-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 35%,rgba(24,18,14,.7) 57%,rgba(24,18,14,.75))}
.ls-pendant .ls-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}
.ls-form{padding:110px 0;background:var(--surface-stone)}
.ls-form-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%}
.ls-form figure{margin:0;display:grid;place-items:center}
.ls-form img{width:min(100%,550px)}
.ls-form .section-label{color:#69635c}
.ls-form .ls-body{max-width:450px;color:#69635c}
.ls-light-story{padding:90px 0 76px;background:#202522;color:#f5f5f2;--ls-muted:#b9c0b9}
.ls-light-heading{display:grid;grid-template-columns:1.12fr 1fr;gap:10%;align-items:center}
.ls-light-heading .section-label{color:#b9c0b9}
.ls-light-heading .ls-body{margin:0;max-width:415px}
.ls-tone-range{height:100px;margin-top:70px;border-radius:50%;background:linear-gradient(90deg,#c29058 0%,#f1cda5 28%,#efece1 56%,#cfdeeb 82%,#7b9caa 100%);filter:blur(34px);opacity:.74;transform:scaleY(.42);transform-origin:center}
.ls-tone-labels{display:flex;justify-content:space-between;gap:24px;margin-top:-12px;color:#dce0d9;font-size:14px;line-height:1.5}
.ls-uses{display:grid;grid-template-columns:1fr 1fr;gap:10%;border-top:1px solid #4b534d;margin-top:50px;padding-top:30px}
.lighting-story .ls-uses h3{font-size:23px;font-weight:500;letter-spacing:-.025em;line-height:1.3;margin:0 0 14px}
.ls-uses p{font-size:16px;line-height:1.65;color:#b9c0b9;max-width:400px;margin:0}
.ls-planning{padding:90px 0;background:var(--surface-stone)}
.ls-planning-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}
.ls-planning-with-detail .ls-planning-grid{column-gap:9%;row-gap:24px;align-items:center}
.ls-s3-detail-media{grid-column:1;grid-row:1/3;margin:0;display:grid;place-items:center;min-width:0}
/* Frame the alternate product view from the original 800x808 manufacturer
   sheet (x208, y100, 448x384). Keep the source intact and below native size. */
.ls-s3-detail-window{position:relative;overflow:hidden;width:min(100%,384px);aspect-ratio:7/6;background:var(--surface-stone);isolation:isolate}
.lighting-story .ls-s3-detail-window img{position:absolute;width:178.571429%;max-width:none;height:auto;left:-46.428571%;top:-26.041667%;filter:brightness(1.02);mix-blend-mode:multiply}
.ls-planning-with-detail .ls-planning-heading,.ls-planning-with-detail .ls-planning-copy{grid-column:2}
.ls-planning .section-label{color:#626b63}
.ls-planning .ls-body{margin:0 0 26px}
.ls-planning details{border-block:1px solid #bfc7bf}
.ls-planning summary{list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:60px;padding:13px 0;font-size:15px;line-height:1.5;cursor:pointer}
.ls-planning summary::-webkit-details-marker{display:none}
.ls-planning summary>span{font-size:23px;line-height:1;flex:none;font-weight:300}
.ls-planning details[open] summary>span{transform:rotate(45deg)}
.ls-planning details>p{font-size:15px;line-height:1.65;color:#646c64;margin:0 0 22px}
.ls-enquiry{text-align:center;background:var(--surface-stone);padding:80px 0 88px}
.ls-enquiry .section-label{color:#646c64}
.ls-enquiry h2+p{font-size:18px;line-height:1.6;color:#646c64;max-width:550px;margin:24px auto 12px}
@media(min-width:1441px){.ls-opening{padding-inline:max(var(--gutter),calc((100vw - 1280px)/2))}.ls-pendant .ls-opening{min-height:760px}.ls-downlight .ls-opening{min-height:740px}}
@media(max-width:1000px) and (min-width:761px){.ls-pendant .ls-opening{grid-template-columns:1fr 1fr;gap:4%;min-height:630px}.ls-pendant .ls-heading h1{font-size:45px}.ls-downlight .ls-opening{gap:4%;min-height:610px}}
@media(max-width:800px){.lighting-story-page>.global-header--dark{position:sticky;background:rgba(36,29,25,.78)}.lighting-linearpedant .product-trail{background:#241d19;color:#d9d1c8}.lighting-recesseddownlightpro .product-trail{background:var(--surface-stone)}}
@media(max-width:760px){
 .lighting-story .ap-back{gap:18px;font-size:12px;padding-block:3px 8px;align-items:center}
 .lighting-story .ap-back>span{max-width:56%}
 .lighting-story .ap-back .text-link{font-size:12px;gap:5px;flex:none}
 .ls-opening,.ls-pendant .ls-opening{display:flex;flex-direction:column;min-height:0;padding:32px 0 38px;gap:0}
 .ls-heading,.ls-pendant .ls-heading{padding:0 24px 24px;text-align:center;max-width:none;width:100%}
 .lighting-story-page .lighting-story h1,.ls-pendant .ls-opening h1{font-size:clamp(37px,10.1vw,56px);line-height:1.07;letter-spacing:-.044em}
 .lighting-story .section-label{font-size:13px;margin-bottom:18px}
 .ls-heading-action{margin-top:16px}
 .lighting-story a.text-link{font-size:14px}
 .ls-opening .ap-summary{width:100%;max-width:none;margin:0;padding:6px 24px 0;justify-content:center;text-align:center;gap:0 18px}
 .ls-opening .ap-purpose{font-size:16px;line-height:1.55;max-width:450px;margin:20px 0 14px}
 .ls-opening .tech-spec-link{font-size:14px}
 .ls-opening .product-requirements{text-align:left}
 .ls-downlight .ls-hero-media{width:min(84%,400px);align-self:center}
 .ls-pendant .ls-hero-media{position:relative;inset:auto;z-index:0;width:100%;height:320px}
 .ls-pendant .ls-hero-media img{object-position:28% center}
 .ls-pendant .ls-hero-media:after{display:none}
 .ls-pendant .ls-opening .ap-summary{padding-top:12px}
 .ls-form{padding:60px 0}
 .ls-form-grid{grid-template-columns:1fr;gap:44px}
 .ls-form figure{padding-inline:8px}
 .ls-form img{max-width:489px}
 .lighting-story-page .lighting-story h2{font-size:clamp(31px,8.3vw,43px);line-height:1.12}
 .lighting-story .ls-body{font-size:16px;line-height:1.6;margin-top:22px}
 .ls-light-story{padding:60px 0 54px}
 .ls-light-heading{grid-template-columns:1fr;gap:24px}
 .ls-light-heading .ls-body{margin:0}
 .ls-tone-range{height:78px;margin-top:36px;filter:blur(20px)}
 .ls-tone-labels{margin-top:-8px;font-size:12px}
 .ls-uses{grid-template-columns:1fr;gap:28px;margin-top:38px;padding-top:28px}
 .lighting-story .ls-uses h3{font-size:21px;margin-bottom:10px}
 .ls-uses p{font-size:15px}
 .ls-planning{padding:60px 0}
 .ls-planning-grid{grid-template-columns:1fr;gap:26px}
 .ls-planning-with-detail .ls-planning-grid{row-gap:28px}
 .ls-planning-with-detail .ls-planning-heading,.ls-planning-with-detail .ls-planning-copy,.ls-s3-detail-media{grid-column:1;grid-row:auto}
 .ls-planning-with-detail .ls-planning-heading{grid-row:1}
 .ls-s3-detail-media{grid-row:2}
 .ls-s3-detail-window{width:min(100%,320px)}
 .ls-planning .ls-body{margin:0 0 24px}
 .ls-enquiry{padding:60px 0 66px}
 .ls-enquiry h2+p{font-size:16px;margin-top:22px}
}
@media(max-width:359px){.lighting-story-page .lighting-story h1,.ls-pendant .ls-opening h1{font-size:35px}.ls-pendant .ls-hero-media{height:275px}.ls-downlight .ls-hero-media{width:84%}.ls-heading,.ls-pendant .ls-heading{padding-inline:20px}.ls-opening .ap-summary{padding-inline:20px}.lighting-story .ls-enquiry h2{font-size:30px}}

/* Mobile readability: keep the shared heading scale unchanged. */
@media(max-width:760px){
 .ls-opening .ap-purpose,.lighting-story .ls-body,.ls-uses p,.ls-planning details>p{font-size:18px;line-height:1.6}
 .ls-planning summary,.lighting-story a.text-link{min-height:48px;font-size:16px}
}