@layer components{.photo_wrap{isolation:isolate;background:var(--photo-shade);position:relative;overflow:hidden;&:after{content:"";background:var(--photo-tint);mix-blend-mode:multiply;opacity:var(--photo-tint-opacity);transition:opacity .6s var(--reveal-ease);pointer-events:none;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){&:after{transition:none}}}.photo_image{object-fit:cover;width:100%;height:100%;filter:var(--photo-filter);transition:filter .6s var(--reveal-ease), transform .9s var(--reveal-ease);@media (prefers-reduced-motion:reduce){transition:none}}.hero_wrap{--_cut:6vw;--_slope:atan2(calc(var(--_cut) * -1), 100vw);--background:var(--depth-background);isolation:isolate;position:relative;overflow-x:clip;@media (width<=40rem){--_cut:10vw}}.hero_background{z-index:-1;clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--_cut)), 0 100%);position:absolute;inset:0;overflow:hidden}.hero_photo{background:var(--depth-background);position:absolute;inset:0;&>.photo_image{object-position:62% 55%;transform:scale(1.06);@media (width<=40rem){object-position:72% 12%}.page &{object-position:50% 48%;@media (width<=40rem){object-position:28% 50%}}.page.rajo &{object-position:50% 60%;@media (width<=40rem){object-position:58% 50%}}.page.pala &{object-position:62% 58%;@media (width<=40rem){object-position:72% 40%}}}}.hero_shade{--_shade:var(--photo-shade);background:linear-gradient(90deg, color-mix(in srgb, var(--_shade) 94%, transparent) 0%, color-mix(in srgb, var(--_shade) 82%, transparent) 30%, color-mix(in srgb, var(--_shade) 25%, transparent) 56%, color-mix(in srgb, var(--_shade) 5%, transparent) 78%, color-mix(in srgb, var(--_shade) 30%, transparent) 100%), linear-gradient(180deg, color-mix(in srgb, var(--_shade) 70%, transparent) 0%, transparent 22%, transparent 70%, color-mix(in srgb, var(--_shade) 75%, transparent) 100%);position:absolute;inset:0;@media (width<=40rem){background:linear-gradient(180deg, color-mix(in srgb, var(--_shade) 35%, transparent) 0%, color-mix(in srgb, var(--_shade) 65%, transparent) 40%, color-mix(in srgb, var(--_shade) 88%, transparent) 100%)}}.hero_layout{align-items:end;gap:var(--space-8);min-height:min(100svh,58rem);padding-top:calc(7.5rem + var(--section-space-small));padding-bottom:calc(var(--_cut) + var(--section-space-small));grid-template-columns:minmax(0,1fr);display:grid;@media (width<=72rem){align-items:start;gap:var(--space-7);min-height:auto}@media (width<=40rem){padding-top:calc(7rem + var(--space-6))}.page &{min-height:auto;padding-top:var(--section-space-medium)}&:has(>.hero_aside>:not([hidden],script)){grid-template-columns:minmax(0,1fr) minmax(0,25rem);@media (width<=72rem){grid-template-columns:minmax(0,1fr)}.page &{@media (width<=40rem){gap:var(--space-4);padding-top:var(--space-6)}}}}.hero_aside{@media (width<=72rem){max-width:26rem}&:not(:has(>:not([hidden],script))){display:none}}.hero_content{justify-items:start;gap:var(--space-5);display:grid}.hero_title{max-width:13ch;font-size:clamp(2.5rem,1.2rem + 5vw,6rem);line-height:.95;.hero_wrap:not(.page):has(.hero_aside>:not([hidden],script)) &{font-size:clamp(2.5rem,1.2rem + 4.6vw,5.25rem)}.page &{max-width:16ch;font-size:var(--h1)}& em{color:var(--heading-accent);text-shadow:0 0 2rem rgb(var(--glow-rgb) / .18)}}.hero_word{--_i:0;vertical-align:top;padding-inline-end:.06em;display:inline-block;&>span{display:inline-block}&:nth-child(2){--_i:1}&:nth-child(3){--_i:2}&:nth-child(4){--_i:3}&:nth-child(5){--_i:4}&:nth-child(6){--_i:5}&:nth-child(7){--_i:6}&:nth-child(8){--_i:7}&:nth-child(9){--_i:8}&:nth-child(n+10){--_i:9}}.hero_text{max-width:48ch;color:var(--text-2);margin:0}.hero_actions{gap:var(--space-2);flex-wrap:wrap;display:flex;@media (width<=40rem){justify-self:stretch;&>.button_wrap{flex:100%}}}.hero_caption{z-index:2;right:var(--site-margin);bottom:calc(var(--_cut) + 2.25rem);border-radius:var(--radius-small);corner-shape:bevel;background:color-mix(in srgb, var(--photo-shade) 72%, transparent);color:var(--text-2);font-size:.6875rem;font-weight:var(--primary-semibold);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;margin:0;padding:.4rem .625rem;position:absolute;@media (width<=40rem){display:none}.hero_wrap:has(.hero_aside>:not([hidden],script)) &{display:none}}.hero_cut{height:calc(var(--_cut) + .0625rem);clip-path:polygon(100% 0,100% 100%,0 100%);pointer-events:none;position:absolute;inset:auto 0 -.0625rem}.hero_tape{z-index:1;background:var(--pattern-stripe);height:.875rem;box-shadow:0 0 1.5rem rgb(var(--glow-rgb) / .15);transform-origin:0 100%;transform:rotate(var(--_slope));background-size:2.475rem 100%;position:absolute;bottom:0;left:-2%;right:-2%}.hero_streak{z-index:1;background:linear-gradient(90deg, transparent 0%, rgb(var(--glow-rgb) / 0) 30%, rgb(var(--glow-rgb) / .9) 50%, rgb(var(--glow-rgb) / 0) 70%, transparent 100%) no-repeat -60% 0 / 60% 100%;height:.125rem;filter:drop-shadow(0 0 .375rem rgb(var(--glow-rgb) / .8));transform-origin:0 100%;transform:rotate(var(--_slope));pointer-events:none;position:absolute;bottom:.875rem;left:0;right:0}@media (prefers-reduced-motion:no-preference){.hero_photo>.photo_image{animation:hero-settle 2.6s var(--reveal-ease) backwards}.hero_word{animation:hero-mask var(--reveal-duration) linear backwards;animation-delay:calc(var(--_i) * 70ms + .12s);&>span{animation:hero-rise var(--reveal-duration) var(--reveal-ease) backwards;animation-delay:inherit}}.hero_text,.hero_actions,.hero_note,.hero_aside,.hero_caption{animation:hero-arrive var(--reveal-duration) var(--reveal-ease) backwards}.hero_text{animation-delay:.7s}.hero_actions{animation-delay:.85s}.hero_note{animation-delay:.95s}.hero_aside{animation-delay:1s}.hero_caption{animation-delay:1.1s}.hero_tape{animation:hero-tape 1.1s var(--reveal-ease) .3s backwards}.hero_streak{animation:hero-streak 2.2s var(--reveal-ease) .9s both}}@keyframes hero-settle{0%{transform:scale(1.14)}}@keyframes hero-mask{0%,to{clip-path:inset(-.5em -.5em -.2em)}}@keyframes hero-rise{0%{transform:translateY(135%)}}@keyframes hero-arrive{0%{opacity:0;transform:translateY(1.5rem)}}@keyframes hero-tape{0%{clip-path:inset(0 100% 0 0)}}@keyframes hero-streak{to{background-position:160% 0}}}