@font-face{font-family:Syne;src:url('/fonts/Syne.ttf') format('truetype');font-weight:400 800;font-display:swap}
@font-face{font-family:'Plus Jakarta Sans';src:url('/fonts/PlusJakartaSans.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--ink:#ddd9df;--soft:#aca5ba;--violet:#c8b8ff;--edge:#c8b8ff26;--page:#050507;--glass:#19151f66;--duration:.4s;--font-display:Syne,sans-serif;--font-sans:'Plus Jakarta Sans',sans-serif}
html{scroll-behavior:smooth;scroll-padding-top:6rem}body{font-family:var(--font-sans);background:var(--page)}*{box-sizing:border-box}a:focus-visible,button:focus-visible,video:focus-visible{outline:2px solid var(--violet);outline-offset:6px}::selection{background:var(--violet);color:var(--page)}
.cinematic-skip{position:fixed;z-index:10000;top:1rem;left:1rem;transform:translateY(-200%);padding:1rem;background:var(--violet);color:var(--page)}.cinematic-skip:focus{transform:none}
.refresh-hero{position:relative;isolation:isolate;overflow:hidden;padding:8rem 1.5rem 2rem}.hero-layout{max-width:88rem;margin:auto;display:grid;gap:2rem;align-items:center}.hero-message{position:relative;z-index:4;min-width:0}.available{display:inline-flex;align-items:center;gap:.7rem;font-size:.75rem;color:var(--violet);border:1px solid var(--edge);border-radius:2rem;padding:.7rem 1rem;background:var(--glass);margin-bottom:1.8rem}.available span{width:.4rem;height:.4rem;border-radius:50%;background:var(--violet);box-shadow:0 0 15px var(--violet)}.hero-message h1{font-family:Syne,sans-serif;font-size:clamp(2rem,6.5vw,4.8rem);line-height:1.06;letter-spacing:-.045em;font-weight:700;color:var(--ink);margin-bottom:1.6rem}.hero-message h1>span{background:linear-gradient(105deg,#f1eaff,#c8b8ff 38%,#8e72d1 65%,#e3c4f7);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:remember-light 8s ease-in-out infinite alternate}.hero-message p{max-width:29rem;font-size:clamp(.95rem,1.2vw,1.1rem);line-height:1.8;color:var(--soft)}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.hero-actions a{display:inline-flex;align-items:center;justify-content:space-between;gap:1.5rem;border-radius:.65rem;padding:1rem 1.2rem;font-size:.85rem;font-weight:700;transition:transform var(--duration),box-shadow var(--duration)}.action-primary{background:linear-gradient(135deg,#e2d8ff,#b49aef);color:#1c142c;box-shadow:inset 0 1px 0 #fff9,0 8px 35px #a779ec25}.action-secondary{border:1px solid var(--edge);background:var(--glass);color:var(--ink)}.hero-actions a:hover{transform:translateY(-3px);box-shadow:0 8px 35px #a779ec40}.hero-haze{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 85% 35%,#68429c3b,transparent 53%),radial-gradient(ellipse at 8% 60%,#3c29571c,transparent 55%)}
.hero-art{position:relative;isolation:isolate;min-width:0;aspect-ratio:1.05;max-width:38rem;width:100%;margin:auto;transform:translate3d(var(--art-x,0px),var(--art-y,0px),0);transition:transform .7s ease-out}.avatar-scene{position:absolute;inset:17% 10% 9% 12%;border-radius:48% 48% 44% 48%;overflow:hidden;transform:rotate(-8deg);border:1px solid #ccb7ff5c;box-shadow:inset 0 0 40px #d5b7ff66,8px 15px 70px #9c60d838,-18px -8px 65px #8874ff22}.avatar-scene img{width:100%;height:100%;object-fit:cover;filter:contrast(1.08) saturate(.65)}.scene-sheen{position:absolute;inset:0;background:linear-gradient(120deg,#af9eff44,transparent 45%,#e89ee92b);box-shadow:inset 0 0 35px #c8b8ff44;pointer-events:none}.art-word{position:absolute;inset:0 -2% auto;font:800 clamp(5rem,18vw,10.5rem)/1 Syne,sans-serif;letter-spacing:-.08em;transform:rotate(-9deg);color:var(--violet);text-shadow:2px 4px 0 #3c2856,0 0 65px #9e69df40;z-index:2}.art-orbit{position:absolute;border:1px solid #c8b8ff33;border-radius:50%;inset:9% 1% 6%;transform:rotate(-30deg) scaleY(.72);z-index:-1}.orbit-two{transform:rotate(55deg) scaleY(.7);inset:3% 6% 0%;border-color:#c8b8ff15}.art-sticker{position:absolute;bottom:7%;left:-1%;z-index:3;transform:rotate(-7deg);background:#ded3f2;color:#251c35;padding:.8rem 1rem;font:700 clamp(.75rem,1.2vw,1rem)/1.35 Syne,sans-serif;box-shadow:4px 5px 0 #574071;border-radius:.2rem}.art-star{position:absolute;right:3%;top:34%;font-size:5rem;color:var(--violet);filter:drop-shadow(0 0 20px #bc8ff966);z-index:3;animation:star-turn 24s linear infinite}.art-caption{position:absolute;bottom:-2%;right:6%;font:500 .55rem/1.4 var(--font-sans);letter-spacing:.2em;color:var(--soft)}.hero-bottom{display:flex;justify-content:space-between;max-width:88rem;margin:3rem auto 0;font-size:.7rem;letter-spacing:.1em;color:var(--soft);padding-block:1rem}
.refresh-stats{padding-top:2rem;padding-bottom:4rem}.refresh-stats .grid{gap:2rem 1rem!important;padding:2rem 1rem!important;background:linear-gradient(120deg,#c8b8ff0e,#ffffff03 55%,#c8b8ff09);border:1px solid var(--edge);box-shadow:inset 0 1px 0 #ffffff0b,0 20px 60px #0003;backdrop-filter:blur(20px)}.refresh-stats .grid>div{align-items:center!important;text-align:center}.refresh-stats .stat-number{font-size:clamp(2rem,4vw,3rem)}.refresh-stats .text-sm{font-size:.65rem;letter-spacing:.08em}
#work .blur-3xl{animation:ambient-breathe 7s ease-in-out infinite alternate}#work iframe{max-width:100%}#work .rounded-xl{transition:box-shadow .5s,border-color .5s}#work .rounded-xl:hover{box-shadow:0 0 45px #a87bdd16}#contact{background:radial-gradient(ellipse at 50% 60%,#a679e012,transparent 65%)}
@media(min-width:900px){.refresh-hero{padding:10rem 3rem 2rem}.hero-layout{grid-template-columns:1.25fr 1fr;gap:1rem}.hero-message h1{font-size:clamp(2.6rem,4.6vw,4.8rem)}.hero-art{margin-right:0}.art-word{font-size:clamp(6rem,12vw,11rem)}.hero-bottom{margin-top:4rem}.refresh-stats{padding-top:1rem;padding-bottom:5rem}.refresh-stats .grid{padding:2.8rem 1rem!important}.refresh-stats .text-sm{font-size:.75rem}}
@media(max-width:899px){.hero-art{max-width:28rem}.hero-message h1{font-size:clamp(2rem,6vw,3.6rem)}.hero-message{max-width:40rem}.hero-layout{gap:3rem}.art-word{font-size:clamp(5rem,19vw,8rem)}}
@keyframes remember-light{to{background-position:100% 50%}}@keyframes star-turn{to{transform:rotate(360deg)}}@keyframes ambient-breathe{from{opacity:.45;transform:scale(.95)}to{opacity:.8;transform:scale(1.08)}}
#work{overflow:clip}.art-word{font-size:clamp(4rem,15vw,7rem)}#work .work-shade{animation:ambient-breathe 8s ease-in-out infinite alternate}.hero-actions{gap:.65rem}.hero-actions a{gap:1rem;padding:1rem}
@media(min-width:900px){.art-word{font-size:clamp(5rem,9vw,8.5rem)}}
@media(prefers-reduced-motion:reduce){#work .work-shade{animation:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.refresh-hero *,.refresh-hero *::before,#work .blur-3xl{animation:none!important;transition:none!important}.hero-art{transform:none}}@media(pointer:coarse){.cursor-dot,.cursor-ring{display:none!important}}