:root{--story-header-h:80px;--story-night:var(--deep);--rose-night:var(--deep);--rose-paper:var(--ivory);--rose-ink:var(--ink);--rose-gold:var(--champagne);--rose-muted:var(--on-dark);--temple-ink:var(--ivory);--temple-night:var(--deep);--temple-gold:var(--champagne);--story-overlay:oklch(.15 .06 320 / .55)}
body{background:var(--ivory);color:var(--ink);font-family:var(--body)}
.scroll-progress{position:fixed;z-index:80;top:0;left:0;width:100%;height:2px;pointer-events:none}.scroll-progress span{display:block;width:100%;height:100%;background:var(--champagne);transform:scaleX(0);transform-origin:left}
.jewellery-details{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8%;align-items:center;background:var(--ivory);color:var(--ink)}
.jewellery-details-image{aspect-ratio:1;display:grid;place-items:center;background:var(--beige);overflow:hidden}.jewellery-details-image img{width:100%;height:100%;object-fit:contain;padding:5%}
.jewellery-details-copy h2{font-size:54px;line-height:1.08;color:var(--plum);margin-bottom:25px}.jewellery-details-copy h2 em{color:var(--muted)}.jewellery-details-copy>p:not(.eyebrow){color:var(--muted);margin:18px 0;font-size:13px}.jewellery-details-copy .image-note{font-size:10px}.jewellery-details-copy dl{margin:25px 0}.jewellery-details-copy dl div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--border);padding:15px 0;font-size:10px}.jewellery-details-copy dt{color:var(--muted)}.jewellery-details-copy dd{margin:0;text-align:right}.story-detail-links{gap:25px}.story-detail-links .text-link{white-space:normal}
/* Each reveal stays directly below the same sticky header. */
.rose-page .reveal-story,.temple-reveal,.mayura-page .reveal-story{height:460svh;min-height:2300px;position:relative;background:var(--deep);clip-path:inset(0);isolation:isolate}
.rose-page .reveal-stage,.temple-stage,.mayura-page .reveal-stage{position:sticky;top:var(--story-header-h);height:calc(100svh - var(--story-header-h));min-height:0;overflow:hidden;background:var(--deep);color:var(--ivory)}
.rose-page .reveal-title h1,.temple-page .reveal-title h1{font-size:88px;line-height:1.02;letter-spacing:0;font-family:var(--display);text-transform:none}
.rose-page .reveal-caption h2,.temple-page .reveal-caption h2,.reveal-ending h2{color:var(--ivory);font-family:var(--display);font-size:38px;line-height:1.08}.reveal-title em,.reveal-ending em{color:var(--champagne)}
.rose-page .reveal-title,.temple-page .reveal-title{pointer-events:none}.reveal-title a{pointer-events:auto}.reveal-title .eyebrow,.reveal-caption .eyebrow,.reveal-ending .eyebrow{color:var(--champagne);font-family:var(--body);letter-spacing:0}
.temple-page .reveal-ending{position:absolute;z-index:8;top:35px;left:7%;right:7%;opacity:0;text-align:center;pointer-events:none;color:var(--ivory)}.temple-page .reveal-ending a{pointer-events:auto}.reveal-ending a{font-size:10px;text-transform:uppercase}.temple-page .reveal-ending .eyebrow{display:block;margin-bottom:10px}.temple-page .reveal-ending h2{margin-bottom:15px}
.mayura-page .reveal-canvas{position:absolute;inset:0;width:100%;height:100%}.mayura-page .reveal-title{position:absolute;z-index:3;left:var(--content-gutter);top:26%;color:var(--ivory);max-width:500px}.mayura-page .reveal-title h1{font:400 88px/1.05 var(--display);margin:20px 0}.mayura-page .reveal-title p{margin:20px 0}.mayura-page .hero-collection{font-size:10px;text-transform:uppercase;border-bottom:1px solid var(--champagne);padding-bottom:8px}.mayura-page .reveal-caption{position:absolute;left:var(--content-gutter);bottom:85px;color:var(--ivory);max-width:300px;opacity:0;z-index:3}.mayura-page .reveal-caption p{color:var(--on-dark);font-size:12px;margin-top:15px}.mayura-page .reveal-ending{position:absolute;z-index:3;top:35px;left:7%;right:7%;text-align:center;opacity:0;pointer-events:none;color:var(--ivory)}.mayura-page .reveal-ending a{pointer-events:auto;display:inline-flex;border-bottom:1px solid var(--champagne);padding:10px 0}.mayura-page .story-footer{position:absolute;z-index:3;left:7%;right:7%;bottom:25px;display:flex;justify-content:space-between;color:var(--champagne);font-size:9px}.mayura-page .scroll-label{display:flex;align-items:center;gap:8px}.mayura-page .story-track{position:absolute;right:3%;top:25%;bottom:25%;width:1px;background:var(--muted)}.mayura-page .story-track div{height:100%;background:var(--champagne);transform:scaleY(0);transform-origin:top}
/* Preserve the source image without filling the jewellery area with text. */
.rose-page .jewel-composition{width:min(70vw,68svh,820px);top:53%}.temple-page .necklace-art{width:min(70vw,68svh,780px);top:53%}.rose-page .reveal-ending{top:35px}.rose-page .reveal-caption,.temple-page .reveal-caption{bottom:75px;max-width:260px}.reveal-title a,.reveal-ending a{visibility:visible}
@media(max-width:1000px){.jewellery-details-copy h2{font-size:44px}}
@media(max-width:700px){:root{--story-header-h:66px}.jewellery-details{grid-template-columns:1fr;gap:32px}.jewellery-details-copy h2{font-size:40px}.jewellery-details-copy dl div{font-size:9px;gap:15px}.jewellery-details-image{aspect-ratio:1}.rose-page .reveal-title h1,.temple-page .reveal-title h1,.mayura-page .reveal-title h1{font-size:58px}.rose-page .reveal-stage,.temple-stage,.mayura-page .reveal-stage{min-height:0}.rose-page .jewel-composition,.temple-page .necklace-art{width:min(92vw,60svh);top:51%}.rose-page .reveal-caption,.temple-page .reveal-caption{bottom:72px;width:68%;max-width:250px}.rose-page .reveal-caption h2,.temple-page .reveal-caption h2,.reveal-ending h2{font-size:30px}.rose-page .reveal-ending,.temple-page .reveal-ending,.mayura-page .reveal-ending{top:25px}.mayura-page .reveal-title{left:7%;right:7%;max-width:none}.mayura-page .reveal-caption{left:7%;bottom:75px;max-width:230px}.mayura-page .story-footer{font-size:7px}.story-detail-links{gap:18px}.mayura-page .story-footer>span:first-child{max-width:110px}.rose-page .reveal-title p{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}