*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.flex-shrink{flex-shrink:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-width:1px}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ordinal{--tw-ordinal: ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-\[normal\]{line-height:normal}.underline{text-decoration-line:underline}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;border-width:0}html{scroll-behavior:smooth}:root{--wine: #8A1422;--cream: #F3E8D3;--gold: #7A8862;--sienna: #B85C3A;--wine-80: rgba(138, 20, 34, .8);--cream-60: rgba(243, 232, 211, .6);--font-display: "Cormorant Garamond", Georgia, serif;--font-ui: "DM Sans", system-ui, sans-serif}body{background-color:transparent;color:var(--cream);font-family:var(--font-ui);font-weight:300;line-height:1.6;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--wine);z-index:-1;pointer-events:none}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");background-repeat:repeat}#navbar{position:fixed;top:0;left:0;right:0;z-index:100;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;background:var(--wine);border-bottom:1px solid rgba(243,232,211,.12);transition:box-shadow .3s ease}#navbar.scrolled{box-shadow:0 1px 32px #00000047}.nav-name{font-family:var(--font-display);font-weight:300;font-size:1.15rem;color:var(--cream);letter-spacing:.01em;text-decoration:none}.nav-name em{font-style:italic;color:var(--gold)}.nav-links{display:flex;gap:36px;list-style:none;align-items:center}.nav-links a{font-family:var(--font-ui);font-weight:500;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:#f3e8d3a6;text-decoration:none;transition:color .2s ease}.nav-links a:hover{color:var(--cream)}.nav-dropdown{position:relative;display:flex;align-items:center}.nav-dropdown-toggle{background:none;border:none;cursor:pointer;font-family:var(--font-ui);font-weight:500;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:#f3e8d3a6;padding:0;margin:0;line-height:1;display:flex;align-items:center;gap:5px;transition:color .2s ease}.nav-dropdown-toggle:hover,.nav-dropdown-toggle[aria-expanded=true]{color:var(--cream)}.nav-dropdown-caret{font-size:.65rem;transition:transform .18s ease}.nav-dropdown-toggle[aria-expanded=true] .nav-dropdown-caret{transform:rotate(180deg)}.nav-dropdown-menu{display:none;position:absolute;top:calc(100% + 14px);right:0;background:var(--wine);border:1px solid rgba(243,232,211,.12);border-radius:4px;list-style:none;min-width:130px;box-shadow:0 8px 24px #00000047;overflow:hidden;z-index:200}.nav-dropdown-menu.open{display:block}.nav-dropdown-menu li a{display:block;padding:11px 18px;font-family:var(--font-ui);font-weight:500;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:#f3e8d3a6;text-decoration:none;transition:color .15s ease,background .15s ease}.nav-dropdown-menu li a:hover{color:var(--cream);background:#f3e8d312}#intro{height:200vh;position:relative;z-index:1}#intro-sticky{position:sticky;top:0;height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:0 80px;gap:64px;will-change:opacity;z-index:1}#intro-text{display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:calc(50vh - 80px);position:relative;z-index:2}#intro-name{font-family:var(--font-display);font-weight:300;font-size:clamp(2.2rem,4.2vw,3.8rem);line-height:1.1;color:var(--cream);letter-spacing:-.02em;margin-bottom:6px}#intro-pronunciation{font-family:var(--font-ui);font-weight:300;font-size:clamp(.75rem,1vw,.9rem);color:#f3e8d38c;letter-spacing:.02em;font-style:italic;margin-bottom:20px}#intro-sentence{font-family:var(--font-display);font-weight:300;font-size:clamp(1.15rem,1.9vw,1.7rem);line-height:1.5;color:var(--cream);letter-spacing:-.01em}#intro-sentence em{font-style:italic;color:#f3e8d38c}#intro-photo{display:flex;align-items:center;justify-content:center;margin-top:-80px;position:relative;z-index:3}#intro-photo img{width:100%;max-width:340px;aspect-ratio:3341 / 4312;-o-object-fit:contain;object-fit:contain;display:block;border-radius:4px}#intro-scroll-hint{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;z-index:2}#hero{height:400vh;position:relative;z-index:1}#hero-sticky{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:1}#waveform-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;display:block;pointer-events:none;z-index:1}#hero-tagline{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1em;opacity:0;pointer-events:none;text-align:center;padding:0 24px;transform-origin:center center;will-change:opacity,transform}.tagline-line{display:block;font-family:var(--font-display);font-weight:300;font-size:clamp(2rem,4.2vw,3.6rem);line-height:1.18;color:var(--cream);letter-spacing:-.01em}.tagline-line em{font-style:italic;color:var(--gold)}#network-layer{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transition:opacity .1s linear}#scroll-hint{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;opacity:1;transition:opacity .5s ease;pointer-events:none}.scroll-hint-text{font-family:var(--font-ui);font-weight:300;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#f3e8d366}.scroll-hint-line{width:1px;height:32px;background:linear-gradient(to bottom,rgba(243,232,211,.4),transparent);animation:hint-pulse 2s ease-in-out infinite}@keyframes hint-pulse{0%,to{opacity:.4;transform:scaleY(1)}50%{opacity:.8;transform:scaleY(1.1)}}#portrait-panel{position:fixed;top:0;left:0;transform:translateY(100vh);width:34vw;max-width:420px;min-width:260px;height:auto;overflow:visible;opacity:0;pointer-events:none;z-index:2;will-change:opacity,transform;display:flex;flex-direction:column;gap:10px}#portrait-panel iframe{width:100%;border-radius:12px;display:block}#portrait-spotify-label{font-family:var(--font-ui);font-size:.65rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#f3e8d359}#content{position:relative;z-index:1}#portrait-section{position:relative;height:300vh}#about-strip{position:sticky;top:64px;padding:120px 48px 100px;max-width:50%;margin:0 0 0 48px}.about-eyebrow{font-family:var(--font-ui);font-weight:500;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:24px}.about-heading{font-family:var(--font-display);font-weight:300;font-size:clamp(2rem,4vw,3.2rem);line-height:1.2;color:var(--cream);margin-bottom:32px}.about-heading em{font-style:italic;color:var(--gold)}.about-body{font-size:1rem;font-weight:300;color:#f3e8d3bf;line-height:1.8;max-width:640px;margin-bottom:0}#about-bridge{margin-top:32px;font-family:var(--font-display);font-style:normal;font-weight:300;font-size:clamp(1rem,1.6vw,1.5rem);color:#f3e8d38c;letter-spacing:-.01em;line-height:1.18;will-change:opacity}#about-group-2{opacity:0;transform:translateY(48px);will-change:opacity,transform;margin-top:0}#about-group-2 .about-body+.about-body{margin-top:24px}#about-group-2 .about-contact{margin-top:48px}.inline-link{color:var(--gold);text-decoration:underline;text-decoration-color:#7a886259;text-underline-offset:3px;transition:text-decoration-color .2s ease}.inline-link:hover{text-decoration-color:var(--gold)}.about-contact{margin-top:56px;padding-top:0}.about-contact-line{font-family:var(--font-display);font-weight:300;font-size:clamp(1.3rem,2.2vw,1.7rem);line-height:1.4;color:#f3e8d3cc;margin-bottom:36px}.about-contact-line em{font-style:italic;color:var(--gold)}.connect-stack{display:flex;gap:3rem;flex-wrap:wrap;align-items:flex-start}.connect-label-link{font-family:var(--font-ui);font-size:.6875rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);text-decoration:none;position:relative;padding-top:14px;padding-bottom:2px;display:inline-block}.connect-label-link:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 6px #7a886280;transition:box-shadow .3s ease}.connect-label-link:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:1px;background:var(--gold);transition:width .3s ease}.connect-label-link:hover:before{box-shadow:0 0 10px #7a8862e6}.connect-label-link:hover:after{width:100%}footer{padding:32px 48px;border-top:1px solid rgba(243,232,211,.06);display:flex;justify-content:center;align-items:center}footer span{font-size:.75rem;font-weight:300;color:#f3e8d34d;letter-spacing:.04em}.fade-up{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.fade-up.visible{opacity:1;transform:translateY(0)}#portrait-mobile{display:none}@media (max-width: 1024px){#about-strip{max-width:60%;padding:80px 36px}#portrait-panel{width:32vw}#intro-sticky{padding:0 48px;gap:40px}}@media (max-width: 768px){#navbar{padding:0 24px}.nav-links{gap:20px}#intro{height:150vh}#intro-sticky{grid-template-columns:1fr;grid-template-rows:auto auto;padding:88px 24px 0;gap:16px;align-content:start;justify-items:center}#intro-photo{order:-1;justify-content:center;margin-top:0}#intro-photo img{max-width:180px}#intro-text{justify-content:center;padding-bottom:0}#intro-name{font-size:clamp(2rem,9vw,3.2rem);text-align:center}#intro-pronunciation{text-align:center}#intro-sentence{font-size:clamp(1.1rem,4.5vw,1.4rem);text-align:center}#intro-scroll-hint{left:50%;bottom:env(safe-area-inset-bottom,0px);bottom:calc(env(safe-area-inset-bottom,0px) + 72px)}#hero{height:300vh;touch-action:pan-y}#hero-sticky,#waveform-canvas{touch-action:pan-y}#about-strip{position:static;max-width:100%;margin-left:0;padding:60px 24px}#portrait-section{height:auto}#portrait-panel{display:none}#portrait-mobile{display:flex;flex-direction:column;gap:10px;margin:56px 24px 48px}#portrait-mobile-label{font-family:var(--font-ui);font-size:.65rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#f3e8d359}#portrait-mobile iframe{width:100%;border-radius:12px;display:block}#about-group-2{opacity:1!important;transform:none!important;margin-top:24px}#about-bridge{display:none}footer{flex-direction:column;gap:8px;text-align:center}#node-tooltip{display:none!important}}#node-tooltip{position:fixed;pointer-events:auto;z-index:200;background:#721c26f5;border:1px solid rgba(243,232,211,.14);border-radius:8px;padding:12px;width:244px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease;display:none}#node-tooltip.visible{opacity:1;transform:translateY(0)}#node-tooltip .tooltip-card{display:flex;align-items:center;gap:10px;padding:7px 4px;border-top:1px solid rgba(243,232,211,.08);text-decoration:none;color:inherit;border-radius:4px;transition:background .15s}#node-tooltip .tooltip-card:hover{background:#f3e8d312}#node-tooltip .tooltip-card:first-of-type{border-top:none}#node-tooltip .tooltip-thumb{width:52px;height:34px;border-radius:3px;overflow:hidden;flex-shrink:0;background:#f3e8d30f}#node-tooltip .tooltip-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;filter:saturate(.5) brightness(.8);transition:filter .2s}#node-tooltip .tooltip-card:hover .tooltip-thumb img{filter:saturate(.75) brightness(.95)}#node-tooltip .tooltip-card-text{flex:1;min-width:0}#node-tooltip .tooltip-project-title{font-family:var(--font-ui);font-size:12px;font-weight:400;color:var(--cream);line-height:1.3;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#node-tooltip .tooltip-project-desc{font-family:var(--font-ui);font-size:10.5px;font-weight:300;color:#f3e8d380;line-height:1.4;display:block;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}