@layer theme,base;@layer components{.hero-film{z-index:0;perspective:1200px;position:absolute;inset:0;overflow:hidden}.hero-poster,.hero-video{block-size:106%;inline-size:106%;transform:rotateY(var(--tx,0deg)) rotateX(var(--ty,0deg));transition:transform .9s var(--ease-out);position:absolute;inset:-3%}.hero-poster{opacity:0;transition:opacity 1s var(--ease-std)}.hero-poster[data-ready]{opacity:1}.hero-video{object-fit:cover;object-position:50% 50%;opacity:0;transition:opacity 1.2s var(--ease-std), transform .9s var(--ease-out)}.hero-film[data-playing] .hero-video{opacity:1}.hero-sweep{pointer-events:none;background:radial-gradient(40% 40% at var(--mx,70%) var(--my,30%), #eee8dc14, transparent 70%);mix-blend-mode:screen;position:absolute;inset:0}.hero-shade{pointer-events:none;position:absolute;inset:0}@media not (min-width:48rem){.hero-video{object-position:50% 45%}}.hero-field{z-index:0;position:absolute;inset:0;overflow:hidden}@media not (min-width:48rem){.hero{--hb:min(120vw, 62svh)}.hero-field{block-size:var(--hb);margin-block:calc(var(--hb) * -.24 + 2.5rem) calc(var(--hb) * -.3 + 1rem);margin-inline:calc(var(--pad-x) * -1);flex:none;order:2;position:relative;inset:auto}}.hero-halftone{block-size:100%;inline-size:100%;display:block}.hero-void{z-index:0;pointer-events:none;block-size:50%;inline-size:36%;position:absolute;inset-block-start:22%;inset-inline-end:23%}@media not (min-width:48rem){.hero-void{inline-size:76%;block-size:calc(var(--hb) * .46);inset-block:auto 2.5rem;inset-inline-end:12%}}.hero-shade{background:linear-gradient(#0000 45%,#0a0a0a4d 70%,#0a0a0ad9 100%),linear-gradient(#0a0a0a80,#0000 40%)}.hero{--hero-top:clamp(6rem, 13svh, 8rem)}}@layer utilities;
@layer theme,base;@layer components{.light{z-index:0;pointer-events:none;background:radial-gradient(55% 45% at var(--wx) var(--wy), rgb(var(--color-copper-rgb) / calc(.16 * var(--k))), transparent 70%), radial-gradient(50% 40% at var(--cx) var(--cy), rgb(43 74 66/calc(.45 * var(--k))), transparent 70%);position:absolute;inset:0}.light:after{content:"";opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E");position:absolute;inset:0}.lit{isolation:isolate;position:relative}.lit>:not(.light){z-index:1;position:relative}.float-still{box-shadow:none;background:0 0;border:0;border-radius:0;position:relative;overflow:visible}.float-still:before{content:"";z-index:-1;filter:blur(16px);background:radial-gradient(45% 40%,#2b4a428c,#0000 70%);position:absolute;inset:0}.float-still img{-webkit-mask-image:radial-gradient(72% 68%,#000 52%,#0000 100%);mask-image:radial-gradient(72% 68%,#000 52%,#0000 100%)}}@layer utilities;
