:root{--seed-accent: #00ff66;--seed-accent-alt: #a3ff12;--seed-tint: 7%;--black: color-mix(in srgb, var(--seed-accent) var(--seed-tint), #000);--white: color-mix(in srgb, var(--seed-accent) var(--seed-tint), #fff);--ground: var(--white);--ground-deep: color-mix(in srgb, var(--seed-accent) 10%, var(--white));--ink: var(--black);--accent-ink: var(--accent-deep);--accent-alt-ink: var(--accent-alt-deep);--glow-strength: 16%;--shade-low: 10%;--shade-high: 18%}@media (prefers-color-scheme: dark){:root{--ground: var(--black);--ground-deep: color-mix(in srgb, var(--black) 55%, #000);--ink: var(--white);--accent-ink: var(--seed-accent);--accent-alt-ink: var(--seed-accent-alt);--glow-strength: 20%;--shade-low: 55%;--shade-high: 72%}}:root{--accent: var(--seed-accent);--accent-alt: var(--seed-accent-alt);--ink-on-accent: var(--black);--accent-deep: color-mix(in srgb, var(--seed-accent) 45%, var(--black));--accent-alt-deep: color-mix(in srgb, var(--seed-accent-alt) 45%, var(--black));--ink-soft: color-mix(in srgb, var(--ink) 72%, var(--ground));--ink-faint: color-mix(in srgb, var(--ink) 55%, var(--ground));--surface: color-mix(in srgb, var(--ink) 4%, transparent);--surface-strong: color-mix(in srgb, var(--ink) 8%, transparent);--edge: color-mix(in srgb, var(--accent-ink) 25%, transparent);--glow-accent: color-mix(in srgb, var(--seed-accent) var(--glow-strength), transparent);--glow-accent-alt: color-mix(in srgb, var(--seed-accent-alt) var(--glow-strength), transparent);--shadow-low: 0 2px 10px color-mix(in srgb, #000 var(--shade-low), transparent);--shadow-high: 0 24px 60px color-mix(in srgb, #000 var(--shade-high), transparent);--brand: var(--accent-deep);--brand-light: var(--seed-accent);--sc-ring-on-light: color-mix(in srgb, var(--ink) 85%, transparent);--sc-ring-on-dark: color-mix(in srgb, var(--ink) 85%, transparent)}:root{--step-display: clamp(3rem, 1.2rem + 7.5vw, 8rem);--step-title: clamp(2.25rem, 1.4rem + 3.6vw, 4.5rem);--step-heading: clamp(1.5rem, 1.2rem + 1.4vw, 2.25rem);--step-lead: clamp(1.125rem, 1rem + .6vw, 1.5rem);--step-body: clamp(1rem, .96rem + .2vw, 1.125rem);--step-small: .875rem;--measure: 34rem;--shell: 78rem;--gutter: clamp(1.25rem, .6rem + 3vw, 4rem);--rhythm: clamp(4rem, 2rem + 8vw, 9rem);--radius: 22px;--radius-lg: 32px;--layer-bar: 40;--layer-controls: 41;--ease: cubic-bezier(.22, 1, .36, 1)}@font-face{font-family:Shantell Sans;font-style:normal;font-weight:300 800;font-display:swap;src:url(/assets/shantell-sans-latin-B8jqu5lV.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Shantell Sans;font-style:normal;font-weight:300 800;font-display:swap;src:url(/assets/shantell-sans-latin-ext-CkCuiz5d.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5.5rem;-webkit-text-size-adjust:100%}body{margin:0;background-color:var(--ground);color:var(--ink);font-family:Shantell Sans,Segoe Print,Comic Sans MS,cursive;font-size:var(--step-body);font-weight:400;line-height:1.75;overflow-x:clip}h1,h2,h3,p,ul,figure{margin:0}ul{padding:0;list-style:none}img,svg{display:block;max-width:100%}img{height:auto}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--accent-alt-ink);outline-offset:3px;border-radius:4px}.shell{width:100%;max-width:var(--shell);margin-inline:auto;padding-inline:var(--gutter)}.section{position:relative;padding-block:var(--rhythm)}main>.section{min-height:100svh;display:flex;align-items:center;overflow-x:clip}.lede{max-width:var(--measure);color:var(--ink-soft);font-size:var(--step-lead)}.prose{max-width:var(--measure);color:var(--ink-soft)}.display{font-size:var(--step-display);font-weight:700;line-height:.95;letter-spacing:-.02em}.title{font-size:var(--step-title);font-weight:700;line-height:1.05;letter-spacing:-.01em}.heading{font-size:var(--step-heading);font-weight:600;line-height:1.2}.label{font-size:var(--step-small);font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint)}.accent{color:var(--accent-ink)}.accent--shift{display:inline-grid}.accent--shift .accent__face{grid-area:1 / 1;background-image:linear-gradient(100deg,var(--accent-ink),var(--accent-alt-ink));-webkit-background-clip:text;background-clip:text;color:transparent;padding-block-end:.2em;margin-block-end:-.2em}.aura{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:radial-gradient(120% 80% at 50% 0%,var(--ground-deep),var(--ground) 60%)}.aura:before,.aura:after{content:"";position:absolute;width:70vmax;height:70vmax;border-radius:50%;filter:blur(60px)}.aura:before{top:-30vmax;left:-20vmax;background:radial-gradient(circle,var(--glow-accent),transparent 65%)}.aura:after{top:30vmax;right:-30vmax;background:radial-gradient(circle,var(--glow-accent-alt),transparent 65%)}.bar{position:fixed;inset-block-start:0;inset-inline:0;z-index:var(--layer-bar);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background-color:color-mix(in srgb,var(--ground) 72%,transparent);border-bottom:1px solid transparent;transition:border-color .4s var(--ease),background-color .4s var(--ease)}.bar[data-scrolled=true]{border-bottom-color:var(--edge)}.bar__inner{display:flex;align-items:center;justify-content:space-between;gap:clamp(.75rem,.4rem + 1.2vw,1.5rem);min-height:clamp(3.75rem,3rem + 2vw,4.5rem)}.bar .button{flex:none}.bar__mark{font-weight:700;font-size:clamp(1rem,.85rem + .6vw,1.25rem);letter-spacing:-.01em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar__nav{display:none;gap:1.75rem;position:relative}@media (min-width: 56rem){.bar__nav{display:flex}}.bar__link{position:relative;font-size:var(--step-small);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);padding-block:.35rem;transition:color .3s var(--ease)}.bar__link:hover,.bar__link[aria-current=true]{color:var(--ink)}.bar__line{position:absolute;inset-block-end:0;inset-inline-start:0;height:2px;width:var(--line-w, 0);border-radius:2px;background-image:linear-gradient(90deg,var(--accent-ink),var(--accent-alt-ink));transform:translate(var(--line-x, 0));transition:transform .45s var(--ease),width .45s var(--ease),opacity .3s var(--ease);pointer-events:none}.button{display:inline-flex;align-items:center;gap:.6rem;white-space:nowrap;padding:clamp(.5rem,.4rem + .4vw,.7rem) clamp(1rem,.6rem + 1.4vw,1.5rem);font-size:clamp(.9375rem,.9rem + .2vw,1rem);border:0;border-radius:999px;font-weight:600;background-color:var(--accent);background-image:linear-gradient(100deg,var(--accent),var(--accent-alt));color:var(--ink-on-accent);box-shadow:var(--shadow-low);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}.button:hover{transform:translateY(-2px);box-shadow:var(--shadow-high)}.button--quiet{background-image:none;background-color:color-mix(in srgb,var(--ground) 60%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--ink);border:1px solid var(--edge);box-shadow:none}.button--quiet:hover{background-color:var(--surface-strong)}.hero{display:grid;gap:clamp(2rem,5vw,4rem);align-items:center;padding-block-start:6rem}@media (min-width: 62rem){.hero{grid-template-columns:1.15fr .85fr}}.hero__title{margin-block:.5rem 1.5rem}.hero__actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-block-start:2.25rem}.hero__art{position:relative;justify-self:center;width:min(100%,26rem);aspect-ratio:1}.hero__mark{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:55%;height:55%}.section__head{margin-block-end:clamp(2.5rem,5vw,4rem)}.section__rule{width:clamp(8rem,18vw,14rem);height:14px;margin-block-start:.75rem;overflow:visible}.section__rule path{fill:none;stroke:url(#rule-gradient);stroke-width:4;stroke-linecap:round}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.tile{display:grid;gap:clamp(1.25rem,3vw,2.5rem);padding:clamp(1.5rem,3vw,2.75rem);border:1px solid var(--edge);border-radius:var(--radius-lg);transition:transform .4s var(--ease),border-color .4s var(--ease)}.tile:hover{transform:translateY(-4px)}@media (min-width: 48rem){.tile{grid-template-columns:10rem 1fr;align-items:center}}.tile+.tile{margin-block-start:clamp(1rem,2.5vw,2rem)}.tile__media{display:flex;align-items:center;justify-content:center}.tile__media img{inline-size:min(100%,8.5rem);aspect-ratio:1;object-fit:contain}.tile__media--plate img{padding:.75rem;border-radius:18px;background-color:#fff}.tile__media--rounded img{border-radius:22%}.mark{display:block}.mark svg{width:100%;height:100%}.tile__media .mark{inline-size:min(100%,8.5rem);aspect-ratio:1}.tile__media--past img{filter:grayscale(1);opacity:.55;transition:filter .4s var(--ease),opacity .4s var(--ease)}.tile:hover .tile__media--past img{filter:grayscale(0);opacity:1}.tile__title{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.tile__body{max-width:62ch;margin-block:.75rem 0;color:var(--ink-soft)}.tile__note{max-width:62ch;margin-block-start:.5rem;color:var(--ink-faint);font-size:var(--step-small)}.badge{padding:.25rem .75rem;border:1px solid var(--edge);border-radius:999px;background-color:var(--surface-strong);color:var(--ink-soft);font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.meta{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin-block-start:1.25rem}.meta a{display:inline-flex;align-items:center;gap:.45rem;font-weight:600;color:var(--ink);border-bottom:2px solid transparent;transition:color .3s var(--ease),border-color .3s var(--ease)}.meta a:hover{color:var(--accent-ink);border-bottom-color:var(--accent-ink)}.icon{width:1.15em;height:1.15em;fill:currentColor;flex:none}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-block-start:1.25rem}.tags li{border:1px solid var(--edge);border-radius:999px;font-size:var(--step-small);color:var(--ink-soft);transition:border-color .3s var(--ease),color .3s var(--ease)}.tags li>*{display:block;padding:.3rem .85rem;border-radius:inherit}.tags li:has(a):hover{border-color:var(--accent-alt-ink);color:var(--ink)}.about{display:grid;gap:clamp(1.5rem,4vw,3rem)}@media (min-width: 52rem){.about{grid-template-columns:1fr 1fr;align-items:start}}.about__block+.about__block{margin-block-start:1.75rem}.about__block h3{font-size:1.125rem;font-weight:700}.about__block p{margin-block-start:.35rem;color:var(--ink-soft)}.posts{display:grid;gap:clamp(1rem,2.5vw,1.75rem);margin-block-start:clamp(2rem,4vw,3.5rem);align-items:start}@media (min-width: 48rem){.posts{grid-template-columns:1fr 1fr}}.post-stub{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:22rem;padding:2rem;border:1px dashed var(--edge);border-radius:var(--radius-lg);text-align:center;color:var(--ink-faint)}.post-stub svg:not(.drawn){width:2.5rem;height:2.5rem;fill:var(--accent-ink);animation:bob 4.5s ease-in-out infinite;animation-delay:calc(var(--i, 0) * -.9s)}@keyframes bob{0%,to{transform:translateY(-5px)}50%{transform:translateY(5px)}}.post-stub{transition:border-color .4s var(--ease),background-color .4s var(--ease),transform .4s var(--ease)}.post-stub:hover{border-color:var(--accent-ink);background-color:var(--surface);transform:translateY(-4px)}.post-stub strong{color:var(--ink);font-weight:700}.post-frame{max-width:564px;margin-inline:auto;opacity:0;transform:translateY(22px) scale(.98);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:calc(var(--i, 0) * .13s)}.post-frame.is-in{opacity:1;transform:none}.post-frame.is-in:hover{transform:translateY(-6px)}.instagram-media{border:0!important;border-radius:20px!important;box-shadow:none!important}.footer{margin-block-start:var(--rhythm)}.footer__grid{display:grid;gap:2rem}@media (min-width: 40rem){.footer__grid{grid-template-columns:repeat(3,1fr)}}.footer__grid ul{display:grid;gap:.6rem;margin-block-start:.9rem}.footer__grid a{display:inline-flex;align-items:center;gap:.5rem;color:var(--ink-soft);transition:color .3s var(--ease)}.footer__grid a:hover{color:var(--ink)}@media (min-width: 48rem){.tile--plain{grid-template-columns:1fr}}[data-live=false],[data-live=false] *{animation-play-state:paused!important}[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:calc(var(--i, 0) * 90ms)}[data-reveal].is-in{opacity:1;transform:none}@media (hover: none){.bar,.button--quiet{backdrop-filter:none;-webkit-backdrop-filter:none;background-color:var(--ground)}.field{display:none}.tile[data-reveal],.post-stub[data-reveal]{opacity:1;transform:none;transition:none}.tile:hover,.post-stub:hover{transform:none}}.section__rule path{transition:stroke-dashoffset 1.2s var(--ease) .2s}[data-reveal].is-in .section__rule path{stroke-dashoffset:0!important}.thread{position:fixed;inset-block:0;inset-inline-start:clamp(.75rem,2.2vw,2.5rem);width:42px;height:100%;z-index:5;pointer-events:none;opacity:.55}.thread path{fill:none;stroke:url(#rule-gradient);stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}@supports (animation-timeline: scroll()){.thread path{animation:thread-draw linear both;animation-timeline:scroll(root block)}@keyframes thread-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.aura:before{animation:drift-glow-a linear both;animation-timeline:scroll(root block)}.aura:after{animation:drift-glow-b linear both;animation-timeline:scroll(root block)}@keyframes drift-glow-a{0%{transform:translateZ(0)}to{transform:translate3d(0,var(--drift-span-a, 0px),0)}}@keyframes drift-glow-b{0%{transform:translateZ(0)}to{transform:translate3d(0,var(--drift-span-b, 0px),0)}}@media (prefers-reduced-motion: reduce){.aura:before,.aura:after{animation:none}}}@media (max-width: 64rem){.thread{display:none}}.aura:before{transform:translate3d(0,var(--drift-a, 0),0)}.aura:after{transform:translate3d(0,var(--drift-b, 0),0)}@media (prefers-reduced-motion: reduce){[data-reveal]{opacity:1;transform:none}.thread{display:none}}.drawn{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.drawn path{fill:var(--surface);stroke:color-mix(in srgb,var(--ink) 22%,transparent);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:stroke .4s var(--ease),fill .4s var(--ease)}.drawn{z-index:-1}.tile,.post-stub{isolation:isolate}.tile--sketched:hover .drawn path,.post-stub--sketched:hover .drawn path{fill:var(--surface-strong)}.drawn path:first-child{animation:boil-a var(--boil, .3s) steps(1,end) infinite;animation-delay:var(--boil-shift, 0s)}.drawn path:last-child{animation:boil-b var(--boil, .3s) steps(1,end) infinite;animation-delay:var(--boil-shift, 0s)}@keyframes boil-a{0%,49.9%{opacity:1}50%,to{opacity:0}}@keyframes boil-b{0%,49.9%{opacity:0}50%,to{opacity:1}}.tile,.post-stub{position:relative}.tile--sketched,.tile--sketched:hover,.post-stub--sketched,.post-stub--sketched:hover{border-color:transparent}.tile--sketched:hover .drawn path,.post-stub--sketched:hover .drawn path{stroke:var(--accent-ink)}.hero__art{position:relative}.rings{position:absolute;top:-18%;right:-18%;bottom:-18%;left:-18%;z-index:-1;pointer-events:none}.rings svg{width:100%;height:100%;overflow:visible}.rings path{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}.rings__ring{position:absolute;top:0;right:0;bottom:0;left:0}.rings__ring--outer{animation:turn 46s linear infinite}.rings__ring--middle{animation:turn 32s linear infinite reverse}.rings__ring--inner{animation:turn 22s linear infinite}@keyframes turn{to{transform:rotate(360deg)}}.field{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.field canvas{display:block;width:100%;height:160%;margin-left:-30%;margin-top:-30%;color:color-mix(in srgb,var(--accent-ink) 38%,transparent);animation:drift 34s ease-in-out infinite alternate}@keyframes drift{0%{transform:translate3d(-1.5%,-1%,0) rotate(-.6deg)}to{transform:translate3d(1.5%,1%,0) rotate(.6deg)}}.accent--shift .accent__face--alt{background-image:linear-gradient(100deg,var(--accent-alt-ink),var(--accent-ink));animation:settle 14s ease-in-out infinite alternate}@keyframes settle{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.drawn path:last-child{opacity:0}.rings,.field{display:none}}.rings .b{opacity:0}.rings .a{animation:boil-a .52s steps(1,end) infinite}.rings .b{animation:boil-b .52s steps(1,end) infinite}.rings__ring--outer path{stroke:color-mix(in srgb,var(--accent-ink) 55%,transparent);stroke-width:2}.rings__ring--middle path{stroke:color-mix(in srgb,var(--accent-alt-ink) 45%,transparent);stroke-width:1.6;stroke-dasharray:5 13}.rings__ring--inner path{stroke:color-mix(in srgb,var(--accent-ink) 32%,transparent);stroke-width:1.4;stroke-dasharray:2 10}@media (max-width: 30rem){.hero{padding-block-start:4.5rem}}.scribble{position:absolute;inset-block-start:0;inset-inline:0;width:100%;z-index:30;pointer-events:none;overflow:visible}.scribble--live{pointer-events:auto;touch-action:none;cursor:crosshair}.scribble path{fill:none;stroke:var(--accent-ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.is-drawing,.is-drawing body{overflow:hidden}.scribble-controls{position:fixed;inset-block-end:clamp(.75rem,2vw,1.5rem);inset-inline-end:clamp(.75rem,2vw,1.5rem);z-index:var(--layer-controls);display:flex;align-items:center;gap:.4rem;padding:.4rem .5rem .4rem .9rem;border:1px solid var(--accent-ink);border-radius:999px;background-color:var(--ground);box-shadow:var(--shadow-low)}.scribble-mode{color:var(--ink);font-size:var(--step-small);font-weight:600;letter-spacing:.1em;text-transform:uppercase}.scribble-key{padding:.35rem .75rem;border:1px solid var(--edge);border-radius:999px;background-color:transparent;color:var(--ink-soft);font-size:var(--step-small);font-weight:600;transition:color .3s var(--ease),border-color .3s var(--ease)}.scribble-key:hover:not([disabled]){color:var(--ink);border-color:var(--accent-ink)}.scribble-key[disabled]{opacity:.4;cursor:default}.tile__date-container{margin-top:.6rem;margin-bottom:.8rem}.badge--date{display:inline-block;padding:.2rem .6rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;background-color:var(--surface-strong);color:var(--ink-faint);border-radius:9999px;font-weight:500}@media print{.aura,.thread,.rings,.field,.drawn,.bar,.hero__art,.section__rule,.posts,.post-stub,.post-frame,.smart-cursor,.smart-cursor-ring,.scribble,.scribble-controls,.button,.hero__actions{display:none!important}:root{--ink: #000;--ink-soft: #222;--ink-faint: #555;--edge: #bbb;--surface: transparent;--surface-strong: transparent}html{scroll-padding-top:0}body{background:#fff!important;color:#000;font-size:10.5pt;line-height:1.45}main>.section,.section,.footer{min-height:0!important;display:block!important;padding-block:0 0!important;margin-block-end:10mm}.shell{max-width:none;padding-inline:0}[data-reveal]{opacity:1!important;transform:none!important}.accent,.accent__face{background:none!important;-webkit-text-fill-color:#000;color:#000!important;display:inline!important}.accent__face--alt{display:none!important}.display{font-size:24pt;line-height:1.1}.title{font-size:15pt;margin-block-start:6mm}.heading,.tile__title{font-size:12pt}.label{font-size:8pt;letter-spacing:.04em;color:#555}.lede{font-size:11pt;max-width:none}.tile{border:1px solid #ccc!important;border-radius:4px;padding:4mm;margin-block-start:4mm!important;break-inside:avoid;page-break-inside:avoid;display:block!important}.tile__media{display:none!important}.badge{border:1px solid #999;color:#333;font-size:7.5pt}.meta a[href^=http]:after,.footer__grid a[href^=http]:after{content:" (" attr(href) ")";font-size:8pt;color:#555;word-break:break-all}.meta a,.footer__grid a{border:0!important;color:#000!important}.icon{display:none!important}.tags{gap:2mm}.tags li{border:1px solid #ccc;color:#222;padding:.5mm 2mm;font-size:9pt}.tags li>*{display:inline;padding:0}.about,.footer__grid{display:block!important}a{text-decoration:none}@page{size:A4;margin:14mm}}