.story-page-intro{max-width:1240px;margin:0 auto;padding:70px 28px 42px;text-align:left;animation:story-rise .75s ease both}
.story-page-intro h1{max-width:850px;margin:12px 0 18px;font-size:clamp(40px,6.3vw,78px);line-height:1.02;letter-spacing:-.055em;font-weight:500;color:#fff}
.story-page-intro h1 em{font-family:Georgia,serif;font-weight:400;color:#8a6727}
.story-page-intro>p:last-child{max-width:660px;margin:0;color:#f1ede5;font-size:clamp(17px,2vw,21px);line-height:1.65}
.story-photo-grid{width:min(1240px,calc(100% - 56px));margin:4px auto 92px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.story-photo{position:relative;aspect-ratio:4/3;margin:0;overflow:hidden;border:1px solid rgba(138,103,39,.58);border-radius:3px;background:#e8e0d3;box-shadow:0 12px 32px rgba(15,25,38,.08)}
.story-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .6s ease;filter:saturate(.91)}
.story-photo:first-child img{object-position:center 38%}.story-photo:nth-child(2) img{object-position:center 32%}.story-photo:nth-child(3) img{object-position:center 49%}.story-photo:nth-child(4) img{object-position:center 48%}.story-photo:nth-child(5) img{object-position:center 50%}
.story-photo:hover img{transform:scale(1.045);filter:saturate(1.04)}
.story-photo:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(7,15,26,.76));pointer-events:none}
.story-photo figcaption{position:absolute;z-index:1;left:20px;right:18px;bottom:17px;display:grid;gap:5px;color:white;text-shadow:0 1px 7px #0005}
.story-photo figcaption span{font-size:10px;letter-spacing:.16em;font-weight:650}.story-photo figcaption strong{font-size:19px;font-weight:550;letter-spacing:.005em}
.story-narrative{max-width:810px;margin:0 auto 86px;padding:0 26px;color:#29364a}.story-narrative .eyebrow,.story-collection .eyebrow,.oud-origin .eyebrow{color:#947336;letter-spacing:.18em;font-size:11px;font-weight:650}.story-narrative h2,.story-collection h2{margin:12px 0 24px;color:#0a1931;font-size:clamp(34px,4.4vw,56px);line-height:1.08;letter-spacing:-.04em;font-weight:500}.story-narrative>p:not(.eyebrow){font-size:18px;line-height:1.8;margin:0 0 20px}
.oud-origin{position:relative;isolation:isolate;min-height:470px;width:min(1240px,calc(100% - 56px));margin:0 auto 82px;overflow:hidden;border:1px solid rgba(138,103,39,.65);border-radius:4px;background:#102015}
.oud-origin-image{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 47%;animation:origin-drift 22s ease-in-out infinite alternate}.oud-origin-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(6,19,18,.84) 0%,rgba(6,19,18,.61) 48%,rgba(6,19,18,.08) 100%)}
.oud-origin-copy{max-width:620px;padding:62px 7%;color:#fff}.oud-origin-copy .eyebrow{color:#e2c77e}.oud-origin-copy h2{margin:13px 0 18px;font-size:clamp(42px,6vw,72px);line-height:.99;letter-spacing:-.05em;font-weight:500}.oud-origin-copy>p:last-child{font-size:17px;line-height:1.75;color:#f1ede5;max-width:540px}.oud-origin-seal{position:absolute;right:clamp(24px,6vw,80px);bottom:34px;width:96px;height:96px;display:grid;place-content:center;text-align:center;border:1px solid rgba(255,255,255,.62);border-radius:50%;color:#fff;font-size:11px;letter-spacing:.15em;line-height:1.8;animation:seal-float 5s ease-in-out infinite}
.story-collection{width:min(1240px,calc(100% - 56px));margin:0 auto 70px;padding:42px clamp(24px,5vw,64px);display:flex;align-items:end;justify-content:space-between;gap:42px;border-top:1px solid #dcd2c0;border-bottom:1px solid #dcd2c0;background:#fbf8f1}.story-collection>div{max-width:760px}.story-collection h2{margin-bottom:17px}.story-collection>div>p:not(.eyebrow){font-size:17px;line-height:1.7;color:#575348}.story-collection .story-discovery-note{padding-left:16px;border-left:2px solid #b89a55;font-size:15px!important}
.story-product-marquee{overflow:hidden;padding:13px 0;margin:0 0 70px;border-top:1px solid #ded6ca;border-bottom:1px solid #ded6ca;background:#f8f4ec}.story-marquee-track{display:flex;width:max-content;animation:story-marquee 38s linear infinite}.story-product-marquee:hover .story-marquee-track{animation-play-state:paused}.story-marquee-group{display:flex;flex:none}.story-marquee-product{display:flex;align-items:center;gap:12px;width:260px;padding:8px 24px;border-right:1px solid #d8cdbb;color:#17243a;text-decoration:none}.story-marquee-product img{width:52px;height:52px;flex:none;object-fit:cover;border:1px solid #d2c5ac;border-radius:3px;background:#fff}.story-marquee-product span{font-size:14px;letter-spacing:.035em}.story-marquee-product i{margin-left:auto;color:#8a6727;font-style:normal}
.story-page.motion-ready .story-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.story-page.motion-ready .story-reveal.is-visible{opacity:1;transform:none}
@keyframes story-rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes story-marquee{to{transform:translateX(-50%)}}@keyframes origin-drift{to{transform:scale(1.035) translateX(-.4%)}}@keyframes seal-float{50%{transform:translateY(-8px)}}
@media(max-width:850px){.story-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.story-photo{aspect-ratio:4/3}.story-collection{align-items:start;flex-direction:column;gap:15px}.oud-origin{min-height:430px}.oud-origin-shade{background:linear-gradient(90deg,rgba(6,19,18,.83),rgba(6,19,18,.45))}}
@media(max-width:560px){.story-page-intro{padding:48px 20px 30px}.story-photo-grid{width:calc(100% - 32px);grid-template-columns:1fr;gap:13px;margin-bottom:58px}.story-photo{aspect-ratio:4/3}.story-photo figcaption{left:15px;bottom:13px}.story-photo figcaption strong{font-size:17px}.story-narrative{margin-bottom:55px;padding:0 21px}.story-narrative>p:not(.eyebrow){font-size:16px;line-height:1.72}.oud-origin{width:calc(100% - 32px);min-height:470px;margin-bottom:54px}.oud-origin-image{object-position:42% center}.oud-origin-shade{background:linear-gradient(90deg,rgba(6,19,18,.82),rgba(6,19,18,.43))}.oud-origin-copy{padding:44px 23px;max-width:95%}.oud-origin-copy>p:last-child{font-size:15px}.oud-origin-seal{width:73px;height:73px;right:18px;bottom:18px;font-size:9px}.story-collection{width:calc(100% - 32px);margin-bottom:48px;padding:29px 22px}.story-marquee-product{width:222px;padding:6px 16px}.story-marquee-product img{width:46px;height:46px}}
@media(prefers-reduced-motion:reduce){.story-page-intro,.oud-origin-image,.oud-origin-seal,.story-marquee-track{animation:none!important}.story-page.motion-ready .story-reveal{opacity:1;transform:none;transition:none}.story-photo img{transition:none}}

/* Full-bleed OUDIQ story cover and balanced final gallery row */
.story-page-intro{position:relative;isolation:isolate;max-width:none;width:100%;min-height:clamp(440px,40vw,620px);margin:0;padding:80px max(28px,calc((100% - 1240px)/2)) 86px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;text-align:left;background:#0a1931}
.story-hero-slides,.story-hero-shade{position:absolute;inset:0;z-index:-2}
.story-hero-slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity 1.1s ease;overflow:hidden}
.story-hero-slide.is-active{opacity:1}
.story-hero-slide img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 44%;transform:scale(1.02);transition:transform 7s ease}
.story-hero-slide.is-active img{transform:scale(1.075)}
.story-hero-slide:nth-child(1) img{object-position:center 28%}.story-hero-slide:nth-child(2) img{object-position:center 48%}.story-hero-slide:nth-child(3) img{object-position:center 48%}.story-hero-slide:nth-child(4) img{object-position:center 24%}.story-hero-slide:nth-child(5) img{object-position:center 41%}
.story-hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(6,15,28,.82) 0%,rgba(6,15,28,.61) 42%,rgba(6,15,28,.18) 100%),linear-gradient(0deg,rgba(6,15,28,.25),transparent 56%)}
.story-hero-copy{position:relative;z-index:1;max-width:790px}.story-page-intro .story-hero-copy .eyebrow{color:#e5c879}.story-page-intro .story-hero-copy h1{max-width:780px}.story-page-intro .story-hero-copy h1 em{color:#e3c57a}.story-page-intro .story-hero-copy>p:last-child{margin:0;color:#f4f0e8}
.story-hero-dots{position:absolute;z-index:2;bottom:28px;right:max(28px,calc((100% - 1240px)/2));display:flex;gap:8px}.story-hero-dots button{width:25px;height:4px;padding:0;border:0;border-radius:5px;background:rgba(255,255,255,.55);transition:width .25s ease,background .25s ease}.story-hero-dots button[aria-pressed="true"]{width:43px;background:#e3c57a}.story-hero-dots button:focus-visible{outline:2px solid #fff;outline-offset:5px}
.story-photo-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.story-photo{grid-column:span 2}.story-photo:nth-child(4){grid-column:2/span 2}.story-photo:nth-child(5){grid-column:4/span 2}
@media(max-width:850px){.story-page-intro{min-height:480px;padding:68px 28px 72px}.story-hero-dots{right:28px}.story-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-photo{grid-column:auto}.story-photo:nth-child(4),.story-photo:nth-child(5){grid-column:auto}.story-photo:nth-child(5){grid-column:1/-1;width:calc(50% - 7px);justify-self:center}}
@media(max-width:560px){.story-page-intro{min-height:475px;padding:58px 21px 70px}.story-page-intro .story-hero-copy h1{font-size:clamp(39px,11vw,56px)}.story-page-intro .story-hero-copy>p:last-child{font-size:16px}.story-hero-slide img{object-position:center 40%}.story-hero-shade{background:linear-gradient(90deg,rgba(6,15,28,.79),rgba(6,15,28,.36)),linear-gradient(0deg,rgba(6,15,28,.35),transparent 55%)}.story-hero-dots{right:21px;bottom:22px}.story-hero-dots button{width:19px}.story-hero-dots button[aria-pressed="true"]{width:34px}.story-photo-grid{grid-template-columns:1fr}.story-photo,.story-photo:nth-child(5){grid-column:auto;width:100%}}
@media(prefers-reduced-motion:reduce){.story-hero-slide,.story-hero-slide img,.story-hero-dots button{transition:none}}

/* Art-directed story cover: Assam landscapes with the OUDIQ bottle collection */
.story-hero-copy{z-index:3;max-width:min(58%,760px)}
.story-hero-shade{background:linear-gradient(90deg,rgba(6,15,28,.86) 0%,rgba(6,15,28,.68) 43%,rgba(6,15,28,.24) 100%),linear-gradient(0deg,rgba(6,15,28,.38),transparent 62%)}
.story-hero-bottles{position:absolute;z-index:2;right:max(22px,calc((100% - 1240px)/2));bottom:28px;width:min(47%,540px);height:77%;display:flex;align-items:flex-end;justify-content:center;isolation:isolate;pointer-events:none}
.story-hero-orbit{position:absolute;z-index:-1;width:76%;height:88%;bottom:0;left:12%;border:1px solid rgba(225,194,121,.52);border-radius:50%;transform:rotate(16deg);box-shadow:0 0 0 24px rgba(225,194,121,.04),0 0 80px rgba(225,194,121,.12)}
.story-hero-bottles .story-bottle{position:relative;width:25%;height:92%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 20px 18px rgba(0,0,0,.48));animation:story-bottle-float 5s ease-in-out infinite}
.story-hero-bottles .story-bottle-opal{z-index:2;transform:translateY(3%);animation-delay:-1.2s}.story-hero-bottles .story-bottle-silver{z-index:1;width:22%;height:77%;margin-left:-3%;animation-delay:-2.5s}.story-hero-bottles .story-bottle-fresh{z-index:3;width:24%;height:84%;margin-left:-3%;animation-delay:-.4s}.story-hero-bottles .story-bottle-woody{z-index:2;width:22%;height:74%;margin-left:-2%;animation-delay:-3.2s}
.story-bottle-caption{position:absolute;z-index:4;bottom:1px;left:50%;transform:translateX(-50%);color:#f3dfad;font-size:9px;letter-spacing:.2em;white-space:nowrap;text-shadow:0 2px 8px #000}
@keyframes story-bottle-float{0%,100%{translate:0 0}50%{translate:0 -8px}}
@media(max-width:850px){.story-hero-copy{max-width:64%}.story-hero-bottles{right:20px;width:44%;height:65%;bottom:26px}.story-hero-bottles .story-bottle{width:27%;height:84%}.story-hero-bottles .story-bottle-silver,.story-hero-bottles .story-bottle-woody{height:67%}}
@media(max-width:560px){.story-hero-copy{max-width:100%;padding-right:0}.story-page-intro{padding-bottom:170px}.story-hero-bottles{right:10px;width:62%;height:145px;bottom:20px}.story-hero-bottles .story-bottle{height:95%;width:26%}.story-hero-bottles .story-bottle-silver,.story-hero-bottles .story-bottle-woody{height:75%}.story-bottle-caption{font-size:7px;bottom:-1px}.story-hero-orbit{height:95%;width:85%;left:7%}}
@media(prefers-reduced-motion:reduce){.story-hero-bottles .story-bottle{animation:none}}

/* Our Story cover: keep the existing plantation image, remove product bottles. */
.story-page-intro .story-hero-bottles{display:none!important}
.story-page-intro .story-hero-slide:nth-child(n+2){display:none!important}
.story-page-intro .story-hero-slide:first-child{display:block!important;opacity:1!important;visibility:visible!important}
.story-page-intro .story-hero-slide:first-child img{opacity:1!important;visibility:visible!important}
.story-page-intro .story-hero-dots{display:none!important}
