/* A photo-led journey, extending Yokko's existing rose and Mincho identity. */
.stays-page{--sea:#345b69;--travel-green:#315a50;--travel-line:#d8e0dc}
.stays-page .header{flex-direction:row;justify-content:space-between;align-items:center;gap:2rem;padding-block:1.5rem;border-bottom:1px solid var(--line)}
.stays-page .brand{align-items:flex-start;flex-shrink:0}
.stays-page .brand-title{font-size:1.2rem;letter-spacing:.065em}
.stays-page .brand-byline{font-size:1rem;margin:0}
.stays-page .header nav{width:auto;margin:0;padding:0;gap:1.5rem;border:0;background:none;flex-wrap:wrap}
.stays-page .header nav a[aria-current="page"]{color:var(--rose);border-bottom-color:var(--rose)}
.page-width{width:calc(100% - 96px);max-width:var(--max);margin-inline:auto}
.stays-page h3{font-weight:400}
.stays-page [id]{scroll-margin-top:2rem}
.journey-opening{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:3rem;align-items:center;padding-top:3.3rem;padding-bottom:4rem;position:relative}
.opening-copy{padding-block:2rem}
.opening-copy .eyebrow{color:var(--rose);font-size:.875rem;letter-spacing:.11em}
.edition{display:block;font-family:Georgia,serif;color:var(--sub);letter-spacing:.18em;font-size:.75rem;margin-top:.7rem}
.opening-copy h1{font-size:clamp(2rem,3.55vw,3.3rem);line-height:1.65;letter-spacing:.065em;margin:1.6rem 0}
.opening-lead{font-size:1rem;color:var(--sub);line-height:2.25}
.journey-link{display:inline-flex;justify-content:space-between;align-items:center;gap:2rem;min-height:44px;max-width:100%;padding:.55rem 0;border-bottom:1px solid var(--rose);font-size:.9375rem;color:var(--rose);line-height:1.8}
.journey-link:hover{color:var(--ink);border-color:var(--ink)}
.opening-copy .journey-link{margin-top:1.5rem}
.opening-signature{font-family:var(--latin);font-style:italic;font-size:1.35rem;margin-top:2.2rem;letter-spacing:.04em;color:var(--rose)}
.opening-photo{align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0;position:relative;padding-top:1.4rem}
.opening-photo::before{content:"";position:absolute;z-index:-1;inset:0 -1.5rem 3rem 4rem;background:var(--surface)}
.photo-link{display:block;overflow:hidden}
.photo-link img{width:100%;height:auto;object-fit:cover;transition:transform .6s ease}
.photo-link:hover img{transform:scale(1.015)}
.opening-photo img{aspect-ratio:1/1.03;object-position:50% 55%}
.opening-photo figcaption{display:flex;justify-content:space-between;gap:1rem;padding-top:1rem;color:var(--sub);font-size:.875rem}
.opening-photo figcaption>span:last-child{white-space:nowrap}
.collection-introduction{display:grid;grid-template-columns:.9fr 1.1fr;gap:3rem;padding:3.5rem 0 4rem;border-top:1px solid var(--line);align-items:center}
.intro-line{font-size:clamp(1.3rem,2.1vw,1.7rem);letter-spacing:.08em}
.collection-introduction>p:last-child{font-size:1rem;color:var(--sub);line-height:2.2}
.stay-directory{padding:1.5rem 0 2rem}
.directory-label{display:flex;align-items:baseline;gap:1.2rem;margin-bottom:1.25rem}
.directory-label h2{font-size:1.125rem;letter-spacing:.08em}
.directory-label>span{font-size:.875rem;color:var(--sub)}
.directory-regions{display:grid;grid-template-columns:1fr 1.4fr;border-block:1px solid var(--line)}
.directory-region{min-width:0;padding:1.4rem 2.5rem 1.1rem 0}
.directory-region+ .directory-region{padding-left:2.5rem;padding-right:0;border-left:1px solid var(--line)}
.region-link{display:flex;align-items:center;gap:1.5rem;min-height:44px;font-size:.9375rem}
.region-link>span:last-child{margin-left:auto;color:var(--rose)}
.region-en{font-family:var(--latin);font-style:italic;font-size:2.4rem;line-height:1.4;color:var(--rose)}
.directory-links{display:flex;flex-wrap:wrap;gap:.15rem 1.5rem;margin-top:.6rem}
.directory-links a{display:inline-flex;align-items:center;min-height:44px;font-size:.9375rem;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:.4rem}
.directory-links a:hover{color:var(--rose);text-decoration-color:var(--rose)}
.wishlist-jump{display:flex;justify-content:flex-end;align-items:center;gap:1.5rem;min-height:44px;font-size:.875rem;color:var(--sub);margin-top:.5rem}
.izu-chapter{padding-top:4.5rem;padding-bottom:5.5rem}
.chapter-heading{margin-bottom:3.5rem}
.chapter-index{font-family:Georgia,"Yu Mincho",serif;font-size:.875rem;letter-spacing:.15em;color:var(--sea);display:flex;align-items:baseline;gap:1rem}
.chapter-index>span{font-family:var(--latin);font-style:italic;font-size:2.8rem;letter-spacing:0}
.chapter-heading h2{margin:1.2rem 0 1rem;font-size:clamp(1.65rem,2.8vw,2.5rem);line-height:1.9}
.chapter-heading>p:last-child{font-size:1rem;color:var(--sub)}
.featured-stay{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:0 clamp(2rem,6vw,6rem);align-items:center}
.bath-photo{min-width:0;position:relative}
.bath-photo img{aspect-ratio:4/4.9;object-position:50% 52%}
.bath-photo figcaption{font-size:.875rem;padding-top:.85rem;color:var(--sub)}
.featured-copy{padding:1rem 0 2rem;min-width:0}
.personal-label{display:inline-block;color:var(--rose);font-size:.875rem;border-block:1px solid var(--line);padding:.6rem 0;margin-bottom:2rem;letter-spacing:.08em}
.stay-location{font-size:.875rem;color:var(--sub);letter-spacing:.075em;line-height:1.8}
.stay-location>span{display:block;margin-top:.45rem}
.featured-copy h3{font-size:2.6rem;line-height:1.6;letter-spacing:.14em;margin:.4rem 0 2rem}
.featured-headline{font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.9;margin-bottom:1.5rem}
.stay-body{font-size:1rem;color:var(--sub);line-height:2.1;max-width:34em}
.feeling-list{font-size:.875rem;line-height:2.4;color:var(--sea);margin:1.5rem 0 1rem}
.feeling-list span{padding-inline:.4rem;color:#8a9292}
.featured-copy .journey-link{margin-top:.7rem}
.moments{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.35fr .9fr;gap:2rem;margin-top:4.5rem;align-items:start}
.moment-food{margin-top:4rem}
.moment-terrace{margin-top:7rem}
.moment-food img{aspect-ratio:4/3}
.moment-hammock img{aspect-ratio:1/1;object-position:center}
.moment-terrace img{aspect-ratio:3/4}
.moment figcaption{padding-top:1.2rem;font-size:1rem;line-height:1.95}
.moment-label{display:block;color:var(--sea);font-size:.75rem;letter-spacing:.13em;margin-bottom:.55rem}
.photo-credit{grid-column:1/-1;color:var(--sub);font-family:var(--latin);font-style:italic;font-size:.875rem;margin-top:2.8rem;padding-top:1rem;border-top:1px solid var(--line)}
.photo-credit>span{font-family:var(--serif);font-style:normal;font-size:.75rem;margin-left:1rem}
.hakone-chapter{background:#f1f5f3;padding:4.5rem 0 3rem;color:#293f38}
.hakone-chapter .stay-body,.hakone-chapter .stay-location,.hakone-heading>p:last-child{color:#4b6259}
.hakone-heading{display:grid;grid-template-columns:.85fr 1.15fr;column-gap:4rem;align-items:end}
.hakone-heading .chapter-index{grid-column:1/-1;color:var(--travel-green)}
.hakone-heading h2{margin-bottom:0}
.hakone-heading>p:last-child{padding-bottom:.3rem}
.hakone-stories{display:grid;grid-template-columns:1fr 1fr;gap:4rem;border-top:1px solid var(--travel-line);margin-top:3rem}
.hakone-story{padding:2rem 0 0;min-width:0}
.hakone-story+ .hakone-story{border-left:1px solid var(--travel-line);padding-left:4rem}
.story-marker{display:flex;align-items:baseline;gap:1rem;color:var(--travel-green);margin-bottom:2.4rem}
.story-marker>span{font-family:var(--latin);font-style:italic;font-size:2rem;line-height:1.4}
.story-marker>p{font-size:.9375rem;letter-spacing:.09em}
.hakone-story h3{font-size:2rem;letter-spacing:.11em;margin:.5rem 0 1.8rem}
.hakone-story h3 small{font-size:.875rem;font-weight:400;letter-spacing:.05em;margin-left:1rem;color:#4b6259}
.story-headline{font-size:clamp(1.3rem,2vw,1.65rem);line-height:1.9;margin-bottom:1.4rem}
.hakone-story-copy{display:flex;flex-direction:column;align-items:flex-start}
.hakone-story .journey-link{margin-top:1.8rem}
.hakone-chapter .journey-link{color:var(--travel-green);border-color:#789489}
.more-stays-heading{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--travel-line);padding:0 0 1rem;margin-top:4.5rem}
.more-stays-heading p{font-size:1.125rem}
.more-stays-heading>span{font-family:var(--latin);font-style:italic;font-size:1rem;color:#4b6259}
.more-stays{display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding-top:2rem}
.small-stay+ .small-stay{border-left:1px solid var(--travel-line);padding-left:4rem}
.small-stay h3{font-size:1.5rem;margin:.5rem 0 1rem}
.small-stay-lead{font-size:1rem;margin-bottom:.6rem}
.small-stay .journey-link{margin-top:1.3rem}
.source-note{font-size:.75rem;color:#4b6259;margin-top:2rem}
.collection-return{display:flex;justify-content:flex-end;align-items:center;gap:1rem;font-size:.875rem;min-height:44px;margin-top:1.5rem;color:var(--travel-green)}
.wishlist{padding:6.5rem 0 5rem;text-align:center}
.wishlist .eyebrow{color:var(--rose);font-size:.875rem;letter-spacing:.1em}
.wishlist h2{font-size:clamp(1.7rem,2.8vw,2.4rem);margin:1.8rem 0 1.5rem}
.wishlist>p:last-of-type{color:var(--sub);font-size:1rem;line-height:2.2}
.wishlist-signature{display:block;margin-top:2.5rem;font-family:var(--latin);font-style:italic;font-size:1.6rem;color:var(--rose)}
.collection-home{border-top:1px solid var(--line);padding-block:1.2rem 2.3rem}
.stays-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1500px){.journey-opening{gap:4rem;padding-block:4.5rem}.opening-photo img{aspect-ratio:1/1}.page-width,.stays-page .header{max-width:1240px}}
@media(max-width:1000px){
 .stays-page .header{gap:1rem;flex-direction:column;align-items:flex-start}.stays-page .header nav{width:100%;justify-content:flex-start;gap:.4rem 2rem}.stays-page .brand{align-items:flex-start}
 .journey-opening{gap:2rem;grid-template-columns:1fr 1fr}.opening-photo figcaption{flex-direction:column;gap:.1rem}.opening-photo img{aspect-ratio:4/5}.opening-copy h1{font-size:clamp(1.85rem,3.5vw,2.65rem)}
 .directory-regions{grid-template-columns:1fr 1.2fr}.directory-region{padding-right:1.5rem}.directory-region+ .directory-region{padding-left:1.5rem}.region-link{gap:1rem;flex-wrap:wrap}.region-en{font-size:2rem}
 .featured-stay{gap:0 2.5rem}.featured-copy h3{font-size:2.2rem}.featured-headline{font-size:1.4rem}.personal-label{margin-bottom:1.3rem}.moments{gap:1.5rem}
 .hakone-stories,.more-stays{gap:2rem}.hakone-story+ .hakone-story,.small-stay+ .small-stay{padding-left:2rem}.hakone-heading{column-gap:2rem;grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
 .page-width,.stays-page .header{width:calc(100% - 40px)}.stays-page .header{padding-block:1rem}.stays-page .brand-title{font-size:1.1rem}.stays-page .header nav{gap:0 1.15rem;font-size:.875rem}.stays-page .header nav a{min-height:44px}
 .journey-opening{grid-template-columns:1fr;gap:1.5rem;padding-top:1.5rem;padding-bottom:3rem}.opening-copy{padding:.75rem 0 0}.opening-copy .eyebrow{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.edition{margin:0}.opening-copy h1{font-size:clamp(2rem,6.8vw,3rem);margin:1.3rem 0}.opening-lead{line-height:2.1}.opening-copy .journey-link{margin-top:1.1rem}.opening-signature{display:none}
 .opening-photo{padding-top:.75rem}.opening-photo::before{inset:0 -.5rem 3rem 2rem}.opening-photo img{aspect-ratio:4/3;object-position:center}.opening-photo figcaption{flex-direction:row;flex-wrap:wrap;font-size:.75rem;gap:.2rem 1rem}
 .collection-introduction{grid-template-columns:1fr;gap:1.3rem;padding:2.5rem 0}.collection-introduction>p:last-child br{display:none}.intro-line{font-size:1.3rem}
 .directory-label{gap:.25rem 1rem;flex-wrap:wrap}.directory-regions{grid-template-columns:1fr}.directory-region{padding:1rem 0}.directory-region+ .directory-region{padding:1rem 0;border-left:0;border-top:1px solid var(--line)}.region-link{gap:1.1rem}.directory-links{gap:.15rem 1.6rem;margin-top:.2rem}.wishlist-jump{justify-content:flex-start}
 .izu-chapter{padding-top:2rem;padding-bottom:3rem}.chapter-heading{margin-bottom:2rem}.chapter-heading h2{font-size:1.75rem;margin-top:.7rem;line-height:1.8}.chapter-index>span{font-size:2.2rem}.chapter-heading>p:last-child{font-size:.9375rem}
 .featured-stay{grid-template-columns:1fr;gap:0}.bath-photo img{aspect-ratio:4/4.4}.featured-copy{padding:2rem 0 0}.personal-label{margin-bottom:1.25rem}.featured-copy h3{font-size:2.4rem;margin-bottom:1.3rem}.featured-headline{font-size:1.6rem}.stay-body{max-width:none}.feeling-list{margin-top:1rem}
 .moments{grid-template-columns:1fr 1fr;gap:2rem 1.2rem;margin-top:3rem}.moment-food{margin-top:1.8rem}.moment-hammock{margin-top:0}.moment-terrace{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;align-items:center;margin:0}.moment figcaption{font-size:.9375rem;line-height:1.9}.moment-terrace figcaption{padding-top:0}.moment-terrace img{aspect-ratio:3/4}.photo-credit{margin-top:2rem}.photo-credit>span{display:block;margin:.4rem 0 0}
 .hakone-chapter{padding-top:2.6rem}.hakone-heading{display:block}.hakone-heading h2{margin-bottom:1rem}.hakone-stories{grid-template-columns:1fr;gap:0;margin-top:2rem}.hakone-story{padding:1.8rem 0 2rem}.hakone-story+ .hakone-story{padding:1.8rem 0 0;border-left:0;border-top:1px solid var(--travel-line)}.story-marker{margin-bottom:1.5rem}.hakone-story h3{margin-bottom:1.2rem}.story-headline{font-size:1.5rem}.hakone-story .journey-link{margin-top:1.4rem}
 .more-stays-heading{margin-top:3rem;flex-direction:column;gap:.25rem}.more-stays{grid-template-columns:1fr;gap:2rem}.small-stay+ .small-stay{padding:2rem 0 0;border-left:0;border-top:1px solid var(--travel-line)}.source-note{line-height:1.9}
 .wishlist{padding:4rem 0 3rem}.wishlist h2{font-size:1.75rem}.collection-home{padding-bottom:1.5rem}
}
@media(max-width:360px){.page-width,.stays-page .header{width:calc(100% - 32px)}.opening-copy h1{font-size:1.85rem}.opening-lead br{display:none}.region-link{gap:.6rem}.region-link>span:nth-child(2){font-size:.875rem}.moments{grid-template-columns:1fr}.moment-food{margin:0}.moment-terrace{display:block}.moment-terrace figcaption{padding-top:1.2rem}.moment img{aspect-ratio:4/3}.moment-terrace img{aspect-ratio:3/4}.directory-label>span{display:block}}
@media(prefers-reduced-motion:reduce){.photo-link img{transition:none}.photo-link:hover img{transform:none}}
@media print{.journey-opening,.collection-introduction,.featured-stay,.hakone-heading,.hakone-stories,.more-stays{display:block}.opening-photo,.bath-photo{max-width:350px}.hakone-chapter{background:white}.hakone-story+ .hakone-story,.small-stay+ .small-stay{border:0;padding:1rem 0}.directory-regions{display:block}.page-width{width:100%}.journey-link{color:#493039}.moments{gap:1rem}.moment{margin:0}}
/* A separate wish list keeps the stay stories readable as the collection grows. */
.wishlist .wishlist-collection-link{margin-top:1.5rem}