:root{--bg: #0f0f14;--surface: rgba(255,255,255,.06);--surface-2: rgba(255,255,255,.09);--text: rgba(255,255,255,.92);--muted: rgba(255,255,255,.68);--line: rgba(255,255,255,.14);--accent: rgba(255,210,240,.85);--glow: rgba(190,225,255,.55);--shadow: 0 18px 60px rgba(0,0,0,.35);--radius: 18px;--nav-left: 18px;--nav-width: 92px;--section-divider: rgba(255,255,255, .06);--cta-border: rgba(255,255,255,.28);--cta-bg: rgba(255,255,255,.1);--cta-border-hover: rgba(255,255,255,.14);--cta-bg-hover: rgba(255,255,255,.14);--nav-rail: rgba(255,255,255,.22);--nav-hover-bg: rgba(255,255,255,.06);--nav-hover-border: rgba(255,255,255,.14);--dot-idle: rgba(255,255,255,.25);--dot-ring: rgba(255,255,255,.04);--icon-bg: rgba(255,255,255,.06);--icon-border: rgba(255,255,255,.12);--icon-border-active: rgba(255,255,255,.24);--nav-active-bg: rgba(255,255,255,.08);--nav-active-border: rgba(255,255,255,.18);--active-ring: rgba(255,210,240,.12);--active-glow: rgba(190,225,255,.18);--active-icon-glow: rgba(190, 225, 255, .12);--boundaries-bg: rgba(255,255,255,.06);--boundaries-border: rgba(255,255,255,.14);--boundaries-text: rgba(255,255,255,.72);--hero-a: rgba(255,210,240,.16);--hero-b: rgba(190,225,255,.14);--hero-c: rgba(255,255,255,.04);--paper-tint: #14131a;--paper-border: rgba(255,255,255,.14);--paper-frame: rgba(218, 147, 212, .397);--foil-gradient: linear-gradient( 110deg, rgba(255,255,255,.35), rgba(255,210,240,.85), rgba(190,225,255,.75), rgba(255,255,255,.3) );--foil-glow: rgba(190,225,255,.25);--hero-overlay: radial-gradient(1200px 700px at 30% 20%, rgba(255, 210, 240, .384), transparent 75%), radial-gradient(900px 600px at 70% 80%, rgba(190, 225, 255, .397), transparent 75%), linear-gradient(90deg, rgba(0, 0, 0, .486), rgba(0, 0, 0, .842))}:root[data-theme=pastel]{--bg: #fbf7f2;--surface: rgba(255,255,255,.7);--surface-2: rgba(255,255,255,.85);--text: rgba(20,18,22,.92);--muted: rgba(20,18,22,.62);--line: rgba(20,18,22,.08);--accent: rgba(255,170,210,.95);--glow: rgba(170,210,255,.65);--shadow: 0 18px 60px rgba(20,18,22,.12);--radius: 18px;--nav-left: 18px;--nav-width: 92px;--section-divider: rgba(20,18,22, .08);--cta-border: rgba(20,18,22,.18);--cta-bg: rgba(255,255,255,.65);--cta-border-hover: rgba(20,18,22,.28);--cta-bg-hover: rgba(255,255,255,.85);--nav-rail: rgba(20,18,22,.22);--nav-hover-bg: rgba(255,255,255,.55);--nav-hover-border: rgba(20,18,22,.12);--dot-idle: rgba(20,18,22,.25);--dot-ring: rgba(20,18,22,.06);--icon-bg: rgba(255,255,255,.65);--icon-border: rgba(20,18,22,.12);--icon-border-active: rgba(20,18,22,.18);--nav-active-bg: rgba(255,255,255,.75);--nav-active-border: rgba(20,18,22,.14);--active-ring: rgba(255,170,210,.2);--active-glow: rgba(170,210,255,.22);--active-icon-glow: rgba(170, 210, 255, .2);--boundaries-bg: rgba(255,255,255,.7);--boundaries-border: rgba(20,18,22,.12);--boundaries-text: rgba(20,18,22,.72);--hero-a: rgba(255,190,220,.35);--hero-b: rgba(190,220,255,.35);--hero-c: rgba(255,255,255,.6);--paper-tint: #fdf1f8;--paper-border: rgba(20,18,22,.14);--paper-frame: rgba(255, 147, 241, .253);--foil-gradient: linear-gradient( 110deg, rgba(155, 101, 144, .9), rgba(189, 116, 157, .95), rgba(157, 112, 202, .9), rgba(154, 101, 194, .85) );--foil-glow: rgba(120,70,160,.18);--hero-overlay: radial-gradient(1200px 700px at 30% 20%, rgba(255, 170, 210, .486), transparent 72%), radial-gradient(900px 600px at 70% 80%, rgba(150, 195, 255, .479), transparent 72%), linear-gradient(90deg, rgba(255, 255, 255, .664), rgba(0, 0, 0, .473))}:root[data-theme=pastel] .paperStock:before{opacity:.52}:root[data-theme=pastel] .paperStock:after{opacity:.4}.paperStock{position:relative;overflow:hidden;border-radius:var(--radius);background:var(--paper-tint)}.paperStock:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:url(/img/textures/paper.jpg);background-repeat:repeat;background-size:420px 420px;opacity:.22;mix-blend-mode:multiply}.paperStock:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(900px 260px at 30% 0%,rgba(255,255,255,.1),transparent 60%),radial-gradient(700px 260px at 70% 120%,rgba(0,0,0,.18),transparent 55%);opacity:.55;mix-blend-mode:overlay}.paperInner{position:relative;height:100%;width:100%;padding:26px;outline:6px solid var(--paper-frame);outline-offset:-14px;border-radius:calc(var(--radius) - 6px)}html,body,.app,.scrollRoot,.section,.sideNav,.navItem,.navIcon,.navDot,.cta,.boundaries{transition:background-color .26s ease,color .26s ease,border-color .26s ease,box-shadow .26s ease,filter .26s ease}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.app{height:100vh;overflow:hidden}.scrollRoot{height:100vh;overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth;padding-left:0}@media(pointer:fine){.scrollRoot{scroll-snap-stop:always}.socialCard:hover .socialCardInner{transform:rotateY(180deg)}.socialCard:hover .foilText:after,.socialCard:hover .foilTextSmall:after{opacity:.85;transform:translate(140%);transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .26s ease}}.section{min-height:100vh;scroll-snap-align:start;scroll-snap-stop:always;display:grid;align-items:center;border-bottom:1px solid var(--section-divider);position:relative}.sectionInner{width:min(980px,88vw);margin:0 auto;padding:64px 0;padding-left:calc(var(--nav-left) + var(--nav-width) + 24px)}h2{margin:0 0 12px;font-size:22px;letter-spacing:.02em}.muted{color:var(--muted);line-height:1.65}.cta{border:1px solid var(--cta-border);background:var(--cta-bg);color:var(--text);padding:12px 16px;border-radius:14px;cursor:pointer;box-shadow:var(--shadow)}.cta:hover{border-color:var(--cta-border-hover);background-color:var(--cta-bg-hover)}.sideNav{position:fixed;left:var(--nav-left);top:50%;transform:translateY(-50%);z-index:9999;width:var(--nav-width);height:320px;background:transparent}.sideNav:before{content:"";position:absolute;left:45px;top:-120px;bottom:-120px;width:3px;border-radius:999px;background:linear-gradient(to bottom,transparent,var(--nav-rail),transparent);opacity:.55}.navTrack{display:flex;flex-direction:column;align-items:center;gap:14px;transition:transform .52s cubic-bezier(.16,1,.3,1);will-change:transform}.navItem{position:relative;display:grid;place-items:center;width:52px;height:64px;text-decoration:none;opacity:.35;transition:opacity .32s ease,transform .32s ease,filter .32s ease}.navItem:hover{opacity:.7}.navIcon{width:52px;height:52px;border-radius:999px;display:grid;place-items:center;background:var(--icon-bg);border:1px solid var(--icon-border);box-shadow:var(--shadow);font-size:22px}.navLabel{position:absolute;left:66px;top:50%;transform:translateY(-50%) translate(-6px);opacity:0;pointer-events:none;white-space:nowrap;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:8px 10px;border-radius:999px;background:var(--nav-active-bg);border:1px solid var(--nav-active-border);box-shadow:0 0 18px var(--active-icon-glow);transition:opacity .32s ease,transform .32s ease}.navItem.active .navLabel{opacity:1;transform:translateY(-50%) translate(0);pointer-events:auto;color:var(--accent);font-weight:700}.navItem.active{filter:drop-shadow(0 0 12px var(--active-glow))}.navItem.active .navLabel{color:var(--accent);font-weight:700;filter:drop-shadow(0 0 12px rgba(0,0,0,.25))}.themeDock{position:fixed;top:14px;left:14px;z-index:60}.themeBtnTop{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border-radius:999px;border:1px solid var(--nav-hover-border);background:var(--nav-hover-bg);color:var(--text);cursor:pointer;box-shadow:var(--shadow)}.themeTextTop{font-size:12px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.hero{position:relative;overflow:hidden}.heroBg{position:absolute;inset:0;z-index:0}.heroContent{position:relative;z-index:1}.heroStack{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:2px;padding:0 6vw}.heroShot{position:relative;inset:auto;opacity:0;transform:translateY(10px) scale(.985);will-change:opacity,transform;flex:0 0 auto}.heroShot img{width:min(30vw,520px);height:min(70vh,760px);object-fit:cover;display:block;border-radius:calc(var(--radius) + 8px);clip-path:polygon(12% 0%,100% 0%,88% 100%,0% 100%);box-shadow:0 24px 80px #00000073;filter:saturate(.98) contrast(1.02)}.heroPlay .heroShot{animation:heroStep .9s cubic-bezier(.16,1,.3,1) forwards,heroHide .65s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(var(--i) * .52s),calc(var(--i) *.52s + .72s)}.heroPlay .heroShot{animation-name:heroStep,heroHide,heroAll;animation-duration:.9s,.65s,1.2s;animation-timing-function:cubic-bezier(.16,1,.3,1),cubic-bezier(.16,1,.3,1),cubic-bezier(.16,1,.3,1);animation-fill-mode:forwards,forwards,forwards;animation-delay:calc(var(--i) * .52s),calc(var(--i) * .52s + .72s),3.5s}@keyframes heroStep{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes heroHide{0%{opacity:1}to{opacity:0}}@keyframes heroAll{0%{opacity:0;transform:translateY(6px) scale(.99)}18%{opacity:1;transform:translateY(0) scale(1)}85%{opacity:1}to{opacity:1}}.heroOverlay{position:absolute;inset:0;pointer-events:none;background:var(--hero-overlay)}.heroKicker,.heroSub{margin-top:1.2rem;font-weight:600}.heroKicker,.heroName,.heroSub,.heroActions{opacity:0;transform:translateY(8px);will-change:opacity,transform}.heroPlay .heroKicker{animation:heroTextIn .9s ease forwards;animation-delay:.85s}.heroPlay .heroName{animation:heroTextIn .9s ease forwards;animation-delay:1.05s}.heroPlay .heroSub{animation:heroTextIn .9s ease forwards;animation-delay:1.25s}.heroPlay .heroActions{animation:heroTextIn .9s ease forwards;animation-delay:1.45s}@keyframes heroTextIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.heroName{font-size:clamp(44px,6vw,84px);letter-spacing:.04em;margin:10px 0 6px}.heroActions{margin-top:4rem}@media(max-width:560px){.heroShot img{width:min(86vw,520px);height:min(60vh,520px)}}@media(prefers-reduced-motion:reduce){.heroShot,.heroKicker,.heroName,.heroSub,.heroActions{animation:none!important;opacity:1!important;transform:none!important}}.aboutLayout{display:grid;grid-template-columns:2fr 1fr;gap:40px;align-items:center}.aboutImageWrap{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:var(--surface)}.aboutImage{width:100%;height:100%;object-fit:cover;display:block}.aboutImageWrap:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0000,#0000002e)}.aboutContent{color:var(--muted);line-height:1.75;max-width:520px}.aboutTags{display:flex;flex-wrap:wrap;gap:8px}.aboutTag{padding:6px 12px;border-radius:999px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;background:var(--surface-2);border:1px solid var(--line);color:var(--muted)}.socialGrid{margin-top:24px;display:flex;flex-wrap:wrap;gap:24px;justify-content:center;justify-items:center}.socialsNote{margin-top:14px;font-size:12px}.socialCard{width:250px;max-width:92vw;text-decoration:none;color:inherit;display:block;perspective:1000px}.socialCardInner{position:relative;height:350px;width:100%;border-radius:var(--radius);transform-style:preserve-3d;transition:transform .65s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow)}.socialFace{position:absolute;inset:0;border-radius:var(--radius);backface-visibility:hidden;border:1px solid var(--line);box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0000001f;overflow:hidden}.socialFront{transform:rotateY(0)}.socialBack{transform:rotateY(180deg)}.socialFrontContent,.socialBackContent{height:100%;display:grid;align-content:center;justify-items:center;gap:16px;padding:28px;text-align:center}.foilText,.foilTextSmall{position:relative;display:inline-block;letter-spacing:.1em;text-transform:uppercase;align-items:center;justify-content:center}.foilText{font-size:20px;font-weight:800}.foilTextSmall{font-size:20px;font-weight:700;letter-spacing:.08em}.foilText,.foilTextSmall{background-image:var(--foil-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 10px var(--foil-glow))}.foilText:after,.foilTextSmall:after{content:"";position:absolute;inset:-6px -10px;pointer-events:none;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.55) 45%,transparent 60%);transform:translate(-140%);opacity:0;mix-blend-mode:screen}.socialHint{font-size:12px;letter-spacing:.08em;text-transform:uppercase}.socialIconWrap{width:100px;height:100px;border-radius:999px;display:grid;place-items:center;background:var(--icon-bg);border:1px solid var(--icon-border);box-shadow:0 0 18px var(--active-icon-glow)}.socialIconFoil{width:64px;height:64px;background-image:var(--foil-gradient);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;filter:drop-shadow(0 0 2px rgba(0,0,0,.25)) drop-shadow(0 0 14px var(--foil-glow))}.socialIconSvg{width:46px;height:46px;color:transparent;fill:url(#foilGrad);filter:drop-shadow(0 0 14px var(--foil-glow))}.socialCard:active .socialCardInner{transform:translateY(2px)}.workGrid{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.workCard{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);overflow:hidden;transform:translateZ(0);transition:transform .26s ease,border-color .26s ease,background-color .26s ease}.workCard:hover{transform:translateY(-4px);border-color:var(--cta-bg-hover);background:var(--surface-2)}.workCardTop{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 0}.workBadge{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.workIcon{width:36px;height:36px;border-radius:999px;display:grid;place-items:center;background-color:var(--icon-bg);border:1px solid var(--icon-border);color:var(--text)}.workCardBody{padding:10px 14px 16px}.workCardBody h3{margin:4px 0 8px;font-size:16px;letter-spacing:.01em}.workCardBody p{margin:0;color:var(--muted);line-height:1.6}.workCTA{margin-top:5rem;display:grid;gap:12px;justify-items:center}.ctaWide{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-width:min(520px,88vw)}.boundaries{margin-top:18px;padding:14px 16px;border-radius:var(--radius);background:var(--boundaries-bg);border:1px solid var(--boundaries-border);color:var(--boundaries-text);max-width:62ch;line-height:1.55}@media(max-width:1050px){.navLabel{display:none}}@media(max-width:980px){.heroStack{flex-wrap:wrap;gap:18px}.heroShot img{width:min(42vw,520px);height:min(46vh,520px)}}@media(max-width:900px){.aboutLayout{grid-template-columns:1fr}.aboutImageWrap{aspect-ratio:4 / 5;min-height:220px}}@media(max-width:720px){:root{--nav-width: 66px}.sectionInner{padding-left:calc(var(--nav-left) + var(--nav-width) + 16px)}.workGrid{grid-template-columns:1fr}.ctaWide{min-width:min(520px,30vw)}.workCTA{display:flex;flex-direction:column}}@media(max-width:560px){.heroStack{padding:0 5vw}.heroShot img{width:86vw;height:52vh}}@media(max-width:420px){.socialGrid{gap:18px}}