.wk a{color:#ffb057}.wk a:hover{color:#ffc985}.wk{font-family:var(--font-geist),system-ui,sans-serif;color:#eceae4;background:#0b0d12;overflow-x:clip}.wk *{box-sizing:border-box}.wk .disp{font-family:var(--font-bricolage),var(--font-geist),sans-serif}.wk .wrap{max-width:1320px;margin:0 auto;padding:0 32px}.wk .nav a{color:#b0b2b8;font-size:14px;text-decoration:none}.wk .nav a:hover,.wk .nav a.on{color:#eceae4}.wk .nav a.on{padding-bottom:6px;box-shadow:inset 0 -2px #ffb057}.wk .pill{height:44px;font:inherit;cursor:pointer;color:#cfcfd2;background:#ffffff0f;border:0;border-radius:999px;padding:0 20px;font-size:15px;transition:background .3s,color .3s}.wk .pill:hover{background:#ffffff1a}.wk .pill.on{color:#1a1206;background:#ffb057}.wk .pill:focus-visible{outline-offset:3px;outline:2px solid #ffb057}.wk .bento{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:300px;gap:16px;display:grid}.wk .tile{color:#eceae4;border-radius:28px;text-decoration:none;transition:opacity .5s,transform .6s cubic-bezier(.16,1,.3,1),filter .5s;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14}.wk .tile.off{opacity:.18;filter:saturate(.3);transform:scale(.97)}.wk .tile:hover{color:#eceae4}.wk .tile .art{transition:transform 1s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.wk .tile:hover .art{transform:scale(1.04)translate(-6px,-6px)}.wk .tile .art img{border-radius:14px 0 0;width:78%;position:absolute;bottom:-10%;right:-8%;transform:rotate(-3deg);box-shadow:0 30px 60px -20px #000000a6}.wk .tile .copy{z-index:2;max-width:36ch;position:absolute;top:30px;left:32px;right:32px}.wk .tile .meta{font-family:var(--font-geist-mono),monospace;color:#b0b2b8;margin-bottom:12px;font-size:12px}.wk .tile h2{font-family:var(--font-bricolage),sans-serif;letter-spacing:-.015em;margin:0 0 8px;font-size:38px;font-weight:650;line-height:1}.wk .tile p{color:#cfcfd2;margin:0;font-size:16px;line-height:1.55}.wk .tile .go{z-index:2;background:#ffffff14;border-radius:50%;place-items:center;width:44px;height:44px;transition:transform .5s cubic-bezier(.16,1,.3,1),background .3s;display:grid;position:absolute;top:24px;right:24px}.wk .tile:hover .go{background:#ffb057;transform:rotate(-45deg)}.wk .tile:hover .go svg{stroke:#1a1206}.wk .paper{color:#26272b;width:56%;font-family:var(--font-geist-mono),monospace;background:#f4f2ec;border-radius:10px;padding:16px;font-size:11px;line-height:1.7;position:absolute;bottom:-6%;right:10%;transform:rotate(-5deg);box-shadow:0 30px 60px -20px #000000b3}.wk .paper b{background:#ffb05773;border-radius:3px;padding:0 3px;font-weight:500}.wk .dials{gap:10px;display:flex;position:absolute;bottom:10%;right:8%}.wk .dial{width:70px;height:70px;font-family:var(--font-bricolage),sans-serif;background:conic-gradient(var(--c)calc(var(--v)*1%),#ffffff1a 0);border-radius:50%;place-items:center;font-size:17px;font-weight:700;display:grid;-webkit-mask:radial-gradient(circle,#0000 26px,#000 27px);mask:radial-gradient(circle,#0000 26px,#000 27px)}.wk .dialv{font-family:var(--font-bricolage),sans-serif;place-items:center;font-size:16px;font-weight:700;display:grid;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.wk .rise{animation:1s cubic-bezier(.16,1,.3,1) both enter}}@media (prefers-reduced-motion:reduce){.wk .tile,.wk .tile .art,.wk .tile .go{transition:none}}@keyframes enter{0%{opacity:0;transform:translateY(40px)scale(.97)}to{opacity:1;transform:none}}@media (max-width:900px){.wk .bento{grid-template-columns:1fr;grid-auto-rows:340px}.wk .bento>*{grid-area:auto!important}.wk .nav-links{display:none!important}}
