
.g-atelier [data-garden-film] [hidden]{display:none!important}
.g-atelier .g-home > [data-garden-film]{--scroll-distance:12000px;--garden-interface-opacity:0;margin:0;border-radius:0 0 30px 30px;color:#f4eee3;background:#411725;position:relative;isolation:isolate}
.g-atelier [data-garden-film].is-orbit{height:calc(100svh + var(--scroll-distance))}
.g-atelier [data-garden-film] .film-scene{position:sticky;top:0;height:100svh;min-height:0;display:block;padding:0;overflow:hidden;isolation:isolate;border-radius:0 0 30px 30px;background:radial-gradient(ellipse at 50% 40%,#603442,#411725 65%)}
.g-atelier [data-garden-film] .film-scene::before,.g-atelier [data-garden-film] .film-scene::after{display:none}
.g-atelier [data-garden-film] #garden-film,.g-atelier [data-garden-film] #garden-frames{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;opacity:0}
.g-atelier [data-garden-film].is-ready:not(.is-native) #garden-frames{opacity:1;pointer-events:none}
.g-atelier [data-garden-film].is-native #garden-film{opacity:1;z-index:2}
.g-atelier [data-garden-film].is-native #garden-frames{display:none}
.g-atelier [data-garden-film] .film-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#16070c4d,transparent 18%,transparent 74%,#16070c80)}
.g-atelier [data-garden-film] .x-curtain{z-index:10!important}
.g-atelier [data-garden-film] .film-topline,.g-atelier [data-garden-film] .film-bottomline{position:absolute;left:5vw;right:5vw;z-index:6;opacity:var(--garden-interface-opacity);transition:opacity .2s}
.g-atelier [data-garden-film] .film-topline{top:max(25px,env(safe-area-inset-top));display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px}
.g-atelier [data-garden-film] .film-topline button{pointer-events:auto;border:1px solid #f4eee35e;border-radius:0;background:#41172550;color:#f4eee3;font:10px/1.4 system-ui;letter-spacing:1px;padding:11px 13px;min-height:44px;cursor:pointer}
.g-atelier [data-garden-film] .film-bottomline{bottom:max(25px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr auto;gap:12px 20px;font:11px/1.5 system-ui;pointer-events:none}
.g-atelier [data-garden-film] .film-bottomline p{margin:0;color:#f4eee3;font:16px Georgia,serif}
.g-atelier [data-garden-film] #film-time{font-variant-numeric:tabular-nums;letter-spacing:1px}
.g-atelier [data-garden-film] #scroll-hint{font:9px system-ui;letter-spacing:1.5px;text-transform:uppercase;opacity:.7;grid-column:1/-1}
.g-atelier [data-garden-film] .film-message{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:25px}
.g-atelier [data-garden-film] .garden-fallback{display:none;padding:30px 6vw;background:#411725;color:#f4eee3}
.g-atelier [data-garden-film] .garden-fallback img{width:100%;height:auto;max-height:65svh;object-fit:contain}
.g-atelier [data-garden-film] .garden-fallback ul{display:flex;flex-wrap:wrap;gap:12px 25px;list-style:none;padding:0}
.g-atelier [data-garden-film] .garden-fallback a{color:#f4eee3;display:inline-block;padding:10px 0;text-decoration:underline;text-underline-offset:5px}
.g-atelier [data-garden-film].is-native{height:auto}
.g-atelier [data-garden-film].is-native .film-scene{position:relative;height:90svh;min-height:540px}
.g-atelier [data-garden-film].is-native .film-bottomline{bottom:75px}
.g-atelier [data-garden-film].is-native #scroll-hint{display:none}
.g-atelier [data-garden-film].is-native .x-curtain{display:none!important}
.g-atelier [data-garden-film].garden-unavailable{height:auto}
.g-atelier [data-garden-film].garden-unavailable .film-scene{height:55svh;position:relative}
.g-atelier [data-garden-film].garden-unavailable .garden-fallback{display:block}
html:not(.g-js) .g-atelier [data-garden-film] .film-scene{display:none}
html:not(.g-js) .g-atelier [data-garden-film] .garden-fallback{display:block}
@media(max-width:600px) and (orientation:portrait){.g-atelier [data-garden-film] #garden-film,.g-atelier [data-garden-film] #garden-frames{object-fit:cover;object-position:var(--mobile-focus,50%) center}.g-atelier [data-garden-film].is-final-shot #garden-film,.g-atelier [data-garden-film].is-final-shot #garden-frames{object-fit:contain;object-position:center 25%}}
@media(max-width:600px){.g-atelier [data-garden-film] .film-topline,.g-atelier [data-garden-film] .film-bottomline{left:6vw;right:6vw}.g-atelier [data-garden-film] .film-bottomline p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.g-atelier [data-garden-film] .garden-fallback{display:block}.g-atelier [data-garden-film] .x-curtain{display:none!important}}

.g-atelier [data-garden-film] .jewellery-hotspots{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden}
.g-atelier [data-garden-film] .hotspot-leaders{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none}
.g-atelier [data-garden-film] .jewel-leader{stroke:#fff6d3;stroke-width:1.2;stroke-opacity:.9;filter:drop-shadow(0 0 3px #ffd88aa8) drop-shadow(0 1px 1px #2a0717);pointer-events:none}
.g-atelier [data-garden-film] .jewel-hotspot{position:absolute;top:0;left:0;display:block;pointer-events:auto;cursor:pointer;text-decoration:none;touch-action:pan-y pinch-zoom;isolation:isolate;outline:none!important;contain:layout style}
.g-atelier [data-garden-film] .jewel-outline{position:absolute;border:1.5px solid #fff7d9;border-radius:50%;box-shadow:0 3px 0 #55362190,0 7px 14px #21091366,0 0 7px #fff0c9dd,0 0 22px #ffcf807a,inset 0 0 7px #fff5d999;pointer-events:none;transform-style:preserve-3d;transform:perspective(650px) rotateX(var(--halo-tilt-x,14deg)) rotateY(var(--halo-tilt-y,-10deg)) scale(var(--halo-press,1));transition:transform .26s ease-out,background .2s,border-color .2s,box-shadow .2s}
.g-atelier [data-garden-film] .jewel-outline::before,.g-atelier [data-garden-film] .jewel-outline::after{content:"";position:absolute;border-radius:inherit;pointer-events:none}
.g-atelier [data-garden-film] .jewel-outline::before{inset:-5px;border:1px solid #f7cb8380;box-shadow:0 0 15px #ffcd775e;transform:translateZ(-6px) translateY(4px);animation:halo-breath 4.8s ease-in-out infinite alternate}
.g-atelier [data-garden-film] .jewel-outline::after{inset:-3px;background:conic-gradient(from 18deg,transparent 0deg 20deg,#fffdf0 44deg,#ffe0a0 76deg,transparent 100deg 185deg,#ffffff 215deg,#f8ce79 242deg,transparent 270deg);-webkit-mask:radial-gradient(ellipse closest-side,transparent calc(100% - 3px),#000 calc(100% - 2px),#000 calc(100% - 1px),transparent 100%);mask:radial-gradient(ellipse closest-side,transparent calc(100% - 3px),#000 calc(100% - 2px),#000 calc(100% - 1px),transparent 100%);transform:translateZ(3px);animation:halo-breath 3.8s ease-in-out infinite alternate-reverse}
@keyframes halo-breath{from{opacity:.5}to{opacity:1}}
.g-atelier [data-garden-film] .jewel-label{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:42px;color:#fff9e9;font:italic 17px/1.15 Georgia,serif;white-space:nowrap;letter-spacing:.01em;text-shadow:0 1px 3px #17050c,0 0 7px #17050ce6,0 0 15px #17050c;pointer-events:auto;transition:color .2s}
.g-atelier [data-garden-film] .jewel-action{font:500 8px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:1.4px;text-transform:uppercase;text-decoration:underline;text-decoration-color:#ffe1a6b3;text-underline-offset:4px;color:#ffe9bc}
.g-atelier [data-garden-film] .jewel-hotspot:hover .jewel-outline,.g-atelier [data-garden-film] .jewel-hotspot:focus-visible .jewel-outline,.g-atelier [data-garden-film] .jewel-hotspot:active .jewel-outline{background:#fff8df0a;border-color:#fffef5;box-shadow:0 4px 0 #553621aa,0 9px 18px #21091388,0 0 10px #fff6d5,0 0 34px #ffd17ba8,inset 0 0 12px #fff5d9a8}
.g-atelier [data-garden-film] .jewel-hotspot:active{--halo-press:.97}
.g-atelier [data-garden-film] .jewel-hotspot:hover .jewel-label,.g-atelier [data-garden-film] .jewel-hotspot:focus-visible .jewel-label,.g-atelier [data-garden-film] .jewel-hotspot:active .jewel-label{color:#ffe4a9}
.g-atelier [data-garden-film] .jewel-hotspot:hover .jewel-action,.g-atelier [data-garden-film] .jewel-hotspot:focus-visible .jewel-action,.g-atelier [data-garden-film] .jewel-hotspot:active .jewel-action{color:#fffdf5;text-decoration-color:currentColor}
.g-atelier [data-garden-film] .secondary-target .jewel-outline{opacity:.7}
.g-atelier [data-garden-film] .secondary-target:hover .jewel-outline,.g-atelier [data-garden-film] .secondary-target:focus-visible .jewel-outline,.g-atelier [data-garden-film] .secondary-target:active .jewel-outline{opacity:1}
.g-atelier [data-garden-film] .secondary-target .jewel-label{opacity:0;pointer-events:none}
.g-atelier [data-garden-film] .secondary-target:hover .jewel-label,.g-atelier [data-garden-film] .secondary-target:focus-visible .jewel-label{opacity:1;pointer-events:auto}
.g-atelier [data-garden-film] .film-topline{z-index:6;pointer-events:none;align-items:start;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;text-transform:none;letter-spacing:.01em;font-size:12px;line-height:1.5}
.g-atelier [data-garden-film] .film-topline>span{max-width:420px;text-shadow:0 1px 5px #190610}
.g-atelier [data-garden-film] .film-topline button{pointer-events:auto}
@media(max-width:600px){.g-atelier [data-garden-film] .jewel-label{font-size:15px;min-height:37px;gap:4px}
.g-atelier [data-garden-film] .jewel-action{font-size:7px;letter-spacing:1px}
.g-atelier [data-garden-film] .film-topline{font-size:11px;line-height:1.5;gap:12px}
.g-atelier [data-garden-film] .film-topline>span{max-width:220px}
.g-atelier [data-garden-film] .film-topline button{max-width:135px}
}
@media(prefers-reduced-motion:reduce){.g-atelier [data-garden-film] .jewel-outline,.g-atelier [data-garden-film] .jewel-label{transition:none}
.g-atelier [data-garden-film] .jewel-outline{transform:none}
.g-atelier [data-garden-film] .jewel-outline::before,.g-atelier [data-garden-film] .jewel-outline::after{animation:none;opacity:.8}
}
