:root{--bg-0: #05100a;--bg-1: #081810;--bg-2: #0c2216;--bg-3: #123021;--bg-4: #193d2a;--panel: rgba(6, 20, 13, .9);--panel-solid: #071711;--panel-raised: rgba(16, 42, 28, .72);--panel-hover: rgba(26, 61, 41, .62);--cream: #f4f0dc;--cream-soft: #ddd8c1;--muted: #9cae98;--muted-2: #708a76;--faint: #4d6757;--gold: #e9ca74;--gold-soft: #f4e6b4;--gold-deep: #b9973f;--lily: #e25a61;--lily-deep: #a52f3c;--jade: #86c79a;--water: #3f8a68;--line: rgba(196, 224, 196, .14);--line-soft: rgba(196, 224, 196, .08);--line-strong: rgba(214, 236, 210, .3);--shadow-deep: 0 30px 80px rgba(0, 0, 0, .55);--glow-gold: 0 0 32px rgba(233, 202, 116, .16);--glow-lily: 0 0 30px rgba(226, 90, 97, .2);--font-display: "Fraunces", "Iowan Old Style", "Palatino Linotype", serif;--font-body: "Ubuntu", system-ui, -apple-system, sans-serif;--font-mono: "Fira Code", ui-monospace, monospace;--text-display: clamp(2.2rem, 5.2vw, 4.8rem);--text-h1: clamp(2rem, 4.4vw, 3.4rem);--text-h2: clamp(1.4rem, 2.4vw, 2rem);--text-h3: 1.15rem;--text-body: 1rem;--text-small: .875rem;--space-xs: .3rem;--space-sm: .6rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4.5rem;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 7px;--radius-lg: 10px;--radius-full: 999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-soft: cubic-bezier(.33, 1, .68, 1);--transition-fast: .16s var(--ease-soft);--transition-base: .3s var(--ease-soft);--transition-slow: .6s var(--ease-out);--z-scene: 0;--z-grade: 1;--z-panel: 20;--z-title: 25;--z-hud: 30;--z-boot: 100}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%}body{min-height:100%;overflow:hidden;background-color:var(--bg-0);color:var(--cream-soft);font-family:var(--font-body);font-size:var(--text-body);line-height:1.65}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(ellipse 80% 50% at 68% 42%,rgba(244,226,172,.5),transparent 70%),linear-gradient(180deg,#2f5c49,#7d9c74 38%,#b9b78c 55%,#346b51 56%,#173a2b);opacity:1;transition:opacity 1.2s var(--ease-soft)}body.scene-ready:before{opacity:0}img,video,canvas{display:block;max-width:100%}ul,ol{list-style:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}a{color:inherit;text-decoration:none}input,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4{font-weight:600;line-height:1.1}::selection{background:#e9ca7447;color:var(--cream)}:focus-visible{outline:1px solid var(--gold);outline-offset:4px}#pond-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:var(--z-scene);pointer-events:none;opacity:0;transition:opacity 1.4s var(--ease-soft)}body.scene-ready #pond-canvas{opacity:1}.scene-grade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-grade);pointer-events:none;background:linear-gradient(90deg,rgba(4,14,9,.78) 0%,rgba(4,14,9,.42) 26%,rgba(4,14,9,.06) 52%,transparent 70%),linear-gradient(180deg,rgba(4,14,9,.42) 0%,transparent 18%,transparent 68%,rgba(4,14,9,.72) 100%),radial-gradient(ellipse 85% 70% at 58% 46%,transparent 42%,rgba(3,10,6,.55) 100%)}.scene-grade:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 72% 34%,rgba(255,232,176,.08),transparent 32%);mix-blend-mode:screen}.grain{position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;z-index:50;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E");animation:grainShift 1.2s steps(3) infinite}@keyframes grainShift{0%{transform:translate(0)}33%{transform:translate(-2%,1%)}66%{transform:translate(1%,-2%)}to{transform:translate(0)}}.hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-hud);pointer-events:none;padding:clamp(1rem,2.6vw,2.2rem);display:flex;flex-direction:column;justify-content:space-between}.hud-top,.hud-bottom{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md)}.hud-top{min-width:0}body.has-panel .hud-top{opacity:0;pointer-events:none}.hud-bottom{align-items:flex-end}.hud-mark{display:inline-flex;align-items:center;gap:.65rem;font-family:var(--font-body);font-size:.72rem;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--cream-soft)}.hud-mark .mark-frame{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line-strong);border-radius:var(--radius-xs);color:var(--gold);background:#06140d59;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hud-right{display:flex;align-items:center;gap:clamp(.8rem,2vw,1.6rem);min-width:0;flex-shrink:0;pointer-events:auto}.sound-toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .75rem;border:1px solid var(--line);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:.64rem;letter-spacing:.16em;color:var(--muted);background:#06140d52;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}@media(max-width:700px){.hud{padding:.75rem}.hud-top{align-items:flex-start;gap:.6rem}.hud-mark{min-width:0;gap:.4rem;font-size:.58rem;letter-spacing:.14em}.hud-mark>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sound-toggle{padding:.38rem .5rem;font-size:.54rem;letter-spacing:.08em}}.sound-toggle:hover{color:var(--gold-soft);border-color:#e9ca7473;background:#0c22168c}.sound-toggle[aria-pressed=true]{color:var(--gold);border-color:#e9ca7459}.sound-toggle svg{width:13px;height:13px;flex-shrink:0}.sound-toggle .sound-on,.sound-toggle[aria-pressed=true] .sound-off{display:none}.sound-toggle[aria-pressed=true] .sound-on{display:block}.hints{display:flex;align-items:center;gap:clamp(.8rem,2vw,1.8rem);font-family:var(--font-mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2)}.hint{display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap}.hint-panel,body.has-panel .hint-home{display:none}body.has-panel .hint-panel{display:inline-flex}kbd{display:inline-grid;place-items:center;min-width:1.5rem;height:1.45rem;padding:0 .35rem;border:1px solid var(--line);border-bottom-color:#c4e0c43d;border-radius:var(--radius-xs);background:#0a1c1299;color:var(--cream-soft);font-family:var(--font-mono);font-size:.62rem;line-height:1}.hud-build{text-align:right;font-family:var(--font-mono);font-size:.62rem;line-height:1.7;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}.hud-build strong{display:block;color:var(--muted-2);font-weight:400}.container{width:100%;max-width:1180px;margin:0 auto;padding:0 clamp(1.25rem,4vw,3.5rem)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.eyebrow{display:inline-flex;align-items:center;gap:.7rem;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}.eyebrow:before{content:"";width:26px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}.section-title{font-family:var(--font-display);font-size:var(--text-h1);font-weight:500;letter-spacing:-.02em;color:var(--cream)}.text-gold{color:var(--gold)}#boot{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-boot);display:grid;place-items:center;background:radial-gradient(ellipse at 60% 45%,#1c4430,#0a1c12 55%,#040d08);transition:opacity .9s var(--ease-soft),visibility .9s}#boot.is-done{opacity:0;visibility:hidden}.boot-inner{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--muted);font-family:var(--font-mono);font-size:.64rem;letter-spacing:.28em;text-transform:uppercase}.boot-mark{width:54px;height:54px;color:var(--gold);animation:bootPulse 2.4s ease-in-out infinite}.boot-bar{width:120px;height:1px;background:var(--line);overflow:hidden}.boot-bar:after{content:"";display:block;width:40%;height:100%;background:var(--gold);animation:bootBar 1.4s ease-in-out infinite}@keyframes bootPulse{0%,to{opacity:.45;transform:scale(.97) rotate(-2deg)}50%{opacity:1;transform:scale(1.03) rotate(2deg)}}@keyframes bootBar{0%{transform:translate(-110%)}to{transform:translate(360%)}}*{scrollbar-width:thin;scrollbar-color:rgba(134,199,154,.3) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#86c79a40;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#e9ca7466}@media(max-width:720px){.hud{padding:.9rem}.hud-meta,.hud-build{display:none}.hints{gap:.9rem}.hints .hint:first-child{display:none}}@media(prefers-reduced-motion:reduce){.grain{animation:none}}.title-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-title);display:flex;align-items:center;padding:clamp(5rem,12vh,8rem) clamp(1.4rem,8vw,9rem) clamp(5rem,12vh,8rem);pointer-events:none;transition:opacity .45s var(--ease-soft),transform .6s var(--ease-out),visibility .45s}.title-screen.is-behind{opacity:0;visibility:hidden;transform:translate(-28px);pointer-events:none}.title-block{pointer-events:auto;width:min(840px,92vw);transition:width .4s var(--ease-out)}@media(min-width:1101px){body.has-panel .title-screen{opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:none}body.has-panel .title-block{width:min(420px,32vw);pointer-events:auto}body.has-panel .title-name{margin-bottom:.75rem;font-size:clamp(1.8rem,3.2vw,3rem)}body.has-panel .title-tagline{margin-bottom:1.1rem;font-size:.95rem;max-width:28ch}body.has-panel .menu-note{display:none}}.title-kicker{display:flex;align-items:center;gap:.8rem;margin-bottom:clamp(.9rem,2.2vh,1.6rem);opacity:0;animation:titleRise .9s var(--ease-out) .15s forwards}.title-kicker .eyebrow{color:var(--gold)}.title-kicker .kicker-rule{width:clamp(26px,5vw,64px);height:1px;background:linear-gradient(90deg,rgba(233,202,116,.55),transparent)}.title-kicker .kicker-meta{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted-2)}.title-name{display:flex;flex-direction:column;margin:0 0 clamp(.9rem,2vh,1.5rem);font-family:var(--font-display);font-size:var(--text-display);font-weight:600;line-height:.88;letter-spacing:-.015em;text-transform:uppercase;color:var(--cream);text-shadow:0 10px 40px rgba(0,0,0,.35);overflow:visible}.title-name .name-line{display:inline-block;width:fit-content;max-width:100%;padding-right:.2em;opacity:0;transform:translateY(38px) rotate(.4deg);animation:titleRise 1.15s var(--ease-out) forwards}.title-name .name-line:first-child{animation-delay:.22s}.title-name .name-line:last-child{animation-delay:.34s;background:linear-gradient(100deg,#faf5df 6%,#f0e5bd 44%,#d9c58e 76%,#b8a26a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.title-tagline{max-width:34ch;margin-bottom:clamp(1.2rem,3.4vh,2.4rem);font-family:var(--font-display);font-size:clamp(.98rem,1.35vw,1.2rem);font-style:italic;font-weight:300;line-height:1.5;color:var(--cream-soft);opacity:0;animation:titleRise 1s var(--ease-out) .48s forwards}.title-tagline em{font-style:normal;color:var(--gold)}.title-menu{position:relative;display:flex;flex-direction:column;width:min(440px,100%);border-top:1px solid var(--line-soft);opacity:0;animation:titleRise 1s var(--ease-out) .6s forwards}.menu-item{position:relative;display:flex;align-items:center;gap:.9rem;width:100%;padding:.62rem .25rem .62rem 0;border-bottom:1px solid var(--line-soft);text-align:left;color:var(--muted);transition:color var(--transition-fast),padding-left var(--transition-base);-webkit-tap-highlight-color:transparent}.menu-item:hover,.menu-item.is-selected,.menu-item.is-active{color:var(--cream);padding-left:1.55rem}.menu-item.is-active{background:#e9ca7414}.menu-item.is-active .menu-label{color:var(--gold-soft)}.menu-item:before{content:"";position:absolute;left:0;top:50%;width:1px;height:0;background:var(--gold);transform:translateY(-50%);transition:height var(--transition-base)}.menu-item.is-selected:before{height:62%}.menu-item.is-active:before{height:100%;width:2px;background:var(--gold)}.menu-marker{position:absolute;left:.22rem;top:50%;width:15px;height:15px;transform:translateY(-50%) scale(.4) rotate(-24deg);opacity:0;color:var(--gold);pointer-events:none;transition:opacity var(--transition-base),transform var(--transition-base)}.menu-item.is-selected .menu-marker,.menu-item.is-active .menu-marker{opacity:1;transform:translateY(-50%) scale(1) rotate(0)}.menu-marker svg{width:15px;height:15px;display:block}.menu-label{font-family:var(--font-body);font-size:clamp(.82rem,1.05vw,.95rem);font-weight:500;letter-spacing:.3em;text-transform:uppercase;transition:letter-spacing var(--transition-base),text-shadow var(--transition-base)}.menu-item.is-selected .menu-label,.menu-item:hover .menu-label{letter-spacing:.34em;text-shadow:0 0 24px rgba(233,202,116,.22)}.menu-index{margin-left:auto;font-family:var(--font-mono);font-size:.56rem;letter-spacing:.16em;color:var(--faint);transition:color var(--transition-fast)}.menu-item.is-selected .menu-index{color:var(--gold-deep)}.menu-caret{width:12px;height:12px;margin-left:.6rem;color:var(--gold);opacity:0;transform:translate(-6px);transition:opacity var(--transition-base),transform var(--transition-base)}.menu-item.is-selected .menu-caret{opacity:.8;transform:translate(0)}.menu-note{min-height:2.6rem;max-width:40ch;margin-top:1rem;font-family:var(--font-display);font-size:.88rem;font-style:italic;font-weight:300;line-height:1.5;color:var(--muted-2);transition:opacity var(--transition-fast)}.menu-note.is-swapping{opacity:0}.menu-note .note-mark{color:var(--lily);margin-right:.4rem;font-style:normal}@media(max-width:900px){.title-screen{align-items:flex-end;padding:6rem 1.25rem 6.5rem}.title-block{width:100%}.title-name{font-size:clamp(2.9rem,9.5vw,5.4rem)}.title-tagline{max-width:30ch;margin-bottom:1.2rem}.title-menu{width:min(380px,100%)}.menu-item{padding-top:.7rem;padding-bottom:.7rem}.menu-note,.title-kicker .kicker-meta{display:none}}@media(max-width:600px){.title-name{font-size:9vw}}@media(max-width:600px)and (max-height:800px)and (orientation:portrait){.title-screen{padding-bottom:3.5rem}}@media(max-width:600px)and (max-height:620px)and (orientation:portrait){.title-tagline{display:none}}@media(max-width:600px)and (max-height:520px)and (orientation:portrait){.title-kicker{display:none}}@media(max-width:900px)and (max-height:520px)and (orientation:landscape){.title-screen{align-items:center;padding:1.25rem}.title-block{width:100%}.title-kicker,.title-tagline{display:none}.title-name{margin-bottom:.9rem;font-size:clamp(1.9rem,5vw,2.8rem)}.title-menu{width:min(340px,100%)}.menu-item{padding-top:.36rem;padding-bottom:.36rem}.menu-label{font-size:.8rem;letter-spacing:.26em}.menu-note{display:none}}@media(max-width:380px){.title-kicker .eyebrow{font-size:.58rem;letter-spacing:.18em}.title-kicker .kicker-rule{display:none}}@media(max-height:720px)and (min-width:901px){.title-name{font-size:clamp(2.8rem,6.6vw,6.2rem)}.title-tagline{margin-bottom:1.2rem}.menu-item{padding-top:.46rem;padding-bottom:.46rem}.menu-note{display:none}}@media(prefers-reduced-motion:reduce){.title-kicker,.title-tagline,.title-name .name-line{opacity:1;transform:none;animation:none}.title-menu{opacity:1;animation:none}}@keyframes titleRise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}#panel-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-panel);pointer-events:none}.panel-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:stretch;padding:clamp(.7rem,3vh,2.4rem) clamp(.7rem,3vw,3rem);pointer-events:none}.panel-layer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#030b06ad,#030b0647 58%,#030b060f);backdrop-filter:blur(6px) saturate(.92);-webkit-backdrop-filter:blur(6px) saturate(.92);pointer-events:none}@media(min-width:1101px){.panel-layer{justify-content:flex-end;padding:clamp(4.2rem,8vh,5.8rem) clamp(1.2rem,3.2vw,4rem) clamp(3.5rem,6vh,4.2rem) 0}.panel-layer:before{background:linear-gradient(90deg,transparent 0%,transparent 26%,rgba(3,11,6,.38) 42%,rgba(3,11,6,.78) 100%);backdrop-filter:blur(4px) saturate(.95);-webkit-backdrop-filter:blur(4px) saturate(.95)}.panel{width:min(800px,calc(100vw - 460px))!important;max-width:820px;margin-left:auto;box-shadow:-24px 0 80px #0000008c,var(--shadow-deep)}}.panel{position:relative;display:flex;flex-direction:column;width:min(1100px,100%);max-height:100%;pointer-events:auto;outline:none;background:linear-gradient(168deg,#0a1e13f7,#06130cf4 62%,#050f0af7);border:1px solid var(--line);border-top-color:#e9ca7452;box-shadow:var(--shadow-deep),inset 0 0 120px #0000004d;animation:panelIn .55s var(--ease-out) both}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(196,224,196,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(196,224,196,.028) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 30% 0%,black,transparent 72%);-webkit-mask-image:radial-gradient(ellipse at 30% 0%,black,transparent 72%);pointer-events:none;opacity:.6}.panel.is-closing{animation:panelOut .28s var(--ease-soft) both}.panel-bar{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem clamp(1rem,2.6vw,1.8rem);border-bottom:1px solid var(--line-soft);background:#091a108c}.panel-breadcrumb{display:inline-flex;align-items:center;gap:.6rem;min-width:0;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted-2)}.panel-breadcrumb .crumb-page{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-breadcrumb .crumb-dot{width:5px;height:5px;border-radius:50%;background:var(--lily);box-shadow:0 0 10px #e25a6199}.panel-breadcrumb strong{color:var(--cream-soft);font-weight:400}.panel-bar-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.6rem}.panel-back,.panel-close{display:inline-flex;align-items:center;gap:.45rem;padding:.38rem .62rem;border:1px solid var(--line);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.panel-back:hover,.panel-close:hover{color:var(--gold-soft);border-color:#e9ca7466;background:#12302180}.panel-back svg,.panel-close svg{width:11px;height:11px}.panel-scroll{position:relative;flex:1;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth;padding:clamp(1.4rem,4vh,2.8rem) clamp(1.15rem,3.4vw,2.8rem) clamp(2rem,5vh,3.2rem)}.panel-scroll::-webkit-scrollbar{width:5px}.panel-intro{margin-bottom:clamp(1.6rem,4vh,2.6rem)}.panel-intro .eyebrow{margin-bottom:.7rem}.panel-title{font-family:var(--font-display);font-size:clamp(2.1rem,4.6vw,3.6rem);font-weight:500;line-height:1;letter-spacing:-.03em;color:var(--cream);margin-bottom:.7rem}.panel-lead{max-width:60ch;font-size:.98rem;line-height:1.7;color:var(--muted)}.panel-rule{height:1px;margin:clamp(1.5rem,4vh,2.4rem) 0;background:linear-gradient(90deg,var(--line),transparent 80%)}.about-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(240px,.85fr);gap:clamp(1.6rem,4vw,3.2rem);align-items:start}.about-copy p{margin-bottom:1.15rem;font-size:.97rem;line-height:1.85;color:var(--cream-soft)}.about-copy p:last-child{margin-bottom:0}.about-copy p:first-letter{color:var(--gold)}.about-signoff{margin-top:1.6rem;font-family:var(--font-display);font-style:italic;font-size:1rem;color:var(--gold)}.id-card{position:relative;padding:1.4rem;background:linear-gradient(160deg,#143423a6,#08180fcc);border:1px solid var(--line);border-left:2px solid var(--gold-deep);box-shadow:var(--shadow-deep)}.id-card:after{content:"";position:absolute;right:1rem;top:1rem;width:44px;height:44px;background:radial-gradient(circle,rgba(226,90,97,.22),transparent 70%);border-radius:50%;pointer-events:none}.id-card-mark{font-family:var(--font-display);font-size:2.6rem;font-weight:600;line-height:1;letter-spacing:-.03em;color:var(--cream);margin-bottom:.25rem}.id-card-role{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:1.4rem}.id-rows{display:flex;flex-direction:column;gap:.15rem;margin-bottom:1.4rem;border-top:1px solid var(--line-soft)}.id-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--line-soft);font-size:.76rem}.id-row dt{font-family:var(--font-mono);font-size:.56rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2)}.id-row dd{color:var(--cream-soft);text-align:right}.id-status{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--jade)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--jade);box-shadow:0 0 10px #86c79acc;animation:statusPulse 2.6s ease-in-out infinite}.skills-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.skill-set{padding:1.15rem 1.25rem 1.3rem;background:#0d251861;border:1px solid var(--line-soft);border-top:1px solid var(--line);transition:border-color var(--transition-base),background var(--transition-base)}.skill-set:hover{border-color:#e9ca7438;background:#112e1e80}.skill-set-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.skill-set h3{font-family:var(--font-mono);font-size:.62rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.skill-set-count{font-family:var(--font-mono);font-size:.55rem;color:var(--faint)}.skill-tags{display:flex;flex-wrap:wrap;gap:.4rem}.skill-tag{display:inline-flex;align-items:center;padding:.36rem .62rem;border:1px solid var(--line);border-radius:var(--radius-xs);background:#06140d73;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.02em;color:var(--cream-soft);transition:color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.skill-tag:hover{color:var(--gold-soft);border-color:#e9ca7459;transform:translateY(-1px)}.skill-tag.is-key{border-color:#86c79a52;color:var(--jade)}.archive-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:1.2rem;border-bottom:1px solid var(--line-soft)}.archive-tabs{display:flex;gap:.2rem;margin-bottom:-1px}.archive-tab{padding:.65rem .8rem;border-bottom:1px solid transparent;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);transition:color var(--transition-fast),border-color var(--transition-fast)}.archive-tab:hover{color:var(--cream-soft)}.archive-tab.is-active{color:var(--gold);border-bottom-color:var(--gold)}.archive-count{padding-bottom:.5rem;font-family:var(--font-mono);font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.archive-filters{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.5rem}.filter-chip{padding:.3rem .6rem;border:1px solid var(--line-soft);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);transition:all var(--transition-fast)}.filter-chip:hover{color:var(--cream-soft);border-color:var(--line-strong)}.filter-chip.is-active{color:var(--gold);border-color:#e9ca7461;background:#e9ca7412}.archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.archive-grid:empty:after{content:"No files match that filter.";grid-column:1 / -1;padding:3rem 1rem;text-align:center;font-family:var(--font-display);font-style:italic;color:var(--muted-2)}.archive-card{--card-accent: var(--jade);position:relative;display:flex;flex-direction:column;min-height:100%;background:linear-gradient(165deg,#0f2b1c80,#06140db8);border:1px solid var(--line-soft);border-left:2px solid color-mix(in srgb,var(--card-accent) 55%,transparent);transition:transform var(--transition-base),border-color var(--transition-base),background var(--transition-base),box-shadow var(--transition-base)}.archive-card:hover{transform:translateY(-3px);border-color:#e9ca744d;border-left-color:var(--gold);background:linear-gradient(165deg,#153825a6,#081910d1);box-shadow:0 16px 40px #00000047,var(--glow-gold)}.archive-card-media{position:relative;height:122px;overflow:hidden;background:radial-gradient(ellipse at 70% 30%,color-mix(in srgb,var(--card-accent) 26%,transparent),transparent 65%),linear-gradient(150deg,#123020cc,#05100ae6);border-bottom:1px solid var(--line-soft)}.archive-card-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(115deg,transparent 0 11px,rgba(196,224,196,.045) 11px 12px);opacity:.7}.archive-card-mark{position:absolute;left:1rem;bottom:.4rem;font-family:var(--font-display);font-size:3.4rem;font-weight:600;line-height:1;letter-spacing:-.05em;color:color-mix(in srgb,var(--card-accent) 70%,var(--cream));opacity:.9;text-shadow:0 6px 30px rgba(0,0,0,.4)}.archive-card-status{position:absolute;top:.7rem;right:.75rem;z-index:1;padding:.22rem .45rem;border:1px solid color-mix(in srgb,var(--card-accent) 40%,transparent);background:#05100a99;font-family:var(--font-mono);font-size:.52rem;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--card-accent) 80%,var(--cream))}.archive-card-body{display:flex;flex-direction:column;flex:1;padding:.9rem 1rem 1rem}.archive-card-top{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.45rem;font-family:var(--font-mono);font-size:.53rem;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.archive-card-title{font-family:var(--font-display);font-size:clamp(1.3rem,2.2vw,1.7rem);font-weight:500;letter-spacing:-.02em;line-height:1.05;color:var(--cream);margin-bottom:.4rem}.archive-card-desc{flex:1;margin-bottom:.85rem;font-size:.78rem;line-height:1.55;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.archive-card-foot{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding-top:.7rem;border-top:1px solid var(--line-soft)}.archive-card-tags{display:flex;flex-wrap:wrap;gap:.28rem}.mini-tag{padding:.18rem .36rem;border:1px solid var(--line-soft);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:.5rem;letter-spacing:.05em;color:var(--muted-2)}.archive-card-open{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-mono);font-size:.55rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);white-space:nowrap}.archive-card-open svg{width:10px;height:10px;transition:transform var(--transition-fast)}.archive-card:hover .archive-card-open svg{transform:translate(3px)}.contact-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:clamp(1.5rem,4vw,3rem);align-items:start}.contact-copy p{margin-bottom:1.2rem;line-height:1.8;color:var(--cream-soft)}.link-list{display:flex;flex-direction:column;margin-top:1.4rem;border-top:1px solid var(--line-soft)}.link-row{display:flex;align-items:center;gap:.8rem;padding:.85rem .2rem;border-bottom:1px solid var(--line-soft);color:var(--cream-soft);transition:color var(--transition-fast),padding-left var(--transition-fast),background var(--transition-fast)}.link-row:hover{color:var(--gold-soft);padding-left:.55rem;background:linear-gradient(90deg,rgba(233,202,116,.05),transparent)}.link-row svg{width:16px;height:16px;color:var(--gold);flex-shrink:0}.link-row-label{font-family:var(--font-body);font-size:.82rem;letter-spacing:.08em}.link-row-meta{margin-left:auto;font-family:var(--font-mono);font-size:.55rem;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}.availability-card{padding:1.4rem;border:1px solid var(--line);border-top:2px solid var(--jade);background:linear-gradient(165deg,#13322280,#07160eb8)}.availability-card .id-status{margin-bottom:1rem}.availability-card h3{font-family:var(--font-display);font-size:1.5rem;font-weight:500;line-height:1.15;color:var(--cream);margin-bottom:.6rem}.availability-card p{font-size:.8rem;line-height:1.65;color:var(--muted);margin-bottom:1.2rem}.availability-list{display:flex;flex-direction:column;gap:.5rem;padding-top:1rem;border-top:1px solid var(--line-soft)}.availability-list li{display:flex;align-items:center;gap:.55rem;font-family:var(--font-mono);font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2)}.availability-list li:before{content:"";width:4px;height:4px;background:var(--gold-deep);transform:rotate(45deg)}.resume-file{display:flex;align-items:center;gap:1.3rem;flex-wrap:wrap;padding:1.5rem;border:1px solid var(--line);border-left:2px solid var(--gold);background:linear-gradient(150deg,#1434238c,#07150ecc)}.resume-file-icon{display:grid;place-items:center;width:58px;height:70px;flex-shrink:0;border:1px solid var(--line-strong);background:#06140d99;color:var(--gold)}.resume-file-icon svg{width:24px;height:24px}.resume-file-info{flex:1;min-width:200px}.resume-file-info h3{font-family:var(--font-display);font-size:1.35rem;font-weight:500;color:var(--cream);margin-bottom:.25rem}.resume-file-meta{font-family:var(--font-mono);font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2)}.resume-note{margin-top:1.2rem;font-size:.85rem;line-height:1.7;color:var(--muted);max-width:62ch}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.15rem;border:1px solid var(--line-strong);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:.62rem;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--cream-soft);background:#0c221673;transition:all var(--transition-fast)}.btn:hover{color:var(--gold-soft);border-color:#e9ca7473;background:#14342399}.btn svg{width:13px;height:13px}.btn-gold{border-color:#e9ca7480;background:#e9ca741a;color:var(--gold-soft)}.btn-gold:hover{background:#e9ca742e;color:var(--cream)}.btn-sm{padding:.45rem .75rem;font-size:.56rem}.btn.is-pending,.btn[aria-disabled=true]{color:var(--faint);border-color:var(--line-soft);background:#091b1159;cursor:not-allowed}.btn.is-pending:hover,.btn[aria-disabled=true]:hover{color:var(--faint);border-color:var(--line-soft);background:#091b1159}button.link-row{width:100%;text-align:left}.link-row.is-pending{color:var(--muted-2);cursor:not-allowed}.link-row.is-pending svg{color:var(--muted-2)}.link-row.is-pending:hover{color:var(--muted-2);padding-left:.2rem;background:none}.detail-back{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:1.2rem;font-family:var(--font-mono);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);transition:color var(--transition-fast)}.detail-back:hover{color:var(--gold)}.detail-back svg{width:11px;height:11px}.detail-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);gap:clamp(1.4rem,4vw,2.8rem);align-items:start;margin-bottom:clamp(1.8rem,5vh,2.8rem)}.detail-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.6rem;font-family:var(--font-mono);font-size:.56rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2)}.detail-kicker .dot{width:3px;height:3px;background:var(--gold-deep);transform:rotate(45deg)}.detail-title{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,4rem);font-weight:500;line-height:.95;letter-spacing:-.035em;color:var(--cream);margin-bottom:.7rem}.detail-tagline{font-family:var(--font-display);font-style:italic;font-size:clamp(.95rem,1.5vw,1.15rem);font-weight:300;line-height:1.55;color:var(--muted);margin-bottom:1.1rem}.detail-meta{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1.2rem}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .5rem;border:1px solid var(--line);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:.53rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.badge-status{border-color:#86c79a4d;color:var(--jade)}.badge-jam{border-color:#e25a6159;color:var(--lily)}.badge-role{border-color:#e9ca7452;color:var(--gold)}.detail-links{display:flex;flex-wrap:wrap;gap:.5rem}.detail-gallery{display:flex;flex-direction:column;gap:.5rem}.gallery-main{position:relative;aspect-ratio:16 / 10;overflow:hidden;border:1px solid var(--line);background:radial-gradient(ellipse at 50% 40%,rgba(134,199,154,.12),transparent 65%),linear-gradient(155deg,#112f1fb3,#05100ae6)}.gallery-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.gallery-main:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid var(--line-soft);z-index:1;pointer-events:none}.gallery-main-label{position:absolute;left:1.1rem;bottom:.9rem;z-index:2;font-family:var(--font-mono);font-size:.55rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);text-shadow:0 1px 6px rgba(0,0,0,.8)}.detail-media-image{position:relative;inset:auto;width:100%;height:100%;aspect-ratio:16 / 10;object-fit:cover;border:1px solid var(--line-soft)}.detail-video{display:block;width:100%;aspect-ratio:16 / 9;border:1px solid var(--line-soft);background:#04100a}.gallery-main-icon{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:34px;height:34px;color:var(--muted-2);opacity:.65}.gallery-thumbs{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.2rem}.gallery-thumb{flex:0 0 74px;aspect-ratio:16 / 10;border:1px solid var(--line-soft);background:#0c22168c;font-family:var(--font-mono);font-size:.5rem;letter-spacing:.06em;color:var(--muted-2);transition:border-color var(--transition-fast),color var(--transition-fast)}.gallery-thumb:hover{color:var(--cream-soft);border-color:var(--line-strong)}.gallery-thumb.is-active{border-color:var(--gold);color:var(--gold)}.detail-tabs{display:flex;gap:.25rem;margin-bottom:1.6rem;border-bottom:1px solid var(--line-soft);overflow-x:auto;scrollbar-width:none}.detail-tabs::-webkit-scrollbar{display:none}.detail-tab{flex-shrink:0;padding:.65rem .9rem;border-bottom:1px solid transparent;font-family:var(--font-mono);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);white-space:nowrap;transition:color var(--transition-fast),border-color var(--transition-fast)}.detail-tab:hover{color:var(--cream-soft)}.detail-tab.is-active{color:var(--gold);border-bottom-color:var(--gold)}.detail-tab-panel{display:none;animation:fadeUp .45s var(--ease-out)}.detail-tab-panel.is-active{display:block}.detail-section{margin-bottom:2.2rem}.detail-section h2{font-family:var(--font-display);font-size:clamp(1.25rem,2.2vw,1.65rem);font-weight:500;letter-spacing:-.02em;color:var(--cream);margin-bottom:.7rem}.detail-section p{max-width:74ch;font-size:.92rem;line-height:1.85;color:var(--cream-soft)}.detail-section a{color:var(--gold);border-bottom:1px solid rgba(233,202,116,.28);transition:color var(--transition-fast),border-color var(--transition-fast)}.detail-section a:hover{color:var(--gold-soft);border-bottom-color:var(--gold)}.detail-empty{font-family:var(--font-display);font-style:italic;color:var(--muted-2)!important}.detail-section ul{display:flex;flex-direction:column;gap:.4rem;max-width:74ch}.detail-section li{position:relative;padding-left:1.2rem;font-size:.9rem;color:var(--cream-soft)}.detail-section li:before{content:"";position:absolute;left:0;top:.65em;width:4px;height:4px;background:var(--gold-deep);transform:rotate(45deg)}.detail-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;width:100%;aspect-ratio:16 / 7;border:1px dashed var(--line);background:#091b1159;font-family:var(--font-mono);font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);text-align:center;padding:1rem}.detail-placeholder svg{width:26px;height:26px;opacity:.5}.detail-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.detail-media-grid .detail-placeholder{aspect-ratio:16 / 10}.detail-nav{display:flex;justify-content:space-between;gap:1rem;margin-top:2.4rem;padding-top:1.4rem;border-top:1px solid var(--line-soft)}.detail-nav-link{display:flex;flex-direction:column;gap:.2rem;max-width:46%}.detail-nav-link.next{margin-left:auto;text-align:right}.detail-nav-label{font-family:var(--font-mono);font-size:.54rem;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);transition:color var(--transition-fast)}.detail-nav-title{font-family:var(--font-display);font-size:1.05rem;color:var(--cream);transition:color var(--transition-fast)}.detail-nav-link:hover .detail-nav-title,.detail-nav-link:hover .detail-nav-label{color:var(--gold)}.panel-footnote{margin-top:2rem;padding-top:1.2rem;border-top:1px solid var(--line-soft);font-family:var(--font-mono);font-size:.54rem;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);display:flex;flex-wrap:wrap;justify-content:space-between;gap:.6rem}@media(max-width:1100px){.panel{width:100%}.panel-layer{padding:clamp(.5rem,1.6vh,1rem) clamp(.5rem,2vw,1rem)}}@media(max-width:860px){.about-grid,.contact-grid,.detail-hero{grid-template-columns:1fr}.id-card{max-width:380px}.skills-grid,.archive-grid{grid-template-columns:1fr}.panel-scroll{padding:1.4rem 1.1rem 2rem}.panel-bar{padding:.7rem 1rem}.detail-media-grid{grid-template-columns:1fr}}@media(max-width:560px){.panel-breadcrumb span.crumb-page,.panel-back span,.panel-close span,.panel-bar-actions .sound-label{display:none}.panel-bar-actions .sound-toggle{padding:.38rem .5rem}.archive-card-media{height:104px}.archive-card-mark{font-size:2.8rem}.resume-file{padding:1.1rem}.panel-footnote{display:none}}@media(prefers-reduced-motion:reduce){.panel,.panel.is-closing,.detail-tab-panel{animation:none}}@keyframes panelIn{0%{opacity:0;transform:translate(-28px) scale(.995)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes panelOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.35}}.code-block{margin:1.1rem 0 0;border:1px solid var(--line);background:#040e09b8;overflow:hidden}.code-block-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem .75rem;border-bottom:1px solid var(--line-soft);background:#0d25188c}.code-block-filename{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.12em;color:var(--gold)}.code-block-copy{display:inline-flex;align-items:center;gap:.35rem;padding:.22rem .45rem;border:1px solid transparent;border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);transition:all var(--transition-fast)}.code-block-copy:hover{color:var(--gold-soft);border-color:var(--line);background:#1230218c}.code-block-copy.copied{color:var(--jade)}.code-block-copy svg{width:12px;height:12px}.code-block pre{margin:0;padding:1rem 1.1rem;overflow-x:auto;background:transparent!important}.code-block code,.code-block pre code.hljs{display:block;padding:0;background:transparent!important;font-family:var(--font-mono);font-size:.78rem;line-height:1.75;color:#dbe6d4}.hljs-keyword,.hljs-selector-tag,.hljs-literal{color:#e9ca74}.hljs-string,.hljs-title,.hljs-section,.hljs-attribute{color:#a8d49b}.hljs-number,.hljs-symbol,.hljs-bullet{color:#e78a72}.hljs-comment,.hljs-quote{color:#5f7a67;font-style:italic}.hljs-function,.hljs-title.function_{color:#d9e7c0}.hljs-type,.hljs-built_in{color:#86c79a}.hljs-meta,.hljs-meta .hljs-keyword{color:#b7a77a}.toast{position:fixed;left:50%;bottom:clamp(4.2rem,10vh,6rem);z-index:60;transform:translate(-50%,12px);padding:.55rem .9rem;border:1px solid rgba(233,202,116,.35);background:#06140df0;box-shadow:var(--shadow-deep);font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-soft);opacity:0;pointer-events:none;transition:opacity var(--transition-base),transform var(--transition-base)}.toast.is-visible{opacity:1;transform:translate(-50%)}.reveal{opacity:0;transform:translateY(16px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}.reveal.is-revealed{opacity:1;transform:none}.reveal-stagger>*{opacity:0;transform:translateY(12px);transition:opacity .55s var(--ease-out),transform .55s var(--ease-out)}.reveal-stagger.is-revealed>*{opacity:1;transform:none}.reveal-stagger.is-revealed>*:nth-child(1){transition-delay:0ms}.reveal-stagger.is-revealed>*:nth-child(2){transition-delay:60ms}.reveal-stagger.is-revealed>*:nth-child(3){transition-delay:.12s}.reveal-stagger.is-revealed>*:nth-child(4){transition-delay:.18s}.reveal-stagger.is-revealed>*:nth-child(5){transition-delay:.24s}.reveal-stagger.is-revealed>*:nth-child(6){transition-delay:.3s}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.floaty{animation:floaty 6s ease-in-out infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal,.reveal-stagger>*{opacity:1;transform:none}.grain{animation:none}}
