:root{color-scheme:dark;--bg: #030000;--text: #fff4e2;--muted: rgba(255, 234, 201, .72);--gold: #e8bd68;--teal-dark: rgba(4, 31, 35, .78);--teal-glow: #30d6d4;--ember: #f05b25;--cream: #fff4e2;--line: rgba(255, 189, 86, .32);--line-strong: rgba(255, 220, 131, .72);--panel: rgba(10, 2, 0, .42);--panel-hover: rgba(255, 76, 18, .18)}*{box-sizing:border-box}html,body{width:100%;height:100%}body{min-width:320px;margin:0;overflow:hidden;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}@media(hover:hover)and (pointer:fine){body,body *{cursor:none}}.magic-cursor{--cursor-speed: 0;--tail-outer: 70px;--tail-inner: 46px;--aura-size: 30px;--spark-one: 52px;--spark-two: 74px;position:fixed;left:0;top:0;z-index:80;width:154px;height:58px;pointer-events:none;opacity:0;transform:translate3d(-132px,-29px,0);transform-origin:calc(100% - 20px) 50%;transition:opacity .16s ease,filter .16s ease;will-change:transform,opacity,filter;mix-blend-mode:screen}.magic-cursor__trail,.magic-cursor__spark,.magic-cursor__aura,.magic-cursor__dot{position:absolute}.magic-cursor__trail{right:19px;top:50%;border-radius:999px;transform:translateY(-50%);transform-origin:100% 50%}.magic-cursor__trail--outer{width:var(--tail-outer);height:16px;opacity:.42;background:linear-gradient(90deg,transparent,rgba(48,214,212,.06) 16%,rgba(48,214,212,.24) 52%,rgba(232,189,104,.44) 76%,rgba(255,244,226,.76));filter:blur(7px);box-shadow:0 0 18px #30d6d46b,0 0 34px #e8bd6829}.magic-cursor__trail--inner{width:var(--tail-inner);height:2px;background:linear-gradient(90deg,transparent,rgba(48,214,212,.18) 20%,rgba(48,214,212,.62) 62%,rgba(255,244,226,.86));box-shadow:0 0 12px #30d6d49e,0 0 24px #e8bd6838}.magic-cursor__spark{top:50%;width:4px;height:4px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px #e8bd68cc,0 0 16px #30d6d45c;opacity:.42;animation:cursorSpark 1.8s ease-in-out infinite alternate}.magic-cursor__spark--one{right:var(--spark-one);transform:translateY(calc(-50% - 8px)) scale(.8)}.magic-cursor__spark--two{right:var(--spark-two);transform:translateY(calc(-50% + 9px)) scale(.64);animation-delay:-.36s}.magic-cursor__aura{right:5px;top:50%;width:var(--aura-size);height:var(--aura-size);border-radius:50%;opacity:.48;background:radial-gradient(circle,rgba(255,244,226,.24),transparent 32%),radial-gradient(circle,rgba(48,214,212,.32),transparent 68%);transform:translateY(-50%);filter:blur(.2px);box-shadow:inset 0 0 14px #fff4e214,0 0 18px #30d6d457}.magic-cursor__dot{right:15px;top:50%;width:10px;height:10px;border-radius:50%;background:var(--cream);transform:translateY(-50%);box-shadow:0 0 7px #fff4e2cc,0 0 14px #30d6d48f,0 0 24px #e8bd683d}.magic-cursor.is-visible{opacity:1}.magic-cursor.is-hovering{filter:drop-shadow(0 0 12px rgba(240,91,37,.42)) drop-shadow(0 0 18px rgba(232,189,104,.16))}.magic-cursor.is-hovering .magic-cursor__trail--outer{background:linear-gradient(90deg,transparent,rgba(240,91,37,.08) 12%,rgba(240,91,37,.38) 48%,rgba(232,189,104,.68) 78%,rgba(255,244,226,.95))}.magic-cursor.is-hovering .magic-cursor__trail--inner{background:linear-gradient(90deg,transparent,rgba(240,91,37,.28) 18%,rgba(240,91,37,.86) 64%,rgba(255,224,142,.98))}.magic-cursor.is-hovering .magic-cursor__aura{opacity:.62;background:radial-gradient(circle,rgba(255,244,226,.3),transparent 30%),radial-gradient(circle,rgba(240,91,37,.36),transparent 72%)}.magic-cursor.is-hovering .magic-cursor__dot{background:var(--ember);transform:translateY(-50%) scale(1.16);box-shadow:0 0 12px #f05b25f2,0 0 24px #e8bd6873,0 0 34px #fff4e229}.magic-cursor.is-pressing .magic-cursor__trail--inner,.magic-cursor.is-pressing .magic-cursor__trail--outer{transform:translateY(-50%) scaleX(.72)}.magic-cursor.is-pressing .magic-cursor__dot{transform:translateY(-50%) scale(.86)}@keyframes cursorSpark{0%{opacity:.12}to{opacity:.48}}@media(hover:none),(pointer:coarse){.magic-cursor{display:none}}.parallax-stage{position:fixed;inset:0;z-index:0;overflow:hidden;background:#030000;contain:layout paint}.parallax-stage:after{content:"";position:absolute;inset:0;z-index:7;pointer-events:none;background:radial-gradient(circle at 50% 52%,transparent 0 34%,rgba(3,0,0,.18) 60%,rgba(3,0,0,.88) 100%),linear-gradient(90deg,rgba(0,0,0,.72),transparent 28%,transparent 72%,rgba(0,0,0,.72))}.parallax-layer{position:absolute;left:50%;top:50%;display:block;-webkit-user-select:none;user-select:none;pointer-events:none;transform:translate(-50%,-50%) translateZ(0);transform-origin:50% 50%;backface-visibility:hidden;image-rendering:auto;will-change:transform}.layer-1{z-index:1;width:100vw;height:100vh;object-fit:cover;filter:saturate(1.18) contrast(1.08) brightness(.68)}.background-video{background:#030000}.layer-2{z-index:2;top:55%;width:100vw;height:100vh;object-fit:cover;opacity:1;filter:saturate(1.12) contrast(1.08) brightness(.92)}.layer-3{z-index:3;top:50%;width:100vw;height:100vh;object-fit:cover;object-position:center center;opacity:.42;transform:translate(-50%,-50%) translate3d(0,-306px,0);filter:saturate(1.18) contrast(1.12) brightness(1.06);transition:opacity .42s ease}.layer-4{position:fixed;z-index:40;top:auto;bottom:0;width:112vw;height:112vh;object-fit:cover;object-position:center bottom;opacity:1;transform:translate(-50%) translateZ(0);filter:saturate(1.05) contrast(1.05) brightness(1.02) drop-shadow(0 -18px 42px rgba(255,255,245,.12))}.content-panel{--panel-top: clamp(24px, 7vh, 72px);--hud-clearance: 112px;position:fixed;left:50%;top:var(--panel-top);z-index:20;display:grid;width:min(960px,calc(100vw - 36px));height:calc(100vh - var(--panel-top) - var(--hud-clearance));max-height:calc(100vh - var(--panel-top) - var(--hud-clearance));grid-template-rows:1fr;overflow:hidden;border:1px solid rgba(255,255,235,.2);border-radius:18px;background:#050a0c9e;transform:translate3d(-50%,0,0);transform-origin:50% 0;backface-visibility:hidden;isolation:isolate;box-shadow:0 0 0 1px #ff974621,0 30px 86px #000000ad;-webkit-backdrop-filter:blur(14px) saturate(1.12);backdrop-filter:blur(14px) saturate(1.12);pointer-events:auto;transition:max-height .62s cubic-bezier(.2,.8,.2,1),border-color .26s ease,box-shadow .26s ease,background .26s ease}.content-panel.is-collapsed{max-height:0;border-width:0;border-color:transparent;background:transparent;pointer-events:none;box-shadow:none}.content-panel:before,.content-panel:after{content:"";position:absolute;inset:0;border-radius:18px;pointer-events:none}.content-panel:before{z-index:0;background:linear-gradient(135deg,#ffffff1a,#ffffff05 44%,#ffffff0f),radial-gradient(circle at 50% 18%,rgba(255,255,246,.14),transparent 44%);box-shadow:inset 0 0 70px #ffffff0b}.content-panel:after{z-index:2;inset:-2% -3%;background:radial-gradient(circle at 50% 50%,rgba(255,255,248,.42),rgba(255,255,245,.12) 28%,transparent 58%),linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);filter:blur(20px);opacity:.22;animation:holy-pulse 6.4s ease-in-out infinite}.main-menu{position:fixed;left:50%;bottom:max(calc(88px + 5vh),env(safe-area-inset-bottom));z-index:30;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;width:min(680px,calc(100vw - 32px));padding:12px;border:1px solid rgba(255,255,235,.18);border-radius:14px;background:#050a0cad;box-shadow:0 0 0 1px #ff97461f,0 22px 72px #000000a8;transform:translate3d(-50%,0,0);-webkit-backdrop-filter:blur(16px) saturate(1.16);backdrop-filter:blur(16px) saturate(1.16)}.ui-button{--button-bg: var(--teal-dark);--button-border: color-mix(in srgb, var(--gold) 70%, transparent);--button-glow: color-mix(in srgb, var(--teal-glow) 46%, transparent);--button-text: var(--cream);--button-shadow: rgba(48, 214, 212, .16);--button-padding-x: 18px;--button-min-height: 44px;--button-radius: 999px;--button-gap: 10px;appearance:none;display:flex;min-height:var(--button-min-height);align-items:center;justify-content:center;gap:var(--button-gap);border:1px solid var(--button-border);border-radius:var(--button-radius);padding:0 var(--button-padding-x);background:linear-gradient(180deg,rgba(255,255,255,.065),transparent 46%),radial-gradient(circle at 50% 110%,var(--button-glow),transparent 56%),var(--button-bg);color:var(--button-text);cursor:pointer;box-shadow:inset 0 0 18px #30d6d41a,inset 0 -1px #ffffff1f,0 10px 32px #00000057,0 0 18px var(--button-shadow);font:inherit;font-size:clamp(.76rem,1.15vw,.88rem);font-weight:780;letter-spacing:0;text-transform:uppercase;text-decoration:none;text-shadow:0 1px 10px rgba(255,244,226,.18);transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease,filter .18s ease,transform .18s ease}.ui-button:hover{--button-border: color-mix(in srgb, var(--gold) 88%, white 12%);--button-glow: color-mix(in srgb, var(--teal-glow) 62%, transparent);box-shadow:inset 0 0 22px #30d6d429,inset 0 -1px #ffffff29,0 14px 34px #00000061,0 0 24px #30d6d43d,0 0 18px #e8bd6824;transform:translateY(-2px)}.ui-button:focus-visible{border-color:color-mix(in srgb,var(--gold) 86%,white 14%);outline:2px solid color-mix(in srgb,var(--teal-glow) 72%,white 28%);outline-offset:4px}.ui-button:active{transform:translateY(-1px)}.ui-button[aria-expanded=true],.ui-button[aria-current=page],.ui-button.is-active{--button-bg: linear-gradient(145deg, rgba(255, 107, 33, .9), rgba(112, 13, 17, .9));--button-border: color-mix(in srgb, var(--gold) 86%, var(--ember) 14%);--button-glow: color-mix(in srgb, var(--ember) 62%, transparent);color:var(--cream);box-shadow:inset 0 0 24px #ffeebe1f,inset 0 -2px #ffc65452,0 14px 38px #0000006b,0 0 26px #f05b257a,0 0 10px #e8bd6847}.ui-button:disabled,.ui-button[aria-disabled=true]{--button-bg: rgba(30, 45, 48, .46);--button-border: rgba(185, 184, 171, .28);--button-glow: transparent;color:#fff4e266;cursor:not-allowed;filter:saturate(.45) brightness(.72);box-shadow:inset 0 0 14px #ffffff09;transform:none}.ui-button__icon{display:inline-flex;width:28px;height:28px;flex:0 0 auto;align-items:center;justify-content:center;color:currentColor;opacity:.94}.ui-button__icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.ui-button__label{white-space:nowrap}.ui-button--nav{min-width:132px}.ui-button--featured{--button-padding-x: 28px;--button-min-height: 52px;min-width:188px;font-size:clamp(.88rem,1.35vw,1.02rem)}.ui-button--featured .ui-button__icon{width:34px;height:34px}.ui-button--primary{--button-bg: linear-gradient(145deg, rgba(222, 75, 28, .88), rgba(95, 12, 18, .88));--button-border: color-mix(in srgb, var(--gold) 84%, var(--ember) 16%);--button-glow: color-mix(in srgb, var(--ember) 55%, transparent)}.ui-button--secondary{--button-bg: rgba(7, 27, 31, .58);--button-glow: rgba(48, 214, 212, .14)}.ui-button--icon{width:48px;min-width:48px;padding:0;aspect-ratio:1}.main-menu .ui-button{flex:0 1 auto}.main-menu .ui-button--featured{flex:1 1 188px}.main-menu .ui-button[aria-expanded=true]{outline:none}.content-area{position:relative;z-index:3;display:block;min-height:0;padding:clamp(22px,5vw,56px);overflow-y:auto;overscroll-behavior:contain;scrollbar-color:rgba(232,189,104,.82) rgba(4,31,35,.36);scrollbar-width:thin;touch-action:pan-y;-webkit-overflow-scrolling:touch;opacity:1;transform:translateY(0);transition:opacity .3s ease .16s,transform .48s cubic-bezier(.2,.8,.2,1) 90ms}.content-area::-webkit-scrollbar{width:10px}.content-area::-webkit-scrollbar-track{border-radius:999px;background:#041f235c}.content-area::-webkit-scrollbar-thumb{min-height:48px;border:2px solid rgba(4,31,35,.72);border-radius:999px;background:linear-gradient(180deg,#fff4e2e6,#e8bd68db 52%,#f05b25b8);box-shadow:0 0 12px #e8bd683d,inset 0 0 8px #fff4e22e}.content-view{display:block}.content-view[hidden]{display:none}.paul-hero{display:grid;grid-template-columns:132px 1fr;gap:22px;align-items:center;margin:0 0 18px;padding:18px;border:1px solid rgba(232,189,104,.24);border-radius:12px;background:linear-gradient(135deg,rgba(255,255,245,.075),transparent 54%),radial-gradient(circle at 18% 50%,rgba(48,214,212,.16),transparent 42%),#041f2370;box-shadow:inset 0 0 34px #fffff50b,0 18px 48px #00000047}.paul-portrait{position:relative;display:grid;width:112px;aspect-ratio:1;place-items:center;overflow:hidden;border:1px solid rgba(232,189,104,.52);border-radius:16px;background:radial-gradient(circle at 50% 38%,rgba(255,244,226,.24),transparent 18%),radial-gradient(circle at 50% 82%,rgba(240,91,37,.44),transparent 34%),linear-gradient(145deg,#082f35eb,#040b0fe0);box-shadow:inset 0 0 36px #30d6d421,0 0 28px #e8bd6824}.paul-portrait:before{content:"";position:absolute;width:42%;aspect-ratio:1;top:19%;border:1px solid rgba(255,244,226,.7);border-radius:50%;box-shadow:0 0 22px #30d6d43d}.paul-portrait:after{content:"";position:absolute;width:72%;height:42%;bottom:11%;border:1px solid rgba(255,244,226,.52);border-radius:999px 999px 18px 18px;background:linear-gradient(180deg,#fff4e214,#f05b252e)}.paul-portrait__sigil{position:absolute;inset:13px;border:1px solid rgba(232,189,104,.34);border-radius:12px;transform:rotate(45deg);animation:portrait-sigil 8s ease-in-out infinite}.paul-kicker{margin:0 0 7px;color:#e8bd68db;font-size:.73rem;font-weight:820;letter-spacing:0;text-transform:uppercase}.paul-hero__text h2{margin:0;color:var(--cream);font-size:clamp(1.5rem,4vw,2.5rem);line-height:.98}.paul-hero__text p:last-child{max-width:640px;margin:10px 0 0;color:var(--muted);font-size:clamp(.86rem,1.4vw,1rem);line-height:1.45}.content-panel.is-collapsed .content-area{pointer-events:none;opacity:0;transform:translateY(-24px)}.content-list{display:grid;gap:0;margin:0;padding:0;list-style:none}.content-item{position:relative;display:grid;grid-template-columns:72px 1fr;gap:20px;align-items:start;padding:20px 14px;border-bottom:1px solid rgba(255,255,235,.16);border-radius:8px;transition:background .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease}.content-item:hover,.content-item:focus-within{border-bottom-color:#ffe29e6b;background:linear-gradient(90deg,rgba(255,110,45,.14),rgba(139,235,222,.07),transparent 78%);box-shadow:inset 0 0 32px #fffff00e,0 0 34px #ff6d2d29;transform:translate(4px)}.content-item:first-child{padding-top:14px}.content-item:last-child{border-bottom:0;padding-bottom:14px}.content-item--project{display:block;padding:0}.project-card{display:grid;grid-template-columns:minmax(150px,190px) 1fr;gap:24px;align-items:stretch;min-height:230px;padding:22px 16px;border-radius:8px;color:inherit;text-decoration:none}.project-card:focus-visible{outline:2px solid color-mix(in srgb,var(--teal-glow) 72%,white 28%);outline-offset:4px}.project-preview{position:relative;display:block;width:100%;min-height:186px;aspect-ratio:3 / 4;overflow:hidden;border:1px solid rgba(232,189,104,.46);border-radius:14px;background:radial-gradient(circle at 50% 50%,rgba(48,214,212,.18),transparent 54%),#041f23c2;box-shadow:inset 0 0 22px #fffff514,0 0 28px #30d6d41f}.project-preview:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 42%),radial-gradient(circle at 72% 18%,rgba(232,189,104,.2),transparent 32%)}.project-preview video{width:100%;height:100%;display:block;object-fit:cover;opacity:.82;filter:saturate(1.08) contrast(1.06) brightness(.86)}.content-item--project:hover .project-preview,.content-item--project:focus-within .project-preview{border-color:color-mix(in srgb,var(--gold) 82%,white 18%);box-shadow:inset 0 0 28px #fffff51a,0 0 34px #30d6d433,0 0 18px #e8bd682e}.tile-icon{position:relative;display:block;width:58px;aspect-ratio:1;border:1px solid rgba(255,221,154,.46);border-radius:8px;background:linear-gradient(135deg,rgba(255,255,245,.28),transparent 42%),radial-gradient(circle at 62% 62%,rgba(255,89,36,.72),transparent 44%),#08171bd1;box-shadow:inset 0 0 22px #fffff51f,0 0 28px #ff5b2442;animation:tile-float 4.8s ease-in-out infinite}.content-item:nth-child(2n) .tile-icon{animation-delay:-1.3s}.content-item:nth-child(3n) .tile-icon{animation-delay:-2.2s}.tile-icon:before,.tile-icon:after{content:"";position:absolute;inset:12px;border:1px solid rgba(139,235,222,.46);border-radius:5px;transform:rotate(45deg)}.tile-icon:after{inset:20px;border-color:#ffeec080;animation:tile-pulse 2.8s ease-in-out infinite}.content-item h2{margin:0;color:var(--text);font-size:clamp(.94rem,1.8vw,1.18rem);font-weight:820;letter-spacing:0}.content-item--project h2:after{content:"↗";color:var(--gold);font-size:.72em;margin-left:8px;opacity:.78;transform:translateY(-1px)}.content-item p{max-width:640px;margin:8px 0 0;color:var(--muted);font-size:clamp(.78rem,1.18vw,.92rem);line-height:1.42}.content-item p span{display:block;min-height:1.42em;transition:color .18s ease}.content-item:hover p span,.content-item:focus-within p span{color:#fff4e2e0}@keyframes holy-pulse{0%,to{opacity:.16;transform:scale(.96)}50%{opacity:.36;transform:scale(1.04)}}@keyframes tile-float{0%,to{transform:translateZ(0) rotate(0)}50%{transform:translate3d(0,-7px,0) rotate(6deg)}}@keyframes tile-pulse{0%,to{opacity:.45;transform:rotate(45deg) scale(.9)}50%{opacity:1;transform:rotate(45deg) scale(1.18)}}@keyframes portrait-sigil{0%,to{opacity:.42;transform:rotate(45deg) scale(.96)}50%{opacity:.82;transform:rotate(45deg) scale(1.04)}}@media(max-width:820px){.layer-1{width:132vw;height:112vh}.layer-2{width:126vw;height:108vh}.layer-3{width:132vw;height:112vh}.layer-4{width:138vw;height:118vh}.content-panel{--panel-top: 12px;--hud-clearance: 112px;width:calc(100vw - 16px);height:calc(100dvh - var(--panel-top) - var(--hud-clearance));max-height:calc(100dvh - var(--panel-top) - var(--hud-clearance));border-radius:14px}.content-area{padding:18px 16px 78px;scrollbar-width:auto}.content-area::-webkit-scrollbar{width:16px}.content-area::-webkit-scrollbar-thumb{min-height:76px;border-width:4px}.main-menu{bottom:max(12px,calc(env(safe-area-inset-bottom) + 8px));z-index:70;width:calc(100vw - 24px);max-width:520px;gap:7px;padding:9px;border-radius:18px}.main-menu .ui-button{--button-padding-x: 12px;--button-min-height: 38px;min-width:104px;font-size:.72rem}.main-menu .ui-button--featured{--button-padding-x: 14px;--button-min-height: 40px;min-width:136px}.main-menu .ui-button__icon{width:22px;height:22px}.paul-hero{grid-template-columns:96px 1fr;gap:16px;padding:14px}.paul-portrait{width:86px;border-radius:14px}.content-item{grid-template-columns:60px 1fr;gap:16px;padding:16px 8px}.project-card{grid-template-columns:126px 1fr;gap:16px;min-height:190px;padding:16px 8px}.project-preview{width:100%;min-height:164px}.content-item:hover,.content-item:focus-within{transform:none}.content-item p{font-size:.84rem;line-height:1.38}.content-item p span{min-height:1.38em}}@media(max-width:460px){.content-panel{--hud-clearance: 96px}.content-area{padding:14px 12px 72px}.paul-hero{grid-template-columns:1fr;gap:12px}.paul-portrait{width:78px}.content-item{grid-template-columns:46px 1fr;gap:12px;padding:13px 6px}.project-card{grid-template-columns:1fr;gap:10px;min-height:0;padding:13px 6px}.project-preview{width:min(100%,240px);min-height:220px}.tile-icon{width:40px;border-radius:7px}.tile-icon:before{inset:9px}.tile-icon:after{inset:15px}.content-item h2{font-size:.9rem}.content-item p{margin-top:6px;font-size:.78rem}.main-menu{bottom:max(8px,calc(env(safe-area-inset-bottom) + 6px));width:calc(100vw - 12px);gap:6px;padding:7px;border-radius:16px}.main-menu .ui-button{flex:1 1 calc(50% - 6px);min-width:0;padding:0 8px;min-height:34px;font-size:.64rem;gap:6px}.main-menu .ui-button--featured{flex-basis:calc(50% - 6px);min-width:0;min-height:36px;font-size:.68rem}.main-menu .ui-button__icon{width:17px;height:17px}}@media(prefers-reduced-motion:reduce){.parallax-layer,.content-panel,.content-panel:after,.ui-button,.ui-button:hover,.ui-button:focus-visible,.magic-cursor,.magic-cursor *,.tile-icon,.tile-icon:after,.paul-portrait__sigil{transition:none;animation:none}.content-panel:after{animation:none}}
