@font-face{font-family:Eternalo;src:url(/assets/Eternalo-OoYxVhUb.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#111112;color:#f6f1e7;line-height:1.5;font-weight:400;--accent-secondary: #8fd8c5;--accent-secondary-soft: rgba(143, 216, 197, .18);--accent-secondary-strong: #d9fff4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#111112}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.hero{min-height:92vh;position:relative;display:flex;align-items:center;overflow:hidden;isolation:isolate}.hero-bg{position:absolute;top:-8vh;right:0;bottom:-8vh;left:0;z-index:-3;width:100%;height:calc(100% + 16vh);object-fit:cover;object-position:center;filter:saturate(.92) contrast(.95)}.hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:linear-gradient(90deg,#111112eb,#1111129e 46%,#11111240),linear-gradient(180deg,#11111226,#111112 96%)}.nav{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;justify-content:flex-end;align-items:center;padding:22px clamp(20px,5vw,72px)}.nav-links{display:flex;gap:8px;padding:6px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#1212148f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.nav-label{white-space:nowrap}.nav-links a,.nav-links button{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:0;border-radius:6px;background:transparent;color:#f6f1e7d1;font-family:inherit;font-size:.9rem;cursor:pointer;text-decoration:none;transition:background .18s ease,color .18s ease}.discord-icon{width:19px;height:15px;flex:0 0 auto}.nav-links a:hover,.nav-links button:hover{background:linear-gradient(135deg,var(--accent-secondary-soft),rgba(242,165,200,.12));color:var(--accent-secondary-strong)}.toast{position:fixed;top:82px;right:clamp(20px,5vw,72px);z-index:10;max-width:min(320px,calc(100vw - 40px));padding:11px 14px;border:1px solid rgba(143,216,197,.26);border-radius:8px;background:#121214e0;color:#d9fff4;box-shadow:0 18px 42px #0000003d;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .18s ease,transform .18s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-size:.92rem;font-weight:600}.toast.is-visible{opacity:1;transform:translateY(0)}.audio-player{position:fixed;top:clamp(16px,3vw,28px);left:clamp(16px,3vw,28px);z-index:12;width:min(340px,calc(100vw - 40px));min-height:58px;box-sizing:border-box;display:grid;grid-template-columns:36px minmax(112px,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#12121473;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.audio-button{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(143,216,197,.24);border-radius:8px;background:linear-gradient(135deg,#8fd8c52e,#0c0e0da3,#f2a5c824);color:#d9fff4;cursor:pointer;transition:background .18s ease,transform .18s ease}.audio-button:hover{background:linear-gradient(135deg,#8fd8c547,#f2a5c82e);transform:translateY(-1px)}.audio-waveform{width:100%;height:36px;display:block}.audio-volume{position:relative;display:inline-flex;align-items:center;color:#f6f1e7c7}.audio-volume-bar{display:flex;align-items:center;gap:2px;padding:4px 6px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#121214ad;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none}.audio-volume-step{width:4px;height:12px;border:0;border-radius:999px;background:#fff3;padding:0;cursor:pointer;transition:background .18s ease,transform .18s ease}.audio-volume-step:hover{transform:scaleY(1.08);background:#ffffff57}.audio-volume-step.is-active{background:var(--accent-secondary)}.hero-content{width:min(720px,calc(100% - 40px));margin-left:clamp(20px,8vw,108px);padding-top:76px}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--accent-secondary);font-size:.82rem;font-weight:600;letter-spacing:0}h1,h2,h3{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0;margin:0}h1{margin-top:16px;font-size:clamp(4.5rem,11vw,9.5rem);line-height:.92;font-weight:700}.brand-title{font-family:Eternalo,Inter,ui-sans-serif,system-ui,sans-serif;font-weight:400}.hero-content p{width:min(560px,100%);margin:28px 0 0;color:#f6f1e7c7;font-size:1.12rem}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.primary,.secondary{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:8px;padding:10px 16px;font-weight:600;transition:transform .18s ease,border-color .18s ease,background .18s ease}.primary{background:var(--accent-secondary);color:#0b1f1a}.secondary{color:#f6f1e7;border:1px solid rgba(255,255,255,.12);background:#ffffff0f}.primary:hover,.secondary:hover{transform:translateY(-2px)}.section{width:min(1160px,calc(100% - 40px));margin:0 auto;padding:96px 0}.intro{display:grid;grid-template-columns:minmax(0,.95fr) minmax(280px,.7fr);gap:clamp(28px,6vw,80px);align-items:end}.intro h2,.section-heading h2{margin-top:8px;color:#fff8e8;font-size:clamp(2rem,4vw,4rem);line-height:1}.intro p{margin:0;color:#f6f1e7ad;font-size:1.02rem}.about{padding-top:0;padding-bottom:72px}.about-block{max-width:720px;padding:22px 0 0;border-top:1px solid rgba(255,255,255,.1)}.about-block p{margin:10px 0 0;color:#f6f1e7b8;font-size:1.04rem}.projects{padding-top:36px}.section-heading{margin-bottom:28px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.project-card{min-height:286px;padding:22px;border-radius:8px;border:1px solid rgba(255,255,255,.09);background:#ffffff0e;display:flex;flex-direction:column;transition:transform .22s ease,border-color .22s ease,background .22s ease}.project-card:hover{transform:translateY(-6px);border-color:#8fd8c561;background:#8fd8c514}.project-top{display:flex;justify-content:space-between;align-items:center;color:var(--accent-secondary);font-size:.78rem;font-weight:600}.project-logo{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(143,216,197,.22))}.project-card h3{margin-top:42px;font-size:1.75rem;color:#fff8e8}.project-card p{color:#f6f1e7a8;margin:12px 0 24px}.project-link{margin-top:auto;display:inline-flex;gap:8px;align-items:center;color:var(--accent-secondary);font-weight:600}.footer{width:100%;margin-top:12px;border-top:1px solid rgba(255,255,255,.09);background:#111112a3;color:#f6f1e7b3}.footer-inner{width:min(1160px,calc(100% - 40px));margin:0 auto;padding:24px 0 34px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}.footer-name{display:inline;width:fit-content;font-family:Eternalo,Inter,ui-sans-serif,system-ui,sans-serif;font-size:1.05rem;font-weight:400;letter-spacing:.04em;color:#f6f1e7;justify-self:start}.footer a{text-decoration:none;transition:color .18s ease,text-decoration-color .18s ease}.footer a:hover{color:var(--accent-secondary-strong)}.footer-credits{margin:0;max-width:620px;font-size:.8rem;line-height:1.5;color:#f6f1e78f;justify-self:center;text-align:center}.footer-text-link{display:inline-flex;align-items:center;gap:6px;color:var(--accent-secondary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:#8fd8c56b}.footer-text-link:hover{text-decoration-color:currentColor}.footer-github{justify-self:end}.footer-socials{justify-self:end;display:flex;align-items:center;gap:8px}.footer-socials a,.footer-socials button{width:38px;height:38px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.11);border-radius:0;background:color-mix(in srgb,var(--accent-secondary) 7%,rgba(255,255,255,.025));color:#f6f1e7b8;cursor:pointer;clip-path:polygon(0 7px,7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%);transition:color .18s ease,background .18s ease,transform .18s ease}.footer-socials a:hover,.footer-socials button:hover{color:#111014;background:var(--accent-secondary);transform:translateY(-2px) rotate(-2deg)}.footer-socials .discord-icon{width:18px;height:15px}.leaves{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;overflow:hidden}.leaf{position:absolute;top:-10%;color:#8fd8c547;animation-name:leaf-fall;animation-timing-function:linear;animation-iteration-count:infinite;pointer-events:auto;transition:transform .22s ease,opacity .22s ease,filter .22s ease;will-change:transform,opacity}.leaf:hover{animation-play-state:paused;opacity:0;transform:translate3d(0,-24px,0) scale(1.15) rotate(12deg);filter:blur(1px) brightness(1.2)}@keyframes leaf-fall{0%{transform:translate3d(0,-10vh,0) rotate(0);opacity:0}10%{opacity:.65}to{transform:translate3d(56px,112vh,0) rotate(420deg);opacity:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}@media(max-width:820px){.nav{position:fixed;justify-content:flex-end;align-items:flex-start;padding:12px}.nav-links{max-width:calc(100vw - 24px);gap:4px;padding:4px;overflow-x:auto;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.nav-links a,.nav-links button{min-width:38px;min-height:38px;justify-content:center;padding:8px 10px;font-size:.82rem}.nav-label{max-width:88px;overflow:hidden;text-overflow:ellipsis}.toast{top:64px;right:12px}.audio-player{top:auto;left:12px;right:12px;bottom:12px;width:auto;min-height:54px;grid-template-columns:36px minmax(74px,1fr) auto;gap:8px;padding:8px;background:#121214ad}.audio-waveform{height:30px}.audio-volume-bar{gap:3px;padding:8px 7px}.audio-volume-step{width:5px;height:16px}.hero{min-height:100svh}.hero-content{width:min(100% - 32px,720px);margin:0 auto;padding-top:112px;padding-bottom:86px}h1{font-size:clamp(3.1rem,19vw,5rem)}.hero-content p{margin-top:20px;font-size:1rem}.hero-shade{background:linear-gradient(180deg,#11111294,#111112 96%),#11111261}.intro,.project-grid{grid-template-columns:1fr}.section{width:min(100% - 32px,1160px);padding:72px 0}.footer-inner{grid-template-columns:1fr;justify-items:center;gap:12px;text-align:center}.footer-name,.footer-github{justify-self:center}}@media(max-width:420px){.nav{padding:10px}.nav-links{max-width:calc(100vw - 20px)}.nav-links a,.nav-links button{min-width:36px;min-height:36px;padding:8px}.nav-label{max-width:64px}.audio-player{left:10px;right:10px;bottom:10px;grid-template-columns:36px minmax(54px,1fr) auto}.audio-volume-bar{gap:2px;padding-inline:6px}.audio-volume-step{width:4px}.project-card{min-height:260px;padding:18px}}@media(max-width:820px){.footer-socials{justify-self:center}}@media(max-width:360px){.nav-label{display:none}.nav-links{max-width:calc(100vw - 20px)}.audio-player{grid-template-columns:36px minmax(42px,1fr) auto;gap:6px}.audio-waveform{height:26px}.audio-volume-step{height:14px}h1{font-size:clamp(2.75rem,18vw,3.5rem)}}:root{--accent-alt: #f2a5c8;--cut-sm: 8px;--cut-md: 14px}body{background:#0d0d10}button{font:inherit}.hero{min-height:102vh}.hero-bg{filter:saturate(1.04) contrast(1.02);scale:1.015;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 30%,rgba(0,0,0,.92) 45%,rgba(0,0,0,.72) 60%,rgba(0,0,0,.38) 74%,transparent 90%);mask-image:linear-gradient(180deg,#000 0%,#000 30%,rgba(0,0,0,.92) 45%,rgba(0,0,0,.72) 60%,rgba(0,0,0,.38) 74%,transparent 90%)}.hero-shade{background:linear-gradient(90deg,#0a0a0df0,#0a0a0db3 42%,#0a0a0d2e 78%,#0a0a0d4d),linear-gradient(180deg,#0a0a0d14,#0a0a0d1f 50%,#0d0d108a 82%,#0d0d10)}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.18;background-image:linear-gradient(color-mix(in srgb,var(--accent-secondary) 18%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent-secondary) 18%,transparent) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(90deg,black,transparent 66%);mask-image:linear-gradient(90deg,black,transparent 66%)}.nav-links{position:relative;gap:2px;padding:5px;border-radius:0;background:linear-gradient(115deg,#121216c7,color-mix(in srgb,var(--accent-secondary) 8%,rgba(18,18,22,.62)));clip-path:polygon(0 var(--cut-sm),var(--cut-sm) 0,100% 0,100% calc(100% - var(--cut-sm)),calc(100% - var(--cut-sm)) 100%,0 100%)}.nav-links:before{content:"";position:absolute;top:0;left:18px;width:48px;height:1px;background:var(--accent-secondary);box-shadow:56px 0 color-mix(in srgb,var(--accent-alt) 72%,transparent)}.nav-links a,.nav-links button{border-radius:0;transition:background .18s ease,color .18s ease,transform .18s ease}.nav-links a:hover,.nav-links button:hover{background:linear-gradient(135deg,var(--accent-secondary-soft),color-mix(in srgb,var(--accent-alt) 12%,transparent));transform:translateY(-1px)}.toast{border-color:color-mix(in srgb,var(--accent-secondary) 36%,transparent);border-radius:0;color:var(--accent-secondary-strong);clip-path:polygon(0 7px,7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%)}.audio-player{border:0;border-radius:0;background:linear-gradient(110deg,color-mix(in srgb,var(--accent-secondary) 11%,rgba(18,18,22,.78)),#12121694);clip-path:polygon(0 12px,12px 0,calc(100% - 24px) 0,calc(100% - 15px) 7px,100% 7px,100% 100%,10px 100%,0 calc(100% - 10px));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-secondary) 13%,rgba(255,255,255,.09))}.audio-button{border-color:color-mix(in srgb,var(--accent-secondary) 38%,transparent);border-radius:50% 50% 50% 10%;background:linear-gradient(135deg,var(--accent-secondary-soft),rgba(12,14,13,.64),color-mix(in srgb,var(--accent-alt) 16%,transparent));color:var(--accent-secondary-strong)}.audio-button:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-secondary) 35%,transparent),color-mix(in srgb,var(--accent-alt) 22%,transparent));transform:translateY(-2px) rotate(-4deg)}.audio-volume-bar{border-radius:2px}.hero-content{position:relative;transform:translateY(3vh)}.hero-monogram{position:absolute;left:-58px;top:-78px;z-index:-1;display:grid;color:color-mix(in srgb,var(--accent-secondary) 13%,transparent);pointer-events:none;-webkit-user-select:none;user-select:none}.hero-monogram span{font-family:Eternalo,Inter,sans-serif;font-size:clamp(10rem,20vw,18rem);line-height:.75;letter-spacing:-.08em}.hero-monogram small{margin:10px 0 0 64px;color:color-mix(in srgb,var(--accent-secondary-strong) 35%,transparent);font-size:.64rem;letter-spacing:.24em}.eyebrow,.section-kicker{letter-spacing:.12em;text-transform:uppercase}.eyebrow{padding:8px 12px 8px 10px;border-left:2px solid var(--accent-secondary);background:linear-gradient(90deg,var(--accent-secondary-soft),transparent);clip-path:polygon(0 0,100% 0,calc(100% - 7px) 100%,0 100%)}.brand-title{text-shadow:0 14px 44px rgba(0,0,0,.36)}.primary,.secondary{border-radius:0;padding:6px 6px 6px 18px;transition:transform .18s ease,filter .18s ease,background .18s ease;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.primary{color:#111014;box-shadow:0 14px 38px color-mix(in srgb,var(--accent-secondary) 18%,transparent)}.button-arrow{width:34px;height:34px;display:grid;place-items:center;margin-left:10px;background:#0c0c0fdb;color:var(--accent-secondary-strong);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%);transition:transform .18s ease}.primary:hover,.secondary:hover{transform:translateY(-3px) rotate(-.5deg);filter:saturate(1.12) brightness(1.04)}.primary:hover .button-arrow{transform:translate(3px)}.scene-stamp{position:absolute;right:clamp(20px,5vw,72px);bottom:clamp(34px,5vw,68px);display:flex;align-items:center;gap:12px;padding:10px 14px 10px 10px;border:1px solid rgba(255,255,255,.13);background:#0c0c107a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);clip-path:polygon(0 8px,8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);color:#ffffffdb;font-size:.78rem;font-weight:650;letter-spacing:.04em}.scene-stamp>span:last-child{display:grid}.scene-stamp small{color:var(--accent-secondary);font-size:.55rem;letter-spacing:.17em}.scene-number{width:40px;height:40px;display:grid;place-items:center;background:var(--accent-secondary);color:#111014;font-weight:850;clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%)}.section-index{display:inline-flex;align-items:center;gap:10px;color:var(--accent-secondary);font-size:.7rem;font-weight:700;letter-spacing:.18em}.section-index:before{content:"";width:28px;height:2px;background:linear-gradient(90deg,var(--accent-secondary),var(--accent-alt))}.projects{padding-top:48px;scroll-margin-top:52px}.section-heading{margin-bottom:34px}.project-grid{gap:22px}.project-card{position:relative;isolation:isolate;overflow:hidden;padding:24px 34px 24px 24px;border-radius:0;background:linear-gradient(125deg,color-mix(in srgb,var(--accent-secondary) 8%,rgba(255,255,255,.045)),#ffffff06);clip-path:polygon(0 var(--cut-md),var(--cut-md) 0,calc(100% - 34px) 0,100% 34px,100% 100%,34px 100%,0 calc(100% - 34px))}.project-card:before{content:var(--project-index);position:absolute;right:14px;bottom:-28px;z-index:-1;color:color-mix(in srgb,var(--accent-secondary) 8%,transparent);font-size:9.5rem;font-weight:900;line-height:1;letter-spacing:-.08em}.project-card:after{content:"";position:absolute;top:0;left:18px;width:76px;height:2px;background:linear-gradient(90deg,var(--accent-secondary),var(--accent-alt))}.project-card:hover{border-color:color-mix(in srgb,var(--accent-secondary) 46%,transparent);background:linear-gradient(125deg,color-mix(in srgb,var(--accent-secondary) 14%,rgba(255,255,255,.05)),color-mix(in srgb,var(--accent-alt) 7%,rgba(255,255,255,.025)))}.project-logo-wrap{width:48px;height:48px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent-secondary) 32%,transparent);background:color-mix(in srgb,var(--accent-secondary) 9%,rgba(8,8,10,.4));clip-path:polygon(0 9px,9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%)}.project-meta{padding:5px 9px;border-right:2px solid var(--accent-secondary);background:linear-gradient(90deg,transparent,var(--accent-secondary-soft));color:var(--accent-secondary-strong);letter-spacing:.08em;text-transform:uppercase}.project-logo{filter:drop-shadow(0 8px 18px color-mix(in srgb,var(--accent-secondary) 28%,transparent))}.project-arrow{width:28px;height:28px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent-secondary) 38%,transparent);border-radius:50%;transition:transform .18s ease,background .18s ease}.project-card:hover .project-arrow{transform:translate(4px) rotate(-8deg);background:var(--accent-secondary);color:#111014}.about-block{position:relative;max-width:720px;min-height:150px;padding:30px 38px 30px 116px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(115deg,color-mix(in srgb,var(--accent-secondary) 9%,rgba(255,255,255,.045)),#ffffff06);clip-path:polygon(0 18px,18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%);overflow:hidden}.about-block:after{content:"";position:absolute;right:-20px;bottom:20px;width:120px;height:1px;background:linear-gradient(90deg,transparent,var(--accent-alt));transform:rotate(-45deg)}.about-mark{position:absolute;inset:0 auto 0 0;width:82px;display:grid;place-items:center;background:var(--accent-secondary);color:#111014;font-family:Eternalo,Inter,sans-serif;font-size:2.6rem;line-height:1;clip-path:polygon(0 18px,18px 0,100% 0,calc(100% - 16px) 50%,100% 100%,0 100%)}.footer{background:#0a0a0cb8}.footer-text-link{text-decoration-color:color-mix(in srgb,var(--accent-secondary) 48%,transparent)}.leaf{opacity:.26;filter:drop-shadow(0 0 10px currentColor)}@media(max-width:820px){.hero{min-height:106svh}.hero-content{transform:translateY(2vh)}.hero-monogram{left:-24px;top:-36px}.hero-monogram span{font-size:clamp(8rem,42vw,12rem)}.scene-stamp{display:none}.hero-shade{background:linear-gradient(180deg,#0a0a0d6b,#0a0a0d94 54%,#0d0d10d1 86%,#0d0d10),#0a0a0d4d}.hero-grid{opacity:.12;-webkit-mask-image:linear-gradient(180deg,black,transparent 82%);mask-image:linear-gradient(180deg,black,transparent 82%)}.about-block{padding:28px 28px 28px 94px}.about-mark{width:68px}}@media(max-width:420px){.project-card{padding:20px 24px 20px 20px}.project-meta{max-width:180px;font-size:.65rem;text-align:right}.about-block{min-height:0;padding:86px 20px 24px}.about-mark{inset:0 0 auto 0;width:76px;height:64px;clip-path:polygon(0 9px,9px 0,100% 0,calc(100% - 13px) 100%,0 100%);font-size:2rem}}