:where(.project-page)>.back{font:700 12px var(--mono);text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;text-decoration:none;transition:color .15s;display:inline-flex}:where(.project-page)>.back:hover{color:var(--orange)}:where(.project-page)>.draft{--c:var(--yellow);margin:14px 0 0}:where(.project-page)>.heading{flex-wrap:wrap;align-items:center;gap:10px 12px;margin:10px 0 20px;display:flex}:where(.project-page>.heading)>.title{letter-spacing:-.03em;margin:0 8px 0 0;font-size:clamp(2.1rem,5vw,3rem);font-weight:800;line-height:1.05;position:relative}:where(.project-page>.heading)>.role{box-shadow:2px 2px 0 var(--shadow);rotate:-2deg}:where(.project-page>.heading)>.role:nth-of-type(2n){rotate:2deg}:where(.project-page>.heading)>.links{flex-wrap:wrap;gap:10px;margin-left:auto;display:flex}:where(.project-page)>.hero{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:stretch;gap:24px;display:grid;position:relative}@media (max-width:820px){:where(.project-page)>.hero{grid-template-columns:minmax(0,1fr);gap:20px}}:where(.project-page .title)>.title-scratch{width:36px;top:-18px;left:-26px;rotate:-10deg}:where(.project-page>.hero)>.scribble.info-peek{z-index:0;width:60px;top:-44px;right:24px;rotate:10deg}@media (max-width:820px){:where(.project-page>.hero)>.info-peek{display:none}}:where(.project-page .hero)>.media{align-self:start;padding:0;overflow:hidden}:where(.project-page .hero)>.media>img,:where(.project-page .hero)>.media>iframe{aspect-ratio:16/9;object-fit:cover;border:0;width:100%;display:block}:where(.project-page .hero)>.info{flex-direction:column;gap:14px;padding:16px 18px 18px;display:flex}:where(.project-page .info)>.summary{color:var(--text);margin:0;font-size:.9rem;line-height:1.55}:where(.project-page .info)>.facts{border-block:2px dashed var(--border);grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:8px 14px;margin:0;padding:12px 0;font-size:.86rem;display:grid}:where(.project-page .facts)>dt{font:700 10.5px var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}:where(.project-page .facts)>dd{min-width:0;color:var(--ink);margin:0;font-weight:600}:where(.project-page .facts) .awards{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}:where(.project-page .facts .awards)>li{--c:var(--yellow);white-space:normal}:where(.project-page .info)>.download{text-align:center;gap:6px;margin-top:auto;display:grid}:where(.project-page .download)>.btn{padding:.7em 1.2em;font-size:1rem}:where(.project-page .download)>span{font:700 10.5px var(--mono);text-transform:uppercase;color:var(--muted)}:where(.project-page .download>.btn)>.go{transition:translate .25s var(--spring)}:where(.project-page .download>.btn):hover>.go{translate:4px}:where(.project-page .media)>.no-video{aspect-ratio:16/9;background:radial-gradient(circle, color-mix(in srgb, var(--ink) 10%, transparent) 1.4px, transparent 1.6px) 0 0 / 16px 16px, var(--surface);position:relative;overflow:hidden;container-type:inline-size}:where(.project-page .no-video)>.caption{text-align:center;white-space:nowrap;font-size:min(7.5vw,4.5rem);letter-spacing:-.03em;text-transform:uppercase;color:#0000;-webkit-text-stroke:2px color-mix(in srgb, var(--ink) 35%, transparent);margin:0;font-size:11.5cqw;font-weight:900;line-height:1;position:absolute;inset:50% 0 auto;translate:0 -50%}:where(.project-page .no-video)>.fox{transform-origin:50% 100%;width:34%;height:auto;animation:3.6s ease-in-out infinite fox-breathe;position:absolute;bottom:-2px;left:50%;overflow:visible;translate:-50%}:where(.project-page .no-video .fox) .fur{fill:var(--orange)}:where(.project-page .no-video .fox) .inner,:where(.project-page .no-video .fox) .nose{fill:var(--on-color)}:where(.project-page .no-video .fox) .cheeks{fill:#f6efe8}:where(.project-page .no-video .fox) .eye{fill:none;stroke:var(--on-color);stroke-width:2.6px;stroke-linecap:round}:where(.project-page .no-video .fox) .ear{transform-box:view-box;animation:6s ease-in-out 1s infinite fox-ear}:where(.project-page .no-video .fox) .left{transform-origin:30% 70%}:where(.project-page .no-video .fox) .right{transform-origin:70% 70%;animation-duration:7.4s;animation-delay:3.4s}:where(.project-page .no-video)>.zzz{width:0;height:0;font-weight:800;font-family:var(--display);color:var(--blue-soft);pointer-events:none;position:absolute;bottom:22%;left:62%}:where(.project-page .no-video>.zzz)>i{opacity:0;font-style:normal;animation:3.6s ease-out infinite fox-zzz;position:absolute;bottom:0;left:0}:where(.project-page .no-video>.zzz)>i:first-child{font-size:.8rem}:where(.project-page .no-video>.zzz)>i:nth-child(2){font-size:1rem;animation-delay:1.2s}:where(.project-page .no-video>.zzz)>i:nth-child(3){font-size:1.25rem;animation-delay:2.4s}@keyframes fox-breathe{0%,to{scale:1}50%{scale:1.015 1.04}}@keyframes fox-ear{0%,88%,to{rotate:0deg}91%{rotate:-9deg}94%{rotate:3deg}}:where(.project-page .no-video .fox) .right{animation-name:fox-ear-right}@keyframes fox-ear-right{0%,88%,to{rotate:0deg}91%{rotate:9deg}94%{rotate:-3deg}}@keyframes fox-zzz{0%{opacity:0;translate:0}20%{opacity:1}to{opacity:0;translate:28px -60px}}@media (prefers-reduced-motion:reduce){:where(.project-page .no-video)>.fox,:where(.project-page .no-video .fox) .ear,:where(.project-page .no-video>.zzz)>i{animation:none}:where(.project-page .no-video>.zzz)>i{opacity:.7}:where(.project-page .no-video>.zzz)>i:nth-child(2){translate:10px -16px}:where(.project-page .no-video>.zzz)>i:nth-child(3){translate:22px -36px}}:where(.project-page)>.body{margin-top:44px}:where(.project-page)>.body.has-topics{grid-template-columns:190px minmax(0,1fr);align-items:start;gap:36px;display:grid}:where(.project-page .body)>.topics{position:sticky;top:78px}:where(.project-page .topics)>.topics-label{font:700 11px var(--mono);text-transform:uppercase;color:var(--muted);margin-bottom:8px;display:inline-block;position:relative}:where(.project-page .topics-label)>.topics-star{width:22px;top:-8px;left:calc(100% + 6px);rotate:12deg}:where(.project-page .topics)>nav{gap:3px;display:grid}:where(.project-page) .topic{font:700 11.5px/1.35 var(--mono);color:var(--ink);transition:translate .35s var(--spring), background .15s, box-shadow .35s var(--spring), color .15s;border:2px solid #0000;border-radius:4px;gap:8px;padding:5px 9px;text-decoration:none;display:flex}:where(.project-page) .topic i{color:var(--muted);font-style:normal}:where(.project-page) .topic:hover{border-color:var(--ink)}:where(.project-page) .topic[aria-current]{background:var(--orange);color:var(--on-color);border-color:var(--ink);box-shadow:3px 3px 0 var(--shadow);translate:6px}:where(.project-page) .topic[aria-current] i{color:inherit}:where(.project-page .body)>.topics-bar{display:none}:where(.project-page .topics-bar)>summary{cursor:pointer;font:700 12px var(--mono);align-items:center;gap:10px;padding:8px 12px;list-style:none;display:flex}:where(.project-page .topics-bar)>summary::-webkit-details-marker{display:none}:where(.project-page .topics-bar summary)>.sticker{font-size:10px}:where(.project-page .topics-bar summary)>b{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}:where(.project-page .topics-bar summary)>b i{color:var(--muted);font-style:normal}:where(.project-page .topics-bar summary)>.chev{transition:rotate .3s var(--spring)}:where(.project-page) .topics-bar[open]>summary>.chev{rotate:180deg}:where(.project-page .topics-bar)>nav{border-top:2px solid var(--ink);gap:3px;max-height:60vh;padding:6px 8px 10px;display:grid;overflow-y:auto}:where(.project-page .topics-bar) .topic[aria-current]{translate:0}@media (max-width:860px){:where(.project-page)>.body.has-topics{grid-template-columns:minmax(0,1fr);gap:18px}:where(.project-page .body)>.topics{display:none}:where(.project-page) .blocks>.section{scroll-margin-top:130px}:where(.project-page .body)>.topics-bar{z-index:30;--off:4px;padding:0;display:block;position:sticky;top:51px}}:where(.project-page .body)>.sheet{background:var(--paper);padding:36px clamp(18px,4vw,44px) 42px;container-type:inline-size}:where(.project-page) .content{max-width:68ch;margin-inline:auto;font-size:17px}:where(.project-page)>.pager{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:44px;display:grid}:where(.project-page)>.pager>a{font:800 1.15rem/1.15 var(--display);gap:4px;padding:14px 18px;text-decoration:none;display:grid}:where(.project-page)>.pager small{font:700 11px var(--mono);text-transform:uppercase;color:var(--muted);align-items:center;gap:6px;display:flex}:where(.project-page)>.pager>.older{text-align:right}:where(.project-page)>.pager>.older small{justify-content:flex-end}@media (max-width:560px){:where(.project-page)>.pager{grid-template-columns:minmax(0,1fr)}}