/* House Specials v1.0.123 — canonical property-home + Reading Room hygiene.
   Architecture: the shared House frames own geometry; House Specials only supplies inserts and copy. */

/* Story reading surface */
.house-specials-page{background:var(--paper)}
.house-specials-shell{max-width:var(--max-room);margin:0 auto;padding:3.4rem 1.4rem 3.6rem}
.house-specials-head{text-align:center;max-width:48rem;margin:0 auto 1.55rem}
.house-specials-head h1{font-size:clamp(2.7rem,7vw,4.8rem);margin:.45rem 0 .8rem}
.house-special-hero{width:min(100%,var(--frame-reading-max,1120px));aspect-ratio:16/9;overflow:hidden;margin:0 auto 3rem;border:1px solid var(--line);border-radius:4px;background:#e9e2d4;box-shadow:0 8px 28px rgba(44,37,25,.12)}
.house-special-hero img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.house-special-story{max-width:var(--max-reader);margin:0 auto;font-family:"Playfair Display",Georgia,serif;font-size:1.13rem;line-height:1.78}
.house-special-story p{margin:0 0 1.08rem}
.house-special-story .scene-break{text-align:center;color:var(--leaf);letter-spacing:.2em;margin:1.65rem 0}
.house-special-story .spoken{font-style:italic;margin-left:1.1rem}
.house-special-story .final-lines{text-align:center;margin:1.45rem 0 .15rem;font-size:1.18rem;line-height:1.45;font-weight:500}
.house-special-end{max-width:var(--max-reader);margin:1.15rem auto 0}
.house-special-end .reader-nav{grid-template-columns:1fr;justify-items:center;margin:.75rem 0 0}
.house-special-end .reader-nav .home{grid-column:auto;grid-row:auto}
.house-special-arrival{margin-top:1.35rem}
.house-special-arrival .house-special-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.88rem 1.18rem;border:1px solid #9b7440;border-radius:2px;background:#f0e1c4;color:#3b3022;text-decoration:none;font-family:Inter,system-ui,sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.045em;line-height:1.35;box-shadow:0 3px 12px rgba(44,37,25,.09);transition:background-color .2s ease,transform .2s ease,border-color .2s ease}
.house-special-arrival .house-special-button:hover{background:#e8d3ae;border-color:#7d5d31;transform:translateY(-1px)}
.house-special-arrival .house-special-button:focus-visible{outline:3px solid #d9b46d;outline-offset:3px}

/* Property Home: use the canonical .room-shell + .hero-poster frame from the House.
   The image itself is precomposed to the frozen 4:5 threshold ratio. */
.house-specials-home .house-specials-home-copy{max-width:34rem}
.house-specials-home .house-specials-home-copy .room-title{font-size:clamp(2.45rem,5vw,3.8rem);line-height:1.08;max-width:12ch;margin:.45rem 0 .85rem}
.house-specials-home .house-specials-home-copy .subhead{margin:.15rem 0 .65rem}
.house-specials-home .house-specials-home-copy .intro p{margin:.75rem 0}
.house-specials-home .house-specials-home-copy .actions{margin:1.65rem 0 0}
.house-specials-home .house-specials-home-journey{margin-top:.65rem}

/* Reading Room: shared House geometry remains authoritative — centered 16:9, max 1120px. */
.house-specials-reading-room .reading-room-title{font-family:"Playfair Display",Georgia,serif;font-size:clamp(2rem,4.5vw,3.4rem);line-height:1.1;font-weight:500;text-align:center;margin:1.4rem auto 1.25rem;color:var(--ink)}
.house-specials-reading-room .room-hero-frame{margin-left:auto!important;margin-right:auto!important}
.house-specials-reading-room .room-hero-frame img{object-fit:cover!important;object-position:center center!important}
.house-specials-reading-room .room-intro{text-align:center!important;margin-left:auto!important;margin-right:auto!important}

@media(max-width:720px){
  .house-specials-home .house-specials-home-copy{max-width:38rem;margin:0 auto}
  .house-specials-home .house-specials-home-copy .room-title{font-size:clamp(2.35rem,10vw,3.35rem);max-width:13ch}
  .house-specials-reading-room .reading-room-title{font-size:2.15rem;margin:1rem auto 1rem}
}
@media(max-width:430px){
  .house-specials-home .house-specials-home-copy .actions .btn{width:100%}
}
@media(max-width:640px){
  .house-specials-shell{padding:2.7rem 1.15rem 3.2rem}
  .house-specials-head{text-align:left;margin-bottom:1.25rem}
  .house-special-hero{aspect-ratio:4/3;margin-bottom:2.2rem}
  .house-special-story{font-size:1.08rem;line-height:1.74}
  .house-special-arrival .house-special-button{width:100%;text-align:center;padding:.9rem 1rem}
}