.hp{--canvas:#0f0f0f;--frame:#161616;--surface:#1a1a1a;--line:#292929;--text:#bab9b9;--strong:#f2f2f2;--muted:#7a7a7a;--chip:#232323;--spring:cubic-bezier(.3, 1.35, .5, 1);background:var(--canvas);min-height:100dvh;color:var(--text);font:13.5px/1.6 var(--font-geist-sans), system-ui, sans-serif;-webkit-font-smoothing:antialiased;padding:16px}:root:not(.dark) .hp{--canvas:#f4f4f3;--frame:#efefed;--surface:#fff;--line:#e6e6e4;--text:#555;--strong:#111;--muted:#8f8f8f;--chip:#f3f3f1}.hp a{color:inherit;text-decoration:none}.hp svg.i{stroke:currentColor;fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:15px;height:15px}.hp-shell{border:1px solid var(--line);background:var(--frame);border-radius:24px;grid-template-columns:264px 1fr;gap:8px;height:calc(100dvh - 32px);padding:8px;display:grid}.hp-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;min-height:0}.hp-aside{flex-direction:column;padding:16px;display:flex}.hp-aside .top{justify-content:space-between;align-items:flex-start;display:flex}.hp-avatar{object-fit:cover;border-radius:50%;width:36px;height:36px}.hp-icon-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:4px;display:grid}.hp-icon-btn:hover{color:var(--strong)}.hp-name{color:var(--strong);margin-top:14px;font-weight:500}.hp-bio{margin:4px 0 12px}.hp-actions{color:var(--muted);white-space:nowrap;gap:12px;font-size:12.5px;display:flex}.hp-actions a,.hp-socials a{align-items:center;gap:5px;transition:color .2s;display:flex}.hp-actions a:hover,.hp-socials a:hover{color:var(--strong)}.hp-wall{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:34px 26px;padding:14px 6px 40px;display:grid}.hp-sticky-note{color:#2c2716;background:linear-gradient(170deg, color-mix(in srgb, var(--paper) 80%, #fff), var(--paper) 45%, color-mix(in srgb, var(--paper) 90%, #000));min-height:250px;transform:rotate(var(--tilt));transition:transform .5s var(--spring), box-shadow .5s ease;border-radius:2px;flex-direction:column;margin:0;padding:30px 20px 16px;display:flex;position:relative;box-shadow:0 1px 2px #0000002e,0 18px 28px -18px #000000bf}.hp-sticky-note:before{content:"";width:86px;height:24px;transform:rotate(var(--tape));clip-path:polygon(3% 0,97% 4%,100% 100%,0 96%);background:#ffffff6b;margin-left:-43px;position:absolute;top:-11px;left:50%;box-shadow:0 1px 2px #0000001f}.hp-sticky-note:after{content:"";background:linear-gradient(315deg, var(--surface) 0 50%, color-mix(in srgb, var(--paper) 72%, #000) 50%);width:28px;height:28px;position:absolute;bottom:0;right:0;box-shadow:-2px -2px 4px #0000001f}.hp-sticky-note:hover,.hp-sticky-note:focus-within{z-index:2;transform:rotate(0)translateY(-6px)scale(1.03);box-shadow:0 2px 4px #00000026,0 30px 40px -20px #000c}.hp-sticky-note blockquote{font-family:var(--font-hand), cursive;overflow-wrap:anywhere;flex:1;margin:0;font-size:25px;font-weight:500;line-height:1.15}.hp-sticky-note figcaption{align-items:center;gap:9px;margin-top:16px;padding-right:22px;font-size:12px;line-height:1.3;display:flex}.hp-sticky-note figcaption b{font-size:12.5px;font-weight:600;display:block}.hp-sticky-note figcaption small{opacity:.65;font-size:11.5px;display:block}.hp-note-title{letter-spacing:.07em;text-transform:uppercase;opacity:.55;margin-bottom:10px;font-size:10.5px;font-weight:700;display:block}.hp-sticky-note .avatar{letter-spacing:.03em;background:#0000001a;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:10.5px;font-weight:700;display:grid}.hp-sticky-note.ghost{opacity:.55}.hp-sticky-note.compose{background-image:repeating-linear-gradient(transparent 0 29px, #2c271621 29px 30px), linear-gradient(170deg, color-mix(in srgb, var(--paper) 80%, #fff), var(--paper));background-position:0 6px,0 0}.hp-sticky-note.compose textarea{resize:none;min-height:120px;color:inherit;font-family:var(--font-hand), cursive;background:0 0;border:0;outline:none;flex:1;padding:0;font-size:24px;line-height:30px}.hp-sticky-note.compose textarea::placeholder,.hp-sticky-note.compose input::placeholder{color:#2c271673}.hp-sticky-note.compose .fields{grid-template-columns:1fr 1fr;gap:6px 10px;margin-top:10px;display:grid}.hp-sticky-note.compose input{min-width:0;color:inherit;font:inherit;background:0 0;border:0;border-bottom:1px dashed #2c27164d;outline:none;padding:4px 0;font-size:12.5px}.hp-sticky-note.compose input:focus{border-bottom-color:#2c2716b3}.hp-sticky-note.compose .foot{color:#2c271699;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding-right:22px;font-size:11.5px;display:flex}.hp-sticky-note.compose .foot .warn{color:#b4232c}.hp-sticky-note.compose button{color:var(--paper);font:inherit;cursor:pointer;transition:transform .3s var(--spring);background:#2c2716;border:0;border-radius:99px;flex:none;padding:6px 13px;font-size:12px;font-weight:600}.hp-sticky-note.compose button:hover{transform:rotate(-2deg)scale(1.05)}.hp-sticky-note.compose button:disabled{opacity:.6;cursor:progress}.hp-sticky-note.done{animation:hp-stick .6s var(--spring)}.hp-sticky-note.done .hp-note-title{padding-right:76px}.hp-sticky-note .stamp{color:#b4232c;letter-spacing:.12em;text-transform:uppercase;opacity:.8;border:2px solid #b4232c;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:800;position:absolute;top:18px;right:14px;transform:rotate(8deg)}@keyframes hp-stick{0%{opacity:0;transform:rotate(-8deg)translateY(-20px)scale(.9)}}.hp-game{border-top:1px solid var(--line);flex-direction:column;height:320px;margin:auto -6px 16px;padding-top:16px;display:flex}.hp-game-tabs{gap:14px;padding:0 6px 12px;display:flex}.hp-game-tabs button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;transition:color .2s}.hp-game-tabs button:hover,.hp-game-tabs button.on{color:var(--strong)}.hp-game canvas{cursor:crosshair;touch-action:none;width:100%;min-height:0;color:var(--strong);--dot:var(--line);outline:none;flex:1}.hp-game-foot{color:var(--muted);justify-content:space-between;gap:8px;margin-top:8px;padding:0 6px;font-size:10.5px;display:flex}.hp-game-foot span:first-child{font-variant-numeric:tabular-nums;white-space:nowrap}.hp-game-foot span:last-child{text-align:right}.hp-socials{color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.hp-socials .handle{margin-left:auto}.hp-legal{color:var(--muted);gap:10px;margin-top:10px;font-size:11px;display:flex}.hp-legal a:hover{color:var(--strong)}.hp-main{position:relative;overflow:hidden}.hp-scroll{--pad:clamp(20px, 4vw, 56px);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;height:100%;padding:84px var(--pad) 56px;overflow:hidden auto;container-type:inline-size}.hp-page{width:100%}.hp-pixels{z-index:4;pointer-events:none;width:100%;height:100%;color:var(--surface);position:absolute;inset:0}.hp h1{letter-spacing:-.02em;color:var(--strong);margin-bottom:12px;font-size:clamp(26px,3vw,38px);font-weight:500;line-height:1.15}.hp h2{color:var(--strong);letter-spacing:-.01em;font-size:20px;font-weight:500}.hp-lead{max-width:640px;margin-bottom:36px;font-size:15.5px}.hp-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:40px 0 6px;font-size:10.5px}.hp-link{color:var(--strong);border-bottom:1px solid var(--line);transition:border-color .2s}.hp-link:hover{border-color:var(--strong)}.hp-row{border-bottom:1px solid var(--line);grid-template-columns:160px 1fr;gap:20px;padding:18px 0;display:grid}.hp-row:last-child{border-bottom:0}.hp-row .when{color:var(--muted);font-size:12.5px}.hp-row .head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.hp-row .head b{color:var(--strong);font-size:14.5px;font-weight:500}.hp-row .where{color:var(--muted);white-space:nowrap;font-size:12px}.hp-row .role{margin-bottom:4px;font-size:13.5px}.hp-row p{color:var(--muted);max-width:680px;font-size:13.5px}.hp-works{border-top:1px solid var(--line)}.hp-work{border-bottom:1px solid var(--line);grid-template-columns:200px 1fr auto;align-items:baseline;gap:24px;padding:20px 0;display:grid}.hp-work>*{transition:transform .35s var(--spring)}.hp-work:hover>*{transform:translate(8px)}.hp-work b{color:var(--strong);align-items:center;gap:6px;font-size:15px;font-weight:500;display:flex}.hp-work .kind{color:var(--muted);font-size:12px;display:block}.hp-work p{max-width:620px;font-size:14px}.hp-work .arrow{opacity:0;transition:.3s var(--spring);transform:translate(-4px,4px)}.hp-work:hover .arrow{opacity:1;transform:none}.hp-badge{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:99px;padding:2px 10px;font-size:11px}.hp-badge.live{color:#4ade80;border-color:#4ade8040}.hp-badge.building{color:#fbbf24;border-color:#fbbf2440}.hp-about{grid-template-columns:minmax(220px,320px) 1fr;align-items:start;gap:clamp(20px,4vw,56px);display:grid}.hp-about img{border:1px solid var(--line);aspect-ratio:3/4;object-fit:cover;border-radius:16px;width:100%;height:auto}.hp-about p{max-width:640px;font-size:15.5px;line-height:1.75}.hp-about p+p{margin-top:16px}.hp-photos{align-items:flex-start;margin-top:18px;padding:8px 0 24px 6px;display:flex}.hp-shot{aspect-ratio:4/5;border:1px solid var(--line);background:var(--chip);width:220px;transform:rotate(var(--r,0deg));transition:transform .7s var(--spring), box-shadow .6s ease;cursor:crosshair;border-radius:14px;flex:none;margin:0;position:relative;overflow:hidden}.hp-shot:first-child{--r:-4deg}.hp-shot:nth-child(2){--r:3deg;margin:22px 0 0 -28px}.hp-shot:hover{z-index:2;transform:rotate(0)translateY(-8px)scale(1.05);box-shadow:0 28px 60px -24px #000000d9}.hp-shot img{object-fit:cover;width:100%;height:100%;transition:transform 1s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.hp-shot .bw{filter:grayscale()contrast(1.12)brightness(.92)}.hp-shot .color{clip-path:circle(0 at var(--x,50%) var(--y,50%));transition:clip-path .8s cubic-bezier(.2,.8,.2,1),transform 1s cubic-bezier(.2,.8,.2,1)}.hp-shot:hover .color{clip-path:circle(150% at var(--x,50%) var(--y,50%))}.hp-shot:hover img{transform:scale(1.08)}.hp-shot figcaption{color:#fff;opacity:0;transition:opacity .35s ease, transform .5s var(--spring);background:#0000008c;border-radius:10px;padding:6px 10px;font-size:11.5px;line-height:1.35;position:absolute;bottom:10px;left:10px;right:10px;transform:translateY(12px)}.hp-shot:hover figcaption{opacity:1;transition-delay:.12s;transform:none}.hp-chips{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.hp-chip{background:var(--chip);border:1px solid var(--line);border-radius:99px;padding:3px 11px;font-size:12px}.hp-list a{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;gap:16px;padding:18px 0;display:grid}.hp-list a:hover b{text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line)}.hp-list b{color:var(--strong);font-size:15px;font-weight:500}.hp-list p{color:var(--muted);max-width:680px;margin-top:2px;font-size:13.5px}.hp-list time,.hp-list small{color:var(--muted);white-space:nowrap;font-size:12px}.hp-empty{color:var(--muted);padding:40px 0}.hp-meta{flex-wrap:wrap;gap:24px;margin:8px 0 28px;font-size:12.5px;display:flex}.hp-meta span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;display:block}.hp-meta b{color:var(--strong);font-weight:500}.hp-cover{border:1px solid var(--line);border-radius:16px;width:100%;height:auto;margin-bottom:32px}.hp-btn{background:var(--strong);cursor:pointer;font-weight:500;font:inherit;border:0;border-radius:99px;align-items:center;gap:6px;padding:9px 18px;font-weight:500;display:inline-flex;color:var(--canvas)!important}.hp-btn.ghost{border:1px solid var(--line);background:0 0;color:var(--strong)!important}.hp-btn:disabled{opacity:.5;cursor:progress}.hp-btns{flex-wrap:wrap;gap:8px;display:flex}.hp-form{gap:10px;max-width:560px;display:grid}.hp-form .two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.hp-form input,.hp-form textarea{background:var(--chip);border:1px solid var(--line);width:100%;color:var(--strong);font:inherit;border-radius:12px;outline:none;padding:11px 14px;transition:border-color .2s}.hp-form input:focus,.hp-form textarea:focus{border-color:var(--muted)}.hp-form textarea{resize:vertical;min-height:140px}.hp-form .note{color:var(--muted);font-size:12.5px}.hp-form .note.ok{color:#4ade80}.hp-form .note.err{color:#f87171}.hp-prose h2{margin:28px 0 8px}.hp-prose p{max-width:680px;margin-bottom:10px;font-size:14.5px}.hp-notch{z-index:5;transition:padding .5s var(--spring), border-radius .5s var(--spring), box-shadow .5s;background:#000;border-radius:0 0 20px 20px;flex-direction:column;padding:5px 8px 7px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 10px 30px -10px #0000}.hp-notch:before,.hp-notch:after{content:"";width:14px;height:14px;position:absolute;top:0}.hp-notch:before{background:radial-gradient(circle at 0 100%,#0000 13.5px,#000 14px);left:-14px}.hp-notch:after{background:radial-gradient(circle at 100% 100%,#0000 13.5px,#000 14px);right:-14px}.hp-notch:hover{border-radius:0 0 30px 30px;padding:10px 14px 14px;box-shadow:0 18px 40px -12px #000000b3}.hp-notch:has(:focus-visible){border-radius:0 0 30px 30px;padding:10px 14px 14px;box-shadow:0 18px 40px -12px #000000b3}.hp-notch .links{transition:gap .5s var(--spring);align-items:center;gap:2px;display:flex}.hp-notch:hover .links{gap:6px}.hp-notch:has(:focus-visible) .links{gap:6px}.hp-notch .links a{isolation:isolate;color:#8a8a8a;height:32px;transition:background .3s, color .3s, height .5s var(--spring), padding .5s var(--spring);border-radius:99px;align-items:center;padding:0 9px;display:flex;position:relative}.hp-notch .links a:hover,.hp-notch .links a.on{color:#fff}.hp-notch .pill{z-index:-1;background:#1e1e1e;border-radius:99px;transition:background .3s;position:absolute;inset:0}.hp-notch:hover .links a{background:#111;height:40px;padding:0 14px}.hp-notch:has(:focus-visible) .links a{background:#111;height:40px;padding:0 14px}.hp-notch:hover .pill{background:#2a2a2a}.hp-notch:has(:focus-visible) .pill{background:#2a2a2a}.hp-notch .links span{white-space:nowrap;max-width:0;transition:max-width .4s var(--spring), margin .4s;font-size:12.5px;overflow:hidden}.hp-notch .links a.on span,.hp-notch:hover .links span{max-width:90px;margin-left:7px}.hp-notch:has(:focus-visible) .links span{max-width:90px;margin-left:7px}.hp-notch .links svg.i{width:16px;height:16px}.hp-notch .extra{opacity:0;width:0;min-width:100%;transition:grid-template-rows .5s var(--spring), opacity .25s;grid-template-rows:0fr;display:grid}.hp-notch:hover .extra{opacity:1;grid-template-rows:1fr;transition-delay:0s,.12s}.hp-notch:has(:focus-visible) .extra{opacity:1;grid-template-rows:1fr;transition-delay:0s,.12s}.hp-notch .extra>div{min-height:0;overflow:hidden}.hp-island{color:#8a8a8a;white-space:nowrap;border-top:1px solid #1c1c1c;align-items:center;gap:10px;margin-top:12px;padding:12px 4px 0;font-size:12px;display:flex}.hp-island img{object-fit:cover;border-radius:50%;width:30px;height:30px}.hp-island b{color:#fff;font-size:12.5px;font-weight:500;line-height:1.3;display:block}.hp-island time{color:#fff;font-variant-numeric:tabular-nums}.hp-island .status{color:#4ade80;background:#0f1f14;border-radius:99px;align-items:center;gap:6px;margin-left:auto;padding:4px 10px;display:flex}.hp-island .status i{background:#4ade80;border-radius:50%;width:6px;height:6px;position:relative}.hp-island .status i:after{content:"";background:#4ade80;border-radius:50%;animation:2s ease-out infinite paused hp-pulse;position:absolute;inset:0}.hp-notch:hover .hp-island .status i:after{animation-play-state:running}.hp-notch:has(:focus-visible) .hp-island .status i:after{animation-play-state:running}@keyframes hp-pulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(3)}}.hp-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:11px}.hp-s{gap:clamp(56px,7vw,110px);padding-bottom:40px;display:grid}.hp-s h2{letter-spacing:-.035em;color:var(--strong);margin:12px 0 10px;font-size:clamp(28px,3.4vw,46px);font-weight:600;line-height:1.05}.hp-s-hero{flex-direction:column;justify-content:center;min-height:min(66vh,620px);display:flex;position:relative}.hp .hp-s-hero h1{letter-spacing:-.055em;z-index:2;max-width:11ch;margin:18px 0 22px;font-size:clamp(46px,7.4vw,118px);font-weight:650;line-height:.9;position:relative}.hp-s-hero h1 span{display:block}.hp-s-hero h1 .outline{color:#0000;-webkit-text-stroke:1.5px var(--strong)}.hp-s-hero h1 .accent{letter-spacing:-.03em;font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:400}.hp-s-hero .sub{z-index:2;max-width:460px;font-size:16px;line-height:1.7;position:relative}.hp-s-float{max-width:36%;height:auto;transform:rotate(var(--r));transition:transform .5s var(--spring);z-index:1;border-radius:10px;position:absolute;box-shadow:0 24px 50px -24px #000000e6}.hp-s-float:hover{z-index:3;transform:rotate(0)scale(1.08)}.hp-s-badge{width:112px;height:112px;fill:var(--strong);color:var(--strong);position:absolute;bottom:0;right:2%}.hp-s-badge text{letter-spacing:.12em;text-transform:uppercase;font-size:9.6px;font-weight:600}.hp-s-badge path:last-child{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.hp-s-marquee{margin-inline:calc(50% - 50cqw - var(--pad));gap:34px;padding:30px 0;display:grid;overflow:hidden}.hp-s-marquee .row{z-index:1;background:var(--strong);width:calc(100% + 120px);color:var(--surface);margin-left:-60px;padding:12px 0;position:relative;transform:rotate(-1.6deg)}.hp-s-marquee .row.rev{z-index:0;color:var(--strong);background:0 0;transform:rotate(1.2deg)}.hp-s-marquee .track{width:max-content;animation:40s linear infinite hp-marquee;display:flex}.hp-s-marquee .rev .track{animation-duration:55s;animation-direction:reverse}.hp-s-marquee span{letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:22px;padding-right:22px;font-size:clamp(18px,2.2vw,28px);font-weight:650;display:inline-flex}.hp-s-marquee i{opacity:.6;font-size:.6em;font-style:normal}@keyframes hp-marquee{to{transform:translate(-50%)}}.hp-bento{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(150px,auto);gap:12px;margin-top:18px;display:grid}.hp-bento .card{border:1px solid var(--line);background:var(--chip);transition:transform .5s var(--spring), border-color .3s;border-radius:22px;flex-direction:column;padding:24px;display:flex;position:relative;overflow:hidden}.hp-bento .card:hover{border-color:color-mix(in srgb, var(--strong) 25%, var(--line));transform:translateY(-4px)}.hp-bento .tag{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:11px}.hp-bento .card p{z-index:1;max-width:460px;font-size:14.5px;position:relative}.hp-bento img{border-radius:12px}.hp-bento .day{grid-area:span 2/span 4}.hp-bento .day .stat{z-index:1;align-items:flex-end;gap:16px;max-width:420px;margin-top:auto;padding-top:28px;display:flex;position:relative}.hp-bento .day .stat b{letter-spacing:-.06em;color:var(--strong);font-size:clamp(64px,8vw,120px);font-weight:650;line-height:.8}.hp-bento .day .stat span{color:var(--muted);padding-bottom:6px;font-size:13px}.hp-bento .day img{width:44%;max-width:380px;position:absolute;bottom:22px;right:22px;transform:rotate(4deg)}.hp-bento .night{color:#bdbdbd;background:#000;border-color:#222;grid-area:span 2/span 2}.hp-bento .night h2{color:#fff}.hp-bento .night .logo{color:#fff;margin-top:14px;font-size:54px;line-height:1}.hp-bento .night img{align-self:flex-end;width:86%;margin-top:auto;transform:rotate(-4deg)}.hp-bento .stack{grid-column:span 3}.hp-bento .chips{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:18px;display:flex}.hp-bento .chips span{border:1px solid var(--line);background:var(--surface);color:var(--strong);border-radius:99px;padding:6px 12px;font-size:13px}.hp-bento .photo{grid-column:span 1;padding:0}.hp-bento .photo img{object-fit:cover;filter:grayscale();border-radius:0;width:100%;height:100%;transition:filter .5s}.hp-bento .photo:hover img{filter:none}.hp-bento .photo span{color:#fff;background:#0009;border-radius:8px;padding:6px 8px;font-size:11px;line-height:1.3;position:absolute;bottom:10px;left:10px;right:10px}.hp-bento .shipped{color:var(--muted);grid-column:span 2}.hp-bento .shipped b{letter-spacing:-.05em;color:var(--strong);margin-top:auto;font-size:64px;font-weight:650;line-height:1}.hp-s-manifesto .words{letter-spacing:-.03em;max-width:980px;color:var(--strong);margin-top:18px;font-size:clamp(26px,3.4vw,46px);font-weight:550;line-height:1.2}.hp-s-music{position:relative}.hp-s-music .head{max-width:640px}.hp-s-music .hint{color:var(--muted);font-size:14px}.hp-s-music .track{scrollbar-width:none;gap:96px;margin-top:28px;padding:30px 0 10px;display:flex;overflow-x:auto}.record{flex:none;width:310px;position:relative}.record .sleeve{z-index:2;aspect-ratio:1;background:var(--tint);transition:transform .5s var(--spring);border-radius:6px;position:relative;overflow:hidden;box-shadow:0 20px 40px -22px #000000e6}.record .sleeve img{object-fit:cover;mix-blend-mode:luminosity;opacity:.9;width:100%;height:100%}.record .sleeve:after{content:"";background:linear-gradient(135deg,#ffffff2e,#0000 45%);position:absolute;inset:0}.record .cover{color:#fff;letter-spacing:-.03em;place-items:end start;padding:18px;font-size:30px;font-weight:700;line-height:1;display:grid;position:absolute;inset:0}.record .vinyl{z-index:1;aspect-ratio:1;background:radial-gradient(circle, var(--tint) 0 13%, #111 14% 15%, #1b1b1b 16%, #0c0c0c 30%, #1b1b1b 31%, #0c0c0c 45%, #1b1b1b 46%, #0c0c0c 62%, #161616 70%, #0a0a0a 71%);width:88%;transition:right .6s var(--spring);border-radius:50%;animation:3.2s linear infinite hp-spin;position:absolute;top:6%;right:-26%;box-shadow:0 0 0 1px #3a3a3a,0 10px 30px -10px #000c}.record:hover .vinyl{right:-44%}.record:hover .sleeve{transform:rotate(-3deg)}.record h3{color:var(--strong);margin-top:16px;font-size:18px;font-weight:600}.record p{color:var(--muted);font-size:13.5px}@keyframes hp-spin{to{transform:rotate(1turn)}}.hp-hud{color:#9ef0a8;font-family:var(--font-geist-mono), monospace;background:#070b08;border:1px solid #15301b;border-radius:20px;margin-top:18px;overflow:hidden;box-shadow:inset 0 0 80px #3cff780f}.hp-hud .bar{text-transform:uppercase;letter-spacing:.08em;color:#5fbf6c;border-bottom:1px solid #15301b;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding:12px 20px;font-size:12px;display:flex}.hp-hud .bar b{color:#c9ffd0}.hp-hud .blink{animation:1.2s steps(2,end) infinite hp-blink}@keyframes hp-blink{50%{opacity:.2}}.hp-hud .grid{background-image:repeating-linear-gradient(#0000 0 3px,#3cff7806 3px 4px);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:28px;padding:26px 22px 28px;display:grid}.hp .hp-hud h2{color:#e6ffe9;font-family:var(--font-geist-sans), sans-serif}.hp-hud .meter{grid-template-columns:54px 1fr;align-items:center;gap:4px 12px;margin-top:12px;font-size:12px;display:grid}.hp-hud .meter i{background:linear-gradient(90deg, #47e061 var(--v), transparent var(--v));transform-origin:0;height:10px;animation:hp-fill 1.2s var(--spring) both;border:1px solid #2d6b37;border-radius:2px}.hp-hud .meter em{color:#5fbf6c;grid-column:2;font-size:11px;font-style:normal}@keyframes hp-fill{0%{transform:scaleX(0)}}.hp-hud .ach{gap:7px;margin-top:18px;padding:0;font-size:12.5px;list-style:none;display:grid}.hp-hud .ach b{color:#ffd23f;font-weight:400}.hp-hud .settings{color:#5fbf6c;margin-top:16px;font-size:12px}.hp-hud .side{flex-direction:column;align-items:center;gap:18px;display:flex}.hp-hud .cam{border:1px solid #2d6b37;border-radius:10px;width:100%;max-width:400px;margin:0;position:relative;overflow:hidden}.hp-hud .cam img{filter:saturate(.6)contrast(1.1);width:100%;display:block}.hp-hud .cam figcaption{color:#fff;text-transform:uppercase;letter-spacing:.08em;background:#e5484d;border-radius:4px;padding:2px 8px;font-size:10px;position:absolute;top:8px;left:8px}.hp-hud .keys{grid-template-columns:repeat(3,46px);grid-template-areas:".w.""a s d";gap:6px;display:grid}.hp-hud .k{color:#c9ffd0;border:1px solid #2d6b37;border-bottom-width:4px;border-radius:8px;place-items:center;height:46px;font-weight:700;animation:2.4s infinite hp-press;display:grid}.hp-hud .k.w{grid-area:w}.hp-hud .k.a{grid-area:a;animation-delay:.6s}.hp-hud .k.s{grid-area:s;animation-delay:1.2s}.hp-hud .k.d{grid-area:d;animation-delay:1.8s}@keyframes hp-press{0%,20%,to{background:0 0;border-bottom-width:4px;transform:none}8%{background:#47e0612e;border-bottom-width:1px;transform:translateY(3px)}}.hp-s-end{padding:20px 0 30px}.hp-s-end .big{letter-spacing:-.06em;color:var(--strong);transition:background-size .6s var(--spring);background:linear-gradient(currentColor,currentColor) 0 100%/0 3px no-repeat;align-items:baseline;gap:.2em;margin:14px 0 12px;font-size:clamp(64px,11vw,170px);font-weight:650;line-height:.9;display:inline-flex}.hp-s-end .big:hover{background-size:100% 3px}.hp-s-end .big span{transition:transform .5s var(--spring);display:inline-block}.hp-s-end .big:hover span{transform:translate(14px)rotate(-12deg)}@supports (animation-timeline:view()){.hp-s-float{animation:linear both hp-parallax;animation-timeline:scroll();animation-range:0 900px}.hp-s-badge .ring{transform-box:view-box;transform-origin:50%;animation:linear both hp-turn;animation-timeline:scroll()}.hp-s-block,.hp-s-end{animation:linear both hp-rise;animation-timeline:view();animation-range:entry entry 70%}.hp-s-manifesto .words span{opacity:.14;animation:linear both hp-word;animation-timeline:view();animation-range:entry 60% cover 42%}.hp-s-music{view-timeline:--hp-music block;height:260vh}.hp-s-music .pin{flex-direction:column;justify-content:center;height:calc(100dvh - 150px);display:flex;position:sticky;top:64px;overflow:hidden;container-type:inline-size}.hp-s-music .track{width:max-content;padding-right:40px;animation:linear both hp-slide;animation-timeline:--hp-music;animation-range:contain;overflow:visible}.hp-hud .meter i{animation:linear both hp-fill;animation-timeline:view();animation-range:entry 20% cover 45%}}@keyframes hp-parallax{to{translate:0 var(--speed)}}@keyframes hp-turn{to{rotate:2turn}}@keyframes hp-rise{0%{opacity:0;translate:0 50px}}@keyframes hp-word{to{opacity:1}}@keyframes hp-slide{to{translate:calc(100cqw - 100%)}}@media (max-width:860px){.hp-s-hero{min-height:0;padding-bottom:130px}.hp-s-float{max-width:34%;bottom:0;top:auto!important}.hp-s-float:first-of-type{left:0!important}.hp-s-float:nth-of-type(2){left:34%!important}.hp-s-float:nth-of-type(3){left:66%!important}.hp-s-badge{display:none}.hp-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-bento .day,.hp-bento .night,.hp-bento .stack{grid-area:auto/span 2}.hp-bento .day img{width:60%;margin-top:18px;position:static}.hp-bento .photo,.hp-bento .shipped{grid-column:span 1}.hp-hud .grid{grid-template-columns:1fr}.record{width:250px}.hp{padding:52px 10px 10px}.hp-shell{grid-template-columns:1fr;height:auto;min-height:calc(100dvh - 62px)}.hp-socials{margin-top:18px}.hp-game{display:none}.hp-main{overflow:visible}.hp-scroll{height:auto;padding:28px 18px 40px;overflow:visible}.hp-notch,.hp-pixels{position:fixed}.hp-notch .extra{display:none}.hp-notch:hover .links span{max-width:0;margin:0}.hp-notch .links a.on span{max-width:90px;margin-left:7px}.hp-notch:hover .links a{height:32px;padding:0 9px}.hp-notch:has(:focus-visible) .links a{height:32px;padding:0 9px}.hp-about,.hp-row,.hp-work,.hp-form .two{grid-template-columns:1fr}.hp-row,.hp-work{gap:4px}.hp-shot{width:48%}}@media (prefers-reduced-motion:reduce){.hp *,.hp :before,.hp :after{transition:none!important;animation:none!important}}