:root{--olive:#6b7440;--tan:#c39979;--ink:#293127;--paper:#fbfaf6;--line:#d6d7cd;--serif:'Noto Serif Thai',Georgia,serif;--sans:'IBM Plex Sans Thai',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;color:var(--ink);background:var(--paper);font:400 16px/1.9 var(--sans)}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--tan);outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover}figure,p,h1,h2{margin:0}h1,h2{font-family:var(--serif);font-weight:400}h2{font-size:clamp(28px,3vw,48px);line-height:1.65}.studio{position:sticky;top:0;z-index:20;background:#fff;color:#30382d;min-height:64px;display:flex;align-items:center;justify-content:space-between;padding:8px 28px;border-bottom:1px solid #ddd;gap:20px;font-size:14px}.studio-brand{font-family:Arial,sans-serif;font-size:13px;font-weight:700;letter-spacing:1.5px}.studio-brand span{font-size:10px;font-weight:400;display:block;letter-spacing:1.2px}.switches{display:flex;gap:5px}.switches button{border:0;background:transparent;padding:8px 14px;font-size:14px;white-space:nowrap;line-height:1.5}.switches button[aria-pressed=true]{background:#293127;color:#fff}.switches button span{margin-left:8px}.about-button{font-size:14px;border:0;border-bottom:1px solid;background:none;padding:2px 0}.header{padding:28px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px}.wordmark{display:block;line-height:1.2;text-align:center}.wordmark>span{display:block;font-family:var(--serif);font-size:27px}.wordmark small{font:11px/2.5 Arial,sans-serif;letter-spacing:3px}.header nav{display:flex;gap:36px;font-size:14px}.book{display:inline-flex;justify-content:center;align-items:center;background:var(--olive);color:#fff;padding:12px 28px;font-size:14px;min-height:46px}.book:hover{background:#4d572d}.eyebrow,.section-label{font-size:12px;letter-spacing:2px;line-height:1.7}.hero{position:relative;padding:38px 5% 0}.hero-copy{text-align:center;padding-bottom:38px}.hero h1{font-size:clamp(38px,4.2vw,66px);line-height:1.55;margin:21px 0 13px}.hero-sub{font-weight:300;font-size:17px;line-height:1.8}.text-link{display:inline-block;padding:4px 0;border-bottom:1px solid;font-size:14px;line-height:1.8}.hero .text-link{margin-top:21px}.hero-image{height:520px;position:relative}.hero-image img{object-position:center 56%}.hero-image figcaption{position:absolute;bottom:20px;left:26px;right:26px;color:#fff;display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px;text-shadow:0 1px 6px #000}.hero-number{display:none}.section{padding:115px 9%;}.section-label{color:var(--olive);margin-bottom:40px}.story{display:grid;grid-template-columns:.9fr 1fr;gap:20px 9%;align-items:center}.story>.section-label{grid-column:1/-1}.english-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(42px,4.8vw,72px);line-height:1.08;margin-bottom:36px}.english-title em{font-weight:400;color:var(--olive)}.story h2{font-size:29px;line-height:1.7;margin-bottom:25px}.story-text>p:not(.english-title){font-size:16px;line-height:2.05;margin-top:16px;max-width:480px;color:#606557}.story-image{align-self:center}.story-image img{height:620px;object-position:55% center}.story-image figcaption{font-size:12px;margin-top:15px;color:#6e7367}.stay{background:#eeeee5;padding-top:95px;padding-bottom:85px}.stay-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:46px}.stay-heading p{color:#606557}.stay-heading h2 span{color:var(--olive)}.room-image img{height:650px;object-position:center 55%}.room-image figcaption{display:flex;justify-content:space-between;font-size:14px;padding-top:16px}.room-image figcaption span:last-child{font-size:12px;letter-spacing:2px}.room-details{display:flex;justify-content:space-between;align-items:flex-end;margin-top:24px}.moments{text-align:center}.moments .section-label{margin-bottom:32px}.moments>p{color:#606557;margin-top:36px}.principles{display:flex;justify-content:center;gap:0;margin-top:40px}.principles span{padding:0 25px;border-right:1px solid #bdc0ac;color:var(--olive);font-size:18px}.principles span:last-child{border:0}.closing{height:590px;position:relative;color:white}.closing>img{object-position:35% center}.closing:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#071913b0)}.closing>div{position:absolute;z-index:1;right:10%;top:50%;transform:translateY(-50%)}.closing h2{margin:20px 0 30px}.closing .book{background:#fff;color:var(--ink)}footer{padding:65px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:14px}footer>small{font-family:var(--serif);font-size:16px}dialog{border:0;padding:55px;width:min(760px,92vw);max-height:85vh;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#101b17a8}dialog h2{font-size:32px;margin:15px 0}dialog p{font-size:16px}#about-close{position:absolute;top:14px;right:20px;border:0;background:none;font-size:14px}.note-row{padding:20px 0;border-bottom:1px solid var(--line)}.note-row b{font-weight:500}.note-row p{color:#606557;margin-top:5px}.draft-note{margin-top:25px;font-size:13px!important;line-height:1.9;color:#73766c}
@media(max-width:800px){.studio{padding:8px 15px;flex-wrap:wrap;gap:8px;justify-content:center}.studio-brand{display:none}.switches{flex:1;justify-content:center}.switches button{padding:7px 12px}.switches button span{display:none}.about-button{font-size:12px}.header{padding:20px 6%;gap:16px}.header nav{display:none}.wordmark>span{font-size:23px}.wordmark small{font-size:9px}.book{padding:10px 18px}.hero{padding:24px 6% 0}.hero h1{font-size:37px}.eyebrow{font-size:10px;letter-spacing:1.4px}.hero-sub{font-size:16px}.hero-image{height:410px}.hero-image img{object-position:57% center}.hero-image figcaption{left:15px;right:15px;font-size:10px}.section{padding:70px 7%}.story{grid-template-columns:1fr;gap:35px}.section-label{font-size:10px;margin-bottom:20px}.story>.section-label{margin:0}.english-title{font-size:54px;margin-bottom:25px}.story h2{font-size:26px}.story-image img{height:410px}.stay-heading{display:block;margin-bottom:30px}.stay-heading p{margin-top:20px}.room-image img{height:430px;object-position:64% center}.room-details{display:block}.room-details .text-link{margin-top:20px}.moments h2{font-size:27px}.principles{flex-wrap:wrap;gap:12px 0;margin-top:30px}.principles span{font-size:15px;padding:0 14px}.closing{height:530px}.closing:after{background:#0b1c1866}.closing>div{left:7%;right:7%;top:auto;bottom:55px;transform:none}.closing h2{font-size:32px}.closing>img{object-position:36% center}footer{padding:40px 7%;display:grid;grid-template-columns:1fr 1fr}footer .wordmark{text-align:left}footer>small{font-size:14px}dialog{padding:50px 24px 28px}dialog h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* B — a welcoming house, composed like a personal journal */
body[data-design=b]{--paper:#f5ede1;--ink:#4e3b2e;--olive:#6b7440;--line:#d5c3af;background:var(--paper)}[data-design=b] .header{padding:27px 6%;border-bottom:1px solid #d5c3af}[data-design=b] .hero{display:grid;grid-template-columns:1fr 1.08fr;gap:7%;padding:60px 7% 70px;align-items:center}[data-design=b] .hero-copy{text-align:left;padding:15px 0}[data-design=b] .hero h1{font-size:clamp(34px,4.2vw,64px);margin:25px 0 20px}[data-design=b] .hero h1 span{color:#8b6147}[data-design=b] .hero-sub{margin:20px 0}[data-design=b] .hero-image{height:690px;transform:rotate(2deg);border:12px solid #fff;background:#fff;box-shadow:0 12px 30px #4e3b2e14}[data-design=b] .hero-image img{object-position:57% center;height:calc(100% - 38px)}[data-design=b] .hero-image figcaption{position:static;color:#4e3b2e;padding:8px 7px;text-shadow:none;letter-spacing:0;font-size:12px}[data-design=b] .book{background:#77523a}[data-design=b] .story{background:#e4d4c0;grid-template-columns:1fr .82fr;gap:25px 10%;padding:90px 9%}[data-design=b] .story>.section-label{grid-column:2;grid-row:1;margin-bottom:0}[data-design=b] .story-text{grid-column:2;grid-row:2}[data-design=b] .story-image{grid-column:1;grid-row:1/3;transform:rotate(-2deg);background:#fdfaf3;padding:12px 12px 17px}[data-design=b] .story-image img{height:650px}[data-design=b] .story-image figcaption{padding-left:8px}[data-design=b] .english-title{font-size:62px;color:#78513b}[data-design=b] .english-title em{color:inherit}[data-design=b] .story h2{font-size:27px}[data-design=b] .story-text>p:not(.english-title){color:#655342}[data-design=b] .stay{background:var(--paper);display:grid;grid-template-columns:1.3fr .7fr;gap:25px 8%}[data-design=b] .stay>.section-label{grid-column:1/-1;margin-bottom:10px}[data-design=b] .stay-heading{grid-column:2;grid-row:2;display:block;margin:40px 0 0}[data-design=b] .stay-heading h2{font-size:42px}[data-design=b] .stay-heading p{margin-top:28px}[data-design=b] .room-image{grid-column:1;grid-row:2/4}[data-design=b] .room-image img{height:650px;border-radius:48% 48% 0 0}[data-design=b] .room-details{grid-column:2;grid-row:3;display:block;align-self:end;margin:0 0 65px}[data-design=b] .room-details a{margin-top:25px}[data-design=b] .moments{border-top:1px solid #d5c3af;padding:100px 9%}[data-design=b] .moments h2{color:#77523a}[data-design=b] .principles span{color:#77523a;border-color:#c8ad96}[data-design=b] .closing{height:610px;margin:0 5% 70px}[data-design=b] .closing>div{background:#f5ede1f5;color:#4e3b2e;padding:45px;right:4%}[data-design=b] .closing:after{display:none}[data-design=b] .closing h2{font-size:38px}[data-design=b] .closing .book{background:#77523a;color:white}[data-design=b] footer{border-top:1px solid #d5c3af}
/* C — a cinematic arrival, bold scale and forest depth */
body[data-design=c]{--paper:#132820;--ink:#f5f4e9;--olive:#cad0ac;--line:#526451;background:var(--paper)}[data-design=c] .header{position:absolute;top:64px;left:0;right:0;z-index:3;padding:25px 4%;color:white;border-bottom:1px solid #ffffff40}[data-design=c] .header .book{background:#f0f1dc;color:#203829}[data-design=c] .hero{padding:0;min-height:calc(100svh - 64px);height:850px;max-height:1100px;display:flex;align-items:center}[data-design=c] .hero-image{position:absolute;inset:0;height:100%}[data-design=c] .hero-image img{object-position:center 53%}[data-design=c] .hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#102c24b8,#102c2410),linear-gradient(#102c2455,transparent 40%,#102c2477)}[data-design=c] .hero-copy{text-align:left;position:relative;z-index:2;padding:130px 7% 100px;width:100%}[data-design=c] .hero h1{font-family:var(--sans);font-size:clamp(55px,7vw,105px);font-weight:300;line-height:1.32;letter-spacing:-2px;margin:25px 0 24px;color:#fff}[data-design=c] .hero h1 span{font-weight:500}[data-design=c] .hero-sub{font-size:19px;color:#fff}[data-design=c] .hero-copy .eyebrow{color:#fff}[data-design=c] .hero .text-link{color:#fff;margin-top:28px}[data-design=c] .hero-image figcaption{z-index:2;left:7%;right:7%;bottom:32px}[data-design=c] .hero-number{display:block;position:absolute;right:4%;top:47%;z-index:2;writing-mode:vertical-rl;font-size:12px;letter-spacing:3px}[data-design=c] .story{padding:120px 7%;grid-template-columns:1fr 1.1fr;gap:15px 8%}[data-design=c] .story .english-title{font-size:80px;line-height:.95;color:#d6daba}[data-design=c] .story .english-title em{color:white}[data-design=c] .story h2{font-family:var(--sans);font-weight:400}[data-design=c] .story-text>p:not(.english-title){color:#b8c6bc}[data-design=c] .story-image img{height:660px}[data-design=c] .story-image figcaption{color:#bcc5b8}[data-design=c] .stay{background:#e8ecdc;color:#203829;padding:95px 7%}[data-design=c] .stay .section-label{color:#516437}[data-design=c] .stay-heading h2{font-family:var(--sans);font-size:60px;line-height:1.35;font-weight:400}[data-design=c] .stay-heading h2 span{color:#687445}[data-design=c] .room-image img{height:730px}[data-design=c] .moments{padding:120px 7%;text-align:left;display:grid;grid-template-columns:1.7fr 1fr;gap:32px 6%}[data-design=c] .moments .section-label{grid-column:1/-1;margin:0}[data-design=c] .moments h2{font-family:var(--sans);font-size:45px}[data-design=c] .moments>p{grid-column:1;margin:0;color:#bdc9b9}[data-design=c] .principles{grid-column:2;grid-row:2/4;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;margin:0}[data-design=c] .principles span{border:0;border-bottom:1px solid #4b604e;width:100%;padding:8px 0;font-size:23px}[data-design=c] .closing{height:670px}[data-design=c] .closing h2{font-family:var(--sans);font-size:50px;font-weight:300}[data-design=c] .closing .book{color:#203829}[data-design=c] footer{background:#0c1c16}
@media(max-width:800px){[data-design=b] .hero{grid-template-columns:1fr;padding:30px 7% 45px;gap:28px}[data-design=b] .hero-copy{text-align:center;padding:0}[data-design=b] .hero h1{font-size:38px;margin:18px 0}[data-design=b] .hero-image{height:460px;max-width:100%;border-width:9px}[data-design=b] .hero-image figcaption{font-size:10px}[data-design=b] .story{display:flex;flex-direction:column;padding:65px 7%;gap:25px;align-items:stretch}[data-design=b] .story>.section-label{order:0}[data-design=b] .story-text{order:1}[data-design=b] .story-image{order:2;margin-top:15px}[data-design=b] .story-image img{height:420px}[data-design=b] .english-title{font-size:55px}[data-design=b] .stay{display:block;padding:65px 7%}[data-design=b] .stay-heading{margin:25px 0}[data-design=b] .stay-heading h2{font-size:34px}[data-design=b] .room-image img{height:470px}[data-design=b] .room-details{margin:25px 0 0}[data-design=b] .moments{padding:65px 7%}[data-design=b] .closing{margin:0 5% 45px;height:580px}[data-design=b] .closing>div{padding:26px;left:7%;right:7%;bottom:25px}[data-design=b] .closing h2{font-size:29px}[data-design=c] .header{top:55px;padding:20px 6%}[data-design=c] .hero{min-height:780px;height:calc(100svh - 55px);max-height:none}[data-design=c] .hero h1{font-size:47px;letter-spacing:-1px;line-height:1.45}[data-design=c] .hero-copy{padding:160px 7% 90px}[data-design=c] .hero-sub{font-size:17px}[data-design=c] .hero-image img{object-position:55% center}[data-design=c] .hero-number{display:none}[data-design=c] .story{padding:70px 7%;grid-template-columns:1fr;gap:30px}[data-design=c] .story .english-title{font-size:62px}[data-design=c] .story-image img{height:450px}[data-design=c] .stay{padding:70px 7%}[data-design=c] .stay-heading h2{font-size:39px}[data-design=c] .room-image img{height:480px}[data-design=c] .moments{padding:70px 7%;display:block}[data-design=c] .moments h2{font-size:29px;margin:25px 0}[data-design=c] .principles{margin:25px 0}[data-design=c] .principles span{font-size:19px}[data-design=c] .closing{height:560px}[data-design=c] .closing h2{font-size:34px}}

[data-design=c] .header{top:var(--studio-height,64px)}
/* D — Stillness. Photo-first composition and warm stone. */
body[data-design=d]{--paper:#f2ede5;--ink:#333631;--olive:#656d4e;--line:#d3cfc6;background:var(--paper);font-weight:300}
[data-design=d] .header{display:grid;grid-template-columns:1fr auto 1fr;gap:34px;padding:32px 7%;min-height:130px}
[data-design=d] .header .wordmark{grid-column:2;grid-row:1}
[data-design=d] .header .wordmark>span{font-size:31px;font-weight:300}
[data-design=d] .header .wordmark small{letter-spacing:4px;font-size:10px;line-height:2.8}
[data-design=d] .header nav{grid-column:1;grid-row:1;gap:24px;font-size:14px;font-weight:300}
[data-design=d] .header>.book{grid-column:3;grid-row:1;justify-self:end}
[data-design=d] .book{background:#333631;color:#fff;font-weight:300;padding:13px 31px;min-width:144px;letter-spacing:.3px}
[data-design=d] .book:hover{background:#5b6249}
[data-design=d] .hero{padding:0 7%;display:flex;flex-direction:column}
[data-design=d] .hero-image{order:0;width:100%;height:clamp(450px,48vw,740px)}
[data-design=d] .hero-image img{object-position:center 59%}
[data-design=d] .hero-image figcaption{position:static;color:#60645a;text-shadow:none;left:auto;right:auto;display:flex;padding:17px 0;font-size:12px;letter-spacing:1.3px}
[data-design=d] .hero-copy{order:1;padding:120px 0 115px;max-width:680px;align-self:center;text-align:center}
[data-design=d] .eyebrow{font-size:12px;letter-spacing:2.5px;color:#686b61}
[data-design=d] .hero h1{font-size:clamp(32px,3.3vw,47px);line-height:1.65;font-weight:300;margin:30px 0 24px}
[data-design=d] .hero-sub{font-size:17px;font-weight:300;line-height:1.95;color:#62655b}
[data-design=d] .hero .text-link{margin-top:32px}
[data-design=d] .text-link{font-weight:300;padding-bottom:7px;border-color:#737669}
[data-design=d] .section-label{font-size:12px;letter-spacing:2px;color:#696f5d}
[data-design=d] .story{padding:30px 7% 140px;grid-template-columns:1.28fr .72fr;gap:0 8%;align-items:center}
[data-design=d] .story>.section-label{grid-column:2;grid-row:1;margin:0 0 25px;align-self:end}
[data-design=d] .story-text{grid-column:2;grid-row:2}
[data-design=d] .story-image{grid-column:1;grid-row:1/3;align-self:stretch}
[data-design=d] .story-image img{height:680px;object-position:55% center}
[data-design=d] .story-image figcaption{margin-top:17px;letter-spacing:.2px}
[data-design=d] .english-title{font-size:45px;line-height:1.15;margin-bottom:32px}
[data-design=d] .english-title em{color:inherit}
[data-design=d] .story h2{font-size:25px;line-height:1.8;font-weight:300;margin-bottom:20px}
[data-design=d] .story-text>p:not(.english-title){font-size:16px;line-height:2.1;color:#62655b;margin-top:18px}
[data-design=d] .stay{background:transparent;padding:0 7% 140px;display:grid;grid-template-columns:.72fr 1.28fr;gap:24px 8%}
[data-design=d] .stay>.section-label{grid-column:1;grid-row:1;align-self:end;margin-bottom:0}
[data-design=d] .stay-heading{grid-column:1;grid-row:2;display:block;margin:0;align-self:start}
[data-design=d] .stay-heading h2{font-size:36px;font-weight:300;line-height:1.65}
[data-design=d] .stay-heading h2 span{color:inherit}
[data-design=d] .stay-heading p{margin-top:28px;font-size:16px;line-height:2.1;color:#62655b}
[data-design=d] .room-image{grid-column:2;grid-row:1/4}
[data-design=d] .room-image img{height:690px;object-position:62% center}
[data-design=d] .room-image figcaption{padding-top:17px;color:#62655b}
[data-design=d] .room-details{grid-column:1;grid-row:3;align-self:start;display:block;margin:0}
[data-design=d] .room-details>p{font-size:16px;line-height:2;color:#62655b}
[data-design=d] .room-details>a{margin-top:28px}
[data-design=d] .moments{padding:95px 7% 135px;border-top:1px solid var(--line);margin:0 7%;text-align:center}
[data-design=d] .moments .section-label{margin-bottom:32px}
[data-design=d] .moments h2{font-size:clamp(27px,2.8vw,39px);font-weight:300;line-height:1.85}
[data-design=d] .principles{margin-top:40px}
[data-design=d] .principles span{font-size:16px;font-weight:300;padding:0 24px;border-color:#c6c9ba;color:#656d4e}
[data-design=d] .moments>p{margin-top:35px;font-size:16px;line-height:2;color:#62655b}
[data-design=d] .closing{height:auto;color:var(--ink);padding:0 7%;display:flex;flex-direction:column}
[data-design=d] .closing>img{height:clamp(380px,39vw,620px);object-position:35% center}
[data-design=d] .closing:after{display:none}
[data-design=d] .closing>div{position:static;transform:none;text-align:center;padding:95px 24px 105px}
[data-design=d] .closing h2{font-size:36px;font-weight:300;line-height:1.7;margin:28px 0 34px}
[data-design=d] .closing .book{background:#333631;color:white}
[data-design=d] footer{border-top:1px solid var(--line);margin:0 7%;padding:50px 0 65px}
[data-design=d] footer .wordmark>span{font-size:25px}
@media(min-width:801px) and (max-width:1180px){.studio-brand{display:none}.studio{gap:12px}.switches{gap:1px}.switches button{padding:8px 10px}.switches button span{margin-left:5px}[data-design=d] .header{gap:20px;padding:28px 5%}[data-design=d] .header nav{gap:14px;font-size:13px}[data-design=d] .story{grid-template-columns:1fr 1fr;gap:0 6%}[data-design=d] .story-image img{height:760px}[data-design=d] .stay{grid-template-columns:.9fr 1.1fr;gap:24px 6%}[data-design=d] .stay-heading h2{font-size:32px}}
@media(max-width:800px){[data-design=d] .header{min-height:104px;padding:22px 6%;grid-template-columns:1fr auto;gap:18px}[data-design=d] .header .wordmark{grid-column:1;text-align:left}[data-design=d] .header .wordmark>span{font-size:25px}[data-design=d] .header .wordmark small{font-size:9px;letter-spacing:2.8px}[data-design=d] .header nav{display:none}[data-design=d] .header>.book{grid-column:2;padding:10px 17px;min-width:0;font-size:14px}[data-design=d] .hero{padding:0 6%}[data-design=d] .hero-image{height:430px}[data-design=d] .hero-image img{object-position:56% center}[data-design=d] .hero-image figcaption{font-size:11px;letter-spacing:.5px;padding:13px 0;gap:12px}[data-design=d] .hero-copy{padding:85px 0 70px}[data-design=d] .hero h1{font-size:33px;line-height:1.75;margin:25px 0 22px}[data-design=d] .eyebrow{font-size:10px;letter-spacing:1.5px}[data-design=d] .hero-sub{font-size:16px}[data-design=d] .story{padding:0 6% 80px;display:flex;flex-direction:column;align-items:stretch;gap:0}[data-design=d] .story>.section-label{order:1;align-self:auto;margin:42px 0 20px}[data-design=d] .story-image{order:0}[data-design=d] .story-image img{height:420px}[data-design=d] .story-image figcaption{font-size:12px;margin-top:13px}[data-design=d] .story-text{order:2}[data-design=d] .english-title{font-size:44px;margin-bottom:25px}[data-design=d] .story h2{font-size:26px}[data-design=d] .stay{display:flex;flex-direction:column;padding:0 6% 80px;gap:0}[data-design=d] .room-image{order:0}[data-design=d] .room-image img{height:450px}[data-design=d] .stay>.section-label{order:1;align-self:auto;margin:42px 0 20px}[data-design=d] .stay-heading{order:2}[data-design=d] .stay-heading h2{font-size:31px}[data-design=d] .stay-heading p{margin-top:22px}[data-design=d] .room-details{order:3;margin-top:22px}[data-design=d] .room-details>a{margin-top:23px}[data-design=d] .moments{margin:0 6%;padding:65px 0 75px}[data-design=d] .moments h2{font-size:26px;line-height:1.9}[data-design=d] .principles{margin-top:28px;gap:14px 0}[data-design=d] .principles span{font-size:16px;padding:0 13px}[data-design=d] .closing{padding:0 6%}[data-design=d] .closing>img{height:350px;object-position:30% center}[data-design=d] .closing>div{padding:65px 0 75px}[data-design=d] .closing h2{font-size:29px;margin:24px 0 30px}[data-design=d] footer{margin:0 6%;padding:40px 0;gap:25px 15px}}
/* E — preserve the existing full-screen arrival, then add a considered story. */
.e-only{display:none}
body[data-design=e]{--paper:#f7f5ef;--ink:#30392d;--olive:#69713f;--line:#d6d8ca;background:var(--paper)}
[data-design=e] .e-only{display:block}
[data-design=e] .hero{display:none}
[data-design=e] .header{position:absolute;left:0;right:0;top:var(--studio-height,64px);z-index:3;color:#fff;padding:28px 5%;align-items:center;background:linear-gradient(#08161055,transparent)}
[data-design=e] .header .wordmark{text-align:left}
[data-design=e] .header .wordmark>span{font-size:30px}
[data-design=e] .header nav{margin-left:auto;font-size:14px;gap:30px}
[data-design=e] .header>.book{background:transparent;border:1px solid #fff9;color:#fff;padding:10px 24px}
[data-design=e] .original-opening{position:relative;height:calc(100svh - var(--studio-height,64px));min-height:680px;color:#fff}
.original-opening>img{position:absolute;inset:0;object-fit:cover;object-position:50% center}
.original-opening:after{content:'';position:absolute;inset:0;background:linear-gradient(#0b1a1320,#0b1a1326 40%,#0b1a1377)}
.opening-copy{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:140px 24px 100px}
.opening-copy h1{font-size:clamp(34px,4.2vw,64px);font-weight:500;line-height:1.7;text-shadow:0 2px 26px #0005}
.opening-copy .book{background:#929288;color:white;min-width:164px;padding:18px 32px;margin-top:42px;font-size:16px}
.opening-copy .book:hover{background:#75796c}
.opening-scroll{position:absolute;z-index:2;bottom:30px;left:50%;transform:translateX(-50%);font-size:13px;white-space:nowrap;border-bottom:1px solid #fff8;padding-bottom:6px;color:#fff}
[data-design=e] .e-welcome{text-align:center;padding:100px 24px 110px;max-width:850px;margin:auto}
.e-welcome .eyebrow{color:#6b7440}.e-welcome h2{font-size:clamp(30px,3.3vw,46px);line-height:1.7;margin:26px 0 22px}.e-welcome>p:not(.eyebrow){color:#69705f;font-size:17px;line-height:2}.e-welcome .text-link{margin-top:27px}
[data-design=e] .story{padding:0 8% 110px;grid-template-columns:1.15fr .85fr;gap:0 8%}
[data-design=e] .story>.section-label{grid-column:2;grid-row:1;margin:0 0 20px;align-self:end}
[data-design=e] .story-text{grid-column:2;grid-row:2}
[data-design=e] .story-image{grid-column:1;grid-row:1/3}
[data-design=e] .story-image img{height:660px;object-position:53% center}
[data-design=e] .english-title{font-size:58px;margin-bottom:30px}
[data-design=e] .story h2{font-size:28px}
[data-design=e] .story-text>p:not(.english-title){line-height:2.1}
[data-design=e] .stay{padding:85px 8% 70px;background:#e9ecdf}
[data-design=e] .stay-heading h2{font-size:43px;line-height:1.6}
[data-design=e] .room-image img{height:650px;object-position:center 56%}
[data-design=e] .room-details{margin-top:25px}
[data-design=e] .e-rooms{padding:75px 8% 100px;display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;background:#e9ecdf}
.e-rooms h2{font-size:37px;margin:20px 0;line-height:1.6}.e-rooms>div>p:not(.eyebrow){color:#66705b;font-size:16px;line-height:2}
.room-index>a{display:grid;grid-template-columns:36px 1fr auto;gap:16px;align-items:center;padding:22px 0;border-top:1px solid #bfc6b1}.room-index>a:last-child{border-bottom:1px solid #bfc6b1}.room-no{font-size:12px;color:#757e68}.room-index b{display:block;font-family:var(--serif);font-size:23px;font-weight:400}.room-index small{display:block;font:11px/2.5 var(--sans);letter-spacing:1.4px;color:#6f775e}.room-action{font-size:14px;border-bottom:1px solid #8a927a}.room-index>a:hover .room-action{color:#303f25;border-color:#303f25}
[data-design=e] .moments{padding:100px 8% 110px}
[data-design=e] .moments h2{font-size:39px;line-height:1.75}
[data-design=e] .closing{height:610px;margin:0 5%}
[data-design=e] .closing>img{object-position:35% center}
[data-design=e] .closing:after{background:linear-gradient(90deg,#08181010,#081810ba)}
[data-design=e] .closing>div{right:8%}
[data-design=e] .closing h2{font-size:44px}
[data-design=e] .e-contact{padding:110px 8%;display:grid;grid-template-columns:1fr 1fr;gap:10%}
.e-contact h2{font-size:38px;line-height:1.6;margin:24px 0}.e-contact p{font-size:16px;color:#65705b}.contact-options>div{border-top:1px solid #cdd1c1;padding:22px 0 28px}.contact-options>div>span{font-size:14px;color:#6b7440}.contact-options p{margin:12px 0}.contact-phone{display:block;font-size:30px;letter-spacing:1px;margin:12px 0 18px}
[data-design=e] footer{background:#687041;color:#fff;padding:55px 8%}
@media(min-width:801px) and (max-width:1450px){.studio-brand{display:none}.studio{gap:10px}.switches button{padding:8px 10px}.switches button span{margin-left:5px}}
@media(max-width:800px){.switches button{padding:8px 13px}.studio{gap:4px;padding:7px 12px}.about-button{font-size:12px}[data-design=e] .header{padding:20px 6%;gap:15px}[data-design=e] .header .wordmark>span{font-size:25px}[data-design=e] .header>.book{padding:9px 17px}[data-design=e] .original-opening{min-height:650px;height:calc(100svh - var(--studio-height,56px))}.original-opening>img{object-position:48% center}.opening-copy{padding:125px 22px 80px}.opening-copy h1{font-size:33px;line-height:1.8}.opening-copy .book{margin-top:33px;padding:14px 28px;font-size:15px}.opening-scroll{font-size:12px;bottom:25px}[data-design=e] .e-welcome{padding:70px 7% 80px}.e-welcome h2{font-size:30px}.e-welcome>p:not(.eyebrow){font-size:16px}[data-design=e] .story{display:flex;flex-direction:column;align-items:stretch;padding:0 7% 75px;gap:0}[data-design=e] .story-image{order:0}[data-design=e] .story-image img{height:440px}[data-design=e] .story>.section-label{order:1;align-self:auto;margin:40px 0 24px}[data-design=e] .story-text{order:2}[data-design=e] .english-title{font-size:54px}[data-design=e] .story h2{font-size:26px}[data-design=e] .stay{padding:65px 7% 40px}[data-design=e] .stay-heading h2{font-size:33px}[data-design=e] .room-image img{height:470px;object-position:63% center}[data-design=e] .e-rooms{padding:30px 7% 70px;display:block}.e-rooms h2{font-size:30px}.room-index{margin-top:35px}.room-index>a{grid-template-columns:22px 1fr auto;gap:10px;padding:20px 0}.room-index b{font-size:22px}.room-action{font-size:13px}.room-index small{font-size:10px;letter-spacing:.8px}[data-design=e] .moments{padding:70px 7% 75px}[data-design=e] .moments h2{font-size:27px}[data-design=e] .closing{height:530px;margin:0}[data-design=e] .closing>div{right:7%;left:7%}[data-design=e] .closing h2{font-size:33px}[data-design=e] .e-contact{padding:70px 7%;display:block}.e-contact h2{font-size:32px}.contact-options{margin-top:35px}[data-design=e] footer{padding:40px 7%}}
/* Photo rhythm: equal heights, deliberately unequal widths. */
.d-only{display:none}
[data-design=d] .photo-pair{display:grid;grid-template-columns:1.62fr 1fr;gap:28px;padding:0 7% 125px}
.photo-pair figure{min-width:0}
.photo-open{display:block;position:relative;width:100%;padding:0;border:0;background:#ddd9cf;overflow:hidden;color:white;cursor:zoom-in}
.photo-pair .photo-open{height:clamp(320px,38vw,565px)}
.photo-pair figcaption,.gallery-card figcaption{padding:17px 0 0;font-size:13px;line-height:1.8;color:#62655b}
.photo-expand{position:absolute;bottom:20px;right:20px;width:38px;height:38px;border:1px solid #fff9;display:grid;place-items:center;background:#192a2433;font-size:20px;opacity:0;translate:0 6px;transition:opacity .35s,translate .35s}
.photo-open:hover .photo-expand,.photo-open:focus-visible .photo-expand{opacity:1;translate:0 0}
[data-design=d] .gallery{display:block;padding:0 7% 120px;overflow:hidden}
.gallery-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:40px}
.gallery-heading h2{font-size:32px;margin-top:18px}
.gallery-controls{display:flex;gap:14px;align-items:center;flex-shrink:0}
.gallery-controls>span{font:12px/1.5 var(--sans);letter-spacing:2px;margin-right:10px}
.gallery-controls button,.photo-navigation button{width:48px;height:48px;border:1px solid #aaa99d;background:transparent;color:inherit;transition:background .25s,color .25s;display:grid;place-items:center;font-size:21px}
.gallery-controls button:hover:not(:disabled){background:#333631;color:white}
.gallery-controls button:disabled{opacity:.3;cursor:default}
.gallery-track{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#a5aa96 transparent;padding-bottom:20px;overscroll-behavior-x:contain}
.gallery-card{flex:0 0 59%;scroll-snap-align:start;min-width:0}
.gallery-card:nth-child(even){flex-basis:35%}
.gallery-card .photo-open{height:clamp(320px,35vw,530px)}
.gallery-card:last-child{margin-right:0}
.gallery-hint{font-size:12px;color:#767c69;margin-top:17px}
.photo-dialog{background:#141a16;color:white;width:96vw;max-width:1500px;max-height:96dvh;padding:58px 24px 20px;overflow:auto}
.photo-dialog::backdrop{background:#090e0ceb}
.photo-dialog>img{width:100%;height:calc(90dvh - 175px);object-fit:contain}
.photo-dialog>p{text-align:center;font-size:14px;margin:15px 0}
.photo-close{position:absolute;right:22px;top:13px;color:white;background:none;border:0;padding:6px 10px}
.photo-navigation{display:flex;align-items:center;justify-content:center;gap:25px}
.photo-navigation>span{font-size:12px;letter-spacing:2px}
.photo-navigation button{width:40px;height:38px;border-color:#72796c}
.photo-navigation button:hover{background:#394534}
.motion-note{font-size:14px!important;color:#72794c!important}
.original-opening{overflow:hidden}
.book{transition:background .35s,color .35s,box-shadow .35s}
.text-link{position:relative}
.text-link:after{content:'';position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .4s}
.text-link:hover:after,.text-link:focus-visible:after{transform:scaleX(1)}
.header nav a{position:relative}
.header nav a:after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:1px;background:currentColor;scale:0 1;transform-origin:left;transition:scale .4s}
.header nav a:hover:after,.header nav a:focus-visible:after{scale:1 1}
.room-index>a{transition:padding .4s,background .4s}
.room-index>a:hover,.room-index>a:focus-visible{padding-left:12px;padding-right:12px;background:#ffffff45}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 [data-design=a] .hero-image img,[data-design=a] .story-image img,[data-design=a] .room-image img{clip-path:inset(0);transition:clip-path .65s}
 [data-design=a] .hero-image:hover img,[data-design=a] .story-image:hover img,[data-design=a] .room-image:hover img{clip-path:inset(1.2%)}
 [data-design=b] .hero-image,[data-design=b] .story-image{transition:transform .7s}
 [data-design=b] .hero-image:hover,[data-design=b] .story-image:hover{transform:rotate(0)}
 .photo-open img{transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
 .photo-open:hover img{transform:scale(1.035)}
}
@media(max-width:800px){
 [data-design=d] .photo-pair{padding:0 6% 75px;gap:12px;grid-template-columns:1.3fr 1fr}
 .photo-pair .photo-open{height:300px}
 .photo-pair figcaption{font-size:11px;padding-top:12px}
 [data-design=d] .gallery{padding:0 6% 75px}
 .gallery-heading{align-items:flex-start;flex-direction:column;margin-bottom:25px;gap:20px}
 .gallery-heading h2{font-size:27px}
 .gallery-controls{align-self:flex-end}
 .gallery-controls button{width:42px;height:42px}
 .gallery-track{gap:16px}
 .gallery-card{flex-basis:86%}
 .gallery-card:nth-child(even){flex-basis:70%}
 .gallery-card .photo-open{height:360px}
 .photo-expand{opacity:1;translate:0 0;width:30px;height:30px;bottom:12px;right:12px}
 .photo-dialog{padding-left:12px;padding-right:12px}
 [data-design=c] .closing h2{font-size:clamp(25px,7vw,34px)}
 .closing h2{font-size:clamp(25px,7vw,36px)}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 *,*:before,*:after{animation:none!important;transition:none!important}
 .original-opening>img,[data-design=c] .hero-image img{transform:none!important}
}

[data-design=c] .hero{overflow:hidden}