:root{--sans:'DM Sans',Arial,sans-serif;--serif:Georgia,'Times New Roman',serif;scroll-behavior:smooth;scroll-padding-top:16px}*,*::after,*::before{box-sizing:border-box}body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--paper)}a{color:inherit;text-decoration:none}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p,figure{margin:0}a,button,input{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ba7c3d;outline-offset:4px}button,input{font:inherit}button{cursor:pointer}a,button{transition:background .2s,color .2s,transform .2s}button:active,.sample-btn:active{transform:translateY(2px)}.skip{position:fixed;top:-90px;left:1rem;z-index:9;background:white;color:black;padding:1rem}.skip:focus{top:1rem}.shell,.sample-nav,.concept-footer{width:min(1300px,calc(100% - clamp(40px,10vw,160px)));margin-inline:auto}.concept-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#1c3529;color:#f2f0de;padding:10px 5%;font:600 12px/1.5 var(--sans)}.concept-bar span{opacity:.82}.concept-bar a:hover,.concept-footer a:hover,.sample-nav>a:last-child:hover{text-decoration:underline;text-underline-offset:4px}.sample-nav,.concept-footer{display:flex;align-items:center;justify-content:space-between;gap:20px}.sample-nav{height:85px}.sample-nav>a:last-child{font-size:14px;font-weight:600}.sample-brand{font:38px/1 var(--serif);letter-spacing:-.065em}.concept-footer{border-top:1px solid currentColor;flex-wrap:wrap;padding-block:35px}.concept-footer>div{margin-right:auto}.concept-footer h2{font:35px/1 var(--serif);letter-spacing:-.05em;margin-top:6px}.concept-footer a{font-size:14px;font-weight:600;border-bottom:1px solid currentColor;padding:7px 0}.concept-footer small,.sample-nav small,main small,figcaption,legend{font:600 10px/1.45 var(--sans);letter-spacing:1.65px;text-transform:uppercase}.sample-btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:1px solid currentColor;border-radius:0;background:transparent;color:inherit;font:600 14px/1 var(--sans);padding:16px 21px}.choice-row{display:flex;flex-wrap:wrap;gap:8px}.choice-row button{padding:9px 15px;border:1px solid currentColor;background:transparent;color:inherit;font-size:14px}.choice-row button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.choice-row button:hover:not([aria-pressed=true]){background:#0000000d}
.garden{--paper:#ececde;--ink:#283c2d}.garden-hero{position:relative;isolation:isolate;height:clamp(370px,48vw,640px);overflow:hidden}.garden-hero img{height:100%;object-position:center 59%}.garden-hero:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#071e13a8,transparent 83%)}.garden-hero>div{position:absolute;z-index:1;bottom:12%;left:max(5%,calc((100% - 1300px)/2));color:#f6f3d8}.garden h1{font:clamp(84px,10vw,178px)/.85 var(--serif);letter-spacing:-.085em;margin-top:18px}.journal,.barber-book{padding-block:clamp(50px,6vw,92px)}.journal-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.journal h2,.cafe-menu h2{font:clamp(42px,5.2vw,88px)/1 var(--serif);letter-spacing:-.065em;margin-top:8px}.journal-heading>p{max-width:32ch;line-height:1.55}.garden-feature{display:grid;grid-template-columns:1.23fr .8fr;gap:clamp(27px,7vw,110px);align-items:center}.garden-feature figure img{height:clamp(245px,30vw,430px);object-position:center 50%}.garden figcaption,.cafe figcaption{font-size:9px;margin-top:10px}.garden-notes .choice-row{margin:0 0 28px}.garden-notes h3{font:clamp(33px,3.2vw,54px)/1.05 var(--serif);letter-spacing:-.055em;margin:9px 0 13px}.garden-notes p,.garden-notes dd{font-size:15px;line-height:1.55}.garden-notes dl{margin:21px 0 0}.garden-notes dt{font-size:11px;text-transform:uppercase;letter-spacing:.11em;border-top:1px solid #acb7a5;padding-top:9px;margin-top:10px}.garden-notes dd{margin:4px 0 0}
.barber{--paper:#211f1c;--ink:#f1dfbf}.barber .sample-brand,.barber h1,.barber-book h2{font-family:'Manrope',Arial,sans-serif;font-weight:800}.barber .sample-brand{font-size:24px;letter-spacing:-.06em}.barber .sample-brand span{color:#e0ae72}.barber .sample-nav{border-bottom:1px solid #605448}.barber-hero{display:grid;grid-template-columns:.88fr 1.12fr;min-height:400px;max-width:1700px;margin:auto}.barber-title{padding:clamp(34px,5vw,86px) 5vw;align-self:center}.barber-title small,.barber-book small{color:#e2b582}.barber h1{font-size:clamp(68px,8.4vw,146px);line-height:.88;letter-spacing:-.085em;text-transform:uppercase;margin:18px 0 21px}.barber h1 em{font-style:normal;color:#efb879}.barber-title p,.barber-book>div>p{font-size:17px;max-width:31ch;line-height:1.55;color:#dfd2be}.barber-title .sample-btn{margin-top:25px}.barber .sample-btn{background:#e8b77a;border-color:#e8b77a;color:#211d19}.barber .sample-btn:hover{background:#ffcf95}.barber-hero>img{height:100%;max-height:675px;min-height:360px}.barber-book{display:grid;grid-template-columns:.73fr 1fr;gap:7vw;border-top:1px solid #605448}.barber-book h2{font-size:clamp(43px,4.6vw,76px);line-height:1.05;letter-spacing:-.08em;margin:9px 0 16px}.appointment fieldset{border:0;margin:0 0 22px;padding:0}.appointment legend{margin-bottom:12px;color:#dfba8b}.appointment fieldset:not(.times) label{display:flex;align-items:center;gap:12px;padding:13px 12px;border-top:1px solid #605448;cursor:pointer}.appointment label:has(input:checked){background:#4a3c2e}.appointment input{accent-color:#e6b771}.appointment label b{flex:1}.appointment label strong,.appointment label span{font-size:14px}.times label{display:inline-flex;align-items:center;gap:5px;padding:10px 8px;border:1px solid #625342;margin:0 4px 4px 0;cursor:pointer}#slot-summary{margin-top:18px;padding:14px;border-left:2px solid #e8b77a;background:#302b25;line-height:1.6}
.cafe{--paper:#f7e7c9;--ink:#622b30}.cafe .sample-nav{border-bottom:1px solid #aa8e71}.cafe .sample-brand{font-weight:600}.cafe-hero{display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:5vw;padding-block:clamp(30px,5vw,82px)}.cafe-copy h1{font:clamp(81px,9.3vw,153px)/.79 var(--serif);letter-spacing:-.09em;margin:24px 0}.cafe-copy p{font:clamp(20px,2vw,30px)/1.19 var(--serif);letter-spacing:-.03em}.cafe-copy .sample-btn{margin-top:23px;border-radius:30px}.cafe-copy .sample-btn:hover{background:var(--ink);color:var(--paper)}.cafe-hero figure{padding:0 3%}.cafe-hero figure img{height:clamp(310px,34vw,535px);border-radius:49% 49% 2px 2px;object-position:65% center}.cafe figcaption{text-align:center}.cafe-menu{padding:clamp(45px,5vw,80px) 20px;background:#ead6b6;border-block:1px solid #b49b7f}.menu-inner{max-width:690px;margin:auto}.cafe-menu h2{margin-bottom:22px}.menu-choices button{border-radius:28px}.menu-choices{margin-bottom:20px}#menu-items>div{display:grid;grid-template-columns:1fr auto;gap:5px;border-top:1px solid #ab9078;padding:14px 0}#menu-items h3{font:28px/1 var(--serif);letter-spacing:-.04em}#menu-items p{font-size:14px;line-height:1.5}#menu-items b{font-size:14px;align-self:center}.cafe .concept-footer{border:0}
@media(max-width:680px){.concept-bar{font-size:11px;gap:7px;padding:10px 16px}.concept-bar span{display:none}.sample-nav{height:68px;gap:9px}.sample-brand{font-size:30px}.sample-nav>a:last-child{font-size:12px}.garden-hero{height:380px}.garden-hero>div{left:20px}.garden-feature,.barber-hero,.barber-book,.cafe-hero{grid-template-columns:1fr}.journal-heading{display:block}.journal-heading>p{margin-top:14px}.garden-feature figure img{height:255px}.barber-title{padding:32px 20px}.barber h1{font-size:80px}.barber-hero>img{min-height:0;height:230px}.barber-book{gap:26px}.appointment fieldset:not(.times) label{padding-inline:5px;gap:8px}.cafe-hero{gap:26px}.cafe-hero figure{padding:0}.cafe-hero figure img{height:255px}.cafe-copy h1{font-size:90px}.barber .sample-brand{font-size:21px}.concept-footer{gap:14px}.concept-footer>div{width:100%}.concept-footer a{font-size:13px}.times label{font-size:13px}.choice-row button{padding:9px 12px}}
@media(prefers-reduced-motion:no-preference){@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.2s}.garden-hero>div,.barber-title,.cafe-copy,#menu-items>div,#slot-summary:not([hidden]){animation:rise .38s cubic-bezier(.2,.7,.25,1) both}@keyframes rise{from{opacity:.1;transform:translateY(8px)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::after,*::before{transition:none!important;animation:none!important}}
.sample-legal{display:flex;justify-content:center;gap:20px;padding:14px 12px;border-top:1px solid currentColor;font-size:12px}.sample-legal a{text-decoration:underline;text-underline-offset:3px}

@media(max-width:680px){.concept-bar{display:grid;grid-template-columns:1fr auto;gap:1px 8px}.concept-bar span{display:block;grid-row:2;grid-column:1;font-size:9px;letter-spacing:.03em}.concept-bar a:last-child{grid-column:2;grid-row:1 / 3;align-self:center}}
