@property --hero-rise{syntax:"<number>";inherits:false;initial-value:0}@property --hero-zoom{syntax:"<number>";inherits:false;initial-value:1.5}@property --hero-turn{syntax:"<number>";inherits:false;initial-value:0}@property --hero-du{syntax:"<length>";inherits:true;initial-value:0}@layer components{.hero-units{--dir:1;--pb:clamp(10.5rem, min(62vw, calc((100svh - 17.5rem) * .469)), 15rem);--ph:calc(var(--pb) * 2.1333);--held:tan(atan2(var(--pb), 18.5rem));--land-top:5rem;--qr-y:calc(var(--land-top) + var(--vf-centre) * var(--ph));--card-w:calc(var(--card-share) * var(--pb));--card-top:calc(var(--qr-y) - .455 * var(--card-w));--ground:calc(var(--qr-y) + .882 * var(--card-w));--type:min(11.2cqw, 5.2svh, 3rem);--rise-x:4vw;--rise-rz:4;--rise-rx:12;--shadow-ink:18 18 17;--shadow-k:1;container-type:inline-size}.dark .hero-units{--shadow-ink:0 0 0;--shadow-k:2.2}[dir=rtl] .hero-units{--dir:-1}@media (min-width:64rem){.hero-units{--pb:min(18.5rem, calc((100svh - 8rem) * .469));--land-top:calc(50svh - var(--ph) / 2);--rise-x:2.5rem;--rise-rz:5;--rise-rx:14}}.hero-light{pointer-events:none;background:radial-gradient(120% 90% at calc(50% - var(--dir) * 22%) 12%, #f7f6f2, transparent 60%), radial-gradient(60% 50% at 50% var(--qr-y), #ffffff80, transparent 70%), linear-gradient(#f2f0eb 0%, #f1efe9 55%, #e9e6df 100%);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 64px,#000 180px);mask-image:linear-gradient(#0000 64px,#000 180px)}.hero-light[data-still]{-webkit-mask-image:linear-gradient(#0000 64px,#000 180px calc(100% - 10rem),#0000);mask-image:linear-gradient(#0000 64px,#000 180px calc(100% - 10rem),#0000)}.dark .hero-light{background:radial-gradient(48% 46% at 50% var(--qr-y), #24221f, #171614 55%, transparent), linear-gradient(#0f0f0e, #0c0c0b)}.hero-words{pointer-events:none;grid-template-rows:100%;grid-template-columns:minmax(0,1fr);max-width:34rem;margin-inline:auto;padding-inline:1.25rem;display:grid;position:absolute;inset:0}.hero-slot{grid-area:1/1/2/2;position:absolute;inset-inline:0}.hero-type{font-size:var(--type);letter-spacing:-.03em;white-space:nowrap;font-weight:500;line-height:.95}.hero-line{margin:-.1em -.12em -.16em;padding:.1em .12em .16em;display:block;overflow:hidden}.hero-line>*{display:block}.hero-upper{bottom:calc(100% - var(--card-top) + clamp(12px, 2.4svh, 20px));text-align:start}.hero-lower{top:calc(var(--ground) + 3svh);text-align:end}.hero-cta{top:calc(var(--ground) + 3svh + 1.9 * var(--type) + 1.25rem);pointer-events:auto;justify-content:flex-start;display:flex}.hero-kicker{top:calc(var(--ground) + 3svh + 1.9 * var(--type) + 3.25rem);color:var(--muted);text-transform:uppercase;letter-spacing:.1em;text-wrap:balance;font-size:10.5px;font-weight:500;line-height:1.45}.hero-caption{display:none}@media (max-height:37.5rem){.hero-kicker{display:none}}@media (min-width:64rem){.hero-words{--pad-x:2rem;--gap:clamp(2.5rem, 5cqw, 4.5rem);--col:calc((min(100cqw, 90rem) - 2 * var(--pad-x) - var(--pb) - 2 * var(--gap)) / 2);--type:min(5.75rem, calc(var(--col) / 6.1), 8.4svh);grid-template-columns:minmax(0, 1fr) var(--pb) minmax(0, 1fr);column-gap:var(--gap);max-width:90rem;padding-inline:var(--pad-x)}.hero-upper,.hero-kicker{text-align:end;grid-column:1/2}.hero-lower,.hero-cta,.hero-caption{text-align:start;grid-column:3/4}.hero-upper{top:calc(var(--card-top) + 1.55rem);bottom:auto}.hero-kicker{top:auto;bottom:calc(100% - var(--card-top) - 1.55rem + 1.125rem);font-size:clamp(11px, calc(var(--col) / 35), 12px);letter-spacing:.16em;margin-inline-end:-.16em;line-height:1.5}.hero-lower{top:calc(var(--ground) - 1.78 * var(--type))}.hero-cta{top:calc(var(--ground) + 1.3rem)}.hero-caption{top:calc(var(--ground) + 3.05rem);max-width:30ch;color:var(--muted);text-wrap:balance;font-size:13px;line-height:1.45}}@media (min-width:80rem){.hero-words{--pad-x:3rem}}@media (min-width:64rem) and (hover:hover) and (pointer:fine) and (min-height:46rem){.hero-caption{display:block}}.hero-demo{color:var(--ink);text-underline-offset:5px;border-radius:2px;outline:none;align-items:center;gap:.375rem;font-size:15px;font-weight:500;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px;transition:text-decoration-color .2s ease-out;display:inline-flex}.hero-demo:hover,.hero-demo:focus-visible{text-decoration-color:currentColor}.hero-demo:focus-visible{box-shadow:0 0 0 2px var(--paper), 0 0 0 4px var(--ink)}.hero-card{top:var(--qr-y);outline:none;width:0;height:0;position:absolute;left:50%}.hero-card-units{--hero-du:1em;font-size:calc(var(--card-w) / 300);color:#121211;position:absolute;top:0;left:0}.hero-card-units[data-variant=lens]{font-size:calc(18.5rem * var(--card-share) * var(--lens-max) / 300)}.hero-tent{width:300em;height:390em;transform:perspective(1450em) rotateX(-8deg) rotateY(calc(-10deg * var(--dir) * (1 - var(--hero-turn))));transform-origin:150em 133.5em 25.95em;transform-style:preserve-3d;position:absolute;top:-133.5em;left:-150em}.hero-leaf{transform-origin:50% 0;border-radius:4em;position:absolute;inset:0}.hero-leaf-front{background:linear-gradient(calc(90deg + var(--dir) * 14deg), #ffffff80 0%, transparent 38%, #12121109), linear-gradient(#fffefc 0%, var(--device-paper) 26%, #efede7 100%);transform:rotateX(11deg);box-shadow:inset 0 0 0 .5px #1212110f}.dark .hero-leaf-front{background:linear-gradient(calc(90deg + var(--dir) * 14deg), #ffffff59 0%, transparent 38%, #1212110d), linear-gradient(#f4f3ef 0%, var(--device-paper) 26%, #dcdad3 100%)}.hero-leaf-back{background:linear-gradient(#d9d5cb,#c3beb2);transform:rotateX(-11deg)}.dark .hero-leaf-back{background:linear-gradient(#8f8b83,#6f6b64)}.hero-ridge{background:linear-gradient(#fff, var(--device-paper), #dcd8ce);border-radius:3em;height:5em;position:absolute;top:-2.5em;left:0;right:0;transform:translateZ(.5em)}.hero-edge{top:0;left:calc(50% + var(--dir) * 150em - 1em);transform-origin:50% 0;background:linear-gradient(#ebe8e0,#d3cec3);border-radius:1em;width:2em;height:100%;position:absolute;transform:rotateX(11deg)translateZ(.6em)}.hero-face{width:300em;height:390em;font-family:var(--font-brand), ui-sans-serif, system-ui, sans-serif;font-variant-numeric:lining-nums;text-align:center;transform-origin:150em 136em;position:absolute;top:-136em;left:-150em}.hero-lift{transition:translate .3s var(--ease-out);position:absolute;top:0;left:0}.hero-face>*{line-height:1;position:absolute;left:0;right:0}.hero-press{text-shadow:0 calc(.6 * var(--hero-du)) 0 #ffffffe6, 0 calc(-.4 * var(--hero-du)) 0 #0000002e}.hero-print-venue{top:calc(24 * var(--hero-du));text-transform:uppercase;letter-spacing:.26em;padding-inline-start:.26em;font-size:15em;font-weight:600}.hero-print-place{top:calc(51 * var(--hero-du));color:#1212118c;text-transform:uppercase;letter-spacing:.2em;padding-inline-start:.2em;font-size:7.5em;font-weight:500}.hero-print-code{top:calc(84 * var(--hero-du));right:auto;left:calc(98 * var(--hero-du));width:calc(104 * var(--hero-du));height:calc(104 * var(--hero-du))}.hero-print-code>svg{width:100%;height:100%;animation:.2s ease-out backwards hero-fade;display:block}.hero-print-table{top:calc(202 * var(--hero-du));color:#12121199;font-size:11em;font-weight:500}.hero-print-number{top:calc(218 * var(--hero-du));letter-spacing:-.03em;font-size:42em;font-weight:500;line-height:1}.hero-print-languages{top:calc(288 * var(--hero-du));right:calc(25 * var(--hero-du));left:calc(25 * var(--hero-du));color:#12121180;text-wrap:balance;font-size:7em;line-height:1.75}.hero-print-languages [data-own=true]{color:#121211;font-weight:600}.hero-print-brand{top:calc(356 * var(--hero-du));color:#12121161;text-transform:uppercase;letter-spacing:.14em;justify-content:center;align-items:center;gap:.6em;font-size:6.5em;font-weight:600;display:flex}.hero-floor{pointer-events:none;transform-origin:50% 0;height:585em;position:absolute;top:382.8em;left:-60%;right:-60%;transform:translateZ(74.4em)rotateX(-90deg)}.hero-floor>i{display:block;position:absolute}.hero-contact{background:radial-gradient(closest-side, rgb(var(--shadow-ink) / calc(.38 * var(--shadow-k))), rgb(var(--shadow-ink) / calc(.3 * var(--shadow-k))) 55%, transparent);width:300em;height:11.7em;transition:opacity .3s var(--ease-out);top:-5.85em;left:calc(50% - 150em)}.hero-occlusion{background:radial-gradient(50% 50% at 50% 28%, rgb(var(--shadow-ink) / calc(.2 * var(--shadow-k))), rgb(var(--shadow-ink) / calc(.06 * var(--shadow-k))) 55%, transparent 75%);width:49%;height:36%;transition:scale .3s var(--ease-out);top:-3%;left:25.5%}.hero-cast{top:0;left:calc(50% + var(--dir) * 4% - 18%);background:radial-gradient(80% 100% at 50% 0%, rgb(var(--shadow-ink) / calc(.14 * var(--shadow-k))), rgb(var(--shadow-ink) / calc(.05 * var(--shadow-k))) 50%, transparent 85%);width:36%;height:64%;transform:skewX(calc(var(--dir) * 38deg));transform-origin:50% 0}.hero-card-set{animation:hero-set .7s var(--ease-out) .12s backwards;position:absolute}.hero-card-set .hero-contact{animation:hero-fade .7s var(--ease-out) .12s backwards}.hero-card-set .hero-occlusion{animation:hero-form .7s var(--ease-out) .12s backwards}@media (hover:hover) and (pointer:fine){.hero-card:hover .hero-lift{translate:0 -4px}.hero-card:hover .hero-contact{opacity:.58}.hero-card:hover .hero-occlusion{scale:1.1 1.2}}.hero-card:focus-visible .hero-leaf-front{outline:2px solid var(--ink);outline-offset:6px}.hero-pose{top:calc(var(--land-top) + var(--ph) / 2);width:18.5rem;position:absolute;left:50%;translate:-50% -50%}.hero-held-shadow{pointer-events:none;border-radius:3rem;position:absolute;inset:0;box-shadow:0 60px 100px -50px #1212118c,0 24px 40px -28px #12121166}.dark .hero-held-shadow{box-shadow:0 46px 80px -28px #000000f2,0 16px 30px -12px #000000d9}.hero-lens{background:#ebe8e1;position:absolute;inset-inline:0;overflow:hidden}.dark .hero-lens{background:#1d1c1a}.hero-lens-world{width:0;height:0;transform:rotate(calc((var(--hero-rise) - 1) * var(--dir) * var(--rise-rz) * 1deg)) scale(calc(var(--hero-zoom) / var(--lens-max))) translate(calc(-1 * var(--lens-max) / (var(--held) * (.96 + .04 * var(--hero-rise))) * ( (1 - var(--hero-rise)) * var(--dir) * var(--rise-x) + var(--vf-gap) * var(--ph) * sin(calc((1 - var(--hero-rise)) * var(--dir) * var(--rise-rz) * 1deg)) )), calc(-1 * var(--lens-max) / (var(--held) * (.96 + .04 * var(--hero-rise))) * ( (1 - var(--hero-rise)) * (100svh + 2rem - var(--land-top)) + var(--vf-gap) * var(--ph) * ( 1 - cos(calc((1 - var(--hero-rise)) * var(--dir) * var(--rise-rz) * 1deg)) ) )));position:absolute;top:50%;left:50%}.hero-lens-exposure{background:radial-gradient(#0000 55%,#00000038),linear-gradient(#0000000f,#0000000f);position:absolute;inset:0}.hero-handoff{--type:min(5.75rem, calc(var(--col) / (var(--measure) + .12)), 8.4svh)}.hero-handoff-start{top:calc(var(--land-top) + .08 * var(--ph));text-align:end;flex-direction:column;grid-column:1/2;align-items:flex-end;gap:1.5rem;display:flex}.hero-handoff-end{top:calc(var(--ground) - 1.78 * var(--type));grid-column:3/4}.hero-handoff-small{inset-inline:0;top:calc(var(--land-top) + var(--ph) + 1.75rem);pointer-events:none;flex-direction:column;gap:.75rem;max-width:34rem;margin-inline:auto;padding-inline:1.25rem;display:flex;position:absolute}@media (max-height:37.5rem){.hero-handoff-small{top:calc(var(--land-top) + var(--ph) + 1.25rem)}.hero-handoff-small>:first-child{display:none}}.hero-rise{animation:hero-rise .65s var(--ease-out) var(--delay,0s) backwards}.hero-fade{animation:.45s ease-out .5s backwards hero-fade}@keyframes hero-rise{0%{translate:0 140%}}@keyframes hero-fade{0%{opacity:0}}@keyframes hero-set{0%{translate:0 -14px}}@keyframes hero-form{0%{opacity:.4}}@media (prefers-reduced-motion:reduce){.hero-rise,.hero-fade,.hero-card-set,.hero-card-set .hero-contact,.hero-card-set .hero-occlusion,.hero-print-code>svg{animation:none}.hero-lift,.hero-contact,.hero-occlusion{transition:none}}}
@property --stage-focus{syntax:"<number>";inherits:false;initial-value:0}@property --stage-ghost{syntax:"<number>";inherits:false;initial-value:0}