.rota{--paper:#e8e8dc;--field:#f5f4e9;--ink:#293628;--accent:#344b30;--muted:#525c4b;--line:#b5bea8;--display:"Barlow Condensed",Impact,sans-serif}
.rota .brand-small{font-family:"Barlow Condensed",Impact,sans-serif;font-size:25px;font-weight:600;letter-spacing:0}
.rota .button,.rota .categories button,.rota .item-button,.rota input,.rota select,.rota textarea,.rota .review-choices button{border-radius:0}
.rota h2{font-size:clamp(46px,5.6vw,76px);letter-spacing:-.015em;font-weight:600}
.rota-hero{background:#b8c293;padding-block:34px 36px}
.rota-masthead{display:flex;align-items:center;justify-content:space-between;gap:50px;margin-bottom:34px}
.rota-masthead h1{font-size:clamp(100px,14vw,200px);line-height:.8;font-weight:600;letter-spacing:-.02em}
.rota-masthead h1 span{display:block;font-size:.48em;margin-top:13px;letter-spacing:-.012em}
.rota-release{max-width:325px}
.rota-release .hero-note{font-size:19px;margin-bottom:12px}
.rota-release>p:nth-child(2){font-size:14px;margin-bottom:24px;line-height:1.6}
.rota-hero figure{position:relative;height:375px}
.rota-hero img{width:100%;height:100%;object-position:center 52%}
.rota-hero figcaption{position:absolute;bottom:14px;left:16px;background:var(--paper);padding:6px 12px;font-size:13px}
.origins-section{padding-block:68px;border-bottom:1px solid var(--line)}
.origins-list{display:grid;grid-template-columns:1fr 1fr .85fr;gap:34px}
.origins-list article{border-top:2px solid var(--ink);padding-top:20px}
.origins-list h3{font-family:"Barlow Condensed",Impact,sans-serif;font-size:32px;font-weight:600}
.origins-list p{margin-block:15px 22px;font-size:13px}
.origin-beans>img{height:134px;width:100%;margin-bottom:12px}
.origin-beans h3{font-size:27px}
.rota .menu-card h3{font-family:"Barlow Condensed",Impact,sans-serif;font-size:28px;font-weight:600}
.rota dialog{border-radius:0}
.rota #dialog-title{font-family:"Barlow Condensed",Impact,sans-serif;font-size:44px;font-weight:600}
@media(max-width:850px){.origins-list{grid-template-columns:1fr 1fr}.origin-beans{grid-column:1/-1;display:flex;align-items:center;gap:24px}.origin-beans>img{width:180px;height:140px;margin-bottom:0}.rota-release{max-width:270px}}
@media(max-width:650px){
.rota .brand-small{font-size:22px}
.rota-hero{padding-block:26px}
.rota-masthead{display:block;margin-bottom:22px}
.rota-masthead h1{font-size:112px;line-height:.84}
.rota-masthead h1 span{display:inline;font-size:.41em;margin:0 0 0 10px;letter-spacing:-.025em}
.rota-release{max-width:100%;margin-top:23px}
.rota-release .hero-note{font-size:16px;margin-bottom:8px}
.rota-release>p:nth-child(2){font-size:13px;max-width:290px;margin-bottom:16px}
.rota-hero figure{height:230px}
.rota-hero figcaption{left:8px;bottom:8px;font-size:13px}
.origins-section{padding-block:44px}
.origins-list{grid-template-columns:1fr;gap:28px}
.origins-list p{max-width:340px}
.origin-beans{grid-column:auto}
.origin-beans>img{width:125px;height:145px}
.rota h2{font-size:48px}
.rota .menu-card h3{font-size:24px}
}
@media(max-width:359px){.rota-masthead h1{font-size:94px}.rota-masthead h1 span{margin-left:7px}}