@layer components{.shell{width:100%;max-width:27rem;margin-inline:auto;padding-inline:1.5rem}.hatch{background-color:var(--paper-deep);background-image:repeating-linear-gradient(58deg,color-mix(in srgb,var(--plate-ink) 4%,transparent) 0 1px,transparent 1px 11px),repeating-linear-gradient(-58deg,color-mix(in srgb,var(--plate-ink) 3%,transparent) 0 1px,transparent 1px 11px)}.column{width:100%;max-width:30rem;margin-inline:auto}.leader{min-width:1.25rem;flex:1;align-self:center;border-bottom:1px dotted var(--rule)}.paper{position:relative;background-color:var(--paper);background-image:radial-gradient(120% 80% at 22% 0%,color-mix(in srgb,var(--paper) 22%,white),transparent 64%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.86' numOctaves='4'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23f)' opacity='0.26'/%3E%3C/svg%3E");background-blend-mode:normal,multiply}[data-palette=cobre] .paper{background-image:radial-gradient(120% 80% at 22% 0%,color-mix(in srgb,var(--plate-ink) 7%,transparent),transparent 64%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.86' numOctaves='4'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23f)' opacity='0.08'/%3E%3C/svg%3E");background-blend-mode:normal,screen}.deckle:before{content:"";position:absolute;inset:-6px;z-index:-1;background-color:var(--paper);filter:url(#deckle) drop-shadow(0 10px 22px color-mix(in srgb,var(--plate-ink) 18%,transparent))}[data-palette=cobre] .deckle:before{inset:0;filter:drop-shadow(0 12px 26px color-mix(in srgb,var(--plate-ink) 70%,transparent))}.emboss{color:color-mix(in srgb,var(--paper) 86%,var(--ink));text-shadow:0 1px 0 color-mix(in srgb,var(--paper) 55%,white),0 -1px 1px color-mix(in srgb,var(--plate-ink) 22%,transparent)}.foil{background-image:linear-gradient(104deg,var(--foil-dark) 0%,var(--foil-mid) 18%,var(--foil-light) 38%,#fffaf0 48%,var(--foil-light) 58%,var(--foil-mid) 78%,var(--foil-dark) 100%);background-size:220% 100%;background-position:30% 0;-webkit-background-clip:text;background-clip:text;color:transparent}.plate{position:relative;color:var(--plate-ink, var(--ink));background-image:linear-gradient(104deg,var(--foil-mid) 0%,var(--foil-light) 20%,color-mix(in srgb,var(--foil-light) 42%,white) 46%,var(--foil-light) 72%,var(--foil-mid) 100%);background-size:220% 100%;background-position:34% 0;box-shadow:inset 0 1px #ffffffd9,inset 0 -1px color-mix(in srgb,var(--foil-dark) 60%,transparent),0 6px 16px -6px color-mix(in srgb,var(--plate-ink) 34%,transparent)}.spark{position:relative;border:3px solid var(--foil-mid);transition:background-color .3s ease-in-out,background-image .3s ease-in-out,color .3s ease-in-out,box-shadow .3s ease-in-out}.spark:hover,.spark:focus-visible,.spark:active{background-image:none;background-color:transparent;color:var(--foil-ink);box-shadow:0 0 25px color-mix(in srgb,var(--foil-mid) 45%,transparent)}.spark>.spark-label{position:relative;z-index:1}.spark-star{position:absolute;height:auto;opacity:.28;fill:color-mix(in srgb,var(--foil-light) 45%,white);filter:drop-shadow(0 0 0 var(--foil-light));pointer-events:none}.spark-1{top:20%;left:20%;width:11px;transition:all 1s cubic-bezier(.05,.83,.43,.96)}.spark-2{top:45%;left:45%;width:7px;transition:all 1s cubic-bezier(0,.4,0,1.01)}.spark-3{top:40%;left:40%;width:4px;transition:all 1s cubic-bezier(0,.4,0,1.01)}.spark-4{top:20%;left:40%;width:6px;transition:all .8s cubic-bezier(0,.4,0,1.01)}.spark-5{top:25%;left:45%;width:7px;transition:all .6s cubic-bezier(0,.4,0,1.01)}.spark-6{top:5%;left:50%;width:4px;transition:all .8s ease}.spark:hover .spark-star,.spark:focus-visible .spark-star,.spark:active .spark-star{opacity:1;z-index:2;filter:drop-shadow(0 0 10px var(--foil-light))}.spark:hover .spark-1,.spark:focus-visible .spark-1,.spark:active .spark-1{top:-80%;left:-12%}.spark:hover .spark-2,.spark:focus-visible .spark-2,.spark:active .spark-2{top:-25%;left:10%}.spark:hover .spark-3,.spark:focus-visible .spark-3,.spark:active .spark-3{top:55%;left:25%}.spark:hover .spark-4,.spark:focus-visible .spark-4,.spark:active .spark-4{top:30%;left:80%}.spark:hover .spark-5,.spark:focus-visible .spark-5,.spark:active .spark-5{top:25%;left:104%}.spark:hover .spark-6,.spark:focus-visible .spark-6,.spark:active .spark-6{top:5%;left:60%}.engraved{background-color:var(--paper);color:var(--ink);border:1px solid var(--rule);box-shadow:inset 0 1px color-mix(in srgb,var(--paper) 55%,white)}[data-palette=cobre] .engraved{background-color:color-mix(in srgb,var(--ink) 94%,var(--paper));color:var(--plate-ink);border-color:color-mix(in srgb,var(--plate-ink) 22%,transparent);box-shadow:inset 0 1px #ffffffbf,0 6px 16px -6px color-mix(in srgb,var(--plate-ink) 55%,transparent)}.rule-engraved{border-bottom:1px solid var(--rule);box-shadow:0 1px color-mix(in srgb,var(--paper) 55%,white)}.versal{font-family:var(--font-display);font-weight:500;text-transform:uppercase;letter-spacing:.2em;font-size:.74rem;line-height:1.4}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{scrollbar-width:none}.edge-fade{mask-image:linear-gradient(90deg,transparent,rgb(0 0 0 / 1) 7%,rgb(0 0 0 / 1) 93%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,rgb(0 0 0 / 1) 7%,rgb(0 0 0 / 1) 93%,transparent)}.tnum{font-variant-numeric:tabular-nums}}@keyframes foil-sweep{0%{background-position:96% 0}to{background-position:4% 0}}.foil-sweep{animation:foil-sweep 2.1s cubic-bezier(.16,1,.3,1) 1.7s both}@media(prefers-reduced-motion:reduce){.foil-sweep{animation:none}.spark-star{transition:none}}