@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Fraunces:opsz,wght@9..144,400;9..144,500&family=Manrope:wght@400;500;600&display=swap');
.hero.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:center;gap:5%;max-width:none;padding:62px 7% 105px}
.hero-copy{max-width:720px}
.hero-copy h1{font-size:clamp(42px,4.7vw,68px);white-space:nowrap}
.hero-portrait{margin:0;min-width:0;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#fff}
.hero-portrait img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:850px){.hero.hero{grid-template-columns:1fr;gap:46px;padding:54px 7% 72px}.hero-copy{max-width:680px}.hero-portrait{width:min(100%,560px);margin:0 auto}}
@media(max-width:520px){.hero-copy h1{font-size:clamp(34px,10.4vw,46px);letter-spacing:-.06em}}
.booking-next{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:28px;padding:15px 18px;border:0;background:var(--ink);color:#fff;font:600 14px var(--sans);cursor:pointer}
.booking-next b{font-size:22px;font-weight:400}
.booking-next:disabled{opacity:.42;cursor:not-allowed}
.booking-back{margin:0 0 28px;padding:0;border:0;border-bottom:1px solid rgba(255,255,255,.7);background:none;color:#fff;font:500 13px var(--sans);cursor:pointer}
.booking select,.booking textarea{display:block;width:100%;margin-top:5px;padding:12px 10px;border:1px solid rgba(255,255,255,.65);border-radius:0;background:transparent;color:#fff;font:15px var(--sans)}
.booking select option{color:var(--ink);background:#fff}
.booking textarea{resize:vertical;min-height:108px}
.booking textarea::placeholder{color:rgba(255,255,255,.7)}
.optional{font-size:11px;font-weight:400;opacity:.75}
.newsletter.brew{display:block;padding:130px 7%;overflow:hidden;perspective:1500px;background:#d9c9b1}
.brew-paper{--brew-shift:0px;display:grid;grid-template-columns:1.3fr .7fr;gap:30px 5%;max-width:1120px;margin:0 auto;padding:38px 4.5% 42px;border:1px solid #c9bba7;background:#f9f5ea;background-image:repeating-linear-gradient(0deg,rgba(55,45,35,.018) 0,rgba(55,45,35,.018) 1px,transparent 1px,transparent 4px);box-shadow:8px 22px 38px rgba(45,36,28,.2);transform-origin:50% 0;transform:translateY(var(--brew-shift)) rotateX(-78deg) rotateZ(-2.2deg) scaleY(.72);opacity:.15;transition:transform 1.15s cubic-bezier(.2,.8,.2,1),opacity .65s ease}
.brew-paper.open{transform:translateY(var(--brew-shift)) rotateX(2deg) rotateZ(-1.15deg) scaleY(1);opacity:1}
.brew-masthead{grid-column:1/-1;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:20px;padding:8px 0 18px;border-top:4px double var(--ink);border-bottom:4px double var(--ink);text-align:center}
.brew-masthead h2{margin:0;font-size:clamp(50px,6.8vw,86px);line-height:.9;white-space:nowrap}
.brew-masthead span{padding-bottom:5px;font:10px 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase}
.brew-lead{display:grid;grid-template-columns:1fr 160px;gap:28px;padding:28px 0;border-bottom:1px solid #b8aa96}
.brew-kicker{margin:0 0 10px;color:var(--coral);font:11px 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase}
.brew-lead h3{font:500 clamp(38px,4.7vw,66px)/.98 var(--serif);letter-spacing:-.055em;margin:0 0 18px}
.brew-lead p:last-child{max-width:530px;margin:0;font-size:16px;line-height:1.65}
.brew-lead figure{margin:0;align-self:start}
.brew-lead img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border:1px solid #b8aa96;filter:grayscale(.45) contrast(1.03)}
.brew-lead figcaption{padding-top:5px;font:10px 'DM Mono',monospace;text-align:center;text-transform:uppercase}
.brew-cup{grid-column:2;grid-row:2;display:flex;flex-direction:column;justify-content:center;padding:24px 8%;border-left:1px solid #b8aa96;border-bottom:1px solid #b8aa96;text-align:center}
.brew-cup svg{width:min(100%,180px);margin:0 auto 10px;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.brew-cup p{margin:0;font-size:13px;line-height:1.55}
.brew-cup strong{display:block;font:500 23px/1.1 var(--serif);margin-bottom:9px}
.brew form{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin:0;padding-top:24px;border-top:4px double var(--ink);width:100%}
.brew form>p{margin:0;text-align:left}
.brew form label{text-align:left}
.brew form input{color:var(--ink)}
.brew form input::placeholder{color:#817c73}
.brew form .consent{grid-column:2;font-weight:400}
.brew form .consent input{display:inline;width:auto}
.brew form .button{grid-column:2}
.brew form p[role=status]{grid-column:2}
@media(max-width:900px){.newsletter.brew{padding:90px 4%}.brew-paper{grid-template-columns:1fr}.brew-masthead{grid-template-columns:1fr}.brew-masthead span{display:none}.brew-lead,.brew-cup,.brew form{grid-column:1}.brew-cup{grid-row:auto;border-left:0}.brew form{grid-template-columns:1fr}.brew form .consent,.brew form .button,.brew form p[role=status]{grid-column:1}}
@media(max-width:700px){.newsletter.brew{padding:70px 3%}.brew-paper{padding:26px 6% 30px}.brew-lead{grid-template-columns:1fr}.brew-lead figure{width:130px}.brew-masthead h2{font-size:clamp(43px,13vw,66px)}.brew-lead h3{font-size:42px}}
@media(prefers-reduced-motion:reduce){.brew-paper,.brew-paper.open{transform:none;opacity:1;transition:none}}
.benefits{padding-top:88px;padding-bottom:94px;background:#faf8f3}
.benefits-heading{text-align:center}
.benefits-heading .eyebrow{margin-bottom:18px}
.benefits-heading h2{font-weight:500;font-size:clamp(38px,4.6vw,64px);margin-bottom:0}
.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:46px 42px;max-width:1120px;margin:62px auto 0}
.benefit-card{min-width:0}
.benefit-icon{display:grid;place-items:center;width:54px;height:54px;margin-bottom:21px;border-radius:16px;background:#ebe4d8;color:var(--coral)}
.benefit-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.benefit-card h3{font:600 18px/1.3 var(--sans);letter-spacing:-.025em;margin:0 0 10px}
.benefit-card p{max-width:285px;margin:0;color:#5e665d;font-size:15px;line-height:1.65}
@media(max-width:900px){.benefits-grid{grid-template-columns:repeat(2,1fr);gap:44px 42px}}
@media(max-width:700px){.benefits{padding-top:68px;padding-bottom:72px}.benefits-heading h2 br{display:none}.benefits-grid{grid-template-columns:1fr;gap:38px;margin-top:48px}.benefit-card p{max-width:360px}}
.process{padding:105px 6%;background:radial-gradient(circle at 50% 42%,#fff 0,#faf7f1 70%)}
.process-heading{text-align:center}
.process-heading .eyebrow{color:var(--coral);font-weight:600;margin-bottom:16px}
.process-heading h2{font-weight:500;font-size:clamp(40px,5vw,68px);margin-bottom:0}
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1280px;margin:66px auto 0}
.process-card{padding:40px 32px 38px;border:1px solid #e8e0d5;border-radius:22px;background:rgba(255,255,255,.72);text-align:center}
.process-icon{display:grid;place-items:center;width:86px;height:86px;margin:0 auto 22px;border-radius:50%;background:#f9e8e3;color:var(--coral)}
.process-icon svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.process-card .step{margin:0 0 10px;color:var(--coral);font-size:14px;font-weight:600}
.process-card h3{font:500 clamp(25px,2.3vw,34px)/1.15 var(--serif);letter-spacing:-.04em;margin:0 0 16px}
.process-card>p:last-child{max-width:330px;margin:0 auto;color:#5e665d;font-size:16px;line-height:1.6}
.process-note{margin:46px auto 0;text-align:center;color:#5e665d}
.process-note p{display:flex;align-items:center;justify-content:center;gap:9px;margin:0 0 3px}
.process-note svg{width:20px;height:20px;fill:none;stroke:var(--coral);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.process-note strong{font-size:16px;color:var(--ink)}
.process-note span{font-size:14px}
@media(max-width:900px){.process-grid{grid-template-columns:1fr;max-width:560px}.process-card{padding:36px 30px}}
@media(max-width:700px){.process{padding:72px 7%}.process-grid{gap:18px;margin-top:46px}.process-icon{width:74px;height:74px}.process-card h3{font-size:27px}.process-note{margin-top:36px}}
:root{--paper:#f5f0e8;--ink:#202822;--coral:#c95e47;--sand:#ddc88f;--sage:#b8c5ae;--line:#d5cec2;--serif:Fraunces,Georgia,serif;--sans:Manrope,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 var(--sans)}header{padding:25px 5%;display:flex;align-items:flex-start;justify-content:space-between}.brand{font:600 18px/1.05 var(--serif);text-decoration:none;color:inherit;letter-spacing:-.04em}.brand i{font-weight:400}.nav-book,.text-link{color:inherit;text-decoration:none;border-bottom:1px solid var(--ink)}.nav-book span{color:var(--coral);margin-left:7px}section{padding:100px 9%}.hero{padding-top:80px;max-width:900px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font:11px 'DM Mono',monospace;margin:0 0 22px;color:#5e665d}h1,h2{font:400 clamp(42px,6.8vw,92px)/1.04 var(--serif);letter-spacing:-.055em;margin:0 0 27px}h2{font-size:clamp(36px,4.5vw,62px)}em{color:var(--coral)}.lede{font-size:18px;max-width:490px;margin:0 0 32px}.button{display:inline-flex;gap:30px;justify-content:space-between;align-items:center;border:0;padding:14px 19px;min-width:215px;text-decoration:none;font:600 13px var(--sans);cursor:pointer;transition:color .25s,background .25s,transform .25s}.button:hover{transform:translateY(-3px)}.coral{background:var(--coral);color:white}.coral:hover{background:var(--ink)}.ink{background:var(--ink);color:var(--paper)}.ink:hover{background:var(--coral)}.sand{background:var(--sand);color:var(--ink)}.sand:hover{background:var(--coral);color:white}.hero-image{margin:0 5%;height:min(60vw,690px);overflow:hidden}.hero-image img,figure img{width:100%;height:100%;object-fit:cover}.split{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;background:#e6ded0}.split figure{height:510px;margin:0}.split h2{font-size:clamp(34px,4vw,56px)}.split p:not(.eyebrow){max-width:400px}.statement{background:var(--sage)}.statement h2{max-width:680px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:55px}.three p{border-top:1px solid #83917d;padding-top:15px}.three b{display:block;font:12px 'DM Mono';margin-bottom:8px}.booking{display:grid;grid-template-columns:.85fr 1.15fr;gap:11%;background:var(--coral);color:#fff}.booking .eyebrow{color:#f6d7cf}.booking form{padding-top:5px}label,legend{display:block;font-size:13px;font-weight:600;margin-bottom:17px}input{display:block;width:100%;padding:12px 2px;border:0;border-bottom:1px solid rgba(255,255,255,.65);border-radius:0;background:transparent;color:inherit;font:16px var(--sans);outline-offset:4px}input::placeholder{color:rgba(255,255,255,.7)}fieldset{border:0;padding:8px 0;margin:17px 0}fieldset label{font-weight:400;margin:8px 0}fieldset input[type=radio],fieldset input[type=checkbox],.consent input{display:inline;width:auto;margin:0 8px 0 0;accent-color:var(--ink)}#promo{margin-top:10px}.slots{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 20px}.slot{border:1px solid #fff;background:transparent;color:#fff;padding:8px 11px;cursor:pointer}.slot:hover,.slot[aria-pressed=true]{background:var(--sand);color:var(--ink);border-color:var(--sand)}.slot:disabled{opacity:.45;cursor:not-allowed}.newsletter{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#eadfce}.newsletter form input{border-color:var(--ink)}.newsletter .consent{font-size:12px;font-weight:400}.newsletter a{color:inherit}.newsletter p[role=status],#book-message{min-height:24px;margin:12px 0 0;font-size:13px}footer{padding:35px 5%;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:12px}footer nav{display:flex;gap:17px;flex-wrap:wrap}footer a{color:inherit}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:700px){header{padding:20px 6%}section{padding:65px 7%}.hero{padding-top:52px}.hero-image{height:82vw;margin:0}.split,.booking,.newsletter{grid-template-columns:1fr;gap:35px}.split figure{height:92vw}.three{grid-template-columns:1fr;gap:7px;margin-top:35px}.booking{padding-top:70px}footer{display:block;padding:30px 7%}footer nav{margin-top:15px;gap:12px}.nav-book{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button{transition:none}}
