/* The garden continues in native vertical scroll. Product photography remains unaltered. */
.nocturne-experience{min-height:740px}.garden-journey{--story-ink:#304b3a;--story-accent:#626b48;color:var(--story-ink);background:#f6f1e5;position:relative}.garden-journey[data-tone=violet]{--story-accent:#75627e}.garden-journey[data-tone=gold]{--story-accent:#91682a}.story-theatre{position:relative;isolation:isolate}.story-stage{height:100svh;position:sticky;top:0;margin-bottom:-100svh;overflow:hidden;pointer-events:none;z-index:-1;background:#f5efe1}.story-stage:before{content:'';position:absolute;inset:-8%;background:url('assets/enchanted-garden.png') center/cover;transform:scale(1.1) translateY(calc(var(--garden-drift,0px)*-1));opacity:.6}.story-landscape{position:absolute;inset:0;background:url('assets/cape-reverie.png') center/cover;opacity:var(--coast-opacity,0);transition:opacity .2s}.story-garden-edge{position:absolute;inset:-5%;background:url('assets/enchanted-garden.png') center/cover;z-index:3;transform:translateY(var(--garden-drift,0px));opacity:.85}.edge-left{clip-path:inset(0 80% 0 0)}.edge-right{clip-path:inset(0 0 0 80%)}.story-light{position:absolute;inset:0;background:radial-gradient(ellipse at var(--light-x,50%) 42%,#fffdf7e0 0, #fffdf777 30%,transparent 65%)}.story-jewel{position:absolute;left:50%;top:50%;width:min(44vw,670px);aspect-ratio:1;transform:translate(calc(-50% + var(--jewel-x,24vw)),calc(-50% + var(--jewel-y,0px))) scale(var(--jewel-scale,1));mix-blend-mode:multiply;will-change:transform}.story-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 28px 15px #4e3b2714)}.story-photo.alternate{opacity:0}.story-photo-note{position:absolute;bottom:26px;right:36px;font:10px Manrope,sans-serif;letter-spacing:.12em;color:#65715c}.story-utility{height:70px;position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 4%;margin-bottom:-70px;background:#fbf8efed;backdrop-filter:blur(10px);border-bottom:1px solid #c6ceb550}.story-utility button{font-size:13px;color:#4d654e;padding:12px 0;white-space:nowrap}.story-utility>span{font:500 19px 'Cormorant Garamond',serif;text-align:center}.story-progress{position:absolute;bottom:-1px;height:2px;left:0;right:0}.story-progress i{display:block;height:100%;background:#83936d;transform-origin:left;transform:scaleX(0)}.story-chapter{min-height:100svh;position:relative;display:flex;align-items:center;padding:110px 9% 80px;box-sizing:border-box;pointer-events:none}.story-caption{width:40%;max-width:485px;opacity:var(--copy-opacity,1);transform:translateY(var(--copy-y,0px));pointer-events:auto}.story-caption>.eyebrow{font-size:12px;letter-spacing:.12em;color:var(--story-accent);margin:0 0 22px}.story-caption h2{font:400 clamp(48px,5.5vw,86px)/.97 'Cormorant Garamond',serif;letter-spacing:-.035em;margin:0 0 30px}.story-caption h2 em{font-weight:400;color:var(--story-accent)}.story-prose{font-size:16px;line-height:1.85;max-width:365px;color:#59664f}.story-fact{font:italic 24px 'Cormorant Garamond',serif;margin-top:33px;padding-top:18px;border-top:1px solid #8d98774d;color:var(--story-accent);width:fit-content}.chapter-1{justify-content:flex-end}.story-specs{margin:24px 0 18px;max-width:420px}.story-specs>div{display:flex;gap:20px;justify-content:space-between;padding:10px 0;border-bottom:1px solid #99a18455;font-size:14px;line-height:1.5}.story-specs dt{color:#728064}.story-specs dd{margin:0;text-align:right;max-width:60%}.story-detail-actions{display:flex;gap:22px;flex-wrap:wrap;margin-top:20px}.story-detail-actions button{color:#496142;border-bottom:1px solid #80956f88;padding:9px 0;font-size:14px}.story-static-photo{display:none}.story-ending{min-height:90svh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5%;padding:100px 10%;box-sizing:border-box;background:#f7f3e8 url('assets/enchanted-garden.png') center/cover;position:relative;isolation:isolate}.story-ending:before{content:'';position:absolute;inset:0;z-index:-1;background:#fbf8edb8}.ending-picture{mix-blend-mode:multiply}.ending-picture img{width:100%;height:auto;max-height:560px;object-fit:contain;mix-blend-mode:multiply}.ending-copy>.eyebrow{font-size:12px;color:var(--story-accent)}.ending-copy h2{font:400 clamp(48px,4.7vw,76px)/1 'Cormorant Garamond',serif;letter-spacing:-.03em;margin:24px 0}.ending-copy h2 em{color:var(--story-accent)}[data-garden-key="story-ending-name"]{font:24px/1.3 'Cormorant Garamond',serif;max-width:380px}.story-choices{display:flex;flex-direction:column;align-items:stretch;max-width:350px;gap:16px;margin-top:32px}.story-choices .action{font-size:15px;min-height:56px;justify-content:space-between}.story-secondary{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #9fa88d;padding:16px 0;color:#46623e;font-size:15px}.story-demo{font-size:12px;color:#7a836e;margin-top:25px}.story-utility button:focus-visible,.story-detail-actions button:focus-visible,.story-secondary:focus-visible{outline:2px solid #6b7f50;outline-offset:5px}
@media(max-width:1000px){.story-chapter{padding-left:7%;padding-right:7%}.story-caption{width:43%}.story-caption h2{font-size:60px}.story-ending{padding:80px 7%;gap:4%}}
@media(max-width:760px){.story-stage{height:100svh;margin-bottom:-100svh}.story-utility{height:57px;margin-bottom:-57px;padding:0 20px;gap:16px}.story-utility>span{display:none}.story-utility button{font-size:12px}.story-chapter{padding:95px 27px 40px;align-items:flex-start;min-height:100svh}.story-caption{width:100%;max-width:100%;text-align:center}.story-caption h2{font-size:clamp(43px,11vw,60px);margin-bottom:17px}.story-caption>.eyebrow{margin-bottom:17px;font-size:11px}.story-prose{font-size:15px;line-height:1.7;max-width:345px;margin:0 auto}.story-fact{font-size:22px;margin:18px auto 0;padding-top:12px}.story-jewel{top:72%;width:min(74vw,390px);max-height:42svh}.story-photo-note{font-size:9px;bottom:18px;left:0;right:0;text-align:center}.story-stage:before{opacity:.5}.edge-left{clip-path:inset(0 91% 0 0)}.edge-right{clip-path:inset(0 0 0 91%)}.chapter-2 .story-caption h2{font-size:43px;margin-bottom:12px}.chapter-2 .story-prose{display:none}.story-specs{margin:16px auto;max-width:340px}.story-specs>div{font-size:13px;padding:7px 0}.story-detail-actions{justify-content:center;gap:20px;margin-top:12px}.story-detail-actions button{font-size:12px}.story-ending{grid-template-columns:1fr;text-align:center;padding:50px 27px 65px;gap:0;min-height:100svh}.ending-picture img{max-height:300px}.ending-copy h2{font-size:51px;margin:20px 0}.ending-copy>.eyebrow{font-size:11px}[data-garden-key="story-ending-name"]{font-size:24px;margin:0 auto}.story-choices{margin:28px auto 0;max-width:360px}.story-demo{font-size:12px}}
@media(max-height:700px) and (max-width:760px){.story-chapter{min-height:850px}.story-stage{display:none}.story-caption{opacity:1!important;transform:none!important}.story-static-photo{display:block;width:65%;height:290px;object-fit:contain;mix-blend-mode:multiply;margin:20px auto}.story-theatre{background:#f8f4e9 url('assets/enchanted-garden.png') center/cover}.story-utility{background:#fbf8ef}.story-prose{font-size:14px}.story-chapter{padding-top:85px}}
@media(prefers-reduced-motion:reduce){.story-stage{display:none}.story-chapter{min-height:0;padding-top:100px;padding-bottom:60px}.story-caption{opacity:1!important;transform:none!important;width:100%;max-width:800px;margin:auto;text-align:center}.story-prose{margin:auto}.story-fact{margin:25px auto}.story-specs{margin:25px auto}.story-detail-actions{justify-content:center}.story-static-photo{display:block;max-width:100%;width:450px;height:360px;object-fit:contain;mix-blend-mode:multiply;margin:30px auto 0}.story-theatre{background:#f8f4e9}.story-utility{position:relative}.chapter-2 .story-prose{display:block}}

/* A quiet jewellery showcase, laid out in normal flow with space for the full products. */
.garden-loop{position:relative;isolation:isolate;display:grid;grid-template-areas:"heading" "stage" "caption";grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:0;height:auto;min-height:0;max-height:none;padding:48px 4% 64px;background:#fff;overflow:hidden;border:0}.garden-loop:before,.garden-loop:after{display:none}.garden-loop>h2{grid-area:heading;padding:0 0 10px;margin:0;text-align:center;font-size:27px;line-height:1.3;letter-spacing:0;color:#536149}.garden-loop>h2:after{display:none}.garden-loop .loop-stage{grid-area:stage;position:relative;inset:auto;width:100%;height:clamp(380px,38vw,490px);overflow:visible;isolation:isolate;cursor:grab}.garden-loop .orbit-slot{top:43%;width:clamp(220px,26vw,340px);min-width:0;max-width:none;mix-blend-mode:multiply;transition:transform 1s cubic-bezier(.2,.7,.2,1),opacity .5s;will-change:auto}.garden-loop .orbit-item,.garden-loop .orbit-item:hover,.garden-loop .orbit-slot.active .orbit-item{display:block;position:relative;width:100%;height:100%;padding:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;isolation:isolate}.garden-loop .orbit-item:after{display:none}.garden-loop .orbit-item img{position:absolute;object-fit:contain;pointer-events:none;user-select:none;transform:none;animation:none!important;opacity:1;max-width:none}.garden-loop .orbit-item .showcase-jewel{inset:0;width:100%;height:100%;mix-blend-mode:multiply;z-index:2}.garden-loop .orbit-item .showcase-plinth{left:2%;top:65%;width:96%;height:56%;mix-blend-mode:normal;opacity:.72;z-index:1}.garden-loop .loop-controls{grid-area:stage;position:relative;inset:auto;align-self:center;display:flex;justify-content:space-between;pointer-events:none;z-index:12;margin:0 1%}.garden-loop .loop-controls button{pointer-events:auto;background:none;border-color:transparent;box-shadow:none;color:#6d735d;width:42px;height:42px;font-size:20px}.garden-loop .loop-feature{grid-area:caption;position:relative;inset:auto;max-width:580px;width:100%;margin:0 auto;text-align:center;padding:10px 0 0}.garden-loop .loop-feature>.eyebrow{font-size:11px;color:#85816c}.garden-loop .loop-feature h3{font-size:29px;line-height:1.16;margin:10px auto 0;max-width:540px;color:#374e3a}.loop-scroll-hint{display:flex;align-items:center;justify-content:center;gap:12px;font-size:13px;color:#7a806a;margin-top:19px;line-height:1.6}.loop-scroll-hint span{font-size:18px}.garden-journey+.garden-journey .story-theatre{border-top:1px solid #e6decb44}.story-jewel{will-change:auto}.story-theatre.is-active .story-jewel{will-change:transform}.story-ending{min-height:75svh;padding-top:70px;padding-bottom:60px}.garden-loop.collection-arrived .showcase-plinth{animation:stand-settle .9s ease-out both!important}
@keyframes stand-settle{from{transform:translateY(9px)}to{transform:translateY(0)}}
@media(max-width:760px){.garden-loop{padding:36px 16px 46px}.garden-loop>h2{font-size:24px;padding-bottom:5px}.garden-loop .loop-stage{height:370px}.garden-loop .orbit-slot{width:clamp(200px,56vw,265px);top:44%;min-width:0}.garden-loop .loop-controls{margin:0}.garden-loop .loop-controls button{width:36px;height:36px;font-size:18px;background:transparent}.garden-loop .loop-feature{padding:0 15px}.garden-loop .loop-feature h3{font-size:26px;max-width:330px}.loop-scroll-hint{font-size:12px;max-width:270px;margin:16px auto 0}.story-ending{padding:45px 27px 50px}.story-ending .ending-picture img{max-height:240px}}
@media(prefers-reduced-motion:reduce){.garden-loop.collection-arrived .showcase-plinth{animation:none!important}.garden-loop .orbit-slot{transition:none}}

/* Two additional product-story rhythms. The showcase between stories stays unchanged. */
.garden-journey[data-effect="duet"] .chapter-1{justify-content:flex-start}
.garden-journey[data-effect="focus"] .chapter-1{justify-content:flex-end}
.garden-journey[data-effect="focus"] .story-stage{background:#fbf9f3}.garden-journey[data-effect="focus"] .story-stage:before{opacity:.2;transform:none}.garden-journey[data-effect="focus"] .story-garden-edge{opacity:.28}.garden-journey[data-effect="focus"] .story-landscape{display:none}.garden-journey[data-effect="focus"] .story-light{background:radial-gradient(ellipse at calc(50% + var(--jewel-x,24vw)) 45%,#fffefb,transparent 72%)}.garden-journey[data-effect="focus"] .story-jewel{width:min(30vw,480px,38svh)}.garden-journey[data-effect="focus"] .story-photo{transform:translateX(var(--view-out-x,0%)) scale(var(--detail-zoom,1)) rotate(calc(var(--detail-turn,0deg) + var(--view-out-turn,0deg)));transform-origin:center;filter:none}.garden-journey[data-effect="focus"] .story-photo.alternate{transform:translateX(var(--view-in-x,12%)) scale(var(--detail-zoom,1)) rotate(calc(var(--detail-turn,0deg) + var(--view-in-turn,10deg)))}.garden-journey[data-effect="focus"] .story-fact{font-size:29px;color:var(--story-accent)}
.garden-journey[data-effect="duet"] .story-stage{background:#f8f5ed}.garden-journey[data-effect="duet"] .story-stage:before{opacity:.3}.garden-journey[data-effect="duet"] .story-landscape{display:none}.garden-journey[data-effect="duet"] .story-garden-edge{opacity:.4}.garden-journey[data-effect="duet"] .story-light{background:linear-gradient(90deg,#fbf8efbb,#fbf8ef88)}.garden-journey[data-effect="duet"] .story-jewel{width:min(41vw,580px,60svh);top:43%}.garden-journey[data-effect="duet"] .story-photo{transform:translate(var(--pair-x,0%),var(--pair-y,0%)) scale(var(--pair-scale,1)) rotate(var(--pair-turn,0deg));filter:none;transform-origin:center;z-index:var(--pair-layer,2)}.garden-journey[data-effect="duet"] .story-photo.alternate{transform:translate(var(--companion-x,32%),var(--companion-y,65%)) scale(var(--companion-scale,.52)) rotate(var(--companion-turn,12deg));z-index:var(--companion-layer,1)}.garden-journey[data-effect="duet"] .story-fact{font-style:normal;letter-spacing:.015em}
@media(max-width:760px){.garden-journey[data-effect="focus"] .story-jewel{width:min(58vw,310px,30svh);top:72%}.garden-journey[data-effect="focus"] .story-fact{font-size:24px}.garden-journey[data-effect="duet"] .story-jewel{width:min(63vw,305px,36svh);top:70%}.garden-journey[data-effect="duet"] .story-photo.alternate{transform:translate(var(--companion-x,32%),var(--companion-y,65%)) scale(var(--companion-scale,.52)) rotate(var(--companion-turn,12deg))}.garden-journey[data-effect="focus"] .story-garden-edge,.garden-journey[data-effect="duet"] .story-garden-edge{opacity:.2}}
@media(prefers-reduced-motion:reduce){.garden-journey[data-effect="focus"] .story-static-photo,.garden-journey[data-effect="duet"] .story-static-photo{transform:none}}

/* Scroll-controlled light and opening foliage frame the stronger motion. */
.garden-journey[data-effect="focus"] .story-stage:after,.garden-journey[data-effect="duet"] .story-stage:after{content:'';position:absolute;top:-20%;bottom:-20%;left:var(--beam-x,-40%);width:25%;background:linear-gradient(90deg,transparent,#fffdf870,transparent);transform:skewX(-17deg);mix-blend-mode:soft-light;pointer-events:none;z-index:4}.garden-journey[data-effect="focus"] .story-stage:before{transform:translateY(calc(var(--garden-drift,0px)*-.5)) scale(1.04)}.garden-journey[data-effect="focus"] .edge-left,.garden-journey[data-effect="duet"] .edge-left{transform:translate(calc(var(--edge-spread,0%)*-1),var(--garden-drift,0px))}.garden-journey[data-effect="focus"] .edge-right,.garden-journey[data-effect="duet"] .edge-right{transform:translate(var(--edge-spread,0%),var(--garden-drift,0px))}
@media(prefers-reduced-motion:reduce){.garden-journey[data-effect="focus"] .story-stage:after,.garden-journey[data-effect="duet"] .story-stage:after{display:none}}
