/* RESETBASE — a quiet arrival, followed by a clear invitation. */
.site-header.is-solid .progress-plane{fill:#d87959;opacity:1}
:root{--ink:#102229;--night:#0a151b;--paper:#f1eee6;--muted:#65716e;--accent:#d87959;--line:rgba(22,48,49,.18);--font:'Noto Sans JP','Yu Gothic',sans-serif;--latin:'Manrope',sans-serif;--header:88px;color-scheme:light}
*{box-sizing:border-box}html{scroll-padding-top:var(--header);scrollbar-width:none}html::-webkit-scrollbar{display:none}body{margin:0;background:var(--night);color:var(--paper);font:400 16px/1.9 var(--font);-webkit-font-smoothing:antialiased;overflow-x:clip}body.dialog-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button{border:0}button:disabled{cursor:default;opacity:.3}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--accent);outline-offset:6px}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400}h2{font-size:clamp(30px,3.4vw,48px);line-height:1.65;letter-spacing:.035em}em,i{font-style:normal}::selection{background:#c67055;color:#fff}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.container{width:min(1120px,86%);margin-inline:auto}.light-section{background:var(--paper);color:var(--ink)}.section-label,.chapter-label,.eyebrow{display:block;font-size:12px;font-weight:500;letter-spacing:.15em}.section-label{color:#697a72;margin-bottom:27px}.skip-link{position:fixed;top:12px;left:12px;z-index:2000;background:var(--paper);color:var(--ink);padding:10px 20px;transform:translateY(-180%)}.skip-link:focus{transform:none}
.site-header{--brand-top:50svh;--brand-scale:1.2;position:fixed;inset:0 0 auto;height:var(--header);z-index:60;display:flex;align-items:center;justify-content:space-between;padding:0 5%;transition:background .3s,color .3s;isolation:isolate}.site-header:before{content:'';position:absolute;inset:0 0 -28px;z-index:-1;background:linear-gradient(#08131a66,transparent);pointer-events:none}.site-header.is-solid{background:#0e2027;color:var(--paper)}.brand{position:absolute;top:var(--brand-top);left:50%;transform:translate(-50%,-50%) scale(var(--brand-scale));transform-origin:center;will-change:transform,top}.brand img{width:195px;height:auto;max-width:none}.desktop-nav{display:flex;gap:28px;font-size:12px;letter-spacing:.03em}.desktop-nav a{padding:12px 0}.desktop-nav a:hover{color:#e9a386}.header-book{margin-left:auto;background:var(--accent);color:#122129;display:flex;align-items:center;gap:22px;padding:13px 24px;border-radius:99px;font-size:12px;font-weight:600;transition:background .25s,transform .25s}.header-book:hover{background:#efaa88;transform:translateY(-2px)}.menu-toggle{display:none;background:none;padding:12px;margin-left:-12px}.menu-toggle span{display:block;width:22px;height:1px;background:currentColor;margin:6px 0}.site-header.is-light{color:var(--ink)}.site-header.is-light .brand img{filter:brightness(0)}.reading-progress{position:absolute;left:18px;right:18px;bottom:0;height:1px;pointer-events:none}.progress-fill{display:block;height:1px;width:calc(var(--page-progress,0)*100%);background:var(--accent);opacity:0;transition:opacity .3s}.is-solid .reading-progress{background:#ffffff17}.is-solid .progress-fill{opacity:.8}.progress-plane{position:absolute;left:calc(var(--page-progress,0)*100%);top:50%;width:23px;height:23px;fill:currentColor;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s}.has-flight-progress .progress-plane{opacity:.7}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;min-height:58px;padding:17px 26px;font-size:14px;font-weight:500;line-height:1.6;border-radius:3px;transition:background .25s,transform .25s}.button>span{font-size:23px;line-height:1}.button:hover{transform:translateY(-3px)}.button-accent{background:var(--accent);color:var(--night)}.button-accent:hover{background:#efa482}.button-light{background:var(--paper);color:var(--ink)}.button-light:hover{background:#fff}.text-link{display:inline-flex;gap:32px;align-items:center;padding:13px 0 10px;border-bottom:1px solid currentColor;font-size:13px;font-weight:500;line-height:1.6}.text-link>span{font-size:22px;color:#b46042}.text-link:hover>span{transform:translate(3px,-3px)}
.welcome-section{padding:110px 0 80px}.welcome-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 10%;align-items:center}.welcome-copy{font-size:15px;color:#50625f;line-height:2.1}.welcome-copy p+p{margin-top:20px}.service-strip{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;margin-top:25px;font-size:13px;color:#52655e}.service-strip>span+span{border-left:1px solid var(--line);padding-left:30px}.service-strip b{font:500 18px var(--latin);letter-spacing:.02em;color:var(--ink);margin-right:4px}
.menu-section{padding:30px 0 110px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:50px}.section-heading>p{font-size:14px;line-height:2;color:#65746e;max-width:360px;margin-bottom:8px}.menu-row{display:grid;grid-template-columns:155px 1fr 125px 45px;align-items:center;gap:28px;padding:38px 0;border-top:1px solid var(--line)}.menu-row:last-child{border-bottom:1px solid var(--line)}.duration{white-space:nowrap;font-size:12px;color:#6a7970}.duration>span{font:400 clamp(62px,6vw,78px)/1 var(--latin);color:var(--ink);letter-spacing:-.07em;margin-right:7px}.menu-occasion{display:block;font-size:11px;letter-spacing:.08em;color:#7d806b;margin-bottom:8px}.menu-detail h3{font-size:19px;line-height:1.6;letter-spacing:.025em}.menu-detail p{font-size:13px;color:#63726d;margin-top:9px;line-height:1.9}.menu-price{font:400 23px var(--latin);white-space:nowrap}.menu-price span{font:12px var(--font);margin-left:5px}.menu-book{width:45px;height:45px;border:1px solid #677b713d;border-radius:50%;display:grid;place-items:center;transition:background .2s,color .2s}.menu-book b{font-size:22px;font-weight:400}.menu-book>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.menu-book:hover{background:var(--ink);color:var(--paper)}.menu-foot{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;margin-top:25px}.menu-foot p{font-size:11px;color:#718078;line-height:1.9}
.access-section{padding:0 0 115px}.access-grid{display:grid;grid-template-columns:.9fr 1fr;gap:9%;align-items:center}.access-photo{position:relative;aspect-ratio:4/5;overflow:hidden}.access-photo>img{width:100%;height:100%;object-fit:cover;object-position:53% 50%}.access-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 70%,#0c1c2699);pointer-events:none}.access-photo figcaption{position:absolute;z-index:1;bottom:18px;left:20px;font-size:10px;color:#fff}.photo-location{position:absolute;top:26px;right:25px;writing-mode:vertical-rl;font-size:29px;letter-spacing:.2em;line-height:1.6;color:#fff;text-shadow:0 1px 15px #173033}.access-copy h2{font-size:clamp(27px,2.8vw,37px)}.access-intro{font-size:14px;color:#617168;margin-top:25px}.access-details{margin:30px 0 13px}.access-details>div{display:grid;grid-template-columns:80px 1fr;gap:15px;padding:17px 0;border-top:1px solid var(--line);font-size:13px}.access-details dt{color:#798479;font-size:11px}.access-details dd{margin:0}.access-details dd>span{display:block;font-size:11px;color:#748075}
.faq-section{padding:0 0 110px}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%}.faq-grid h2{font-size:32px}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:23px 0;font-size:14px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{color:#9a674f;transition:transform .2s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details p{padding:0 25px 23px 0;font-size:13px;color:#64726a;line-height:2}
.reservation-section{position:relative;overflow:hidden;padding:110px 0 80px;background:radial-gradient(ellipse at 50% 0,#27413f,#0d2027 70%);text-align:center}.reservation-section:before,.reservation-section:after{content:'';position:absolute;width:70vw;height:70vw;border:1px solid #b3ba9730;border-radius:50%;pointer-events:none;left:50%;top:0;transform:translate(-50%,-75%)}.reservation-section:after{width:90vw;height:90vw;opacity:.45}.reservation-inner{position:relative;z-index:1}.reservation-section .section-label{color:#b7c3b7}.reservation-section h2{font-size:clamp(38px,4.5vw,65px);line-height:1.6}.reservation-section p{font-size:14px;color:#bcc9c3;margin-top:25px}.reservation-section .button{margin-top:35px;min-width:310px}.booking-note{display:block;color:#a6b4ad;font-size:10px;margin-top:17px}.reservation-meta{display:flex;justify-content:center;gap:35px;font-size:11px;margin-top:55px;color:#b9c6be;letter-spacing:.08em}.reservation-meta>span+span{border-left:1px solid #bcc9c344;padding-left:35px}
.site-footer{background:#0b1b22;padding:65px 0 30px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-top img{width:195px;height:auto}.footer-top p{font-size:12px;color:#adbdb8;letter-spacing:.1em}.footer-top .text-link{font-size:12px;border-color:#ffffff33}.footer-links{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #ffffff24;margin-top:45px;padding:25px 0;font-size:11px;color:#c9d0c7}.footer-links nav{display:flex;gap:30px}.footer-bottom{display:flex;justify-content:space-between;gap:25px;font-size:9px;color:#98aaa6;line-height:1.8}.footer-bottom>span:first-child{font-family:var(--latin);white-space:nowrap}
.menu-dialog{color:var(--paper);background:#0c2028;border:0;max-width:none;max-height:none;width:100%;height:100dvh;margin:0;padding:30px 7%}.menu-dialog::backdrop{background:#071117cc}.menu-dialog-header{display:flex;align-items:center;justify-content:space-between}.menu-dialog-header img{width:150px;height:auto}.close-button{width:46px;height:46px;border:1px solid #ffffff44;border-radius:50%;background:none;font-size:27px}.menu-dialog nav{margin:55px auto 25px;max-width:650px}.menu-dialog nav a{display:flex;gap:22px;font-size:23px;padding:24px 0;border-bottom:1px solid #ffffff25}.menu-dialog nav a span{font:11px var(--latin);color:var(--accent);align-self:center}.menu-dialog>p{font-size:12px;color:#a9b7b0;text-align:center}.js .reveal{opacity:0;transform:translateY(20px);transition:opacity .75s,transform .75s}.js .reveal.is-revealed{opacity:1;transform:none}
@media(max-width:1000px){.desktop-nav{display:none}.menu-toggle{display:block}.menu-row{grid-template-columns:120px 1fr 110px 44px;gap:20px}.access-grid{gap:6%}.access-details>div{grid-template-columns:65px 1fr;gap:8px}.footer-top{flex-wrap:wrap}}
@media(max-width:700px){:root{--header:74px}.container{width:86%}body{font-size:14px}h2{font-size:29px;line-height:1.65}.section-label{font-size:11px;margin-bottom:19px}.site-header{padding:0 6%}.brand img{width:140px}.header-book{gap:8px;padding:10px 15px;font-size:11px;min-height:42px}.header-book .book-label{font-size:0}.header-book .book-label:after{content:'ご予約';font-size:11px}.progress-plane{width:21px;height:21px}.button{font-size:13px;min-height:54px;gap:30px;padding:15px 22px}.welcome-section{padding:70px 0 55px}.welcome-grid{grid-template-columns:1fr;gap:28px}.welcome-copy{font-size:14px;line-height:2.1}.service-strip{margin-top:12px;grid-template-columns:1fr;gap:0;padding:0;border-bottom:0}.service-strip>span{padding:15px 0!important;border:0!important;border-bottom:1px solid var(--line)!important;font-size:12px}.service-strip b{font-size:16px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{font-size:13px;margin-top:23px}.menu-section{padding:0 0 70px}.menu-row{grid-template-columns:80px 1fr 44px;gap:14px;padding:28px 0}.duration{grid-row:1/3;align-self:start;padding-top:7px}.duration>span{font-size:53px;display:block;margin-right:0}.menu-detail{grid-column:2/-1}.menu-detail h3{font-size:15px;line-height:1.7}.menu-occasion{font-size:10px;margin-bottom:7px}.menu-detail p{font-size:12px;line-height:1.9}.menu-price{grid-column:2;font-size:21px}.menu-book{grid-column:3;grid-row:2}.menu-foot{display:block;margin-top:20px}.menu-foot p{font-size:10px}.menu-foot .text-link{margin-top:18px}.access-section{padding-bottom:70px}.access-grid{grid-template-columns:1fr;gap:35px}.access-photo{aspect-ratio:1.2}.access-copy h2{font-size:28px}.access-intro{font-size:13px;margin-top:20px}.access-details>div{font-size:12px;grid-template-columns:67px 1fr;padding:16px 0}.faq-section{padding-bottom:70px}.faq-grid{grid-template-columns:1fr;gap:30px}.faq-grid h2{font-size:28px}.faq-list summary{font-size:13px;padding:20px 0;gap:14px}.faq-list details p{font-size:12px}.reservation-section{padding:75px 0 55px}.reservation-section h2{font-size:37px}.reservation-section p{font-size:13px}.reservation-section .button{min-width:0;width:100%;max-width:330px}.reservation-meta{gap:15px;font-size:10px;margin-top:35px}.reservation-meta>span+span{padding-left:15px}.booking-note{font-size:9px}.footer-top{gap:25px;display:block}.footer-top img{width:175px}.footer-top p{margin-top:25px;font-size:11px}.footer-top .text-link{margin-top:20px}.footer-links{margin-top:30px;font-size:10px;gap:20px}.footer-links nav{display:grid;gap:12px}.footer-bottom{display:block}.footer-bottom>span{display:block}.footer-bottom>span+span{margin-top:15px}.site-footer{padding:50px 0 30px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;animation-delay:0ms!important}.js .reveal{opacity:1;transform:none}}
@media(max-width:380px){.brand img{width:124px}.header-book{padding-inline:12px;gap:6px}.menu-detail h3{font-size:14px}.menu-row{grid-template-columns:70px 1fr 44px;gap:12px}}



/* Text-only controls: a clear label replaces decorative arrows throughout. */
.button{justify-content:center;gap:0}
.header-book{justify-content:center;gap:0;min-width:148px}
.menu-row{grid-template-columns:155px 1fr 125px 90px}
.menu-book{width:90px;height:44px;border-radius:3px;font-size:12px;font-weight:500;white-space:nowrap}
.menu-book>span{position:static;width:auto;height:auto;overflow:visible;clip-path:none}
.scroll-cue,.journey-skip{border-bottom:1px solid #ffffff50;padding-bottom:9px}
@media(max-width:1000px){.menu-row{grid-template-columns:105px 1fr 105px 80px;gap:20px}.menu-book{width:80px}}
@media(max-width:700px){.header-book{min-width:72px}.menu-row{grid-template-columns:72px 1fr 72px;gap:14px}.menu-book{width:72px;font-size:11px}.scroll-cue{font-size:11px}}
@media(max-width:380px){.menu-row{grid-template-columns:62px 1fr 64px;gap:10px}.menu-book{width:64px}.header-book{min-width:64px}}






@media(orientation:landscape) and (max-height:600px){
  :root{--header:60px}
  .brand img{width:150px}
  .header-book{min-height:42px;padding-block:9px}
  .menu-dialog{padding-block:18px;overflow-y:auto}
  .menu-dialog nav{margin:18px auto}
  .menu-dialog nav a{font-size:19px;padding:12px 0}
}

/* Warm metal tones echo the cabin frame while keeping the booking action clear. */
.header-book{
  background:#e3d8c3;color:#19272c;border:1px solid #f4ead7;
  border-radius:6px;min-height:44px;padding:10px 22px;
  font-weight:600;letter-spacing:.035em;
  box-shadow:0 2px 10px #00000014;
}
.header-book:hover{background:#f3ead9;transform:translateY(-1px)}
.header-book:active{background:#d4c6ad;transform:none}
.header-book:focus-visible{outline-color:#fff;outline-offset:4px}
.site-header.is-light .header-book{border-color:#887961;box-shadow:none}
.site-header.is-light .header-book:focus-visible{outline-color:var(--ink)}
@media(max-width:700px){
  .header-book{min-width:82px;padding:9px 17px}
  .header-book .book-label:after{font-size:12px;letter-spacing:.06em}
}