.section-head{display:flex;flex-direction:column;gap:20px}.section-head__row{display:flex;align-items:center;gap:16px}.section-head__titles{display:flex;flex-direction:column;gap:6px}.section-head__title{font-size:30px;font-weight:500;letter-spacing:-1px;line-height:1.1;color:var(--ink)}.section-head__meta{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.8px;color:var(--ink-3);text-transform:uppercase}.section-head__live{width:6px;height:6px;border-radius:50%;background:var(--green)}.section-head__desc{font-size:15px;line-height:1.5;color:var(--ink-2)}.element-tile{flex-direction:column;flex:none;width:62px;height:62px;padding:6px 7px;border:1px solid var(--ink)}.element-tile,.element-tile__top{display:flex;justify-content:space-between}.element-tile__top{font-family:var(--font-mono);font-size:9px;line-height:1;color:var(--ink-2)}.element-tile__mass{color:var(--ink-3)}.element-tile__symbol{font-size:24px;font-weight:600;letter-spacing:-.8px;line-height:1;color:var(--ink)}.archive__intro{justify-content:space-between;gap:40px}@media(max-width:1100px){.archive__intro{flex-direction:row;justify-content:flex-start}.archive__intro>*{flex:1 1}}@media(max-width:640px){.archive__intro{flex-direction:column}}.archive__table{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:240px;grid-auto-flow:row dense;grid-gap:16px;gap:16px;flex:1 1;min-width:0}@media(max-width:1100px){.archive__table{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.archive__table{grid-auto-rows:minmax(176px,auto);gap:12px}}.archive-tile{display:flex;gap:16px;min-width:0;overflow:hidden;border:1px solid var(--line);cursor:pointer;transition:border-color .2s ease,background-color .24s ease}.archive-tile__info{flex-direction:column;flex:1 1;min-width:0;padding:18px}.archive-tile__info,.archive-tile__top{display:flex;justify-content:space-between}.archive-tile__top{align-items:center;font-family:var(--font-mono);font-size:10px;line-height:14px;color:var(--ink-3)}.archive-tile__category{display:inline-flex;align-items:center;gap:6px;font-size:9px;letter-spacing:.8px;text-transform:uppercase;color:var(--ink-2)}.archive-tile__category i{width:8px;height:8px;border-radius:2px}.archive-tile__symbol{font-size:54px;font-weight:600;letter-spacing:-2.6px;line-height:1;color:var(--ink)}.archive-tile__bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:8px}.archive-tile__text{display:flex;flex-direction:column;gap:5px;min-width:0}.archive-tile__text h3{font-size:15px;font-weight:500;line-height:18px;color:var(--ink)}.archive-tile__text span{font-family:var(--font-mono);font-size:10px;letter-spacing:.4px;line-height:14px;text-transform:uppercase;color:var(--ink-3)}.archive-tile__arrow{flex:none;width:18px;height:18px;color:var(--ink);opacity:0;transition:opacity .2s ease}.archive-tile:focus-visible:not(.is-open),.archive-tile:hover:not(.is-open){border-color:var(--ink)}.archive-tile:focus-visible:not(.is-open) .archive-tile__arrow,.archive-tile:hover:not(.is-open) .archive-tile__arrow{opacity:1}.archive-tile.is-open{grid-column:span 2;padding:10px;background:var(--ink);border-color:var(--ink);cursor:default}.archive-tile.is-open .archive-tile__info{padding:8px 0 8px 8px;animation:tile-content-in .32s var(--ease-out) 60ms backwards}.archive-tile.is-open .archive-tile__category{color:var(--ink-3)}.archive-tile.is-open .archive-tile__symbol{color:var(--bg)}.archive-tile__title{display:flex;align-items:flex-end;gap:12px}.archive-tile__title h3{padding-bottom:6px;font-size:15px;font-weight:500;color:var(--bg)}.archive-tile__desc{font-size:13px;line-height:1.5;color:var(--surface);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.archive-tile__links{display:flex;flex-wrap:wrap;gap:8px}.archive-tile__links a{display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 8px;border:1px solid var(--ink-3);border-radius:8px;font-size:12px;font-weight:500;line-height:16px;color:var(--bg);transition:border-color .16s ease}.archive-tile__links a:hover{border-color:var(--bg)}.archive-tile__links svg{width:13px;height:13px}.archive-tile__art{flex:none;width:210px;height:100%;border-radius:4px;object-fit:cover;animation:tile-content-in .32s var(--ease-out) 60ms backwards}.archive-tile__art.is-top{object-position:top}.archive-tile__art--empty{background:linear-gradient(to right,rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.08) 1px,transparent 1px),var(--ink-2);background-size:24px 24px}.archive-tile--slot{background:var(--surface);border-color:rgba(0,0,0,0)}.archive-tile--slot .archive-tile__symbol{color:var(--ink-3)}.archive-tile--slot .archive-tile__text span{color:var(--ink)}.archive-tile--slot .archive-tile__arrow{opacity:1}@media(max-width:640px){.archive-tile__info{padding:14px}.archive-tile__symbol{font-size:40px;letter-spacing:-1.8px}.archive-tile.is-open{flex-direction:column-reverse}.archive-tile.is-open .archive-tile__info{gap:14px;padding:6px}.archive-tile__art{width:100%;height:180px}}@keyframes tile-content-in{0%{opacity:0;transform:translateY(6px)}}.collage{position:relative;overflow:hidden;background-image:linear-gradient(to right,var(--grid) 1px,transparent 1px),linear-gradient(to bottom,var(--grid) 1px,transparent 1px);background-size:48px 48px;background-position-y:4px;touch-action:pan-y}.collage__stage{position:absolute;top:0;transform-origin:0 0}.collage__item{position:absolute;transform:rotate(var(--rot));cursor:-webkit-grab;cursor:grab;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:none;will-change:transform}.collage__item.is-held{cursor:-webkit-grabbing;cursor:grabbing}.collage__item.is-held .collage__body{box-shadow:0 22px 44px rgba(0,0,0,.2)}.collage__item img{pointer-events:none}.collage__body{box-shadow:var(--shadow-object);transition:box-shadow .2s ease}.collage__hint{font-size:11px;color:var(--ink-3)}.collage__hint,.collage__tip{position:absolute;font-family:var(--font-mono);line-height:16px;white-space:nowrap}.collage__tip{z-index:40;padding:7px 12px;border-radius:999px;font-size:12px;color:#13201f;box-shadow:var(--shadow-object);pointer-events:none;animation:tip-in .16s var(--ease-out)}.collage__item--polaroid .collage__body{display:flex;flex-direction:column;gap:10px;width:268px;padding:14px 14px 16px;background:#fff}.collage__item--polaroid .collage__body img{width:100%;height:240px;object-fit:cover}.collage__item--polaroid .collage__body span{font-family:var(--font-hand);font-size:24px;line-height:30px;color:#2b2a27}.collage__item--vinyl .collage__body{width:240px;height:240px;border-radius:50%}.collage__item--sleeve .collage__body{width:240px;height:240px}.collage__item--sleeve .collage__body img{width:100%;height:100%;object-fit:cover}.collage__item--phone .collage__body{width:186px;height:380px;padding:7px;background:#111;border-radius:32px}.collage__item--sticky .collage__body{width:196px;height:196px;padding:20px;background:var(--yellow)}.collage__item--sticky .collage__body p{font-family:var(--font-hand);font-size:30px;line-height:1.1;color:var(--note-ink)}.collage__item--terminal .collage__body{display:flex;flex-direction:column;gap:6px;width:300px;padding:14px;background:#161616;border-radius:10px;font-family:var(--font-mono);font-size:12px;line-height:17px;color:#e5e5e5;white-space:nowrap}.collage__item--stamp .collage__body{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:116px;height:116px;background:var(--stamp);border-radius:50%}.collage__item--stamp .collage__body strong{font-size:20px;font-weight:700;letter-spacing:-.4px;line-height:24px;color:#fff}.collage__item--stamp .collage__body span{font-family:var(--font-mono);font-size:10px;letter-spacing:1.2px;line-height:14px;color:rgba(255,255,255,.8)}.terminal__dots{display:flex;gap:5px;padding-bottom:4px}.terminal__dots i{width:8px;height:8px;border-radius:50%;background:#ff5f57}.terminal__dots i:nth-child(2){background:#febc2e}.terminal__dots i:nth-child(3){background:#28c840}.terminal__dim{color:#9ca3af}.terminal__ok{color:#4ade80}.vinyl{position:relative;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,transparent 67px,#2a2a2a 0 68px,transparent 68px),radial-gradient(circle,transparent 80px,#2a2a2a 0 81px,transparent 81px),radial-gradient(circle,transparent 93px,#2a2a2a 0 94px,transparent 94px),radial-gradient(circle,transparent 106px,#2a2a2a 0 107px,transparent 107px),#121212;animation:spin-slow 14s linear infinite}.vinyl.is-playing{animation-duration:6s}.vinyl img{inset:76px;width:88px;height:88px;object-fit:cover}.vinyl img,.vinyl:after{position:absolute;border-radius:50%}.vinyl:after{content:"";left:116px;top:116px;width:8px;height:8px;background:var(--bg)}.duel{display:flex;flex-direction:column;gap:12px;height:100%;padding:30px 14px 14px;background:#0e1424;border-radius:26px;overflow:hidden}.duel__top{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:9px;letter-spacing:.6px;color:rgba(255,255,255,.6)}.duel__timer{color:#4ade80}.duel__bar{background:rgba(255,255,255,.1)}.duel__bar,.duel__bar span{height:4px;border-radius:2px}.duel__bar span{display:block;width:96px;background:#4ade80}.duel__q{font-size:14px;font-weight:600;line-height:1.3;color:#fff}.duel__a{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);font-family:var(--font-mono);font-size:11px;color:#fff}.duel__a.is-right{background:rgba(34,197,94,.18);border-color:#22c55e}.duel__a svg{width:13px;height:13px;color:#4ade80}.duel__xp{align-self:flex-start;padding:4px 8px;border-radius:999px;background:rgba(250,204,21,.15);font-family:var(--font-mono);font-size:10px;color:#facc15}@keyframes tip-in{0%{opacity:0;transform:translateY(4px) scale(.96)}}.contact{display:flex;justify-content:center;padding:110px var(--edge) 120px;border-top:1px solid var(--line);scroll-margin-top:40px}.contact__column{display:flex;flex-direction:column;gap:30px;width:760px;max-width:100%}.contact__pitch{font-size:32px;line-height:1.45;letter-spacing:-.7px;color:var(--ink)}.contact__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.contact__btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;background:var(--chip);border:1px solid var(--chip-line);border-radius:999px;font-size:14px;font-weight:500;line-height:18px;color:var(--ink);transition:border-color .16s ease}.contact__btn svg{width:16px;height:16px}.contact__btn:hover{border-color:var(--ink-3)}.contact__btn--primary{background:var(--ink);color:var(--bg)}.contact__btn--primary,.contact__btn--primary:hover{border-color:var(--ink)}.contact__address{padding-left:4px;font-family:var(--font-mono);font-size:12px;color:var(--ink-3)}@media(max-width:900px){.contact{padding:88px var(--edge) 96px}.contact__pitch{font-size:28px}}@media(max-width:640px){.contact{padding:64px var(--edge) 72px}.contact__pitch{font-size:22px;letter-spacing:-.4px}}.giant-email{padding:18px var(--gutter) 10px;overflow:hidden}.giant-email__text{display:block;font-size:min(118px,(100vw - 2*var(--edge))*.0983);font-weight:500;letter-spacing:-.056em;line-height:1.2;white-space:nowrap;text-align:left;cursor:copy;background:linear-gradient(to right,var(--ink) 50%,var(--underline) 50%);background-size:200% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0);transition:background-position .7s var(--ease-out)}.giant-email__text:focus-visible,.giant-email__text:hover{background-position:0 0}.guestbook{border-block:1px solid var(--line);scroll-margin-top:40px}.guestbook__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:40px var(--gutter) 8px}.guestbook__head-left{width:460px;max-width:100%}.guestbook__head-left .section-head{gap:12px}.guestbook__actions{display:flex;gap:8px}.guestbook__actions .is-active{background:var(--ink);border-color:var(--ink);color:var(--bg)}.guestbook__composer-flow{padding:24px var(--gutter) 0}.guestbook__composer-flow .composer{width:100%}@media(max-width:640px){.guestbook__head{flex-direction:column;align-items:flex-start;padding-top:48px}}.wall{position:relative;overflow:hidden;transition:height .4s var(--ease-out)}.wall__composer{position:absolute;z-index:5}.wall__hint{position:absolute;bottom:20px;font-family:var(--font-mono);font-size:11px;line-height:16px;color:var(--ink-3)}@media(max-width:640px){.wall__hint{right:20px;font-size:10px}}.composer{display:flex;flex-direction:column;gap:16px;width:320px;padding:20px;background:var(--chip);border:1px solid var(--chip-line);border-radius:14px;box-shadow:var(--shadow-note)}.composer__head{display:flex;align-items:center;justify-content:space-between}.composer__head h3{font-size:15px;font-weight:500;color:var(--ink)}.composer__chars,.composer__clear{font-family:var(--font-mono);font-size:10px;color:var(--ink-3)}.composer__clear{display:inline-flex;align-items:center;gap:4px}.composer__clear:hover{color:var(--ink)}.composer__clear svg{width:12px;height:12px}.composer__modes{display:flex;padding:3px;background:var(--surface);border-radius:10px}.composer__modes button{display:flex;align-items:center;justify-content:center;gap:6px;flex:1 1;padding:7px 0;border-radius:8px;font-size:13px;font-weight:500;line-height:16px;color:var(--ink-3);transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.composer__modes button svg{width:14px;height:14px}.composer__modes button.is-active{background:var(--chip);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.1)}.composer__draft{height:150px;padding:18px;transform:rotate(1.5deg);transition:background-color .24s ease}.composer__draft canvas,.composer__draft textarea{display:block;width:100%;height:100%}.composer__draft textarea{resize:none;border:0;outline:0;background:rgba(0,0,0,0);font-family:var(--font-hand);font-size:26px;line-height:1.15;color:var(--note-ink);caret-color:var(--note-ink)}.composer__draft textarea::placeholder{color:rgba(42,36,18,.4)}.composer__draft canvas{cursor:crosshair;touch-action:none}.composer__colors{display:flex;align-items:center;justify-content:space-between}.composer__colors>span{font-family:var(--font-mono);font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:var(--ink-3)}.composer__colors div{display:flex;gap:8px}.composer__colors button{width:22px;height:22px;border-radius:50%;border:1px solid rgba(0,0,0,.08)}.composer__colors button.is-active{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.composer__name{display:flex;align-items:center;gap:8px;padding:11px 12px;border:1px solid var(--chip-line);border-radius:10px;transition:border-color .16s ease}.composer__name:focus-within{border-color:var(--ink-3)}.composer__name svg{flex:none;width:14px;height:14px;color:var(--ink-3)}.composer__name input{flex:1 1;min-width:0;border:0;outline:0;background:rgba(0,0,0,0);font:inherit;font-size:13px;color:var(--ink)}.composer__name input::placeholder{color:var(--ink-3)}.composer__pin{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 0;background:var(--ink);border-radius:999px;font-size:14px;font-weight:500;line-height:18px;color:var(--bg);transition:opacity .16s ease}.composer__pin svg{width:15px;height:15px}.composer__pin:disabled{opacity:.45;cursor:not-allowed}.note{position:absolute;left:0;top:0;display:flex;flex-direction:column;gap:14px;width:206px;padding:22px 18px 14px;box-shadow:var(--shadow-note);cursor:-webkit-grab;cursor:grab;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:none;transition:transform .65s cubic-bezier(.34,1.4,.64,1),box-shadow .2s ease}.note.is-held{cursor:-webkit-grabbing;cursor:grabbing;transition:box-shadow .2s ease;box-shadow:0 22px 40px rgba(0,0,0,.22)}.note.is-pending{opacity:.75;outline:1.5px dashed rgba(42,36,18,.35);outline-offset:-6px}.note__tape{position:absolute;left:72px;top:-9px;width:62px;height:20px;background:rgba(255,255,255,.55);transform:rotate(3deg)}.note__message{font-family:var(--font-hand);font-size:24px;line-height:1.12;color:var(--note-ink);overflow-wrap:anywhere}.note__drawing{width:100%;height:96px;object-fit:contain;pointer-events:none}.note__doodle{display:flex;align-items:center;justify-content:center;gap:10px;height:96px;color:var(--note-ink)}.note__doodle svg{width:64px;height:64px}.note__doodle-heart{width:34px!important;height:34px!important;color:#e0607e}.note__footer{display:flex;justify-content:space-between;gap:8px;line-height:12px}.note__footer,.note__like{align-items:center;font-family:var(--font-mono);font-size:9px;color:rgba(42,36,18,.6)}.note__like{display:inline-flex;gap:3px;padding:2px;transition:transform .2s cubic-bezier(.34,1.8,.64,1)}.note__like svg{width:12px;height:12px}.note__like:active{transform:scale(.85)}.note__like.is-liked svg{color:#e0607e;animation:heart-pop .36s cubic-bezier(.34,1.8,.64,1)}@media(max-width:640px){.note{width:160px;padding:20px 14px 12px;gap:10px}.note__tape{left:50px}.note__message{font-size:20px}}@keyframes heart-pop{50%{transform:scale(1.35)}}.intro{padding:120px var(--edge) 110px;display:flex;justify-content:center;scroll-margin-top:80px}.intro__column{width:760px;max-width:100%}.intro__lead{font-size:32px;font-weight:400;letter-spacing:-.7px;line-height:52px;color:var(--ink)}.intro__line{display:block;white-space:nowrap}.intro__sub{display:flex;flex-direction:column;gap:14px;padding-top:36px}.intro__bio{line-height:1.6}.intro__bio,.intro__links{font-size:18px;color:var(--ink-2)}.intro__links{display:flex;flex-wrap:wrap;align-items:center;gap:7px;line-height:28px}.intro__links:first-of-type{padding-top:10px}@media(max-width:900px){.intro{padding:88px var(--edge) 80px}.intro__lead{font-size:28px;line-height:46px}}@media(max-width:720px){.intro{padding:64px var(--edge) 64px}.intro__lead{font-size:25px;line-height:42px;letter-spacing:-.5px}.intro__line{display:inline;white-space:normal}.intro__bio,.intro__links{font-size:16px}}.chip__x{font-family:Noto Sans Math,Segoe UI Symbol,serif;font-size:14px;line-height:1}.ilink{display:inline-flex;align-items:center;gap:9px;vertical-align:top;color:var(--ink)}.ilink__word{padding-bottom:2px;line-height:1.15;border-bottom:1.5px solid var(--underline);transition:border-color .2s ease}.ilink__thumb{width:58px;height:36px;border-radius:6px;object-fit:cover;transition:transform .32s var(--ease-out);will-change:transform}.ilink__thumb--photo{display:inline-grid;place-items:center;width:52px;background:linear-gradient(135deg,#f2a65a,#e0607e);color:#fff;font-family:var(--font-mono);font-size:13px;font-weight:600;letter-spacing:0}.ilink{align-self:center;height:52px}.ilink:focus-visible .ilink__word,.ilink:hover .ilink__word{border-color:var(--ink)}.ilink:focus-visible .ilink__thumb,.ilink:hover .ilink__thumb{transform:scale(1.08) rotate(3deg)}@media(max-width:900px){.ilink{height:46px}}@media(max-width:720px){.ilink{height:42px;gap:7px}.ilink__thumb{width:48px;height:30px}.ilink__thumb--photo{width:44px;font-size:12px}}.nav{padding:24px var(--gutter)}.nav__inner{display:flex;align-items:center;justify-content:space-between;gap:16px}.nav__wordmark{font-size:20px;font-weight:600;letter-spacing:-.4px;color:var(--ink);min-width:4.2ch;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.nav__right{display:flex;align-items:center;gap:10px;min-width:0}@media(max-width:900px){.nav{padding:20px var(--gutter)}}.theme-toggle{position:relative;display:grid;place-items:center;flex:none;width:40px;height:40px;background:var(--chip);border:1px solid var(--chip-line);border-radius:20px;color:var(--ink);transition:border-color .16s ease}.theme-toggle svg{grid-area:1/1;width:17px;height:17px;transition:opacity .2s ease}.theme-toggle:hover{border-color:var(--ink-3)}.theme-toggle__sun,[data-theme=dark] .theme-toggle .theme-toggle__moon{opacity:0}[data-theme=dark] .theme-toggle .theme-toggle__sun{opacity:1}.spotify-chip{display:inline-flex;align-items:center;gap:10px;min-width:0;padding:5px 14px 5px 5px;background:var(--chip);border:1px solid var(--chip-line);border-radius:999px;transition:border-color .16s ease}.spotify-chip:hover{border-color:var(--ink-3)}.spotify-chip__art{flex:none;width:30px;height:30px;border-radius:50%;object-fit:cover;animation:spin-slow 9s linear infinite;animation-play-state:paused}.spotify-chip__track{display:flex;flex-direction:column;gap:1px;min-width:0}.spotify-chip__label{font-family:var(--font-mono);font-size:9px;line-height:12px;letter-spacing:.6px;text-transform:uppercase;color:var(--ink-3)}.spotify-chip__song{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;line-height:16px;color:var(--ink)}.spotify-chip__eq{display:flex;align-items:flex-end;gap:2px;height:14px}.spotify-chip__eq span{width:2.5px;border-radius:2px;background:var(--green);transform-origin:bottom}.spotify-chip__eq span:first-child{height:6px}.spotify-chip__eq span:nth-child(2){height:13px}.spotify-chip__eq span:nth-child(3){height:9px}.spotify-chip__eq span:nth-child(4){height:14px}.spotify-chip__logo{flex:none;width:16px;height:16px;color:var(--green)}.spotify-chip.is-playing .spotify-chip__art{animation-play-state:running}.spotify-chip.is-playing .spotify-chip__eq span{animation:eq-bounce .9s ease-in-out infinite alternate}.spotify-chip.is-playing .spotify-chip__eq span:nth-child(2){animation-delay:-.3s}.spotify-chip.is-playing .spotify-chip__eq span:nth-child(3){animation-delay:-.6s}.spotify-chip.is-playing .spotify-chip__eq span:nth-child(4){animation-delay:-.15s}@media(max-width:480px){.spotify-chip__track{display:none}.spotify-chip{padding-right:10px}}@keyframes spin-slow{to{transform:rotate(1turn)}}@keyframes eq-bounce{0%{transform:scaleY(.3)}50%{transform:scaleY(1)}to{transform:scaleY(.55)}}.motion{display:flex;flex-direction:column;gap:48px;padding:110px var(--gutter) 120px;background:var(--surface);scroll-margin-top:60px}.motion__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.motion__head-left{width:420px;max-width:100%}.motion__count{font-family:var(--font-mono);font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:var(--ink-3);white-space:nowrap}.motion__tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:40px 16px;gap:40px 16px}@media(max-width:1100px){.motion{padding:88px var(--gutter) 96px}.motion__tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.motion{padding:64px var(--gutter) 72px}.motion__head{flex-direction:column;align-items:flex-start}.motion__count{display:none}.motion__tiles{display:flex;gap:12px;margin-inline:calc(-1*var(--edge));padding-inline:var(--edge);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--edge);scrollbar-width:none}.motion__tiles::-webkit-scrollbar{display:none}.motion__tiles>.piece{flex:0 0 78%;scroll-snap-align:start}}.piece{display:flex;flex-direction:column;gap:18px}.piece__media{position:relative;display:grid;place-items:center;height:460px;overflow:hidden;border-radius:6px}.piece__phone{width:196px;height:400px;padding:7px;background:#0a0a0a;border-radius:34px;box-shadow:0 18px 36px rgba(0,0,0,.2)}.piece__screen{width:100%;height:100%;overflow:hidden;border-radius:28px;background:#0b0b0b}.piece__screen img,.piece__screen video{width:100%;height:100%;object-fit:cover;object-position:top}.piece__screen video{cursor:pointer}.piece__meta{display:flex;align-items:flex-start;gap:14px}.piece__index{font-family:var(--font-mono);font-size:11px;line-height:20px;color:var(--ink-3)}.piece__text{display:flex;flex-direction:column;gap:4px;flex:1 1;min-width:0}.piece__title{font-size:16px;font-weight:500;letter-spacing:-.2px;line-height:20px;color:var(--ink)}.piece__sub{font-size:13px;line-height:1.45;color:var(--ink-2)}.piece__tag{padding:3px 8px;border:1px solid var(--chip-line);border-radius:999px;font-family:var(--font-mono);font-size:9px;letter-spacing:.8px;line-height:12px;text-transform:uppercase;color:var(--ink-2)}@media(max-width:640px){.piece__media{height:340px}.piece__phone{width:150px;height:306px;padding:6px;border-radius:28px}.piece__screen{border-radius:23px}.piece__meta{flex-wrap:wrap;gap:6px 10px}.piece__index{display:none}}.ring{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:36px;height:36px;border-radius:18px;background:rgba(0,0,0,.25);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .16s var(--ease-out)}.ring:hover{transform:scale(1.06)}.ring svg{position:absolute;width:30px;height:30px;transform:rotate(-90deg)}.ring>svg:last-child{position:static;width:14px;height:14px;transform:none}.ring__progress,.ring__track{fill:none;stroke-width:2.5}.ring__track{stroke:rgba(255,255,255,.3)}.ring__progress{stroke:#fff;stroke-linecap:round}.work__intro{gap:28px}@media(max-width:1100px){.work__intro .section-head{max-width:520px}}.tabs{display:flex;align-items:center;gap:16px}.tabs__tab{padding:2px 0;font-size:14px;font-weight:400;line-height:20px;color:var(--ink-3);transition:color .16s ease}.tabs__tab:hover{color:var(--ink-2)}.tabs__tab.is-active{font-weight:500;color:var(--ink)}.bento{display:flex;gap:16px;flex:1 1;min-width:0;transition:opacity .18s ease}.bento.is-fading{opacity:0}.bento__column{display:flex;flex-direction:column;gap:44px;flex:1 1;min-width:0}.bento__column+.bento__column{padding-top:72px}@media(max-width:1100px){.bento__column+.bento__column{padding-top:56px}}@media(max-width:640px){.bento{flex-direction:column;gap:44px}.bento__column+.bento__column{padding-top:0}.bento .project__media{height:300px!important}}.project{display:flex;flex-direction:column;gap:16px}.project__media{position:relative;overflow:hidden;border-radius:6px;background:var(--surface);cursor:none}.project__media>img,.project__media>video{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out)}.project--mobile .project__media>img{object-position:center top}div.project .project__media{cursor:default}.project__pill{position:absolute;left:0;top:0;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#111;color:#fff;border-radius:999px;font-size:13px;font-weight:500;line-height:16px;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(var(--x,50%),var(--y,50%)) translate(-50%,-50%) scale(.6);transition:opacity .18s ease,transform .12s var(--ease-out)}.project__pill svg{width:13px;height:13px}.project__meta{display:flex;flex-direction:column;gap:6px}.project__title{display:flex;align-items:center;justify-content:space-between}.project__title h3{font-size:17px;font-weight:500;letter-spacing:-.2px;color:var(--ink)}.project__title svg{width:16px;height:16px;color:var(--ink-2)}.project__desc{font-size:14px;line-height:1.5;color:var(--ink-2)}.project__stack{font-family:var(--font-mono);font-size:11px;letter-spacing:.4px;text-transform:uppercase;color:var(--ink-3)}.project:hover .project__media>img,.project:hover .project__media>video{transform:scale(1.03)}.project__media:hover .project__pill{opacity:1;transform:translate(var(--x,50%),var(--y,50%)) translate(-50%,-50%) scale(1)}@media(hover:none){.project__media{cursor:pointer}.project__pill{display:none}}.skills__intro{display:flex;flex-direction:column;gap:44px;flex:none;width:300px}@media(max-width:1100px){.skills__intro{flex-direction:row;gap:40px;width:100%}.skills__intro>*{flex:1 1}}@media(max-width:640px){.skills__intro{flex-direction:column}}.legend__label{font-family:var(--font-mono);font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:var(--ink-3)}.legend__rows{list-style:none;padding-top:10px}.legend__rows li{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:18px;color:var(--ink-2)}.legend__rows strong{font-weight:600;color:var(--ink)}.legend__swatch{flex:none;width:12px;height:12px;border-radius:2px}.legend__count{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--ink-3)}.periodic{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px;flex:1 1;align-items:start}@media(max-width:1100px){.periodic{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}}@media(max-width:420px){.periodic{column-gap:12px}}.periodic__group{display:flex;flex-direction:column;gap:8px}.periodic__head{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid var(--line)}.periodic__head strong{font-size:20px;font-weight:600;letter-spacing:-.6px;line-height:1;color:var(--ink)}.periodic__head span{font-family:var(--font-mono);font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:var(--ink-3)}.periodic__row{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.element{display:flex;flex-direction:column;justify-content:space-between;height:104px;padding:8px 9px;color:#1a1916;cursor:default}.element__number{font-family:var(--font-mono);font-size:9px;line-height:1;color:rgba(26,25,22,.6)}.element__symbol{font-size:30px;font-weight:600;letter-spacing:-1.2px;line-height:1}.element__name{font-size:11px;line-height:14px;color:rgba(26,25,22,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.element--dark{background:#111;color:#fff}.element--dark .element__name,.element--dark .element__number{color:rgba(255,255,255,.7)}.element--next{border:1px solid var(--chip-line)}.element--next,.element--next .element__name,.element--next .element__number{color:var(--ink-3)}.element--empty,.skill-tip{pointer-events:none}.skill-tip{position:absolute;z-index:20;display:flex;flex-direction:column;gap:6px;width:220px;padding:12px 14px;background:var(--chip);border:1px solid var(--chip-line);border-radius:10px;box-shadow:0 12px 28px rgba(0,0,0,.12);transform:translate(18px,18px);animation:tip-in .16s var(--ease-out)}.skill-tip.is-flipped{transform:translate(calc(-100% - 18px),18px)}.skill-tip strong{font-size:14px;font-weight:600;color:var(--ink)}.skill-tip p{font-size:13px;line-height:1.45;color:var(--ink-2)}.skill-tip span{font-family:var(--font-mono);font-size:9px;letter-spacing:.8px;color:var(--ink-3)}