@layer components{.pl-hero{isolation:isolate;padding-block-start:var(--c-16);position:relative;overflow-x:clip}@media (min-width:1024px){.pl-hero{padding-block-start:var(--c-24)}}.pl-field{inset-block:0;inset-inline:calc(var(--c-8) * -1);z-index:0;pointer-events:none;animation:pl-fade .4s var(--c-ease-out) .16s backwards;background-image:linear-gradient(90deg,#ffffff06,#ffffff06),linear-gradient(90deg,#ffffff06,#ffffff06),linear-gradient(90deg,#ffffff06,#ffffff06),linear-gradient(90deg,#ffffff06,#ffffff06);background-position:1.3% 0,42.5% 0,50.8% 0,98.7% 0;background-repeat:no-repeat;background-size:1px 100%;position:absolute}.pl-tick{z-index:0;block-size:9px;inline-size:9px;left:var(--x);top:var(--y);pointer-events:none;background-image:linear-gradient(to right, var(--c-hairline), var(--c-hairline)), linear-gradient(to bottom, var(--c-hairline), var(--c-hairline));animation:pl-fade .4s var(--c-ease-out) .16s backwards;background-position:0 4px,4px 0;background-repeat:no-repeat;background-size:9px 1px,1px 9px;position:absolute;translate:-50% -50%}.pl-light{inset-block:0;inset-inline:calc(var(--c-8) * -1);z-index:0;pointer-events:none;animation:pl-drift 18s var(--c-ease-in-out) infinite alternate;will-change:transform;background-image:radial-gradient(760px 420px at 72% 34%,#ffffff0d,#0000 70%),radial-gradient(520px 360px at 50% 92%,#e8ff470f,#0000 68%);position:absolute}.pl-spread{z-index:1;gap:var(--c-16);display:grid;position:relative}@media (min-width:1024px){.pl-spread{grid-template-columns:5fr 1fr 6fr;align-items:stretch;gap:0}}.pl-type{gap:var(--c-8);grid-template-rows:auto 1fr auto auto;display:grid}.pl-head{--pl-step:16px;font-family:var(--c-font-display);text-transform:uppercase;letter-spacing:var(--c-tr-hero);color:var(--c-ink);font-weight:800;font-stretch:112%;font-size:var(--c-t-display);line-height:var(--c-lh-display);display:block}@media (min-width:768px){.pl-head{--pl-step:48px;font-size:48px;line-height:50px}}@media (min-width:1024px){.pl-head{--pl-step:60px;font-size:var(--c-t-hero);line-height:var(--c-lh-hero)}}.pl-head span{display:block}.pl-head span:first-child{animation:pl-rise .24s var(--c-ease-out) .2s backwards}.pl-head span:nth-child(2){animation:pl-rise .24s var(--c-ease-out) .28s backwards;margin-inline-start:var(--pl-step)}.pl-serif{font-family:var(--c-font-editorial);letter-spacing:-.01em;text-transform:none;color:var(--c-ink);animation:pl-rise .24s var(--c-ease-out) .36s backwards;margin-inline-start:calc(var(--pl-step) * 2.5);font-size:30px;font-style:italic;font-weight:400;line-height:30px;display:block}@media (min-width:1024px){.pl-serif{font-size:var(--c-t-display);line-height:42px}}.pl-copy{max-inline-size:46ch;animation:pl-rise .24s var(--c-ease-out) .44s backwards}.pl-mast{align-items:center;gap:var(--c-6);animation:pl-fade .24s var(--c-ease-out) .52s backwards;display:flex}.pl-mast i{background-color:#fff3;flex:none;block-size:12px;inline-size:1px}.pl-hang{aspect-ratio:3/2;inline-size:100%;position:relative}.pl-card{inline-size:var(--w);left:var(--x);top:var(--y);aspect-ratio:var(--ar);z-index:var(--z);rotate:var(--rot);border-radius:var(--c-r-block);background-color:var(--c-surface);box-shadow:inset 0 0 0 1px var(--c-hairline), inset 0 1px 0 0 var(--c-hairline-strong);animation:pl-card .28s var(--c-ease-out) var(--d) backwards;transition:rotate var(--c-dur) var(--c-ease-out);display:block;position:absolute;overflow:clip}.pl-card[data-lit=true]{box-shadow:inset 0 0 0 1px var(--c-hairline-strong)}.pl-card:hover,.pl-card:focus-visible{rotate:none}.pl-card img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.pl-card[data-dim="1"] img{filter:brightness(.78)saturate(.88)}.pl-card[data-dim="2"] img{filter:brightness(.58)saturate(.7)}.pl-card[data-dim="2"]{display:none}@media (min-width:640px){.pl-card[data-dim="2"]{display:block}}.pl-card figcaption{z-index:2;inset-inline:var(--c-6);position:absolute;inset-block-end:var(--c-6)}.pl-annot{z-index:5;max-inline-size:30ch;animation:pl-fade .24s var(--c-ease-out) .94s backwards;display:none;position:absolute;bottom:0;left:0}.pl-leader{z-index:5;pointer-events:none;animation:pl-draw .32s var(--c-ease-out) .94s backwards;display:none;position:absolute}.pl-marker{z-index:5;block-size:24px;inline-size:24px;animation:pl-fade .18s var(--c-ease-out) 1.22s backwards;display:none;position:absolute;box-shadow:inset 0 0 0 1px #ffffff38}@media (min-width:1024px){.pl-annot,.pl-leader,.pl-marker{display:block}}.pl-bar{z-index:2;align-items:center;gap:var(--c-4);padding:var(--c-4);border-radius:var(--c-r-block);background-color:var(--c-surface-2);box-shadow:inset 0 0 0 1px var(--c-hairline), inset 0 1px 0 0 var(--c-hairline-strong);animation:pl-rise .24s var(--c-ease-out) .86s backwards;display:flex;position:relative}.pl-bar input[type=search]{flex:auto;min-inline-size:0}.pl-bar__sep{background-color:#fff3;flex:none;block-size:20px;inline-size:1px}@media not (min-width:640px){.pl-bar{row-gap:var(--c-4);flex-wrap:wrap}.pl-bar input[type=search]{flex:1 0 70%}.pl-bar__sep{display:none}.pl-bar__sort{flex:auto}}.pl-index{z-index:30;align-items:center;gap:var(--c-12);background-color:var(--c-ground);border-block-end:1px solid var(--c-hairline);scrollbar-width:none;overscroll-behavior-x:contain;scroll-snap-type:x proximity;block-size:44px;display:flex;position:sticky;inset-block-start:var(--c-nav);overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 32px),#0000 100%);mask-image:linear-gradient(90deg,#000 0 calc(100% - 32px),#0000 100%)}.pl-index::-webkit-scrollbar{display:none}.pl-index a{scroll-snap-align:start;align-items:baseline;gap:var(--c-2);padding-block:var(--c-3);font-size:var(--c-t-control);line-height:var(--c-lh-control);color:var(--c-ink-3);transition:color var(--c-dur-fast) var(--c-ease-out);flex:none;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.pl-index a:hover,.pl-index a:focus-visible,.pl-index a[aria-current=true]{color:var(--c-ink)}.pl-index a[aria-current=true]:after{content:"";background-color:var(--c-accent);block-size:1px;position:absolute;inset-block-end:0;inset-inline:0}@keyframes pl-fade{0%{opacity:0}}@keyframes pl-rise{0%{opacity:0;transform:translateY(8px)}}@keyframes pl-card{0%{opacity:0;transform:translateY(20px)scale(.97)}}@keyframes pl-draw{0%{opacity:0;stroke-dashoffset:320px}}@keyframes pl-drift{0%{transform:translate(-14px)}to{transform:translate(14px)}}@media (prefers-reduced-motion:reduce){.pl-field,.pl-tick,.pl-head span,.pl-serif,.pl-copy,.pl-mast,.pl-card,.pl-annot,.pl-leader,.pl-marker,.pl-bar{animation:none}.pl-light{animation:none;transform:none}.pl-card{transition:none}}}
