@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Italiana&display=swap";
:root{--copper-dark:#0d2226;--copper-mid:#173e45;--copper-light:#d8cbb8;--platinum:#ecf1f3;--header-height:72px}*{box-sizing:border-box}.panglass-hero{--fit:1;min-height:max(100svh, calc(var(--header-height) + 680px * var(--s,1)));isolation:isolate;color:var(--platinum);font-family:var(--font-dm-sans,"DM Sans"), system-ui, sans-serif;background:radial-gradient(ellipse at 50% 48%, #a9735c8c, transparent 55%), linear-gradient(118deg, #0d2226 0%, var(--copper-mid) 55%, #10282c 100%);position:relative;overflow:clip}.panglass-hero:before{content:"";z-index:-1;opacity:.5;background:repeating-linear-gradient(104deg,#0000 0 70px,#ffbc7214 71px 72px);position:absolute;inset:0}.hero-copy{z-index:5;top:calc((var(--header-height) + 100%) / 2 - 27.5px * var(--s,1));width:min(760px,90vw);transform:translate(-50%, -50%) scale(var(--s,1));text-align:center;pointer-events:none;position:absolute;left:50%}.eyebrow{color:var(--copper-light);letter-spacing:.2em;text-transform:uppercase;margin:0 0 1rem;font-size:.68rem;font-weight:600}.hero-copy h1{font-family:var(--font-italiana,"Italiana"), Georgia, serif;letter-spacing:0;margin:0;font-size:clamp(2.6rem,5vw,4.5rem);font-weight:400;line-height:.95}.hero-copy h1 em{color:var(--copper-light);font-weight:400}.intro{color:#ecf1f3bd;max-width:470px;margin:1.25rem auto 0;font-size:.82rem;line-height:1.65}.orbit-stage{z-index:2;opacity:0;pointer-events:none;transition:opacity .5s;position:absolute;inset:0}.orbit-stage.is-ready{opacity:1}.arc-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.arc-lines path{fill:none;stroke:#ffb766eb;stroke-width:2.5px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 7px #ffaa52b3)}.arc-lines path:last-child{stroke:#ea9146d1}.bottle-arc{position:absolute;inset:0}.bottle-travel{width:var(--w);height:var(--h);offset-path:var(--path);offset-rotate:0deg;animation:bottle-travel var(--duration) linear infinite;animation-delay:calc(var(--duration) * var(--i) / var(--n) * -1);position:absolute;top:0;left:0}.bottle{pointer-events:auto;transform-origin:50% 85%;filter:drop-shadow(0 20px 18px #200501c7);justify-content:center;align-items:flex-end;width:100%;height:100%;transition:transform .4s,filter .4s;display:flex}.bottle img{object-fit:contain;object-position:50% 100%;transform-origin:50% 100%;width:100%;height:100%;transform:scale(var(--scale,1));display:block}@media (hover:hover){.bottle:hover{z-index:20;filter:drop-shadow(0 28px 24px #200501d9);position:relative;transform:scale(1.3)}.orbit-stage:has(.bottle:hover) .bottle-travel{animation-play-state:paused}}@keyframes bottle-travel{0%{offset-distance:0%}to{offset-distance:100%}}html[data-menu-open] .bottle-travel{animation-play-state:paused}@media (max-width:600px){.panglass-hero{min-height:max(100svh, calc(var(--header-height) + 590px))}.hero-copy{top:calc((var(--header-height) + 100%) / 2 + 2.5px);transform:translate(-50%,-50%)}.hero-copy h1{font-size:2.8rem}.intro{max-width:310px;font-size:.75rem}.bottle img{width:80%;transform:scale(calc(1 + (var(--scale,1) - 1) * .15))}}@media (prefers-reduced-motion:reduce){.bottle-travel{animation-play-state:paused}}
