:root{--ink:#0A0B08;--olive:#1A2014;--bone:#EDE8DC;--gold:#C9A227}
*{box-sizing:border-box}html{background:var(--ink)}body{margin:0;background:var(--ink);color:var(--bone);font:400 16px/1.55 Inter,Arial,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:300;line-height:1.04}a{color:inherit}a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}img{display:block;max-width:100%}.skip-link{position:fixed;top:-100px;left:16px;z-index:1000;padding:10px 16px;background:var(--bone);color:var(--ink)}.skip-link:focus{top:16px}.concept-link{position:fixed;z-index:80;left:26px;top:23px;color:var(--bone);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;padding:9px 0;border-bottom:1px solid var(--gold);text-shadow:0 2px 10px #000}.chapter-rail{position:fixed;z-index:80;right:22px;top:50%;transform:translateY(-50%);display:grid;gap:5px;justify-items:end}.chapter-rail a{display:block;padding:5px 10px;background:rgba(10,11,8,.78);font-size:.67rem;letter-spacing:.13em;text-transform:uppercase;text-decoration:none;color:rgba(237,232,220,.72);border-right:2px solid transparent}.chapter-rail a:hover,.chapter-rail a.active{color:var(--bone);border-right-color:var(--gold)}.scene{min-height:100svh;position:relative;background:var(--ink)}.scene-stage{height:100svh;min-height:620px;position:relative;overflow:hidden;background:var(--ink)}.scene-copy{position:absolute;z-index:10;max-width:min(38vw,560px);text-shadow:0 2px 18px rgba(0,0,0,.75)}.scene-copy p:not(.eyebrow){max-width:34ch;font:300 clamp(1.1rem,1.35vw,1.32rem)/1.6 Fraunces,Georgia,serif}.eyebrow{text-transform:uppercase;letter-spacing:.27em;font-size:.69rem;color:var(--gold);font-weight:500;margin-bottom:22px}.scene-copy h2{font-size:clamp(3.5rem,6.2vw,7rem);margin-bottom:25px}.tagline{font-size:.8rem;letter-spacing:.25em;text-transform:uppercase;color:var(--gold)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Grove opening */
.intro-scene{height:100svh;min-height:620px;overflow:hidden}.intro-window{position:absolute;inset:0}.intro-backdrop,.intro-backdrop img,.intro-midground{position:absolute;inset:0;width:100%;height:100%}.intro-backdrop img,.intro-midground{object-fit:cover}.intro-midground{pointer-events:none}.intro-copy{left:50%;top:43%;transform:translate(-50%,-50%);text-align:center;max-width:none;width:min(80%,900px)}.intro-copy .eyebrow{font:300 clamp(1.05rem,1.4vw,1.35rem)/1.3 Fraunces,Georgia,serif;letter-spacing:.06em;text-transform:none;color:var(--bone);margin-bottom:12px}.wordmark{line-height:1}.wordmark-svg{display:block;width:min(78vw,860px);height:auto;margin:0 auto;overflow:visible}.wordmark-svg text{font:300 168px Fraunces,Georgia,serif;letter-spacing:12px;fill:var(--bone);stroke:var(--bone);stroke-width:1.2;stroke-dasharray:1500}.wordmark-oval{fill:none;stroke:var(--gold);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:1;opacity:.9}.intro-copy p.tagline{max-width:none;margin-top:14px;font:300 clamp(1.15rem,1.6vw,1.55rem)/1.3 Fraunces,Georgia,serif;letter-spacing:.05em;text-transform:none}.scroll-cue{position:absolute;z-index:20;bottom:30px;left:50%;transform:translateX(-50%);font-size:.73rem;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;text-align:center;text-shadow:0 2px 10px #000}.scroll-cue span:last-child{display:inline-block;border-bottom:1px solid var(--gold);padding-bottom:7px}.mouse{display:block;width:22px;height:34px;margin:0 auto 12px;border:1.5px solid var(--bone);border-radius:12px;position:relative}.mouse::after{content:"";position:absolute;left:50%;top:7px;width:3px;height:7px;margin-left:-1.5px;border-radius:2px;background:var(--gold);animation:wheel 1.6s ease-in-out infinite}@keyframes wheel{50%{transform:translateY(9px);opacity:.25}}
/* The olive */
.hero-grove{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72;transform:scale(1.06)}.hero-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,11,8,.75),transparent 70%),linear-gradient(0deg,rgba(10,11,8,.52),transparent 45%);pointer-events:none}.hero-branch{position:absolute;z-index:2;width:min(48vw,850px);height:auto;filter:drop-shadow(0 14px 25px rgba(0,0,0,.5))}.hero-branch-left{left:-12%;top:5%;transform:rotate(6deg)}.hero-branch-right{right:-12%;top:4%;transform:scaleX(-1) rotate(-7deg)}.hero-olive{position:absolute;z-index:4;width:min(29vw,510px);max-height:80vh;object-fit:contain;left:55%;top:24%;filter:drop-shadow(0 25px 30px rgba(0,0,0,.55))}.hero-copy{left:9%;top:38%}
/* Harvest */
.harvest-backdrop,.oil-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.harvest-shade,.oil-shade,.finale-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(10,11,8,.84) 0%,rgba(10,11,8,.3) 60%,rgba(10,11,8,.1))}.harvest-copy{left:9%;top:30%}.harvest-second{right:13%;bottom:15%;font:300 clamp(2rem,4vw,4.8rem)/1.1 Fraunces,Georgia,serif;max-width:35vw;text-align:right;color:var(--bone)}
/* Press */
.press-stage{background:radial-gradient(circle at 38% 56%,#4b473b 0%,#2c2b25 42%,var(--ink) 100%)}.press-copy{left:9%;top:29%}.press-cutaway{position:absolute;z-index:3;right:12%;top:16%;width:min(34vw,540px);height:66vh;display:grid;place-items:center}.press-cutaway img{width:100%;height:80%;object-fit:contain;filter:drop-shadow(0 15px 35px rgba(0,0,0,.5))}.press-cutaway figcaption{display:flex;gap:18px;justify-content:center;color:var(--bone);font-size:.69rem;letter-spacing:.18em;text-transform:uppercase}.press-cutaway figcaption span{border-top:1px solid var(--gold);padding-top:7px}.press-cards{position:relative;z-index:8;display:grid;gap:24px;margin-top:20px}.press-card{max-width:34ch;padding:16px 18px;background:var(--bone);color:var(--ink);font:300 1.05rem/1.5 Fraunces,Georgia,serif;box-shadow:0 12px 30px rgba(0,0,0,.4)}.press-card span{display:block;margin-bottom:8px;font:700 .72rem/1 Inter,Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#6e5615}
/* Oil */
.oil-backdrop{filter:saturate(.82)}.oil-shade{background:linear-gradient(180deg,rgba(10,11,8,.35),rgba(10,11,8,.6)),linear-gradient(90deg,rgba(10,11,8,.45),transparent 70%)}.oil-copy{left:9%;top:17%;max-width:670px}.tasting-notes{position:absolute;z-index:5;left:8%;right:8%;bottom:5%;display:flex;justify-content:space-between;gap:16px}.tasting-notes figure{width:28%;display:grid;justify-items:center;align-content:end;gap:4px}.tasting-notes img{width:100%;height:24vh;min-height:130px;object-fit:contain;filter:drop-shadow(0 8px 20px #000)}.tasting-notes figcaption{font:300 clamp(1.2rem,2.3vw,2.3rem) Fraunces,Georgia,serif;text-align:center}
/* Collection */
.collection-stage{display:grid;grid-template-columns:36% 32% 32%;align-items:center;padding:4vh 8vw;background:radial-gradient(circle at 48% 58%,#343322 0%,var(--olive) 40%,var(--ink) 80%)}.collection-heading{position:relative;left:auto;top:auto;max-width:100%;align-self:center}.collection-heading h2{font-size:clamp(3.5rem,5.6vw,6rem)}.product-visuals{height:82vh;position:relative;z-index:4;display:grid;place-items:center}.product-image{position:absolute;width:100%;height:100%;object-fit:contain;opacity:0;filter:drop-shadow(0 18px 22px rgba(0,0,0,.48))}.product-stories{position:relative;min-height:36vh;z-index:10}.product-story{position:absolute;inset:0;display:grid;align-content:center;opacity:0;padding:18px 0}.product-story h3{font-size:clamp(2.5rem,4vw,4.8rem);color:var(--gold);margin-bottom:16px}.product-type{margin-bottom:10px;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--bone)}.product-story p{max-width:25ch;line-height:1.65}
/* Closing */
.finale-scene{height:100svh;min-height:620px;overflow:hidden}.finale-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.finale-shade{background:linear-gradient(90deg,rgba(10,11,8,.58) 0%,rgba(10,11,8,.2) 48%,transparent 72%)}.finale-copy{left:8%;top:27%;max-width:min(39vw,620px)}.finale-copy h2{font-size:clamp(3.5rem,6vw,7rem)}.cta{display:inline-block;margin-top:29px;padding:14px 22px;border:1px solid var(--gold);color:var(--bone);font-size:.76rem;letter-spacing:.15em;text-transform:uppercase;text-decoration:none;background:rgba(10,11,8,.55);text-shadow:none}.cta:hover{background:var(--gold);color:var(--ink)}
/* Desktop story: one pinned stage with the chapters layered in place */
.story-bg,.painting-frame,.hero-branch-line,.twig,.pour,.collection-glow,.travel-olive{display:none}
.fx .story{position:relative;height:100svh;min-height:620px;overflow:hidden}
.fx .story>.scene{position:absolute;inset:0;height:100%;min-height:0;isolation:isolate;pointer-events:none;background:transparent}
.fx .story>.scene:not(.intro-scene){opacity:0}
.fx .story .scene-stage{height:100%;background:transparent}
.fx .scroll-cue{pointer-events:auto}
/* One painted plaster wall behind every chapter; its colour shifts as the story moves on */
.fx .story-bg{display:block;position:absolute;left:0;right:0;top:-10%;bottom:-40%;z-index:0;--bg-a:#2a261d;--bg-b:#0d0c09;--bg-x:50%;--bg-y:40%;background-image:url(../assets/img/vespra/T01-plaster.webp),radial-gradient(ellipse 70% 55% at var(--bg-x) var(--bg-y),var(--bg-a),var(--bg-b));background-size:cover,cover;background-position:center;background-blend-mode:soft-light,normal}
/* Opening: the grove becomes a framed painting hanging on that wall */
.fx .intro-window{z-index:2;transform-origin:50% 35.75%}
/* Frame opening in F02 (landscape): 13.1-86.2% across, 19.3-80.9% down. Sized so the opening is 98.5% of the
   painting: its inner lip overlaps the painting edge by 0.75% all round, so no wall shows in between. */
.fx .painting-frame{display:block;position:absolute;left:-16.9%;top:-30.11%;width:134.75%;height:160%;background:url(../assets/img/vespra/F02-frame-baroque.webp) center/100% 100% no-repeat;filter:drop-shadow(0 50px 70px rgba(0,0,0,.75));pointer-events:none}
.gallery-wall,.gallery-fade{display:none}
/* Panelled gallery wall assembled from Levy's reference picture (W02); centre panel middle sits 40.7% down */
/* The wall hangs inside the same group as the painting. The group zooms out to 0.35 around
   (50%, 35.75%), so the wall is sized and placed to fill the screen exactly at that scale:
   1 / 0.35 = 285.71% wide and tall, starting at 50 - 50/0.35 and 35.75 - 35.75/0.35. */
.fx .gallery-wall{display:block;position:absolute;left:-92.86%;top:-66.39%;width:285.71%;height:285.71%;z-index:0;background:radial-gradient(ellipse 42% 38% at 50% 34%,rgba(232,196,120,.2),transparent 72%),url(../assets/img/vespra/W02-panelled-wall.webp) center/100% 100% no-repeat}
/* Below the gallery the dark wood fades into the cellar: no hard edge */
.fx .gallery-fade{display:block;position:absolute;left:0;right:0;top:100%;height:70%;z-index:3;pointer-events:none;background:linear-gradient(180deg,#261a10 0%,rgba(38,26,16,.85) 25%,rgba(38,26,16,.4) 60%,rgba(38,26,16,0) 100%)}
/* The olive on its branch */
.fx .hero-grove,.fx .hero-branch-right,.fx .hero-olive,.fx .hero-stage::after{display:none}
.fx .hero-branch-left,.fx .hero-branch-line{display:block;position:absolute;z-index:2;left:auto;right:-6%;top:-14%;width:min(50vw,860px);height:auto;transform:scaleX(-1) rotate(-4deg)}
.fx .hero-branch-line{z-index:3}
.fx .twig{display:block;position:absolute;z-index:5;left:0;top:0;width:3px;height:0;border-radius:2px;background:linear-gradient(180deg,#3d3220,#8a7040);transform-origin:50% 0}
.fx .harvest-backdrop,.fx .harvest-shade{display:none}
.fx .harvest-second{right:auto;left:9%;bottom:13%;text-align:left}
/* Press: cutaway on the left, fact cards on the right */
.fx .press-copy{top:9%}
.fx .press-cutaway{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.fx .press-cards{position:absolute;right:10%;top:20%;width:min(30vw,390px);margin:0;display:grid;gap:42px}
.fx .press-card{opacity:0}
.fx .travel-olive{display:block;position:absolute;z-index:6;left:0;top:0;width:min(29vw,510px);aspect-ratio:1327/1186;pointer-events:none;opacity:0}
.travel-olive img,.travel-labels{position:absolute;inset:0;width:100%;height:100%}
.travel-whole,.travel-cut{filter:drop-shadow(0 25px 30px rgba(0,0,0,.55))}
.travel-cut{clip-path:inset(0 100% 0 0)}
.flesh-glow{position:absolute;left:28%;top:18%;width:44%;height:66%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,214,90,.85),rgba(255,190,40,.3) 60%,transparent);mix-blend-mode:screen;opacity:0}
.travel-labels{overflow:visible}
.travel-labels path{fill:none;stroke:var(--gold);stroke-width:4;stroke-dasharray:1;stroke-dashoffset:1}
.travel-labels text{fill:var(--bone);font:500 40px Inter,Arial,sans-serif;letter-spacing:.22em;text-shadow:0 2px 14px rgba(0,0,0,.8);opacity:0}
/* The oil runs down the middle, into the open bottle, and fills it.
   Bottle: 46vh tall from 30vh; in A15 the cap ends 14.6% down, so the mouth sits at 36.7vh. */
.fx .pour{display:block;position:absolute;inset:0;z-index:7;pointer-events:none}
.thread{position:absolute;left:calc(50% - 2px);top:21%;width:4px;height:15.9%;border-radius:2px;background:linear-gradient(90deg,rgba(201,162,39,.55),#f0d278 45%,#c9a227 60%,rgba(168,132,26,.6));box-shadow:0 0 10px rgba(201,162,39,.45);transform-origin:50% 0;transform:scaleY(0)}
.pour-words{position:absolute;top:46%;font:300 clamp(2rem,3.6vw,3.8rem)/1.1 Fraunces,Georgia,serif;opacity:0}
.pour-left{right:calc(50% + 19vh);text-align:right;color:var(--gold)}
.pour-right{left:calc(50% + 19vh);color:var(--bone)}
.fill-bottle{position:absolute;left:calc(50% - 15.33vh);top:30%;height:46vh;aspect-ratio:1024/1536;opacity:0;transform-origin:50% 62%}
.fill-bottle img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
/* Empty: pale, see-through glass with no cap */
.fill-empty{filter:grayscale(.85) brightness(1.35) contrast(.9);opacity:.38;clip-path:inset(14.6% 0 0 0)}
/* The stream inside runs from the mouth (14.6%) down to the oil surface; JS sets its height */
.fill-stream{position:absolute;left:calc(50% - 2px);top:14.6%;width:4px;height:0;border-radius:0 0 2px 2px;background:linear-gradient(90deg,rgba(201,162,39,.5),#f0d278 45%,#c9a227 60%,rgba(168,132,26,.55));opacity:.9}
.fill-full{filter:drop-shadow(0 18px 22px rgba(0,0,0,.5));clip-path:inset(92% 0 0 0)}
.fill-cap{clip-path:inset(0 0 85.4% 0);opacity:0}
/* Collection: a gold glow rises and the bottles swing through on an arc */
.fx .collection-glow{display:block;position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 75% 65% at 50% 100%,rgba(201,162,39,.5),rgba(90,74,20,.3) 45%,transparent 75%);pointer-events:none}

/* Opening: the grove starts in grey and gains its colour as the page loads */
html.is-loading{overflow:hidden}
.intro-backdrop img,.intro-midground{filter:grayscale(var(--grey,0))}
.load-bar{width:min(240px,50vw);height:2px;margin:26px auto 0;background:rgba(237,232,220,.2);opacity:0;transition:opacity .6s ease}
.load-bar span{display:block;height:100%;background:var(--gold);transform-origin:0 50%;transform:scaleX(var(--load,1))}
html.is-loading .load-bar{opacity:1}
.scroll-cue>*{transition:opacity .8s ease,transform .8s ease}
html.is-loading .scroll-cue>*{opacity:0;transform:translateY(10px)}

/* Footer and fallback */
#site-footer{position:relative;z-index:10;padding:88px 8vw 80px;color:var(--bone);background:linear-gradient(180deg,rgba(10,11,8,.35),rgba(10,11,8,.85)),url(../assets/img/vespra/T01-plaster.webp) center/cover,#1b1f15;background-blend-mode:normal,soft-light,normal;border-top:1px solid rgba(201,162,39,.55);box-shadow:0 -30px 60px rgba(0,0,0,.6)}.footer-inner{display:grid;grid-template-columns:1.1fr 1.3fr auto;gap:48px;align-items:end;max-width:1240px;margin:0 auto}.footer-kicker{font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}.footer-logo{display:inline-block;text-decoration:none}.footer-logo img{width:min(340px,70vw);height:auto}.footer-logo:hover img{opacity:.85}.footer-note{max-width:44ch;font:300 1.05rem/1.6 Fraunces,Georgia,serif;color:rgba(237,232,220,.82)}.footer-link{display:inline-block;padding:14px 22px;border:1px solid var(--gold);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;white-space:nowrap}.footer-link:hover{background:var(--gold);color:var(--ink)}.no-fx .product-visuals,.no-fx .product-stories{display:contents}.no-fx .collection-stage{height:auto;min-height:100svh;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.no-fx .collection-heading{grid-column:1/-1;margin-top:40px}.no-fx .product-image,.no-fx .product-story{position:relative;opacity:1;height:auto;inset:auto}.no-fx .product-image{width:100%;max-height:52vh;grid-row:2}.no-fx .product-story{grid-row:3;text-align:center;padding:0 0 40px}.no-fx .product-story p{margin:auto}.no-fx .product-image:nth-child(1),.no-fx .product-story:nth-child(1){grid-column:1}.no-fx .product-image:nth-child(2),.no-fx .product-story:nth-child(2){grid-column:2}.no-fx .product-image:nth-child(3),.no-fx .product-story:nth-child(3){grid-column:3}.no-fx .harvest-second{display:none}
@media(max-width:899px){.chapter-rail{display:none}.concept-link{left:16px;top:12px;font-size:.65rem}.scene-stage{height:auto;min-height:0;overflow:hidden}.scene-copy{position:relative;left:auto;top:auto;right:auto;bottom:auto;max-width:none;width:auto;text-align:left;text-shadow:0 2px 16px #000}.scene-copy h2{font-size:clamp(2.7rem,10vw,5rem)}.scene-copy p:not(.eyebrow){font-size:1rem}.intro-scene{min-height:100svh;height:100svh}.intro-midground{display:none}.intro-copy{position:absolute;left:8%;top:38%;transform:none;width:84%;text-align:center}.wordmark-svg{width:100%;margin:0}.intro-copy .eyebrow{margin-bottom:10px}.intro-copy p.tagline{font-size:1.1rem}.scroll-cue{left:8%;transform:none}.hero-stage,.harvest-stage,.press-stage,.oil-stage{display:flex;flex-direction:column;align-items:stretch;padding:100px 7vw 70px;min-height:0}.hero-grove{opacity:.6}.hero-branch{width:55vw}.hero-branch-left{left:-23%;top:2%}.hero-branch-right{right:-28%;top:1%}.hero-olive{position:relative;left:auto;top:auto;z-index:4;order:1;width:min(73vw,420px);height:44vh;min-height:260px;margin:0 auto 28px}.hero-copy{order:2;margin:0;z-index:10}.harvest-backdrop,.oil-backdrop{object-position:center center}.harvest-stage{min-height:620px;justify-content:flex-end}.harvest-second{display:none}.press-stage{min-height:900px}.press-copy{order:1}.press-cutaway{order:2;position:relative;right:auto;top:auto;width:100%;height:390px;margin:20px auto}.press-cutaway img{height:84%}.press-cards{order:3}.oil-stage{min-height:860px}.oil-copy{order:1}.tasting-notes{position:relative;left:auto;right:auto;bottom:auto;order:2;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:80px}.tasting-notes figure{width:100%}.tasting-notes img{height:150px;min-height:0}.tasting-notes figcaption{font-size:clamp(1rem,3.5vw,1.6rem)}.collection-stage,.no-fx .collection-stage{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:0 12px;padding:85px 7vw 50px}.collection-heading,.no-fx .collection-heading{grid-column:1/-1;margin:0 0 25px}.product-visuals,.product-stories,.no-fx .product-visuals,.no-fx .product-stories{display:contents}.product-image,.no-fx .product-image{position:relative;opacity:1;grid-column:1;width:100%;height:240px;max-height:none;object-fit:contain}.product-story,.no-fx .product-story{position:relative;opacity:1;grid-column:2;display:grid;align-content:center;text-align:left;padding:0;height:240px}.product-image:nth-child(1),.product-story:nth-child(1),.no-fx .product-image:nth-child(1),.no-fx .product-story:nth-child(1){grid-row:2}.product-image:nth-child(2),.product-story:nth-child(2),.no-fx .product-image:nth-child(2),.no-fx .product-story:nth-child(2){grid-row:3}.product-image:nth-child(3),.product-story:nth-child(3),.no-fx .product-image:nth-child(3),.no-fx .product-story:nth-child(3){grid-row:4}.product-story h3{font-size:clamp(1.7rem,5vw,3rem);margin-bottom:7px}.product-story p{font-size:.83rem}.finale-scene{height:auto;min-height:760px;display:flex;align-items:flex-start}.finale-backdrop{object-position:68% center;opacity:.75}.finale-shade{background:linear-gradient(180deg,rgba(10,11,8,.86),rgba(10,11,8,.45) 54%,transparent)}.finale-copy{position:relative;margin:110px 7vw 0;max-width:75vw}.finale-copy h2{font-size:clamp(3rem,9vw,5rem)}#site-footer{padding:64px 7vw 30px}.footer-inner{grid-template-columns:1fr;gap:28px;align-items:start}}
@media(max-width:500px){.intro-copy{top:39%}.hero-stage{padding-top:90px}.tasting-notes{grid-template-columns:1fr;gap:25px;margin-top:45px}.tasting-notes figure{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:16px;text-align:left}.tasting-notes img{height:100px}.tasting-notes figcaption{text-align:left}.oil-stage{min-height:980px}.product-image,.product-story,.no-fx .product-image,.no-fx .product-story{height:190px}.finale-copy{max-width:85vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
@media(max-width:899px){.no-fx .product-image:nth-child(n){grid-column:1}.no-fx .product-story:nth-child(n){grid-column:2}}