:root{--cream:#f2eadc;--ink:#1d1b18;--rust:#b84a2d;--acid:#d9e24a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.hero{min-height:100svh;background:var(--cream);position:relative;overflow:hidden;padding:0 4.5vw}.nav{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1d1b1840;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:14px;font-size:13px;font-weight:800;line-height:1.05;letter-spacing:.06em;text-transform:uppercase}.brand em{font-family:Georgia,serif;text-transform:none;font-weight:400;letter-spacing:.02em}.brandMark{width:43px;height:43px;border:1.5px solid;border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-style:italic;font-size:15px}.navCta{background:var(--ink);color:var(--cream);padding:15px 19px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;transition:.25s}.navCta span{color:var(--acid);margin-left:22px}.navCta:hover{background:var(--rust)}.heroGrid{min-height:calc(100svh - 190px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:4vw;position:relative}.heroCopy{padding:5vh 0 8vh;position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin:0 0 3vh}.eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--rust)}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(58px,7.6vw,126px);line-height:.8;letter-spacing:-.065em;font-weight:400;margin:0}h1 i{color:var(--rust);font-weight:400}.intro{max-width:500px;margin:4.5vh 0 0 13vw;font-size:clamp(16px,1.3vw,21px);line-height:1.55}.heroActions{margin:4vh 0 0 13vw;display:flex;align-items:center;gap:28px}.primary{background:var(--rust);color:#fff;padding:19px 23px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.primary span{margin-left:26px;color:var(--acid)}.textLink{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid;padding-bottom:5px}.roastScene{height:min(68vw,680px);max-height:72vh;position:relative;display:grid;place-items:center}.sun{position:absolute;width:76%;aspect-ratio:1;border-radius:50%;background:var(--acid);transform:translate(7%,2%)}.orbit{position:absolute;border:1px solid #1d1b1859;border-radius:50%;transform:rotate(-22deg)}.orbitOne{width:105%;height:54%}.orbitTwo{width:82%;height:82%}.bean{width:34%;aspect-ratio:.72;border-radius:48% 52% 48% 52%/57% 57% 43% 43%;background:linear-gradient(135deg,#6d2819 0%,#30120e 55%,#120906 100%);transform:rotate(28deg);position:relative;z-index:2;box-shadow:18px 25px 45px #210f0961,inset -18px -12px 30px #0c0504}.bean span{position:absolute;width:17%;height:82%;left:43%;top:8%;border-radius:50%;background:#aa4c2d;transform:rotate(-9deg);box-shadow:inset 5px 0 7px #1e0805b3}.roastNote{position:absolute;left:-3%;top:61%;font-family:Georgia,serif;font-size:17px;line-height:1.3;z-index:3}.roastNote b{display:block;font:800 10px Arial;letter-spacing:.15em;margin-bottom:10px}.micro{position:absolute;right:-8%;top:30%;transform:rotate(90deg);font-size:8px;font-weight:800;letter-spacing:.25em}.heroFooter{position:absolute;bottom:0;left:4.5vw;right:4.5vw;height:66px;display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.scrollLine{height:1px;background:#1d1b1840}.storyTease{min-height:75vh;background:var(--ink);color:var(--cream);padding:12vh 8vw}.storyTease p{color:var(--acid);text-transform:uppercase;letter-spacing:.2em;font-size:10px}.storyTease h2{font-family:Georgia,serif;font-size:clamp(48px,7vw,110px);line-height:.95;font-weight:400;letter-spacing:-.045em}.storyTease i{color:var(--rust);font-weight:400}@media(max-width:800px){.hero{padding:0 22px}.nav{height:86px}.heroGrid{display:block;padding-top:8vh}h1{font-size:clamp(54px,16vw,82px)}.intro,.heroActions{margin-left:0}.heroActions{align-items:flex-start;flex-direction:column;gap:20px}.roastScene{height:510px;margin-top:-40px;transform:translateX(12%)}.roastNote{left:-12%}.micro{right:-3%}.heroFooter{display:none}.storyTease{min-height:60vh;padding:10vh 22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.brand img{width:154px;height:64px;object-fit:cover;object-position:center 48%;mix-blend-mode:multiply}.heroVisual{width:72%;height:58%;object-fit:cover;position:relative;z-index:2;box-shadow:18px 25px 45px #210f0954;transform:rotate(2deg)}
.chapter{position:relative;padding:14vh 7vw}.chapterNo{position:absolute;left:3vw;top:8vh;display:flex;flex-direction:column;gap:7px}.chapterNo span{font:italic 36px Georgia;color:var(--rust)}.chapterNo small{writing-mode:vertical-rl;font-size:8px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.chapterNo.dark span{color:var(--acid)}.chapterNo.dark small{color:var(--cream)}
.story{min-height:92vh;background:var(--ink);color:var(--cream);display:grid;grid-template-columns:1fr .7fr;gap:8vw;align-items:center}.storyCopy{padding-left:8vw}.kicker{text-transform:uppercase;letter-spacing:.2em;font-size:10px;font-weight:800}.story h2,.transformation h2,.coffeeIntro h2,.finale h2{font-family:Georgia,serif;font-size:clamp(50px,7vw,108px);line-height:.87;font-weight:400;letter-spacing:-.055em;margin:18px 0 40px}.story h2 i,.transformation h2 i,.coffeeIntro h2 i,.finale h2 i{color:var(--rust);font-weight:400}.storyCopy>p:last-child{max-width:520px;font-size:19px;line-height:1.7}.soundCard{border:1px solid #f2eadc52;padding:55px 45px;max-width:430px}.soundDot{display:block;width:14px;height:14px;background:var(--rust);border-radius:50%;box-shadow:0 0 0 8px #b84a2d2e}.soundCard p{font:italic 26px Georgia;margin:34px 0}.wave{color:var(--acid);font-size:24px;letter-spacing:5px;overflow:hidden;white-space:nowrap;margin:30px 0}.soundCard small{line-height:1.6;color:#f2eadcb3}
.transformation{min-height:100vh;background:var(--rust);display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;overflow:hidden}.dial{width:min(42vw,610px);aspect-ratio:1;border:1px solid #f2eadc8c;border-radius:50%;position:relative;display:grid;place-items:center;color:var(--cream)}.dial:before,.dial:after{content:'';position:absolute;border:1px solid #f2eadc45;border-radius:50%}.dial:before{inset:9%}.dial:after{inset:22%}.dialBean{width:29%;aspect-ratio:.72;border-radius:50% 45%;background:#29130d;transform:rotate(32deg);z-index:2}.dial span,.dial b,.dial em{position:absolute;font-size:8px;letter-spacing:.2em}.dial span{top:5%}.dial b{font:italic 28px Georgia;right:2%;top:47%}.dial em{bottom:6%;font-style:normal}.transformCopy{color:var(--cream)}.transformCopy .kicker{color:var(--acid)}.transformation h2{font-size:clamp(48px,5.7vw,88px)}.transformation h2 i{color:var(--acid)}.transformCopy>p:not(.kicker){max-width:530px;font-size:18px;line-height:1.7}.tasteRow{display:flex;gap:10px;margin-top:38px}.tasteRow span{border:1px solid #f2eadc6b;border-radius:50%;width:82px;height:82px;display:grid;place-items:center;font:italic 15px Georgia}
.coffeeChapter{background:var(--cream);min-height:100vh}.coffeeIntro{text-align:center;margin-bottom:10vh}.coffeeIntro h2{margin-bottom:0}.coffeeGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1250px;margin:auto}.coffeeCard{padding:28px;min-height:620px;display:flex;flex-direction:column;transition:transform .3s}.coffeeCard:hover{transform:translateY(-8px)}.cardRust{background:#c65a3d}.cardAcid{background:var(--acid)}.cardCream{background:#d7c5a6}.productImage{height:330px;margin-bottom:25px;display:grid;place-items:center;overflow:hidden}.productImage img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 15px #1d1b1833)}.coffeeCard>p{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.coffeeCard h3{font:italic 30px/1.1 Georgia;margin:12px 0 30px}.coffeeCard>a{margin-top:auto;border-top:1px solid;padding-top:18px;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.1em}.finale{min-height:92vh;background:var(--ink);color:var(--cream);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;padding:80px 22px}.finale>p{text-transform:uppercase;color:var(--acid);font-size:10px;font-weight:800;letter-spacing:.2em}.finale h2{position:relative;z-index:2}.finale>a{background:var(--acid);color:var(--ink);padding:20px 25px;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.12em;position:relative;z-index:2}.finale>a span{margin-left:35px}.finale small{position:absolute;bottom:32px;font-size:8px;letter-spacing:.18em;text-transform:uppercase}.finalOrbit{position:absolute;width:min(62vw,850px);aspect-ratio:1;border:1px solid #f2eadc38;border-radius:50%}.finalOrbit:after{content:'';position:absolute;inset:14%;border:1px solid #f2eadc24;border-radius:50%}
@media(max-width:800px){.brand img{width:116px;height:50px}.chapter{padding:12vh 22px}.chapterNo{position:static;flex-direction:row;align-items:center;margin-bottom:50px}.chapterNo small{writing-mode:initial}.story,.transformation{grid-template-columns:1fr}.storyCopy{padding-left:0}.soundCard{padding:35px 25px}.dial{width:88vw;margin-left:-12vw}.coffeeGrid{grid-template-columns:1fr}.coffeeIntro{text-align:left}.coffeeCard{min-height:560px}.finalOrbit{width:110vw}.heroVisual{width:78%;height:52%}}
@media(prefers-reduced-motion:reduce){.coffeeCard{transition:none}}

.reveal{font:34px/1.1 Georgia;color:var(--cream);margin:32px 0}.reveal i{color:var(--acid)}
.habit{background:var(--acid);padding:15vh 12vw;text-align:center}.habit h2{font:400 clamp(54px,7vw,110px)/.9 Georgia;letter-spacing:-.055em;margin:25px 0 80px}.habit h2 i{color:var(--rust)}.habitSteps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid;border-bottom:1px solid}.habitSteps span{padding:28px 15px;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.1em;border-right:1px solid}.habitSteps span:last-child{border:0}.habitSteps b{font:italic 22px Georgia;margin-right:16px;color:var(--rust)}.habitCopy{font:22px/1.55 Georgia;max-width:760px;margin:60px auto 0}
@media(max-width:800px){.habit{padding:12vh 22px;text-align:left}.habitSteps{grid-template-columns:1fr}.habitSteps span{border-right:0;border-bottom:1px solid}.habitSteps span:last-child{border:0}}

:root{--cream:#f6ece4;--ink:#203762;--rust:#6b3d20;--acid:#efd9cb}
.brand img{width:142px;height:94px;object-fit:contain;object-position:center;mix-blend-mode:normal}.hero{background:#f6ece4}.navCta{background:var(--ink)}.navCta span{color:#f1c7aa}.primary{background:var(--rust)}.primary span{color:#f6ece4}.sun{background:#efd9cb}.story{background:#203762}.transformation{background:#6b3d20}.transformCopy .kicker,.transformation h2 i{color:#f1c7aa}.coffeeChapter{background:#f6ece4}.cardRust{background:#a96845}.cardAcid{background:#d6b59f}.cardCream{background:#eadbce}.habit{background:#d8c0b0}.habit h2 i,.habitSteps b{color:#6b3d20}.finale{background:#203762}.finale>p{color:#f1c7aa}.finale>a{background:#f1c7aa}.roasterPhoto{width:min(45vw,680px);margin:0;position:relative}.roasterPhoto img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;box-shadow:24px 26px 0 #203762}.roasterPhoto figcaption{position:absolute;left:18px;bottom:16px;background:#f6ece4;color:#203762;padding:10px 12px;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.footerLinks{position:absolute;bottom:30px;left:5vw;right:5vw;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.15em;text-transform:uppercase}.footerLinks a{border-bottom:1px solid;padding-bottom:4px}.legalPage{min-height:100vh;background:#f6ece4;color:#203762}.legalNav{padding:24px 5vw;border-bottom:1px solid #20376233;display:flex;justify-content:space-between;align-items:center}.legalNav img{width:130px;height:82px;object-fit:contain}.legalNav a:last-child{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.legalContent{max-width:860px;margin:auto;padding:10vh 24px 14vh}.legalContent .kicker{color:#6b3d20}.legalContent h1{font-size:clamp(58px,10vw,116px);margin:18px 0 70px}.legalContent h2{font:italic 30px Georgia;margin:55px 0 16px;color:#6b3d20}.legalContent p{font-size:16px;line-height:1.75;margin:0 0 18px}.legalContent a{text-decoration:underline}.legalBack{display:inline-block;margin-top:60px;border-bottom:1px solid;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
@media(max-width:800px){.brand img{width:105px;height:67px}.roasterPhoto{width:100%}.roasterPhoto img{box-shadow:12px 14px 0 #203762}.footerLinks{flex-direction:column;gap:12px}.legalNav{padding:14px 22px}.legalNav img{width:100px;height:65px}}
.storyEquipment{margin:0;position:relative;max-width:540px}.storyEquipment>img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.storyEquipment figcaption{position:absolute;left:-45px;right:25px;bottom:25px;background:#f6ece4;color:#203762;padding:24px}.storyEquipment figcaption span{display:block;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#6b3d20}.storyEquipment figcaption b{display:block;font:26px/1.1 Georgia;margin:12px 0}.storyEquipment figcaption b i{color:#6b3d20}.storyEquipment figcaption small{line-height:1.5}.habitPhoto{max-width:1050px;margin:0 auto 70px;position:relative}.habitPhoto img{display:block;width:100%;height:min(54vw,600px);object-fit:cover}.habitPhoto figcaption{position:absolute;right:18px;bottom:18px;background:#203762;color:#f6ece4;padding:12px 15px;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.finalePhoto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.finaleShade{position:absolute;inset:0;background:#203762cc}.finale>p,.finale h2,.finale>a,.footerLinks{z-index:2}.finalOrbit{z-index:1}.legalContentFull{max-width:980px}.legalText{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font:16px/1.75 Arial,Helvetica,sans-serif;color:#203762}.legalText::first-line{font:400 58px/1 Georgia;color:#6b3d20}.legalBack{position:relative}
@media(max-width:800px){.storyEquipment{width:100%;margin-top:20px}.storyEquipment figcaption{position:relative;left:0;right:auto;bottom:auto}.habitPhoto{margin-bottom:45px}.habitPhoto img{height:90vw}.legalContentFull{padding-top:7vh}.legalText{font-size:14px;line-height:1.65}}
.productImage:focus-visible{outline:3px solid #203762;outline-offset:4px}