:root {
  --ink: #120d0d;
  --ink-soft: #1d1717;
  --paper: #eee1ca;
  --paper-soft: #d8c6a9;
  --copper: #b56842;
  --copper-bright: #da8b58;
  --gold: #c9a46b;
  --line: rgba(224, 191, 143, .35);
  --serif: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;
  --sans: Inter, "Avenir Next", Avenir, "Helvetica Neue", Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body { margin: 0; color: var(--paper); background: var(--ink); font-family: var(--sans); overflow-x: hidden; }
body.age-locked { overflow: hidden; }
img, video { display: block; width: 100%; }
a { color: inherit; text-decoration: none; }
button { color: inherit; font: inherit; }
::selection { background: var(--copper); color: #fff; }

body::before {
  content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 50; opacity: .055;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E");
}

.eyebrow { margin: 0 0 1.25rem; color: var(--copper-bright); font-size: .68rem; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 54px; padding: 0 1.7rem; border: 1px solid var(--copper); font-size: .74rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; transition: background .3s, color .3s, transform .3s; }
.button:hover { transform: translateY(-2px); }
.button--copper { background: var(--copper); color: #fff8ec; }
.button--copper:hover { background: var(--copper-bright); }
.inline-link { display: inline-flex; gap: .85rem; align-items: center; padding-bottom: .5rem; border-bottom: 1px solid var(--copper); font-size: .75rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.inline-link span { color: var(--copper-bright); transition: transform .25s; }
.inline-link:hover span { transform: translate(3px, -3px); }

.age-gate { position: fixed; z-index: 1000; inset: 0; display: grid; place-items: center; padding: 2rem; background: #120d0d url("assets/wood-label.webp") center/cover; transition: opacity .7s, visibility .7s; }
.age-gate::before { content: ""; position: absolute; inset: 0; background: rgba(13, 8, 9, .84); backdrop-filter: blur(10px); }
.age-gate__grain { position: absolute; inset: 0; opacity: .15; background: radial-gradient(circle at 50% 30%, rgba(188, 113, 66, .35), transparent 36%); }
.age-gate__panel { position: relative; width: min(560px, 100%); padding: 3.5rem; text-align: center; border: 1px solid rgba(201,164,107,.55); background: rgba(18, 13, 13, .7); box-shadow: 0 30px 100px #000; }
.age-gate__panel::before, .age-gate__panel::after { content: "✦"; position: absolute; left: 50%; color: var(--gold); background: var(--ink); padding: 0 .8rem; transform: translateX(-50%); }
.age-gate__panel::before { top: -.65rem; } .age-gate__panel::after { bottom: -.65rem; }
.wordmark, .hero__mark, .footer-mark { font-family: var(--serif); color: var(--paper); line-height: .72; }
.wordmark span, .hero__mark span, .footer-mark span { display: block; font-size: clamp(3.7rem, 8vw, 6rem); }
.wordmark small, .hero__mark small, .footer-mark small { display: block; margin-top: .55rem; color: var(--copper-bright); font-size: 1.6rem; font-weight: 500; }
.age-gate h2 { margin: 2.5rem 0 1rem; font: 400 1.45rem/1.2 var(--serif); }
.age-gate p:not(.eyebrow):not(.fineprint) { max-width: 390px; margin: 0 auto; color: rgba(238,225,202,.7); font-size: .83rem; line-height: 1.65; }
.age-gate__actions { display: flex; flex-direction: column; gap: 1rem; align-items: center; margin-top: 2rem; }
.text-button { border: 0; background: transparent; color: rgba(238,225,202,.55); cursor: pointer; font-size: .7rem; text-transform: uppercase; letter-spacing: .12em; }
.fineprint { margin: 1.5rem 0 0; color: rgba(238,225,202,.35); font-size: .6rem; letter-spacing: .1em; text-transform: uppercase; }
.age-gate.is-hidden { opacity: 0; visibility: hidden; }

.site-header { position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 88px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 3.5vw; border-bottom: 1px solid transparent; transition: height .35s, background .35s, border-color .35s; }
.site-header.is-scrolled, .site-header--solid { height: 70px; background: rgba(18,13,13,.88); backdrop-filter: blur(16px); border-color: rgba(201,164,107,.18); }
.mini-mark { font-family: var(--serif); font-size: 1.65rem; line-height: .8; width: max-content; }
.mini-mark small { display: block; color: var(--copper-bright); font-size: .62rem; letter-spacing: .18em; margin: .35rem 0 0 .9rem; }
.site-header nav { display: flex; gap: 2.5rem; }
.site-header nav a, .nav-cta { position: relative; font-size: .65rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.site-header nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -.5rem; height: 1px; background: var(--copper-bright); transition: right .3s; }
.site-header nav a:hover::after { right: 0; }
.nav-cta { justify-self: end; display: flex; gap: .8rem; align-items: center; }
.nav-cta span { color: var(--copper-bright); font-size: 1rem; }
.menu-toggle { display: none; }

.sound-toggle { position: fixed; z-index: 90; left: 2.2rem; bottom: 2rem; display: flex; align-items: center; gap: .75rem; min-height: 40px; padding: 0 .9rem; border: 1px solid rgba(218,139,88,.48); border-radius: 999px; background: rgba(18,13,13,.72); color: var(--paper); backdrop-filter: blur(12px); cursor: pointer; transition: border-color .25s, background .25s, transform .25s; }
.sound-toggle:hover { border-color: var(--copper-bright); background: rgba(18,13,13,.9); transform: translateY(-2px); }
.sound-toggle__icon { display: flex; height: 13px; gap: 2px; align-items: end; }
.sound-toggle__icon i { width: 2px; height: 4px; background: var(--copper-bright); transform-origin: bottom; }
.sound-toggle__icon i:nth-child(2) { height: 9px; }.sound-toggle__icon i:nth-child(3) { height: 6px; }
.sound-toggle.is-playing .sound-toggle__icon i { animation: soundBar .8s ease-in-out infinite alternate; }
.sound-toggle.is-playing .sound-toggle__icon i:nth-child(2) { animation-delay: -.35s; }.sound-toggle.is-playing .sound-toggle__icon i:nth-child(3) { animation-delay: -.6s; }
.sound-toggle__label { font-size: .58rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
@keyframes soundBar { to { transform: scaleY(1.9); } }

.hero { position: relative; min-height: 100svh; display: grid; place-items: center; overflow: hidden; }
.hero__film, .hero__wash { position: absolute; inset: 0; height: 100%; object-fit: cover; }
.hero__film { filter: saturate(.78) contrast(1.08); transform: scale(1.03); }
.hero__wash { background: radial-gradient(circle at 50% 44%, rgba(25,13,9,.1) 0, rgba(16,10,10,.36) 52%, rgba(10,7,8,.84) 100%), linear-gradient(180deg, rgba(8,6,6,.28), rgba(8,6,6,.64)); }
.ornament { position: absolute; inset: 4.8rem 2.6vw 2.6vw; border: 1px solid rgba(212,165,108,.33); pointer-events: none; }
.ornament::before, .ornament::after, .ornament span::before, .ornament span::after { content: ""; position: absolute; width: 44px; height: 44px; border-color: rgba(212,165,108,.62); }
.ornament::before { left: -1px; top: -1px; border-left: 2px solid; border-top: 2px solid; }
.ornament::after { right: -1px; top: -1px; border-right: 2px solid; border-top: 2px solid; }
.ornament span::before { left: -1px; bottom: -1px; border-left: 2px solid; border-bottom: 2px solid; }
.ornament span::after { right: -1px; bottom: -1px; border-right: 2px solid; border-bottom: 2px solid; }
.hero__content { position: relative; width: min(900px, 86vw); padding-top: 3rem; text-align: center; }
.hero__mark { display: none; }
.hero h1 { margin: 0; color: var(--paper); font: 400 clamp(5rem, 11vw, 10.5rem)/.74 var(--serif); letter-spacing: -.055em; text-transform: uppercase; text-shadow: 0 12px 50px rgba(0,0,0,.5); }
.hero h1 em, .story-copy h2 em, .section-heading h2 em, .ritual h2 em, .closing h2 em, .collection-hero h1 em, .flavour-index h2 em, .sensory-banner h2 em, .founder-preview h2 em, .founder-hero h1 em, .odyssey h2 em, .founder-origin h2 em, .founder-closing h2 em { color: var(--copper-bright); font-weight: 400; text-transform: none; }
.hero__dek { max-width: 510px; margin: 2.4rem auto 0; color: rgba(248,235,211,.78); font: 400 1.05rem/1.7 var(--serif); }
.scroll-cue { display: inline-flex; flex-direction: column; align-items: center; gap: 1rem; margin-top: 2.5rem; color: rgba(238,225,202,.75); font-size: .62rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.scroll-cue i { position: relative; width: 1px; height: 42px; overflow: hidden; background: rgba(238,225,202,.25); }
.scroll-cue i::after { content: ""; position: absolute; inset: -100% 0 100%; background: var(--copper-bright); animation: scrollLine 2.2s infinite ease-in-out; }
.hero__edition { position: absolute; right: 4vw; bottom: 4.5vw; color: rgba(238,225,202,.55); font-size: .58rem; font-weight: 700; line-height: 1.65; letter-spacing: .14em; text-align: right; text-transform: uppercase; }
@keyframes scrollLine { to { transform: translateY(200%); } }

.ticker { overflow: hidden; padding: .9rem 0; color: #1b100e; background: var(--copper); border-block: 1px solid #d89a73; }
.ticker__track { display: flex; width: max-content; align-items: center; animation: ticker 8s linear infinite; will-change: transform; }
.ticker__group { display: flex; flex: none; align-items: center; gap: 1.4rem; padding-right: 1.4rem; }
.ticker span { font: italic 400 1.5rem var(--serif); }
.ticker b { color: #f1d8b6; font-size: .55rem; }
@keyframes ticker { to { transform: translateX(-16.6666667%); } }

.scroll-story { position: relative; min-height: 400vh; background: var(--ink); transition: background .8s; }
.story-stage { position: sticky; z-index: 2; top: 0; height: 100vh; display: grid; place-items: center; overflow: hidden; pointer-events: none; perspective: 1300px; }
.story-stage::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 50% 50%, rgba(199,127,77,.07), transparent 42%), linear-gradient(90deg, rgba(0,0,0,.22), transparent 30%, transparent 70%, rgba(0,0,0,.22)); }
.story-watermark { position: relative; z-index: 2; color: var(--paper); font-family: var(--serif); line-height: .68; text-align: center; opacity: .055; user-select: none; }
.story-watermark span { display: block; font-size: clamp(8rem, 20vw, 19rem); letter-spacing: -.075em; }
.story-watermark small { display: block; margin-top: 1.8rem; color: var(--copper-bright); font-size: clamp(2.2rem, 5vw, 5rem); font-weight: 500; letter-spacing: .16em; }
.stage-counter { position: absolute; right: 3vw; top: 50%; display: flex; flex-direction: column; gap: .8rem; align-items: center; font: .65rem var(--sans); letter-spacing: .15em; }
.stage-counter span:first-child { color: var(--copper-bright); }
.stage-counter i { width: 1px; height: 70px; background: var(--line); }
.story-panels { position: relative; z-index: 3; margin-top: -100vh; }
.story-panel { position: relative; min-height: 100vh; display: flex; align-items: center; padding: 12vh 7vw; }
.story-panel--right { justify-content: flex-end; }
.story-copy { width: min(31vw, 450px); }
.story-copy h2 { margin: 0 0 2rem; font: 400 clamp(2.8rem, 4vw, 5rem)/.95 var(--serif); letter-spacing: -.04em; }
.story-copy > p:not(.eyebrow) { color: rgba(238,225,202,.68); font: 400 1.05rem/1.8 var(--serif); }
.story-copy .inline-link { margin-top: 1.5rem; }
.botanical { position: absolute; pointer-events: none; opacity: .3; filter: blur(.1px); }
.botanical--jamun { left: 3vw; bottom: 6vh; width: 180px; height: 150px; }
.botanical--jamun span { position: absolute; width: 68px; aspect-ratio: 1; border-radius: 52% 48% 55% 45%; background: radial-gradient(circle at 35% 25%, #695179, #241329 58%, #080609); box-shadow: inset -10px -15px 20px rgba(0,0,0,.5); }
.botanical--jamun span:nth-child(2) { left: 56px; top: 35px; transform: scale(.85); }.botanical--jamun span:nth-child(3) { left: 105px; top: 3px; transform: scale(.68); }
.botanical--leaf { right: 2vw; top: 8vh; width: 260px; height: 140px; border-radius: 100% 0 100% 0; transform: rotate(-18deg); background: linear-gradient(145deg, #81954e, #26391e); opacity: .2; }
.story-seal { position: absolute; left: 7vw; bottom: 8vh; width: 120px; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid rgba(201,164,107,.25); border-radius: 50%; color: rgba(201,164,107,.55); text-align: center; transform: rotate(-12deg); }
.story-seal span { font-size: .5rem; letter-spacing: .18em; text-transform: uppercase; }.story-seal b { font: 400 2rem var(--serif); }

.film-chapter { position: relative; height: min(82vw, 900px); min-height: 620px; display: grid; place-items: center; overflow: hidden; }
.film-chapter video, .film-chapter__shade { position: absolute; inset: 0; height: 100%; object-fit: cover; }
.film-chapter__shade { background: linear-gradient(180deg, rgba(10,8,8,.26), rgba(10,8,8,.65)), radial-gradient(circle, transparent, rgba(0,0,0,.45)); }
.film-chapter__copy { position: relative; width: min(900px, 84vw); text-align: center; }
.film-chapter blockquote { margin: 0; font: italic 400 clamp(3rem, 7vw, 7rem)/.95 var(--serif); letter-spacing: -.045em; text-shadow: 0 8px 35px #000; }

.collection { padding: 10rem 0 8rem; background: #e5d8c1; color: #1d1210; overflow: hidden; }
.section-heading { position: relative; display: grid; grid-template-columns: 1fr auto; align-items: end; width: min(1380px, 90vw); margin: 0 auto 4rem; }
.section-heading .eyebrow { grid-column: 1 / -1; }.section-heading h2 { margin: 0; font: 400 clamp(4.2rem, 8vw, 8.5rem)/.77 var(--serif); letter-spacing: -.055em; }.section-heading .inline-link { margin-bottom: .5rem; }
.flavour-strip { display: flex; gap: 1rem; width: 100%; padding: 0 5vw 2rem; overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: x proximity; scrollbar-width: none; }
.flavour-strip::-webkit-scrollbar { display: none; }
.flavour-card { position: relative; flex: 0 0 min(28vw, 400px); min-width: 315px; height: 560px; display: flex; flex-direction: column; justify-content: flex-end; padding: 2.3rem; overflow: hidden; border: 1px solid rgba(74,44,31,.25); background: #d4c7b0; color: #f4ead9; scroll-snap-align: start; transition: transform .5s cubic-bezier(.2,.8,.2,1), box-shadow .5s; }
.flavour-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 40%, rgba(10,5,8,.72)); }
.flavour-card:hover { transform: translateY(-12px); box-shadow: 0 25px 45px rgba(44,25,18,.2); }
.flavour-card__index, .flavour-card p, .flavour-card h3, .flavour-card small { position: relative; z-index: 2; }
.flavour-card__index { position: absolute; top: 2rem; right: 2rem; font-size: .65rem; letter-spacing: .15em; }
.flavour-card p { margin: 0 0 .5rem; font-size: .65rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }.flavour-card h3 { margin: 0; font: 400 3.7rem/.85 var(--serif); }.flavour-card small { margin-top: .8rem; color: rgba(255,255,255,.7); font-size: 1rem; }
.flavour-card--jamun { background: #2b1735; }.flavour-card--aamras { background: #d8931d; }.flavour-card--kokum { background: #99152b; }.flavour-card--phalsa { background: #c91345; }.flavour-card--ber { background: #345b43; }.flavour-card--kheera { background: #336a52; }
.fruit { position: absolute; z-index: 1; top: 11%; left: 50%; width: 57%; aspect-ratio: 1; transform: translateX(-50%) rotate(-10deg); border-radius: 50%; filter: drop-shadow(0 28px 25px rgba(0,0,0,.28)); transition: transform .6s cubic-bezier(.2,.8,.2,1); }
.flavour-card:hover .fruit { transform: translateX(-50%) translateY(-8px) rotate(2deg) scale(1.05); }
.fruit::after { content: ""; position: absolute; width: 26%; height: 55%; top: -27%; right: 10%; border-radius: 100% 0; background: #566f32; transform: rotate(24deg); transform-origin: bottom; }
.fruit--jamun { border-radius: 55% 45% 48% 52%; background: radial-gradient(circle at 30% 20%, #807091 0, #3c214a 35%, #140d1b 74%); }
.fruit--aamras { border-radius: 57% 43% 52% 48%; background: radial-gradient(circle at 35% 24%, #ffd35d, #ed9c1f 48%, #a95514); }
.fruit--kokum { background: radial-gradient(circle at 35% 25%, #f44156, #a50d2c 55%, #4c0818); }
.fruit--phalsa { width: 49%; background: radial-gradient(circle at 30% 22%, #ed4a74, #b00b40 55%, #5d0928); box-shadow: 67px 45px 0 -15px #741039, -49px 58px 0 -20px #d12456; }
.fruit--ber { border-radius: 54% 46% 58% 42%; background: radial-gradient(circle at 33% 20%, #b1c167, #678346 45%, #2e5135); }
.fruit--kheera { border-radius: 42% 58% 40% 60%; background: radial-gradient(circle at 43% 36%, #d4df8a 0 15%, #789d54 17% 40%, #345f3c 70%); transform: translateX(-50%) rotate(-17deg) scaleX(.62); }

.ritual { min-height: 900px; display: grid; grid-template-columns: 1.05fr .95fr; background: #191315; }
.ritual__media { position: relative; min-height: 820px; overflow: hidden; }
.ritual__media video { width: 100%; height: 100%; object-fit: cover; filter: saturate(.8); }
.ritual__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent 62%, #191315), linear-gradient(0deg, rgba(10,7,8,.4), transparent); }
.ritual__stamp { position: absolute; right: 3rem; bottom: 4rem; width: 150px; aspect-ratio: 1; display: grid; place-content: center; border: 1px solid rgba(217,137,88,.65); border-radius: 50%; color: var(--paper); font: 400 1.1rem/1.1 var(--serif); text-align: center; transform: rotate(-11deg); }.ritual__stamp em { color: var(--copper-bright); font-size: 1.5rem; }
.ritual__copy { align-self: center; padding: 7vw; }
.ritual h2 { margin: 0 0 2rem; font: 400 clamp(3.6rem, 6vw, 7rem)/.85 var(--serif); letter-spacing: -.05em; }.ritual__copy > p:not(.eyebrow) { max-width: 530px; color: rgba(238,225,202,.68); font: 400 1.05rem/1.75 var(--serif); }
.ritual-list { list-style: none; margin: 3rem 0 0; padding: 0; border-top: 1px solid var(--line); }.ritual-list li { display: grid; grid-template-columns: 45px 1fr; gap: 1.2rem; padding: 1.25rem 0; border-bottom: 1px solid var(--line); }.ritual-list li > span { color: var(--copper-bright); font-size: .65rem; }.ritual-list b { font: 400 1.3rem var(--serif); }.ritual-list p { margin: .3rem 0 0; color: rgba(238,225,202,.55); font-size: .75rem; }

.founder-preview { position: relative; min-height: 760px; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr); gap: 5vw; align-items: center; padding: 9rem 7vw; overflow: hidden; background: radial-gradient(circle at 18% 50%, rgba(181,104,66,.2), transparent 32%), linear-gradient(135deg, #130c0d, #241414 48%, #100a0b); border-top: 1px solid rgba(201,164,107,.16); }
.founder-preview::after { content: ""; position: absolute; inset: 9%; border: 1px solid rgba(201,164,107,.14); pointer-events: none; }
.founder-preview__mark { position: absolute; left: -2vw; top: 50%; color: rgba(238,225,202,.035); font: 400 clamp(24rem, 42vw, 44rem)/.72 var(--serif); transform: translateY(-50%); pointer-events: none; }
.founder-preview__copy { position: relative; z-index: 2; max-width: 760px; }
.founder-preview h2 { margin: 0 0 2rem; font: 400 clamp(4rem, 7vw, 8rem)/.8 var(--serif); letter-spacing: -.055em; }
.founder-preview__copy > p:not(.eyebrow) { max-width: 560px; color: rgba(238,225,202,.72); font: 1.08rem/1.78 var(--serif); }
.founder-preview__stats { position: relative; z-index: 2; display: grid; gap: 1rem; }
.founder-preview__stats div { min-height: 150px; padding: 2rem; border: 1px solid rgba(201,164,107,.25); background: rgba(238,225,202,.055); backdrop-filter: blur(16px); }
.founder-preview__stats b { display: block; margin-bottom: .75rem; color: var(--copper-bright); font: 400 clamp(3.2rem, 5vw, 5.5rem)/.8 var(--serif); }
.founder-preview__stats span { color: rgba(238,225,202,.64); font-size: .66rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }

.closing { position: relative; min-height: 850px; display: grid; place-items: center; overflow: hidden; }
.closing img, .closing__shade { position: absolute; inset: 0; height: 100%; object-fit: cover; }.closing img { transform: scale(1.08); }.closing__shade { background: rgba(16,9,8,.58); backdrop-filter: blur(2px); }
.closing__content { position: relative; text-align: center; }.closing h2 { margin: 0 0 3rem; font: 400 clamp(4.7rem, 9vw, 9rem)/.8 var(--serif); letter-spacing: -.055em; }

footer { min-height: 330px; display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: end; gap: 2rem; padding: 5rem 4vw 3rem; background: #0c0809; border-top: 1px solid rgba(201,164,107,.2); }
.footer-mark span { font-size: 4.5rem; }.footer-mark small { font-size: 1.2rem; }.footer-mark { align-self: center; }
footer > p { color: rgba(238,225,202,.4); font-size: .62rem; letter-spacing: .12em; text-align: center; text-transform: uppercase; }
footer > div:last-child { display: flex; flex-direction: column; align-items: flex-end; gap: .8rem; color: rgba(238,225,202,.55); font-size: .65rem; letter-spacing: .08em; text-transform: uppercase; }

.reveal { opacity: 0; transform: translateY(35px); transition: opacity .9s ease, transform .9s cubic-bezier(.2,.7,.2,1); }
.reveal.is-visible { opacity: 1; transform: translateY(0); }

/* Flavours page */
.collection-hero { position: relative; min-height: 92vh; display: flex; align-items: flex-end; overflow: hidden; }
.collection-hero > img, .collection-hero__shade { position: absolute; inset: 0; height: 100%; object-fit: cover; }.collection-hero > img { transform: scale(1.03); }.collection-hero__shade { background: linear-gradient(90deg, rgba(13,8,8,.8), rgba(13,8,8,.22) 62%, rgba(13,8,8,.35)), linear-gradient(0deg, rgba(13,8,8,.84), transparent 60%); }
.collection-hero__content { position: relative; width: min(760px, 86vw); margin: 0 0 8vh 7vw; }.collection-hero h1 { margin: 0; font: 400 clamp(5rem, 9vw, 9rem)/.78 var(--serif); letter-spacing: -.055em; }.collection-hero__content > p:not(.eyebrow) { max-width: 500px; color: rgba(238,225,202,.75); font: 1.05rem/1.7 var(--serif); }
.flavour-index { position: relative; padding: 0 4vw 7rem; overflow: hidden; background: radial-gradient(circle at 15% 8%, rgba(181,104,66,.16), transparent 25%), #100b0c; color: var(--paper); }
.flavour-index::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .2; background: linear-gradient(90deg, transparent 49.95%, rgba(201,164,107,.14) 50%, transparent 50.05%); }
.flavour-index__intro { position: relative; z-index: 2; min-height: 66vh; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(380px, .9fr); gap: 7vw; align-items: center; width: min(1500px, 100%); margin: auto; padding: 9rem 3vw 10rem; }
.flavour-index h2 { margin: 0 0 2rem; font: 400 clamp(5rem, 8vw, 9rem)/.76 var(--serif); letter-spacing: -.065em; }
.flavour-index__intro > div:first-child > p:not(.eyebrow) { max-width: 520px; color: rgba(238,225,202,.62); font: 1.05rem/1.78 var(--serif); }
.flavour-index__nav { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid rgba(201,164,107,.25); }
.flavour-index__nav a { display: grid; grid-template-columns: 2rem 1fr; gap: 1rem; align-items: center; min-height: 76px; padding: 0 1.25rem; border-bottom: 1px solid rgba(201,164,107,.2); transition: color .35s ease, background .35s ease, padding .35s ease; }
.flavour-index__nav a:nth-child(odd) { border-right: 1px solid rgba(201,164,107,.2); }
.flavour-index__nav a:hover { padding-left: 1.65rem; color: var(--copper-bright); background: rgba(238,225,202,.045); }
.flavour-index__nav a.is-active { color: var(--copper-bright); background: linear-gradient(90deg, rgba(181,104,66,.16), transparent); }
.flavour-index__nav b { color: rgba(218,139,88,.62); font-size: .57rem; letter-spacing: .12em; }
.flavour-index__nav span { font: 400 1.35rem var(--serif); }
.flavour-index__key { position: absolute; left: 3vw; bottom: 4rem; display: flex; gap: 1rem; align-items: center; color: rgba(238,225,202,.4); font-size: .58rem; font-weight: 700; letter-spacing: .17em; text-transform: uppercase; }
.flavour-index__key i { width: 60px; height: 1px; background: var(--copper); animation: flavour-line 2.4s ease-in-out infinite; transform-origin: left; }
.flavour-list { position: relative; z-index: 2; display: grid; gap: clamp(2rem, 4vw, 4.5rem); width: min(1600px, 100%); margin: auto; }
.flavour-detail { --accent: #b98ac8; --panel: #1d1026; --glow: rgba(143,83,168,.26); position: relative; display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(330px, .55fr); min-height: min(850px, 88vh); overflow: hidden; scroll-margin-top: 84px; color: #f6ead7; background: var(--panel); border: 1px solid rgba(238,225,202,.11); box-shadow: 0 35px 90px rgba(0,0,0,.35), 0 0 90px var(--glow); }
.flavour-detail:nth-child(even) { grid-template-columns: minmax(330px, .55fr) minmax(0, 1.45fr); }
.flavour-detail:nth-child(even) .flavour-detail__visual { order: 2; clip-path: inset(0 0 0 100%); }
.flavour-detail:nth-child(even) .flavour-detail__copy { order: 1; }
.flavour-detail::after { content: ""; position: absolute; z-index: 4; inset: 14px; border: 1px solid rgba(238,225,202,.12); pointer-events: none; }
.flavour-detail--jamun { --accent:#bd8bd0; --panel:#1d1026; --glow:rgba(126,67,148,.25); }
.flavour-detail--aamras { --accent:#efb547; --panel:#2c1a08; --glow:rgba(220,143,27,.22); }
.flavour-detail--kokum { --accent:#dd6c78; --panel:#2b0d14; --glow:rgba(166,25,51,.24); }
.flavour-detail--phalsa { --accent:#e27a9c; --panel:#2d0d19; --glow:rgba(177,24,70,.22); }
.flavour-detail--ber { --accent:#9dbb67; --panel:#14241a; --glow:rgba(83,122,64,.22); }
.flavour-detail--kheera { --accent:#8ebd93; --panel:#10231c; --glow:rgba(61,130,91,.22); }
.flavour-detail__visual { position: relative; min-height: 620px; overflow: hidden; clip-path: inset(0 100% 0 0); transition: clip-path 1.15s cubic-bezier(.19,1,.22,1); }
.flavour-detail.is-visible .flavour-detail__visual { clip-path: inset(0); }
.flavour-detail__visual > img { position: absolute; inset: -5%; width: 110%; height: 110%; max-width: none; object-fit: cover; object-position: center; filter: saturate(.88) contrast(1.035) brightness(.9); transform: translate3d(0, var(--image-y, 0px), 0) scale(1.075); transition: transform 1.4s cubic-bezier(.19,1,.22,1), filter .8s ease; will-change: transform; }
.flavour-detail.is-visible .flavour-detail__visual > img { transform: translate3d(0, var(--image-y, 0px), 0) scale(1.025); }
.flavour-detail:hover .flavour-detail__visual > img { filter: saturate(1.02) contrast(1.04) brightness(.94); transform: translate3d(0, var(--image-y, 0px), 0) scale(1.05); }
.flavour-detail__visual::after { content: ""; position: absolute; z-index: 2; top: -25%; left: -35%; width: 22%; height: 150%; background: linear-gradient(90deg, transparent, rgba(255,255,255,.17), transparent); filter: blur(8px); transform: rotate(14deg); animation: flavour-glint 9s 1.5s ease-in-out infinite; pointer-events: none; }
.flavour-detail__veil { position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg, rgba(8,5,6,.26), transparent 28%, transparent 70%, rgba(8,5,6,.36)), linear-gradient(0deg, rgba(8,5,6,.62), transparent 32%, rgba(8,5,6,.12)); pointer-events: none; }
.flavour-detail__visual .number { position: absolute; z-index: 3; left: 2.2rem; top: 1.6rem; color: rgba(255,255,255,.82); font: 400 clamp(4rem, 7vw, 7.5rem)/1 var(--serif); letter-spacing: -.06em; mix-blend-mode: soft-light; }
.flavour-detail__visual small { position: absolute; z-index: 3; right: 2.2rem; bottom: 2rem; color: rgba(255,255,255,.8); font: 400 1.45rem var(--serif); text-shadow: 0 4px 20px rgba(0,0,0,.5); }
.flavour-detail__edition { position: absolute; z-index: 3; right: 2.2rem; top: 2.1rem; color: rgba(255,255,255,.58); font-size: .55rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; writing-mode: vertical-rl; }
.flavour-detail__copy { position: relative; z-index: 3; align-self: stretch; display: flex; flex-direction: column; justify-content: center; padding: clamp(3rem, 5vw, 6.5rem) clamp(2.2rem, 4vw, 5rem); background: radial-gradient(circle at 50% 25%, var(--glow), transparent 48%), var(--panel); }
.flavour-detail__copy::before { content: ""; position: absolute; left: 0; top: 14%; width: 1px; height: 72%; background: linear-gradient(transparent, var(--accent), transparent); opacity: .75; }
.flavour-detail:nth-child(even) .flavour-detail__copy::before { left: auto; right: 0; }
.flavour-detail__copy > * { opacity: 0; transform: translateY(24px); transition: opacity .8s ease, transform .8s cubic-bezier(.19,1,.22,1); }
.flavour-detail.is-visible .flavour-detail__copy > * { opacity: 1; transform: translateY(0); }
.flavour-detail.is-visible .flavour-detail__copy > :nth-child(2) { transition-delay: .08s; }
.flavour-detail.is-visible .flavour-detail__copy > :nth-child(3) { transition-delay: .16s; }
.flavour-detail.is-visible .flavour-detail__copy > :nth-child(4) { transition-delay: .24s; }
.flavour-detail.is-visible .flavour-detail__copy > :nth-child(5) { transition-delay: .32s; }
.flavour-detail__copy .eyebrow { color: var(--accent); }
.flavour-detail h3 { margin: 0 0 1.8rem; font: 400 clamp(4.4rem, 6.5vw, 7.2rem)/.76 var(--serif); letter-spacing: -.06em; }
.flavour-detail__copy > p:not(.eyebrow) { color: rgba(255,255,255,.68); font: 1.02rem/1.72 var(--serif); }
.notes { display: flex; flex-wrap: wrap; gap: .55rem; margin: 1.8rem 0 2.5rem; }
.notes span { padding: .58rem .88rem; border: 1px solid color-mix(in srgb, var(--accent) 48%, transparent); border-radius: 3rem; color: rgba(255,255,255,.78); background: rgba(255,255,255,.025); font-size: .56rem; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
.serve { padding-top: 1.4rem; border-top: 1px solid rgba(255,255,255,.15); }
.serve b { color: var(--accent); font-size: .56rem; letter-spacing: .16em; text-transform: uppercase; }
.serve p { margin: .7rem 0 0; color: rgba(255,255,255,.64); font-size: .76rem; line-height: 1.65; }
@keyframes flavour-glint { 0%, 18% { left: -35%; opacity: 0; } 27% { opacity: .7; } 48%, 100% { left: 120%; opacity: 0; } }
@keyframes flavour-line { 0%, 100% { transform: scaleX(.35); opacity: .45; } 50% { transform: scaleX(1); opacity: 1; } }
.sensory-banner { position: relative; min-height: 800px; display: grid; place-items: center; text-align: center; overflow: hidden; }.sensory-banner > img { position: absolute; inset: 0; height: 100%; object-fit: cover; filter: brightness(.52) saturate(.75); }.sensory-banner__copy { position: relative; }.sensory-banner h2 { margin: 0 0 3rem; font: 400 clamp(5rem, 9vw, 9rem)/.8 var(--serif); letter-spacing: -.055em; }
.flavour-film { position: relative; min-height: 72vh; overflow: hidden; background: #090607; isolation: isolate; }
.flavour-film video, .flavour-film__shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.flavour-film video { object-fit: cover; object-position: center 42%; filter: brightness(.34) saturate(.58) contrast(1.08); transform: scale(1.015); }
.flavour-film__shade { z-index: 1; background: radial-gradient(circle at 50% 46%, transparent 0 18%, rgba(10,6,7,.2) 58%, rgba(10,6,7,.7) 100%), linear-gradient(180deg, rgba(12,8,9,.72), transparent 26%, transparent 68%, rgba(12,8,9,.78)); }
.flavour-film__mark { position: absolute; z-index: 2; inset: 0; display: grid; place-content: center; color: rgba(238,225,202,.18); font-family: var(--serif); line-height: .72; text-align: center; text-shadow: 0 12px 50px rgba(0,0,0,.4); pointer-events: none; }
.flavour-film__mark span { display: block; font-size: clamp(7rem, 17vw, 18rem); letter-spacing: -.075em; }
.flavour-film__mark small { display: block; margin-top: 1.1rem; color: rgba(218,139,88,.2); font-size: clamp(2rem, 4.8vw, 5rem); letter-spacing: .16em; }

/* Founder page */
.founder-hero { position: relative; min-height: 94vh; display: flex; align-items: flex-end; overflow: hidden; }
.founder-hero > img, .founder-hero__shade { position: absolute; inset: 0; height: 100%; object-fit: cover; }
.founder-hero > img { transform: scale(1.04); filter: saturate(.9) contrast(1.04); }
.founder-hero__shade { background: radial-gradient(circle at 70% 40%, rgba(181,104,66,.18), transparent 34%), linear-gradient(90deg, rgba(13,8,8,.88), rgba(13,8,8,.32) 58%, rgba(13,8,8,.7)), linear-gradient(0deg, rgba(13,8,8,.9), transparent 60%); }
.founder-hero__content { position: relative; z-index: 2; width: min(940px, 88vw); margin: 0 0 9vh 7vw; }
.founder-hero h1 { margin: 0; font: 400 clamp(5rem, 10vw, 10rem)/.76 var(--serif); letter-spacing: -.058em; }
.founder-hero__content > p:not(.eyebrow) { max-width: 570px; color: rgba(238,225,202,.76); font: 1.12rem/1.72 var(--serif); }
.founder-hero__seal { position: absolute; z-index: 2; right: 7vw; bottom: 8vh; width: 150px; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid rgba(218,139,88,.55); border-radius: 50%; color: rgba(238,225,202,.82); text-align: center; transform: rotate(10deg); backdrop-filter: blur(8px); }
.founder-hero__seal span { font-size: .55rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }.founder-hero__seal b { color: var(--copper-bright); font: 400 2.4rem var(--serif); }

.founder-manifesto { display: grid; grid-template-columns: 1fr 1fr; gap: 7vw; align-items: center; padding: 10rem 7vw; background: #130d0e; }
.founder-manifesto__quote blockquote { margin: 0; color: var(--paper); font: italic 400 clamp(3.8rem, 6vw, 7rem)/.92 var(--serif); letter-spacing: -.052em; }
.founder-manifesto__copy { max-width: 620px; }
.founder-manifesto__copy p { color: rgba(238,225,202,.7); font: 1.05rem/1.85 var(--serif); }
.founder-manifesto__copy p + p { margin-top: 1.5rem; }

.odyssey { position: relative; padding: 10rem 6vw; overflow: hidden; background: #e5d8c1; color: #211512; }
.odyssey::before { content: "30"; position: absolute; right: -2vw; top: -2rem; color: rgba(181,104,66,.08); font: 400 clamp(18rem, 38vw, 36rem)/.8 var(--serif); letter-spacing: -.08em; }
.odyssey__intro { position: relative; z-index: 2; width: min(780px, 92vw); margin-bottom: 5rem; }
.odyssey h2 { margin: 0 0 2rem; font: 400 clamp(4.2rem, 8vw, 8rem)/.78 var(--serif); letter-spacing: -.055em; }
.odyssey__intro > p:not(.eyebrow) { max-width: 560px; color: rgba(33,21,18,.66); font: 1.05rem/1.75 var(--serif); }
.odyssey__cards { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
.odyssey-card { min-height: 370px; display: flex; flex-direction: column; justify-content: flex-end; padding: 2rem; border: 1px solid rgba(74,44,31,.22); background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0)), #241414; color: var(--paper); box-shadow: 0 24px 60px rgba(44,25,18,.18); }
.odyssey-card span { color: var(--copper-bright); font-size: .64rem; font-weight: 700; letter-spacing: .18em; }
.odyssey-card h3 { margin: auto 0 1rem; font: 400 3.8rem/.86 var(--serif); letter-spacing: -.045em; }
.odyssey-card p { margin: 0; color: rgba(238,225,202,.67); font: .92rem/1.65 var(--serif); }

.founder-origin { min-height: 900px; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 4vw; padding: 8rem 7vw; overflow: hidden; background: radial-gradient(circle at 30% 48%, rgba(181,104,66,.18), transparent 30%), #181114; }
.founder-origin__visual { position: relative; min-height: 560px; display: grid; place-items: center; }
.origin-orbit { position: absolute; width: min(38vw, 560px); aspect-ratio: 1; border: 1px solid rgba(201,164,107,.18); border-radius: 50%; box-shadow: inset 0 0 80px rgba(218,139,88,.06); }
.origin-orbit::before, .origin-orbit::after { content: ""; position: absolute; inset: 12%; border: 1px dashed rgba(201,164,107,.18); border-radius: inherit; }.origin-orbit::after { inset: 25%; }
.origin-wordmark { position: relative; z-index: 2; font-family: var(--serif); line-height: .72; text-align: center; opacity: .86; }
.origin-wordmark span { display: block; font-size: clamp(5rem, 12vw, 11rem); letter-spacing: -.075em; }
.origin-wordmark small { display: block; margin-top: 1rem; color: var(--copper-bright); font-size: clamp(2rem, 4vw, 4rem); letter-spacing: .15em; }
.origin-fruit { position: absolute; z-index: 3; width: 88px; aspect-ratio: 1; border-radius: 50%; filter: drop-shadow(0 18px 22px rgba(0,0,0,.38)); }
.origin-fruit--jamun { left: 17%; top: 18%; background: radial-gradient(circle at 30% 20%, #807091 0, #3c214a 35%, #140d1b 74%); }
.origin-fruit--kokum { right: 14%; top: 28%; background: radial-gradient(circle at 35% 25%, #f44156, #a50d2c 55%, #4c0818); transform: scale(.82); }
.origin-fruit--aamras { left: 28%; bottom: 16%; background: radial-gradient(circle at 35% 24%, #ffd35d, #ed9c1f 48%, #a95514); transform: scale(1.18) rotate(-11deg); }
.founder-origin__copy { max-width: 650px; }
.founder-origin h2 { margin: 0 0 2rem; font: 400 clamp(4rem, 7vw, 7.5rem)/.8 var(--serif); letter-spacing: -.055em; }
.founder-origin__copy > p:not(.eyebrow) { color: rgba(238,225,202,.7); font: 1.05rem/1.78 var(--serif); }

.founder-closing { position: relative; min-height: 850px; display: grid; place-items: center; overflow: hidden; text-align: center; }
.founder-closing img, .founder-closing__shade { position: absolute; inset: 0; height: 100%; object-fit: cover; }.founder-closing img { transform: scale(1.08); filter: saturate(.84); }
.founder-closing__shade { background: radial-gradient(circle, rgba(22,13,12,.46), rgba(12,8,9,.88)); backdrop-filter: blur(1px); }
.founder-closing__content { position: relative; z-index: 2; width: min(860px, 88vw); }
.founder-closing h2 { margin: 0 0 2rem; font: 400 clamp(4.8rem, 9vw, 9rem)/.8 var(--serif); letter-spacing: -.055em; }
.founder-closing__content > p:not(.eyebrow) { max-width: 610px; margin: 0 auto 2.5rem; color: rgba(238,225,202,.72); font: 1.05rem/1.75 var(--serif); }

@media (max-width: 900px) {
  .site-header { height: 70px; grid-template-columns: 1fr auto; padding: 0 1.25rem; background: rgba(18,13,13,.6); backdrop-filter: blur(10px); }
  .sound-toggle { left: 1rem; bottom: 1rem; }
  .site-header nav, .nav-cta { display: none; }.site-header.is-menu-open nav { position: absolute; top: 70px; left: 0; width: 100%; display: flex; flex-direction: column; gap: 0; padding: 1rem 1.25rem 2rem; background: rgba(18,13,13,.96); }.site-header.is-menu-open nav a { padding: 1rem 0; border-bottom: 1px solid var(--line); }
  .menu-toggle { display: grid; gap: 5px; border: 0; background: none; padding: 1rem 0 1rem 1rem; }.menu-toggle span { display: block; width: 24px; height: 1px; background: var(--paper); }
  .ornament { inset: 4.7rem .8rem .8rem; }.hero__edition { display: none; }.hero h1 { font-size: clamp(4rem, 19vw, 6.6rem); }.hero__dek { padding: 0 1rem; }
  .story-panel { align-items: flex-start; min-height: 105vh; padding: 11vh 1.5rem; }.story-panel--right { justify-content: flex-end; align-items: flex-start; padding-bottom: 10vh; }.story-copy { width: min(88vw, 390px); padding: 1rem; background: linear-gradient(90deg, rgba(18,13,13,.78), rgba(18,13,13,.35) 72%, transparent); backdrop-filter: blur(2px); }.story-copy h2 { margin-bottom: 1rem; font-size: clamp(2.25rem, 9.2vw, 3.4rem); }.story-copy > p:not(.eyebrow) { margin-bottom: 0; font-size: .9rem; line-height: 1.55; }.story-copy .inline-link { margin-top: .8rem; font-size: .62rem; }.story-stage::before { background: radial-gradient(circle at 50% 55%, rgba(199,127,77,.08), transparent 38%), linear-gradient(0deg, rgba(0,0,0,.24), transparent 55%, rgba(0,0,0,.3)); }.story-watermark span { font-size: clamp(7rem, 34vw, 10rem); }.story-watermark small { margin-top: 1.2rem; font-size: 2.1rem; }.stage-counter { display: none; }
  .film-chapter { min-height: 640px; }.film-chapter blockquote { font-size: clamp(3rem, 12vw, 5rem); }
  .collection { padding-top: 7rem; }.section-heading { display: block; }.section-heading h2 { font-size: clamp(4.4rem, 17vw, 7rem); margin-bottom: 2rem; }.flavour-card { min-width: 78vw; height: 500px; }
  .ritual { grid-template-columns: 1fr; }.ritual__media { min-height: 70vh; }.ritual__media::after { background: linear-gradient(0deg, #191315, transparent 42%); }.ritual__copy { padding: 5rem 1.5rem 7rem; }.ritual h2 { font-size: clamp(3.5rem, 15vw, 6rem); }
  .founder-preview { grid-template-columns: 1fr; min-height: auto; padding: 6.5rem 1.5rem; }.founder-preview::after { inset: 1rem; }.founder-preview__mark { left: -20vw; font-size: 25rem; }.founder-preview h2 { font-size: clamp(4rem, 17vw, 6.8rem); }.founder-preview__stats div { min-height: 125px; padding: 1.5rem; }
  .closing { min-height: 700px; }.closing h2 { font-size: clamp(4.3rem, 18vw, 7rem); }
  footer { grid-template-columns: 1fr; text-align: left; }.footer-mark { margin-bottom: 3rem; }footer > p { text-align: left; }footer > div:last-child { align-items: flex-start; }
  .flavour-index { padding: 0 1rem 5rem; }.flavour-index::before { display: none; }.flavour-index__intro { min-height: auto; grid-template-columns: 1fr; gap: 3.5rem; padding: 6.5rem 0 7.5rem; }.flavour-index h2 { font-size: clamp(4.5rem, 19vw, 7rem); }.flavour-index__nav a { min-height: 66px; padding: 0 .8rem; }.flavour-index__nav a:hover { padding-left: 1rem; }.flavour-index__nav span { font-size: 1.08rem; }.flavour-index__key { left: 0; bottom: 3.2rem; }.flavour-list { gap: 1.5rem; }.flavour-detail, .flavour-detail:nth-child(even) { grid-template-columns: 1fr; min-height: auto; }.flavour-detail:nth-child(even) .flavour-detail__visual, .flavour-detail__visual { order: 1; min-height: max(520px, 68vh); clip-path: inset(0 100% 0 0); }.flavour-detail.is-visible .flavour-detail__visual, .flavour-detail:nth-child(even).is-visible .flavour-detail__visual { clip-path: inset(0); }.flavour-detail:nth-child(even) .flavour-detail__copy, .flavour-detail__copy { order: 2; padding: 4.5rem 1.6rem 5rem; }.flavour-detail__copy::before, .flavour-detail:nth-child(even) .flavour-detail__copy::before { left: 12%; right: auto; top: 0; width: 76%; height: 1px; background: linear-gradient(90deg, transparent, var(--accent), transparent); }.flavour-detail::after { inset: 8px; }.flavour-detail__visual .number { left: 1.4rem; top: 1.2rem; font-size: 4.5rem; }.flavour-detail__visual small { right: 1.4rem; bottom: 1.5rem; }.flavour-detail__edition { right: 1.4rem; top: 1.5rem; }.flavour-detail h3 { font-size: clamp(4.5rem, 20vw, 6.5rem); }.collection-hero__content { margin-left: 1.5rem; }.collection-hero h1 { font-size: clamp(4.4rem, 18vw, 7rem); }.sensory-banner h2 { font-size: clamp(4.4rem, 18vw, 7rem); }.flavour-film { min-height: 62vh; }.flavour-film video { object-position: 58% center; }.flavour-film__mark span { font-size: clamp(6.5rem, 27vw, 10rem); }.flavour-film__mark small { font-size: clamp(2rem, 9vw, 3.5rem); }
  .founder-hero__content { margin-left: 1.5rem; }.founder-hero h1 { font-size: clamp(4.1rem, 17vw, 7rem); }.founder-hero__seal { right: 1.5rem; bottom: 2rem; width: 112px; }
  .founder-manifesto, .founder-origin { grid-template-columns: 1fr; padding: 6.5rem 1.5rem; }.founder-manifesto__quote blockquote { font-size: clamp(3.1rem, 13vw, 5rem); }.odyssey { padding: 6.5rem 1.5rem; }.odyssey h2, .founder-origin h2, .founder-closing h2 { font-size: clamp(4rem, 17vw, 7rem); }.odyssey__cards { grid-template-columns: 1fr; }.odyssey-card { min-height: 280px; }.founder-origin__visual { min-height: 420px; order: 2; }.origin-orbit { width: min(76vw, 420px); }.origin-fruit { width: 66px; }.founder-closing { min-height: 760px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } .reveal { opacity: 1; transform: none; } .flavour-detail__visual { clip-path: inset(0) !important; }.flavour-detail__copy > * { opacity: 1; transform: none; }.flavour-detail__visual > img { transform: scale(1.025) !important; }
}
