.sn-scene{--sn-scroll:0px;position:relative;height:100dvh;overflow:hidden;background:#07080b;color:#f4f0e9;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sn-canvas{display:block;width:100%;height:100%}.sn-canvas,.sn-scrim{position:absolute;inset:0}.sn-scrim{pointer-events:none;background:linear-gradient(180deg,transparent 42%,rgba(4,7,13,.42) 72%,rgba(4,7,13,.6))}.sn-castle,.sn-city-far,.sn-city-near,.sn-pagoda,.sn-skytree{position:absolute;bottom:0;pointer-events:none}.sn-city-far{left:0;width:100%;height:15vh;transform:translate3d(0,calc(var(--sn-scroll) * .16),0)}.sn-city-near{left:0;width:100%;height:12vh;transform:translate3d(0,calc(var(--sn-scroll) * .08),0)}.sn-pagoda{right:4%;height:19vh}.sn-castle,.sn-pagoda{width:auto;transform:translate3d(0,calc(var(--sn-scroll) * .08),0)}.sn-castle{display:none;left:56%;height:15vh}.sn-skytree{left:-4vw;height:52vh;width:auto;transform:translate3d(0,calc(var(--sn-scroll) * .08),0)}.sn-tappable{pointer-events:visiblePainted;cursor:pointer}.sn-castle,.sn-pagoda,.sn-skytree{filter:drop-shadow(0 0 4px rgba(200,196,186,.28))}.sn-castle path,.sn-castle rect:not(.sn-window),.sn-pagoda path,.sn-pagoda rect:not(.sn-window),.sn-skytree path,.sn-skytree rect:not(.sn-window){fill:#020509}.sn-train-track{position:absolute;right:0;bottom:6.5vh;left:0;height:20px;pointer-events:none;transform:translate3d(0,calc(var(--sn-scroll) * .16),0)}.sn-train{position:absolute;bottom:0;left:0;width:clamp(170px,30vw,266px);height:auto;transform:translateX(-110%);animation:sn-train-run 34s linear infinite;animation-delay:3s}.sn-train-window{fill:#e9e2d2;opacity:.85}@keyframes sn-train-run{0%{transform:translateX(-110%)}40%,to{transform:translateX(calc(100vw + 30px))}}.sn-skytree .sn-beacon,.sn-skytree .sn-window{display:none}.sn-window{fill:#e8a24c;transition:opacity .5s ease,fill .5s ease}.sn-window-dark{opacity:0}.sn-window-flicker{animation:sn-window-flicker 4.6s ease-in-out infinite}@keyframes sn-window-flicker{0%,to{opacity:1}50%{opacity:.4}}.sn-window-cycle{animation:sn-window-cycle 22s ease-in-out infinite}@keyframes sn-window-cycle{0%,10%{opacity:0}20%,58%{opacity:.9}70%,to{opacity:0}}.sn-building-lit .sn-window{opacity:.95;fill:#f2c063;animation:none}.sn-beacon{fill:#ff5a5a;animation:sn-beacon-pulse 2.6s ease-in-out infinite}@keyframes sn-beacon-pulse{0%,to{opacity:1}50%{opacity:.2}}.sn-steam{fill:#9a9890;opacity:0;transform-box:fill-box;transform-origin:50% 100%;animation:sn-steam-rise 6.5s ease-out infinite}@keyframes sn-steam-rise{0%{transform:translateY(0) scale(.6);opacity:0}20%{opacity:.32}to{transform:translateY(-34px) scale(1.6);opacity:0}}.sn-lantern-glow{opacity:0;transition:opacity .9s ease}.sn-lantern-lit .sn-lantern-glow{opacity:1}.sn-castle .sn-window,.sn-pagoda .sn-window{transition:opacity .9s ease,fill .9s ease}.sn-lantern-lit .sn-window{opacity:1;fill:#ffdf9e}.sn-skytree-light{animation:sn-skytree-glow 26s linear infinite}@keyframes sn-skytree-glow{0%,to{fill:#e8a24c}36%{fill:#e9e2d2}68%{fill:#c9bfa8}}.sn-hero{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:24px 24px calc(13vh + env(safe-area-inset-bottom, 0px));pointer-events:none;text-shadow:0 2px 24px rgba(4,8,20,.85)}.sn-eyebrow{font-family:var(--font-mono),monospace;font-size:11px;letter-spacing:.22em;color:#f2d791}.sn-role-badge{display:inline-block;margin-left:10px;padding:5px 12px;border:1px solid rgba(232,196,107,.55);border-radius:999px;background:rgba(232,196,107,.14);color:#f6e7b2;letter-spacing:.18em}.sn-title{margin-top:12px;max-width:22ch;font-family:var(--font-display),sans-serif;font-size:clamp(2rem,8.5vw,3.6rem);font-weight:700;line-height:1.08}.sn-accent{color:#e8c46b}.sn-sub{margin-top:14px;max-width:42ch;font-size:clamp(.9rem,3.6vw,1.05rem);line-height:1.55;color:rgba(244,240,233,.82)}.sn-identity{display:flex;align-items:center;gap:12px;margin-top:18px;max-width:min(100%,36ch)}.sn-identity-terminal{flex-shrink:0;width:42px;height:auto;filter:drop-shadow(0 0 12px rgba(232,196,107,.32));animation:sn-identity-float 5s ease-in-out infinite}.sn-identity-line{display:flex;align-items:center;margin:0;font-family:var(--font-mono),ui-monospace,monospace;font-size:clamp(.72rem,2.8vw,.84rem);letter-spacing:.04em;line-height:1.35;color:rgba(244,240,233,.9);text-shadow:0 1px 10px rgba(4,7,13,.9),0 0 2px rgba(4,7,13,.8);white-space:nowrap}.sn-identity-line,.sn-identity-text{min-width:0;overflow:hidden;text-overflow:ellipsis}.sn-identity-cursor{flex-shrink:0;margin-left:2px;color:#e8c46b;font-size:.85em;line-height:1;animation:sn-identity-blink 1.1s step-end infinite}@keyframes sn-identity-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes sn-identity-blink{0%,45%{opacity:1}50%,to{opacity:0}}.sn-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}@media (max-width:420px){.sn-identity{gap:10px;max-width:100%}.sn-identity-terminal{width:36px}}.sn-cta{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 20px;border-radius:999px;font-family:var(--font-mono),monospace;font-size:13px;letter-spacing:.04em;pointer-events:auto;transition:transform .2s ease,background-color .2s ease,border-color .2s ease}.sn-cta:focus-visible{outline:2px solid #e8c46b;outline-offset:3px}.sn-cta-primary{background:rgba(246,231,178,.94);color:#0b0d12}.sn-cta-primary:hover{background:#f6e7b2;transform:translateY(-1px)}.sn-cta-ghost{border:1px solid rgba(244,240,233,.4);color:rgba(244,240,233,.92)}.sn-cta-ghost:hover{border-color:rgba(232,196,107,.8);color:#f6e7b2}.sn-hint{margin-top:20px;font-family:var(--font-mono),monospace;font-size:11px;letter-spacing:.08em;color:rgba(244,240,233,.68)}.sn-scroll-cue{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-top:16px;border:1px solid rgba(244,240,233,.35);border-radius:50%;color:rgba(244,240,233,.8);pointer-events:auto;animation:sn-bob 2.4s ease-in-out infinite}.sn-scroll-cue:hover{border-color:rgba(232,196,107,.8);color:#f6e7b2}.sn-scroll-cue:focus-visible{outline:2px solid #e8c46b;outline-offset:3px}@keyframes sn-bob{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.sn-sections{--sn-gutter:clamp(20px,5vw,40px);--sn-shell:1200px;--sn-measure:46rem;--sn-space:clamp(80px,9vh,112px);--sn-gold:#e8c46b;--sn-ink:#f7f3ec;--sn-body:rgba(240,236,228,0.84);--sn-hair:rgba(236,232,224,0.14);position:relative;overflow:hidden;color:var(--sn-ink);background:radial-gradient(1.4px 1.4px at 36px 48px,rgba(244,240,233,.14),transparent 100%),radial-gradient(1px 1px at 160px 180px,rgba(232,196,107,.12),transparent 100%),radial-gradient(1px 1px at 300px 90px,rgba(244,240,233,.1),transparent 100%),radial-gradient(1px 1px at 240px 300px,rgba(200,196,186,.1),transparent 100%),radial-gradient(1.2px 1.2px at 90px 260px,rgba(232,196,107,.08),transparent 100%),radial-gradient(1px 1px at 380px 220px,rgba(244,240,233,.08),transparent 100%),linear-gradient(180deg,#07080b,#101319 38%,#0c0e13 72%,#090a0e);background-size:440px 400px,440px 400px,440px 400px,440px 400px,440px 400px,440px 400px,100% 100%;background-repeat:repeat,repeat,repeat,repeat,repeat,repeat,no-repeat}.sn-horizon{position:relative;z-index:1;height:140px;margin-top:-1px;background:linear-gradient(180deg,#04070d,rgba(4,7,13,.92) 22%,rgba(6,12,24,.55) 58%,transparent);pointer-events:none}.sn-brush-field{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;opacity:.6;-webkit-mask-image:linear-gradient(180deg,#000,#000 82%,transparent 97%);mask-image:linear-gradient(180deg,#000,#000 82%,transparent 97%)}.sn-brush-cluster{position:absolute;aspect-ratio:6/5;animation-name:sn-brush-drift;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;will-change:transform}.sn-brush-svg{display:block;width:100%;height:100%;filter:blur(.9px)}@keyframes sn-brush-drift{0%{transform:rotate(var(--sn-brush-rotate,0deg)) scaleX(var(--sn-brush-flip,1))}to{transform:rotate(calc(var(--sn-brush-rotate, 0deg) + 3deg)) scaleX(var(--sn-brush-flip,1)) translate3d(2.5%,-2%,0) scale(1.05)}}.sn-night-sky{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;opacity:0}.sn-star-layer{position:absolute;inset:-20% -20%;will-change:transform}.sn-window-layer{opacity:.55;filter:drop-shadow(0 0 2px rgba(232,196,107,.35))}.sn-stars-field{position:absolute;inset:0;pointer-events:none}.sn-twinkle{position:absolute;border-radius:50%;background:#fff;animation-name:sn-twinkle;animation-iteration-count:infinite;animation-timing-function:ease-in-out}@keyframes sn-twinkle{0%,to{opacity:.15}50%{opacity:1}}.sn-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.sn-mote{position:absolute;bottom:-8%;border-radius:50%;background:radial-gradient(circle,rgba(232,196,107,.45),transparent 70%);filter:blur(1px);animation-name:sn-float-up;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes sn-float-up{0%{transform:translate(0);opacity:0}8%{opacity:.7}92%{opacity:.5}to{transform:translate(var(--drift,24px),-115vh);opacity:0}}.sn-comet-layer{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.sn-trail-svg{position:absolute;top:0;left:0;overflow:visible}.sn-trail-path{fill:none;stroke:rgba(232,196,107,.45);stroke-width:1.2;filter:drop-shadow(0 0 3px rgba(232,196,107,.4))}.sn-comet{position:absolute;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--sn-gold);opacity:0;box-shadow:0 0 14px 5px rgba(232,196,107,.65);pointer-events:none}.sn-section-rail{position:sticky;top:50%;z-index:3;display:none;flex-direction:column;align-items:center;gap:14px;width:18px;margin:0 max(12px,calc((100% - 1200px) / 2 + 10px)) -180px auto;transform:translateY(-50%);pointer-events:auto}.sn-rail-tick{width:8px;height:8px;padding:0;border:1px solid rgba(232,196,107,.45);border-radius:50%;background:rgba(4,7,13,.55);box-shadow:0 0 0 0 rgba(232,196,107,0);cursor:pointer;transition:transform .25s ease,background .25s ease,box-shadow .25s ease,border-color .25s ease}.sn-rail-tick:focus-visible,.sn-rail-tick:hover{border-color:var(--sn-gold);background:rgba(232,196,107,.35);transform:scale(1.25)}.sn-rail-tick:focus-visible{outline:2px solid var(--sn-gold);outline-offset:3px}.sn-rail-tick-active{background:var(--sn-gold);border-color:#f6e7b2;box-shadow:0 0 12px 3px rgba(232,196,107,.65);transform:scale(1.35)}@media (min-width:900px){.sn-section-rail{display:flex}}.sn-anchor{position:absolute;top:22px;left:76%;width:7px;height:7px;border-radius:50%;background:var(--sn-gold);box-shadow:0 0 10px 3px rgba(232,196,107,.45);pointer-events:none;z-index:2;transition:box-shadow .3s ease,transform .3s ease}.sn-work-row>.sn-anchor{top:50%}.sn-anchor-lit{box-shadow:0 0 18px 6px rgba(232,196,107,.85);transform:scale(1.3)}.sn-section{position:relative;z-index:1;padding-block:var(--sn-space);scroll-margin-top:24px}.sn-inner{position:relative;max-width:var(--sn-shell);margin:0 auto;padding-inline:var(--sn-gutter)}.sn-col{max-width:var(--sn-measure)}.sn-col-center{max-width:40rem;margin-inline:auto;text-align:center}.sn-col-center .sn-cta-row,.sn-col-center .sn-eyebrow-star{justify-content:center}.sn-col-center .sn-contact-moon,.sn-col-center .sn-lead{margin-inline:auto}.sn-col-center .sn-lead{text-wrap:balance}.sn-eyebrow-star{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--sn-gold);text-shadow:0 1px 12px rgba(4,7,13,.95)}.sn-star-mark{flex-shrink:0;width:7px;height:7px;border-radius:50%;background:var(--sn-gold);box-shadow:0 0 10px rgba(232,196,107,.7)}.sn-section-title{margin-top:14px;text-wrap:balance;font-family:var(--font-display),sans-serif;font-size:clamp(2rem,4.6vw,3rem);font-weight:700;line-height:1.08;letter-spacing:-.022em;color:var(--sn-ink);text-shadow:0 2px 20px rgba(4,7,13,.98),0 0 3px rgba(4,7,13,.92),0 1px 0 rgba(4,7,13,.75)}.sn-section-title-sm{font-size:clamp(1.6rem,3.2vw,2.15rem)}.sn-lead{margin-top:16px;text-wrap:pretty;max-width:52ch;font-size:clamp(1rem,1.5vw,1.12rem);line-height:1.65;color:var(--sn-body);text-shadow:0 1px 16px rgba(4,7,13,1),0 0 3px rgba(4,7,13,.92)}.sn-settle{opacity:0;transform:translate3d(0,18px,0);transition:opacity .85s cubic-bezier(.22,1,.36,1),transform .85s cubic-bezier(.22,1,.36,1)}.sn-settle-in{opacity:1;transform:translateZ(0)}.sn-figures{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:22px 32px;max-width:var(--sn-measure);margin-top:44px;padding-top:28px;border-top:1px solid var(--sn-hair)}.sn-figure{min-width:0}.sn-figure-label{font-family:var(--font-mono),monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(232,196,107,.72)}.sn-figure-value{margin:8px 0 0;font-family:var(--font-display),sans-serif;font-size:clamp(1.75rem,3.2vw,2.3rem);font-weight:700;line-height:1;color:var(--sn-ink);text-shadow:0 2px 16px rgba(4,7,13,.95)}.sn-chip-row{list-style:none;display:flex;flex-wrap:wrap;gap:8px}.sn-chip-row-list{margin-top:30px}.sn-window-chip{position:relative;padding:5px 12px 5px 20px;border:none;border-radius:2px;background:rgba(255,255,255,.05);font-family:var(--font-mono),monospace;font-size:11px;letter-spacing:.06em;color:rgba(244,240,233,.86);animation:sn-chip-twinkle 4.8s ease-in-out infinite}.sn-window-chip:before{content:"";position:absolute;top:50%;left:8px;width:5px;height:7px;transform:translateY(-50%);background:rgba(236,232,224,.45);box-shadow:none}.sn-chip-hot{color:#f2d791;background:rgba(232,196,107,.12)}.sn-chip-hot:before{background:#f2d791}@keyframes sn-chip-twinkle{0%,to{opacity:.72}50%{opacity:1}}.sn-work-index{margin-top:48px;border-top:1px solid var(--sn-hair);list-style:none}.sn-work-row{position:relative;border-bottom:1px solid var(--sn-hair)}.sn-work-entry{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 20px;padding-block:30px}.sn-work-num{padding-top:7px;font-family:var(--font-mono),monospace;font-size:12px;letter-spacing:.14em;color:rgba(232,196,107,.7)}.sn-work-body{min-width:0}.sn-work-title{font-family:var(--font-display),sans-serif;font-size:clamp(1.35rem,2.5vw,1.75rem);font-weight:700;line-height:1.15;letter-spacing:-.015em;color:var(--sn-ink);text-shadow:0 2px 16px rgba(4,7,13,.95)}.sn-work-row-lead .sn-work-title{font-size:clamp(1.6rem,3.3vw,2.3rem)}.sn-work-meta{margin-top:8px;font-family:var(--font-mono),monospace;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:rgba(236,232,224,.55);text-shadow:0 1px 10px rgba(4,7,13,.9)}.sn-work-summary{margin-top:10px;max-width:54ch;font-size:1rem;line-height:1.6;color:var(--sn-body);text-shadow:0 1px 12px rgba(4,7,13,.95)}.sn-work-entry .sn-chip-row{margin-top:16px}.sn-work-entry .sn-window-chip{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:rgba(236,232,224,.8)}.sn-resume-band{display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding-block:36px;border-top:1px solid rgba(236,232,224,.26);border-bottom:1px solid rgba(236,232,224,.12)}.sn-resume-band .sn-section-title{margin-top:0}.sn-resume-copy{max-width:var(--sn-measure)}.sn-resume-band .sn-cta-row{margin-top:0}.sn-about-grid{display:grid;grid-template-columns:1fr;gap:28px;align-items:start}.sn-about-orb{display:grid;place-items:center;width:148px;height:148px;border:1px solid rgba(232,196,107,.38);border-radius:50%;background:radial-gradient(circle at 35% 34%,rgba(232,196,107,.26),transparent 34%),radial-gradient(circle at 50% 50%,rgba(20,22,28,.85),rgba(7,8,11,.75));box-shadow:0 0 0 10px rgba(4,7,13,.42),0 0 30px rgba(232,196,107,.16);font-size:11px;color:rgba(244,240,233,.45)}.sn-about-orb,.sn-personal-line{font-family:var(--font-mono),monospace}.sn-personal-line{margin-top:20px;font-size:.8rem;line-height:1.6;color:rgba(232,196,107,.86);text-shadow:0 1px 12px rgba(4,7,13,.95),0 0 2px rgba(4,7,13,.85)}.sn-contact{padding-bottom:calc(var(--sn-space) + 40px)}.sn-contact-moon{width:52px;height:52px;margin-bottom:20px;border-radius:50%;background:radial-gradient(circle at 32% 38%,#f0dc9a 0,#e8c46b 38%,transparent 42%),radial-gradient(circle at 58% 48%,#9c6b2e 0 40%,transparent 41%),radial-gradient(circle at 50% 50%,rgba(230,190,100,.35),transparent 70%);box-shadow:0 0 28px rgba(232,196,107,.28)}@media (min-width:768px){.sn-skytree{left:-1vw;height:68vh}.sn-skytree .sn-beacon,.sn-skytree .sn-window{display:block}.sn-city-far{height:18vh}.sn-city-near{height:15vh}.sn-pagoda{right:7%;height:24vh}.sn-castle{display:block;height:19vh}.sn-train-track{bottom:8vh}.sn-hero{justify-content:center;padding:0 0 6vh 8vw}.sn-scrim{background:radial-gradient(ellipse 50% 70% at 22% 62%,rgba(4,7,13,.58),transparent 74%),linear-gradient(180deg,transparent 60%,rgba(4,7,13,.38))}.sn-title{max-width:16ch}.sn-hint{margin-top:28px}.sn-work-entry{gap:0 28px;padding-block:36px}.sn-resume-band{flex-direction:row;align-items:center;justify-content:space-between;gap:40px}.sn-about-grid{grid-template-columns:148px minmax(0,1fr);gap:44px;align-items:center}}@media (prefers-reduced-motion:reduce){.sn-beacon,.sn-brush-cluster,.sn-mote,.sn-scroll-cue,.sn-skytree-light,.sn-steam,.sn-train,.sn-twinkle,.sn-window-chip,.sn-window-cycle,.sn-window-flicker{animation:none}.sn-brush-cluster{transform:rotate(var(--sn-brush-rotate,0deg)) scaleX(var(--sn-brush-flip,1));will-change:auto}.sn-twinkle{opacity:.4}.sn-settle{opacity:1;transform:none;transition:none}.sn-trail-path{stroke-dashoffset:0!important}.sn-comet{opacity:1}.sn-cta,.sn-lantern-glow,.sn-rail-tick,.sn-window{transition:none}.sn-identity-cursor,.sn-identity-terminal{animation:none}.sn-identity-cursor{opacity:.85}}