#workshop .grid{--tile-ratio:16 / 9}@media (min-width:640px) and (max-width:1023px){#workshop{--h:2}}#materials .grid{--tile-ratio:16 / 9}@media (min-width:640px) and (max-width:1023px){#materials{--h:2}}@media (max-width:639px){#materials .grid{--tile-ratio:4 / 5}}main>section.hero--film{background:var(--bg);padding-block:0}main>section.hero--film>.wrap,main>section.hero--film .hero-text,main>section.hero--film .hero__media{position:static}main>section.hero--film .hero__media{color:inherit;background:0 0;border-radius:0;overflow:visible}main>section.hero--film .hero__media>img{z-index:-2;-webkit-mask-image:linear-gradient(#000 0% 50%,#0000008c 75%,#0000 100%);mask-image:linear-gradient(#000 0% 50%,#0000008c 75%,#0000 100%)}main>section.hero--film:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(to top, var(--bg) 0%, color-mix(in oklab, var(--bg) 70%, transparent) 28%, transparent 60%), linear-gradient(to right, color-mix(in oklab, var(--bg) 72%, transparent) 0%, color-mix(in oklab, var(--bg) 30%, transparent) 40%, transparent 65%);position:absolute;inset:0}main>section.hero--film .hero__over{padding-inline:0}main>section.hero--film .hero__over>:first-child{color:var(--p-ink);--bg:var(--p-bg);--ink:var(--p-ink);--muted:var(--p-muted);--action:var(--p-action);--action-ink:var(--p-action-ink);--line:color-mix(in oklab, var(--p-ink) 14%, transparent);--line-strong:color-mix(in oklab, var(--p-ink) 30%, transparent);background:0 0;padding:0}main>section.hero--film .hero__over .hero__lead{color:var(--p-ink)}main>section.hero--film h1{text-shadow:0 2px 28px #00000080}main>section.hero--film .hero__beam{z-index:-1;pointer-events:none;--px:.6;--py:.4;position:absolute;inset:0;overflow:hidden;container-type:size}@media (max-width:1023px){main>section.hero--film .hero__beam{--px:.72;--py:.3}}.hero__beam-point{--rw:max(100cqw, 100cqh * 16 / 9);--rh:calc(var(--rw) * 9 / 16);left:calc((100cqw - var(--rw)) * var(--px) + var(--rw) * .73);top:calc((100cqh - var(--rh)) * var(--py) + var(--rh) * .386);width:0;height:0;font-size:clamp(5px, calc(var(--rw) * .005), 9px);position:absolute}.hero__beam-point:before,.hero__beam-point:after{content:"";border-radius:50%;position:absolute;translate:-50% -50%}.hero__beam-point:before{background:radial-gradient(circle,#fff 0 30%,#ffe7a8 45%,#ffaa3c99 70%,#0000 72%);width:2.2em;height:2.2em;animation:.26s steps(2,jump-none) infinite alternate beam-flicker;box-shadow:0 0 1.5em .4em #ffbe5ad9,0 0 5em 1.5em #ff8c2859}.hero__beam-point:after{background:radial-gradient(closest-side,#ffa03c59,#0000);width:14em;height:7em;animation:1.7s ease-in-out infinite alternate beam-glow}.hero__beam-point>i{opacity:0;width:.6em;height:.6em;animation:beam-spark 1.4s cubic-bezier(.2, .7, .4, 1) var(--delay) infinite;background:#fff2c8;border-radius:50%;position:absolute;top:0;left:0;box-shadow:0 0 .8em .25em #ffb446f2}@keyframes beam-flicker{0%{opacity:.85;scale:.85}50%{opacity:1;scale:1.1}to{opacity:.92;scale:.95}}@keyframes beam-glow{0%{opacity:.6;scale:.9}to{opacity:1;scale:1.08}}@keyframes beam-spark{0%{opacity:0;translate:-50% -50%;scale:1}6%{opacity:1}55%{opacity:.9}to{opacity:0;translate:calc(var(--dx) - 50%) calc(var(--dy) - 50%);scale:.3}}@media (prefers-reduced-motion:reduce){.hero__beam-point:before,.hero__beam-point:after{animation:none}.hero__beam-point>i{display:none}}html[data-motion=off] .hero__beam-point:before,html[data-motion=off] .hero__beam-point:after{animation:none}html[data-motion=off] .hero__beam-point>i{display:none}main>section#workshop{height:auto;min-height:100svh}main>section#workshop>.wrap{height:auto}