:root{--ink:#26342f;--cream:#f4f0e8;--paper:#faf8f3;--sage:#74847b;--line:#d9d6cf;--serif:"Noto Serif JP",serif;--sans:"DM Sans","Noto Sans JP",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px}.site-header{position:fixed;z-index:20;top:0;left:0;width:100%;height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;color:#fff;transition:.3s}.site-header.scrolled{height:68px;background:rgba(250,248,243,.96);color:var(--ink);box-shadow:0 1px 0 rgba(38,52,47,.1);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.brand-mark{width:37px;height:37px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:18px}.brand b{display:block;font-family:var(--serif);font-size:18px;letter-spacing:.18em}.brand small{display:block;font-size:7px;letter-spacing:.2em;margin-top:2px}.main-nav{display:flex;gap:42px}.main-nav a{color:inherit;text-decoration:none;font-size:12px;letter-spacing:.08em}.header-actions{display:flex;align-items:center;gap:15px}.language-select{display:flex;gap:7px;align-items:center}.language-select select{border:0;color:inherit;background:transparent;font:inherit;font-size:12px;cursor:pointer}.site-header:not(.scrolled) .language-select option{color:var(--ink)}.menu-button{display:none;border:0;background:transparent;color:inherit;font-size:22px}.hero{height:min(860px,100vh);min-height:700px;position:relative;color:#fff;background:url('../images/hero-onsen.png') center/cover no-repeat;display:flex;align-items:center;padding:80px 8vw 110px}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,24,22,.62) 0%,rgba(14,24,22,.32) 45%,rgba(14,24,22,.06) 75%),linear-gradient(0deg,rgba(14,24,22,.3),transparent 45%)}.hero-content{position:relative;max-width:650px}.eyebrow{font-family:var(--serif);font-size:13px;letter-spacing:.28em;margin:0 0 30px}.hero h1{font-family:var(--serif);font-size:clamp(42px,5.1vw,76px);line-height:1.45;letter-spacing:.12em;font-weight:400;margin:0}.hero-lead{line-height:2.1;letter-spacing:.08em;max-width:520px;margin:25px 0 0}.search-panel{position:absolute;z-index:2;bottom:0;left:8vw;right:8vw;transform:translateY(50%);background:#fff;color:var(--ink);box-shadow:0 12px 40px rgba(27,37,33,.15);display:grid;grid-template-columns:1.25fr 1fr .8fr 1fr;min-height:112px}.search-panel label{padding:25px 28px;display:flex;flex-direction:column;gap:12px;border-right:1px solid #e5e2db}.search-panel label>span{font-size:10px;color:#718078;letter-spacing:.13em}.search-panel select,.search-panel input{border:0;background:none;color:var(--ink);font:500 14px var(--sans);outline:0;width:100%}.search-panel button{border:0;background:var(--ink);color:#fff;font:500 13px var(--sans);letter-spacing:.08em;margin:14px;cursor:pointer;display:flex;gap:10px;align-items:center;justify-content:center;transition:.2s}.search-panel button:hover{background:#3e5149}.scroll-cue{position:absolute;right:3vw;bottom:38px;color:#fff;text-decoration:none;font-size:8px;letter-spacing:.22em;display:flex;flex-direction:column;align-items:center;gap:10px}.scroll-cue i{height:44px;width:1px;background:#fff}.section{padding:150px 8vw 90px}.section-tight{padding:0 8vw 130px}.intro{display:flex;justify-content:space-between;align-items:end}.kicker{font-size:10px;letter-spacing:.25em;color:#849087;margin:0 0 22px}.section-heading h2,.features h2,.promise h2{font-family:var(--serif);font-size:clamp(30px,3vw,44px);line-height:1.55;letter-spacing:.08em;font-weight:400;margin:0}.intro-copy{width:43%;line-height:2}.text-link{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--ink);color:inherit;text-decoration:none;margin-top:20px;font-size:12px}.stay-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px 30px}.stay-card-large{grid-column:1/-1}.stay-image{height:330px;position:relative;background-image:url('../images/hero-onsen.png');background-size:cover}.stay-card-large .stay-image{height:580px}.image-one{background-position:center 62%}.image-two{background-position:left center;filter:saturate(.78)}.image-three{background-position:right center;filter:sepia(.12)}.tag{position:absolute;top:20px;left:20px;background:rgba(250,248,243,.92);padding:9px 14px;font-size:10px;letter-spacing:.12em}.heart{position:absolute;top:18px;right:18px;width:38px;height:38px;border-radius:50%;border:0;background:rgba(250,248,243,.92);font-size:21px;color:var(--ink);cursor:pointer}.heart.active{background:var(--ink);color:#fff}.stay-info{display:flex;justify-content:space-between;gap:20px;margin-top:22px}.place{font-size:10px;color:#7c8a82;letter-spacing:.12em;margin:0 0 8px}.stay-info h3{font-family:var(--serif);font-size:20px;letter-spacing:.08em;font-weight:500;margin:0 0 10px}.traits{font-size:11px;color:#6d7872;margin:0}.price{text-align:right;margin:auto 0 0;white-space:nowrap}.price span{font-size:9px;display:block;color:#7c8a82}.price b{font-family:var(--serif);font-size:18px;font-weight:500}.features{background:#25342f;color:#fff;display:grid;grid-template-columns:1fr 1.35fr;gap:8vw;align-items:center}.feature-copy p:last-child{line-height:2;margin-top:24px;color:#d6ddd9}.story{min-height:410px;padding:60px;background:linear-gradient(90deg,rgba(19,29,26,.6),rgba(19,29,26,.2)),url('../images/hero-onsen.png') center/cover;color:#fff;text-decoration:none;display:flex;flex-direction:column;justify-content:flex-end}.story span{font-size:10px;letter-spacing:.16em}.story h3{font-family:var(--serif);font-size:28px;line-height:1.7;font-weight:400;letter-spacing:.06em}.story p{font-size:11px}.promise{text-align:center}.promise-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.promise-grid div{padding:45px 35px}.promise-grid div+div{border-left:1px solid var(--line)}.promise-grid b{font:400 12px var(--serif);color:#87958d}.promise-grid h3{font:500 18px var(--serif);letter-spacing:.08em;margin:22px 0 16px}.promise-grid p{font-size:12px;line-height:2;color:#68756e;margin:0}footer{background:#e9e5dc;padding:55px 8vw;display:flex;align-items:center;gap:30px;color:#637069;font-size:10px}footer .footer-brand{display:flex;align-items:center;gap:10px;margin-right:auto;font-family:var(--serif);font-size:16px}.toast{position:fixed;z-index:30;left:50%;bottom:30px;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:13px 20px;opacity:0;pointer-events:none;transition:.25s;font-size:12px}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:800px){.site-header{height:66px;padding:0 20px}.brand small,.main-nav{display:none}.menu-button{display:block}.main-nav.open{display:flex;position:absolute;top:66px;left:0;right:0;background:var(--paper);color:var(--ink);flex-direction:column;gap:0;padding:15px 25px}.main-nav.open a{padding:15px;border-bottom:1px solid var(--line)}.hero{min-height:690px;padding:70px 25px 160px;align-items:center}.hero h1{font-size:39px}.hero-lead{font-size:12px}.search-panel{left:20px;right:20px;grid-template-columns:1fr 1fr;transform:translateY(35%)}.search-panel label{padding:15px}.search-panel label:nth-child(3){display:none}.search-panel button{margin:8px}.scroll-cue{display:none}.section{padding:130px 25px 65px}.section-tight{padding:0 25px 90px}.intro{display:block}.intro-copy{width:100%;margin-top:25px}.stay-grid{display:block}.stay-card{margin-bottom:55px}.stay-card-large .stay-image,.stay-image{height:330px}.stay-info{display:block}.price{text-align:left;margin-top:15px}.features{display:block}.story{margin-top:45px;min-height:350px;padding:30px}.promise-grid{grid-template-columns:1fr}.promise-grid div+div{border-left:0;border-top:1px solid var(--line)}footer{align-items:flex-start;flex-direction:column;gap:12px}}