/* Extended ONDO editorial chapters. All artwork authored for this demo. */
.extended-scene{position:relative;overflow:hidden}.chapter-heading{position:relative;z-index:3}.chapter-heading .eyebrow{margin-bottom:24px}.journey-section{padding:120px 0 0;background:#e2dfd1}.journey-section .chapter-heading{padding:0 9% 65px}.journey-section h2{font-size:clamp(36px,4.6vw,72px)}.landscape{height:670px;position:relative;overflow:hidden}.terrain{height:100%;width:100%;object-fit:cover;transform:scale(1.08);transform-origin:center;will-change:transform}.map-pin{position:absolute;border:1px solid #836a45;background:#ece6d4;color:#4f442d;border-radius:50%;width:48px;height:48px;box-shadow:0 8px 30px #443b2925;font:italic 18px Georgia,serif;z-index:2}.map-pin span{position:absolute;top:55px;left:50%;transform:translateX(-50%);font:9px Arial;letter-spacing:.15em}.map-pin.selected{background:#994a2c;color:#fff4df;border-color:#994a2c}.pin-br{left:20%;top:60%}.pin-co{left:49%;top:42%}.pin-et{left:78%;top:26%}.origin-passport{position:absolute;right:8%;bottom:38px;width:340px;background:#f4eddeeb;padding:32px;backdrop-filter:blur(12px);box-shadow:0 10px 35px #40372210}.origin-passport h3{font:italic 48px Georgia,serif;margin:14px 0}.origin-passport p{font-size:12px;line-height:1.9}.origin-passport>div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:20px;margin-top:24px;font-size:8px}.map-disclaimer{position:absolute;bottom:20px;left:5%;font-size:8px;color:#5b6248}.roast-lab{height:185svh;background:#231b16;color:#f0e6d4}.lab-sticky{position:sticky;top:0;height:100svh;min-height:640px;padding:70px 8%;overflow:hidden}.lab-sticky .description{color:#baad99}.lab-sticky h2{font-size:clamp(40px,5vw,75px)}.roast-spectrum{display:flex;align-items:center;gap:6%;position:absolute;left:37%;right:-3%;top:20%;height:48%;transform:translateX(var(--spectrum-x,0px));will-change:transform}.spectrum-bean{flex:0 0 18%;height:100%;position:relative;transform:translateY(var(--bean-rise,0px)) rotate(-17deg);filter:drop-shadow(12px 25px 15px #0005)}.spectrum-bean svg{height:100%;width:100%}.spectrum-bean span{display:block;text-align:center;font:italic 20px Georgia;color:#a89173}.sb0{scale:.8}.sb1{scale:.9}.sb2{filter:none}.sb3{scale:1.04}.sb4{scale:1.08}.roast-scale{position:absolute;left:8%;right:8%;bottom:22%;display:flex;justify-content:space-between;border-top:1px solid #9b785750;padding-top:22px;font-size:8px;letter-spacing:.2em}.roast-scale i{position:absolute;left:0;top:-4px;width:8px;height:8px;background:#e1a06a;border-radius:50%;transform:translateX(var(--heat-x,0px));box-shadow:0 0 20px #ea9959}.roast-story{position:absolute;bottom:7%;left:8%;right:8%;display:flex;justify-content:space-between;align-items:center}.roast-story strong{font-size:24px;font-weight:400}.roast-story p{font-size:12px;color:#bdae99}.lab-footnote{position:absolute;right:8%;bottom:3%;font-size:7px;color:#98836f}.brew-section{display:grid;grid-template-columns:1.1fr 1fr;min-height:105svh;background:#f3eddf;align-items:center;gap:8%;padding:100px 9%}.brew-visual{height:600px;position:relative;--brew-hue:0deg}.brew-halo{position:absolute;width:110%;aspect-ratio:1;background:#e5dcc9;border-radius:50%;left:-15%;top:10%;transform:scale(var(--brew-halo,1));opacity:.7}.pour-kettle{position:absolute;top:6%;left:36%;width:135px;height:85px;background:linear-gradient(120deg,#aaa99b,#e6e3d7,#8f948c);border-radius:30% 30% 40% 40%;transform:rotate(var(--pour-tilt,-15deg));box-shadow:8px 14px 30px #0001}.pour-kettle:before{content:'';position:absolute;left:-64px;top:40px;width:85px;height:22px;border-bottom:10px solid #b8b8ac;border-radius:0 0 0 70%;transform:rotate(20deg)}.pour-kettle:after{content:'';position:absolute;right:-35px;top:12px;width:43px;height:53px;border:10px solid #7c827a;border-radius:50%;z-index:-1}.water-stream{position:absolute;top:19%;left:31%;width:2px;height:22%;background:linear-gradient(#b6c6bf88,#fdfbf4,#a9b7b1);transform-origin:top;transform:scaleY(var(--pour,1));opacity:.8}.dripper{position:absolute;top:38%;left:17%;width:190px;height:120px;clip-path:polygon(0 0,100% 0,65% 100%,35% 100%);background:repeating-linear-gradient(75deg,#e9e2d5 0 12px,#c5bbab 13px 15px,#f9f4e9 17px 28px);transform:translateY(var(--drip-y,0px));z-index:3}.dripper i{position:absolute;top:-10px;left:0;width:100%;height:25px;border-radius:50%;background:#5a3725;border:8px solid #ede5d6}.brew-glass{position:absolute;top:58%;left:19%;width:175px;height:170px;border:3px solid #adac9e;border-top:0;border-radius:5% 5% 24% 24%;background:linear-gradient(90deg,#fff4,#fffa 10%,transparent 25%,#fff3);overflow:hidden;box-shadow:inset -8px 0 10px #fff4}.coffee-liquid{position:absolute;bottom:0;left:0;right:0;height:var(--fill,55%);background:linear-gradient(90deg,#402619,#8b542c,#3e2318);border-radius:50% 50% 0 0/8% 8% 0 0;transition:background .5s}.brew-shadow{position:absolute;left:12%;width:70%;bottom:9%;height:30px;border-radius:50%;background:#51412d25;filter:blur(15px)}.brew-annotation{position:absolute;font-size:7px;letter-spacing:.12em;color:#776e5c;right:0}.ba1{top:17%}.ba2{top:46%}.ba3{top:74%}.brew-tabs{display:flex;border-bottom:1px solid var(--line);gap:20px;margin:32px 0}.brew-tabs button{background:none;border:0;padding:13px 0;font-size:12px;color:#82735c}.brew-tabs button.selected{color:#8b4126;border-bottom:2px solid #8b4126}.brew-copy>.eyebrow{margin-bottom:22px}.brew-copy h3{font-size:22px;letter-spacing:-.04em;margin:0 0 18px}.brew-copy #brew-description{font-size:13px;line-height:1.9;max-width:380px;color:var(--muted)}.brew-facts{margin:30px 0}.brew-facts div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line)}.brew-facts dt{font-size:8px;letter-spacing:.12em;color:var(--muted)}.brew-facts dd{font-size:11px;margin:0}.brew-section[data-method=espresso] .dripper{clip-path:inset(0 15% 0 15% round 6px);height:70px;background:linear-gradient(90deg,#535752,#dddccf,#62665f);top:45%}.brew-section[data-method=espresso] .pour-kettle{opacity:0}.brew-section[data-method=espresso] .water-stream{top:53%;height:15%;left:37%;background:#53311d}.brew-section[data-method=cold] .dripper{opacity:0}.brew-section[data-method=cold] .pour-kettle{opacity:0}.brew-section[data-method=cold] .water-stream{opacity:0}.brew-section[data-method=cold] .brew-glass{height:260px;top:40%;border-radius:10px}.brew-section[data-method=cold] .coffee-liquid:after{content:'';position:absolute;left:25%;top:18%;width:45px;height:45px;border:1px solid #fffa;background:#eee7d566;transform:rotate(20deg);box-shadow:42px 55px 0 #eee7d555,-20px 90px 0 #eee7d544;border-radius:6px}.unbox-section{height:185svh;background:#c9b79c}.unbox-sticky{position:sticky;top:0;height:100svh;min-height:680px;padding:65px 8%;overflow:hidden}.unbox-sticky .chapter-heading{max-width:430px}.unbox-sticky h2{font-size:clamp(35px,4vw,62px)}.parcel-scene{position:absolute;width:510px;height:450px;left:48%;top:25%;perspective:1300px;transform:rotate(-10deg)}.parcel-base{position:absolute;inset:100px 20px 0;background:linear-gradient(120deg,#ad8758,#bf9a68,#967041);border:12px solid #bd9866;box-shadow:15px 30px 30px #563c2733;display:flex;flex-direction:column;align-items:center;justify-content:end;padding-bottom:30px}.parcel-base>span{font:bold 54px Georgia;letter-spacing:-5px;color:#6b4729}.parcel-base>small{font-size:7px;letter-spacing:.15em;color:#6b4729;margin-top:14px}.parcel-tissue{position:absolute;inset:95px 28px 40px;background:repeating-linear-gradient(40deg,#eee6d5 0 30px,#e2d5be 31px 32px);clip-path:polygon(0 0,100% 6%,93% 100%,5% 90%);transform:translateY(var(--tissue-y,0px)) rotate(-5deg)}.parcel-bag{position:absolute;left:55px;top:35px;width:180px;height:300px;transform:translateY(var(--parcel-bag-y,0px)) rotate(-5deg);z-index:3}.parcel-bag .coffee-bag{opacity:1;transform:none}.parcel-bag .bag-label{margin:24px 16px;padding:12px 8px}.parcel-bag .bag-word{font-size:34px}.parcel-bag .bag-label>strong{font-size:9px}.parcel-bag .bag-label>small{font-size:5px;margin:7px 0}.parcel-bag .bag-rule{margin:10px 0}.parcel-bag .bag-label p{font-size:10px}.parcel-card{position:absolute;right:26px;top:85px;background:#f6f0e2;width:190px;height:225px;padding:30px 20px;transform:translateY(var(--card-y,0px)) rotate(10deg);z-index:4;box-shadow:6px 10px 25px #563c2725}.parcel-card>span{font:italic 32px/1.1 Georgia;color:#9e4e2e}.parcel-card small{display:block;margin-top:45px;font-size:8px}.parcel-lid{position:absolute;inset:90px 10px 0;background:linear-gradient(120deg,#d6b789,#b9915e);display:flex;flex-direction:column;justify-content:center;align-items:center;transform-origin:top;transform:rotateX(var(--lid-angle,0deg)) translateY(var(--lid-y,0px));z-index:5;box-shadow:4px 8px 20px #47311d30;opacity:var(--lid-opacity,1)}.parcel-lid strong{font:bold 100px Georgia;letter-spacing:-9px;color:#634429}.parcel-lid span{font-size:8px;letter-spacing:.2em;color:#634429;margin-top:20px}.unbox-label{position:absolute;font-size:11px;display:flex;align-items:center;gap:15px;opacity:var(--unbox-label,0)}.unbox-label b{font:italic 30px Georgia;color:#8b5f37}.ul1{left:9%;top:51%}.ul2{left:9%;top:60%}.ul3{left:9%;top:69%}.unbox-note{position:absolute;left:8%;bottom:6%;font-size:12px;line-height:1.9}.unbox-note small{font-size:8px;color:#756046}.manage-section{min-height:100svh;background:#dedfcf;display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center;padding:110px 9%}.manage-copy>.eyebrow{margin-bottom:22px}.manage-actions{display:flex;flex-direction:column;margin:30px 0 20px;align-items:flex-start;gap:12px}.manage-actions button{padding:15px 20px;border:1px solid #899077;border-radius:40px;color:#38422c;background:transparent;font-size:12px}.manage-actions button[aria-pressed=true]{background:#596446;color:#fff3de}.manage-actions #reset-delivery{border:0;padding-left:0;font-size:10px}.calendar-card{background:#f6f0e3;border-radius:12px;padding:30px;box-shadow:0 30px 65px #3e473221;transform:perspective(1100px) rotateY(var(--calendar-turn,-10deg)) rotateZ(var(--calendar-tilt,3deg));will-change:transform;max-width:470px}.calendar-top{display:flex;align-items:center;justify-content:space-between}.calendar-top .logo{font-size:36px}.calendar-top>span:last-child{font-size:8px;letter-spacing:.13em}.calendar-month{display:flex;justify-content:space-between;align-items:center;margin:32px 0 22px}.calendar-month h3{font:italic 33px Georgia;margin:0}.calendar-month>span{font-size:11px}.calendar-week,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;gap:7px}.calendar-week{font-size:9px;color:#9b917e;margin-bottom:12px}.calendar-grid>span{aspect-ratio:1;display:grid;place-items:center;font-size:11px;border-radius:50%;position:relative}.calendar-grid .delivery{background:#9b502f;color:#fff4e4}.calendar-grid .skipped{color:#a49b87;text-decoration:line-through;background:#e7dfce}.calendar-grid .paused{background:#e7dfce;color:#a49b87}.calendar-status{border-top:1px solid var(--line);padding-top:22px;margin-top:20px;display:flex;align-items:center;gap:10px}.calendar-status i{width:6px;height:6px;border-radius:50%;background:#849263}.calendar-status p{font-size:11px;line-height:1.8}.calendar-foot{font-size:7px;color:#8d816d;display:block;margin-top:12px}.finale-section{height:120svh;min-height:800px;background:#783d29;color:#f4e5ce;display:grid;place-items:center;text-align:center}.finale-content{position:relative;z-index:2}.finale-content h2{font-size:clamp(65px,9vw,135px);margin:32px 0;line-height:1.14}.finale-content>p:not(.eyebrow){font-size:13px;line-height:2;color:#d3b59b}.finale-cta{display:inline-flex;align-items:center;gap:45px;border-bottom:1px solid #c39679;padding:17px 0;margin-top:25px;font-size:12px}.finale-cta span{font-size:27px}.finale-word{position:absolute;bottom:-10%;font:bold 40vw/.8 Georgia;letter-spacing:-3vw;color:#8d4d33;white-space:nowrap;transform:translateY(var(--finale-word,0px))}.finale-rings{position:absolute;width:70vw;height:70vw;max-width:1000px;max-height:1000px;transform:scale(var(--ring-scale,1));opacity:.3}.finale-rings i{position:absolute;inset:0;border:1px solid #ba8a69;border-radius:50%;transform:rotateX(25deg)}.finale-rings i:nth-child(2){inset:12%;transform:rotateY(30deg)}.finale-rings i:nth-child(3){inset:24%;transform:rotateX(-25deg)}.site-footer{background:#eee8da}.chapter-nav{display:none}
@media(max-width:760px){.journey-section{padding-top:80px}.journey-section .chapter-heading{padding:0 8% 40px}.journey-section h2{font-size:32px}.landscape{height:670px}.terrain{width:140%;margin-left:-20%;height:75%}.pin-br{left:12%;top:35%}.pin-co{left:45%;top:24%}.pin-et{left:78%;top:13%}.map-pin{width:38px;height:38px;font-size:15px}.map-pin span{top:44px;font-size:7px}.origin-passport{bottom:45px;left:8%;right:8%;width:auto;padding:25px}.origin-passport h3{font-size:40px;margin:10px 0}.map-disclaimer{left:8%;font-size:6px;bottom:20px}.roast-lab{height:auto}.lab-sticky{position:relative;height:820px;min-height:0;padding:65px 8%}.lab-sticky h2{font-size:42px}.roast-spectrum{top:40%;left:5%;right:-15%;height:28%;gap:4%}.roast-scale{bottom:21%;font-size:6px}.roast-story{bottom:8%;display:block}.roast-story strong{font-size:22px}.roast-story p{margin-top:12px;font-size:11px}.lab-footnote{font-size:6px;bottom:3%;left:8%;line-height:1.6}.brew-section{display:flex;flex-direction:column;padding:65px 8%;gap:35px}.brew-visual{height:460px;width:100%;max-width:370px;order:2}.brew-copy{width:100%}.brew-copy h2{font-size:36px}.brew-tabs{gap:21px}.brew-copy h3{font-size:21px}.brew-visual .pour-kettle{scale:.85}.dripper{width:160px;height:100px;left:19%}.brew-glass{width:145px;height:140px;left:21%}.brew-annotation{font-size:6px}.unbox-section{height:auto}.unbox-sticky{position:relative;height:950px;min-height:0;padding:65px 8%}.unbox-sticky h2{font-size:36px}.parcel-scene{left:50%;top:34%;width:440px;height:400px;transform:translateX(-50%) rotate(-8deg) scale(.72)}.unbox-label{font-size:9px;top:auto;bottom:20%;gap:8px}.unbox-label b{font-size:22px}.ul1{left:8%}.ul2{left:40%}.ul3{left:72%;width:22%;line-height:1.7}.unbox-note{bottom:7%;right:8%;font-size:11px}.manage-section{display:flex;flex-direction:column;padding:80px 8%;gap:45px}.manage-copy{width:100%}.manage-copy h2{font-size:36px}.calendar-card{width:100%;padding:25px;transform:rotate(-2deg)}.calendar-month h3{font-size:30px}.calendar-grid{gap:4px}.calendar-grid>span{font-size:10px}.finale-section{height:900px;min-height:0}.finale-content h2{font-size:69px}.finale-content .eyebrow{font-size:7px}.finale-content>p:not(.eyebrow){font-size:12px}.finale-rings{width:150vw;height:150vw}.finale-word{font-size:62vw;bottom:8%}}
@media(prefers-reduced-motion:reduce){.roast-lab,.unbox-section{height:auto}.lab-sticky,.unbox-sticky{position:relative}.terrain,.roast-spectrum,.spectrum-bean,.calendar-card,.finale-word,.finale-rings{transform:none!important}.parcel-lid{transform:rotateX(-115deg);opacity:0}.parcel-bag{transform:translateY(-50px) rotate(-5deg)}.parcel-card{transform:translateY(-40px) rotate(10deg)}.unbox-label{opacity:1}.journey-route{stroke-dashoffset:0!important}}

.roast-lab,.unbox-section{overflow:visible}
/* Photography-first revision: images replace all illustrated objects. */
.bean-photo{width:100%;height:100%;object-fit:contain}.spectrum-bean img{width:100%;height:100%;object-fit:contain}.coffee-bag{background:url('assets/coffee-pouch.png') center/contain no-repeat;clip-path:none;border:0;filter:drop-shadow(10px 18px 18px #35221522)}.bag-fold,.bag-seam{display:none}.bag-label{margin:40% 19% 0;padding:8% 5% 5%;box-shadow:none;background:#f4efe4;color:#34281d}.bag-word{font-size:31px}.bag-label>small{font-size:4px;margin:5px 0 8px}.bag-label>strong{font-size:9px;margin:4px 0}.bag-label>span:not(.bag-word){font-size:6px}.bag-rule{margin:9px 0}.bag-label p{font-size:9px}.landscape{background:#24291c}.terrain{object-fit:cover;filter:brightness(.72);width:100%;height:100%;margin:0}.journey-route{position:absolute;inset:0;opacity:var(--route-opacity,1);pointer-events:none;clip-path:inset(0 var(--route-clip,0%) 0 0)}.journey-route i{position:absolute;border-top:1px dashed #f3e7cd;transform-origin:left;width:35%;left:22%;top:65%;transform:rotate(-22deg)}.journey-route i+i{left:51%;top:46%;transform:rotate(-20deg);width:31%}.map-disclaimer{color:#f2ead4;text-shadow:0 1px 5px #000}.map-pin span{color:#f4e7cf;text-shadow:0 1px 6px #000}.brew-visual{height:620px;overflow:hidden;border-radius:46% 46% 4px 4px;background:#e7ddca}.brew-visual>img{width:100%;height:100%;object-fit:cover;transform:scale(var(--photo-zoom,1));will-change:transform}.photo-caption{position:absolute;bottom:24px;left:25px;font-size:8px;letter-spacing:.18em;color:#fff6e6;text-shadow:0 1px 7px #000}.brew-film-wrap{grid-column:1/-1;position:relative;height:560px;margin:35px -10.9% -100px;overflow:hidden;background:#34271c}.brew-film-wrap video{width:100%;height:100%;object-fit:cover}.brew-film-wrap:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#21190f99,transparent)}.brew-film-copy{position:absolute;left:9%;top:24%;z-index:2;color:#fff5df}.brew-film-copy>p{font-size:clamp(35px,4vw,62px);font-weight:700;letter-spacing:-.06em;line-height:1.3;margin-top:20px}.parcel-photo{position:absolute;inset:-30px -20px;width:110%;height:110%;object-fit:cover;border-radius:8px;box-shadow:18px 24px 45px #50361f30;transform:scale(var(--parcel-photo-scale,1));clip-path:inset(var(--parcel-reveal,0%) 0 0 0)}.parcel-base,.parcel-tissue,.parcel-lid{display:none}.parcel-bag{left:30px;top:30px;opacity:var(--unbox-label,0)}.parcel-card{opacity:var(--unbox-label,0);right:-10px;top:70px}.parcel-bag .bag-label{margin:40% 19% 0;padding:8% 5%}.parcel-bag .bag-word{font-size:24px}.parcel-bag .bag-label>strong{font-size:7px}.parcel-bag .bag-label p{font-size:7px}.parcel-bag .bag-label>small{font-size:4px}.parcel-bag .bag-rule{margin:5px 0}.taste-art:after,.origin-art:after{background: url('assets/coffee-bean.png') center/contain no-repeat!important;border:0!important;box-shadow:none!important;border-radius:0!important}.taste-art:before,.origin-art:before{display:none!important}.cup{background:url('assets/coffee-coldbrew.jpg') center/cover;border-radius:50%;box-shadow:5px 12px 20px #0002}.cup:after,.cup>div{display:none}
@media(max-width:760px){.brew-visual{height:470px;order:0}.brew-film-wrap{width:calc(100% + 19%);height:430px;margin:10px -9.5% -65px;order:3}.brew-film-copy{top:26%;left:8%}.terrain{width:100%;margin:0;height:100%}.landscape:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 30%,#1f261a99);pointer-events:none}.map-pin,.origin-passport,.map-disclaimer{z-index:2}.journey-route{z-index:1}.journey-route i{left:17%;top:40%}.journey-route i+i{left:50%;top:29%}.desk-bag .bag-label{margin:40% 19% 0;padding:8% 5%}.desk-bag .bag-word{font-size:26px}.desk-bag .bag-label>strong{font-size:8px}.desk-bag .bag-label>small{font-size:4px}}
@media(prefers-reduced-motion:reduce){.brew-film-wrap video{visibility:hidden}.brew-film-wrap{background:url('assets/coffee-pourover-poster.jpg') center/cover}.brew-visual>img,.parcel-photo{transform:none!important}.parcel-photo{clip-path:none}.parcel-bag,.parcel-card{opacity:1}}
#packing-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.2;filter:sepia(.35)}.unbox-sticky:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#c9b79ce8 0%,#c9b79caa 40%,transparent 100%);pointer-events:none}.unbox-sticky>.chapter-heading,.parcel-scene,.unbox-label,.unbox-note{z-index:2}.unbox-label,.unbox-note{z-index:3}@media(prefers-reduced-motion:reduce){#packing-film{display:none}.unbox-sticky{background:url('assets/coffee-packing-poster.jpg') center/cover}.unbox-sticky:after{background:#c9b79cdd}}
.parcel-closed{position:absolute;inset:-30px -20px;width:110%;height:110%;object-fit:cover;border-radius:8px;opacity:var(--lid-opacity,1);z-index:5;transform:scale(var(--parcel-photo-scale,1));pointer-events:none}.parcel-photo{clip-path:none}.parcel-bag,.parcel-card{display:none}@media(prefers-reduced-motion:reduce){.parcel-closed{display:none}.parcel-photo{transform:none}}