@charset "UTF-8";
@font-face{font-family:'Afterhours Display';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/cormorant-medium.ttf') format('truetype')}
@font-face{font-family:'Afterhours Display';font-style:italic;font-weight:500;font-display:swap;src:url('assets/fonts/cormorant-italic.ttf') format('truetype')}
@font-face{font-family:'Afterhours Sans';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/dm-sans-regular.ttf') format('truetype')}
@font-face{font-family:'Afterhours Sans';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/dm-sans-medium.ttf') format('truetype')}
:root{
 --cream:#f5f2e9;--paper:#fffcf5;--olive:#24392d;--muted:#566555;--rust:#a9482d;--sage:#e2e7d9;--line:#cdd2c4;
 --serif:'Afterhours Display',Georgia,serif;--sans:'Afterhours Sans',sans-serif;
 --gutter:clamp(24px,6vw,104px);--section:clamp(64px,8vw,128px);--display:clamp(64px,7.4vw,96px);--title:clamp(48px,5.5vw,76px);
 --ease:cubic-bezier(.2,.8,.2,1);scroll-behavior:smooth;scroll-padding-top:130px;
}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--olive);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button{border:0}button:disabled{cursor:default}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}h1,h2{font:500 var(--title)/1.02 var(--serif);letter-spacing:-.03em}h2 em,h1 em{font-weight:500}p{max-width:65ch}img{display:block;max-width:100%}svg{display:block}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--rust);outline-offset:5px}::selection{background:#d8b492;color:var(--olive)}[hidden]{display:none!important}body{scrollbar-color:#7b8975 var(--cream);scrollbar-width:thin}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sun-icon{height:40px;width:40px;fill:none;stroke:currentColor;stroke-width:1.5}.skip-link{position:fixed;top:-100px;left:24px;z-index:100;background:var(--paper);padding:16px 24px;border-radius:8px}.skip-link:focus{top:24px}.eyebrow,.section-top,.photo-caption,.origin-details{display:none}
/* Navigation is a single, legible control surface. */
.header{position:fixed;z-index:30;top:20px;left:32px;right:32px;min-height:84px;background:var(--cream);color:var(--olive);border-radius:14px;padding:16px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 8px 32px #172c1617}
.wordmark{font:500 42px/.82 var(--serif);letter-spacing:-.04em;flex-shrink:0}.wordmark span{font:500 9px/1 var(--sans);display:block;letter-spacing:.14em;margin-top:10px;text-align:center}.header nav{display:flex;gap:32px;align-items:center}.header nav a{font-size:15px;line-height:1.3;padding:14px 0;position:relative}.header nav a:after{content:'';position:absolute;bottom:6px;left:0;width:100%;height:1px;background:var(--olive);transform:scaleX(0);transform-origin:left;transition:transform .2s var(--ease)}.header nav a:hover:after{transform:scaleX(1)}.header nav a>span{display:none}.motion{font-size:12px;font-weight:500;display:flex;align-items:center;gap:8px;padding:12px 16px;min-height:44px;background:var(--sage);border-radius:30px;white-space:nowrap}.motion-dot{width:7px;height:7px;border-radius:50%;background:var(--olive)}.motion[aria-pressed=true] .motion-dot{background:transparent;border:1px solid var(--olive)}.menu-toggle{display:none}
/* Full-viewport, scroll-driven cinema. */
.journey{height:1400svh;position:relative;background:var(--olive)}.film-stage{height:100svh;min-height:0;position:sticky;top:0;overflow:hidden;color:var(--paper);isolation:isolate}.film-stage video,.still,.film-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.still{z-index:-4}.film-stage video{z-index:-3}.film-shade{z-index:-2;background:linear-gradient(90deg,#10241ad9,#10241a4d 55%,#10241a0a),linear-gradient(0deg,#10241aa6,transparent 38%)}
.story{position:absolute;left:var(--gutter);top:48%;max-width:min(800px,88%);opacity:0;pointer-events:none;transform:translateY(-32%) translateY(16px);transition:opacity .45s var(--ease),transform .6s var(--ease)}.story.active{opacity:1;pointer-events:auto;transform:translateY(-32%)}.story h1,.story h2{font-size:var(--display);line-height:.98;letter-spacing:-.025em;margin-bottom:28px}.story em{color:#eed9ad}.story-copy{font-size:17px;line-height:1.65;color:#f0efe4;max-width:39ch;margin-bottom:30px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;font-size:14px;font-weight:500;line-height:1.3;min-height:52px;padding:16px 22px;background:var(--cream);color:var(--olive);border-radius:6px;transition:background .2s,color .2s,transform .2s var(--ease)}.text-link>span{display:flex;align-items:center}.text-link:hover{background:#d7e1c6;transform:translateY(-2px)}.text-link:hover .icon{transform:translate(2px,-2px)}.text-link .icon{transition:transform .2s}
.film-bottom{position:absolute;bottom:28px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:flex-end;gap:36px;padding-top:20px;border-top:1px solid #faf7ed4d}.scroll-note{display:flex;align-items:center;gap:12px;font-size:12px;color:#f2ecdc;white-space:nowrap}.scroll-line{height:24px;width:1px;background:#faf7ed50;position:relative}.scroll-line:after{content:'';width:1px;height:8px;position:absolute;background:var(--paper);animation:scrollHint 2s infinite}.chapters{display:flex;gap:20px;flex:1;max-width:620px}.chapters button{background:transparent;color:#e4e7db;font-size:13px;padding:10px 0;position:relative;min-height:48px;flex:1;text-align:left;white-space:nowrap}.chapters button span{display:block;font-size:11px;opacity:.7;margin-bottom:4px;font-variant-numeric:tabular-nums}.chapters button:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:currentColor;opacity:.2}.chapters button[aria-current]{color:var(--paper)}.chapters button[aria-current]:after{opacity:1}.chapters button:hover{color:#eed9ad}.film-count{display:none}.progress-track{position:absolute;bottom:0;width:100%;height:3px;background:#f5f2e919}.progress{height:100%;width:100%;background:#e4c58d;transform:scaleX(0);transform-origin:left}
/* Story pages use one grid, one type scale and a readable measure. */
.origins{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;padding:var(--section) var(--gutter);gap:8%;background:var(--cream)}.origin-picture{min-height:580px;position:relative;overflow:hidden;border-radius:14px}.origin-picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.origin-picture>span{position:absolute;bottom:28px;left:28px;right:28px;color:var(--paper);font-size:12px;letter-spacing:.06em;max-width:24ch}.origin-story{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.origin-story h2{margin-bottom:32px}.origin-story>p{color:var(--muted);margin-bottom:20px;max-width:44ch}.editorial-link{display:inline-flex;align-items:center;gap:36px;min-height:48px;font-size:14px;font-weight:500;padding:12px 0;border-bottom:1px solid var(--olive);margin-top:12px}.editorial-link>span{display:flex}.editorial-link:hover{color:var(--rust);border-color:var(--rust)}.brand-ribbon{display:flex;align-items:center;justify-content:space-evenly;padding:24px var(--gutter);gap:24px;background:var(--sage);color:var(--olive);font-size:12px;letter-spacing:.14em;font-weight:500}.brand-ribbon i{font-style:normal}.brand-ribbon .sun-icon{height:24px;width:24px}
.collection{padding:var(--section) var(--gutter);background:var(--paper)}.collection-title,.brew-heading,.journal-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:48px}.collection-title>p,.brew-heading>p,.journal-heading>p{max-width:34ch;color:var(--muted);margin-bottom:4px}.collection-photo{height:clamp(380px,48vw,600px);overflow:hidden;border-radius:14px}.collection-photo img{width:100%;height:100%;object-fit:cover;object-position:center 45%}.roasts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}.roast{display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-width:0;padding:30px;background:#eeeee2;border-radius:12px;transition:background .2s,transform .25s var(--ease);position:relative}.roast[data-roast=slowdays]{background:#dfe6d4}.roast[data-roast=nightfall]{background:#efdfd0}.roast:hover{transform:translateY(-5px)}.roast[aria-expanded=true]{outline:2px solid var(--olive);outline-offset:4px}.roast-number{font-size:12px;line-height:1.4;font-weight:500;color:var(--muted);letter-spacing:.01em}.roast-name{font:500 42px/1.1 var(--serif);letter-spacing:-.02em;margin:14px 0 12px}.roast-notes{font-size:14px;line-height:1.6;color:var(--muted);margin-bottom:30px}.roast-more{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;margin-top:auto;padding-top:18px;border-top:1px solid #24392d30;font-size:13px;font-weight:500}.roast-more>span{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#fffcf594}.roast:hover .roast-more>span{color:var(--paper);background:var(--olive)}
#roast-dialog{position:relative;background:var(--sage);padding:60px var(--gutter);display:grid;grid-template-columns:1fr 1fr;gap:20px 8%;scroll-margin-top:130px;outline:0}#dialog-title{font-size:64px;margin-bottom:8px}#dialog-description{font-size:16px;color:var(--muted);grid-column:1;max-width:45ch}#dialog-kicker{display:none}.close-dialog{position:absolute;right:32px;top:24px;background:#ffffff88;border-radius:50%;display:grid;place-items:center;width:44px;height:44px}.detail-row{grid-column:2;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #24392d30;padding:16px 0}.detail-row>span{font-size:11px;letter-spacing:.08em}.detail-row strong{font-size:15px;font-weight:500}.detail-row:nth-of-type(1){grid-row:1}.detail-row:nth-of-type(2){grid-row:2}.brew-guide:not(section){grid-column:2;margin:0;font-size:15px;line-height:1.7;color:var(--muted)}.dialog-done{grid-column:1;grid-row:3;align-self:start;justify-self:start;display:flex;align-items:center;gap:20px;min-height:48px;padding:14px 20px;border-radius:6px;background:var(--olive);color:var(--paper);font-size:14px}.dialog-done:hover{background:var(--rust)}
/* Brewing is a useful, focused control surface. */
section.brew-guide{padding:var(--section) var(--gutter);background:var(--cream)}.brew-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:32px;align-items:stretch}.brew-image{position:relative;overflow:hidden;border-radius:14px;min-height:650px}.brew-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% center}.brew-image>span{position:absolute;left:28px;bottom:28px;right:28px;color:var(--paper);font-size:12px;letter-spacing:.04em}.brew-recipe{background:var(--paper);border-radius:14px;padding:36px}.brew-tabs{display:flex;gap:4px;padding:5px;background:#e8ecdf;border-radius:30px}.brew-tabs button{flex:1;background:transparent;border-radius:25px;min-height:44px;padding:10px 12px;white-space:nowrap;font-size:13px;font-weight:500;color:var(--muted);transition:background .2s,color .2s}.brew-tabs button[aria-selected=true]{background:var(--olive);color:var(--paper)}.brew-tabs button:hover:not([aria-selected=true]){background:#d8dfcc}.recipe-intro{margin:32px 0 28px}.recipe-mood{display:none}.recipe-intro h3{font:500 42px/1.1 var(--serif);letter-spacing:-.02em;margin-bottom:12px}.recipe-description{font-size:15px;line-height:1.65;color:var(--muted);max-width:38ch}.servings{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px}.servings>div{display:flex;align-items:center;gap:16px}.servings button{width:44px;height:44px;background:var(--sage);border-radius:50%;font-size:22px;font-weight:400;transition:background .2s}.servings button:hover:not(:disabled){background:var(--olive);color:var(--paper)}.servings button:disabled{opacity:.35}.servings output{min-width:12px;font-size:16px;font-variant-numeric:tabular-nums}.recipe-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:28px 0}.recipe-stats strong{font:500 clamp(24px,2.3vw,32px)/1.2 var(--sans);letter-spacing:-.025em;white-space:nowrap;font-variant-numeric:tabular-nums;display:block}.recipe-stats span{display:block;font-size:10px;letter-spacing:.04em;color:var(--muted);margin-top:9px}.recipe-steps{padding:24px 0 0;margin:0;list-style:none;counter-reset:brew;border-top:1px solid var(--line)}.recipe-steps li{counter-increment:brew;position:relative;padding-left:38px;margin-bottom:18px;font-size:14px;line-height:1.7}.recipe-steps li:before{content:counter(brew);display:grid;place-items:center;position:absolute;top:0;left:0;width:25px;height:25px;border-radius:50%;background:var(--sage);font-size:12px;font-weight:500}.recipe-footnote{font-size:12px;line-height:1.6;color:var(--muted);margin-top:22px}
/* Editorial pauses are deliberately different from interactive sections. */
.table-story{min-height:720px;height:90svh;position:relative;isolation:isolate;display:flex;align-items:center;padding:var(--section) var(--gutter);color:var(--paper)}.table-story>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.table-story:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#142519e6,#14251930)}.table-story h2{font-size:var(--display);margin-bottom:28px}.table-story p{font-size:17px;line-height:1.7;margin-bottom:32px}.philosophy{background:var(--olive);color:var(--cream);padding:var(--section) var(--gutter)}.philosophy h2{font-size:var(--display);max-width:850px;margin-bottom:56px}.philosophy h2 em{color:#d0d9b7}.philosophy-bottom{display:grid;grid-template-columns:.5fr 1.5fr 1fr;gap:40px;align-items:center;padding-top:40px;border-top:1px solid #f5f2e93d}.asterisk{color:#d0d9b7}.asterisk .sun-icon{height:80px;width:80px}.philosophy-bottom p{font-size:16px;line-height:1.8;color:#e4e9d9}.round-link{display:flex;align-items:center;justify-content:center;gap:24px;justify-self:end;border:1px solid #f5f2e97a;border-radius:6px;padding:18px 22px;font-size:14px;line-height:1.4;min-height:56px}.round-link br{display:none}.round-link>span{display:flex}.round-link:hover{background:var(--cream);color:var(--olive)}
.journal{padding:var(--section) var(--gutter);background:var(--paper)}.journal-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:32px}.journal-grid article{min-width:0}.journal-grid article>img{width:100%;height:280px;object-fit:cover;border-radius:12px;margin-bottom:28px}.journal-grid article:first-child>img{height:360px}.journal-grid article:nth-child(2){padding-top:80px}.journal-grid article:nth-child(3){padding-top:140px}.journal-grid h3{font:500 36px/1.1 var(--serif);letter-spacing:-.025em;margin-bottom:16px}.journal-grid article>p{font-size:15px;line-height:1.7;color:var(--muted)}.journal-grid details{border-bottom:1px solid var(--line);margin-top:16px}summary{list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}.journal-grid summary{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:56px;padding:16px 0;font-size:14px;font-weight:500}.journal-grid summary>span{display:flex}.journal-grid details[open] summary .icon,.question-list details[open] summary .icon{transform:rotate(45deg)}summary .icon{transition:transform .2s var(--ease)}.journal-grid details p{font-size:15px;line-height:1.75;color:var(--muted);margin:8px 0 20px}
.coffee-questions{display:grid;grid-template-columns:1fr 1.35fr;gap:8%;padding:var(--section) var(--gutter);background:var(--sage)}.coffee-questions h2{font-size:var(--title)}.question-list{border-top:1px solid #24392d3d}.question-list details{border-bottom:1px solid #24392d3d}.question-list summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:80px;padding:22px 0;font-size:16px;line-height:1.5;font-weight:500}.question-list summary>span{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:50%;background:#f5f2e9aa}.question-list details p{font-size:15px;line-height:1.75;color:#405240;padding:0 45px 26px 0;max-width:62ch}
footer{background:#a9482d;color:var(--paper);padding:40px var(--gutter) 28px;overflow:hidden}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px}.footer-top>p{letter-spacing:.09em}.footer-top>a{display:flex;align-items:center;gap:14px;font-size:14px;min-height:44px}.footer-logo{font:500 clamp(90px,18vw,300px)/1 var(--serif);letter-spacing:-.035em;text-align:center;margin:40px 0 48px;max-width:none}.footer-bottom{border-top:1px solid #f5f2e94d;padding-top:22px;font-size:11px}.footer-bottom>a{display:flex;align-items:center;gap:10px;min-height:44px;font-size:12px}.footer-bottom .icon{width:16px;height:16px}
.motion-reduced .journey{height:650svh}.motion-reduced video{visibility:hidden}.motion-reduced .story{transition:none}.motion-reduced .scroll-line:after{animation:none}.motion-reduced{scroll-behavior:auto}
@keyframes scrollHint{0%{transform:translateY(0);opacity:0}30%{opacity:1}100%{transform:translateY(16px);opacity:0}}
@media(min-width:1600px){.header{left:48px;right:48px}.story{max-width:900px}.collection,.origins,section.brew-guide,.journal,.coffee-questions,.philosophy{padding-inline:max(var(--gutter),calc((100vw - 1460px)/2))}}
@media(max-width:1100px){
 .header{left:20px;right:20px;padding:16px 24px;gap:18px}.header nav{gap:22px}.header nav a{font-size:14px}.film-bottom{gap:24px}.scroll-note{font-size:11px}.chapters{gap:14px}.origins{gap:6%}.origin-picture{min-height:580px}.roast{padding:24px}.roast-name{font-size:38px}.roast-notes{font-size:13px}.brew-layout{grid-template-columns:.8fr 1.2fr;gap:24px}.brew-recipe{padding:28px}.brew-tabs button{font-size:12px;padding:10px 8px}.recipe-stats strong{font-size:25px}.journal-grid{gap:24px}.journal-grid h3{font-size:32px}.philosophy-bottom{grid-template-columns:.4fr 1.5fr 1fr;gap:24px}
}
@media(max-width:800px){
 :root{--gutter:28px;--section:72px;--title:58px;--display:76px}
 .header{top:14px;left:16px;right:16px;min-height:74px;padding:14px 20px;gap:16px;border-radius:12px}.wordmark{font-size:36px}.wordmark span{font-size:8px}.header nav{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--cream);padding:12px 20px;border-radius:12px;box-shadow:0 12px 24px #162b1620;flex-direction:column;align-items:stretch;gap:0}.header nav a{font-size:16px;padding:16px;border-bottom:1px solid var(--line)}.header nav a:last-child{border:0}.header nav a:after{display:none}.header.menu-open nav{display:flex}.menu-toggle{display:grid;place-items:center;width:44px;height:44px;background:transparent;order:3;flex-shrink:0}.header.menu-open .menu-toggle .icon{transform:rotate(90deg)}.motion{margin-left:auto;padding:12px;font-size:11px}.header .wordmark{margin-right:auto}.header .motion{order:2}.film-stage{min-height:0}.story{top:46%;max-width:calc(100% - 2*var(--gutter))}.story h1,.story h2{font-size:var(--display)}.story-copy{font-size:16px;max-width:37ch}.film-bottom{flex-wrap:wrap;gap:16px}.chapters{max-width:none;width:100%;gap:16px}.chapters button{font-size:12px;text-align:center}.chapters button span{font-size:10px;margin-bottom:4px}.scroll-note{font-size:12px}
 .origins{grid-template-columns:1fr 1fr;gap:32px}.origin-picture{min-height:580px}.origin-story h2{font-size:52px}.origin-story>p{font-size:15px}.origin-picture>span{left:20px;bottom:20px;font-size:11px}.brand-ribbon{gap:14px;font-size:10px;letter-spacing:.06em}.brand-ribbon .sun-icon{width:22px;height:22px}.collection-title,.brew-heading,.journal-heading{gap:28px}.collection-title>p,.brew-heading>p,.journal-heading>p{font-size:15px;max-width:27ch}.collection-photo{height:440px}.roasts{gap:14px}.roast{padding:22px 18px}.roast-name{font-size:34px}.roast-number{font-size:11px}.roast-more{font-size:12px;gap:8px}.roast-more>span{width:28px;height:28px;flex-shrink:0}.roast-more .icon{height:16px;width:16px}
 .brew-layout{grid-template-columns:1fr}.brew-image{min-height:320px;order:2}.brew-recipe{padding:32px;order:1}.brew-tabs button{font-size:14px}.recipe-stats strong{font-size:32px}.recipe-steps li{font-size:16px}.recipe-description{font-size:16px;max-width:44ch}.servings{font-size:16px}.table-story{height:85svh;min-height:650px}.table-story h2{font-size:var(--display)}.philosophy h2{font-size:var(--display)}.philosophy-bottom{grid-template-columns:auto 1fr;gap:30px}.round-link{grid-column:2;justify-self:start}.philosophy-bottom p{font-size:15px}.asterisk .sun-icon{height:55px;width:55px}.journal-grid{grid-template-columns:1fr;gap:48px}.journal-grid article{display:grid;grid-template-columns:.8fr 1fr;column-gap:28px;padding:0!important}.journal-grid article>img,.journal-grid article:first-child>img{height:100%;min-height:250px;grid-column:1;grid-row:1/5;margin:0}.journal-grid h3{font-size:36px}.journal-grid details{grid-column:2}.coffee-questions{grid-template-columns:1fr;gap:40px}.coffee-questions h2 br{display:none}#roast-dialog{padding:48px var(--gutter);gap:20px 32px}#dialog-title{font-size:52px}.detail-row{display:block}.detail-row>span{display:block;margin-bottom:8px}.detail-row strong{font-size:14px}
}
@media(max-width:560px){
 :root{--gutter:24px;--section:60px;--title:48px;--display:clamp(49px,13.6vw,72px);scroll-padding-top:110px}
 body{font-size:16px}.header{left:12px;right:12px;top:12px;padding:12px 14px;gap:5px;min-height:72px}.wordmark{font-size:32px;letter-spacing:-.035em}.wordmark span{display:none}.motion{padding:10px;font-size:11px;gap:6px}.menu-toggle{width:40px}.header nav{padding:10px}.header nav a{font-size:16px}.journey{height:1250svh}.film-stage{min-height:0}.film-shade{background:linear-gradient(90deg,#10241ad6,#10241a60),linear-gradient(0deg,#10241a9e,transparent 50%)}.story{top:45%;transform:translateY(-24%) translateY(12px)}.story.active{transform:translateY(-24%)}.story h1,.story h2{margin-bottom:24px;line-height:1.03}.story-copy{font-size:15px;line-height:1.65;max-width:34ch;margin-bottom:26px}.text-link{font-size:14px;padding:15px 20px;gap:26px;min-height:52px}.film-bottom{bottom:24px;padding-top:18px;gap:14px}.scroll-note{font-size:11px}.chapters{gap:7px}.chapters button{font-size:11px;min-height:50px}.chapters button span{font-size:10px}
 .origins{grid-template-columns:1fr;gap:36px}.origin-picture{min-height:430px}.origin-story h2{font-size:var(--title);margin-bottom:24px}.origin-story>p{font-size:16px;margin-bottom:18px}.origin-picture>span{font-size:11px;left:22px;bottom:22px}.brand-ribbon{padding:22px 20px;gap:12px;font-size:9px;letter-spacing:.02em}.brand-ribbon i:last-child{display:none}.brand-ribbon .sun-icon{height:18px;width:18px}.collection-title,.brew-heading,.journal-heading{display:block;margin-bottom:32px}.collection-title>p,.brew-heading>p,.journal-heading>p{margin-top:20px;max-width:35ch;font-size:16px}.collection-title>p br,.brew-heading>p br,.journal-heading>p br{display:none}.collection-photo{height:340px;border-radius:12px}.roasts{grid-template-columns:1fr;gap:12px;margin-top:20px}.roast{padding:24px;display:grid;grid-template-columns:1fr auto;gap:0 12px}.roast-number{font-size:12px;grid-column:1}.roast-name{font-size:38px;margin:10px 0 8px;grid-column:1}.roast-notes{font-size:14px;margin:0;grid-column:1}.roast-more{grid-column:2;grid-row:1/4;border:0;margin:0;padding:0;width:auto;font-size:0}.roast-more>span{height:44px;width:44px}.roast-more .icon{height:22px;width:22px}.roast:hover{transform:none}.roast:active{filter:brightness(.96)}
 #roast-dialog{grid-template-columns:1fr;padding:48px 24px 36px;gap:20px}#dialog-title{font-size:48px;padding-right:40px}#dialog-description,.detail-row,.brew-guide:not(section),.dialog-done{grid-column:1;grid-row:auto}.close-dialog{right:18px;top:18px}#roast-dialog .detail-row{display:flex;padding:18px 0;grid-row:auto}.detail-row>span{margin:0;font-size:10px}.detail-row strong{font-size:14px;text-align:right}.dialog-done{grid-row:6;width:100%;justify-content:space-between}
 .brew-layout{gap:22px}.brew-recipe{padding:24px 20px}.brew-tabs{gap:2px;padding:4px}.brew-tabs button{font-size:12px;padding:10px 6px;min-height:44px}.recipe-intro{margin:28px 0 24px}.recipe-intro h3{font-size:36px}.recipe-description{font-size:15px}.servings{font-size:14px;gap:12px}.servings>div{gap:12px}.recipe-stats{gap:10px;padding:26px 0}.recipe-stats strong{font-size:24px}.recipe-stats span{font-size:9px;letter-spacing:0}.recipe-steps li{font-size:14px;padding-left:34px}.recipe-footnote{font-size:12px}.brew-image{min-height:330px}.table-story{min-height:660px;padding-block:80px}.table-story h2{font-size:var(--display)}.table-story p{font-size:16px}.table-story>img{object-position:62% center}.table-story:after{background:#14251988}.philosophy h2{font-size:var(--display);margin-bottom:40px}.philosophy-bottom{grid-template-columns:1fr;gap:28px;padding-top:30px}.asterisk{display:none}.philosophy-bottom p{font-size:16px}.round-link{grid-column:1;min-height:52px}.journal-grid{gap:44px}.journal-grid article{display:block}.journal-grid article>img,.journal-grid article:first-child>img{height:300px;min-height:0;margin-bottom:24px}.journal-grid h3{font-size:36px}.journal-grid article>p,.journal-grid details p{font-size:16px}.journal-grid details{margin-top:12px}.journal-grid summary{font-size:14px}.coffee-questions{gap:32px}.coffee-questions h2 br{display:block}.question-list summary{font-size:15px;min-height:84px;gap:16px}.question-list details p{font-size:15px;padding-right:12px}.footer-top{font-size:10px;gap:16px}.footer-top>p{font-size:10px;letter-spacing:.03em}.footer-top>a{font-size:12px;gap:10px}.footer-logo{font-size:19vw;margin:36px -5px}.footer-bottom{font-size:10px;gap:12px;flex-wrap:wrap;padding-top:20px}.footer-bottom>span:nth-child(2){order:3;width:100%;opacity:.8}.footer-bottom>a{font-size:11px}.footer-bottom .icon{width:14px}.motion-reduced .journey{height:620svh}
}
@media(max-width:360px){.header{padding:10px}.wordmark{font-size:29px}.motion{font-size:10px;padding:10px 8px}.story h1,.story h2{font-size:47px}.recipe-stats strong{font-size:21px}.brew-recipe{padding:22px 16px}.brew-tabs button{font-size:11px}.servings{font-size:13px}}
@media(max-height:700px) and (min-width:801px){.header{top:14px;min-height:74px;padding-block:12px}.story{top:46%}.story h1,.story h2{font-size:76px;margin-bottom:22px}.story-copy{font-size:16px;margin-bottom:24px}.film-bottom{bottom:22px;padding-top:16px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

@media(max-width:560px) and (max-height:700px){.story{top:40%}.story h1,.story h2{font-size:44px;margin-bottom:18px}.story-copy{font-size:14px;margin-bottom:18px}.text-link{min-height:46px;padding:12px 18px}.film-bottom{bottom:18px;padding-top:12px;gap:8px}.chapters button{min-height:44px}}

/* A quiet caption leaves the scroll film unobstructed. */
#top .film-shade{background:linear-gradient(0deg,rgba(8,18,12,.38),transparent 38%)}
#top .story{top:auto;bottom:56px;left:var(--gutter);max-width:calc(100% - 2 * var(--gutter));transform:translateY(8px)}
#top .story.active{transform:translateY(0)}
#top .story h1,#top .story h2{font-size:clamp(36px,3.5vw,56px);line-height:1.08;letter-spacing:-.02em;margin:0 0 14px;text-shadow:0 1px 12px #0003}
#top .text-link{background:transparent;color:var(--paper);padding:4px 0;min-height:40px;font-size:13px;font-weight:400;gap:20px;border-radius:0;text-shadow:0 1px 8px #0005}
#top .text-link:hover{background:transparent;transform:none}
#top .text-link .icon{width:17px;height:17px}
.header{min-height:64px;padding-block:12px;box-shadow:none}
.wordmark{font-size:34px}.wordmark span{display:none}
@media(max-width:560px){#top .story{bottom:32px}.header{min-height:64px}.wordmark{font-size:30px}}

footer .motion{color:var(--olive);margin:0;order:0;flex-shrink:0}