:root{--ink:#1c2420;--mist:#e8efe9;--sage:#6b8f71;--hint:#1c24208c;--screen-bg:#0f1412;--screen-ink:#e4efe8;--screen-muted:#e4efe88c;--screen-line:#e4efe81f;--screen-accent:#8fbf9a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{background:#d4c4b0;width:100%;height:100%;overflow:hidden}#webgl{touch-action:none;width:100%;height:100%;display:block}.css3d-layer{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hud{z-index:2;pointer-events:none;color:var(--ink);padding:clamp(1.25rem,3vw,2rem);transition:opacity .35s;position:fixed;inset:0 auto auto 0}.hud.is-dimmed{opacity:0}.exit-screen{z-index:3;appearance:none;color:var(--ink);letter-spacing:.01em;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#e8efe9eb;border:1px solid #1c24202e;padding:.55rem .9rem;font-family:"Source Sans 3",system-ui,sans-serif;font-size:.9rem;font-weight:500;transition:opacity .25s,background .2s,border-color .2s;position:fixed;top:clamp(1.25rem,3vw,2rem);right:clamp(1.25rem,3vw,2rem)}.exit-screen[hidden]{display:none}.exit-screen:hover{background:#fff;border-color:#1c242059}.focus-helper{z-index:4;pointer-events:none;max-width:min(260px,42vw);color:var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f5f1eaf5;border:1px solid #1c24201a;border-radius:1.35rem;padding:1rem 1.15rem;transition:opacity .2s;position:fixed;box-shadow:0 12px 32px #1c242024,0 2px 6px #1c24200f}.focus-helper[hidden]{display:none}.focus-helper:after{content:"";width:14px;height:14px;box-shadow:none;background:#f5f1eaf5;border:1px solid #1c24201a;position:absolute;top:50%;transform:translateY(-50%)rotate(45deg)}.focus-helper[data-side=right]:after{border-top:0;border-right:0;left:-6px}.focus-helper[data-side=left]:after{border-bottom:0;border-left:0;right:-6px}.focus-helper__title{letter-spacing:-.02em;margin:0;font-family:Fraunces,Georgia,serif;font-size:1.2rem;font-weight:600;line-height:1.15}.focus-helper__blurb{color:var(--hint);margin:.4rem 0 0;font-family:"Source Sans 3",system-ui,sans-serif;font-size:.88rem;line-height:1.4}.focus-helper__link{pointer-events:auto;color:var(--ink);text-underline-offset:.15em;cursor:pointer;margin-top:.65rem;font-family:"Source Sans 3",system-ui,sans-serif;font-size:.85rem;font-weight:500;text-decoration:underline;display:inline-block}.focus-helper__link[hidden]{display:none}.focus-helper__link:hover{opacity:.7}.brand{font-optical-sizing:auto;letter-spacing:-.02em;font-family:Fraunces,Georgia,serif;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;line-height:1.1}.hint{color:var(--hint);letter-spacing:.01em;margin-top:.4rem;font-family:"Source Sans 3",system-ui,sans-serif;font-size:.9rem;font-weight:400;transition:opacity .25s}.hud-actions{z-index:3;pointer-events:none;gap:.5rem;transition:opacity .35s;display:flex;position:fixed;top:clamp(1.25rem,3vw,2rem);right:clamp(1.25rem,3vw,2rem)}.hud.is-dimmed~.hud-actions{opacity:0;pointer-events:none}.resume-link{appearance:none;color:var(--ink);letter-spacing:.01em;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#e8efe9eb;border:1px solid #1c24202e;padding:.55rem .9rem;font-family:"Source Sans 3",system-ui,sans-serif;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .2s,border-color .2s}.resume-link:hover{background:#fff;border-color:#1c242059}.loading-screen{z-index:20;color:var(--ink);opacity:1;background:radial-gradient(at 30% 20%,#e8d0b0 0%,#0000 50%),radial-gradient(at 70% 80%,#c45a6a33 0%,#0000 45%),linear-gradient(160deg,#d4c4b0 0%,#c4a890 100%);place-items:center;transition:opacity .55s;display:grid;position:fixed;inset:0}.loading-screen.is-done{opacity:0;pointer-events:none}.loading-screen__inner{text-align:center;padding:2rem}.loading-screen__brand{font-optical-sizing:auto;letter-spacing:-.03em;font-family:Fraunces,Georgia,serif;font-size:clamp(2.5rem,7vw,4rem);font-weight:600;line-height:1;animation:1.2s both loading-brand}.loading-screen__status{color:var(--hint);letter-spacing:.02em;margin-top:.85rem;font-family:"Source Sans 3",system-ui,sans-serif;font-size:.95rem;animation:1.2s .12s both loading-brand}.loading-screen__bar{background:#1c24201f;border-radius:1px;width:min(12rem,50vw);height:2px;margin:1.6rem auto 0;overflow:hidden}.loading-screen__bar-fill{background:var(--ink);transform-origin:0;width:100%;height:100%;transition:transform .35s;display:block;transform:scaleX(0)}@keyframes loading-brand{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.portfolio-screen{background:var(--screen-bg);width:850px;height:480px;color:var(--screen-ink);pointer-events:none;-webkit-user-select:none;user-select:none;backface-visibility:hidden;border-radius:4px;font-family:"Source Sans 3",system-ui,sans-serif;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a}.portfolio-screen.is-interactive{pointer-events:auto;-webkit-user-select:auto;user-select:auto;cursor:default}.folio-frame{width:100%;height:100%;position:relative}.folio-viewport{background:var(--screen-bg);width:100%;height:100%;position:relative}.folio-placeholder{text-align:center;background:linear-gradient(160deg,#1a2420 0%,#0f1412 55%,#182018 100%);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;transition:opacity .3s;display:flex;position:absolute;inset:0}.portfolio-screen.is-loaded .folio-placeholder{opacity:0;pointer-events:none}.folio-placeholder__kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--screen-accent);font-size:12px}.folio-placeholder__copy{color:var(--screen-muted);font-size:15px}.folio-iframe{background:var(--screen-bg);opacity:0;pointer-events:none;border:0;width:100%;height:100%;transition:opacity .35s;position:absolute;inset:0}.portfolio-screen.is-loaded .folio-iframe{opacity:1}.portfolio-screen.is-interactive.is-loaded .folio-iframe{pointer-events:auto}.folio-close{z-index:2;appearance:none;color:var(--screen-muted);cursor:pointer;opacity:0;pointer-events:none;background:#0f1412b8;border:0;border-radius:6px;padding:8px 10px;font-size:16px;line-height:1;transition:color .2s,opacity .2s,background .2s;position:absolute;top:8px;right:8px}.portfolio-screen.is-interactive .folio-close{opacity:1;pointer-events:auto}.folio-close:hover{color:var(--screen-ink);background:#0f1412e6}body.is-pointer canvas,body.is-pointer .css3d-layer{cursor:pointer}.earworms-screen{color:#e8eef4;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 14px 18px #0006);backface-visibility:hidden;background:#0c1018;border-radius:3px;width:800px;height:800px;font-family:"Source Sans 3",system-ui,sans-serif;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 18px 40px #00000059,inset 0 -10px 28px #00000038,0 10px 28px #00000073,0 2px 6px #00000059}.earworms-screen.is-interactive{pointer-events:auto;-webkit-user-select:auto;user-select:auto;cursor:default}.earworms-frame{flex-direction:column;width:100%;height:100%;display:flex}.earworms-viewport{background:#0c1018;flex:1;min-height:0;position:relative}.earworms-placeholder{text-align:center;background:linear-gradient(160deg,#1a2838 0%,#0c1018 45%,#2a1a14 100%);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;transition:opacity .3s;display:flex;position:absolute;inset:0}.earworms-placeholder:before{content:"";aspect-ratio:1;background:radial-gradient(circle,#c45a3a 0 18%,#1a1210 19% 22%,#0a0a0c 23% 70%,#222 71% 100%);border-radius:50%;width:42%;margin-bottom:8px;box-shadow:0 0 0 1px #ffffff0f}.earworms-screen.is-loaded .earworms-placeholder{opacity:0;pointer-events:none}.earworms-placeholder__kicker{letter-spacing:.14em;text-transform:uppercase;color:#e8a05a;font-size:12px}.earworms-placeholder__copy{color:#e8eef48c;font-size:16px}.earworms-iframe{opacity:0;pointer-events:none;background:#0c1018;border:0;width:100%;height:100%;transition:opacity .35s;position:absolute;inset:0}.earworms-screen.is-loaded .earworms-iframe{opacity:1}.earworms-screen.is-interactive.is-loaded .earworms-iframe{pointer-events:auto}.poopyhooch-screen{color:#e8eef4;pointer-events:none;-webkit-user-select:none;user-select:none;backface-visibility:hidden;background:#14181c;border-radius:2px;width:850px;height:1050px;font-family:"Source Sans 3",system-ui,sans-serif;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.poopyhooch-screen.is-interactive{pointer-events:auto;-webkit-user-select:auto;user-select:auto;cursor:default}.poopyhooch-frame{flex-direction:column;width:100%;height:100%;display:flex}.poopyhooch-viewport{background:#14181c;flex:1;min-height:0;position:relative}.poopyhooch-placeholder{text-align:center;background:linear-gradient(165deg,#2a3238 0%,#14181c 50%,#1a2420 100%);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;transition:opacity .3s;display:flex;position:absolute;inset:0}.poopyhooch-placeholder:before{content:"";aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#ffffff40,#0000 45%),linear-gradient(145deg,#4a5560,#1a2228);border-radius:50%;width:36%;margin-bottom:8px;box-shadow:inset 0 0 0 2px #ffffff14}.poopyhooch-screen.is-loaded .poopyhooch-placeholder{opacity:0;pointer-events:none}.poopyhooch-placeholder__kicker{letter-spacing:.14em;text-transform:uppercase;color:#8fbf9a;font-size:12px}.poopyhooch-placeholder__copy{color:#e8eef48c;font-size:16px}.poopyhooch-iframe{opacity:0;pointer-events:none;background:#14181c;border:0;width:100%;height:100%;transition:opacity .35s;position:absolute;inset:0}.poopyhooch-screen.is-loaded .poopyhooch-iframe{opacity:1}.poopyhooch-screen.is-interactive.is-loaded .poopyhooch-iframe{pointer-events:auto}