/* Interior stories use the original manufacturer photography and existing Dox type. */
.interior-photo { margin:0; min-width:0; }
.interior-photo picture { display:block; overflow:hidden; background:#f2f1ed; }
.interior-photo img { width:100%; height:100%; object-fit:cover; }
.interior-photo figcaption,
.interior-credit { color:var(--muted); font-size:10px; line-height:1.6; padding-top:9px; }
.interior-hero { padding-top:48px; }
.interior-hero .back-link { margin-bottom:34px; }
.interior-hero-copy { display:grid; grid-template-columns:1.2fr 1fr; gap:70px; align-items:end; padding-bottom:42px; }
.interior-hero-copy>* { min-width:0; }
.interior-hero-copy .eyebrow { font-size:11px; margin-bottom:22px; }
.interior-hero h1 { font-size:clamp(46px,5.4vw,76px); line-height:1.08; }
.interior-hero-copy>div:last-child { max-width:440px; padding-bottom:4px; }
.interior-hero-copy>div:last-child>p { font-size:17px; line-height:1.8; }
.interior-hero-copy .text-link { margin-top:23px; }
.interior-hero-photo picture { aspect-ratio:2.15/1; }
.interior-hero-photo img { object-position:50% 55%; }
.shades-hero-photo img { object-position:50% 48%; }
.interior-jumps { display:flex; flex-wrap:wrap; gap:8px 34px; padding-block:22px 4px; }
.interior-jumps a { display:inline-flex; align-items:center; justify-content:space-between; gap:24px; min-height:44px; border-bottom:1px solid var(--line); font-size:12px; }
.interior-jumps a:hover { border-color:var(--ink); }
.interior-jumps a span { color:var(--muted); }
.interior-intro { display:grid; grid-template-columns:1fr 1fr; gap:100px; padding-block:70px; }
.interior-intro>* { min-width:0; }
.interior-intro .eyebrow,
.interior-row .eyebrow,
.light-capabilities .eyebrow,
.digital-lighting .eyebrow,
.interior-related .eyebrow { font-size:10px; }
.interior-intro h2,
.interior-row h2,
.tone-copy h2,
.light-capabilities h2,
.digital-lighting h2 { font-size:clamp(32px,3.5vw,45px); line-height:1.14; }
.interior-intro>div:last-child { max-width:530px; padding-top:5px; }
.interior-intro p+p { margin-top:20px; }
.interior-intro .text-link { margin-top:24px; }
.interior-row { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:90px; padding-bottom:70px; }
.interior-row>* { min-width:0; }
.interior-row>div { max-width:530px; }
.interior-row>div>p:not(.eyebrow) { margin-top:24px; line-height:1.8; }
.interior-row .text-link { margin-top:26px; }
.interior-detail-photo picture { aspect-ratio:4/5; max-height:660px; }
.interior-detail-photo img { object-position:35% 50%; }
.control-options { margin-top:30px; }
.control-options details { border-top:1px solid var(--line); }
.control-options details:last-child { border-bottom:1px solid var(--line); }
.control-options summary { list-style:none; display:flex; justify-content:space-between; align-items:center; gap:22px; min-height:54px; padding-block:17px; cursor:pointer; font-size:15px; line-height:1.5; }
.control-options summary::-webkit-details-marker { display:none; }
.control-options summary span { flex-shrink:0; font-size:22px; transition:transform .2s; }
.control-options details[open] summary span { transform:rotate(45deg); }
.control-options details>p { padding:0 25px 22px 0; font-size:14px; line-height:1.8; }
.tone-section { background:#f1efe9; padding-block:70px; }
.tone-layout { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:90px; }
.tone-layout>* { min-width:0; }
.tone-copy { max-width:475px; }
.tone-copy .eyebrow { font-size:10px; }
.tone-copy>p:not(.eyebrow):not(.light-look-status):not(.tone-note) { margin-top:25px; line-height:1.8; }
.tone-copy .tone-note { margin-top:27px; max-width:380px; font-size:12px; line-height:1.8; }
.light-look-demo { width:100%; max-width:419px; justify-self:end; }
.light-look-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 14px; }
/* Reserve the single-image stage before enhancement, keeping nearby content steady. */
.light-look-gallery::before { content:""; grid-column:1/-1; grid-row:1; aspect-ratio:1180/1577; max-height:560px; margin-bottom:29px; }
.light-look-gallery figure { margin:0; min-width:0; grid-row:1; align-self:center; }
.light-look-gallery figure[data-look="cool"] { grid-column:1; }
.light-look-gallery figure[data-look="warm"] { grid-column:2; }
.light-look-gallery picture { display:block; aspect-ratio:1180/1577; max-height:560px; overflow:hidden; background:#e7e2d8; }
.light-look-gallery img { width:100%; height:100%; object-fit:cover; }
.light-look-gallery figcaption { padding-top:11px; font-size:12px; color:var(--ink); line-height:1.5; }
.light-look-demo.is-ready { width:100%; max-width:419px; justify-self:end; }
.light-look-demo.is-ready .light-look-gallery { grid-template-columns:minmax(0,1fr); }
.light-look-demo.is-ready .light-look-gallery figure { grid-column:1/-1; }
.light-look-demo .interior-credit { padding-top:10px; }
.light-look-controls { display:flex; flex-wrap:wrap; gap:10px; margin-top:29px; }
.light-look-controls button { min-height:48px; min-width:135px; padding:11px 19px; border:1px solid #9a998f; border-bottom-width:3px; border-radius:0; background:transparent; color:var(--ink); font-size:13px; line-height:1.5; transition:background .18s,color .18s,border-color .18s; }
.light-look-controls button:hover { border-color:var(--ink); }
.light-look-controls button[aria-pressed="true"] { background:var(--ink); color:#fff; border-color:var(--ink); border-bottom-color:var(--gold); }
.light-look-status { margin-top:15px; font-size:12px; line-height:1.6; color:var(--ink); }
.light-look-status:empty { display:none; }
.light-capabilities { padding-block:70px; }
.light-capability-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:38px; margin-top:43px; }
.light-capability-grid article { min-width:0; padding-top:24px; border-top:1px solid var(--line); }
.light-capability-grid .cap-number { font-size:10px; color:var(--muted); }
.light-capability-grid h3 { margin-top:23px; font-size:26px; line-height:1.25; }
.light-capability-grid p { margin-top:18px; font-size:15px; line-height:1.8; }
.ketra-story { align-items:center; }
.ketra-room-photo picture { aspect-ratio:3/4; max-height:700px; }
.ketra-room-photo img { object-position:50% 50%; }
.digital-lighting { display:grid; grid-template-columns:1fr 1fr; gap:100px; border-top:1px solid var(--line); padding-block:42px 70px; }
.digital-lighting>* { min-width:0; }
.digital-lighting>div:last-child { max-width:530px; }
.digital-lighting p+p { margin-top:20px; }
.digital-lighting .digital-note { margin-top:25px; padding-left:18px; border-left:2px solid var(--gold); font-size:14px; color:var(--ink); }
.digital-lighting .text-link { margin-top:25px; }
.interior-faq { padding-top:0; padding-bottom:70px; }
.interior-related { display:flex; justify-content:space-between; align-items:center; gap:45px; border-top:1px solid var(--line); padding-block:40px 70px; }
.interior-related h2 { font-size:clamp(30px,3.3vw,42px); line-height:1.2; }
.interior-related>div:last-child { display:flex; flex-direction:column; align-items:flex-start; gap:14px; flex-shrink:0; }
.interior-related .eyebrow { margin-bottom:20px; }
.shade-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:38px; padding-bottom:70px; }
.shade-detail { min-width:0; }
.shade-hardware-photo picture,
.drapery-room-photo picture { aspect-ratio:3/2; }
.shade-hardware-photo img { object-position:50% 50%; }
.drapery-room-photo img { object-position:50% 50%; }
.shade-detail>div { padding-top:27px; max-width:560px; }
.shade-detail .eyebrow { font-size:10px; margin-bottom:20px; }
.shade-detail h2 { font-size:clamp(30px,3vw,39px); line-height:1.18; }
.shade-detail p:not(.eyebrow) { font-size:15px; line-height:1.85; margin-top:21px; }
.fabric-section { background:#242721; color:#fff; padding-block:70px; }
.fabric-heading .eyebrow,
.fabric-grid .cap-number { color:#c0c8b1; font-size:10px; }
.fabric-heading h2 { font-size:clamp(34px,3.5vw,45px); line-height:1.14; }
.fabric-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:38px; margin-top:43px; }
.fabric-grid article { min-width:0; border-top:1px solid #606859; padding-top:24px; }
.fabric-grid h3 { margin-top:23px; max-width:320px; font-size:26px; line-height:1.25; }
.fabric-grid p { margin-top:20px; color:#c5c9bf; font-size:15px; line-height:1.85; }
.shades-connected { padding-block:70px; }
.manufacturer-reading { display:flex; align-items:center; justify-content:space-between; gap:25px; padding-block:25px 70px; border-top:1px solid var(--line); }
.manufacturer-reading>p { font-size:13px; }
.manufacturer-reading .text-link { max-width:100%; }
.home-light-story { padding-bottom:70px; }
.home-light-photo picture { aspect-ratio:2.4/1; }
.home-light-photo img { object-position:50% 48%; }
.home-light-caption { display:flex; align-items:center; justify-content:space-between; gap:32px; padding-top:28px; }
.home-light-caption h2 { font-size:clamp(32px,3.5vw,45px); line-height:1.2; }
.home-light-caption>div { display:flex; flex-wrap:wrap; gap:16px 30px; flex-shrink:0; }
.brand-text-name { max-width:66%; font-family:var(--sans); font-size:24px; font-weight:400; line-height:1.25; letter-spacing:normal; text-align:center; overflow-wrap:break-word; }

@media(max-width:1000px) {
  .interior-hero-copy { gap:38px; }
  .interior-hero-copy>div:last-child>p { font-size:15px; }
  .interior-intro,
  .interior-row,
  .tone-layout,
  .digital-lighting { gap:45px; }
  .interior-detail-photo picture { aspect-ratio:3/4; }
  .interior-row>div>p:not(.eyebrow) { font-size:15px; }
  .light-capability-grid,
  .fabric-grid,
  .shade-pair { gap:26px; }
  .light-capability-grid h3,
  .fabric-grid h3 { font-size:24px; }
  .tone-copy .tone-note { font-size:11px; }
  .light-look-controls { gap:8px; }
  .light-look-controls button { min-width:0; padding-inline:13px; }
  .home-light-caption { align-items:flex-start; }
  .home-light-caption>div { flex-direction:column; align-items:flex-start; gap:9px; }
  .interior-related { gap:30px; }
}

@media(max-width:650px) {
  .interior-hero { padding-top:30px; }
  .interior-hero .back-link { margin-bottom:28px; }
  .interior-hero-copy { display:block; padding-bottom:28px; }
  .interior-hero-copy .eyebrow { font-size:9px; margin-bottom:20px; }
  .interior-hero h1 { font-size:clamp(42px,11.8vw,62px); line-height:1.1; }
  .interior-hero-copy>div:last-child { max-width:none; padding:0; margin-top:24px; }
  .interior-hero-copy>div:last-child>p { font-size:16px; line-height:1.75; }
  .interior-hero-copy .text-link { margin-top:18px; }
  .interior-hero-photo picture { aspect-ratio:4/3; }
  .interior-photo figcaption,
  .interior-credit { font-size:9px; padding-top:8px; }
  .interior-jumps { gap:4px 22px; padding-top:17px; }
  .interior-jumps a { min-height:44px; gap:16px; font-size:11px; }
  .interior-intro { display:block; padding-block:40px; }
  .interior-intro .eyebrow,
  .interior-row .eyebrow,
  .tone-copy .eyebrow,
  .light-capabilities .eyebrow,
  .digital-lighting .eyebrow,
  .interior-related .eyebrow,
  .shade-detail .eyebrow { font-size:9px; margin-bottom:20px; }
  .interior-intro h2,
  .interior-row h2,
  .tone-copy h2,
  .light-capabilities h2,
  .digital-lighting h2 { font-size:34px; line-height:1.16; }
  .interior-intro>div:last-child { padding-top:23px; font-size:15px; }
  .interior-intro p+p { margin-top:17px; }
  .interior-intro .text-link { margin-top:19px; }
  .interior-row { display:block; padding-bottom:40px; }
  .interior-row>div { margin-top:28px; }
  .interior-row>div>p:not(.eyebrow) { margin-top:21px; }
  .interior-row .text-link { margin-top:21px; }
  .interior-detail-photo picture { aspect-ratio:4/3; max-height:none; }
  .control-options { margin-top:25px; }
  .control-options summary { min-height:54px; padding-block:17px; font-size:14px; }
  .control-options details>p { padding-right:10px; padding-bottom:20px; font-size:14px; }
  .tone-section { padding-block:40px; }
  .tone-layout { display:block; }
  .tone-copy { max-width:none; }
  .tone-copy>p:not(.eyebrow):not(.light-look-status):not(.tone-note) { font-size:15px; margin-top:22px; }
  .tone-copy .tone-note { max-width:none; margin-top:21px; font-size:11px; }
  .light-look-controls { gap:10px; margin-top:24px; }
  .light-look-controls button { flex:1; min-height:48px; padding:11px 12px; font-size:13px; }
  .light-look-status { font-size:11px; margin-top:12px; }
  .light-look-demo { max-width:300px; margin:27px auto 0; }
  .light-look-gallery { gap:0 12px; }
  .light-look-gallery::before { max-height:400px; margin-bottom:26px; }
  .light-look-gallery picture { max-height:400px; }
  .light-look-gallery figcaption { padding-top:9px; font-size:11px; }
  .light-look-demo.is-ready { max-width:300px; margin-inline:auto; }
  .light-look-demo .interior-credit { padding-top:9px; }
  .light-capabilities { padding-block:40px; }
  .light-capability-grid { grid-template-columns:minmax(0,1fr); gap:28px; margin-top:30px; }
  .light-capability-grid article { padding-top:20px; }
  .light-capability-grid .cap-number { font-size:9px; }
  .light-capability-grid h3 { font-size:27px; margin-top:18px; }
  .light-capability-grid p { font-size:15px; margin-top:16px; }
  .ketra-room-photo picture { aspect-ratio:3/4; max-height:570px; }
  .digital-lighting { display:block; padding-block:30px 40px; }
  .digital-lighting>div:last-child { margin-top:24px; font-size:15px; }
  .digital-lighting p+p { margin-top:17px; }
  .digital-lighting .digital-note { margin-top:22px; padding-left:15px; font-size:13px; }
  .digital-lighting .text-link { margin-top:20px; }
  .interior-faq { padding-bottom:40px; }
  .interior-related { display:block; padding-block:30px 40px; }
  .interior-related h2 { font-size:32px; }
  .interior-related>div:last-child { margin-top:24px; gap:12px; }
  .shade-pair { grid-template-columns:minmax(0,1fr); gap:38px; padding-bottom:40px; }
  .shade-detail>div { padding-top:22px; }
  .shade-detail h2 { font-size:32px; }
  .shade-detail p:not(.eyebrow) { margin-top:18px; }
  .fabric-section { padding-block:40px; }
  .fabric-heading .eyebrow,
  .fabric-grid .cap-number { font-size:9px; }
  .fabric-heading h2 { font-size:35px; }
  .fabric-grid { grid-template-columns:minmax(0,1fr); gap:29px; margin-top:31px; }
  .fabric-grid article { padding-top:20px; }
  .fabric-grid h3 { font-size:27px; margin-top:18px; }
  .fabric-grid p { margin-top:17px; }
  .shades-connected { padding-block:40px; }
  .manufacturer-reading { align-items:flex-start; flex-direction:column; gap:12px; padding-block:24px 40px; }
  .manufacturer-reading>p { font-size:12px; }
  .manufacturer-reading .text-link { font-size:12px; }
  .manufacturer-reading .text-link .link-arrow { flex-shrink:0; }
  .home-light-story { padding-bottom:40px; }
  .home-light-photo picture { aspect-ratio:4/3; }
  .home-light-caption { display:block; padding-top:23px; }
  .home-light-caption h2 { font-size:32px; }
  .home-light-caption>div { flex-direction:row; flex-wrap:wrap; gap:13px 23px; margin-top:20px; }
  .brand-text-name { font-size:18px; }
}

@media(prefers-reduced-motion:reduce) {
  .control-options summary span,
  .light-look-controls button { transition:none; }
}

.light-look-demo .tone-note { font-size:11px; line-height:1.7; margin-top:13px; color:var(--muted); }
.home-light-story { padding-top:60px; }
@media(max-width:650px) { .home-light-story { padding-top:35px; } }