:root{--crimson:#d91f36;--fuchsia:#ed368c;--orange:#f47721;--gold:#f9bb36;--purple:#742da6;--turquoise:#16b6c6;--blue:#168bd3;--emerald:#21874e;--ochre:#db964d;--paper:#fbf5ec;--ink:#2a1236;--ink-soft:#5e4668;--display:"Gloock", "Times New Roman", serif;--body:"Bricolage Grotesque", system-ui, sans-serif;--gutter:clamp(1rem, 5vw, 4.5rem)}*,:before,:after{box-sizing:border-box}html{background:var(--paper)}body{background:var(--paper);min-height:100svh;color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;grid-template:"text art"1fr"foot art"/minmax(0,48rem) auto;justify-content:center;column-gap:clamp(1rem,3vw,4rem);margin:0;font-size:1.125rem;line-height:1.5;display:grid;overflow-x:hidden}body:after{content:"";z-index:3;pointer-events:none;opacity:.1;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.45  0 0 0 0 0.33  0 0 0 0 0.22  0 0 0 0.9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}::selection{background:var(--orange);color:#fff}.defs{width:0;height:0;position:absolute;overflow:hidden}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.art{isolation:isolate;padding:1rem var(--gutter) 0 0;grid-area:art;place-self:end;margin:0;position:relative}.catrina{object-fit:contain;object-position:bottom center;transform-origin:bottom;width:auto;max-width:45vw;height:calc(100svh - 1rem);animation:1.4s cubic-bezier(.2,.7,.2,1) .1s both appear;display:block}@keyframes appear{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}main{z-index:1;padding:clamp(1rem, 5vh, 4rem) 0 clamp(.5rem, 2vh, 2rem) var(--gutter);padding:clamp(1rem, 5svh, 4rem) 0 clamp(.5rem, 2svh, 2rem) var(--gutter);flex-direction:column;grid-area:text;justify-content:center;display:flex;position:relative}h1{font-family:var(--display);letter-spacing:-.025em;color:#000;margin:0 0 clamp(.75rem,3.5svh,2.25rem);font-size:clamp(3rem,min(11vw,17svh),12.5rem);font-weight:400;line-height:.84}.line{animation:rise 1.1s cubic-bezier(.2, .7, .2, 1) var(--d,0s) both;display:block}.line:nth-child(2){padding-left:.95em}.line:nth-child(3){padding-left:.3em}@keyframes rise{0%{opacity:0;transform:translateY(.18em)}to{opacity:1;transform:none}}.intro{max-width:30ch;color:var(--ink-soft);margin:0 0 clamp(.5rem,2.5svh,1.5rem);font-size:clamp(1.125rem,1.6vw,1.375rem)}.links{flex-direction:column;align-items:flex-start;gap:clamp(.1rem,.6svh,.4rem);margin:0;padding:0;list-style:none;display:flex}.link{--pad-x:clamp(1.4rem, 3vw, 2.2rem);padding:clamp(.5rem, 1.6svh, .85rem) calc(var(--pad-x) + .2rem) clamp(.55rem, 1.7svh, .9rem) var(--pad-x);margin-left:calc(-1 * min(var(--pad-x), var(--gutter) - .25rem));color:var(--ink);isolation:isolate;border-radius:.25rem;align-items:baseline;gap:.6rem;text-decoration:none;transition:color .35s;display:inline-flex;position:relative}.stroke{z-index:-1;width:100%;height:136%;fill:var(--pigment);clip-path:inset(84% 4% 0 2%);transition:clip-path .5s cubic-bezier(.3,.7,.2,1);position:absolute;top:-22%;left:0;overflow:visible}.link:hover .stroke,.link:focus-visible .stroke{clip-path:inset(0)}.link:hover,.link:focus-visible{color:var(--on-pigment);text-shadow:0 1px 2px #2a123659}.link:hover .handle,.link:focus-visible .handle{opacity:1}.link:focus-visible{outline:2px dashed var(--purple);outline-offset:6px}.name{font-family:var(--display);font-size:clamp(1.5rem,min(4.6vw,5.5svh),3.25rem);line-height:1.1}.handle{opacity:.8;font-size:1rem;font-weight:600}footer{z-index:1;padding:clamp(.5rem, 2svh, 1.5rem) 0 clamp(.75rem, 3svh, 2rem) var(--gutter);color:var(--ink-soft);grid-area:foot;font-size:.9375rem;position:relative}@media (orientation:portrait) and (width<=1024px){body{grid-template:". ."1fr"title art""intro intro""links links"". ."1fr"foot foot"/1fr 1fr;justify-content:stretch;column-gap:0}main{display:contents}h1{padding-left:var(--gutter);grid-area:title;align-self:center;margin:0;font-size:clamp(2.5rem,min(15vw,10svh),8rem)}.art{grid-area:art;place-self:center stretch;padding:0}.catrina{width:100%;max-width:none;height:auto}.intro{padding:0 var(--gutter);grid-area:intro;max-width:none;margin:clamp(1rem,3svh,2rem) 0 clamp(.5rem,2svh,1.25rem)}.links{padding:0 var(--gutter);grid-area:links}.link{flex-wrap:wrap;row-gap:0}.name{font-size:clamp(1.5rem,min(9vw,5svh),2.5rem)}}@media (orientation:landscape) and (height<=560px){h1{font-size:clamp(2.5rem,min(11vw,14svh),12.5rem)}.intro{max-width:48ch}}@media (prefers-reduced-motion:reduce){.line,.catrina{animation:none}.stroke,.link{transition:none}}