html:has(.hh-page){background:#f6f7fb}@layer components{.hh-page{--hh-ink:#14152b;--hh-body:#2b2d42;--hh-muted:#4a4d66;--hh-line:#d5daeb;--hh-blue:#0c0eff;--hh-blue-dark:#0609cd;--hh-blue-tint:#e8f1ff;--hh-orange:#ff8a5b;--hh-yellow:#ffe58a;--hh-mint:#3fd9a9;--hh-pink:#f4b8ec;min-height:100vh;width:100%;color:var(--hh-ink);font-family:var(--font-inter),system-ui,sans-serif;background-color:#f6f7fb;background-image:radial-gradient(rgba(12,14,255,.07) 1px,transparent 1.2px);background-size:7px 7px}.hh-page a{color:var(--hh-blue)}.hh-page a:hover{color:var(--hh-blue-dark)}.hh-display{font-family:var(--font-dm-sans),sans-serif}.hh-hand{font-family:var(--font-caveat),cursive}.hh-signature{font-family:var(--font-signature),cursive}.hh-signature-alt{font-family:var(--font-signature-alt),cursive}.hh-fade{background:radial-gradient(ellipse 70% 60% at 50% 45%,rgba(246,247,251,.92) 0,rgba(246,247,251,.55) 55%,rgba(246,247,251,0) 100%)}.hh-wrap{max-width:1200px;margin:0 auto;padding:0 24px;box-sizing:border-box}.hh-box{border:2px solid var(--hh-ink);border-radius:20px}.hh-box,.hh-page a.hh-proj{background:#fff;box-shadow:5px 5px 0 var(--hh-ink)}.hh-page a.hh-proj{display:flex;flex-direction:column;height:100%;border-radius:18px;border:2px solid var(--hh-ink);overflow:hidden;text-decoration:none;color:var(--hh-ink);transition:transform .15s ease,box-shadow .15s ease}.hh-page a.hh-proj:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--hh-ink);color:var(--hh-ink)}.hh-more:focus-visible,.hh-page a.hh-btn:focus-visible,.hh-page a.hh-proj:focus-visible{outline:3px solid var(--hh-blue);outline-offset:3px}.hh-thumb{position:relative;display:block;height:150px;border-bottom:2px solid var(--hh-ink);overflow:hidden}.hh-thumb img{width:100%;height:100%;object-fit:cover;display:block}.hh-t-0{background:var(--hh-blue);background-image:radial-gradient(rgba(255,255,255,.22) 1.5px,transparent 1.8px);background-size:14px 14px;color:#fff}.hh-t-1{background:var(--hh-orange);background-image:repeating-linear-gradient(90deg,rgba(20,21,43,.08) 0 2px,transparent 2px 22px)}.hh-t-1,.hh-t-2{color:var(--hh-ink)}.hh-t-2{background:var(--hh-mint);background-image:radial-gradient(circle at 30% 40%,rgba(255,255,255,.35) 0 34px,transparent 35px),radial-gradient(circle at 78% 70%,rgba(20,21,43,.08) 0 48px,transparent 49px)}.hh-t-3{background:var(--hh-pink);background-image:repeating-linear-gradient(-45deg,rgba(210,27,182,.14) 0 10px,transparent 10px 20px)}.hh-t-3,.hh-t-4{color:var(--hh-ink)}.hh-t-4{background:var(--hh-yellow);background-image:radial-gradient(rgba(20,21,43,.14) 1.5px,transparent 1.8px);background-size:12px 12px}.hh-t-5{background:var(--hh-ink);background-image:radial-gradient(rgba(63,217,169,.45) 1.5px,transparent 1.8px);background-size:16px 16px;color:#fff}.hh-award{position:absolute;top:12px;right:12px;padding:5px 11px;background:var(--hh-yellow);font:700 12px var(--font-inter),sans-serif;transform:rotate(4deg)}.hh-award,.hh-more{border-radius:999px;border:2px solid var(--hh-ink);color:var(--hh-ink)}.hh-more{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 22px;background:#fff;font:700 15px var(--font-dm-sans),sans-serif;cursor:pointer;box-shadow:3px 3px 0 var(--hh-ink);transition:transform .15s ease,box-shadow .15s ease}.hh-more:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--hh-ink);background:#fff6d6}.hh-poster{position:relative;display:block;transition:transform .2s ease}.hh-poster:hover{transform:rotate(0deg) translateY(-6px)!important}.hh-poster-img{display:block;width:100%;aspect-ratio:640/905;object-fit:cover;border-radius:6px;box-shadow:0 2px 4px rgba(20,21,43,.08),0 18px 30px -12px rgba(20,21,43,.35)}.hh-tape{position:absolute;z-index:1;top:-12px;left:50%;width:84px;height:26px;margin-left:-42px;background:rgba(255,236,170,.85);box-shadow:0 1px 2px rgba(0,0,0,.08)}.hh-polaroid{background:#fff;padding:12px 12px 36px;box-shadow:0 2px 4px rgba(20,21,43,.08),0 16px 28px -14px rgba(20,21,43,.35);transition:transform .2s ease}.hh-polaroid-btn:focus-visible{outline:3px solid var(--hh-blue);outline-offset:3px}.hh-lightbox{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:rgba(14,15,32,.97);color:#fff}.hh-lightbox::backdrop{background:rgba(14,15,32,.6)}.hh-lightbox-btn{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:999px;border:2px solid #fff;background:rgba(20,21,43,.6);color:#fff;cursor:pointer;transition:background .15s ease}.hh-lightbox-btn:hover{background:var(--hh-blue)}.hh-lightbox-btn:focus-visible{outline:3px solid var(--hh-yellow);outline-offset:3px}.hh-polaroid:hover{transform:rotate(0deg) scale(1.03)!important}.hh-tag{display:inline-flex;min-height:32px;padding:0 12px;border-radius:999px;border:2px solid var(--hh-ink);font:600 13px var(--font-inter),sans-serif}.hh-page a.hh-linkbtn,.hh-tag{align-items:center;background:#fff;color:var(--hh-ink)}.hh-page a.hh-linkbtn{display:flex;justify-content:space-between;gap:12px;min-height:52px;padding:0 18px;border-radius:14px;border:2px solid var(--hh-ink);text-decoration:none;font:700 15px var(--font-dm-sans),sans-serif;transition:transform .15s ease,box-shadow .15s ease}.hh-page a.hh-linkbtn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--hh-ink);color:var(--hh-ink)}.hh-page a.hh-linkbtn.hh-linkbtn-primary{background:var(--hh-blue);color:#fff}.hh-writeup{font-size:17px;line-height:1.7;color:var(--hh-body);overflow-wrap:anywhere}.hh-writeup>*+*{margin-top:.9em}.hh-writeup p{white-space:pre-line}.hh-writeup b,.hh-writeup strong{font-weight:600;color:var(--hh-ink)}.hh-writeup em,.hh-writeup i{font-style:italic}.hh-writeup a{text-decoration:underline;text-underline-offset:2px}.hh-writeup ol,.hh-writeup ul{padding-left:1.4em}.hh-writeup ul{list-style:disc}.hh-writeup ol{list-style:decimal}.hh-writeup li+li{margin-top:.35em}.hh-writeup li>p{white-space:normal}.hh-writeup li::marker{color:var(--hh-muted)}.hh-writeup h3,.hh-writeup h4,.hh-writeup h5{font-family:var(--font-dm-sans),sans-serif;font-weight:700;color:var(--hh-ink);line-height:1.25;margin-top:1.4em}.hh-writeup h3{font-size:21px}.hh-writeup h4,.hh-writeup h5{font-size:18px}.hh-writeup blockquote{border-left:3px solid var(--hh-orange);padding-left:1em;color:var(--hh-muted)}.hh-writeup code{font-size:.9em;padding:.1em .35em;border-radius:6px;background:var(--hh-blue-tint)}.hh-writeup pre{overflow-x:auto;padding:14px 16px;border-radius:12px;background:var(--hh-ink);color:#fff;font-size:14px}.hh-writeup pre code{background:none;padding:0}.hh-writeup hr{border:0;border-top:2px dashed #b8bdd6;margin:1.6em 0}.hh-writeup img{max-width:100%;height:auto;border-radius:14px;border:2px solid var(--hh-ink)}.hh-writeup table{display:block;overflow-x:auto;border-collapse:collapse;font-size:15px}.hh-writeup td,.hh-writeup th{border:1px solid var(--hh-line);padding:6px 12px;text-align:left;vertical-align:top;white-space:normal}.hh-writeup th{background:var(--hh-blue-tint);font-weight:600}.hh-writeup td>p,.hh-writeup th>p{margin:0;white-space:normal}@media (prefers-reduced-motion:reduce){.hh-page *,.hh-page :after,.hh-page :before{transition:none!important}}}