.hero{min-height:540px;position:relative;background-position:top center;background-size:cover;background-repeat:no-repeat;overflow:hidden;display:flex;align-items:center;padding:0 var(--gutter)}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#11111185;z-index:0}.hero-text{width:100%;max-width:var(--max-w);margin:0 auto;padding:clamp(29px,4.2vw,45px) 0;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1;background:transparent;color:var(--paper)}.hero-eyebrow{font-size:12px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--paper);margin-bottom:17px;animation:fadeDown .9s ease both}.hero-eyebrow .dot{display:inline-block;width:6px;height:6px;background:var(--sky);border-radius:50%;margin:0 12px;vertical-align:middle}.hero-h1{font-family:var(--font-display);font-weight:400;font-size:45px;line-height:.96;letter-spacing:.005em;color:var(--paper);max-width:calc(var(--max-w) / 2);animation:fadeUp 1s ease .15s both}.hero-h1 .sky-word{color:var(--sky);font-style:normal}.hero-sub{margin-top:16px;max-width:calc(var(--max-w) / 2);font-size:clamp(15px,1.4vw,17px);font-weight:300;line-height:1.7;color:var(--paper);animation:fadeUp 1s ease .35s both}.hero-cta{margin-top:24px;display:flex;gap:14px;flex-wrap:wrap;animation:fadeUp 1s ease .5s both}.cotm-banner{background:var(--sky);border-bottom:1px solid rgba(17,17,17,.12);padding:0 var(--gutter) 0 0;overflow:hidden}.cotm-banner-inner{max-width:var(--max-w);margin:0 auto;display:flex;align-items:center;gap:0;height:64px}.cotm-label{font-family:var(--font-display);font-size:clamp(20px,1.8vw,20px);letter-spacing:.04em;color:var(--ink);background:transparent;white-space:nowrap;padding:0 24px 0 var(--gutter);border-right:1px solid rgba(17,17,17,.15);flex-shrink:0;display:flex;flex-direction:column;justify-content:center;align-self:stretch;position:relative}.cotm-label:before{display:none}.cotm-data-group{flex:1;display:flex;align-items:stretch;overflow:hidden;min-width:0}.cotm-data-group .cotm-roast{flex-shrink:0}.cotm-origin{padding:0 24px;border-right:1px solid rgba(17,17,17,.15);flex-shrink:0;display:flex;flex-direction:column;justify-content:center;align-self:stretch}.cotm-tasting{flex:1 1 auto;min-width:0;flex-direction:row;justify-content:flex-start;align-items:stretch;gap:0;border-right:none}.cotm-tasting-content{min-width:0;max-width:48ch;display:flex;flex-direction:column;justify-content:center;padding-right:24px;border-right:1px solid rgba(17,17,17,.15)}.cotm-origin-name{font-family:var(--font-display);font-size:clamp(18px,1.8vw,20px);font-weight:400;color:var(--ink);letter-spacing:.02em;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cotm-origin-sub{font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#1111118c;margin-top:4px}.cotm-roast{padding:0 24px;border-right:1px solid rgba(17,17,17,.15);flex-shrink:0;display:flex;flex-direction:column;justify-content:center;align-self:stretch}.cotm-roast-label{font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#11111180;margin-bottom:4px}.cotm-roast-value{font-family:var(--font-display);font-size:17px;color:var(--ink);letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cotm-cta{padding:0 0 0 24px;flex-shrink:0;display:flex;align-items:center}.cotm-cta a{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--paper);text-decoration:none;background:var(--ink);border:1px solid var(--ink);padding:8px 16px;transition:background .2s,color .2s,border-color .2s;white-space:nowrap}.cotm-cta a:hover{background:var(--paper);border-color:var(--paper);color:var(--ink)}@media(max-width:680px){.cotm-banner{padding:0;overflow:hidden}.cotm-banner-inner{flex-direction:column;align-items:stretch;height:auto}.cotm-label{width:100%;padding:10px var(--gutter);border-right:none;border-bottom:1px solid rgba(17,17,17,.12)}.cotm-data-group{flex-direction:column}.cotm-origin{flex:unset;border-right:none;border-bottom:1px solid rgba(17,17,17,.12);padding:12px var(--gutter);align-self:auto}.cotm-roast{border-right:none;border-bottom:1px solid rgba(17,17,17,.12);padding:12px var(--gutter);align-self:auto;flex-shrink:unset}.cotm-tasting{flex-direction:column;align-items:stretch;gap:0;padding:0;border-bottom:none}.cotm-tasting-content{padding:12px var(--gutter);max-width:none;border-right:none;border-bottom:1px solid rgba(17,17,17,.12)}.cotm-cta{padding:12px var(--gutter);align-self:auto;border-top:none}.cotm-cta a{width:100%;justify-content:center}}.section-head .link-arrow,.featured .eyebrow{font-size:12px}.featured .eyebrow,.vendor-copy .eyebrow{font-weight:700}.featured{padding:clamp(34px,4.73vw,63px) var(--gutter);background:var(--paper);position:relative}.featured .container{max-width:var(--max-w);margin:0 auto}.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2.1vw,25px);align-items:start}.story{width:100%;background:var(--ink);padding:clamp(36px,5vw,64px) var(--gutter);position:relative;overflow:hidden}.story:after{content:"";position:absolute;right:-2%;top:0;bottom:0;width:auto;aspect-ratio:3 / 5;max-width:60%;background-image:var(--story-map-url);background-size:contain;background-repeat:no-repeat;background-position:top right;filter:brightness(0) invert(1);opacity:.06;pointer-events:none;z-index:0}.story-inner{max-width:var(--max-w);margin:0 auto;position:relative;z-index:1}.story-intro{font-family:var(--font-serif);font-size:clamp(28px,4vw,48px);font-style:italic;line-height:1.2;margin-bottom:36px;color:var(--paper);padding-left:28px;border-left:4px solid var(--sky)}.story p{font-size:15px;line-height:1.75;color:#edf3f6bf;margin-bottom:20px;font-weight:300}.story-headline{font-family:var(--font-display);font-weight:400;font-size:clamp(34px,5vw,35px);letter-spacing:.02em;line-height:1;color:var(--sky);margin-bottom:28px}.story .pull-quote{font-family:var(--font-serif);font-size:clamp(22px,3vw,24px);font-style:italic;color:var(--paper);text-align:left;padding:36px 0;border-top:1px solid rgba(237,243,246,.12);border-bottom:1px solid rgba(237,243,246,.12);margin:32px 0;line-height:1.4}.story .pull-quote em{color:var(--sky);font-style:normal}.story .closing{font-family:var(--font-display);font-size:clamp(22px,3vw,24px);letter-spacing:3px;color:var(--paper);margin-top:28px;line-height:1.6}.story .closing .brand-line{display:block;font-size:clamp(24px,4vw,42px);color:var(--sky);margin-top:16px}.story-eyebrow{display:block;font-family:var(--font-body);font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--sky);margin-bottom:24px}.story h2.story-eyebrow{font-family:var(--font-display);font-size:clamp(22px,2.2vw,26px);font-weight:400;letter-spacing:.02em;line-height:1;text-transform:none}.story-headline-wide{margin-bottom:36px}.story .story-headline-wide{color:var(--paper);font-size:clamp(18px,1.8vw,22px);letter-spacing:.04em;line-height:1.1}.story-sub{font-family:var(--font-display);font-weight:400;font-size:clamp(18px,1.8vw,22px);letter-spacing:.04em;line-height:1.1;color:var(--paper);margin-top:48px;margin-bottom:20px}.story-lead{font-family:var(--font-serif);font-style:italic;font-size:clamp(18px,2vw,24px);line-height:1.45;color:var(--paper);margin-bottom:16px}.story-lead em{font-style:normal;color:var(--sky)}.vendor{background:var(--paper);color:var(--ink);padding:clamp(36px,5vw,64px) var(--gutter) clamp(64px,9vw,110px);position:relative;overflow:hidden}.vendor:after{content:"BARRIO";position:absolute;right:-2vw;top:60%;transform:translateY(-50%);font-family:var(--font-display);font-size:clamp(120px,18vw,280px);color:#1111110a;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:.04em}.vendor-grid{display:grid;grid-template-columns:2fr 1fr;gap:clamp(32px,5vw,80px);align-items:end;max-width:var(--max-w);margin:0 auto;position:relative;z-index:1}.vendor-copy .eyebrow{font-size:12px;margin-bottom:12px;display:block}.vendor-copy h2{font-family:var(--font-display);font-weight:400;font-size:clamp(22px,2.2vw,26px);line-height:1;letter-spacing:.02em;color:var(--ink);max-width:45ch}.vendor-copy h2 .sky-word{color:var(--sky)}.vendor-copy p{margin-top:22px;max-width:52ch;font-size:15px;font-weight:300;line-height:1.75;color:var(--ink-2)}.vendor-cta{display:flex;justify-content:flex-end}.footer-subscribe h4{font-family:var(--font-display);font-size:32px;letter-spacing:.04em;color:var(--paper);margin-bottom:12px;line-height:1}.footer-subscribe p{font-size:13px;font-weight:300;color:var(--paper);line-height:1.6;margin-bottom:20px;max-width:32ch}.footer-subscribe-form{display:flex;flex-direction:column;gap:10px}.footer-subscribe-form input[type=email]{width:100%;padding:12px 16px;background:#edf3f614;border:1px solid rgba(237,243,246,.18);font-family:var(--font-body);font-size:13px;color:var(--paper);outline:none;transition:border-color .2s ease}.footer-subscribe-form input[type=email]::placeholder{color:#edf3f659}.footer-subscribe-form input[type=email]:focus{border-color:var(--sky)}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:999;background:var(--ink);border-top:1px solid rgba(79,195,232,.25);padding:20px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;transform:translateY(100%);transition:transform .4s ease}.cookie-banner.visible{transform:translateY(0)}.cookie-banner p{font-size:13px;font-weight:300;color:#edf3f6bf;line-height:1.6;max-width:64ch;margin:0}.cookie-banner p a{color:var(--sky);text-decoration:underline;text-underline-offset:3px}.cookie-banner p a:hover{color:var(--paper)}.cookie-close{position:absolute;top:14px;right:20px;background:none;border:none;color:#edf3f673;font-size:16px;cursor:pointer;line-height:1;padding:4px;transition:color .2s ease}.cookie-close:hover{color:var(--paper)}.cookie-banner{position:fixed}.cookie-actions{display:flex;gap:12px;flex-shrink:0}@media(max-width:820px){.manifesto-grid{grid-template-columns:1fr;gap:36px}.manifesto-image{order:2}.how-grid{grid-template-columns:1fr 1fr}.vendor-grid{grid-template-columns:1fr;align-items:start}.vendor-cta{justify-content:flex-start;margin-top:24px}.featured-grid{grid-template-columns:1fr}}@media(max-width:480px){.how-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/homepage.css.map */