.story-teaser .story {align-items:center;padding-bottom:88px;}
.story-teaser-copy {font:400 20px/1.75 var(--body);color:#c8c2b8;max-width:56ch;text-wrap:pretty;}
.home-page .story-teaser .story {row-gap:28px;}
.story-teaser-actions {justify-content:flex-start;margin-top:28px;}
@media(max-width:700px) {.story-teaser-actions {margin-top:28px;}}
.story-page {background:#080706;color:#f3eee5;}
.story-page .header {color:#211e1a;position:sticky;top:0;}
.story-banner {height:300px;background:linear-gradient(transparent 55%,#080706),url('assets/lamps.webp') center 30%/cover;}
.story-article {max-width:760px;padding-top:42px;padding-bottom:88px;}
.story-article h1 {font:700 clamp(52px,6vw,76px)/1.1 var(--heading);letter-spacing:-.025em;margin:0 0 36px;}
.story-original {font:400 18px/1.85 var(--body);color:#c8c2b8;text-wrap:pretty;}
.story-original p+p {margin-top:24px;}
.story-original .story-intro {color:#f3eee5;font:600 24px/1.5 var(--body);}
.story-original .story-quote {color:#f3eee5;font:600 24px/1.5 var(--body);margin-block:32px;}
.story-original .source-welcome {color:#f3eee5;}
.story-article>.actions {margin-top:40px;gap:18px;}
.story-page .button {border-color:#e7ebdf;color:#e7ebdf;}
.story-page .button.primary {background:#e7ebdf;color:#222620;}
.story-page .button.primary:hover {background:white;}
.story-page .button.secondary:hover {background:#222620;}
.story-page .footer {color:#211e1a;}
@media(max-width:700px) {
  .story-teaser .story {padding-bottom:52px;}
  .story-teaser-copy {margin-top:28px;font-size:17px;line-height:1.75;}
  .story-banner {height:220px;background-size:auto 430px;background-position:center 26%;}
  .story-article {padding-top:24px;padding-bottom:56px;}
  .story-article h1 {font-size:52px;margin-bottom:28px;}
  .story-original {font-size:16px;line-height:1.8;}
  .story-original .story-intro {font-size:20px;}
  .story-original .story-quote {font-size:20px;}
}

/* A clear, text-led arrival section without repeating the showcase photo. */
.home-page .visit {grid-template-columns:1fr 1fr;gap:clamp(48px,8vw,120px);align-items:start;padding-block:88px;}
.home-page .visit-intro h2 {font-size:clamp(44px,4.5vw,64px);line-height:1.12;}
.home-page .visit-intro .address {margin-top:30px;line-height:1.65;color:#c4cbbd;}
.home-page .visit-details .hours {margin-top:0;font-size:15px;}
.home-page .visit-details .hours>div {padding-block:14px;}
.home-page .visit-details .actions {margin-top:28px;gap:20px;}
.home-page .visit-details .phone {margin-left:0;}
@media(max-width:700px) {
  .home-page .visit {display:grid;grid-template-columns:1fr;gap:36px;padding-block:56px;}
  .home-page .visit-intro .address {margin-top:22px;}
  .home-page .visit-details .hours {font-size:13px;}
  .home-page .visit-details .actions {gap:20px;}
}

.home-page .visit-address-comma {display:none;}
@media(max-width:700px) {
  .home-page .visit-intro h2 {font-size:clamp(25px,7.2vw,38px);white-space:nowrap;}
  .home-page .visit-title-break {display:none;}
  .home-page .visit-intro .address {font-size:clamp(12px,3.5vw,16px);white-space:nowrap;}
  .home-page .visit-intro .address br {display:none;}
  .home-page .visit-address-comma {display:inline;}
}

@media(max-width:700px) {
  .home-page .footer-main,
  .story-page .footer-main {display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;}
  .home-page .footer-brand,
  .story-page .footer-brand {width:clamp(110px,35vw,145px);flex-shrink:0;}
  .home-page .footer-main>p,
  .story-page .footer-main>p {flex:1;min-width:0;text-align:right;font-size:20px;line-height:1.25;}
}

@media(min-width:701px) {
  .home-page .story-teaser .story {position:relative;margin-top:-48px;}
}

.story-teaser .story-heading .teaser-title-first {color:inherit;}
@media(min-width:701px) {
  .home-page .story-teaser .story {grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(40px,5vw,72px);align-items:center;}
  .story-teaser .story-heading h2 {font-size:clamp(34px,4.35vw,62px);line-height:1.35;margin-top:0;text-align:center;}
  .story-teaser .story-heading {padding-top:0;}
  .teaser-title-first {white-space:nowrap;}
  .teaser-title-first br {display:none;}
  .story-teaser-actions {margin-top:40px;}
}

@media(min-width:701px) {
  .home-page .story-teaser .lamps {height:400px;}
  .home-page .story-teaser-copy {font-size:22px;color:#f3eee5;line-height:1.75;}
}
@media(min-width:701px) and (max-width:1100px) {
  .home-page .story-teaser .lamps {height:336px;}
}