@import"https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@62..125,100..900&family=Nanum+Pen+Script&display=swap"layer(fonts);@layer normalize,fonts,base,demo,peel,explode;@layer normalize{html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}}@layer demo{:root{--surface: #fff;--ink: #000;--blend: screen;--page: hsl(40 6% 88%);--muted: hsl(0 0% 0% / .55);--line: hsl(0 0% 0% / .14);--accent: hsl(12 82% 50%);--note: hsl(0 0% 12%);--paper: hsl(40 12% 93%);--hand: "Nanum Pen Script", "Bradley Hand", "Segoe Print", cursive;--display: "Archivo", ui-sans-serif, system-ui, sans-serif;--card-w: min(clamp(240px, 62vw, 360px), 36vh);--tilt: -1.5deg}:root[data-scheme=dark]{--surface: #000;--ink: #fff;--blend: multiply;--page: hsl(220 4% 19.5%);--muted: hsl(0 0% 100% / .6);--line: hsl(0 0% 100% / .16);--accent: hsl(14 92% 64%);--note: hsl(0 0% 94%);--paper: hsl(220 4% 22%)}body{display:block;background:var(--page);color:var(--note);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}main{overflow:clip}.stage{position:relative;min-height:100vh;display:grid;place-items:center;padding:2rem 1rem}.card-shell{position:relative;width:var(--card-w);aspect-ratio:5 / 8;container-type:inline-size;rotate:var(--tilt);perspective:1800px;transition:rotate .6s var(--ease, ease)}.die{-webkit-mask:var(--die) 0 0 / 100% 100% no-repeat;mask:var(--die) 0 0 / 100% 100% no-repeat}.card-shadow{position:absolute;rotate:var(--tilt);pointer-events:none}.shadow{position:absolute;inset:0}.shadow .die{position:absolute;inset:0;background:#1a140f29}.shadow--ambient{translate:0 7%;scale:.96;filter:blur(34px)}.shadow--contact{translate:0 1.5%;filter:blur(9px)}.shadow--contact .die{background:#1a140f2e}:root[data-scheme=dark] .shadow .die{background:#00000080}.card{position:absolute;inset:0;isolation:isolate}.plane{position:absolute;inset:0}.plane--video{background:#000}.footage{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:fill;object-fit:fill;display:block;translate:var(--vx, 0px) var(--vy, 0px)}.knockout{position:absolute;inset:0;mix-blend-mode:var(--blend)}.plane--sheet{background:var(--surface)}.pass{position:absolute;inset:0 0 24%;display:grid;align-content:space-between;padding:15cqw 7cqw 5cqw;color:var(--ink)}.pass p,.pass dl,.pass dd{margin:0}.pass__head,.pass__serial{display:flex;justify-content:space-between;font-size:3cqw;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.pass__title{display:grid;place-items:center;height:28.8cqw}.word{font-family:var(--display);font-weight:900;font-stretch:125%;font-size:calc(var(--fs, 120) * 1px);line-height:.8;letter-spacing:-.02em;white-space:pre}.pass__who{position:relative}.holo{position:absolute;right:-1cqw;top:50%;width:24cqw;aspect-ratio:1;translate:0 -50%;background:linear-gradient(115deg,#f877b8,#64def7,#fbef6a,#bd84f5,#55f1d7,#f877b8) var(--hx, 50%) var(--hy, 50%) / 320% 320%;-webkit-mask:var(--globe) center / contain no-repeat;mask:var(--globe) center / contain no-repeat}.texture{position:absolute;inset:0;opacity:.55;background:linear-gradient(115deg,#f76eb3,#47d8f5,#faeb42,#b87bf4,#39efd1,#f76eb3) var(--hx, 50%) var(--hy, 50%) / 320% 320%;-webkit-mask-composite:source-in,xor;mask-composite:intersect}:root[data-scheme=dark] .texture{opacity:.45}.texture--grey{background:var(--ink);opacity:.14;-webkit-mask:var(--grey-art) 0 0 / 100% 100% no-repeat,var(--letters, linear-gradient(#000 0 0)) 0 0 / 100% 100% no-repeat;mask:var(--grey-art) 0 0 / 100% 100% no-repeat,var(--letters, linear-gradient(#000 0 0)) 0 0 / 100% 100% no-repeat;-webkit-mask-composite:source-in,xor;mask-composite:intersect}:root[data-scheme=dark] .texture--grey{opacity:.2}.glare{position:absolute;inset:0;background:radial-gradient(circle at var(--gx, 50%) var(--gy, 30%),hsl(0 0% 100% / .55),transparent 55%);mix-blend-mode:overlay;pointer-events:none}.pass__name{padding-right:25cqw;font-family:var(--display);font-stretch:112.5%;font-weight:800;font-size:7.2cqw;line-height:1;letter-spacing:-.02em}.pass__role{display:flex;align-items:center;gap:2cqw;margin-top:2.2cqw!important;font-size:3.6cqw;color:var(--muted)}.tag{padding:.8cqw 2.2cqw;border-radius:99px;background:var(--ink);color:var(--surface);font-size:2.6cqw;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pass__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3cqw;padding-top:4cqw;border-top:1px solid var(--line)}.pass__grid dt{font-size:2.5cqw;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.pass__grid dd{margin-top:1cqw;font-size:3.8cqw;font-weight:600}.pass__stub{position:absolute;top:100%;left:0;right:0;height:calc(100% * 24 / 76);display:grid;align-content:center;gap:2.5cqw;padding:0 9cqw;border-top:1.5px dashed var(--line)}.barcode{width:100%;height:12cqw;fill:currentColor}.plane--title .pass>:not(.pass__title){visibility:hidden}.plane--print .pass__title{visibility:hidden}.edge{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.edge path{fill:none;stroke:var(--line);stroke-width:1;vector-effect:non-scaling-stroke}.notes{position:absolute;rotate:var(--tilt);pointer-events:none}.note{--s: .85;position:absolute;left:calc(var(--ax, 0) * 1px);top:calc(var(--ay, 0) * 1px);width:0;height:0;font-family:var(--hand);font-size:clamp(1.25rem,.95rem + .9vw,1.7rem);line-height:1;color:var(--note);pointer-events:none;transition:opacity .3s}.note__arrow{position:absolute;left:calc(-4px * var(--s));top:calc(-80px * var(--s));width:calc(96px * var(--s));height:calc(84px * var(--s));overflow:visible;transform-origin:calc(4px * var(--s)) calc(80px * var(--s));fill:none;stroke:currentColor;stroke-width:calc(2.5 / var(--s));stroke-linecap:round;stroke-linejoin:round}.note__shaft,.note__head{stroke-dasharray:1 3;stroke-dashoffset:1.05;transition:stroke-dashoffset 0s .2s}:root:not([data-notes=true]) .note__arrow{visibility:hidden;transition:visibility 0s .25s}.note__text{position:absolute;width:-moz-max-content;width:max-content;max-width:15rem;margin:0;text-wrap:balance;opacity:0;transition:opacity .2s}.note__text em{font-style:normal;color:var(--accent)}.note__text .nowrap{white-space:nowrap}.note__text small{display:block;margin-top:.2em;font-size:.78em;line-height:1.1;color:var(--muted)}:root[data-notes=true] .note:not([hidden]) .note__shaft{stroke-dashoffset:0;transition:stroke-dashoffset .45s cubic-bezier(.55,0,.35,1) calc(.15s + var(--i) * .15s)}:root[data-notes=true] .note:not([hidden]) .note__head{stroke-dashoffset:0;transition:stroke-dashoffset .15s ease-out calc(.58s + var(--i) * .15s)}:root[data-notes=true] .note:not([hidden]) .note__text{opacity:1;transition:opacity .3s calc(.5s + var(--i) * .15s)}.note--text{--i: 0}.note--text .note__arrow{scale:-1 -1}.note--text .note__text{right:calc(96px * var(--s));top:calc(76px * var(--s));text-align:right}.note--blend{--i: 1}.note--blend .note__arrow{scale:-1 1;rotate:-32deg}.note--blend .note__text{right:calc(132px * var(--s));top:calc(-17px * var(--s));translate:0 -50%;text-align:right}.note--sheet{--i: 2}.note--sheet .note__arrow{scale:1 -1}.note--sheet .note__text{left:calc(96px * var(--s));top:calc(76px * var(--s))}.note--peel{--i: 3}.note--peel .note__arrow{scale:-1 1}.note--peel .note__text{right:calc(84px * var(--s));bottom:calc(80px * var(--s));text-align:center;translate:40% 0}@media(max-width:720px){:root{--card-w: min(50vw, 36vh)}.stage{padding-top:7rem}.note{--s: .55;font-size:.95rem}.note__text{max-width:calc(50vw - 30px)}.note--text .note__arrow{scale:-1 1}.note--text .note__text{top:auto;right:auto;left:var(--text-left, 0px);bottom:var(--text-bottom, calc(112px * var(--s)));text-align:left}.note--peel .note__text{right:var(--text-right, 0px);bottom:var(--text-bottom, calc(92px * var(--s)));text-align:right;translate:none}.note--blend .note__arrow{scale:-1 -1;rotate:0deg}.note--blend .note__text{translate:none;right:auto;bottom:auto;left:var(--text-left, 0px);top:calc(80px * var(--s));text-align:left}.note--sheet .note__arrow{scale:1 -1}.note--sheet .note__text{left:auto;right:var(--text-right, 0px);top:calc(80px * var(--s));text-align:right}}@media(max-width:380px){:root{--card-w: min(46vw, 36vh)}.note{font-size:.85rem}}}@layer peel{.sticker{clip-path:var(--peel-clip, none)}.peel-handle,.flap,.fold-shade{display:none}:root[data-peel=true][data-flat=true] .peel-handle,:root[data-peel=true][data-flat=true] .flap,:root[data-peel=true][data-flat=true] .fold-shade{display:block}.peel-handle{position:absolute;right:-.75rem;top:-.75rem;width:5rem;aspect-ratio:1;padding:0;border:0;border-radius:50%;background:transparent;cursor:grab;touch-action:none}.peel-handle:active{cursor:grabbing}.peel-handle:focus-visible{outline:2px solid var(--accent)}:root[data-peel=true] .pass__head{padding-right:10cqw}.fold-shade{position:absolute;inset:0;background:var(--fold-shade, none);clip-path:var(--exposed-clip, polygon(0 0, 0 0, 0 0));pointer-events:none}.flap{position:absolute;inset:0;pointer-events:none;filter:drop-shadow(0 calc(1px + var(--lift, 0) * 2px) calc(1px + var(--lift, 0) * 3px) hsl(0 0% 0% / .2)) drop-shadow(calc(var(--lift, 0) * -6px) calc(4px + var(--lift, 0) * 14px) calc(8px + var(--lift, 0) * 22px) hsl(0 0% 0% / .24))}.flap__back{position:absolute;inset:0;transform-origin:0 0;transform:var(--flap-transform, none);clip-path:var(--flap-clip, polygon(0 0, 0 0, 0 0));background:var(--flap-shade, none),var(--paper)}.flap__back .pass{color:color-mix(in srgb,#000 4%,transparent)}.flap__back .pass :is(.tag,.pass__role,dt){background:none;color:inherit}.flap__back .pass :is(.pass__grid,.pass__stub){border-color:transparent}.flap__back .holo{display:none}}@layer explode{:root{--rx: 58deg;--rz: -34deg;--depth: 170;--s: 1;--tx: 0px;--ty: 0px;--ease: cubic-bezier(.65, 0, .35, 1)}:root[data-flat=false] .card,:root[data-flat=false] .knockout{transform-style:preserve-3d}:root[data-flat=false] .card{isolation:auto}:root[data-flat=false] .knockout{mix-blend-mode:normal}.card{transition:transform .9s var(--ease) .6s}.plane{outline:1px solid transparent;transition:transform .8s var(--ease),background-color .3s}.card-shadow,.edge,.glare{transition:opacity .3s}:root[data-flat=false] :is(.card-shadow,.edge,.note,.glare){opacity:0;transition-duration:.15s}:root[data-flat=false] .glare{display:none}:root[data-explode=true] .card-shell{rotate:0deg}:root[data-explode=true] .card{transform:translate(var(--tx),var(--ty)) scale(var(--s)) rotateX(var(--rx)) rotate(var(--rz));transition-delay:0s}:root[data-explode=true] .plane{transition-delay:.6s}:root[data-explode=true] .plane--sheet{transform:translateZ(calc(var(--depth) * 1px))}:root[data-explode=true] .plane--title{transform:translateZ(calc(var(--depth) * 2px));background:color-mix(in srgb,var(--ink) 6%,transparent)}:root[data-explode=true] .plane--print{transform:translateZ(calc(var(--depth) * 3px));background:color-mix(in srgb,var(--ink) 4%,transparent)}.labels{position:absolute;inset:0;margin:0;padding:0;list-style:none;pointer-events:none}.labels li{position:absolute;top:0;left:0;width:-moz-max-content;width:max-content;max-width:var(--label-max, 16rem);font-family:var(--hand);font-size:var(--label-size, 1.45rem);line-height:1.05;color:var(--note);text-align:var(--label-align, right);opacity:0;transition:opacity .2s}.labels em{font-style:normal;color:var(--accent)}.labels small{display:block;margin-top:.15em;font-size:.8em;color:var(--muted)}.leaders{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;opacity:0}.leaders path{fill:none;stroke:var(--accent);stroke-width:1.25;stroke-dasharray:var(--len) var(--len);stroke-dashoffset:var(--len)}.leaders circle{fill:var(--accent);opacity:0;transition:opacity .2s}.leaders .badge text{fill:#fff;font:700 11px/1 ui-sans-serif,system-ui,sans-serif;text-anchor:middle;dominant-baseline:central;opacity:0;transition:opacity .2s}:root[data-numbered=true] .labels li{padding-left:1.75rem}:root[data-numbered=true] .labels li:before{content:attr(data-n);position:absolute;left:0;top:.1rem;display:grid;place-items:center;width:1.15rem;aspect-ratio:1;border-radius:50%;background:var(--accent);color:#fff;font:700 11px/1 ui-sans-serif,system-ui,sans-serif}:root[data-labelled=true] .leaders{opacity:1}:root[data-labelled=true] .labels li{opacity:1;transition:opacity .4s calc(var(--i, 0) * .08s)}:root[data-labelled=true] .leaders path{stroke-dashoffset:0;transition:stroke-dashoffset .5s var(--ease) calc(var(--i, 0) * .08s)}:root[data-labelled=true] .leaders :is(circle,.badge text){opacity:1;transition:opacity .3s calc(.3s + var(--i, 0) * .08s)}@media(prefers-reduced-motion:reduce){.card,.plane{transition-duration:.01s!important;transition-delay:0s!important}}}@layer base{html{color-scheme:light dark}[data-theme=light]{color-scheme:light only}[data-theme=dark]{color-scheme:dark only}*,*:after,*:before{box-sizing:border-box}body:before{--size: 45px;--line: color-mix(in hsl, canvasText, transparent 88%);content:"";height:100vh;width:100vw;position:fixed;background:linear-gradient(90deg,var(--line) 1px,transparent 1px var(--size)) calc(var(--size) * .36) 50% / var(--size) var(--size),linear-gradient(var(--line) 1px,transparent 1px var(--size)) 0% calc(var(--size) * .32) / var(--size) var(--size);-webkit-mask:linear-gradient(-20deg,transparent 50%,white);mask:linear-gradient(-20deg,transparent 50%,white);top:0;transform-style:flat;pointer-events:none;z-index:-1}.brand-link{color:canvasText;position:fixed;top:1rem;left:1rem;width:48px;aspect-ratio:1;display:grid;place-items:center;opacity:.8;z-index:2}:where(.brand-link):is(:hover,:focus-visible){opacity:1}.craft-link .spinner{width:24px}.gem__facet{transform-box:fill-box;transform-origin:center}.gem__facet--top{--spin-to: 360deg;transform:scaleY(-1)}@media(prefers-reduced-motion:no-preference){.gem__facet{animation:gem-spin 30s infinite linear;animation-composition:add}.brand-link:is(:hover,:focus-visible) .gem__facet{animation:gem-spin 30s infinite linear,gem-hover .65s cubic-bezier(.215,.61,.355,1);animation-composition:add,add}}@keyframes gem-spin{to{rotate:var(--spin-to, -360deg)}}@keyframes gem-hover{to{rotate:calc(var(--spin-to, -360deg) / 4)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}}div.tp-dfwv{z-index:9999;width:256px;position:fixed;border-radius:var(--bs-br)}div.tp-dfwv .tp-rotv{max-height:calc(100vh - 16px);overflow:auto;border-radius:var(--bs-br)}div.tp-dfwv .tp-rotv>.tp-rotv_b{position:sticky;top:0;z-index:2;background:#45474c}