:root { --ink:#183c38; --pine:#0b2925; --gold:#b6995d; --mist:#edf0e9; --stone:#d6d4ca; --paper:#f8f8f3; --display:'Playfair Display', Georgia, serif; --body:Manrope, Arial, sans-serif; --mono:'DM Mono', monospace; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--body);font-size:16px} a{color:inherit;text-decoration:none} img{display:block;width:100%;height:100%;object-fit:cover}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:12px;top:12px;z-index:30;background:white;padding:10px}.site-header{height:90px;position:absolute;z-index:10;top:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 5.4%;color:#fff;border-bottom:1px solid rgba(255,255,255,.24)}.brand{display:flex;align-items:center;gap:11px;text-transform:uppercase;font-size:11px;line-height:1.15;letter-spacing:.14em;font-weight:700}.brand img{width:45px;height:45px;border-radius:50%;object-fit:cover}.nav{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:600;letter-spacing:.06em}.nav>a:not(.nav-book){opacity:.9}.nav-book{border:1px solid rgba(255,255,255,.7);padding:12px 18px}.nav-book span,.button span,.text-link span{margin-left:8px}.menu-toggle{display:none}.hero{min-height:800px;height:100vh;max-height:980px;background:var(--pine);position:relative;color:#fff;overflow:hidden}.hero-image{position:absolute;inset:0 0 0 34%;background-image:linear-gradient(90deg,rgba(11,41,37,.75),rgba(11,41,37,.05) 48%),linear-gradient(0deg,rgba(11,41,37,.24),rgba(11,41,37,.02)),url('img/店铺3.jpg');background-size:cover;background-position:center}.hero-copy{position:absolute;z-index:2;width:min(570px,46%);left:9.7%;top:53%;transform:translateY(-40%)}.eyebrow{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;font-size:10px;margin:0 0 20px;color:var(--gold);font-weight:500}.hero h1,h2{font-family:var(--display);font-size:clamp(47px,5vw,82px);line-height:.99;font-weight:500;letter-spacing:-.045em;margin:0}.hero h1 em,h2 em{font-weight:500}.hero-text{font-size:15px;line-height:1.75;max-width:355px;margin:29px 0 34px;color:#e6ebe7}.hero-actions{display:flex;align-items:center;gap:28px}.button{display:inline-block;padding:17px 21px;text-transform:uppercase;font-size:10px;letter-spacing:.12em;font-weight:700;transition:.25s}.button-solid{background:var(--gold);color:#fff}.button:hover{transform:translateY(-2px);filter:brightness(1.08)}.text-link{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:6px}.hero-rail{position:absolute;z-index:2;right:4%;top:126px;bottom:32px;width:20px;display:flex;align-items:center;flex-direction:column;gap:14px;font:9px var(--mono);letter-spacing:.12em;color:#eaece3}.hero-rail span{writing-mode:vertical-rl}.hero-rail i{height:100%;width:1px;background:rgba(255,255,255,.55)}.scroll-cue{position:absolute;z-index:2;bottom:33px;left:5.4%;font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase}.scroll-cue span{font-size:18px;margin-left:9px}.section{padding:130px 9.7%}.space{position:relative}.section-label{position:absolute;left:3%;top:133px;display:flex;align-items:center;gap:13px;font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#74837b}.section-label span{writing-mode:vertical-rl}.section-label i{width:1px;height:78px;background:#c9cec7}.space-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:67px}.space h2{font-size:clamp(40px,4.2vw,67px);max-width:590px}.space-grid{display:grid;grid-template-columns:29% 1fr 42%;grid-template-rows:390px 220px;gap:22px}.space-photo{margin:0;overflow:hidden}.photo-tall{grid-row:span 2}.photo-tall img{object-position:56% center}.photo-wide{grid-column:2 / 4}.space-copy{align-self:end;padding:0 12% 18px 7%;font-family:var(--display);font-size:22px;line-height:1.35;color:#36534d}.space-copy p{margin:0 0 15px}.detail-line{font:10px var(--mono);color:#8b7b54;letter-spacing:.04em;margin-top:30px;display:flex;gap:8px;flex-wrap:wrap}.visit{background:var(--mist);display:grid;grid-template-columns:52% 1fr;padding:0}.visit-photo{min-height:660px}.visit-photo img{object-position:center}.visit-content{padding:108px 11% 80px}.visit h2{font-size:clamp(43px,4vw,68px);margin-bottom:60px}.visit-details{border-top:1px solid #bec8c0}.visit-details article{padding:20px 0;border-bottom:1px solid #bec8c0}.detail-kicker{font:10px var(--mono);color:#7a876f;letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px}.visit address,.hours{font-size:14px;font-style:normal;line-height:1.7;margin:0 0 12px}.phone{font-family:var(--display);font-size:27px;display:block;margin-bottom:13px}.visit .text-link{font-size:9px}.hours strong{font-weight:600;float:right}.booking{background:var(--pine);color:white;padding:104px 9.7%;display:flex;align-items:center;justify-content:space-between;gap:30px;background-image:radial-gradient(circle at 80% 20%,rgba(182,153,93,.18),transparent 25%)}.booking h2{font-size:clamp(38px,4.2vw,65px)}.button-light{border:1px solid rgba(255,255,255,.7);white-space:nowrap}footer{padding:33px 5.4%;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#35524b;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.footer-brand{color:var(--ink)}.footer-brand img{width:40px;height:40px}.footer-brand small{font-size:8px;letter-spacing:.09em}.mobile-book{display:none}
@media(max-width:760px){body{padding-bottom:55px}.site-header{height:72px;padding:0 20px}.brand img{width:39px;height:39px}.brand{font-size:9px}.menu-toggle{display:flex;align-items:center;gap:9px;background:transparent;border:0;color:white;font:10px var(--mono);text-transform:uppercase;letter-spacing:.1em}.menu-toggle span,.menu-toggle:after{content:'';display:block;width:18px;height:1px;background:white}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--pine);padding:25px 20px 30px;flex-direction:column;align-items:stretch;gap:23px}.nav.is-open{display:flex}.nav-book{text-align:center}.hero{height:760px;min-height:680px}.hero-image{left:0;background-image:linear-gradient(0deg,rgba(11,41,37,.93) 0%,rgba(11,41,37,.32) 68%),url('img/店铺3.jpg');background-position:59% center}.hero-copy{left:20px;right:20px;width:auto;top:auto;bottom:92px;transform:none}.hero h1{font-size:54px}.hero-text{font-size:14px;max-width:310px;margin:22px 0 28px}.hero-actions{gap:0}.hero-actions .text-link{display:none}.button{padding:16px 17px}.hero-rail{display:none}.scroll-cue{left:20px;bottom:24px}.section{padding:80px 20px}.section-label{display:none}.space-heading{display:block;margin-bottom:38px}.space h2{font-size:46px}.space-grid{display:flex;flex-direction:column;gap:16px}.space-photo{height:360px}.photo-tall{height:445px}.space-copy{order:2;padding:19px 0;font-size:20px}.photo-wide{order:3;height:230px}.visit{display:block}.visit-photo{min-height:0;height:340px}.visit-content{padding:70px 20px}.visit h2{font-size:53px;margin-bottom:39px}.hours strong{float:none;display:block}.booking{display:block;padding:76px 20px}.booking h2{font-size:45px;margin-bottom:35px}footer{padding:28px 20px;display:grid;grid-template-columns:1fr auto}footer p{display:none}footer>a:last-child{font-size:9px;text-align:right}.mobile-book{position:fixed;z-index:15;display:flex;justify-content:space-between;bottom:0;left:0;right:0;background:var(--gold);color:white;padding:17px 20px;font:11px var(--mono);letter-spacing:.1em;text-transform:uppercase;font-weight:700}.mobile-book span{font-size:15px} }
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}