@font-face{font-family:Bootzy TM;src:url(/fonts/Bootzy-TM.woff2)format("woff2");font-display:swap}@font-face{font-family:NewPixel;src:url(/fonts/NewPixel.woff2)format("woff2");font-display:swap}@font-face{font-family:NewPixelSquare;src:url(/fonts/NewPixelSquare.woff2)format("woff2");font-display:swap}:root{--paper:#fff;--ink:#0b0b0c;--soft:#5c5c62;--hair:#ecebe7;--pop:#1b2bff;--pop-soft:#1b2bff24;--surface:#1b2bff0e;--display:"Bootzy TM", system-ui, sans-serif;--serif:"NewPixel", Georgia, serif;--square:"NewPixelSquare", "NewPixel", monospace;--mono:ui-monospace, "SF Mono", Menlo, monospace}::selection{background:var(--pop);color:#fff}#bg{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.site-shell{z-index:1;position:relative}.wrap{max-width:1240px;margin:0 auto;padding:0 clamp(22px,4vw,60px)}.site-header{padding-top:40px;padding-bottom:clamp(24px,4vh,48px)}.site-header__inner{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:24px;display:flex}.site-mark{font-family:var(--display);color:var(--ink);font-size:clamp(28px,3vw,40px);font-weight:400;line-height:1;text-decoration:none}.site-nav{font-family:var(--serif);gap:clamp(24px,4vw,56px);font-size:clamp(20px,2.2vw,32px);display:flex}.site-nav a{color:var(--ink);padding:3px 0;text-decoration:none;position:relative}.site-nav a:after{content:"";background:var(--pop);height:2px;transition:right .3s;position:absolute;bottom:1px;left:0;right:100%}.site-nav a:hover:after,.site-nav a:focus-visible:after{right:0}.divider{background:var(--hair);border:0;height:1px;margin:0}.page-title{font-family:var(--display);letter-spacing:-.01em;text-transform:lowercase;margin:0 0 clamp(20px,3vw,32px);font-size:clamp(46px,7.5vw,104px);font-weight:400;line-height:.9}.page-title--article{letter-spacing:.01em;font-size:clamp(32px,5.5vw,64px);line-height:.95}.page-lead{font-family:var(--serif);color:var(--soft);max-width:48ch;margin:0 0 2rem;font-size:clamp(17px,1.4vw,21px);line-height:1.55}.text-link{font-family:var(--serif);color:var(--ink);align-items:center;gap:6px;font-size:clamp(17px,1.3vw,21px);text-decoration:none;display:inline-flex}.text-link__label{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1.5px}.text-link:hover{opacity:.65}.pflower{width:22px;height:22px;image-rendering:pixelated;flex:none}.site-footer{border-top:1px solid var(--hair);margin-top:clamp(48px,8vh,96px);padding:48px 0 64px}.site-footer__inner{flex-flow:wrap;justify-content:space-between;align-items:flex-end;gap:clamp(24px,4vw,48px);display:flex}.site-footer__start{flex-direction:column;align-items:flex-start;gap:clamp(20px,3vw,28px);display:flex}.site-footer__start .site-copyright{margin-top:0}.site-footer__inner .newsletter{align-self:flex-end;margin-left:auto}.site-footer__links{font-family:var(--serif);flex-direction:column;gap:11px;font-size:clamp(18px,1.6vw,24px);display:flex}.site-footer__links a{width:max-content;color:var(--ink);align-items:center;gap:11px;text-decoration:none;display:inline-flex}.site-footer__links .arr{color:var(--pop);transition:transform .2s}.site-footer__links a:hover .arr{transform:translate(5px)}.socials{font-family:var(--serif);flex-direction:column;gap:11px;font-size:clamp(18px,1.6vw,24px);display:flex}.socials a{width:max-content;color:var(--ink);align-items:center;gap:11px;text-decoration:none;display:inline-flex}.socials a .arr{color:var(--pop);transition:transform .2s}.socials a:hover .arr{transform:translate(5px)}.site-copyright{font-family:var(--serif);color:var(--soft);max-width:22ch;margin:clamp(16px,2vw,22px) 0 0;font-size:clamp(13px,1vw,15px);line-height:1.4}.foot-start,.site-footer__start{flex-direction:column;align-items:flex-start;display:flex}.newsletter{max-width:28rem}.newsletter__name{font-family:var(--display);letter-spacing:.01em;text-transform:lowercase;color:var(--ink);max-width:28ch;margin:0 0 10px;font-size:clamp(20px,2.2vw,30px);line-height:1.05}.newsletter__lead{font-family:var(--serif);color:var(--soft);max-width:36ch;margin:0 0 clamp(18px,3vw,24px);font-size:clamp(15px,1.2vw,18px);line-height:1.55}.newsletter__form{flex-wrap:wrap;align-items:stretch;gap:clamp(10px,2vw,14px);display:flex}.newsletter__field{flex:11rem;min-width:0;display:flex}.newsletter__input{width:100%;font-family:var(--serif);color:var(--ink);background:var(--paper);border:1px solid var(--hair);border-radius:999px;outline:none;padding:10px 20px;font-size:clamp(16px,1.2vw,19px);transition:border-color .2s,box-shadow .2s;box-shadow:0 1px 2px #0b0b0c0a,0 4px 12px #0b0b0c0a}.newsletter__input::placeholder{color:var(--soft);opacity:.85}.newsletter__input:focus{border-color:#1b2bff59;box-shadow:0 1px 2px #0b0b0c0a,0 4px 16px #788cff1f}.newsletter__submit{border:0;flex-shrink:0;align-self:center}@media (max-width:840px){.site-footer__inner{flex-direction:column;align-items:flex-start}.site-footer__inner .newsletter{align-self:stretch;max-width:none;margin-left:0}}.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}
html{scroll-behavior:smooth;width:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*,:before,:after{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased;width:100%;margin:0;font-size:16px;line-height:1.5}a{color:inherit}main{min-height:50vh}.page{padding:clamp(20px,4vh,40px) 0 clamp(72px,10vh,120px)}.page--article{padding-top:clamp(12px,2vh,24px)}.back{font-family:var(--serif);margin:0 0 1.5rem;font-size:clamp(16px,1.2vw,18px)}.back a{color:var(--soft);text-decoration:none;transition:opacity .2s}.back a:hover{opacity:.65}.cover{font-family:var(--square);letter-spacing:.08em;text-transform:uppercase;color:var(--pop);margin:0 0 1rem;font-size:12px}.meta{font-family:var(--square);letter-spacing:.04em;flex-wrap:wrap;gap:10px;margin:0 0 2.5rem;font-size:12px;display:flex}.meta span{border:1px solid var(--hair);color:var(--soft);padding:.35rem .65rem}.filters{font-family:var(--serif);flex-wrap:wrap;gap:clamp(12px,2vw,20px);margin:0 0 2.5rem;font-size:clamp(16px,1.2vw,18px);display:flex}.filters a{color:var(--soft);border-bottom:1.5px solid #0000;padding:.15rem 0;text-decoration:none;transition:color .2s,border-color .2s}.filters a:hover{color:var(--ink);border-color:var(--pop)}.guides-hub__controls{gap:clamp(18px,3vw,24px);margin-bottom:clamp(24px,4vh,36px);display:grid}.guides-hub__top{grid-template-columns:minmax(0,1fr) minmax(180px,220px);align-items:end;gap:clamp(16px,3vw,24px);display:grid}.guides-search,.guides-field{gap:10px;display:grid}.guides-field__label,.guides-search__label{font-family:var(--square);letter-spacing:.08em;text-transform:uppercase;color:var(--pop);font-size:11px}.guides-search__input,.guides-select{border:1px solid var(--hair);width:100%;color:var(--ink);font-family:var(--serif);background:#fff;border-radius:999px;outline:none;padding:14px 16px;font-size:clamp(16px,1.2vw,18px);transition:border-color .2s,box-shadow .2s}.guides-select{cursor:pointer;appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--pop) 50%), linear-gradient(135deg, var(--pop) 50%, transparent 50%);background-position:calc(100% - 22px) calc(50% - 2px),calc(100% - 16px) calc(50% - 2px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:40px}.guides-search__input:focus,.guides-select:focus{border-color:var(--pop);box-shadow:0 0 0 3px var(--pop-soft)}.guides-hub__filters{flex-wrap:wrap;align-items:end;gap:clamp(14px,2.5vw,20px);display:flex}.guides-field--sort{min-width:180px}@media (max-width:640px){.guides-hub__top{grid-template-columns:1fr}.guides-field--sort{min-width:0}.guides-hub__filters .guides-field{flex:calc(50% - 10px);min-width:140px}}.guides-clear{appearance:none;color:var(--soft);font-family:var(--serif);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:14px 4px;font-size:clamp(15px,1.1vw,17px);text-decoration:underline;transition:color .2s}.guides-clear:hover{color:var(--pop)}.guides-hub__count{font-family:var(--serif);color:var(--soft);margin:0 0 1.5rem;font-size:clamp(15px,1.1vw,17px)}.guide-grid{gap:clamp(28px,4vw,44px);display:grid}.guide-card{border-bottom:1px solid var(--hair);flex-direction:column;gap:18px;padding:0 0 clamp(28px,4vw,36px);display:flex}.guide-card--hub{border:1px solid var(--hair);border-radius:18px;padding:clamp(22px,3vw,28px);transition:border-color .2s,background .2s,transform .2s}.guide-card--hub:hover{border-color:var(--pop);background:#1b2bff08;transform:translateY(-2px)}.guide-card__link{color:var(--ink);flex-direction:column;gap:12px;height:100%;text-decoration:none;display:flex}.guide-card--hub .guide-card__link{gap:14px}.resource-head{flex-direction:column;gap:10px;display:flex}.guide-category{width:fit-content;font-family:var(--serif);letter-spacing:.1em;text-transform:uppercase;color:var(--pop);background:var(--pop-soft);border:1px solid #1b2bff38;border-radius:999px;margin:0;padding:7px 14px;font-size:12px;font-weight:400;line-height:1.1;display:inline-block}.guide-card h2{font-family:var(--display);letter-spacing:.005em;text-transform:lowercase;margin:0;font-size:clamp(22px,2.4vw,34px);font-weight:400;line-height:1.15;transition:color .2s}.guide-card--hub:hover h2{color:var(--pop)}.guide-card__desc{font-family:var(--serif);color:var(--soft);max-width:62ch;margin:0;font-size:clamp(15px,1.2vw,18px);line-height:1.55}.guide-card__arrow{font-family:var(--serif);color:var(--ink);align-items:center;gap:8px;margin-top:auto;font-size:clamp(15px,1.1vw,17px);display:inline-flex}.guide-card__arrow:before{content:"↳";color:var(--pop);transition:transform .2s}.guide-card--hub:hover .guide-card__arrow:before{transform:translate(4px)}.guide-card__row{align-items:center;gap:13px;margin-top:auto;display:flex}.product-card__desc{font-family:var(--serif);color:var(--soft);max-width:42ch;margin:12px 0 0;font-size:clamp(15px,1.2vw,18px);line-height:1.55}.product-card__price{font-family:var(--square);letter-spacing:.06em;text-transform:uppercase;color:var(--pop);margin:14px 0 0;font-size:13px}.prose{font-family:var(--serif);max-width:42rem;font-size:clamp(16px,1.3vw,19px);line-height:1.7}.prose>:first-child{margin-top:0}.prose h2{font-family:var(--display);text-transform:lowercase;margin:2.5rem 0 1rem;font-size:clamp(22px,2.2vw,30px);font-weight:400;line-height:1.15}.prose p,.prose li{color:var(--ink);margin:0 0 1.25rem}.prose ul,.prose ol{margin:0 0 1.25rem;padding-left:1.25rem}.prose strong{color:var(--ink);font-weight:400}.prose table{border-collapse:collapse;width:100%;font-family:var(--square);margin:0 0 1.5rem;font-size:14px}.prose th,.prose td{border:1px solid var(--hair);text-align:left;padding:.65rem .85rem}.prose pre{border:1px solid var(--hair);font-family:var(--mono);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb8;border-radius:12px;margin:0 0 1.5rem;padding:1rem 1.15rem;font-size:13px;line-height:1.55;overflow-x:auto}.prose code{font-family:var(--mono);font-size:.92em}.work-section{margin-top:3rem}.work-section h2{font-family:var(--display);text-transform:lowercase;margin:0 0 1.25rem;font-size:clamp(28px,3vw,40px);font-weight:400;line-height:1}.work-block{font-family:var(--serif);color:var(--ink);max-width:42ch;margin:0 0 1rem;font-size:clamp(16px,1.2vw,18px);line-height:1.6}.work-email{font-family:var(--serif);color:var(--pop);text-underline-offset:5px;font-size:clamp(18px,1.5vw,22px);text-decoration:underline;text-decoration-thickness:1.5px}.work-email:hover{opacity:.7}.work-card{border-bottom:1px solid var(--hair);padding:1.25rem 0}.work-card h3{font-family:var(--display);text-transform:lowercase;margin:0 0 .35rem;font-size:clamp(20px,1.8vw,26px);font-weight:400}.work-card p{font-family:var(--serif);color:var(--soft);margin:0;font-size:clamp(16px,1.2vw,18px);line-height:1.55}.empty{color:var(--soft);font-family:var(--serif);font-size:clamp(16px,1.2vw,18px)}
.glass-container{box-sizing:border-box;isolation:isolate;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.glass-container-pill{flex-shrink:0}.glass-button{cursor:pointer;pointer-events:auto;box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;transition:transform .38s cubic-bezier(.34,1.25,.64,1);display:inline-flex;position:relative}.glass-button:hover{transform:translateY(-3px)scale(1.016)}.glass-button:active{transform:translateY(0)scale(.988)}.glass-button:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:2;background:linear-gradient(145deg,#fff 0%,#c8daffbf 14%,#ffbee6a6 32%,#ffd296b3 48%,#beffe68c 64%,#dcc8ff99 78%,#fffffff2 100%);padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass-button:after{content:"";border-radius:inherit;filter:blur(1px);opacity:.88;pointer-events:none;z-index:1;background:linear-gradient(#fffffff2 0%,#ffffff59 55%,#fff0 100%);height:46%;position:absolute;top:5%;left:8%;right:8%}.glass-button canvas{box-shadow:0 1px 2px #0b0b0c0a,0 6px 16px #0b0b0c0f,0 14px 32px -8px #788cff38,0 4px 12px -6px #ffb4c824!important}.glass-button-text{z-index:3;pointer-events:none;white-space:nowrap;font-weight:400;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--ink)!important;font-family:var(--serif)!important;text-shadow:none!important}.lg-host{vertical-align:middle;display:inline-flex}.lg-fallback{font-family:var(--serif);color:var(--ink);-webkit-backdrop-filter:blur(14px)saturate(1.35);cursor:pointer;isolation:isolate;background:#ffffffb8;border-radius:999px;align-items:center;padding:10px 22px;font-size:clamp(18px,1.2vw,20px);text-decoration:none;display:inline-flex;position:relative;box-shadow:0 1px 2px #0b0b0c0a,0 6px 16px #0b0b0c0f,0 14px 32px -8px #788cff38,0 4px 12px -6px #ffb4c824}.glass-pill{font-family:var(--serif);color:var(--ink);-webkit-backdrop-filter:blur(12px)saturate(1.2);cursor:pointer;isolation:isolate;box-sizing:border-box;z-index:0;background:#ffffffe0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:10px 22px;font-size:clamp(18px,1.2vw,20px);text-decoration:none;transition:transform .38s cubic-bezier(.34,1.25,.64,1);display:inline-flex;position:relative;box-shadow:0 1px 2px #0b0b0c0a,0 6px 16px #0b0b0c0f,0 14px 32px -8px #788cff38,0 4px 12px -6px #ffb4c824}.glass-pill:hover{transform:translateY(-2px)scale(1.012)}.glass-pill:active{transform:translateY(0)scale(.988)}.glass-pill:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:2;background:linear-gradient(145deg,#fff 0%,#c8daffbf 14%,#ffbee6a6 32%,#ffd296b3 48%,#beffe68c 64%,#dcc8ff99 78%,#fffffff2 100%);padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass-pill:after{content:"";border-radius:inherit;filter:blur(1px);opacity:.88;pointer-events:none;z-index:1;background:linear-gradient(#fffffff2 0%,#ffffff59 55%,#fff0 100%);height:46%;position:absolute;top:5%;left:8%;right:8%}
.matcha-cursor{pointer-events:none;z-index:9999;opacity:0;will-change:transform;-webkit-user-select:none;user-select:none;width:52px;height:52px;position:fixed;top:0;left:0}@media (pointer:coarse),(prefers-reduced-motion:reduce){.matcha-cursor{display:none}}