.site-home{--site-bg:var(--ink-white);--site-fg:var(--ink-black);--site-muted:color-mix(in srgb, var(--site-fg) 66%, var(--site-bg));background:var(--site-bg);color:var(--site-fg);font-family:var(--site-body);text-align:left;container:site-home/inline-size}.dark .site-home{--site-bg:color-mix(in srgb, var(--ink-black) 82%, var(--ink-white));--site-fg:var(--ink-white);--site-muted:color-mix(in srgb, var(--site-fg) 72%, var(--site-bg))}.site-home *{box-sizing:border-box}.site-home a{color:inherit;text-decoration:none}.site-home button{color:inherit;font:inherit;cursor:pointer}.site-home :is(a,button):focus-visible{outline-offset:5px;outline:2px solid}.site-header{background:color-mix(in srgb, var(--ink-slate) 20%, var(--ink-black));color:color-mix(in srgb, var(--ink-white) 5%, var(--ink-white));z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:28px 4%;display:flex;position:relative}.site-wordmark{font-family:var(--font-patrick-hand), cursive;letter-spacing:-1px;white-space:nowrap;font-size:32px}.site-navigation{font-size:12px;font-family:var(--font-source-code-pro), monospace;flex-wrap:wrap;align-items:center;gap:8px 20px;display:flex}.site-navigation>a,.site-more>button{align-items:center;min-height:44px;display:inline-flex}.site-more{position:relative}.site-more button{background:0 0;border:0;gap:6px;padding:0 6px}.site-more-panel{background:var(--site-bg,color-mix(in srgb, var(--ink-flatGold) 5%, var(--ink-white)));min-width:210px;max-width:280px;max-height:320px;color:var(--site-fg,color-mix(in srgb, var(--ink-gray) 25%, var(--ink-black)));border:1px solid color-mix(in srgb, var(--ink-lightGray) 20%, transparent);z-index:5;padding:12px;position:absolute;top:100%;right:0;overflow:auto;box-shadow:0 12px 35px #0002}.site-more-panel a,.site-more-panel button{overflow-wrap:anywhere;align-items:center;min-height:44px;padding:8px;display:flex}.site-more-panel p{padding:8px;font-size:12px}.site-banner{isolation:isolate;background:color-mix(in srgb, var(--ink-slate) 40%, var(--ink-black));min-height:660px;color:color-mix(in srgb, var(--ink-white) 5%, var(--ink-white));place-items:center;display:grid;position:relative;overflow:hidden}.site-banner-media,.site-banner-shade{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.site-banner-fallback{background:radial-gradient(ellipse at 74% 32%, color-mix(in srgb, var(--ink-moss) 75%, var(--ink-white)), transparent 48%), linear-gradient(130deg, color-mix(in srgb, var(--ink-seaFoam) 30%, var(--ink-black)), color-mix(in srgb, var(--ink-citron) 50%, var(--ink-black)) 55%, color-mix(in srgb, var(--ink-metallicGold) 95%, var(--ink-white)))}.site-banner-shade{z-index:-1;background:#000}.site-banner-copy{text-align:center;width:100%;padding:88px 7% 60px}.site-kicker{font-family:var(--font-source-code-pro), monospace;letter-spacing:.2em;font-size:11px}.site-banner h1,.site-banner h2{font-family:var(--site-heading);text-transform:uppercase;letter-spacing:-.055em;text-wrap:balance;max-width:1000px;margin:26px auto 30px;font-size:clamp(40px,6.6cqi,104px);font-weight:900;line-height:1.06}.site-handwriting{font-family:var(--font-patrick-hand), cursive;margin:0 auto 26px;font-size:clamp(24px,3cqi,42px);line-height:1.3}.site-introduction{white-space:pre-line;max-width:790px;margin:0 auto 30px;font-size:clamp(14px,1.5cqi,18px);line-height:1.85}.site-banner-link{border-bottom:1px solid color-mix(in srgb, color-mix(in srgb, var(--ink-white) 5%, var(--ink-white)) 60%, transparent);text-transform:uppercase;padding:12px 0;font-weight:700;display:inline-block}.site-scroll-note{font-family:var(--font-source-code-pro), monospace;letter-spacing:.04em;margin-top:65px;font-size:11px;display:block}.site-section{max-width:1800px;margin:auto;padding:64px 3.5%}.site-section>h1,.site-section>h2{font-family:var(--site-heading);text-align:center;letter-spacing:-.04em;margin:0 0 40px;font-size:clamp(25px,3cqi,40px);font-weight:850}.site-section-copy{white-space:pre-line;text-align:center;max-width:720px;margin:0 auto 40px;line-height:1.9}.site-post-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:52px 3%;display:grid}.site-post-card{text-align:center;flex-direction:column;align-items:center;min-width:0;display:flex;position:relative}.site-post-card>.site-read-more:after{content:"";position:absolute;inset:0}.site-post-card:has(a:focus-visible){outline-offset:8px;outline:2px solid}.site-card-image{aspect-ratio:3/2;width:100%;margin-bottom:24px;overflow:hidden}.site-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.site-image-placeholder{background:color-mix(in srgb, var(--ink-moss) 25%, var(--ink-white));height:100%;color:color-mix(in srgb, var(--ink-moss) 75%, var(--ink-white));position:relative;overflow:hidden}.site-image-placeholder.tone-1{background:color-mix(in srgb, var(--ink-copper) 30%, var(--ink-white));color:var(--ink-metallicGold)}.site-image-placeholder.tone-2{background:color-mix(in srgb, var(--ink-steel) 20%, var(--ink-white));color:color-mix(in srgb, var(--ink-steel) 60%, var(--ink-white))}.site-image-placeholder.tone-3{background:color-mix(in srgb, var(--ink-metallicGold) 35%, var(--ink-white));color:color-mix(in srgb, var(--ink-citron) 65%, var(--ink-black))}.site-image-placeholder svg{fill:currentColor;opacity:.55;width:100%;height:100%}.site-image-placeholder span{font:10px var(--font-source-code-pro), monospace;color:color-mix(in srgb, var(--ink-slate) 50%, var(--ink-black));letter-spacing:.12em;position:absolute;bottom:10px;left:14px}.site-card-meta{font-family:var(--font-source-code-pro), monospace;text-transform:uppercase;color:var(--site-muted);flex-wrap:wrap;justify-content:center;gap:7px 12px;margin-bottom:10px;font-size:11px;display:flex}.site-post-card h3{font-family:var(--site-heading);text-transform:uppercase;letter-spacing:-.04em;text-wrap:balance;margin:0 0 20px;font-size:clamp(19px,2cqi,29px);font-weight:900;line-height:1.12}.site-post-card p{margin:0 0 24px;font-size:clamp(13px,1.4cqi,17px);line-height:1.7}.site-read-more{border-bottom:1px solid;margin-top:auto;font-size:14px;line-height:1.8;display:inline-block}.site-section>.site-read-more{margin-top:24px}.site-footer{border-top:1px solid color-mix(in srgb, var(--ink-lightGray) 20%, transparent);color:var(--site-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:40px 4%;font-size:11px;display:flex}.site-sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@container site-home (max-width:760px){.site-post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 22px}.site-header{padding:20px 5%}.site-navigation{gap:4px 14px}.site-banner{min-height:570px}.site-banner-copy{padding:70px 7% 45px}.site-section{padding:44px 5%}}@container site-home (max-width:440px){.site-post-grid{grid-template-columns:minmax(0,1fr);gap:45px}.site-navigation{font-size:11px}.site-banner{min-height:560px}.site-banner-copy{padding:55px 7% 35px}.site-post-card p{font-size:15px}.site-post-card h3{font-size:26px}.site-card-meta{font-size:11px}.site-section{padding:40px 6%}.site-scroll-note{margin-top:40px}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.site-post-card:hover .site-card-image img{transform:scale(1.035)}}@media (prefers-reduced-motion:reduce){.site-home *{scroll-behavior:auto!important;transition:none!important}}.preview-page.light .site-home{--site-bg:var(--ink-white);--site-fg:var(--ink-black);--site-muted:color-mix(in srgb, var(--site-fg) 66%, var(--site-bg))}.preview-page.dark .site-home{--site-bg:color-mix(in srgb, var(--ink-black) 82%, var(--ink-white));--site-fg:var(--ink-white);--site-muted:color-mix(in srgb, var(--site-fg) 72%, var(--site-bg))}.site-word-mask{vertical-align:bottom;margin:-.22em 0 -.16em;padding:.22em .04em .16em;display:inline-block;overflow:hidden}.site-word-mask>span{transform-origin:0 100%;display:inline-block}.site-home .site-header{color:var(--site-fg);border-bottom:1px solid color-mix(in srgb, color-mix(in srgb, var(--ink-metallicGold) 80%, var(--ink-black)) 14.9%, transparent);background:0 0}.ink-label{padding:0 1px 3px;display:inline-block;position:relative}.ink-underline{visibility:hidden;pointer-events:none;width:106%;height:10px;position:absolute;bottom:-6px;left:-3%;overflow:visible}.ink-underline path{fill:none;stroke:currentColor;stroke-width:1.65px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .18s ease-in}.ink-underline .ink-return{stroke-width:1px;opacity:.6}.site-navigation :is(a,button):is(:hover,:focus-visible,[aria-current=page],[aria-expanded=true]) .ink-underline path{stroke-dashoffset:0;transition:stroke-dashoffset .48s cubic-bezier(.28,.06,.32,1)}.site-navigation :is(a,button):is(:hover,:focus-visible,[aria-current=page],[aria-expanded=true]) .ink-underline .ink-return{transition-duration:.2s;transition-delay:.28s}.site-navigation a:hover{text-decoration:none}@media (prefers-reduced-motion:reduce){.ink-underline path{transition:none!important}}.site-banner h1,.site-banner h2{letter-spacing:-.035em;line-height:1.22}.site-introduction,.site-section-copy,.site-post-card p{font-family:var(--font-source-code-pro), monospace}.site-home .site-header{top:var(--site-header-offset,0px);z-index:10;background-color:var(--site-bg);position:sticky}.site-more>button{align-items:center;gap:6px;line-height:1.5;display:inline-flex}.site-more>button .ink-label{padding-bottom:0}.site-more-chevron{flex-shrink:0;width:14px;height:14px;transition:transform .2s;display:block}.site-post-card p{font-size:clamp(13px,1.2cqi,16px);font-weight:500;line-height:1.75}@container site-home (max-width:440px){.site-post-card p{font-size:14px}}.site-home[data-preview=true] .site-header{position:relative;top:auto}.site-home[data-banner-header=true]{--site-hero-edge:color-mix(in srgb, var(--ink-forest) 35%, var(--ink-black))}.site-home[data-banner-header=true] .site-header{background:var(--site-hero-edge);color:color-mix(in srgb, var(--ink-flatGold) 5%, var(--ink-white));border-bottom:0}.site-home[data-banner-header=true] .site-banner:first-child:after{content:"";background:linear-gradient(to bottom, var(--site-hero-edge), transparent);z-index:-1;pointer-events:none;height:180px;position:absolute;inset:0 0 auto}.site-home .site-banner{--banner-fade-height:clamp(220px, 25cqi, 360px);background:0 0}.site-home .site-banner:before,.site-home[data-banner-header=true] .site-banner:first-child:after{content:none}.site-banner-backdrop{z-index:0;isolation:isolate;-webkit-mask-image:linear-gradient(to bottom, #000 0%, #000 calc(100% - var(--banner-fade-height)), #000000f7 calc(100% - var(--banner-fade-height) * .85), #000000d6 calc(100% - var(--banner-fade-height) * .68), #00000080 calc(100% - var(--banner-fade-height) * .45), #00000029 calc(100% - var(--banner-fade-height) * .22), #00000008 calc(100% - var(--banner-fade-height) * .08), transparent 100%);mask-image:linear-gradient(to bottom, #000 0%, #000 calc(100% - var(--banner-fade-height)), #000000f7 calc(100% - var(--banner-fade-height) * .85), #000000d6 calc(100% - var(--banner-fade-height) * .68), #00000080 calc(100% - var(--banner-fade-height) * .45), #00000029 calc(100% - var(--banner-fade-height) * .22), #00000008 calc(100% - var(--banner-fade-height) * .08), transparent 100%);position:absolute;inset:0}.site-home[data-banner-header=true] .site-banner:first-child .site-banner-backdrop:after{content:"";background:linear-gradient(to bottom, var(--site-hero-edge), transparent);pointer-events:none;height:180px;position:absolute;inset:0 0 auto}.site-home .site-banner-copy{z-index:1;padding-bottom:calc(var(--banner-fade-height) * .85 + 40px);position:relative}.site-navigation :is(a,button):is(:hover,:focus-visible,[aria-current=page],[aria-expanded=true]) .ink-underline{visibility:visible}.site-home .ink-underline{stroke:var(--site-accent)}.banner-slideshow{z-index:-2;position:absolute;inset:0;overflow:hidden}.banner-slide{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.site-languages{font-family:var(--font-source-code-pro), monospace;flex-shrink:0;align-items:center;gap:2px;font-size:11px;display:flex}.site-languages>a,.site-languages>button{opacity:.6;cursor:pointer;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;min-width:36px;min-height:36px;padding:6px;display:inline-flex}.site-languages>[aria-pressed=true],.site-languages>[aria-current=page]{opacity:1;border-color:currentColor}.site-languages>:hover,.site-languages>:focus-visible{opacity:1}@container site-home (max-width:760px){.site-home .site-header{grid-template-columns:minmax(0,1fr) auto;gap:18px 12px;display:grid}.site-header>.site-wordmark{grid-area:1/1}.site-header>.site-languages{grid-area:1/2}.site-header>.site-navigation{grid-area:2/1/auto/-1}.site-navigation>.site-home-link{display:none}}.site-header-controls{align-items:center;gap:10px;display:flex}.site-languages{z-index:35;position:relative}.site-languages summary{cursor:pointer;border:1px solid;border-radius:999px;align-items:center;gap:9px;padding:10px 14px;list-style:none;display:flex}.site-languages summary::-webkit-details-marker{display:none}.site-languages summary>svg:last-child{transition:transform .2s}.site-languages[open] summary>svg:last-child{transform:rotate(180deg)}.site-language-options{background:var(--surface);min-width:172px;color:var(--foreground);border:1px solid var(--line);border-radius:16px;padding:6px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 10px 35px #0002}.site-language-options a,.site-language-options button{width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:12px;text-decoration:none;display:flex}.site-language-options :is(a,button):is(:hover,:focus-visible,[aria-current=page],[aria-pressed=true]){background:var(--accent-soft)}@container site-home (max-width:760px){.site-header>.site-header-controls{grid-area:1/2}}.site-header{transition:padding .25s,box-shadow .25s}.site-header .site-wordmark{transition:font-size .25s}.site-header[data-compact=true]{padding-top:10px;padding-bottom:10px;box-shadow:0 3px 18px #0000000a}.site-header[data-compact=true] .site-wordmark{font-size:26px}@media (prefers-reduced-motion:reduce){.site-header,.site-header .site-wordmark{transition:none}}.site-more-panel{background:var(--surface);min-width:220px;max-width:min(300px,85vw);color:var(--foreground);border:1px solid var(--line);z-index:30;font:13px/1.5 var(--font-source-code-pro),monospace;border-radius:16px;padding:6px;top:calc(100% + 10px);box-shadow:0 10px 35px #0002}.site-more-panel :is(a,button){width:100%;min-height:44px;color:inherit;text-align:left;background:0 0;border-radius:10px;gap:12px;padding:12px;text-decoration:none}.site-more-panel :is(a,button):is(:hover,:focus-visible){background:var(--accent-soft)}.site-more-panel :is(a,button):focus-visible{outline-offset:-2px;outline:2px solid}.site-more-item-arrow{opacity:.5;margin-left:auto}.site-more-panel p{margin:0;padding:12px;font-size:12px}.site-more>button[aria-expanded=true] .site-more-chevron{transform:rotate(180deg)}.site-more-chevron{transition:transform .2s}@media (prefers-reduced-motion:reduce){.site-more-chevron{transition:none}}.site-section-latest{scroll-margin-top:100px}.site-tag-directory{max-width:1600px;margin:auto;padding:48px clamp(24px,6vw,96px) 72px}.site-tag-directory h2{margin:0 0 24px;font-size:clamp(24px,3vw,36px)}.site-tag-links{flex-wrap:wrap;gap:12px;display:flex}.site-tag-links a{border-radius:999px;align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.site-tag-links a:hover{opacity:.8}.site-tag-links a:focus-visible{outline-offset:4px;outline:2px solid}.site-tag-links .ink-tag{padding:8px 16px;font-size:14px}.site-header .site-wordmark{transition:transform .25s,font-size .25s;display:inline-block;position:relative}.site-header .site-wordmark:after{content:"";transform-origin:0;pointer-events:none;background:currentColor;height:8px;transition:transform .35s;position:absolute;bottom:-3px;left:0;right:0;transform:scaleX(0);-webkit-mask:url(/decoration/underline-dark.svg) 50%/100% 100% no-repeat;mask:url(/decoration/underline-dark.svg) 50%/100% 100% no-repeat}.site-header .site-wordmark:is(:hover,:focus-visible){transform:rotate(-3deg)translateY(-2px)}.site-header .site-wordmark:is(:hover,:focus-visible):after{transform:scaleX(1)}@media (prefers-reduced-motion:reduce){.site-header .site-wordmark,.site-header .site-wordmark:after{transition:none}.site-header .site-wordmark:is(:hover,:focus-visible){transform:none}}.dark .site-home[data-banner-header=true],.preview-page.dark .site-home[data-banner-header=true]{--site-hero-edge:var(--site-bg)}