:root{--ink:#20251f;--cream:#f4f0e8;--paper:#faf8f2;--lime:#d7ec67;--orange:#e57046;--line:#cbc9bd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.site-header{height:82px;padding:0 5.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:10}.logo{font-family:Fraunces,serif;font-size:20px;font-weight:600;letter-spacing:-1px}.logo span{background:var(--orange);display:inline-grid;place-items:center;color:white;border-radius:50%;font-family:Manrope;font-size:13px;width:27px;height:27px;margin-right:4px}.logo i{font-style:normal;color:var(--orange)}nav{display:flex;gap:30px;font-size:12px;font-weight:700}nav a:hover,.text-link:hover{color:var(--orange)}.header-cta{font-size:12px;font-weight:800;border-bottom:1px solid var(--ink);padding-bottom:4px}.header-cta b{font-size:18px;margin-left:7px}.hero{min-height:645px;display:grid;grid-template-columns:1fr 1fr;position:relative}.hero-copy{padding:102px 5.5vw 70px}.eyebrow{font:500 10px 'DM Mono',monospace;letter-spacing:1.3px;text-transform:uppercase;margin:0 0 22px;display:flex;align-items:center;gap:10px}.eyebrow span{width:18px;height:1px;background:var(--orange);display:inline-block}.hero h1,.intro h2,.section-head h2,.membership h2,.cafe h2,.booking h2{font:600 clamp(46px,5.2vw,78px)/.98 Fraunces,serif;letter-spacing:-4px;margin:0}.hero h1 em,h2 em{font-weight:500;color:var(--orange)}.hero-text{max-width:385px;margin:28px 0 32px;font-size:15px;line-height:1.7;color:#575a53}.hero-actions{display:flex;align-items:center;gap:27px}.button{display:inline-flex;align-items:center;gap:28px;padding:15px 18px;font-size:11px;font-weight:800;border:0;cursor:pointer}.button span{font-size:18px}.button-dark{background:var(--ink);color:var(--paper)}.button-cream{background:var(--cream);color:var(--ink)}.text-link{font-size:11px;font-weight:800;border-bottom:1px solid var(--ink);padding-bottom:4px}.text-link span{font-size:16px;margin-left:6px}.hero-art{background:#dce7bd;position:relative;overflow:hidden}.sun{width:265px;height:265px;border-radius:50%;background:#f5cd83;position:absolute;right:9%;top:9%}.window{position:absolute;right:16%;top:15%;width:250px;height:285px;border:10px solid #4a5a3c;background:#c1dc9c;display:grid;grid-template:1fr 1fr/1fr 1fr}.window span{border:3px solid #4a5a3c}.bookshelf{position:absolute;width:145px;height:243px;left:10%;bottom:0;background:#5b4a35;border:8px solid #7b654a;display:flex;gap:5px;align-items:flex-end;padding:8px}.bookshelf:before,.bookshelf:after{content:"";position:absolute;left:0;width:100%;height:8px;background:#7b654a}.bookshelf:before{top:72px}.bookshelf:after{top:150px}.bookshelf i{display:block;width:11px;background:#e57046;height:45%;position:relative;z-index:1}.bookshelf i:nth-child(2n){height:29%;background:#e8c47d}.bookshelf i:nth-child(3n){height:63%;background:#f5f1d8}.table{position:absolute;bottom:95px;left:33%;width:350px;height:18px;background:#4c563d;transform:rotate(-2deg)}.table:after{content:"";position:absolute;width:13px;height:160px;background:#4c563d;right:40px;top:15px}.person{position:absolute;bottom:112px;left:49%;width:130px;height:220px}.person i{position:absolute;width:53px;height:53px;border-radius:50%;background:#7e482f;left:50px;top:0}.person b{position:absolute;top:46px;left:17px;width:100px;height:126px;background:#e57046;border-radius:55px 55px 12px 12px}.person span{position:absolute;top:120px;left:0;width:140px;height:24px;background:#768c60;transform:rotate(6deg)}.lamp{position:absolute;left:32%;bottom:112px;width:50px;height:150px}.lamp b{display:block;width:80px;height:42px;background:#ebba52;clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}.lamp i{position:absolute;height:120px;width:5px;background:#3e4734;left:39px}.plant{position:absolute;right:5%;bottom:98px;width:105px;height:130px}.plant b{position:absolute;bottom:0;left:32px;width:54px;height:45px;background:#c66c41;border-radius:0 0 20px 20px}.plant i{position:absolute;width:43px;height:80px;background:#547749;border-radius:100% 0 100% 0;bottom:35px;left:33px;transform:rotate(-25deg)}.plant i:nth-child(2){left:6px;transform:rotate(-60deg)}.plant i:nth-child(3){left:60px;transform:rotate(18deg)}.art-stamp{position:absolute;bottom:26px;right:26px;font:500 9px 'DM Mono';letter-spacing:1px;text-align:right}.art-stamp small{font-size:8px;letter-spacing:0}.scroll-note{position:absolute;left:5.5vw;bottom:27px;font:500 9px 'DM Mono';letter-spacing:1px}.scroll-note span{margin-left:10px;color:var(--orange);font-size:17px}.intro{padding:120px 5.5vw;display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:20px;border-top:1px solid var(--line)}.intro>p{font:500 10px 'DM Mono';letter-spacing:1px;margin:9px 0}.intro h2{font-size:48px}.intro-side{align-self:end}.intro-side span{font:500 10px 'DM Mono';color:var(--orange)}.intro-side p{font-size:13px;line-height:1.7;max-width:220px}.spaces{padding:90px 5.5vw 120px;background:#ece9df}.section-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:55px}.section-head h2{font-size:53px;width:50%}.space-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.space-card{min-height:430px;padding:21px;display:flex;flex-direction:column;justify-content:space-between}.quiet{background:#d7ec67}.communal{background:#e7b583}.lounge{background:#bed9d2}.card-number{font:500 10px 'DM Mono'}.card-visual{height:190px;position:relative}.arch{position:absolute;width:130px;height:150px;border-radius:130px 130px 0 0;background:#f3edcf;left:50%;top:15px;transform:translateX(-50%)}.tiny-desk{position:absolute;width:160px;height:14px;background:#484e3b;bottom:23px;left:50%;transform:translateX(-50%)}.tiny-lamp{position:absolute;width:45px;height:55px;border-radius:45px 45px 0 0;background:#e57046;bottom:37px;left:51%}.communal-table{position:absolute;width:220px;height:50px;border:13px solid #72543d;border-radius:50%;left:50%;top:70px;transform:translateX(-50%)}.communal .card-visual i{position:absolute;width:38px;height:38px;background:#f1d58e;border-radius:50%;top:20px;left:25%}.communal .card-visual i:nth-of-type(2){left:62%;top:135px}.communal .card-visual i:nth-of-type(3){left:67%;top:13px}.chair{position:absolute;width:120px;height:110px;border-radius:52px 52px 30px 30px;background:#f0e7d0;left:50%;bottom:20px;transform:translateX(-50%)}.floor-lamp{position:absolute;width:5px;height:130px;background:#4c5d4f;left:22%;top:22px}.floor-lamp:before{content:"";position:absolute;width:60px;height:33px;background:#e57046;left:-28px;clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}.space-card h3{font:600 27px Fraunces;margin:0 0 8px;letter-spacing:-1px}.space-card p{font-size:12px;line-height:1.6;max-width:270px;margin:0 0 13px}.space-card a{font-size:11px;font-weight:800}.space-card a span{color:var(--orange);font-size:17px;margin-left:5px}.membership{background:var(--ink);color:var(--cream);display:grid;grid-template-columns:1fr 370px;gap:100px;padding:100px 13vw}.membership .light span{background:var(--lime)}.membership h2{font-size:56px}.membership h2 em{color:var(--lime)}.membership>div>p:not(.eyebrow){max-width:410px;line-height:1.7;color:#c7c9bd;font-size:13px;margin:27px 0}.price-card{background:var(--lime);color:var(--ink);padding:29px}.price-card>p{font:500 10px 'DM Mono';letter-spacing:1px}.price-card strong{font:600 46px Fraunces;letter-spacing:-2px}.price-card div span{font-size:11px}.price-card ul{list-style:'✦  ';padding-left:18px;margin:29px 0;line-height:2.1;font-size:11px;font-weight:700}.price-card a{font-size:11px;font-weight:800;border-bottom:1px solid;padding-bottom:4px}.cafe{padding:130px 8vw;display:grid;grid-template-columns:1fr 1.1fr .9fr;align-items:center;gap:45px}.cafe-cup{height:270px;position:relative}.cup{width:185px;height:170px;border-radius:12px 12px 65px 65px;background:var(--orange);position:absolute;bottom:25px;left:15%;display:grid;place-items:center;color:var(--cream);font:600 24px Fraunces}.cup:after{content:"";position:absolute;width:60px;height:75px;border:16px solid var(--orange);border-left:0;border-radius:0 40px 40px 0;right:-53px;top:27px}.saucer{width:270px;height:18px;border-radius:50%;background:#d7d1c4;position:absolute;bottom:10px;left:2%}.steam{position:absolute;height:66px;width:25px;border-left:3px solid #aaa99e;border-radius:50%;top:15px}.s1{left:38%}.s2{left:55%;top:4px}.cafe h2{font-size:53px}.cafe-copy>p:not(.eyebrow){font-size:13px;line-height:1.7;max-width:350px;margin:22px 0}.menu-list{border-top:1px solid var(--line)}.menu-list div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:16px 0;font-size:11px}.menu-list span{color:#777}.booking{background:#f4d6bd;padding:105px 13vw;display:grid;grid-template-columns:1fr 390px;gap:100px}.booking h2{font-size:56px}.booking>div>p:not(.eyebrow){font-size:13px;line-height:1.7;max-width:360px}form{background:var(--paper);padding:28px}label{font:600 10px 'DM Mono';letter-spacing:.3px;display:block;margin-bottom:18px}input,select{display:block;width:100%;border:0;border-bottom:1px solid #aaa99e;background:transparent;padding:11px 0 8px;font:500 12px Manrope;color:var(--ink);outline-color:var(--orange)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}form .button{width:100%;justify-content:space-between;margin-top:5px}#form-message{min-height:15px;margin:12px 0 0;color:#547147;font-size:11px;font-weight:700}footer{background:var(--ink);color:var(--cream);padding:38px 5.5vw 22px}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;padding-bottom:75px;align-items:start}.footer-top>p{margin:0;font:600 24px Fraunces;letter-spacing:-1px}.footer-top>a:last-child{text-align:right;font-size:12px;font-weight:700;color:var(--lime)}.footer-bottom{border-top:1px solid #60635b;padding-top:17px;display:flex;justify-content:space-between;color:#b9bbb0;font:400 9px 'DM Mono'}
@media(max-width:760px){.site-header{padding:0 6vw;height:64px}.site-header nav{display:none}.header-cta{font-size:10px}.hero{grid-template-columns:1fr}.hero-copy{padding:70px 7vw}.hero-art{height:400px}.intro{padding:80px 7vw;grid-template-columns:1fr}.intro h2{font-size:42px}.section-head{display:block}.section-head h2{width:auto;font-size:44px}.spaces{padding:70px 7vw}.space-grid{grid-template-columns:1fr}.space-card{min-height:365px}.membership,.booking{grid-template-columns:1fr;padding:75px 7vw;gap:45px}.membership h2,.booking h2{font-size:46px}.cafe{padding:80px 7vw;grid-template-columns:1fr;gap:30px}.cafe h2{font-size:45px}.cafe-cup{height:230px}.footer-top{grid-template-columns:1fr;gap:24px;padding-bottom:40px}.footer-top>a:last-child{text-align:left}.footer-bottom{display:block;line-height:1.8}.hero h1{font-size:61px}}
/* Responsive layout: desktop, tablet, Android and iPhone */
@media (min-width:761px) and (max-width:1100px){
  .site-header{padding:0 4vw}.site-header nav{gap:16px}.hero-copy{padding:82px 5vw 62px}.membership,.booking{padding-left:7vw;padding-right:7vw;gap:55px}.cafe{padding-left:6vw;padding-right:6vw;gap:28px}.space-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  .site-header{height:auto;min-height:64px;padding:8px 6vw;flex-wrap:wrap;gap:8px;align-items:center}
  .site-header nav{display:flex;order:3;width:100%;justify-content:space-between;gap:12px;overflow-x:auto;padding:7px 0 3px;font-size:10px;white-space:nowrap}
  .site-header nav a{padding:5px 0}.header-cta{margin-left:auto}
  .hero{min-height:0}.hero-copy{padding:58px 7vw 70px}.hero h1{font-size:clamp(52px,15vw,67px)!important;letter-spacing:-3px}.hero-text{font-size:19px!important}.hero-actions{flex-wrap:wrap;gap:17px}.hero-art{height:280px}.scroll-note{display:none}
  .amenities>div{grid-template-columns:1fr!important;gap:32px!important}.amenities{padding:65px 7vw!important}
  .membership,.booking{padding:65px 7vw}.price-card,form{padding:22px}.form-row{grid-template-columns:1fr;gap:0}.button{max-width:100%;gap:16px}.cafe{padding:68px 7vw}.footer-top>div{align-items:flex-start!important;text-align:left!important}.footer-bottom p{margin:6px 0}
}
@media (max-width:390px){.logo small{width:42px!important;height:42px!important}.logo small img{width:38px!important;height:38px!important}.logo b{font-size:10px!important}.header-cta{font-size:9px}.hero-text{font-size:17px!important}.section-head h2,.cafe h2{font-size:40px}.membership h2,.booking h2{font-size:42px}}