:root{--void:#040905;--deep:#071208;--panel:#0a1a0d;--line:rgba(98, 220, 110, .14);--line-strong:rgba(98, 220, 110, .35);--forest:#0a4d1c;--kelly:#119e35;--neon:#3ddb5a;--lime:#a6f55c;--pale:#dcffc2;--ink:#e8f5e6;--dim:#a4bfaa;--mono:"JetBrains Mono", monospace;--display:"Unbounded", sans-serif;--body:"Sofia Sans", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}::selection{background:var(--neon);color:var(--void)}body{background:var(--void);color:var(--ink);font-family:var(--body);font-size:18px;line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:120;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.aurora{position:fixed;inset:-20%;z-index:0;pointer-events:none;background:radial-gradient(38% 30% at 18% 12%,rgba(17,158,53,.13),transparent 70%),radial-gradient(30% 26% at 85% 20%,rgba(166,245,92,.07),transparent 70%),radial-gradient(40% 34% at 70% 88%,rgba(10,77,28,.18),transparent 70%);animation:auroraDrift 26s ease-in-out infinite alternate}@keyframes auroraDrift{0%{transform:translate3d(-1.5%,-1%,0) scale(1)}to{transform:translate3d(1.5%,2%,0) scale(1.06)}}main{position:relative;z-index:2}.wrap{max-width:1240px;margin:0 auto;padding:0 40px}@media(max-width:720px){.wrap{padding:0 22px}}nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 40px;height:78px;border-bottom:1px solid transparent;transition:background .4s,border-color .4s,backdrop-filter .4s}nav.scrolled{background:#040905d1;backdrop-filter:blur(14px);border-bottom-color:var(--line)}.logo{display:flex;align-items:center;gap:13px;text-decoration:none}.logo-mark{width:38px;height:38px;flex:none}.logo-word{font-family:var(--display);font-weight:800;font-size:17px;letter-spacing:.06em;color:var(--ink);text-transform:uppercase}.logo-word em{font-style:normal;color:var(--neon)}.nav-links{display:flex;gap:36px;list-style:none}.nav-links a{font-family:var(--mono);font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);text-decoration:none;transition:color .25s}.nav-links a:hover,.nav-links a.active{color:var(--lime)}.nav-links a .idx{color:var(--kelly);margin-right:5px}.nav-cta{font-family:var(--mono);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--void);background:var(--neon);text-decoration:none;padding:11px 22px;white-space:nowrap;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:background .25s,transform .25s}.nav-cta:hover{background:var(--lime);transform:translateY(-2px)}@media(max-width:920px){.nav-links{display:none}}@media(max-width:560px){nav{padding:0 20px;height:64px}.logo-mark{width:30px;height:30px}.logo-word{font-size:14px}.nav-cta{padding:9px 14px;font-size:11px;letter-spacing:.06em}}.nav-right{display:flex;align-items:center;gap:14px}.burger{display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:42px;height:42px;background:none;border:1px solid var(--line-strong);cursor:pointer;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.burger span{display:block;width:18px;height:2px;background:var(--lime);transition:transform .3s,opacity .3s}.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger.open span:nth-child(2){opacity:0}.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:920px){.burger{display:flex}}@media(max-width:560px){.burger{width:38px;height:38px}}.mobile-menu{position:fixed;inset:0;z-index:99;background:#040905f5;backdrop-filter:blur(16px);display:flex;flex-direction:column;justify-content:center;gap:6px;padding:0 36px;opacity:0;pointer-events:none;transition:opacity .35s}.mobile-menu.open{opacity:1;pointer-events:auto}.mobile-menu a{font-family:var(--display);font-weight:700;font-size:clamp(24px,7vw,34px);color:var(--ink);text-decoration:none;padding:14px 0;border-bottom:1px solid var(--line);transform:translateY(16px);opacity:0;transition:transform .45s cubic-bezier(.2,.7,.2,1),opacity .45s,color .25s}.mobile-menu.open a{transform:none;opacity:1}.mobile-menu.open a:nth-child(1){transition-delay:.05s}.mobile-menu.open a:nth-child(2){transition-delay:.1s}.mobile-menu.open a:nth-child(3){transition-delay:.15s}.mobile-menu.open a:nth-child(4){transition-delay:.2s}.mobile-menu.open a:nth-child(5){transition-delay:.25s}.mobile-menu a:hover{color:var(--lime)}.mobile-menu a .idx{font-family:var(--mono);font-size:14px;color:var(--kelly);margin-right:16px}.page-head{position:relative;padding:210px 0 110px;overflow:hidden}.page-ghost{position:absolute;right:-1vw;top:60px;z-index:-1;font-family:var(--display);font-weight:900;font-size:clamp(120px,19vw,280px);line-height:.85;color:transparent;-webkit-text-stroke:1px rgba(98,220,110,.08);letter-spacing:-.02em;user-select:none;pointer-events:none}.head-shards{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-2;opacity:.55}.chapter-tag{display:flex;align-items:center;gap:18px;margin-bottom:26px;font-family:var(--mono);font-size:13px;letter-spacing:.26em;text-transform:uppercase;color:var(--neon)}.chapter-tag:after{content:"";flex:1;max-width:120px;height:1px;background:var(--line-strong)}h1{font-family:var(--display);font-weight:800;font-size:clamp(38px,6vw,84px);line-height:1.04;letter-spacing:-.015em;max-width:14ch;opacity:0;animation:riseIn .9s cubic-bezier(.2,.7,.2,1) .1s forwards}h1 .hollow{color:transparent;-webkit-text-stroke:2px var(--neon);text-shadow:0 0 42px rgba(61,219,90,.25)}.head-sub{margin-top:30px;max-width:54ch;font-size:20px;font-weight:400;color:var(--dim);opacity:0;animation:riseIn .9s cubic-bezier(.2,.7,.2,1) .3s forwards}.head-sub strong{color:var(--pale);font-weight:600}@keyframes riseIn{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}.rv{opacity:0;transform:translateY(46px);transition:opacity .95s cubic-bezier(.2,.7,.2,1),transform .95s cubic-bezier(.2,.7,.2,1)}.rv.in{opacity:1;transform:none}.projects{padding:30px 0 60px}.project{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;padding:90px 0;border-top:1px solid var(--line)}.project:nth-child(2n){grid-template-columns:.85fr 1.15fr}.project:nth-child(2n) .project-visual{order:2}.project:nth-child(2n) .project-info{order:1}@media(max-width:920px){.project,.project:nth-child(2n){grid-template-columns:1fr;gap:40px;padding:64px 0}.project:nth-child(2n) .project-visual{order:0}.project:nth-child(2n) .project-info{order:1}}.project-visual{position:relative}.frame{position:relative;display:block;text-decoration:none;border:1px solid var(--line-strong);background:var(--panel);clip-path:polygon(22px 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%,0 22px);transition:transform .6s cubic-bezier(.2,.7,.2,1),box-shadow .6s}.frame:hover{transform:translateY(-8px)}.frame-bar{display:flex;align-items:center;gap:7px;padding:13px 18px;border-bottom:1px solid var(--line)}.frame-bar i{width:9px;height:9px;display:block;transform:rotate(45deg);background:var(--forest)}.frame-bar i:nth-child(2){background:var(--kelly)}.frame-bar i:nth-child(3){background:var(--neon)}.frame-bar span{margin-left:12px;font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;color:var(--dim)}.frame img{display:block;width:100%;height:auto;filter:saturate(.92);transition:filter .5s}.frame:hover img{filter:saturate(1.05)}.frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(160deg,rgba(61,219,90,.1),transparent 45%);opacity:0;transition:opacity .5s}.frame:hover:after{opacity:1}.project-visual .shard-deco{position:absolute;z-index:-1;width:180px;height:180px;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.project:nth-child(odd) .shard-deco{right:-60px;bottom:-50px;transform:rotate(8deg)}.project:nth-child(2n) .shard-deco{left:-60px;top:-50px;transform:rotate(-12deg)}.project:hover .shard-deco{transform:rotate(22deg) scale(1.08)}.project-meta{display:flex;align-items:center;gap:20px;font-family:var(--mono);font-size:12.5px;letter-spacing:.2em;text-transform:uppercase}.project-meta .num{font-family:var(--display);font-weight:900;font-size:44px;letter-spacing:0;color:transparent;-webkit-text-stroke:1.5px rgba(98,220,110,.45)}.project:hover .project-meta .num{color:var(--neon);-webkit-text-stroke-color:var(--neon);text-shadow:0 0 30px rgba(61,219,90,.4)}.project-meta .num{transition:color .4s,-webkit-text-stroke-color .4s,text-shadow .4s}.project-meta .type{color:var(--kelly)}.project-info h2{font-family:var(--display);font-weight:700;font-size:clamp(26px,3.2vw,42px);letter-spacing:-.01em;line-height:1.1;margin:22px 0 8px}.project-info .codename{font-family:var(--mono);font-size:12.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--kelly);display:block;margin-bottom:20px}.project-info p{color:var(--dim);font-size:17.5px;max-width:48ch}.tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.tags i{font-style:normal;font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;color:var(--pale);border:1px solid var(--line);padding:6px 12px;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);background:#0a4d1c2e}.visit{display:inline-flex;align-items:center;gap:10px;margin-top:34px;font-family:var(--mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--lime);text-decoration:none;border-bottom:1px solid var(--line-strong);padding-bottom:6px;transition:color .3s,border-color .3s,gap .3s}.visit:hover{color:var(--pale);border-color:var(--neon);gap:16px}.project-links{display:flex;gap:34px;flex-wrap:wrap;margin-top:34px}.project-links .visit{margin-top:0}.cta{padding:150px 0 140px;text-align:center;position:relative;overflow:hidden}.cta .chapter-tag{justify-content:center}.cta .chapter-tag:after{display:none}.cta h2{font-family:var(--display);font-weight:800;font-size:clamp(32px,4.6vw,62px);line-height:1.06;letter-spacing:-.01em;max-width:18ch;margin:0 auto}.cta h2 .hollow{color:transparent;-webkit-text-stroke:1.5px var(--neon)}.cta p{max-width:48ch;margin:30px auto 0;color:var(--dim);font-size:19px}.cta-actions{display:flex;gap:20px;align-items:center;justify-content:center;margin-top:46px;flex-wrap:wrap}.btn-primary{font-family:var(--display);font-weight:600;font-size:14px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--void);background:var(--neon);padding:19px 38px;clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);transition:background .25s,transform .25s}.btn-primary:hover{background:var(--lime);transform:translateY(-3px)}.btn-ghost{font-family:var(--mono);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);text-decoration:none;padding:18px 30px;border:1px solid var(--line-strong);clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);transition:border-color .25s,color .25s,background .25s}.btn-ghost:hover{border-color:var(--neon);color:var(--lime);background:#3ddb5a0f}footer{border-top:1px solid var(--line);padding:54px 0;font-family:var(--mono);font-size:12.5px;letter-spacing:.1em;color:var(--dim)}.foot-grid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;align-items:center}footer a{color:var(--dim);text-decoration:none;transition:color .25s}footer a:hover{color:var(--lime)}.foot-flag{display:inline-flex;flex-direction:column;gap:0;vertical-align:middle;margin:0 8px;border:1px solid var(--line)}.foot-flag i{width:27px;height:6px;display:block}html[data-theme=light] body{--ink:#14231a;--dim:#46604e;--pale:#0a4d1c;--neon:#0fa334;--lime:#0c8a2c;--kelly:#0d7a29;--deep:#ffffff;--panel:#e9f1e6;--line:rgba(10,77,28,.14);--line-strong:rgba(10,77,28,.32);background:#f4f8f2;color:var(--ink)}html[data-theme=light] nav,html[data-theme=light] .mobile-menu,html[data-theme=light] .page-head,html[data-theme=light] .cta,html[data-theme=light] footer{--ink:#e8f5e6;--dim:#a4bfaa;--pale:#dcffc2;--neon:#3ddb5a;--lime:#a6f55c;--kelly:#119e35;--line:rgba(98,220,110,.14);--line-strong:rgba(98,220,110,.35);color:var(--ink)}html[data-theme=light] nav{background:#040905f0;border-bottom-color:#62dc6e24}html[data-theme=light] .mobile-menu{background:#040905f7}html[data-theme=light] .page-head{background:linear-gradient(180deg,#0b170d,#040905)}html[data-theme=light] .page-head{padding-bottom:200px}html[data-theme=light] .page-head:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:150px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 200' preserveAspectRatio='none'%3E%3Crect width='1440' height='200' fill='%23f4f8f2'/%3E%3Cpolygon fill='%23040905' points='0,0 1440,0 1440,45 1320,15 1100,40 875,12 645,48 400,18 185,55 0,30'/%3E%3Cpolygon fill='%230fa334' points='0,30 0,140 95,160'/%3E%3Cpolygon fill='%233ddb5a' points='0,30 95,160 185,55'/%3E%3Cpolygon fill='%23062d12' points='185,55 95,160 320,105'/%3E%3Cpolygon fill='%23119e35' points='185,55 320,105 400,18'/%3E%3Cpolygon fill='%233ddb5a' points='400,18 320,105 530,150'/%3E%3Cpolygon fill='%230a4d1c' points='400,18 530,150 645,48'/%3E%3Cpolygon fill='%23a6f55c' points='645,48 530,150 760,95'/%3E%3Cpolygon fill='%23119e35' points='645,48 760,95 875,12'/%3E%3Cpolygon fill='%23062d12' points='875,12 760,95 985,140'/%3E%3Cpolygon fill='%233ddb5a' points='875,12 985,140 1100,40'/%3E%3Cpolygon fill='%230fa334' points='1100,40 985,140 1215,90'/%3E%3Cpolygon fill='%23a6f55c' points='1100,40 1215,90 1320,15'/%3E%3Cpolygon fill='%23119e35' points='1320,15 1215,90 1440,120'/%3E%3Cpolygon fill='%23d9f7b0' points='1320,15 1440,120 1440,45'/%3E%3C/svg%3E") center bottom / 100% 100% no-repeat;pointer-events:none}html[data-theme=light] .cta{background:#040905;position:relative;overflow:hidden;padding-top:220px}html[data-theme=light] .cta:before{content:"";position:absolute;left:0;right:0;top:-1px;height:150px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 200' preserveAspectRatio='none'%3E%3Crect width='1440' height='200' fill='%23f4f8f2'/%3E%3Cpolygon fill='%23040905' points='0,0 1440,0 1440,45 1320,15 1100,40 875,12 645,48 400,18 185,55 0,30'/%3E%3Cpolygon fill='%230fa334' points='0,30 0,140 95,160'/%3E%3Cpolygon fill='%233ddb5a' points='0,30 95,160 185,55'/%3E%3Cpolygon fill='%23062d12' points='185,55 95,160 320,105'/%3E%3Cpolygon fill='%23119e35' points='185,55 320,105 400,18'/%3E%3Cpolygon fill='%233ddb5a' points='400,18 320,105 530,150'/%3E%3Cpolygon fill='%230a4d1c' points='400,18 530,150 645,48'/%3E%3Cpolygon fill='%23a6f55c' points='645,48 530,150 760,95'/%3E%3Cpolygon fill='%23119e35' points='645,48 760,95 875,12'/%3E%3Cpolygon fill='%23062d12' points='875,12 760,95 985,140'/%3E%3Cpolygon fill='%233ddb5a' points='875,12 985,140 1100,40'/%3E%3Cpolygon fill='%230fa334' points='1100,40 985,140 1215,90'/%3E%3Cpolygon fill='%23a6f55c' points='1100,40 1215,90 1320,15'/%3E%3Cpolygon fill='%23119e35' points='1320,15 1215,90 1440,120'/%3E%3Cpolygon fill='%23d9f7b0' points='1320,15 1440,120 1440,45'/%3E%3C/svg%3E") center top / 100% 100% no-repeat;transform:scaleY(-1);pointer-events:none}html[data-theme=light] footer{background:#040905;border-top-color:#62dc6e24}html[data-theme=light] .project-meta .num{-webkit-text-stroke-color:rgba(13,122,41,.45)}html[data-theme=light] .project:hover .project-meta .num{color:var(--neon);-webkit-text-stroke-color:var(--neon);text-shadow:none}html[data-theme=light] .frame{background:#fff}html[data-theme=light] .tags i{background:#0d7a2914;color:#0a4d1c}body,.frame,.tags i{transition:background-color .45s ease,color .45s ease,border-color .45s ease}.theme-toggle{display:flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;background:none;border:1px solid var(--line-strong);color:var(--lime);cursor:pointer;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);transition:border-color .25s,color .25s,background .25s}.theme-toggle:hover{border-color:var(--neon);color:var(--pale);background:#3ddb5a12}@media(max-width:920px){.theme-toggle{display:none}}html[data-theme=light] .tt-sun,html[data-theme=dark] .tt-moon{display:none}.mm-theme{background:none;border:none;border-bottom:1px solid var(--line);font-family:var(--display);font-weight:700;font-size:clamp(24px,7vw,34px);color:var(--lime);padding:14px 0;text-align:left;cursor:pointer;transform:translateY(16px);opacity:0;transition:transform .45s cubic-bezier(.2,.7,.2,1),opacity .45s,color .25s}.mobile-menu.open .mm-theme{transform:none;opacity:1;transition-delay:.3s}html[data-theme=light] .mm-to-light,html[data-theme=dark] .mm-to-dark{display:none}