:root{--ink:#1b0d10;--wine:#35171c;--red:#6d2434;--rose:#bd6570;--cream:#f4e7d4;--gold:#d5a963;--cocoa:#291817;--paper:#e9d5bd}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{background:var(--ink);color:var(--cream);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.section{flex-direction:column;justify-content:center;min-height:100svh;padding:clamp(5.7rem,10vw,8rem) clamp(1.45rem,5vw,5rem) clamp(3.5rem,8vw,6rem);display:flex;position:relative;overflow:hidden}.nav{z-index:5;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;width:100%;padding:1.25rem clamp(1.45rem,5vw,5rem);font-size:.68rem;display:flex;position:absolute}.story-marker{z-index:8;color:var(--cream);letter-spacing:.11em;text-transform:uppercase;writing-mode:vertical-rl;pointer-events:none;flex-direction:column;align-items:center;gap:.55rem;padding:0;font-size:.54rem;display:flex;position:fixed;top:50%;right:.7rem;transform:translateY(-50%)}.story-marker-count{color:var(--gold);opacity:1}.story-marker-line{background:#f4e7d46b;width:1px;height:4.7rem;overflow:hidden}.story-marker-line i{transform-origin:top;background:var(--gold);width:100%;height:100%;display:block}.story-marker-name{text-overflow:ellipsis;max-height:8.8rem;overflow:hidden}.story-marker--dark{color:var(--cocoa)}.story-marker--dark .story-marker-count{color:var(--wine)}.story-marker--dark .story-marker-line{background:#2918176b}.language-switcher{position:relative}.language-trigger{min-width:3.5rem;height:2.45rem;color:var(--cream);letter-spacing:.1em;cursor:pointer;background:#1b0d1038;border:1px solid #f4e7d499;border-radius:99px;justify-content:center;align-items:center;gap:.35rem;font:700 .65rem Arial,sans-serif;display:flex}.language-trigger:hover{background:#f4e7d421}.language-options{background:#1b0d10f5;border:1px solid #f4e7d440;border-radius:.5rem;min-width:8.2rem;padding:.35rem;position:absolute;top:calc(100% + .45rem);left:0;box-shadow:0 .8rem 2rem #0000004d}.language-options button{width:100%;color:var(--cream);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.3rem;padding:.6rem .65rem;font:600 .7rem Arial,sans-serif}.language-options button:hover,.language-options button.selected{color:var(--gold);background:#f4e7d424}.nav-link{align-items:center;gap:.55rem;display:flex}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.15em;margin:0 0 1.3rem;font-size:.67rem;font-weight:700;line-height:1.5}h1,h2,p{margin-top:0}h1,h2{letter-spacing:-.065em;font-family:Georgia,Times New Roman,serif;font-weight:400;line-height:.8}em{color:var(--rose);font-style:italic}.hero{background:radial-gradient(circle at 50% 65%, #63303a 0, var(--wine) 29%, var(--ink) 70%);perspective:1200px;justify-content:flex-start;min-height:100svh;padding-top:7.2rem}.hero-copy{z-index:1}.hero-intro{color:var(--paper);margin-bottom:.3rem;font:italic 1.1rem Georgia,serif}h1{font-size:clamp(4.3rem,18vw,12rem)}.hero-flavour{color:var(--paper);text-transform:uppercase;letter-spacing:.12em;margin:1.25rem 0 0;font-size:.78rem}.bag-wrap{position:relative}.bag{object-fit:contain;filter:drop-shadow(0 2.2rem 1.4rem #00000073);width:100%;height:auto}.hero-bag{z-index:2;width:min(105vw,46rem);transform-style:preserve-3d;position:absolute;bottom:-3vh;right:-12vw;transform:rotate(-3deg)}.scroll-cue{z-index:3;text-transform:uppercase;letter-spacing:.13em;gap:.65rem;font-size:.61rem;display:flex;position:absolute;bottom:2.3rem;left:clamp(1.45rem,5vw,5rem)}.story-intro{background:var(--cream);color:var(--cocoa)}.story-intro h2{max-width:52rem;font-size:clamp(3.5rem,13vw,8rem)}.story-intro .lede{max-width:27rem;margin:2rem 0 0;font:1.05rem/1.55 Georgia,serif}.chapter{background:var(--wine)}.chapter-number{color:#f4e7d412;font:italic 35vw/1 Georgia,serif;position:absolute;top:-.2em;right:-.05em}.massive{z-index:1;font-size:clamp(5rem,22vw,14rem)}.chapter-copy{z-index:1;max-width:25rem;color:var(--paper);margin:2rem 0 0;font:1.04rem/1.55 Georgia,serif}.quote{z-index:1;color:var(--gold);margin:2rem 0 0;font:italic 1.2rem Georgia,serif}.recipe{text-align:center;background:#211113;align-items:center}.recipe:before{content:"";opacity:.18;background-color:#0000;background-image:linear-gradient(90deg,#0000 49.75%,#d5a96347 50%,#0000 50.25%),linear-gradient(#0000 49.75%,#d5a96333 50%,#0000 50.25%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:4.3rem 4.3rem;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.numbers{z-index:1;color:var(--cream);will-change:transform,opacity;align-items:center;gap:.02em;font-size:clamp(5.5rem,30vw,18rem);display:flex}.numbers i{color:var(--rose);font-weight:400}.recipe-grid{z-index:1;color:var(--gold);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:1.2rem;margin:1.4rem 0 .2rem;display:flex}.recipe-grid div{flex-direction:column;gap:.35rem;display:flex}.recipe-grid strong{color:var(--cream);font:400 clamp(1.8rem,8vw,3rem) Georgia,serif}.recipe-grid span{font-size:.55rem}.recipe-grid b{color:var(--rose);font-size:1.2rem}.reveal{isolation:isolate;text-align:center;background:linear-gradient(145deg,#35131d,#652133 55%,#260e14);align-items:center}.reveal:before{content:"";z-index:0;background:linear-gradient(#1e080e2b,#1e080e85);position:absolute;inset:0}.reveal:after{content:"";z-index:0;opacity:.14;mix-blend-mode:soft-light;background-image:radial-gradient(#f4e7d42e .8px,#0000 .8px);background-size:7px 7px;position:absolute;inset:0}.reveal-art{z-index:0;opacity:.16;mix-blend-mode:screen;width:125%;max-width:none;height:auto;position:absolute;top:14%;left:-14%;transform:rotate(-8deg)}.reveal h2{z-index:1;color:var(--cream);text-shadow:0 .2rem .9rem #20050c59;will-change:transform,opacity;font-size:clamp(5rem,22vw,14rem)}.reveal h2 em{color:#f1c987;text-shadow:0 .2rem 1rem #20050c80}.reveal .chapter-copy{z-index:1;color:#fff3df;text-shadow:0 .12rem .7rem #20050c8c;font-weight:600}.transformation{z-index:1;color:var(--gold);text-transform:uppercase;letter-spacing:.15em;font-size:.75rem}.rose{z-index:0;color:#f4e7d412;will-change:transform,opacity;font-family:Georgia,serif;line-height:1;position:absolute}.rose-one{font-size:25rem;top:-2.3rem;left:-5rem}.rose-two{font-size:21rem;bottom:-1rem;right:-5rem}.taste{background:var(--paper);color:var(--cocoa)}.taste h2{font-size:clamp(4rem,16vw,11rem)}.taste-details{flex-wrap:wrap;gap:.65rem;margin-top:2.2rem;display:flex}.taste-details span{text-transform:uppercase;letter-spacing:.1em;border:1px solid #29181759;border-radius:99px;padding:.65rem .85rem;font-size:.65rem}.roast{background:#1d1110}.roast h2,.pairing h2{font-size:clamp(3.8rem,14vw,9rem)}.roast .lede,.pairing .lede{max-width:27rem;color:var(--paper);margin:2rem 0 0;font:1.05rem/1.55 Georgia,serif}.bean{border:1px solid #d5a96347;border-radius:50%;width:10rem;height:6rem;position:absolute;transform:rotate(35deg)}.bean:after{content:"";background:#d5a96347;width:120%;height:1px;position:absolute;top:50%;left:-10%;transform:rotate(-18deg)}.bean-one{top:17%;right:-2rem}.bean-two{bottom:12%;left:-4rem;transform:rotate(-50deg)scale(.65)}.origins{text-align:center;background:var(--red);align-items:center;min-height:75svh}.origins h2{gap:.65rem;font-size:clamp(3rem,11vw,7rem);display:grid}.origins h2 span:last-child{color:var(--gold)}.origins h2 b{color:var(--cream);font:400 2rem Georgia,serif}.origins-end{text-transform:uppercase;letter-spacing:.15em;margin:2rem 0 0;font-size:.7rem}.pairing{background-blend-mode:multiply;background:linear-gradient(160deg,#1d100da6,#1d100de6),url(/images/dark-chocolate-cocoa.png) 50%/cover;min-height:80svh}.pairing h2{color:var(--cream)}.pairing em{color:#e0ad76}.finale{background:radial-gradient(circle at 72% 55%,#7c3343, var(--wine) 42%,var(--ink) 80%);perspective:1200px;justify-content:flex-start;min-height:100svh}.finale-copy{z-index:1}.name-path{max-width:12rem;color:var(--gold);text-transform:uppercase;letter-spacing:.1em;font-size:.62rem;line-height:2.2}.finale h2{font-size:clamp(4rem,15vw,10rem)}.finale-bag{width:min(95vw,44rem);transform-style:preserve-3d;position:absolute;bottom:-3vh;right:-8vw}.finale-bag .bag{filter:drop-shadow(0 2.5rem 1.3rem #0006)}footer{color:#f4e7d4a6;text-transform:uppercase;letter-spacing:.09em;background:#12090a;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:1.6rem clamp(1.45rem,5vw,5rem);font-size:.55rem;display:grid}footer a{color:inherit;text-decoration:none}footer a:hover,footer a:focus-visible{color:#f4e7d4}footer span:last-child{justify-self:end}.is-rtl{direction:rtl;font-family:Tahoma,Arial,sans-serif}.is-rtl h1,.is-rtl h2{letter-spacing:0;line-height:1.08}.is-rtl .eyebrow,.is-rtl .hero-flavour,.is-rtl .transformation,.is-rtl .origins-end,.is-rtl .name-path{letter-spacing:.04em;line-height:1.8}.is-rtl .hero-intro,.is-rtl .lede,.is-rtl .chapter-copy,.is-rtl .quote{line-height:1.8}.is-rtl .nav{flex-direction:row-reverse}.is-rtl .language-options{left:auto;right:0}.is-rtl .language-options button{text-align:right}.is-rtl .story-marker{left:.9rem;right:auto}.is-rtl .hero-copy,.is-rtl .story-intro .lede,.is-rtl .chapter-copy,.is-rtl .roast .lede,.is-rtl .pairing .lede{text-align:right}.is-rtl .story-intro .lede,.is-rtl .chapter-copy{margin-right:0}.is-rtl .recipe .chapter-copy{text-align:center}.is-rtl .finale-copy{text-align:right}@media (max-width:699px){.hero-copy{z-index:3}}@media (min-width:700px){.story-marker{right:2rem}.is-rtl .story-marker{left:2rem;right:auto}.hero-bag{width:min(58vw,48rem);bottom:-12vh;right:2vw}.hero-copy{padding-left:5vw}.story-intro .lede{margin-left:25%}.chapter-copy{margin-left:30%}.recipe .chapter-copy{margin-left:0}.finale-bag{width:min(52vw,48rem);bottom:-14vh;right:7vw}.finale-copy{padding-left:5vw}.is-rtl .hero-copy,.is-rtl .finale-copy{padding-left:0;padding-right:5vw}.is-rtl .story-intro .lede,.is-rtl .chapter-copy{margin-left:0;margin-right:25%}.section{padding-left:max(5rem,10vw);padding-right:max(5rem,10vw)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}