:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#06141b}*{box-sizing:border-box}html,body{background:#06141b;width:100%;min-height:100%;margin:0;overflow:hidden}body{min-height:100svh}button,input,textarea,select{font:inherit}.theme-scene,.theme-stack,.theme-media,.theme-poster,.theme-video{width:100%;height:100%;position:absolute;inset:0}.theme-scene{isolation:isolate;background:#06141b;height:100svh;position:relative;overflow:hidden}.theme-stack{z-index:0;background:#06141b}.theme-media{z-index:0;opacity:0;will-change:opacity;background:#06141b;transition:opacity .9s cubic-bezier(.22,1,.36,1)}.theme-media[data-theme=prana]{background:#090909}.theme-media[data-active=true]{z-index:1;opacity:1}.theme-poster,.theme-video{object-fit:cover;object-position:center}.theme-poster{z-index:0;opacity:1;transition:opacity .9s cubic-bezier(.22,1,.36,1)}.theme-video{z-index:1;opacity:0;pointer-events:none;transition:opacity .9s cubic-bezier(.22,1,.36,1)}.theme-media[data-ready=true] .theme-poster{opacity:0}.theme-media[data-ready=true] .theme-video{opacity:1}.theme-switcher{z-index:10;top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));position:absolute}.home-view{z-index:4;position:absolute;inset:0}.ocean-hero{z-index:5;top:max(clamp(20px, 5vh, 64px), env(safe-area-inset-top));pointer-events:none;flex-direction:column;align-items:center;gap:clamp(4px,1.5vh,12px);width:100%;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hero-title{z-index:5;pointer-events:none;flex:none;width:min(94vw,1440px);margin:0;animation:.7s cubic-bezier(.22,1,.36,1) both hero-title-enter;position:relative}.hero-title .warp-text{pointer-events:auto;height:clamp(120px,30vh,220px);min-height:0}.theme-emblem{z-index:6;aspect-ratio:1;border-radius:50%;width:clamp(156px,16vw,224px);position:absolute}.theme-emblem--prana{bottom:max(32px, env(safe-area-inset-bottom));left:max(32px, env(safe-area-inset-left));animation:.7s cubic-bezier(.22,1,.36,1) both prana-emblem-enter}.theme-emblem--ocean{flex:none;width:clamp(132px,min(16vw,45vh),224px);animation:.7s cubic-bezier(.22,1,.36,1) both ocean-emblem-enter;position:relative;top:auto;left:auto}.theme-emblem:before{content:"";border:1px solid #ffffff52;border-radius:50%;position:absolute;inset:9%;box-shadow:0 14px 34px #00000057,inset 0 0 0 1px #00000038}.theme-emblem__avatar{z-index:1;pointer-events:none;background:#f8b443;border-radius:50%;position:absolute;inset:18%;overflow:hidden;box-shadow:0 10px 24px #00000059}.theme-emblem__avatar img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.skills-stack{z-index:5;left:50%;bottom:max(36px, env(safe-area-inset-bottom));justify-content:center;align-items:center;gap:clamp(18px,5vw,84px);width:min(90vw,1120px);animation:.7s cubic-bezier(.22,1,.36,1) both skills-stack-enter;display:flex;position:absolute;transform:translate(-50%)}.skills-stack__item{min-width:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@keyframes hero-title-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes prana-emblem-enter{0%{opacity:0;transform:translateY(16px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ocean-emblem-enter{0%{opacity:0;transform:translateY(16px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes skills-stack-enter{0%{opacity:0}to{opacity:1}}@media (max-width:640px){.theme-switcher{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right))}.hero-title{width:96vw}.hero-title .warp-text{height:clamp(120px,28vh,200px)}.theme-emblem--prana{bottom:max(20px, env(safe-area-inset-bottom));left:max(20px, env(safe-area-inset-left));width:clamp(132px,41vw,172px)}.theme-emblem--ocean{width:clamp(116px,min(38vw,28vh),156px)}.skills-stack{bottom:max(20px, env(safe-area-inset-bottom));gap:clamp(8px,3vw,16px);width:calc(100vw - 36px)}.skills-stack--prana{bottom:max(170px,25vh)}}@media (max-height:520px){.ocean-hero{top:max(12px, env(safe-area-inset-top))}.hero-title .warp-text{height:clamp(96px,28vh,124px)}.theme-emblem--ocean{width:clamp(104px,min(16vw,36vh),168px)}}@media (max-width:900px){.ocean-hero{top:max(68px, env(safe-area-inset-top))}}@media (max-width:900px) and (max-height:520px){.ocean-hero{top:max(56px, env(safe-area-inset-top))}.hero-title .warp-text{height:96px}.theme-emblem--ocean{width:104px}}@media (max-height:520px){.theme-scene[data-theme=ocean] .skills-stack{display:none}}@media (prefers-reduced-motion:reduce){.theme-media,.theme-poster,.theme-video{transition:none}.hero-title,.theme-emblem,.skills-stack{animation:none}}
