@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Noto+Serif+JP:wght@400;500&display=swap');
:root{--paper:#f5f2ea;--ink:#34372f;--muted:#737568;--green:#56634d;--line:#d8d8cb;--serif:'Cormorant Garamond','Noto Serif JP',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,'Hiragino Sans','Microsoft YaHei',sans-serif;font-size:14px;line-height:1.7}a{color:inherit;text-decoration:none}button,select{font:inherit;color:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #9a6b44;outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.1}h2{font-size:clamp(34px,4vw,56px)}h3{font-size:32px}.wrap{max-width:1320px;margin:auto;padding:0 6%}.eyebrow{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--green);font-weight:600}.jp{font-family:'Noto Serif JP',serif}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:15px 23px;border:1px solid var(--green);background:var(--green);color:var(--paper);font-size:12px;letter-spacing:.04em;min-height:48px}.button:hover{background:#414e3b}.button.outline{background:transparent;color:var(--green)}.button.outline:hover{background:#e6e8dc}.text-link{display:inline-flex;gap:35px;align-items:center;border-bottom:1px solid var(--green);padding:10px 0;font-size:12px}.text-link:hover{color:#876542}.skip{position:fixed;top:-100px;background:var(--paper);padding:10px;z-index:100}.skip:focus{top:0}header{height:95px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#f5f2eaf5;backdrop-filter:blur(10px);z-index:10}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:13px;line-height:1.25}.brand svg{width:35px;height:40px}.brand strong{font-family:var(--serif);font-weight:500;font-size:24px;letter-spacing:.06em}.brand small{display:block;font-size:8px;letter-spacing:.24em;margin-top:5px}.desktop-nav{display:flex;gap:30px;font-size:11px}.desktop-nav a{padding:10px 0}.desktop-nav a[aria-current]{border-bottom:1px solid var(--green)}.header-actions{display:flex;align-items:center;gap:22px}.language{background:transparent;border:0;border-bottom:1px solid var(--line);font-size:11px;padding:7px 4px;max-width:85px}.menu-toggle{display:none;background:none;border:0;width:40px;height:40px;font-size:22px}.mobile-nav{display:none}.hero{display:grid;grid-template-columns:43% 57%;min-height:610px;padding-top:42px;padding-bottom:44px}.hero-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:25px 45px 25px 0}.hero h1{font-size:clamp(55px,6.2vw,88px);letter-spacing:-.035em;margin:24px 0}.hero h1 em{font-weight:400;color:var(--green)}.hero .lead{max-width:310px;color:var(--muted);font-size:13px;line-height:1.9}.hero .button{margin-top:30px}.hero-photo{position:relative;min-height:530px;margin-left:12px}.hero-photo img{object-position:50% 55%}.vertical{position:absolute;right:22px;top:28px;writing-mode:vertical-rl;font-family:'Noto Serif JP',serif;color:#fff;letter-spacing:.45em;font-size:16px;text-shadow:0 1px 8px #000}.photo-label{position:absolute;bottom:22px;left:24px;color:#fff;font-size:10px;letter-spacing:.18em;text-shadow:0 1px 7px #000}.hero-foot{margin-top:46px;display:flex;align-items:center;gap:15px;font-size:9px;color:var(--muted);letter-spacing:.12em}.hero-foot:before{content:'';width:38px;height:1px;background:#aaa}.intro{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:46px 0;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.intro .jp{font-size:23px;line-height:1.8}.intro p{color:var(--muted);font-size:13px;max-width:480px}.section{padding-top:90px;padding-bottom:90px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:40px}.section-head h2{margin-top:12px}.section-head>p{max-width:300px;color:var(--muted);font-size:12px}.stays{display:grid;grid-template-columns:1fr 1fr;gap:44px}.stay-card:nth-child(2){padding-top:65px}.card-photo{display:block;position:relative;overflow:hidden;height:350px}.card-photo img{transition:transform .7s}.card-photo:hover img{transform:scale(1.035)}.card-photo .stamp{position:absolute;top:20px;left:20px;padding:7px 12px;background:var(--paper);font-size:11px;font-family:var(--serif)}.card-title{display:flex;justify-content:space-between;align-items:center;margin:21px 0 12px}.card-title h3{font-size:37px}.card-title .jp{font-size:25px;color:#8d9480}.card-description{font-size:12px;color:var(--muted);margin:12px 0}.card-facts{display:flex;gap:18px;flex-wrap:wrap;font-size:10px;letter-spacing:.03em;padding:14px 0;border-top:1px solid var(--line)}.story{background:#e9ecdf}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.story-photo{height:490px;position:relative}.story-photo .inset{position:absolute;width:43%;height:53%;right:-25px;bottom:-25px;border:8px solid #e9ecdf}.story-copy{padding:20px 0}.story-copy h2{margin:18px 0 24px}.story-copy>p{font-size:13px;color:#65705c;max-width:380px}.small-features{margin-top:30px}.small-features div{display:grid;grid-template-columns:28px 1fr;gap:14px;padding:15px 0;border-top:1px solid #cdd3c1;font-size:12px}.small-features span:first-child{font-family:var(--serif);color:#7e8b70}.access{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;align-items:start}.access h2{margin:15px 0 25px}.access p{font-size:13px;color:var(--muted)}.route-list{border-top:1px solid var(--line)}.route-row{padding:22px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:center}.route-row strong{font-weight:400;font-family:var(--serif);font-size:25px}.route-row span{font-size:11px;text-align:right;color:var(--muted)}.tiny{font-size:10px!important;line-height:1.7;color:var(--muted);margin-top:20px}.closing{text-align:center;padding:70px 25px;background:#eae5d9;border-top:1px solid #ded9cd}.closing h2{margin:14px 0 25px}.closing p{color:var(--muted);font-size:12px;margin-bottom:24px}.closing .button{margin:5px}footer{padding:42px 0 25px}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}.footer-links{display:flex;gap:30px;font-size:11px}.footer-bottom{margin-top:35px;border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:var(--muted)}.breadcrumb{padding-top:25px;font-size:10px;color:var(--muted)}.property-top{display:flex;justify-content:space-between;align-items:end;padding-top:35px;padding-bottom:35px;gap:25px}.property-top h1{font-size:clamp(58px,7vw,85px);margin-top:12px}.property-top h1 .jp{font-size:.45em;color:#89907d;vertical-align:middle;margin-left:20px}.property-top p{margin-top:12px;color:var(--muted);font-size:13px}.property-hero{height:510px;position:relative}.property-hero button{position:absolute;bottom:24px;right:24px;background:var(--paper);color:var(--ink);border:0}.facts{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--line);padding-top:30px;padding-bottom:30px}.fact{text-align:center;border-right:1px solid var(--line)}.fact:last-child{border:0}.fact strong{display:block;font:34px var(--serif)}.fact span{font-size:10px;color:var(--muted)}.subnav{display:flex;gap:32px;justify-content:center;border-bottom:1px solid var(--line);padding:20px 0;font-size:11px}.property-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px}.property-intro h2{margin-top:15px}.property-intro p{font-size:13px;color:var(--muted);line-height:1.9}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.gallery button{padding:0;border:0;background:none;position:relative;height:230px;overflow:hidden}.gallery button:first-child{grid-column:span 2;grid-row:span 2;height:475px}.gallery button img{transition:transform .5s}.gallery button:hover img{transform:scale(1.035)}.gallery button:after{content:'↗';position:absolute;right:12px;bottom:12px;border-radius:50%;width:30px;height:30px;background:var(--paper);display:grid;place-items:center}.gallery-label{font-size:11px;color:var(--muted);margin-top:14px}.space-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.space-item{border-top:1px solid var(--line);padding-top:22px}.space-item .floor{font:35px var(--serif);color:#7f896e}.space-item h3{font-size:26px;margin:15px 0}.space-item p{color:var(--muted);font-size:12px}.amenities{display:grid;grid-template-columns:repeat(4,1fr);gap:0 30px}.amenity{border-top:1px solid var(--line);padding:23px 0;display:flex;gap:15px;align-items:center;font-size:12px}.amenity svg{width:25px;height:25px;flex-shrink:0;stroke:var(--green);fill:none;stroke-width:1.2}.rules{margin-top:45px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:13px}details p{font-size:12px;line-height:1.9;color:var(--muted);padding-top:15px;max-width:750px}.property-access{background:#e9ecdf}.property-access .route-row{border-color:#cbd1be}.other-stay{display:grid;grid-template-columns:220px 1fr auto;gap:40px;align-items:center}.other-stay img{height:150px}.other-stay h3{margin-top:10px}.mobile-book{display:none}dialog{border:0;padding:20px;background:#f5f2ea;max-width:1100px;width:94vw;max-height:94dvh;color:var(--ink)}dialog::backdrop{background:#171b17e8;backdrop-filter:blur(5px)}body:has(dialog[open]){overflow:hidden}.lightbar{display:flex;justify-content:space-between;align-items:center;font-size:12px}.lightbar button,.lightstage button{border:1px solid var(--line);background:var(--paper);width:42px;height:42px;font-size:20px}.lightstage{display:flex;align-items:center;gap:15px;margin:15px 0}.lightstage img{width:calc(100% - 114px);height:68dvh;object-fit:contain}.lightstage button{flex-shrink:0}#photo-caption{text-align:center;font-size:12px}html[lang=zh] h1,html[lang=ja] h1{line-height:1.3}html[lang=zh] .hero h1,html[lang=ja] .hero h1{font-size:clamp(43px,5vw,65px);letter-spacing:.02em}html[lang=zh] h2,html[lang=ja] h2{line-height:1.4;font-size:clamp(29px,3.1vw,44px)}@media(min-width:1550px){.hero{min-height:700px}.hero-photo{min-height:620px}}@media(max-width:1000px){.desktop-nav{gap:18px}.header-actions{gap:10px}.hero-copy{padding-right:20px}.hero h1{font-size:65px}.hero-photo{min-height:490px}.story-grid{gap:50px}.access{gap:45px}.card-photo{height:280px}.wrap{padding-left:5%;padding-right:5%}}@media(max-width:760px){header{height:75px}.brand strong{font-size:20px}.brand small{font-size:7px}.brand svg{width:28px}.desktop-nav{display:none}.menu-toggle{display:block}.header-inner{gap:10px}.header-actions{gap:7px}.mobile-nav.open{display:flex;flex-direction:column;position:absolute;top:75px;left:0;right:0;background:var(--paper);padding:20px 6%;border-bottom:1px solid var(--line)}.mobile-nav a{padding:12px 0}.hero{grid-template-columns:1fr;padding-top:28px;gap:28px;min-height:0}.hero-copy{padding:14px 0 0}.hero h1{font-size:67px;margin:18px 0}.hero .lead{max-width:330px}.hero .button{margin-top:22px}.hero-foot{margin-top:26px}.hero-photo{margin:0;min-height:0;height:390px}.vertical{font-size:14px;right:17px}.intro{grid-template-columns:1fr;gap:20px;padding:32px 0}.intro .jp{font-size:21px}.section{padding-top:58px;padding-bottom:58px}.section-head{display:block;margin-bottom:28px}.section-head>p{margin-top:18px;max-width:100%}.stays{grid-template-columns:1fr;gap:38px}.stay-card:nth-child(2){padding:0}.card-photo{height:310px}.card-title h3{font-size:34px}.story-grid{grid-template-columns:1fr;gap:45px}.story-photo{height:330px;margin-right:20px}.story-photo .inset{right:-20px;bottom:-20px}.story-copy{padding:0}.story-copy>p{max-width:none}.access{grid-template-columns:1fr;gap:30px}.route-row{padding:18px 0}.route-row strong{font-size:23px}.closing{padding:50px 20px}.footer-top{flex-direction:column;gap:27px}.footer-links{flex-wrap:wrap;gap:15px 25px}.footer-bottom{flex-direction:column;gap:10px}.property-top{padding-top:22px;padding-bottom:25px;display:block}.property-top>.button{display:none}.property-top h1{font-size:62px}.property-hero{height:350px}.property-hero button{bottom:17px;right:17px;padding:10px 14px}.facts{grid-template-columns:repeat(3,1fr);gap:20px 0;padding:24px 0}.fact:nth-child(3){border:0}.fact strong{font-size:30px}.subnav{gap:22px;font-size:10px}.property-intro{grid-template-columns:1fr;gap:24px}.gallery{grid-template-columns:1fr 1fr;gap:10px}.gallery button{height:180px}.gallery button:first-child{height:300px;grid-row:span 1}.space-grid{grid-template-columns:1fr;gap:25px}.space-item{display:grid;grid-template-columns:50px 1fr;column-gap:16px}.space-item h3{margin:5px 0 12px}.space-item p{grid-column:2}.amenities{grid-template-columns:1fr 1fr;gap:0 20px}.amenity{font-size:11px;gap:10px;padding:20px 0}.other-stay{grid-template-columns:100px 1fr;gap:20px}.other-stay img{height:120px}.other-stay .text-link{grid-column:2;justify-self:start}.other-stay h3{font-size:30px}.mobile-book.visible{display:flex;justify-content:space-between;align-items:center;position:fixed;bottom:0;left:0;right:0;z-index:9;background:var(--paper);border-top:1px solid var(--line);padding:10px 5% max(10px,env(safe-area-inset-bottom));box-shadow:0 -3px 12px #34372f08}.mobile-book strong{font:23px var(--serif)}body.property{padding-bottom:80px}.lightstage{gap:5px}.lightstage button{width:30px;height:40px}.lightstage img{width:calc(100% - 70px);height:65dvh}dialog{padding:14px}.lightbar button{width:35px;height:35px}html[lang=zh] .hero h1,html[lang=ja] .hero h1{font-size:47px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}