@font-face{font-family:Archivo Black;font-style:normal;font-weight:400;font-display:swap;src:url(../media/316b6682b406c2db-s.1c_7chp82d3kz.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Black;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5e4d537aaa9e154b-s.p.2aqrdzrjzn6ap.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo Black Fallback;src:local(Arial);ascent-override:70.78%;descent-override:16.93%;line-gap-override:0.0%;size-adjust:124.05%}.archivo_black_cc57a6c8-module__12WbNa__className{font-family:Archivo Black,Archivo Black Fallback;font-style:normal;font-weight:400}.archivo_black_cc57a6c8-module__12WbNa__variable{--font-display:"Archivo Black", "Archivo Black Fallback"}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.03ez25a9g3i0n.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.1ee5w62fj497l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.1way2z9fj6cig.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.0szrwpqb9mkwe.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.45535valc9rzk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_96100ece-module__IgUfvW__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_96100ece-module__IgUfvW__variable{--font-body:"Inter", "Inter Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.block{display:block}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.rounded{border-radius:.25rem}.uppercase{text-transform:uppercase}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--forest:#154c3e;--deep:#103b30;--cream:#f8eee4;--yellow:#ffbd18}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:var(--forest);color:var(--cream);font-family:var(--font-body), Arial, sans-serif;margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--font-display), Arial, sans-serif;letter-spacing:-.045em;font-weight:400;line-height:.98}.section-pad{padding-inline:max(6.5vw,50vw - 624px)}:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}.skip-link{z-index:20;background:var(--cream);color:var(--forest);padding:12px;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{justify-content:space-between;align-items:center;gap:24px;padding-block:24px;display:flex}.brand{letter-spacing:.01em;align-items:center;gap:14px;font-size:28px;font-weight:800;display:inline-flex}.brand svg{width:26px;height:32px}nav{gap:48px;font-size:14px;display:flex}nav a:hover{color:var(--yellow)}.button{background:var(--cream);color:var(--deep);border-radius:100px;justify-content:center;align-items:center;gap:28px;padding:16px 30px;font-size:14px;font-weight:700;transition:background .2s,transform .2s;display:inline-flex}.button:hover{background:var(--yellow);transform:translateY(-2px)}.hero{position:relative}.hero-content{height:min(61vw,878px);padding-top:20px;position:relative}h1{z-index:0;white-space:nowrap;font-size:clamp(55px,10.8vw,156px);position:relative}.hero-copy{z-index:3;font-size:clamp(14px,1.4vw,20px);line-height:1.35;position:absolute;top:43%;left:6.5%}.drawn-arrow{color:var(--yellow);stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;display:block}.hero-copy .drawn-arrow{width:clamp(90px,10.4vw,150px);height:auto;margin:22px 0 0 32px}.hero-photo{width:min(34%,490px);position:absolute;top:calc(20px + clamp(86.9px,17.064vw,246.48px));left:50%;transform:translate(-50%)}.hero-photo img{width:100%;height:auto;display:block}.coffee-stamp{z-index:3;aspect-ratio:1;width:clamp(100px,11.6vw,168px);color:var(--yellow);position:absolute;top:48%;left:24%;transform:rotate(-18deg)}.coffee-stamp text{fill:currentColor;letter-spacing:.6px;font-size:9px;font-weight:800}.hero-samples{position:absolute;top:35%;right:6%}.hero-samples>.drawn-arrow{width:clamp(70px,7.6vw,110px);height:auto;margin:0 0 16px 16%}.hero-samples>div{gap:12px;display:flex}.hero-samples img{border-radius:50%;width:7vw;max-width:100px;height:auto}.ribbons{z-index:4;height:155px;position:relative;overflow:clip visible}.hero>.ribbons{position:absolute;bottom:26px;left:0;right:0}.ribbons>div{background:var(--yellow);width:108%;color:var(--deep);font:400 clamp(20px, 2.7vw, 38px)/1 var(--font-display), sans-serif;white-space:nowrap;padding:20px 0;position:absolute;top:46px;left:-4%;overflow:hidden;transform:rotate(7deg)}.ribbons>div+div{top:56px;transform:rotate(-7deg)}.ribbon-track{width:max-content;display:flex}.ribbon-track span{flex-shrink:0}.coffee-section{background:var(--cream);color:var(--forest);padding-block:30px 52px}.menu-heading{justify-content:space-between;align-items:center;gap:32px;margin-bottom:48px;display:flex}.menu-heading p,.roast-heading p{font-size:clamp(14px,1.45vw,20px);line-height:1.3}.menu-heading h2,.roast-heading h2{font-size:clamp(42px,7vw,100px)}.filters{gap:14px;margin-top:24px;display:flex}.filters button{color:var(--forest);background:#eee3d7;border:0;border-radius:50px;padding:11px 24px;font-size:14px;font-weight:600}.filters button[aria-pressed=true]{background:var(--forest);color:var(--cream)}.filters button:focus-visible{outline-color:var(--forest)}.coffee-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 56px;display:grid}.coffee-item h3{margin-bottom:8px;font-size:18px;font-weight:500}.coffee-item img{aspect-ratio:1;border-radius:50%;width:100%;height:auto;display:block}.story{padding-block:60px 70px}.story-word,.headline-word{display:inline-block}.story h2{font-size:clamp(38px,7.1vw,102px);line-height:1.12}.story img{object-fit:cover;vertical-align:baseline;border-radius:100px;width:25%;height:.86em;margin-left:.1em;display:inline-block}.story img:last-child{width:17%;margin:0 .06em}.roasting{padding-bottom:26px}.roast-heading{justify-content:space-between;align-items:center;gap:32px;margin-bottom:28px;display:flex}.roast-list{gap:12px;display:grid}.roast-item{background:var(--deep);border-radius:70px;padding:18px 28px 18px 48px;position:relative}.roast-item button{width:100%;color:inherit;text-align:left;cursor:pointer;font:400 clamp(20px, 2.5vw, 36px)/1.1 var(--font-display), sans-serif;letter-spacing:-.035em;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0;display:flex}.roast-notes{opacity:0;height:0;overflow:hidden}.round-arrow{background:var(--yellow);color:var(--forest);border-radius:50%;flex-shrink:0;place-items:center;width:48px;height:48px;font:38px/1 Arial,sans-serif;display:grid}.roast-item p{padding-top:8px;padding-right:25%;font-size:18px}.roast-item img{opacity:0;visibility:hidden;pointer-events:none;border-radius:50%;width:17%;height:auto;position:absolute;top:50%;right:13%;transform:translateY(-50%)scale(.85)}.closing-content{text-align:center;height:490px;padding-top:18px;position:relative;overflow:hidden}.closing h2{z-index:0;font-size:clamp(65px,11.5vw,166px);position:relative}.closing-photo{width:32%;height:auto;position:absolute;top:calc(18px + clamp(102.7px,18.17vw,262.28px));left:34%}.closing-button{z-index:3;font-size:20px;position:absolute;bottom:90px;right:8%}.closing-button span{font-size:30px}.site-footer{background:var(--deep);justify-content:space-between;align-items:center;gap:32px;padding-block:34px;display:flex}.site-footer small{font-size:12px}.studio-credit{background:var(--yellow);color:var(--deep);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px;padding-block:22px;font-size:12px;display:flex}.studio-credit a{text-underline-offset:4px;align-items:center;gap:8px;font-size:14px;font-weight:700;text-decoration:underline;display:inline-flex}.studio-credit .arrow-icon{width:16px;height:16px}.studio-credit a:hover{text-decoration-thickness:2px}.studio-credit a:focus-visible{outline-color:var(--deep)}@media (min-width:1441px){.hero-content{height:900px}}@media (max-width:900px){.site-header{padding-block:20px}.brand{font-size:22px}nav{gap:22px;font-size:12px}.hero-content{height:65vw}.coffee-stamp{width:100px;top:44%}.hero>.ribbons{bottom:0}.ribbons{height:120px}.ribbons>div{padding:14px 0}.coffee-grid{gap:24px}.coffee-item h3{font-size:15px}.story{padding-block:48px}.roast-heading{gap:20px}.roast-heading p{font-size:12px}.roast-item{padding:14px 20px 14px 30px}.round-arrow{width:36px;height:36px;font-size:28px}.roast-item p{font-size:14px}.closing-content{height:350px}.closing-button{padding:14px 20px;font-size:14px;bottom:60px}.site-footer{gap:20px}.site-footer nav{gap:16px}}@media (max-width:600px){.section-pad{padding-inline:6%}.site-header{flex-wrap:wrap;gap:16px}.site-header nav{order:3;justify-content:center;gap:38px;width:100%}.brand{gap:8px;font-size:20px}.brand svg{width:20px}.button{padding:12px 22px;font-size:12px}.hero-content{grid-template-columns:minmax(0,1fr) auto;gap:24px 12px;height:auto;padding-top:12px;display:grid}.hero h1{grid-column:1/-1;font-size:11vw}.hero-copy{align-self:center;font-size:12px;position:static}.hero-copy .drawn-arrow,.hero-samples>.drawn-arrow{display:none}.hero-photo{grid-area:3/1/auto/-1;justify-self:center;width:74%;max-width:330px;position:static;transform:none}.coffee-stamp{grid-area:3/1/auto/-1;align-self:center;width:clamp(65px,16vw,85px);position:relative;top:auto;left:auto}.hero-samples{align-self:center;position:static}.hero-samples>div{gap:4px}.hero-samples img{width:9vw}.hero>.ribbons{margin-top:-24px;position:relative;bottom:auto}.ribbons{height:100px}.ribbons>div{font-size:20px;top:30px}.ribbons>div+div{top:38px}.coffee-section{padding-block:24px 40px}.menu-heading{flex-direction:column-reverse;align-items:flex-start;gap:20px;margin-bottom:30px}.menu-heading h2{font-size:12vw}.menu-heading p{font-size:14px}.filters{gap:8px;margin-top:18px}.filters button{padding:10px 20px;font-size:12px}.coffee-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}.coffee-item h3{font-size:13px}.story{padding-block:38px}.story h2{font-size:6.9vw}.story img{width:23%}.roast-heading{flex-direction:column;align-items:flex-start;gap:16px}.roast-heading h2{font-size:11vw}.roast-heading p{font-size:14px}.roast-item{border-radius:30px;padding:14px 16px 14px 20px}.roast-item button{gap:8px;font-size:18px}.roast-item p{padding-right:0;font-size:12px}.roast-item img{display:none}.round-arrow{width:30px;height:30px;font-size:24px}.closing-content{height:360px;padding-top:12px}.closing h2{font-size:16vw}.closing-photo{width:65%;top:calc(12px + 25.28vw);left:17.5%}.closing-button{white-space:nowrap;bottom:20px;right:50%;transform:translate(50%)}.closing-button:hover{transform:translate(50%)translateY(-2px)}.site-footer{flex-wrap:wrap;gap:18px;padding-block:24px}.site-footer nav{gap:18px;font-size:11px}.site-footer small{width:100%;font-size:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}.story h2{font-size:clamp(32px,6.1vw,88px)}.story img{width:24%}@media (max-width:600px){.story h2{font-size:6vw}}.coffee-photo{--coffee-ring-opacity:0;position:relative}.coffee-photo:before{content:"";border:3px solid var(--yellow);opacity:var(--coffee-ring-opacity);pointer-events:none;border-radius:50%;position:absolute;inset:-7px}.coffee-arrow{aspect-ratio:1;background:var(--yellow);width:24%;color:var(--forest);opacity:0;pointer-events:none;border-radius:50%;place-items:center;font:clamp(26px,5vw,72px)/1 Arial,sans-serif;display:grid;position:absolute;bottom:8%;right:0;transform:translateY(12px)scale(.7)}.coffee-item:hover .coffee-arrow,.coffee-item:focus-within .coffee-arrow{pointer-events:auto}.coffee-arrow:focus-visible{outline-color:var(--forest)}@media (hover:none){.coffee-item:focus-within .coffee-photo:before{opacity:1}.coffee-arrow{opacity:1;pointer-events:auto;transform:none}}.arrow-icon{flex-shrink:0;width:24px;height:24px;display:block}.coffee-arrow .arrow-icon{width:58%;height:58%}.round-arrow .arrow-icon{width:64%;height:64%}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}