/* SERO / an unhurried visual identity. Presentation layer only. */
:root{--studio-line:rgba(96,61,39,.22)}
::selection{background:var(--caramel);color:var(--ivory)}
body{font-feature-settings:'ss01' on;font-size:16px}
body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:300;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' opacity='.7' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.nav{height:82px;--nav:82px;background:var(--espresso);padding-inline:4.8%;box-shadow:0 1px 0 #ffe8c82b;gap:30px}
html{--nav:82px}
.nav__logo{height:34px}.nav__list{gap:clamp(18px,2.1vw,36px)}.nav__list a{font-size:10px;letter-spacing:.13em;position:relative;padding:9px 0}.nav__list a::after{content:'';height:1px;position:absolute;bottom:2px;left:0;width:100%;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s}.nav__list a:hover::after{transform:scaleX(1)}
.nav .btn{font-size:10px;border-color:#ffe8c869;padding:15px 21px;letter-spacing:.12em}.nav .btn:hover{background:var(--cream);color:var(--espresso)}
.btn{font-size:10px;letter-spacing:.13em;min-height:50px;padding:17px 23px;transition:background .25s,color .25s,transform .25s,border-color .25s}.btn:hover{transform:translateY(-2px)}.btn .arr{font-size:18px;font-weight:400;line-height:.7;margin-left:8px}.btn--solid{border-width:1px}.btn--line{border-width:1px}
.hero{position:relative;grid-template-columns:49% 51%;min-height:790px;max-height:none;overflow:hidden;background:var(--bg)}
.hero::before{content:'';position:absolute;width:760px;height:760px;left:-480px;top:-200px;border:1px solid #ffe8c80c;border-radius:50%;pointer-events:none}
.hero__text{padding:50px 2vw 48px 9.8%;gap:27px;position:relative;z-index:2;justify-content:space-between}
.hero__place{font-size:9px;letter-spacing:.2em;display:flex;align-items:center;gap:12px;line-height:1.6;color:var(--muted)}.hero__place::before{content:'';width:6px;height:6px;flex:none;border:1px solid var(--caramel);border-radius:50%;box-shadow:0 0 0 5px #a8784f15}
.hero__logo{width:175px;margin-bottom:37px;opacity:.9}
.hero h1{font-size:clamp(64px,6.75vw,105px);font-weight:400;line-height:.95;letter-spacing:-.065em;max-width:610px;margin:0 0 30px;text-wrap:pretty}
.hero h1 em{color:var(--cream);font-weight:300;display:block}.hero__intro{font-size:12px;line-height:1.85;max-width:320px;color:var(--muted);margin:0 0 10px;opacity:.86}.hero__ctas{gap:10px;align-items:center}.hero__ctas .btn{font-size:9px;padding-inline:18px}.hero__ctas .btn--line{border:0;padding-inline:12px}
.hero__photos{position:relative;display:block;background:none;margin:38px 40px 42px 20px;isolation:isolate}
.hero__photos::before{content:'';position:absolute;inset:0 15px 40px 36px;border:1px solid #ffe8c83b;border-radius:270px 270px 2px 2px;transform:rotate(4deg);z-index:-1}
.hero__photos figure:first-of-type{position:absolute;inset:12px 25px 35px 46px;min-height:0;border-radius:250px 250px 3px 3px;overflow:hidden;box-shadow:0 30px 70px #0003}
.hero__photos figure:first-of-type img{object-position:50% 52%;filter:brightness(.87) saturate(.85);animation-duration:35s}
.hero__photos figure:first-of-type::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#2c211b45,transparent 55%);pointer-events:none}
.hero__photos figure:first-of-type .cap{z-index:1;left:30px;bottom:25px;background:none;padding:0;font-size:8px;letter-spacing:.2em}
.hero__photos figure:nth-of-type(2){position:absolute;right:auto;left:-36px;bottom:1px;width:37%;height:36%;min-height:0;transform:rotate(-7deg);border:9px solid var(--cream);border-bottom-width:33px;overflow:visible;box-shadow:0 15px 35px #0004;z-index:3;background:var(--cream)}
.hero__photos figure:nth-of-type(2) img{object-position:50% 71%;animation:none;filter:saturate(.8)}
.hero__photos figure:nth-of-type(2) .cap{bottom:-26px;left:0;width:100%;padding:0;background:none;color:var(--brown);font-size:7px;letter-spacing:.1em;text-align:center;white-space:nowrap}
.hero__photos.has-video{margin:38px 40px 42px 20px;overflow:hidden;border-radius:250px 250px 3px 3px}.hero__photos.has-video::before{display:none}
.hero-ornament{position:absolute;right:7%;top:45%;width:108px;height:108px;border-radius:50%;border:1px solid var(--cream);color:var(--cream);z-index:5;display:grid;place-items:center;background:var(--brown);box-shadow:0 0 0 7px #603d2740;transform:rotate(12deg);pointer-events:none}
.hero-ornament svg{width:48px;height:48px}.hero-ornament::before,.hero-ornament::after{content:'✦';position:absolute;font-size:11px;left:13px;top:42px}.hero-ornament::after{left:auto;right:13px}
.facts{position:relative;border-bottom:0}.facts .wrap{max-width:none;padding-inline:4.8%}.facts__grid{border-bottom:1px solid var(--studio-line)}.fact{padding:28px 23px 30px 0}.fact+.fact{padding-left:30px;border-left:1px solid var(--studio-line)}.fact small{font-size:8px;letter-spacing:.18em;margin-bottom:10px;color:var(--brown)}.fact b{font-size:23px;font-weight:400;letter-spacing:-.04em}.fact span{font-size:10px;margin-top:7px;color:var(--brown);opacity:.72}
.wrap{max-width:1440px}.sec-head{position:relative;border-top:0;grid-template-columns:minmax(0,2fr) minmax(0,10fr);gap:22px 5%;padding-top:0;margin-bottom:58px}.eyebrow{font-size:9px;letter-spacing:.18em;font-weight:700;padding-top:12px;display:flex;gap:12px;align-items:flex-start;line-height:1.6}.eyebrow::before{content:'';width:18px;height:1px;background:currentColor;margin-top:7px;flex:none}.sec-head h2{font-size:clamp(48px,6.2vw,90px);font-weight:400;letter-spacing:-.055em;line-height:1.02;max-width:960px}.sec-intro{font-size:13px;line-height:1.85;max-width:540px;opacity:.87}.sec-head h2 em{font-weight:300}
#about{position:relative;overflow:hidden}#about::after{content:'✦';position:absolute;right:2.5%;top:62px;font-size:76px;line-height:1;color:var(--caramel);opacity:.45;transform:rotate(12deg)}
.about{grid-template-columns:minmax(0,2fr) minmax(0,10fr);gap:5%}.about__index{border-top:1px solid var(--rule);margin-top:7px}.about__index li{padding:19px 0;font-size:21px;letter-spacing:-.03em}.about__index small{font:9px/1.6 var(--sans);max-width:130px;margin-top:7px;color:var(--muted)}.about__main{grid-template-columns:1fr 1.05fr;gap:11%;align-items:center}.about__copy .lead{font-size:30px;line-height:1.2;letter-spacing:-.035em}.about__copy p:not(.lead){font-size:12px;line-height:1.9;opacity:.85}.about__photo{aspect-ratio:4/5;transform:rotate(3deg);border:9px solid var(--cream);box-shadow:14px 17px 0 #603d2708;overflow:hidden}.about__photo img{filter:saturate(.85)}
#brew-bench{position:relative;isolation:isolate}#brew-bench>.wrap>.sec-head{margin-bottom:35px}#brew-bench .sec-head h2{max-width:760px}#brew-bench .sec-intro{max-width:590px}#brew-bench::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 10% 25%,#a8784f16,transparent 45%)}
.tour{gap:12%;grid-template-columns:1fr .85fr}.tour__stage{padding-left:9%;--boxw:min(100%,calc((100svh - var(--nav) - 130px)*.75))}.tour__box{border-radius:3px;outline:1px solid #ffe8c838;outline-offset:10px;box-shadow:0 35px 70px #0003}.tour__cap{padding-top:12px;font-size:8px;letter-spacing:.15em}.tour__cap b{font-weight:500}.step{min-height:67svh}.step__n{font-size:8px;letter-spacing:.2em;display:flex;align-items:center;gap:15px}.step__n::before{content:'';height:1px;width:35px;background:var(--caramel)}.step h3{font-size:clamp(37px,4.9vw,68px);letter-spacing:-.055em;max-width:450px}.step p:not(.step__n){font-size:13px;line-height:1.9;max-width:330px}.step .btn{font-size:8px}.bench__note{text-align:center;font-family:var(--serif);font-style:italic;font-size:18px;opacity:.8;border-top:1px solid var(--rule);padding-top:30px}
#pour-overs{position:relative;overflow:hidden}#pour-overs::before{content:'05';position:absolute;right:2%;top:30px;font:italic 300 clamp(150px,26vw,380px)/1 var(--serif);letter-spacing:-.1em;opacity:.055;pointer-events:none}#pour-overs .sec-head{margin-bottom:50px}#pour-overs .sec-head h2{max-width:700px}.label{font-size:8px;letter-spacing:.14em;padding:10px 14px;border-width:1px}.label i{width:4px;height:4px}.week{font-size:19px}.sec-meta{gap:20px}
.acc{height:min(560px,75svh);border:0;gap:5px}.panel{border:0;background:var(--pbg);border-radius:3px;isolation:isolate}.panel:nth-child(even){--pbg:var(--ivory)}.panel::after{content:'';position:absolute;inset:12px;pointer-events:none;border:1px solid #603d2714;z-index:-1}.panel__tab{padding:25px 20px}.pn{font-size:clamp(58px,7.4vw,105px);font-weight:300;line-height:.8;letter-spacing:-.08em}.pname{font-weight:400;letter-spacing:-.04em}.panel.open .pname{font-size:clamp(25px,3vw,44px);padding-right:10px}.panel__body{width:55%;padding:26px 28px 26px 0;gap:22px}.pregion{font-size:8px;letter-spacing:.15em}.pnotes{font-size:clamp(20px,2.2vw,29px);letter-spacing:-.025em;line-height:1.2}.panel dt{font-size:7px;letter-spacing:.14em}.panel dd{font-size:11px;font-weight:500;margin-top:6px}.pbrew{background:transparent;color:var(--brown);border-top:1px solid #603d2740;padding:18px 0 0;font-size:10px;font-weight:500;line-height:1.7}.pbrew b{font-size:7px;letter-spacing:.14em;margin-bottom:7px;color:var(--brown);font-weight:700}.pours__foot{margin-top:30px}.pours__foot p{font-size:11px;max-width:340px;line-height:1.9}.pours__foot .btn{font-size:8px;min-height:46px}
#menu{position:relative}#menu .sec-head h2{max-width:770px}.menu{grid-template-columns:2fr 10fr;column-gap:5%}.menu__note{font-size:10px;line-height:1.9;max-width:140px;padding-top:15px}.rows{border-top:1px solid var(--rule)}.row{border-color:var(--rule)}.row__head{padding:25px 0;gap:20px}.row__t{font-size:clamp(34px,4vw,58px);letter-spacing:-.055em;font-weight:400}.row__i{height:38px;width:38px;border-width:1px}.row__i::before,.row__i::after{height:1px;width:12px}.row__head:hover .row__t{transform:translateX(6px)}.row__pad{padding-top:10px;padding-bottom:30px;grid-template-columns:.8fr 1.2fr;gap:9%}.row__blurb{font-size:20px;line-height:1.3;max-width:270px;letter-spacing:-.025em}.row li{padding:14px 0}.row li b{font-size:11px;font-weight:700;margin-bottom:5px}.row li span{font-size:10px;line-height:1.8;display:block}.row li em{font-size:8px;letter-spacing:.05em}.row li .menu-product-image{border-radius:4px}
#space{position:relative}#space .sec-head h2{max-width:740px}.gal{gap:14px;grid-template-rows:repeat(6,clamp(75px,9.4vw,145px))}.gal .photo{border-radius:2px;isolation:isolate}.gal .photo img{filter:saturate(.8);transition:transform 1.6s cubic-bezier(.2,.6,.3,1),filter 1s}.gal .photo:hover img{transform:scale(1.045);filter:saturate(1)}.gal .photo::after{content:'';position:absolute;inset:50% 0 0;pointer-events:none;background:linear-gradient(transparent,#2c211b65)}.gal .cap{z-index:1;background:none;font-size:8px;letter-spacing:.13em;padding:22px;color:var(--cream);font-weight:600}.g1{border-radius:180px 180px 2px 2px!important}.g4{border-radius:2px 2px 100px 2px!important}
#visit .sec-head h2{font-size:clamp(65px,8vw,120px);letter-spacing:-.06em;max-width:900px}.visit{grid-template-columns:2fr 10fr;column-gap:5%}.visit__body{gap:9%;grid-template-columns:1fr 1.15fr;align-items:center}.visit__info{padding-block:10px}.visit h3{font-size:27px;letter-spacing:-.04em;margin-bottom:23px}.visit address{font-family:var(--sans);font-size:12px;line-height:1.9;opacity:.8;margin-bottom:26px}.visit dl{border-color:var(--rule);margin-bottom:28px}.visit dl div{padding:15px 0;grid-template-columns:6.5rem 1fr}.visit dt{font-size:8px;letter-spacing:.12em}.visit dd{font-size:11px;line-height:1.8}.visit dd a{text-underline-offset:5px}.visit .btn{font-size:8px;gap:10px}.visit__photo{height:540px;min-height:0;border-radius:220px 220px 3px 3px;box-shadow:12px 13px 0 #603d2710;overflow:hidden}.visit__photo img{filter:saturate(.8)}
.footer{padding-top:75px;padding-bottom:25px;overflow:hidden;position:relative}.footer__grid{grid-template-columns:1fr 1fr;gap:40px 15%;max-width:1100px;margin:auto}.footer__logo{grid-column:1/-1;width:100%;max-width:850px;margin:0 auto 35px;opacity:.95}.footer h5{font-size:8px;letter-spacing:.2em;color:var(--caramel);margin-bottom:17px}.footer address{font-size:11px;line-height:1.9;color:var(--muted)}.footer li{font-size:12px;margin-bottom:8px}.footer li a{opacity:.85}.footer a:hover{opacity:1}.footer p{font-size:11px}.footer__base{font-size:8px;letter-spacing:.06em;margin-top:65px;padding-top:22px}.footer__grid>div{padding-left:20px;border-left:1px solid var(--rule)}
@media(min-width:1600px){.hero{min-height:900px}.hero__text{padding-left:12%}.hero__photos{margin-right:7%}}
@media(max-width:1150px) and (min-width:901px){.hero{min-height:760px}.hero__text{padding-left:8%}.hero h1{font-size:76px}.hero__logo{width:145px}.hero__photos{margin-right:25px}.hero__photos figure:nth-of-type(2){width:41%;height:31%;left:-25px}.hero-ornament{right:3%;width:90px;height:90px}.hero-ornament::before,.hero-ornament::after{top:34px}.hero__ctas{gap:2px}.hero__ctas .btn{font-size:8px;padding-inline:12px}.about__copy .lead{font-size:25px}.about__main{gap:8%}}
@media(max-width:1020px){.nav{height:72px}html{--nav:72px}.nav__list{padding-inline:7%;padding-top:30px}.nav__list a{font-size:clamp(28px,6vw,48px);letter-spacing:-.035em;font-weight:400;padding:13px 0;line-height:1.1}.nav__list a::after{display:none}.nav__logo{height:30px}.nav{gap:20px}}
@media(max-width:1000px){.acc{height:auto;gap:5px}.panel{height:89px;border:0;border-radius:3px}.panel.open{height:420px}.panel__tab,.panel.open .panel__tab{padding:21px;gap:22px;height:89px}.pn{font-size:53px}.pname,.panel.open .pname{font-size:26px;max-width:none}.panel__body{padding:5px 25px 25px;width:100%;gap:16px}.panel__body .pnotes{font-size:26px}.panel dl{gap:25px}.pbrew{font-size:11px}.panel::after{inset:9px}.panel__body .coffee-image{max-height:65px}}
@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:0;padding-bottom:28px;overflow:hidden}.hero__text{padding:34px 7% 25px;gap:28px}.hero__photos{order:0;height:560px;min-height:0;margin:0 10% 30px 16%;overflow:visible}.hero__text>div{max-width:700px}.hero__logo{width:145px;margin-bottom:25px}.hero h1{font-size:clamp(64px,10vw,95px);max-width:620px;line-height:.97;margin-bottom:22px}.hero h1 em{display:inline}.hero__intro{max-width:440px;font-size:13px}.hero__ctas{gap:12px}.hero__ctas .btn{font-size:9px}.hero__photos figure:first-of-type{inset:10px 0 20px 0;border-radius:260px 260px 3px 3px}.hero__photos::before{inset:5px 0 20px 0;border-radius:260px 260px 3px 3px;transform:rotate(4deg)}.hero__photos figure:nth-of-type(2){left:-35px;bottom:-4px;width:36%;height:41%}.hero-ornament{top:25%;right:-4%;width:94px;height:94px}.hero-ornament::before,.hero-ornament::after{top:36px}.hero__photos.has-video{height:520px;margin:0 7% 20px;border-radius:240px 240px 3px 3px}.sec-head{grid-template-columns:1fr;gap:20px}.sec-head>.eyebrow,.sec-head>h2,.sec-head>.sec-intro,.sec-head>.sec-meta{grid-column:1}.sec-head h2{font-size:clamp(46px,8vw,70px);max-width:740px}.eyebrow{font-size:8px;padding-top:0}.eyebrow::before{width:20px}.sec-intro{font-size:13px;max-width:600px}.about{grid-template-columns:1fr;gap:30px}.about__index{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;order:2;margin-top:25px}.about__index small{max-width:none;font-size:10px}.about__main{gap:9%}.about__copy .lead{font-size:28px}.about__copy p:not(.lead){font-size:12px}.about__photo{transform:rotate(2deg)}#about::after{font-size:50px;top:55px}.tour{grid-template-columns:1fr;gap:0}.tour__stage{padding-left:0;--boxw:min(100%,calc((52svh - 75px)*.75));height:52svh;min-height:300px;padding-top:12px;box-shadow:0 12px 0 var(--bg)}.tour__box{outline-offset:6px}.tour__cap{padding-top:5px;font-size:7px}.step{min-height:56svh;padding:35px 0 30px}.step h3{font-size:44px}.step p:not(.step__n){font-size:13px;max-width:500px}.menu{grid-template-columns:1fr}.menu__note{order:2;max-width:500px;font-size:11px;margin-top:30px}.row__pad{grid-template-columns:1fr 1.2fr;gap:7%}.row__t{font-size:44px}.visit{grid-template-columns:1fr}.visit__body{grid-column:1;grid-template-columns:1fr 1fr;gap:8%}.visit__photo{height:460px}.visit .btn{padding-inline:15px}.visit dl div{grid-template-columns:1fr;gap:4px}.visit dt{font-size:8px}.visit dd{font-size:12px}#visit .sec-head h2{font-size:clamp(60px,10vw,90px)}.footer__grid{grid-template-columns:1fr 1fr;gap:40px 10%}.footer__logo{max-width:600px;margin-bottom:20px}.footer__grid>div{padding-left:15px}.footer__base{font-size:8px}.facts .wrap{padding-inline:7%}}
@media(max-width:640px){.hero__place{font-size:7px;letter-spacing:.15em}.hero__logo{width:125px;margin-bottom:25px}.hero h1{font-size:64px;letter-spacing:-.065em;max-width:470px}.hero__intro{font-size:11px;max-width:300px}.hero__text{gap:25px;padding-top:27px}.hero__ctas{gap:1px;flex-wrap:nowrap}.hero__ctas .btn{font-size:7px;padding:16px 14px;min-height:45px}.hero__ctas .btn .arr{font-size:15px;margin-left:2px}.hero__photos{height:420px;margin:0 11% 30px 14%}.hero__photos figure:first-of-type{inset:12px 0 25px 0;border-radius:180px 180px 2px 2px}.hero__photos::before{inset:7px 0 25px;border-radius:180px 180px 2px 2px}.hero__photos figure:nth-of-type(2){width:43%;height:39%;left:-13px;bottom:-6px;border-width:6px;border-bottom-width:27px}.hero__photos figure:nth-of-type(2) .cap{font-size:6px;bottom:-22px}.hero__photos figure:first-of-type .cap{font-size:6px;left:20px;bottom:20px}.hero-ornament{width:76px;height:76px;right:-7%;top:28%;box-shadow:0 0 0 5px #603d2740}.hero-ornament svg{width:37px;height:37px}.hero-ornament::before,.hero-ornament::after{font-size:8px;top:29px;left:9px}.hero-ornament::after{left:auto;right:9px}.hero__photos.has-video{height:390px;border-radius:170px 170px 2px 2px}.fact{padding:22px 10px 22px 0}.fact+.fact{padding-left:18px}.fact:nth-child(odd){padding-left:0}.fact:nth-child(n+3){border-top:1px solid var(--studio-line)}.fact small{font-size:7px;margin-bottom:9px}.fact b{font-size:21px}.fact span{font-size:8px;line-height:1.7;max-width:150px}.sec-head{margin-bottom:35px;gap:18px}.sec-head h2{font-size:48px;letter-spacing:-.055em;max-width:480px}.sec-intro{font-size:11px;line-height:1.85}.about__main{grid-template-columns:1fr;gap:28px}.about__copy .lead{font-size:29px;max-width:350px}.about__copy p:not(.lead){font-size:11px;max-width:400px}.about__photo{width:89%;max-width:370px;justify-self:center;margin:10px 0 20px}.about__index{margin-top:15px}.about__index li{font-size:23px}.about__index small{font-size:9px}#about::after{font-size:38px;top:45px;right:6%}.step h3{font-size:41px}.step p:not(.step__n){font-size:12px;max-width:340px}.step__n{font-size:7px}.bench__note{font-size:16px;margin-top:25px;padding-top:25px}.sec-meta{gap:13px}.label{font-size:7px;padding:10px 11px}.week{font-size:17px}.panel.open{height:400px}.panel__body .pnotes{font-size:25px}.panel__body{padding:5px 22px 23px}.pours__foot{gap:20px;margin-top:25px}.pours__foot p{font-size:10px;max-width:300px}.pours__foot .btn{font-size:7px}.row__t{font-size:37px}.row__head{padding:23px 0}.row__i{height:32px;width:32px}.row__pad{grid-template-columns:1fr;gap:23px}.row__blurb{font-size:21px;max-width:320px}.row li b{font-size:12px}.row li span{font-size:10px}.gal{gap:9px}.gal .cap{font-size:7px;padding:14px}.g1{border-radius:140px 140px 2px 2px!important}.g4{border-radius:2px 2px 65px 2px!important}.visit__body{grid-template-columns:1fr;gap:40px}.visit__photo{height:480px;max-width:390px;width:100%;margin:auto;aspect-ratio:auto;border-radius:200px 200px 2px 2px}.visit h3{font-size:31px}.visit address{font-size:13px}.visit dl div{grid-template-columns:90px 1fr;gap:20px;padding:16px 0}.visit .btn{font-size:9px;padding-inline:21px}#visit .sec-head h2{font-size:67px;line-height:1}.footer{padding-top:50px}.footer__grid{gap:35px 20px;grid-template-columns:1.1fr 1fr}.footer__logo{margin-bottom:15px}.footer address{font-size:10px}.footer li{font-size:11px;margin-bottom:9px}.footer h5{font-size:7px}.footer__base{margin-top:40px;font-size:7px;gap:12px;line-height:1.7}}
@media(prefers-reduced-motion:reduce){.hero__photos img,.hero__text>*,.rv{animation:none!important}.hero__photos figure:first-of-type img{transform:none}.btn,.gal .photo img{transition:none}.hero__photos figure:nth-of-type(2){transform:rotate(-5deg)}}
/* Final legibility pass, including compact screens. */
.nav__list a{font-size:11px}.nav .btn{font-size:11px}.hero__place{font-size:10px}.hero__intro{font-size:13px}.hero__ctas .btn{font-size:10px}.hero__photos figure:first-of-type .cap{font-size:9px}.hero__photos figure:nth-of-type(2) .cap{font-size:8px}.fact small{font-size:10px}.fact span{font-size:12px}.eyebrow{font-size:10px}.about__index small{font-size:11px}.about__copy p:not(.lead){font-size:14px}.sec-intro{font-size:14px}.step__n{font-size:10px}.step p:not(.step__n){font-size:14px}.tour__cap{font-size:10px}.label{font-size:9px}.pregion{font-size:10px}.panel dt{font-size:9px}.panel dd{font-size:13px}.pbrew{font-size:12px}.pbrew b{font-size:9px}.pours__foot p{font-size:13px}.pours__foot .btn{font-size:10px}.menu__note{font-size:12px}.row li b{font-size:14px}.row li span{font-size:12px}.row li em{font-size:10px}.gal .cap{font-size:10px}.visit address{font-size:14px}.visit dt{font-size:10px}.visit dd{font-size:13px}.visit .btn{font-size:10px}.footer h5{font-size:10px}.footer address,.footer li,.footer p{font-size:13px}.footer__base{font-size:10px}
@media(max-width:640px){.hero__place{font-size:8px}.hero__ctas .btn{font-size:9px}.hero__intro{font-size:13px}.hero__photos figure:first-of-type .cap{font-size:8px}.hero__photos figure:nth-of-type(2) .cap{font-size:7px}.fact small{font-size:9px}.fact span{font-size:11px}.sec-intro{font-size:13px}.about__copy p:not(.lead){font-size:13px}.tour__cap{font-size:8px}.step p:not(.step__n){font-size:13px}.label{font-size:8px}.pours__foot p{font-size:12px}.gal .cap{font-size:9px}.footer address,.footer li{font-size:11px}.footer__base{font-size:9px}}

/* A quiet, balanced close to the Sero experience. */
.footer{padding:60px 0 24px}
.footer__grid{display:grid;grid-template-columns:minmax(160px,.9fr) minmax(240px,1.2fr) minmax(240px,1fr);gap:48px;align-items:start;max-width:none;margin:0}
.footer__logo{grid-column:auto;width:180px;max-width:100%;height:auto;margin:0;opacity:1}
.footer__grid>div{padding:0;border:0}
.footer h5{font-size:10px;letter-spacing:.18em;margin:0 0 18px;color:var(--caramel)}
.footer address{font-size:13px;line-height:1.85;max-width:290px}
.footer ul{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;margin:0;padding:0;list-style:none}
.footer li{font-size:13px;line-height:1.5;margin:0}
.footer p{font-size:13px}
.footer a{display:inline-block;text-underline-offset:4px}
.footer a:hover{text-decoration:underline}
.footer__base{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:44px;padding-top:22px;font-size:10px;line-height:1.6;letter-spacing:.03em}
@media(max-width:900px){.footer__grid{grid-template-columns:1fr 1fr;gap:32px 48px}.footer__logo{grid-column:1/-1;width:155px;margin:0 0 4px}.footer__grid>div{padding:0}.footer__base{margin-top:36px}}
@media(max-width:640px){.footer{padding:40px 0 22px}.footer__grid{grid-template-columns:1fr;gap:30px}.footer__logo{grid-column:auto;width:145px;margin:0}.footer h5{font-size:10px;margin-bottom:12px}.footer address,.footer li,.footer p{font-size:13px}.footer ul{grid-template-columns:1fr 1fr;gap:11px 20px;max-width:360px}.footer__base{align-items:flex-start;flex-direction:column;gap:8px;margin-top:30px;padding-top:20px;font-size:10px}}