/* Scoped photographic scene; the existing frame reserves its layout space. */
.home-layout .reta-studio{isolation:isolate;background:#4d112e;perspective:1100px;overflow:hidden;contain:paint}
.reta-studio-arrival,.reta-studio-backdrop,.reta-studio-glow,.reta-studio-ground,.reta-studio-shadow-anchor{position:absolute;inset:0;pointer-events:none}
.reta-studio-arrival{opacity:1;transform:none}
.reta-studio-backdrop{inset:-4%;background:radial-gradient(ellipse at 25% 14%,#87335466,transparent 54%),radial-gradient(ellipse at 80% 45%,#6b173b55,transparent 60%),linear-gradient(120deg,#641b3d,#3e0c25 80%);transform:translate3d(calc(var(--reta-x,0px) * -.3),calc(var(--reta-y,0px) * -.3),0)}
.reta-studio-backdrop::after{content:"";position:absolute;inset:0;opacity:.09;background:linear-gradient(125deg,transparent 12%,#efa7c0 20%,transparent 35%,#b05676 39%,transparent 57%);filter:blur(20px)}
.reta-studio-ground{inset:65% -4% -4%;background:radial-gradient(ellipse at 40% 15%,#dfa7b5 0%,#be8398 54%,#8e4d6a 100%);box-shadow:0 -8px 25px #da95ab20;transform:translate3d(calc(var(--reta-x,0px) * -.1),calc(var(--reta-y,0px) * -.1),0)}
.reta-studio-glow{inset:12% 6% 18%;background:radial-gradient(ellipse at 40% 44%,#db94b51a,transparent 67%);transform:translate3d(calc(var(--reta-x,0px) * .45),calc(var(--reta-y,0px) * .45),0)}
.reta-studio-shadow-anchor{inset:auto 0 11%;height:8%;transform:translate3d(calc(var(--reta-x,0px) * .25),0,0)}
.reta-studio-shadow{position:absolute;width:36%;height:54%;left:32%;top:23%;border-radius:50%;background:radial-gradient(ellipse,#3a0c2799 0%,#3a0c2755 34%,#3a0c2700 72%);filter:blur(5px);opacity:.56}
.reta-studio-vial{position:absolute;height:72%;top:14%;left:50%;aspect-ratio:460 / 1128;transform:translateX(-50%);perspective:1000px;pointer-events:none}
.reta-studio-perspective,.reta-studio-float{position:relative;width:100%;height:100%;transform-origin:50% 72%;transform-style:preserve-3d}
.reta-studio-perspective{transform:translate3d(var(--reta-x,0px),var(--reta-y,0px),0) rotateX(var(--reta-rx,0deg)) rotateY(var(--reta-ry,0deg))}
.reta-studio-float>img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 2px #28081918)}
.reta-studio-closed{transition:opacity .35s ease}
.reta-studio-open,.reta-studio-cap{position:absolute;inset:0;opacity:0;pointer-events:none}
.reta-studio-open>img,.reta-studio-cap>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.reta-studio-open{transition:opacity .35s ease}
.reta-studio-label{clip-path:inset(41.5% 0 17.5%)}
.reta-studio-powder{clip-path:inset(82% 0 4%);opacity:1;transform-origin:50% 94%}
.reta-studio-cap{clip-path:inset(0 0 89.3%);transform-origin:50% 5%}
.reta-studio-liquid-window{position:absolute;inset:34% 8% 7%;overflow:hidden;border-radius:45% 45% 25% 25% / 8% 8% 8% 8%;opacity:.8}
.reta-studio-liquid{position:absolute;inset:0;background:linear-gradient(90deg,#fce8ec4d,#e5bec33d 30%,#fce3e34d 68%,#fff3e666);transform:scaleY(0);transform-origin:50% 100%;border-radius:50% 50% 20% 20% / 2% 2% 4% 4%;box-shadow:inset 0 2px 2px #fff9ee99,inset 4px 0 10px #fff2e733}
.reta-studio-needle{position:absolute;left:50%;top:-37%;width:7%;height:42%;opacity:0;transform:translate3d(-50%,-30%,0);transform-origin:50% 100%}
.reta-studio-needle-hub{position:absolute;left:-30%;top:0;width:160%;height:26%;border-radius:25% 25% 12% 12%;background:linear-gradient(90deg,#bfc8c980,#edf3efdd 45%,#b9c3ca99);border:1px solid #f2f7ef88;box-shadow:inset 2px 0 3px #ffffff55}
.reta-studio-needle-shaft{position:absolute;top:24%;bottom:0;left:38%;width:24%;min-width:1px;background:linear-gradient(90deg,#59636c,#f8fbfc 45%,#9ba5ac);clip-path:polygon(0 0,100% 0,100% 97%,0 100%)}
.reta-studio-control{position:absolute;z-index:3;top:-3%;left:-5%;width:110%;height:20%;min-height:44px;border:0;border-radius:12px;background:transparent;pointer-events:auto;cursor:pointer;touch-action:manipulation}
.reta-studio-control:focus-visible{outline:2px solid #f7e1eb;outline-offset:4px;background:#ffffff0a}
.reta-studio-control:disabled,.reta-studio-control[aria-disabled="true"]{cursor:default}
.reta-studio-hint{position:absolute;left:5%;bottom:4%;max-width:62%;font-size:.72rem;line-height:1.35;color:#57283d;pointer-events:none}
.reta-studio[data-reta-phase="sealed"] .reta-studio-hint:not(:empty),.reta-studio[data-reta-phase="open"] .reta-studio-hint:not(:empty){padding:7px 11px;border:1px solid #ffffff80;border-radius:999px;background:#fff5f0d9;color:#442039;font-size:.875rem;font-weight:600}
.reta-studio-replay{position:absolute;right:4%;bottom:1%;min-height:44px;padding:10px 5px;border:0;background:transparent;color:#643047;font-size:.72rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer;touch-action:manipulation}
.reta-studio-replay:hover{color:#331724}.reta-studio-replay:focus-visible{outline:2px solid #643047;outline-offset:2px;border-radius:5px}
.reta-studio-control[hidden],.reta-studio-replay[hidden]{display:none}
.reta-studio-demo-note{display:block;margin-top:3px;font-size:.72rem;color:var(--muted,#786473)}
.reta-studio[data-reta-phase]:not([data-reta-phase="sealed"]) .reta-studio-closed{opacity:0}
.reta-studio[data-reta-phase]:not([data-reta-phase="sealed"]) .reta-studio-open{opacity:1}
.reta-studio[data-reta-phase="opening"] .reta-studio-cap{animation:reta-cap-lift .95s cubic-bezier(.25,.65,.25,1) both}
.reta-studio[data-reta-phase="preparing"] .reta-studio-needle{animation:reta-needle-cycle 6s cubic-bezier(.3,.6,.3,1) both}
.reta-studio[data-reta-phase="preparing"] .reta-studio-liquid{animation:reta-liquid-fill 6s ease-in-out both}
.reta-studio[data-reta-phase="preparing"] .reta-studio-powder{animation:reta-powder-dissolve 6s ease-in-out both}
.reta-studio[data-reta-phase="done"] .reta-studio-liquid{transform:scaleY(.94)}
.reta-studio[data-reta-phase="done"] .reta-studio-powder{opacity:0;transform:scaleY(.4)}
.reta-studio.is-interacting .reta-studio-float,.reta-studio.is-interacting .reta-studio-shadow{animation-play-state:paused}
.reta-studio.is-suspended .reta-studio-cap,.reta-studio.is-suspended .reta-studio-needle,.reta-studio.is-suspended .reta-studio-liquid,.reta-studio.is-suspended .reta-studio-powder{animation-play-state:paused}
.reta-studio.is-still .reta-studio-open,.reta-studio.is-still .reta-studio-closed{transition:none}
.reta-studio.is-still .reta-studio-cap,.reta-studio.is-still .reta-studio-needle,.reta-studio.is-still .reta-studio-liquid,.reta-studio.is-still .reta-studio-powder{animation:none}
@keyframes reta-cap-lift{0%{opacity:1;transform:translate3d(0,0,0) rotateZ(0deg)}65%{opacity:1;transform:translate3d(32%,-16%,35px) rotateZ(14deg)}100%{opacity:0;transform:translate3d(75%,-28%,55px) rotateZ(23deg)}}
@keyframes reta-needle-cycle{0%{opacity:0;transform:translate3d(-50%,-32%,0)}12%{opacity:1;transform:translate3d(-50%,0,0)}23%,80%{opacity:1;transform:translate3d(-50%,14%,0)}94%{opacity:1;transform:translate3d(-50%,-18%,0)}100%{opacity:0;transform:translate3d(-50%,-32%,0)}}
@keyframes reta-liquid-fill{0%,25%{transform:scaleY(0)}76%,100%{transform:scaleY(.94)}}
@keyframes reta-powder-dissolve{0%,30%{opacity:1;transform:scaleY(1)}58%{opacity:.55;transform:scaleY(.8)}80%,100%{opacity:0;transform:scaleY(.4)}}
.reta-studio-reflections{position:absolute;inset:0;-webkit-mask-image:url('/assets/reta-hero-vial.webp');mask-image:url('/assets/reta-hero-vial.webp');-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.reta-studio-reflections span{position:absolute;overflow:hidden;opacity:.32}
.reta-studio-reflections span::after{content:"";position:absolute;inset:0 -180%;background:linear-gradient(110deg,transparent 44%,#fff1f35c 49%,#fff9f07a 50%,transparent 55%);transform:translateX(-32%)}
.reta-studio-glass-top{top:20%;height:23%;left:0;right:0}
.reta-studio-glass-base{top:84%;bottom:0;left:0;right:0}
.reta-studio-glass-edge{top:43%;bottom:16%;left:0;width:3%}
.reta-studio.is-pending .reta-studio-arrival{opacity:0;transform:translate3d(0,30px,0) scale(.94);filter:blur(3px)}
.reta-studio.is-entering .reta-studio-arrival{animation:reta-studio-reveal 1s cubic-bezier(.2,.65,.25,1) both}
.reta-studio.is-running .reta-studio-float{animation:reta-studio-float 6s ease-in-out infinite;will-change:transform}
.reta-studio.is-running .reta-studio-shadow{animation:reta-studio-shadow 6s ease-in-out infinite;will-change:transform,opacity}
.reta-studio.is-running .reta-studio-reflections span::after{animation:reta-studio-sweep 12s ease-in-out infinite}
.reta-studio.is-suspended .reta-studio-float,.reta-studio.is-suspended .reta-studio-shadow,.reta-studio.is-suspended .reta-studio-reflections span::after{animation-play-state:paused;will-change:auto}
.reta-studio.is-still .reta-studio-arrival{opacity:1;transform:none;filter:none;animation:none}
.reta-studio.is-still .reta-studio-float,.reta-studio.is-still .reta-studio-shadow,.reta-studio.is-still .reta-studio-reflections span::after{animation:none;will-change:auto}
@keyframes reta-studio-reveal{from{opacity:0;transform:translate3d(0,30px,0) scale(.94);filter:blur(3px)}to{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}}
@keyframes reta-studio-float{0%,100%{transform:translate3d(0,0,0) rotateX(0deg) rotateY(0deg) rotateZ(0deg)}25%{transform:translate3d(0,-8px,0) rotateX(.45deg) rotateY(1.1deg) rotateZ(.65deg)}50%{transform:translate3d(0,-2px,0) rotateX(0deg) rotateY(0deg) rotateZ(0deg)}75%{transform:translate3d(0,-6px,0) rotateX(-.35deg) rotateY(-1deg) rotateZ(-.6deg)}}
@keyframes reta-studio-shadow{0%,100%{transform:scale(1);opacity:.56}25%{transform:scale(1.13,1.17);opacity:.43}50%{transform:scale(1.035,1.045);opacity:.53}75%{transform:scale(1.10,1.13);opacity:.46}}
@keyframes reta-studio-sweep{0%,58%{transform:translateX(-32%);opacity:0}62%{opacity:.4}75%{transform:translateX(32%);opacity:.4}80%,100%{transform:translateX(32%);opacity:0}}
@media(max-width:1024px){.reta-studio{perspective:1500px}.reta-studio-vial{height:73%;top:13%}}
@media(prefers-reduced-motion:reduce){.reta-studio .reta-studio-arrival{opacity:1!important;transform:none!important;filter:none!important;animation:none!important}.reta-studio .reta-studio-float,.reta-studio .reta-studio-shadow,.reta-studio .reta-studio-reflections span::after{animation:none!important;will-change:auto!important}.reta-studio .reta-studio-perspective,.reta-studio .reta-studio-backdrop,.reta-studio .reta-studio-ground,.reta-studio .reta-studio-glow,.reta-studio .reta-studio-shadow-anchor{transform:none!important}}