/* Local visual correction: photography is the canvas; controls stay subordinate. */
:root{--paper:#08131b;--ink:#f8f0df;--muted:#d7d1c5;--accent:#f3d17e;--line:#ffffff38;--serif:var(--sans);color-scheme:dark}
body{background:#08131b}body:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,#07131bf5 0%,#07131be6 35%,#07131b78 72%,#07131b55),url('/assets/pour-over.webp') center 63%/cover no-repeat;pointer-events:none}
body[data-page=archive]:before{background-image:linear-gradient(90deg,#07131bed,#07131bde 48%,#07131b8c),url('/assets/beancards-coffee_farm_mountain-C5FMVRjq.jpg')}
body[data-page=our-story]:before{background-image:linear-gradient(90deg,#07131be8,#07131b9c 70%,#07131b6b),url('/assets/beans-cup.webp')}
body[data-page=contact]:before{background-image:linear-gradient(90deg,#07131bba,#07131bc9 40%,#07131bf0 75%),url('/assets/pour-over.webp');background-position:center,30% 65%}
h1,h2,h3{font-family:var(--sans);font-weight:600;letter-spacing:-.055em}h1{line-height:1.03}h2{font-size:clamp(34px,3.8vw,54px)}h3{font-size:clamp(29px,3.2vw,44px)}
.site-header{height:108px}.brand{width:214px}.brand img{background:#f6eee4;padding:9px 13px;width:100%;border-radius:2px}
.explore{width:130px;top:28px;background:#07131b5c;border:1px solid #ffffff50;box-shadow:none;backdrop-filter:blur(10px);border-radius:28px}.glass:before{display:none}.explore summary{font-family:var(--sans);font-size:14px;min-height:49px;padding:10px 18px}.explore[open]{background:#0b1c27f5;border-radius:22px}.explore nav a:hover,.explore nav a[aria-current=page]{background:#ffffff14}.explore nav a{font-size:14px}
.glass.primary{background:transparent;box-shadow:none;border:0;border-bottom:1px solid var(--accent);border-radius:0;padding:13px 0;min-height:48px;gap:36px;color:var(--accent);font-family:var(--sans);font-size:17px;font-weight:600;justify-content:space-between;transition:gap .2s}.glass.primary:hover{transform:none;box-shadow:none;gap:45px}.glass.primary:active{transform:none;color:white}.text-link{font-family:var(--sans);font-size:17px;font-weight:500}.skip{background:#f3d17e;color:#07131b}
.hero{position:relative;isolation:isolate;width:100%;max-width:none;min-height:calc(100svh - 108px);display:flex;align-items:center;margin:0;padding:80px var(--gutter) 110px;overflow:hidden}
body[data-page=home] .site-header{position:absolute;left:var(--gutter);right:var(--gutter);width:auto;max-width:none}
body[data-page=home] .hero{min-height:100svh;padding-top:170px}
.hero-copy{position:relative;z-index:2;max-width:690px;padding:0}.hero-copy h1{font-size:clamp(54px,7vw,100px);margin-bottom:28px;line-height:1.02}.hero-copy h1 span{color:var(--accent)}.hero-copy>p{font-family:var(--sans);font-size:17px;line-height:1.75;max-width:445px;margin-bottom:30px}
.hero-photo{position:absolute;inset:0;min-height:0;max-height:none;height:100%;width:100%;border-radius:0;z-index:-2;overflow:hidden}.hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:center 63%}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07131bf5 0%,#07131bdf 26%,#07131b7a 52%,#07131b14 80%),linear-gradient(0deg,#08131b 0%,transparent 25%,transparent 85%,#07131b66)}
.hero-photo figcaption{z-index:1;left:var(--gutter);right:auto;bottom:36px;max-width:none;padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;color:#f5e7ca;font-size:11px;letter-spacing:.13em;text-transform:uppercase}
.available{width:100%;max-width:none;margin:0;padding:95px var(--gutter) 65px;background:#08131b}.section-heading{margin-bottom:55px}.section-heading h2{color:var(--accent)}.section-heading>p{font-size:14px}.bean{grid-template-columns:.9fr 1.1fr;gap:7vw}.bean-image{border-radius:0;height:430px}.bean-copy h3{font-size:clamp(31px,3.5vw,49px);line-height:1.12}.tasting{font-family:var(--sans);font-size:21px;line-height:1.55}.bean-meta{font-size:14px}.bean-details>summary,.text-details>summary{font-size:14px}.details-body{max-width:620px}.invitation{width:100%;max-width:none;padding:80px var(--gutter) 95px;text-align:left;background:#08131b}.invitation h2{font-size:clamp(28px,3vw,43px);margin-bottom:20px}
footer{position:relative;padding-top:30px;padding-bottom:30px}.footer-brand{font-family:var(--sans)!important;font-weight:600}footer p,footer small{color:#c6c9c8}body[data-page=home] footer{background:#08131b}
.page{padding-top:75px;padding-bottom:90px;min-height:calc(100svh - 270px)}.page-heading{margin-bottom:70px;max-width:650px}.page-heading h1{color:var(--accent);font-size:clamp(52px,7vw,94px)}.page-heading>p{font-family:var(--sans);font-size:18px;max-width:470px}.text-details p{font-size:15px}
.archive-list{max-width:1080px}.archived{grid-template-columns:145px 1fr;gap:40px;padding:38px 0}.archived .bean-image{height:165px;opacity:.9}.archived h2{font-size:clamp(26px,2.8vw,37px);line-height:1.16;max-width:760px}.archived .tasting{font-size:17px}.sold{color:#edcf88}.archived .bean-copy{max-width:780px}.archived .bean-details{max-width:620px}
.story>h1{font-size:clamp(53px,7vw,97px);min-height:48svh;max-width:950px;display:flex;align-items:center;margin-bottom:80px;color:var(--accent)}.story-layout{display:block;max-width:720px;margin-left:auto}.story-layout>figure{display:none}.prose h2{font-size:35px}.prose p{font-size:17px;color:#e0ded6}.how{padding-top:110px}.how h3{font-size:26px}.how p{color:#dedad1}.how ol{gap:55px}.how .primary{padding:10px 0;font-size:15px}
.quiz-intro{padding:8svh 0;max-width:650px}.quiz-intro h1{font-size:clamp(52px,6.3vw,90px);color:var(--accent)}.quiz-intro p{font-size:17px;max-width:440px}.quiz-photo{display:none}.quiz-page.is-active{padding-top:35px}.quiz-top{max-width:840px}.progress{max-width:840px;background:#ffffff35}.quiz-stage h1{font-size:clamp(33px,4vw,56px);max-width:750px}.quiz-stage>p{font-size:15px}.options{max-width:840px;gap:0 32px}.option{border-radius:0;border:0;border-top:1px solid #ffffff4a;background:none;box-shadow:none;padding:20px 2px;min-height:108px}.option:hover,.option[aria-pressed=true]{background:#07131b99;border-color:var(--accent)}.option strong{font-family:var(--sans);font-size:19px;font-weight:500}.option small{color:#dad8d0;font-size:13px}.option svg{color:var(--accent);width:18px}.quiz-back{font-size:15px}.result{position:relative;isolation:isolate;display:block;min-height:75svh;padding:35px 0 70px}.result>div{position:relative;z-index:2;max-width:550px}.result h1{color:var(--accent);font-size:clamp(43px,5vw,72px)}.result .tasting{font-family:var(--sans);font-size:21px}.result-photo{position:fixed;inset:0;z-index:-1}.result-photo img{height:100%;width:100%;max-height:none;object-fit:cover;border-radius:0}.result-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07131bf5,#07131be0 38%,#07131b40 85%)}.result .result-note{font-size:15px}.result .primary{border-radius:0;padding:12px 0;font-size:16px}
.contact{gap:10vw}.contact h1{color:var(--accent)}.contact-intro{font-size:16px}.contact-details dt{color:#e6cf97}.contact-details dd>a{min-height:44px}.contact-details dd small{color:#d4d1c8}.contact-form input,.contact-form textarea,.contact-form select{background:#08131b85;border:0;border-bottom:1px solid #ffffff6b;border-radius:0;padding:12px 4px;color:#fff4df}.contact-form select option{background:#0b1b26}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#c5c4bf}.contact-form label{color:#e4ddd0}.contact-form .primary{padding:12px 0}.form-note{color:#d3d0c9}.contact-form #contact-status h2{color:var(--accent)}
@media(max-width:1000px){.hero-copy{max-width:600px}.hero-copy h1{font-size:clamp(55px,8vw,83px)}.hero-photo{height:100%;min-height:0}.hero-photo figcaption{font-size:10px}.quiz-intro{max-width:650px}.story>h1{font-size:65px}.result-photo{opacity:1}}
@media(max-width:700px){:root{--gutter:24px}.site-header{height:94px}.brand{width:165px}.brand img{padding:7px 9px}.explore{width:110px;top:25px}.explore summary{font-size:13px;min-height:44px;padding:9px 14px}.explore[open]{width:min(280px,calc(100vw - 48px))}body:before{background-image:linear-gradient(90deg,#07131be8,#07131bbb),url('/assets/pour-over.webp');background-position:center,60% center}body[data-page=contact]:before{background-image:linear-gradient(180deg,#07131b99,#07131be6 55%),url('/assets/pour-over.webp')}
body[data-page=home] .hero{padding:155px var(--gutter) 110px;min-height:100svh}.hero{display:flex;flex-direction:row;align-items:center;gap:0}.hero-copy{padding:0;max-width:100%}.hero-copy h1{font-size:clamp(43px,11.5vw,65px);line-height:1.03;margin-bottom:28px}.hero-copy>p{font-size:15px;line-height:1.8;max-width:310px;margin-bottom:27px}.hero-photo{height:100%;min-height:0;max-height:none}.hero-photo>img{object-position:60% center}.hero-photo:after{background:linear-gradient(90deg,#07131be0,#07131b79 90%),linear-gradient(0deg,#08131b,transparent 45%,#07131b40)}.hero-photo figcaption{font-size:9px;left:var(--gutter);right:auto;bottom:32px;padding:0;letter-spacing:.08em;max-width:calc(100% - 48px)}.glass.primary{font-size:16px;min-height:48px;padding:11px 0}.available{padding:64px var(--gutter) 30px}.section-heading{margin-bottom:33px}.section-heading h2{font-size:34px}.section-heading>p{font-size:13px}.bean{grid-template-columns:1fr;gap:28px}.bean-image{height:260px}.bean-copy h3{font-size:33px}.tasting{font-size:18px}.invitation{padding:56px var(--gutter) 70px}.invitation h2{font-size:30px;max-width:320px}.text-link{font-size:16px}footer{gap:18px}footer .footer-brand{font-size:18px}footer p{font-size:10px}footer small{font-size:10px}.page{padding-top:35px;padding-bottom:60px}.page-heading{margin-bottom:40px}.page-heading h1{font-size:53px}.page-heading>p{font-size:16px}.archived{grid-template-columns:1fr;gap:22px;padding:30px 0}.archived .bean-image{width:100%;height:200px;object-fit:cover}.archived h2{font-size:28px}.archived .tasting{font-size:17px}.archived .bean-details{max-width:none}.story>h1{font-size:clamp(44px,11.7vw,66px);min-height:55svh;margin-bottom:60px;display:block;padding-top:12svh}.story-layout{margin:0}.prose h2{font-size:30px}.prose p{font-size:16px}.how{padding-top:65px}.how h2{font-size:34px}.how ol{gap:32px}.quiz-intro{max-width:100%;padding:8svh 0 12svh}.quiz-intro h1{font-size:clamp(47px,12vw,66px)}.quiz-intro p{font-size:16px}.quiz-page.is-active{padding-top:24px}.quiz-stage h1{font-size:34px}.options{grid-template-columns:1fr;gap:0}.option{min-height:94px;padding:17px 0}.option strong{font-size:18px}.option small{font-size:13px}.result{padding-top:25px;min-height:75svh}.result h1{font-size:45px}.result-photo:after{background:linear-gradient(90deg,#07131be8,#07131b98),linear-gradient(0deg,#07131b,transparent)}.result .tasting{font-size:20px}.result .primary{font-size:16px}.contact{padding-top:50px;gap:58px}.contact h1{font-size:59px}.contact-form .primary{width:auto}.contact-form form{gap:25px}}
@media(max-width:359px){:root{--gutter:20px}.brand{width:149px}.explore{width:100px}.explore summary{padding:9px 12px}.hero-copy h1{font-size:43px}.hero-copy>p{font-size:14px}.hero-photo figcaption{left:20px;font-size:8px;max-width:calc(100% - 40px)}.hero-photo{height:100%}.bean-copy h3{font-size:31px}.archived .bean-image{width:100%;height:190px}.story>h1{font-size:43px}.quiz-stage h1{font-size:31px}.option strong{font-size:18px}.quiz-intro h1{font-size:44px}.brand{max-width:calc(100% - 115px)}}
@media(prefers-reduced-transparency:reduce){.explore{background:#0b1c27;backdrop-filter:none}.glass.primary{background:none}.hero-photo figcaption{background:none}.contact-form input,.contact-form textarea,.contact-form select{background:#08131b}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Fade the photographic canvas into the page instead of ending at a hard edge. */
body:before{background-image:linear-gradient(0deg,#08131b,transparent 30%),linear-gradient(90deg,#07131bf5 0%,#07131be6 35%,#07131b78 72%,#07131b55),url('/assets/pour-over.webp')}
body[data-page=archive]:before{background-image:linear-gradient(0deg,#08131b,transparent 30%),linear-gradient(90deg,#07131bed,#07131bde 48%,#07131b8c),url('/assets/beancards-coffee_farm_mountain-C5FMVRjq.jpg')}
body[data-page=our-story]:before{background-image:linear-gradient(0deg,#08131b,transparent 30%),linear-gradient(90deg,#07131be8,#07131b9c 70%,#07131b6b),url('/assets/beans-cup.webp')}
body[data-page=contact]:before{background-image:linear-gradient(0deg,#08131b,transparent 30%),linear-gradient(90deg,#07131bba,#07131bc9 40%,#07131bf0 75%),url('/assets/pour-over.webp');background-position:center,center,30% 65%}
@media(max-width:700px){body:before{background-image:linear-gradient(0deg,#08131b,transparent 30%),linear-gradient(90deg,#07131be8,#07131bbb),url('/assets/pour-over.webp')}body[data-page=contact]:before{background-image:linear-gradient(0deg,#08131b,transparent 30%),linear-gradient(180deg,#07131b99,#07131be6 55%),url('/assets/pour-over.webp')}}
body:before{background-size:cover;background-repeat:no-repeat;background-position:center 63%}