/* A warm, quiet interior portfolio after the vehicle showcases. */
.interiors{--interior-paper:#eae5da;--interior-ink:#26332f;--interior-brass:#796744;background:var(--interior-paper);color:var(--interior-ink);padding:100px var(--gutter) 75px}
.interiors .eyebrow{font-size:10px;letter-spacing:.2em;color:var(--interior-brass)}
.interiors-heading{display:grid;grid-template-columns:1.6fr 1fr;align-items:end;gap:8vw;margin-bottom:55px}
.interiors h2{font:400 clamp(43px,4.6vw,74px)/1.08 Georgia,'Times New Roman',serif;letter-spacing:-.045em;margin-top:25px}
.interiors h2 em,.interiors-pause em{font-weight:400;color:#657166}
.interiors-heading>p{font-size:17px;line-height:1.85;max-width:36ch;padding-bottom:5px;color:#59645d}
.interior-frame{min-width:0}
.interior-image-button{display:block;position:relative;width:100%;border:0;padding:0;background:#292b25;overflow:hidden;text-align:left;cursor:zoom-in}
.interior-image-button>img{display:block;width:100%;height:auto;aspect-ratio:1.49;object-fit:cover;transition:transform .5s ease}
.interior-frame-living .interior-image-button>img{aspect-ratio:1.85;object-position:50% 48%}
.interior-view{position:absolute;bottom:18px;right:20px;display:flex;align-items:center;gap:26px;padding:9px 13px;background:#18201b99;color:#fff9eb;font-size:9px;letter-spacing:.14em;opacity:0;transform:translateY(4px);transition:opacity .25s,transform .25s}
.interior-view>span{font-size:17px;line-height:1}
.interior-image-button:hover>img{transform:scale(1.025)}
.interior-image-button:hover .interior-view,.interior-image-button:focus-visible .interior-view{opacity:1;transform:none}
.interiors button:focus-visible,.interiors a:focus-visible{outline-color:#796744}
.interior-frame figcaption{display:flex;align-items:baseline;gap:18px;padding-top:17px;font-size:14px;line-height:1.5;letter-spacing:.01em;color:#45534b}
.interior-number{font-size:9px;letter-spacing:.12em;color:#8b7c5f}
.interiors-pair{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:55px;align-items:start}
.interiors-pause{text-align:center;padding:95px 20px 75px}
.interiors-pause>p{font:400 clamp(28px,3vw,44px)/1.3 Georgia,'Times New Roman',serif;letter-spacing:-.025em;margin-top:22px}
.interiors-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 28px}
.interiors-details .interior-frame-bunks .interior-image-button>img{object-position:50% 45%}
.interiors-closing{margin-top:65px;padding-top:28px;border-top:1px solid #766f553a;display:flex;justify-content:space-between;gap:30px;align-items:center}
.interiors-closing>span{font-size:9px;letter-spacing:.15em;color:#7a745f}
.interiors-closing>a{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;min-height:44px;border-bottom:1px solid #796744;font-size:15px}
#interior-dialog{width:min(1200px,96vw);max-width:96vw;max-height:95svh;padding:52px 24px 20px;border:1px solid #6b766756;background:#13201b;color:#f0eadc;overflow:auto}
#interior-dialog::backdrop{background:#04110ff0;backdrop-filter:blur(8px)}
.interior-dialog-image img{width:100%;height:calc(90svh - 150px);object-fit:contain}
.interior-dialog-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:18px}
#interior-dialog-title{font:400 23px/1.3 Georgia,'Times New Roman',serif}
.interior-counter{font-size:10px;letter-spacing:.15em;color:#bcb49e;margin-top:7px}
.interior-dialog-controls{display:flex;gap:10px}
.interior-dialog-controls button{width:46px;height:46px;border:1px solid #bcb49e60;background:transparent;font-size:21px}
.interior-dialog-controls button:hover{background:#ffffff12}
@media(max-width:1050px){.interiors-heading{gap:40px}.interiors-heading>p{font-size:15px}.interiors-pair{gap:28px}.interiors-details{gap:35px 20px}}
@media(max-width:700px){
  .interiors{padding-top:60px;padding-bottom:48px}
  .interiors-heading{grid-template-columns:1fr;gap:24px;margin-bottom:32px}
  .interiors h2{font-size:clamp(35px,8.6vw,55px);margin-top:20px}
  .interiors .eyebrow{font-size:9px;letter-spacing:.13em}
  .interiors-heading>p{font-size:15px;max-width:40ch}
  .interior-frame-living .interior-image-button>img{aspect-ratio:1.49}
  .interiors-pair,.interiors-details{grid-template-columns:1fr;gap:30px}
  .interiors-pair{margin-top:30px}
  .interior-view{bottom:12px;right:12px;font-size:8px;gap:20px;opacity:1;transform:none}
  .interior-frame figcaption{font-size:13px;padding-top:12px;gap:14px}
  .interiors-pause{padding:55px 0 40px}
  .interiors-pause>p{font-size:28px;line-height:1.35}
  .interiors-closing{flex-direction:column;align-items:flex-start;gap:15px;margin-top:40px}
  .interiors-closing>a{gap:25px;font-size:14px}
  #interior-dialog{padding:50px 12px 18px;max-height:96svh}
  .interior-dialog-image img{height:auto;max-height:65svh}
  #interior-dialog-title{font-size:19px}
  .interior-dialog-controls{gap:7px}
}
@media(prefers-reduced-motion:reduce){.interior-image-button>img,.interior-view{transition:none}.interior-image-button:hover>img{transform:none}}
