/* Sixth local preview: preserve the desktop composition, compose each chapter for phones. */
.ink-visual{position:absolute;inset:0}
.menu-control,.floating-menu{display:none}
.site-menu{border:0;padding:28px;max-height:90svh;width:min(500px,calc(100% - 24px));color:var(--ink);background:var(--paper);overscroll-behavior:contain}
.site-menu::backdrop{background:#122b24aa;backdrop-filter:blur(8px)}
.menu-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:20px}
.menu-heading h2{font:400 1.65rem/1.5 var(--serif);margin-top:8px;letter-spacing:.07em}
.menu-heading .eyebrow{font-size:.65rem}.menu-heading .close-dialog{flex:0 0 44px}
.site-menu nav a{display:flex;align-items:center;min-height:53px;border-top:1px solid var(--line);font:400 1.1rem var(--serif);letter-spacing:.09em}
.site-menu nav a>span{font:400 .65rem var(--sans);color:var(--muted);margin-right:22px}
.site-menu nav i{font:normal 1rem var(--sans);margin-left:auto}
.menu-footnote{font-size:.7rem;line-height:1.9;color:var(--muted);margin-top:24px}
.site-footer .music-credit{font-size:.65rem;line-height:2;letter-spacing:.035em;color:#a7b5a9;margin-top:22px}
.music-credit a{border-bottom:1px solid #a7b5a945;padding-bottom:3px}
input:focus-visible,summary:focus-visible{outline:2px solid #b38d36;outline-offset:4px}
.music-volume input{min-height:30px}

@media(max-width:1000px){
  .header-nav{display:none}.menu-control{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 0;background:transparent;color:inherit;font-size:.8rem;letter-spacing:.06em;border-bottom:1px solid #ffffff70}
  .menu-control>span{font-size:1rem}
}
@media(min-width:701px) and (max-width:1000px){
  .chapter-heading{grid-template-columns:1fr 1fr}.chapter-heading>.eyebrow{grid-column:1/-1}.chapter-heading>p:last-child{grid-column:2}
  .visit-section{grid-template-columns:1fr 1fr}.visit-intro h2{font-size:1.8rem}
  .ink-controls{left:5vw;right:5vw;gap:12px}.ink-controls>button:first-child span{margin-left:12px}.ink-controls>span{font-size:.55rem}
}
@media(max-width:700px){
  html{scroll-padding-bottom:80px}
  .landscape{min-height:620px;max-height:1100px;height:100svh}
  .site-header{padding:calc(25px + env(safe-area-inset-top)) 6vw 18px}
  .brand-name{font-size:1.95rem}.brand-en{font-size:.59rem;letter-spacing:.18em}.brand{gap:8px}
  .brand-small{font-size:.67rem;margin-left:9px}.menu-control{font-size:.74rem;gap:9px}
  .place-mark{top:26%;right:6vw;font-size:.65rem;letter-spacing:.18em;gap:14px}.place-line{height:32px}
  .hero-copy{left:6vw;right:6vw;max-width:none;bottom:235px}
  .hero-copy h1{font-size:clamp(2.5rem,10.3vw,3.2rem);letter-spacing:.08em;line-height:1.42;margin-top:15px}
  .hero-copy .eyebrow{font-size:.68rem;letter-spacing:.18em}
  .scene-note{font-size:.83rem;line-height:1.95;max-width:23em;margin-top:18px;letter-spacing:.05em}
  .hero-footer{left:6vw;right:6vw;bottom:95px;gap:6px;padding-top:8px}
  .scene-position{gap:8px}.arrow-control{width:44px;min-height:44px}.current-scene-name{font-size:.75rem}
  .landscape-controls button{min-height:46px;font-size:.72rem}.landscape-controls{gap:7px}
  .landscape-controls .motion-control{font-size:.72rem}.gallery-control{padding-left:12px!important}
  .scene-origin{bottom:73px;right:6vw;font-size:.62rem;letter-spacing:.05em}
  .landscape.quiet .hero-copy{pointer-events:none}.landscape.quiet .hero-footer{gap:10px}
  .landscape.quiet .landscape-controls,.landscape.quiet .scene-position{padding:0 8px}
  .scenery-dialog{padding:24px 6vw calc(20px + env(safe-area-inset-bottom));max-height:86svh;border-radius:15px 15px 0 0}
  .scenery-heading{gap:10px;margin-bottom:20px}.scenery-heading h2{font-size:1.5rem}.scenery-heading .eyebrow{font-size:.62rem}
  .scenery-heading .close-dialog{flex:0 0 44px}
  .scenery-cards{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:20px 14px;overflow:visible;padding-bottom:8px;scroll-snap-type:none}
  .scenery-card img{aspect-ratio:4/3;margin-bottom:10px}.scenery-card-title{font-size:1rem}.scenery-card-note{font-size:.59rem;line-height:1.8;letter-spacing:.01em}
  .place-section,.terrace-section,.daylight-section,.garden-section,.taste-section,.fieldlife-section,.visit-section{padding:64px 6vw}
  .section-heading{gap:12px;margin-bottom:32px}.small-location{font-size:.65rem;letter-spacing:.03em}
  .place-grid{gap:30px}.place-text h2{font-size:2.25rem}.body-copy{font-size:.9rem;line-height:2.1}
  .place-section .house-figure img{height:auto;aspect-ratio:4/5;max-height:none;object-position:50% 64%}
  figcaption{gap:5px;flex-wrap:wrap;line-height:1.9;font-size:.66rem;margin-top:12px}
  figcaption span:last-child{font-size:.6rem;white-space:normal}
  .editorial-heading h2,.chapter-heading h2,.taste-heading h2,.daylight-heading h2{font-size:2.2rem;letter-spacing:.07em}
  .editorial-heading>p,.chapter-heading>p:last-child,.taste-heading>p,.daylight-heading>p{font-size:.85rem;line-height:2.05}
  .seat-portrait{max-width:100%}.seat-portrait img{height:auto;aspect-ratio:4/5;object-position:50% 65%}
  .seat-portrait figcaption{font-size:.71rem}.seat-portrait figcaption span:last-child{margin-top:3px}
  .terrace-cinema{margin-top:32px;aspect-ratio:4/3}.terrace-cinema video{height:100%;object-position:center}
  .film-toggle{min-height:44px;bottom:12px;right:12px;padding:10px 12px;font-size:.68rem}
  .film-origin{left:12px;top:13px;bottom:auto;font-size:.58rem;background:#1831256e;padding:6px 8px}
  .shot-picker button{min-height:58px;font-size:.72rem;letter-spacing:.02em;padding:13px 0;text-align:center}
  .shot-picker button span{display:block;font-size:.58rem;margin:0 0 6px}.terrace-note{font-size:.76rem;line-height:2.1;margin-top:20px}
  .ink-frame{min-height:0;aspect-ratio:auto;display:flex;flex-direction:column;padding:0;background:#e9ebe3}
  .ink-copy{position:static;order:0;padding:56px 6vw 30px}
  .ink-copy h2{font-size:2.5rem;letter-spacing:.12em;margin-top:20px}
  .ink-copy>p:last-child{font-size:.84rem;line-height:2.1;margin-top:20px}
  .ink-visual{position:relative;inset:auto;order:1;width:100%;aspect-ratio:4/3;overflow:hidden}
  .ink-visual>img,.ink-visual>video{object-position:58% 55%;object-fit:cover}
  .ink-wash{display:none}
  .ink-controls{position:static;order:2;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px 6vw 30px;align-items:stretch}
  .ink-controls>button:first-child{font-size:.73rem;padding:11px 8px;min-height:46px;white-space:nowrap;background:#f4f3eae0}
  .ink-controls>button:first-child span{margin-left:6px}
  .ink-controls .film-toggle{margin:0;min-height:46px;padding:11px 8px;font-size:.7rem;letter-spacing:.02em;background:#345247;color:#fff}
  .ink-controls>span{grid-column:1/-1;justify-self:start;padding:0;font-size:.6rem;background:transparent;color:#50655d;line-height:1.8}
  .twilight-real{aspect-ratio:4/3}.lighting-study summary{gap:15px;font-size:.74rem;line-height:1.8}
  .daylight-image{aspect-ratio:4/3}.daylight-controls{bottom:14px;font-size:.7rem;gap:12px;padding:0 14px}
  .daylight-controls input{width:32vw;max-width:145px;min-width:85px}
  .garden-screen{aspect-ratio:4/3}.garden-screen-caption{display:block;padding:40px 16px 16px}.garden-screen-caption>span{display:block;font-size:.85rem}
  .garden-screen-caption button{margin-top:14px;min-height:44px;padding:9px 12px;font-size:.7rem}
  .pond-story{margin-top:42px;gap:28px}.pond-story-copy>p{font-size:.85rem}.pond-story h3{font-size:2rem;margin:20px 0}
  .garden-season{margin-top:24px;font-size:.69rem}.garden-angle-controls button{min-height:48px;font-size:.72rem}
  .taste-section{display:flex;flex-direction:column}.taste-heading{order:0;width:100%}.taste-heading>p{max-width:27em}
  .taste-tabs{order:1;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;margin-bottom:16px;border:1px solid #c8c0ae}
  .taste-tabs button{justify-content:center;min-height:49px;padding:10px 2px;gap:0;border-top:0;border-bottom:2px solid transparent;text-align:center}
  .taste-tabs button[aria-selected=true]{border-bottom-color:#506443}.taste-tabs button>span:nth-child(2){font-size:.83rem;white-space:nowrap;letter-spacing:.02em}
  .taste-tabs .taste-tab-number,.taste-tabs small,.taste-tabs button>span:last-child{display:none}
  .taste-feature{order:2;margin:0;width:100%}.taste-photo{aspect-ratio:4/3}.taste-photo img{height:100%;width:100%;aspect-ratio:4/3;object-fit:cover}
  .taste-photo-mark{bottom:14px;left:15px;font-size:.43rem;letter-spacing:.13em;text-shadow:0 1px 5px #23241570}
  .taste-copy{padding:25px 24px 28px}.taste-count{font-size:.75rem;margin-bottom:20px}.taste-copy .fine-label{font-size:.65rem;letter-spacing:.1em}
  .taste-copy h3{font-size:1.9rem;margin:16px 0 18px}.taste-copy>p:not(.fine-label){font-size:.84rem;line-height:2.1}
  .taste-tags{margin-top:20px;font-size:.69rem}.taste-concept{margin-top:22px;font-size:.6rem;line-height:1.8}
  .taste-footnote{order:3;font-size:.63rem;line-height:1.9;margin-top:17px}.taste-section>.sr-only{order:4}
  .cycling-cinema{aspect-ratio:4/3}.ride-caption{padding:18px 0 24px;font-size:.7rem;letter-spacing:.025em}
  .ride-caption>p{margin-top:13px}.straw-story h3{font-size:2rem}.straw-story>div>p:last-child{font-size:.85rem}
  .visit-intro h2{font-size:clamp(1.7rem,7vw,2.05rem);letter-spacing:.035em;line-height:1.6}
  .visit-intro>p:not(.eyebrow){font-size:.84rem}.map-link{min-height:52px;width:100%;justify-content:space-between;font-size:.8rem;margin-top:28px}
  .map-frame{aspect-ratio:1.05}.map-toolbar button{min-height:44px;padding:10px 13px;font-size:.69rem}.map-pin-caption>span:last-child{font-size:.85rem}
  .map-caption{font-size:.66rem}.visit-search-hint{font-size:.66rem}
  .site-footer{padding:48px 6vw calc(115px + env(safe-area-inset-bottom))}.footer-location{margin-top:30px}
  .music-dock{right:16px;bottom:calc(12px + env(safe-area-inset-bottom));max-width:calc(100vw - 114px);border-radius:25px}
  .music-dock button{min-height:46px;padding:12px 14px;font-size:.64rem;white-space:nowrap;letter-spacing:.03em;gap:8px}
  .music-wave{width:16px;gap:2px}.music-volume>span{display:none}.music-volume input{width:62px;min-height:36px}
  .music-dock:hover .music-volume,.music-dock:focus-within .music-volume,.music-dock.is-playing .music-volume{margin-right:12px;max-width:66px}
  .floating-menu{position:fixed;z-index:12;left:16px;bottom:calc(12px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:9px;min-height:46px;padding:12px 15px;background:#f2f1e5ed;color:#344830;border:1px solid #9fac9360;border-radius:25px;backdrop-filter:blur(18px);font-size:.69rem;box-shadow:0 4px 20px #13231912;visibility:hidden;opacity:0;transition:opacity .25s}
  .past-hero .floating-menu{visibility:visible;opacity:1}.site-menu{padding:25px;max-height:calc(100svh - 32px);border-radius:8px}
}
@media(max-width:370px){
  .hero-copy{bottom:222px}.hero-copy h1{font-size:2.3rem}.scene-note{font-size:.77rem}
  .landscape-controls button,.landscape-controls .motion-control{font-size:.67rem}.gallery-control{padding-left:8px!important}
  .taste-tabs button>span:nth-child(2){font-size:.76rem}.taste-copy{padding:23px 18px}
  .site-menu nav a{min-height:48px}.menu-footnote{margin-top:17px}
}
@media(max-height:600px) and (orientation:landscape){
  .landscape{min-height:540px;max-height:none;height:100svh}.place-mark{display:none}
  .site-header{padding-top:20px}.hero-copy{bottom:162px}.hero-copy h1{font-size:2.5rem}
  .hero-footer{bottom:55px}.scene-origin{bottom:25px}
}