@layer base{:root{--bg:#060606;--fg:#f0ede8;--fg-dim:#74726c;--fg-faint:#262624;--max-bg:#faf6ef;--max-fg:#181614;--max-orange:#f2a039;--max-blue:#2d5ff5;--max-red:#e84033;--max-green:#1db954;--max-purple:#9b6fc0;--max-pink:#ff5c8a;--wine:#8e2b3b;--gold:#ffd34d}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--font-dm-sans),system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:#f0ede82e}.maximalism ::selection{background:var(--max-orange);color:var(--max-fg)}a{color:inherit;text-decoration:none}button{font:inherit}}@layer components{.page-wrapper{transition:background 1.2s,color 1.2s;position:relative}.frame{justify-content:center;align-items:center;min-height:100svh;padding:48px 28px;display:flex;position:relative}.frame-short{min-height:72vh}.frame-tall{min-height:120vh}@media (min-width:768px){.frame{padding:48px 64px}}.mono{font-family:var(--font-jetbrains-mono),monospace}.serif{font-family:var(--font-dm-serif),Georgia,serif}.chapter-label{letter-spacing:.22em;text-transform:uppercase;opacity:.45;align-items:center;gap:12px;margin-bottom:24px;font-size:11px;display:flex}.chapter-label:before{content:"";opacity:.7;background:currentColor;width:28px;height:1px;display:block}.chapter-title{letter-spacing:-.01em;transform-origin:0 100%;font-size:clamp(1.7rem,4.5vw,2.7rem);font-weight:400;line-height:1.15;transition:transform .9s cubic-bezier(.22,1,.36,1)}.maximalism .chapter-title{transform:scale(1.05)}.body-text{opacity:.65;max-width:480px;font-size:15.5px;font-weight:300;line-height:1.75}.blink{animation:1s steps(2,start) infinite blink}@keyframes blink{to{visibility:hidden}}.sketch{color:inherit;opacity:.55;transition:opacity .8s}.maximalism .sketch{opacity:.9}.msf{fill-opacity:0;transition:fill-opacity 1.4s}.maximalism .msf{fill-opacity:.75}.wine-fill{fill:#f0ede84d;transition:fill 1.2s}.maximalism .wine-fill{fill:var(--wine)}.boat{opacity:0;transition:opacity 1s}.maximalism .boat{opacity:.85}.cutout{opacity:0;pointer-events:none;z-index:0;transition:opacity 1s,transform 1.4s cubic-bezier(.22,1,.36,1);position:absolute}.maximalism .cutout{opacity:1;animation:floaty var(--fd,9s)ease-in-out infinite alternate}@keyframes floaty{0%{translate:0;rotate:none}to{translate:8px -18px;rotate:4deg}}.maximalism .beat{animation:.62s cubic-bezier(.3,0,.2,1) infinite beat}@keyframes beat{0%{scale:1}18%{scale:1.16}45%{scale:.97}to{scale:1}}@media (max-width:700px){.cutout{display:none}}.eq{cursor:crosshair;align-items:flex-end;gap:4px;height:56px;display:flex}.eq span{width:5px;height:var(--h,60%);opacity:.3;transform-origin:bottom;animation:eqbar var(--d,.8s)ease-in-out infinite alternate;animation-delay:var(--ad,0s);background:currentColor;border-radius:2px;transition:opacity .4s,background 1s}.eq:hover span{animation-duration:calc(var(--d,.8s)*.4);opacity:.7}.maximalism .eq span{background:var(--bar-c,var(--max-orange));opacity:.85}@keyframes eqbar{0%{transform:scaleY(.15)}to{transform:scaleY(1)}}.project-tile{border:1px solid var(--fg-faint);cursor:default;border-radius:4px;padding:26px;transition:border-color .8s,border-radius .8s,background .8s,box-shadow .8s,transform .8s cubic-bezier(.22,1,.36,1);position:relative}.project-tile:hover{border-color:var(--fg-dim)}.maximalism .project-tile{border:2px solid var(--pc,var(--max-orange));background:var(--pc,var(--max-orange));border-radius:18px}@supports (color:color-mix(in lab, red, red)){.maximalism .project-tile{background:color-mix(in srgb,var(--pc,var(--max-orange))6%,transparent)}}.maximalism .project-tile{box-shadow:7px 7px 0 var(--pc,var(--max-orange))}@supports (color:color-mix(in lab, red, red)){.maximalism .project-tile{box-shadow:7px 7px 0 color-mix(in srgb,var(--pc,var(--max-orange))28%,transparent)}}.maximalism .project-tile{transform:rotate(var(--tilt,0deg))}.maximalism .project-tile:hover{box-shadow:10px 12px 0 var(--pc,var(--max-orange));transform:rotate(0)translateY(-4px)}@supports (color:color-mix(in lab, red, red)){.maximalism .project-tile:hover{box-shadow:10px 12px 0 color-mix(in srgb,var(--pc,var(--max-orange))22%,transparent)}}.badge{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.12em;text-transform:uppercase;opacity:.45;white-space:nowrap;border:1px solid;border-radius:100px;padding:3px 8px;font-size:9px;transition:all .8s}.maximalism .badge{opacity:1;border-color:var(--pc,var(--max-orange));color:var(--pc,var(--max-orange))}.mode-switch{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.14em;text-transform:uppercase;color:inherit;cursor:pointer;background:0 0;border:1px solid;align-items:center;gap:10px;padding:16px 32px;font-size:12px;transition:all .4s;display:inline-flex;position:relative}.mode-switch:hover{letter-spacing:.22em}.mode-switch .peek{opacity:0;gap:4px;width:0;transition:all .4s;display:inline-flex;overflow:hidden}.mode-switch:hover .peek{opacity:1;width:34px}.mode-switch .peek i{border-radius:50%;flex-shrink:0;width:7px;height:7px}.maximalism .mode-switch{background:var(--max-fg);color:var(--max-bg);border-color:var(--max-fg);border-radius:100px}.mini-switch{z-index:60;font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.14em;text-transform:uppercase;color:inherit;cursor:pointer;opacity:.45;background:0 0;border:1px solid;border-radius:100px;padding:7px 14px;font-size:10px;transition:opacity .3s;position:fixed;top:18px;right:20px}.mini-switch:hover{opacity:1}.maximalism .mini-switch{opacity:.8;background:var(--max-bg)}.scroll-progress{background:var(--fg);transform-origin:0;z-index:70;opacity:.4;height:2px;transition:background 1s,opacity 1s;position:fixed;top:0;left:0;right:0}.maximalism .scroll-progress{opacity:1;background:linear-gradient(90deg,var(--max-orange),var(--max-pink),var(--max-blue),var(--max-green));height:3px}.statusbar{z-index:50;font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.05em;opacity:.4;pointer-events:none;align-items:center;gap:8px;font-size:10px;transition:opacity .4s;display:flex;position:fixed;bottom:14px;left:18px}.statusbar .dot{background:var(--max-green);border-radius:50%;width:6px;height:6px;animation:2.4s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}@media (max-width:700px){.statusbar{display:none}}@media (min-width:768px){.statusbar{left:214px}}.egg-toast{z-index:80;font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.04em;background:var(--bg);pointer-events:none;white-space:nowrap;text-overflow:ellipsis;border:1px solid;max-width:92vw;padding:12px 20px;font-size:12px;position:fixed;bottom:44px;left:50%;overflow:hidden}.maximalism .egg-toast{background:var(--max-bg);border-color:var(--max-orange);color:var(--max-fg);border-radius:100px}.cursor-particle,.confetti-piece{pointer-events:none;z-index:999;will-change:transform,opacity;position:fixed}.aurora{pointer-events:none;z-index:0;height:42vh;position:fixed;top:0;left:0;right:0;overflow:hidden}.aurora i{filter:blur(46px);border-radius:100%;height:110px;animation:ease-in-out infinite alternate aurora-drift;position:absolute;left:-25%;right:-25%}.aurora i:first-child{background:linear-gradient(90deg,var(--max-green),#2dd4bf,var(--max-blue));opacity:.3;animation-duration:11s;top:-40px}.aurora i:nth-child(2){background:linear-gradient(90deg,var(--max-purple),var(--max-green),#2dd4bf);opacity:.2;animation-duration:17s;top:36px}.aurora i:nth-child(3){background:linear-gradient(90deg,#2dd4bf,var(--max-pink),var(--max-blue));opacity:.13;animation-duration:23s;top:104px}@keyframes aurora-drift{0%{transform:translate(-5%)skewY(-1.5deg)}to{transform:translate(5%)skewY(1.5deg)}}.aurora-caption{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.2em;text-transform:uppercase;opacity:.3;font-size:9px;position:absolute;top:16px;right:70px}.boot-lines{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.04em;pointer-events:none;font-size:10px;line-height:1.9;position:absolute;top:22px;left:22px}}