.site-shell{isolation:isolate;width:100%;min-height:100vh;padding:0 var(--page-gutter);background-color:var(--bg);background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px), radial-gradient(ellipse at 50% -10%, var(--glow-1) 0%, transparent 48%), radial-gradient(ellipse at 85% 40%, var(--glow-2) 0%, transparent 38%);background-size:48px 48px,48px 48px,auto,auto;margin:0 auto;position:relative;overflow:clip}.site-shell:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(180deg, transparent 0%, var(--bg-fade) 42%, var(--bg) 100%);position:absolute;inset:0}.ambient{--ambient-color:var(--ambient-1);z-index:-1;background:radial-gradient(circle closest-side, var(--ambient-color), transparent);opacity:.2;pointer-events:none;will-change:transform;border-radius:50%;width:440px;height:440px;animation:18s ease-in-out infinite alternate ambient-drift;position:absolute}.ambient-one{--ambient-color:var(--ambient-1);top:150px;right:-180px}.ambient-two{--ambient-color:var(--ambient-2);animation-delay:-8s;top:850px;left:-250px}@keyframes ambient-drift{0%{transform:translate(0,0)scale(.94)}50%{transform:translate(-25px,18px)scale(1.06)}to{transform:translate(18px,-16px)scale(1)}}.topbar{z-index:999;border-bottom:1px solid var(--line-strong);background:var(--topbar-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:100%;position:sticky;top:0}.topbar-inner{width:100%;min-height:92px;padding-inline:var(--page-gutter);justify-content:space-between;align-items:center;display:flex}.brand,.footer-brand{letter-spacing:.13em;align-items:center;gap:11px;font-weight:700;display:inline-flex}.brand{font-size:var(--fs-ui)}.brand-mark{width:35px;height:35px;color:var(--brand-ink);letter-spacing:-.06em;background:linear-gradient(135deg,#7860ff33,#3a76ff12);border:1px solid #a394ff66;border-radius:11px;place-items:center;font-size:17px;display:grid}.brand-light{color:var(--text-brand-dim);font-weight:400}.navigation{color:var(--text-nav);font-size:var(--fs-ui);align-items:center;gap:32px;display:flex}.navigation a,.footer a{transition:color var(--dur-fast) ease}.navigation a:hover,.footer a:hover{color:var(--text-strong)}.navigation .nav-contact{border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--text);transition:border-color var(--dur-fast) ease;padding:11px 15px}.nav-contact:hover{border-color:#a394ff66}.nav-contact span{color:#a89aff;margin-left:8px}.navigation a:focus-visible,.brand:focus-visible,.footer a:focus-visible{border-radius:5px}.language-toggle{border-radius:var(--radius-sm);color:var(--text-nav);font-family:inherit;font-size:var(--fs-mono);cursor:pointer;transition:background var(--dur) ease, border-color var(--dur) ease, color var(--dur) ease, box-shadow var(--dur) ease;background:#8e7cff0b;border:1px solid #8e7cff40;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:8px 11px;line-height:1;display:inline-flex}.language-toggle:hover{background:#8e7cff18;border-color:#a394ff80;box-shadow:0 0 18px #8e7cff12}.language-toggle .language-active{color:var(--text-on-accent);font-weight:600}.language-divider{color:var(--text-faint)}.hero{flex-direction:column;justify-content:center;align-items:flex-start;min-height:590px;padding:85px 0 80px;display:flex;position:relative}.eyebrow,.section-kicker,.section-count,.hero-meta,.card-number,.card-category,.card-bottom,.tag,.detail-label,.art-caption{font-family:var(--font-mono);letter-spacing:.1em}.eyebrow{color:var(--text-eyebrow);font-size:var(--fs-mono);align-items:center;gap:10px;display:flex}.status-dot{background:#9c8aff;border-radius:50%;width:7px;height:7px;box-shadow:0 0 13px #8a73ff}.hero h1{z-index:1;font-size:var(--fs-hero);letter-spacing:-.075em;margin:27px 0 22px;font-weight:600;line-height:1.08;position:relative}.gradient-text{background:linear-gradient(100deg, var(--grad-text-1) 5%, var(--grad-text-2) 46%, var(--grad-text-3) 95%);color:#0000;filter:drop-shadow(0 0 28px #8975ff14);-webkit-background-clip:text;background-clip:text}.hero-description{z-index:1;max-width:445px;color:var(--text-dim);font-size:var(--fs-body);margin:0;line-height:1.9;position:relative}.hero-actions{z-index:1;flex-wrap:wrap;gap:12px;margin-top:30px;display:flex;position:relative}.button-primary,.button-secondary{border-radius:var(--radius-sm);min-height:44px;transition:transform var(--dur-fast) ease, border-color var(--dur-fast) ease;justify-content:center;align-items:center;gap:20px;padding:0 17px;font-size:12px;display:inline-flex}.button-primary{background:linear-gradient(110deg, var(--accent-grad-1), var(--accent-grad-2));color:var(--accent-ink);font-weight:600;box-shadow:0 4px 22px #8a78ff1a}.button-primary:hover{box-shadow:0 7px 30px #8a78ff32}.button-secondary{border:1px solid var(--line-strong);color:var(--text-body)}.button-primary:hover,.button-secondary:hover{transform:translateY(-2px)}.hero-meta{color:var(--text-meta);font-size:var(--fs-mono-sm);align-items:center;gap:13px;margin-top:53px;display:flex}.meta-divider{background:var(--line-meta);border-radius:50%;width:3px;height:3px}.orbit{border:1px solid var(--orbit-line);pointer-events:none;border-radius:50%;position:absolute;top:50%;left:73%;transform:translate(-50%,-50%)}.orbit-large{border-color:var(--orbit-line-lg);width:320px;height:320px;animation:8s ease-in-out infinite orbit-breathe;box-shadow:0 0 100px #6452ff0c,inset 0 0 75px #6452ff0b}.orbit-small{border-color:var(--orbit-line-sm);width:220px;height:220px;animation:8s ease-in-out -4s infinite orbit-breathe;box-shadow:0 0 40px #8a7aff0a}.orb-core{border:1px solid var(--orb-border);background:var(--orb-fill);width:100px;height:100px;box-shadow:var(--orb-glow);color:var(--orb-text);letter-spacing:-.08em;border-radius:28px;place-items:center;font-size:32px;animation:6s ease-in-out infinite core-float;display:grid;position:absolute;top:50%;left:73%;transform:translate(-50%,-50%)rotate(-8deg)}@keyframes orbit-breathe{0%,to{opacity:.65;scale:1}50%{opacity:1;scale:1.035}}@keyframes core-float{0%,to{translate:0}50%{translate:0 -8px}}.projects-section{padding:45px 0 105px}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:30px;display:flex}.section-heading h2,.about-copy h2{font-size:var(--fs-h2);letter-spacing:-.055em;margin:12px 0 0;font-weight:500}.section-kicker{color:var(--text-kicker);font-size:var(--fs-mono)}.section-count{color:var(--text-meta);font-size:var(--fs-mono);padding-bottom:5px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:15px;display:grid}.project-card{isolation:isolate;border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(145deg, var(--surface-a), var(--surface-b));min-width:0;height:fit-content;min-height:275px;transition:transform var(--dur) ease, border-color var(--dur) ease, background var(--dur) ease;flex-direction:column;align-self:start;align-items:flex-start;padding:25px;display:flex;position:relative;overflow:hidden}.project-card:hover{background:linear-gradient(145deg, var(--surface-hover-a), var(--surface-hover-b));box-shadow:0 14px 40px var(--shadow), 0 0 0 1px #a18dff08;border-color:#9b89ff55;transform:translateY(-5px)}.project-card:before{content:"";z-index:-1;opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 0,#9c89ff18,#0000 70%);transition:opacity .28s;position:absolute;inset:0}.project-card:hover:before{opacity:1}.project-card.is-expanded{height:auto;box-shadow:0 14px 40px var(--shadow), 0 0 28px #806aff0c;border-color:#8e7cff55}.project-toggle{box-sizing:border-box;width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:stretch;padding:0;display:flex}.project-toggle:focus-visible{border-radius:var(--radius-sm);outline-offset:5px}.card-topline{justify-content:space-between;align-items:center;width:100%;margin-bottom:28px;display:flex}.card-number{color:var(--text-meta);font-size:var(--fs-mono-sm)}.card-symbol{color:var(--accent-text);font-size:24px}.card-category{color:var(--text-kicker);font-size:var(--fs-mono-sm);margin-top:22px;display:block}.project-card-title{font-size:var(--fs-title);letter-spacing:-.025em;margin-top:10px;font-weight:600;line-height:1.35;display:block}.project-card-description{color:var(--text-soft);font-size:var(--fs-body-sm);margin-top:12px;line-height:1.85;display:block}.tag-list{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.tag{border:1px solid var(--line);color:var(--text-tag);font-size:var(--fs-mono-sm);letter-spacing:0;border-radius:5px;padding:7px 9px}.card-bottom{width:100%;color:var(--text-meta);font-size:var(--fs-mono-sm);justify-content:space-between;align-items:center;gap:12px;margin-top:28px;padding-top:23px;display:flex}.card-arrow{color:var(--accent-text);font-size:15px}.project-toggle .card-arrow{transition:transform var(--dur) ease}.project-card-link .card-arrow{font-size:16px}.project-card-link:hover .card-arrow{transform:translate(4px)}.project-card-link:focus-within{border-color:#9b89ff55}.project-card.is-expanded .card-arrow{transform:rotate(-45deg)}.project-detail[hidden]{display:none}.project-card.is-expanded .project-detail{animation:.26s both detail-reveal}@keyframes detail-reveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.detail-divider{background:linear-gradient(90deg,#9d8bff55,#9d8bff12 70%,#0000);height:1px;margin:22px 0}.detail-item+.detail-item{margin-top:20px}.detail-label{color:var(--accent-text);font-size:var(--fs-mono-sm);letter-spacing:.12em;margin-bottom:7px;display:block}.detail-item p{color:var(--text-body);margin:0;font-size:13px;line-height:1.85}.project-art{box-sizing:border-box;isolation:isolate;border:1px solid var(--line-soft);background:var(--art-base);border-radius:12px;width:100%;height:178px;margin-bottom:24px;transition:border-color .3s,box-shadow .3s;display:block;position:relative;overflow:hidden}.project-art:before,.project-art:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.project-art:before{filter:blur(45px);background:#725bff30;width:180px;height:180px;top:-65px;right:-25px}.project-art:after{filter:blur(38px);background:#347bff25;width:140px;height:140px;bottom:-80px;left:-25px}.project-card:hover .project-art{border-color:#a394ff35;box-shadow:inset 0 0 35px #8975ff0b}.art-orbit{z-index:1;border:1px solid var(--art-line);pointer-events:none;border-radius:50%;transition:transform .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.art-orbit-one{width:116px;height:116px}.art-orbit-two{border-color:var(--art-line-2);width:164px;height:70px;transform:translate(-50%,-50%)rotate(-35deg)}.art-core{z-index:2;border:1px solid var(--art-core-border);border-radius:var(--radius-md);background:var(--art-core-grad);width:42px;height:42px;box-shadow:var(--art-core-glow);transition:transform .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.art-spark{z-index:2;background:var(--art-spark-1);border-radius:50%;width:5px;height:5px;position:absolute;box-shadow:0 0 12px #a394ff}.art-spark-one{top:28%;left:36%}.art-spark-two{background:var(--art-spark-2);top:62%;left:69%;box-shadow:0 0 12px #579bff}.art-spark-three{width:3px;height:3px;top:36%;left:72%}.art-caption{z-index:3;color:var(--art-caption);font-size:var(--fs-mono-sm);letter-spacing:.12em;position:absolute;bottom:13px;left:14px}.project-card:hover .art-orbit-one{transform:translate(-50%,-50%)rotate(12deg)scale(1.05)}.project-card:hover .art-core{transform:translate(-50%,-50%)rotate(55deg)scale(1.08)}.project-art-01{background:var(--art-bg-01)}.project-art-01 .art-orbit-one{border-style:dashed}.project-art-01 .art-orbit-two{width:150px;height:90px;transform:translate(-50%,-50%)rotate(45deg)}.project-art-02{background:var(--art-bg-02)}.project-art-02 .art-orbit-one{border-radius:20px;width:96px;height:96px;transform:translate(-50%,-50%)rotate(30deg)}.project-art-02 .art-orbit-two{border-color:var(--art-line-2);border-radius:28px;width:132px;height:132px;transform:translate(-50%,-50%)rotate(15deg)}.project-art-02 .art-core{background:var(--art-core-grad);border-radius:5px}.project-art-03{background:var(--art-bg-03)}.project-art-03 .art-orbit-one{border-radius:30px;width:102px;height:102px;transform:translate(-50%,-50%)rotate(45deg)}.project-art-03 .art-orbit-two{border-color:var(--art-line-2);border-radius:34px;width:125px;height:125px;transform:translate(-50%,-50%)rotate(22deg)}.project-art-03 .art-core{background:var(--art-core-grad);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:12px;width:48px;height:48px}.project-art-04{background:var(--art-bg-04)}.project-art-04 .art-orbit-one{border-color:var(--art-line-2);border-radius:6px;width:106px;height:64px;transform:translate(-50%,-50%)rotate(-8deg)}.project-art-04 .art-orbit-two{border-color:var(--art-line-2);border-radius:6px;width:128px;height:76px;transform:translate(-50%,-50%)rotate(6deg)}.project-art-04 .art-core{background:var(--art-core-grad);border-radius:4px;width:56px;height:32px;transform:translate(-50%,-50%)rotate(-8deg)}.project-card:hover .project-art-04 .art-orbit-one{transform:translate(-50%,-50%)rotate(-5deg)scale(1.04)}.project-card:hover .project-art-04 .art-core{transform:translate(-50%,-50%)rotate(-5deg)scale(1.06)}.about-section{border-top:1px solid var(--hairline);align-items:center;gap:36px;padding:42px 0 65px;display:flex;position:relative;overflow:hidden}.about-mark{background:radial-gradient(circle at 30% 20%, #8872ff30, var(--surface-solid) 75%);width:85px;height:85px;color:var(--text-strong);letter-spacing:-.09em;text-shadow:0 0 35px #8c78ff25,0 0 80px #6254ff12;border:1px solid #8e7cff35;border-radius:24px;flex-shrink:0;place-items:center;font-size:36px;display:grid}.about-mark span{color:var(--accent-text)}.about-copy{max-width:680px}.about-copy h2{letter-spacing:-.035em;text-wrap:balance;max-width:620px;font-size:26px;line-height:1.2}.about-copy p{max-width:600px;color:var(--text-soft);font-size:var(--fs-body-sm);margin:14px 0 0;line-height:1.9}.notfound-section{flex-direction:column;justify-content:center;align-items:flex-start;min-height:60vh;padding:90px 0;display:flex}.notfound-section h1{font-size:var(--fs-h2);letter-spacing:-.055em;margin:18px 0 0;font-weight:500}.notfound-section p{max-width:460px;color:var(--text-dim);font-size:var(--fs-body);margin:16px 0 0;line-height:1.9}.notfound-section .button-primary{margin-top:30px}.footer{border-top:1px solid var(--hairline);min-height:82px;color:var(--text-faint);font-size:var(--fs-mono);justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-brand{color:var(--text-strong);font-size:var(--fs-mono)}.footer-brand span{color:var(--accent)}#main,#home,#projects,#about,.project-card{scroll-margin-top:100px}@media (width>=1400px){.hero{min-height:650px}}@media (width<=900px){.hero{min-height:540px}.orbit,.orb-core{left:82%}.orbit{opacity:.6}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card:last-child:nth-child(odd){grid-column:1/-1}}@media (width<=600px){html{scroll-padding-top:72px}.topbar-inner{gap:12px;min-height:76px}.brand-wordmark{display:none}.navigation{gap:15px;font-size:12px}.navigation .nav-contact{padding:9px 10px}.language-toggle{font-size:var(--fs-mono-sm);gap:4px;padding:7px 8px}.hero{min-height:570px;padding:75px 0}.hero h1{font-size:clamp(38px,11.5vw,66px)}.hero-description{max-width:340px;font-size:15px}.eyebrow,.section-kicker,.section-count{font-size:var(--fs-mono-sm)}.orbit{opacity:.42;top:76%;left:68%}.orbit-large{width:190px;height:190px}.orbit-small{width:130px;height:130px}.orb-core{border-radius:20px;width:65px;height:65px;font-size:24px;top:76%;left:68%}.hero-meta{flex-wrap:wrap;gap:9px;max-width:250px}.projects-section{padding:20px 0 70px}.project-grid{grid-template-columns:1fr}.project-card:last-child{grid-column:auto}.project-card{min-height:250px}.project-art{height:155px;margin-bottom:20px}.project-card-title{font-size:21px}.detail-item p{font-size:13px}.about-section{flex-direction:column;align-items:flex-start;gap:23px}.about-mark{border-radius:18px;width:65px;height:65px;font-size:29px}.about-copy h2{font-size:clamp(26px,7vw,36px)}.about-copy p{line-height:1.85}.footer{flex-wrap:wrap;padding:22px 0}#main,#home,#projects,#about,.project-card{scroll-margin-top:78px}}@media (prefers-reduced-motion:reduce){.ambient,.orbit-large,.orbit-small,.orb-core,.project-detail,.project-card.is-expanded .project-detail{animation:none}}