:root{--background: #f8fbff;--background-glow: rgba(8, 124, 255, .18);--surface: #ffffff;--surface-soft: #f4f8fd;--text-primary: #0f172a;--text-secondary: #516071;--border: #dce7f3;--border-strong: #bfdbff;--accent: #0978ff;--accent-secondary: #6d5dfc;--accent-cyan: #07c8ff;--card-background: rgba(255, 255, 255, .78);--nav-background: rgba(248, 251, 255, .84);--floating-background: rgba(255, 255, 255, .82);--button-text: #ffffff;--focus: #f59e0b;--shadow: 0 24px 70px rgba(20, 54, 100, .11);--glow-shadow: 0 0 90px rgba(8, 124, 255, .24);--container-max: 1210px;--transition-base: .18s ease}[data-theme=dark]{--background: #020817;--background-glow: rgba(4, 129, 255, .3);--surface: #061426;--surface-soft: #081a2f;--text-primary: #f8fafc;--text-secondary: #a6b3c4;--border: #17304f;--border-strong: #1b8dff;--accent: #1686ff;--accent-secondary: #00c8ff;--accent-cyan: #00c8ff;--card-background: rgba(6, 20, 38, .76);--nav-background: rgba(2, 8, 23, .82);--floating-background: rgba(7, 20, 39, .82);--button-text: #ffffff;--focus: #38bdf8;--shadow: 0 28px 85px rgba(0, 0, 0, .5);--glow-shadow: 0 0 110px rgba(0, 200, 255, .34)}*,*:before,*:after{box-sizing:border-box}html{color-scheme:light dark;scroll-behavior:smooth}body{min-width:320px;margin:0;color:var(--text-primary);background:radial-gradient(circle at 74% 8%,var(--background-glow),transparent 26rem),radial-gradient(circle at 15% 28%,rgba(8,124,255,.07),transparent 20rem),var(--background);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;transition:background-color var(--transition-base),color var(--transition-base)}body,button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.04;letter-spacing:0}p{color:var(--text-secondary)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.container{width:min(100% - 2rem,var(--container-max));margin-inline:auto}.skip-link{position:fixed;top:1rem;left:1rem;z-index:20;transform:translateY(-150%);border-radius:999px;padding:.75rem 1rem;color:var(--button-text);background:var(--accent);transition:transform var(--transition-base)}.skip-link:focus{transform:translateY(0)}.site-header{position:sticky;top:0;z-index:10;border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent);background:var(--nav-background);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav{display:grid;min-height:72px;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem;position:relative}.brand{display:inline-flex;width:fit-content;align-items:baseline;color:var(--text-primary);font-size:2.25rem;font-weight:900;letter-spacing:-.03em;line-height:1}.brand span:last-child{margin-left:-.15em;color:var(--accent)}.nav__links,.nav__actions,.button-row{display:flex;align-items:center}.nav__links{gap:2.35rem}.nav__links a{color:var(--text-primary);font-size:.95rem;font-weight:600;transition:color var(--transition-base)}.nav__links a:hover{color:var(--accent)}.nav__links a:focus-visible{border-radius:6px}.nav__actions{justify-content:flex-end;gap:.75rem}.nav__menu{display:none}.icon-button{display:inline-grid;width:2.5rem;height:2.5rem;place-items:center;border:1px solid var(--border);border-radius:.75rem;color:var(--text-primary);background:var(--surface);cursor:pointer;transition:transform var(--transition-base),border-color var(--transition-base),background var(--transition-base)}.icon-button:hover{transform:translateY(-2px);border-color:var(--accent)}.theme-toggle{display:inline-flex;min-height:2rem;align-items:center;gap:.62rem;border:0;border-radius:999px;color:var(--text-primary);background:transparent;cursor:pointer;font-size:.95rem;font-weight:600}.theme-toggle__switch{position:relative;display:inline-block;width:42px;height:22px;border-radius:999px;background:var(--accent);box-shadow:0 8px 24px #087cff47}.theme-toggle__switch:after{position:absolute;top:3px;right:3px;width:16px;height:16px;border-radius:50%;background:#fff;content:"";transition:transform var(--transition-base)}:root:not([data-theme=dark]) .theme-toggle__switch:after{transform:translate(-20px)}.button{display:inline-flex;min-width:184px;min-height:56px;align-items:center;justify-content:center;gap:1.1rem;border:1px solid transparent;border-radius:8px;padding:.9rem 1.35rem;font-weight:800;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base),background var(--transition-base)}.button:hover{transform:translateY(-2px)}.button--primary{color:var(--button-text);background:var(--accent);box-shadow:0 18px 34px #087cff47}.button--secondary{border-color:var(--border);color:var(--text-primary);background:color-mix(in srgb,var(--surface) 62%,transparent)}.hero{position:relative;min-height:calc(100vh - 72px);overflow:hidden;padding-block:clamp(3rem,6vw,4.65rem) 2rem}.hero:before{position:absolute;top:8.2rem;left:clamp(1rem,3vw,3.8rem);width:1px;height:285px;background:linear-gradient(transparent,var(--accent-cyan),transparent);content:"";opacity:.8}.hero__grid{display:grid;grid-template-columns:minmax(30rem,.95fr) minmax(30rem,1.05fr);align-items:center;gap:clamp(1rem,4vw,3.7rem)}.hero__content{position:relative;z-index:2;padding-top:1.5rem}.availability{display:inline-flex;align-items:center;gap:.75rem;margin-bottom:1.7rem;border:1px solid var(--border);border-radius:999px;padding:.38rem 1rem;color:var(--accent);font-size:.72rem;font-weight:900;letter-spacing:.24em;text-transform:uppercase}.availability span{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 18px var(--accent-cyan)}.hero h1{max-width:9ch;margin:0 0 .9rem;font-size:clamp(4.7rem,8vw,6.8rem);font-weight:900}.hero h1 span{display:block}.hero h1 span:last-child{color:var(--accent);background:linear-gradient(100deg,var(--accent),var(--accent-cyan));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero__role{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;margin-bottom:1.45rem;color:var(--text-primary);font-size:clamp(1.1rem,1.7vw,1.33rem);font-weight:500}.hero__role span{width:5px;height:5px;border-radius:50%;background:var(--accent)}.hero__intro{max-width:31rem;margin-bottom:2rem;font-size:1.13rem}.hero__actions{gap:1.1rem;margin-bottom:2.1rem}.hero__feature-grid{display:grid;max-width:575px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.hero-feature{display:grid;min-height:105px;grid-template-columns:auto 1fr;align-items:center;gap:.8rem;border:1px solid var(--border);border-radius:10px;padding:1rem;background:var(--card-background);box-shadow:0 12px 30px #0f172a0a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-feature svg{color:var(--accent)}.hero-feature:nth-child(2) svg{color:var(--accent-secondary)}.hero-feature h2{margin:0 0 .35rem;color:var(--text-primary);font-size:.86rem;font-weight:800;line-height:1.2}.hero-feature p{margin:0;font-size:.82rem}.hero__visual{position:relative;min-height:690px;isolation:isolate}.hero__orb{position:absolute;top:5%;right:13%;z-index:-3;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle at 48% 45%,rgba(255,255,255,.2),transparent 28%),radial-gradient(circle,rgba(8,124,255,.36),rgba(0,200,255,.12) 45%,transparent 72%);box-shadow:var(--glow-shadow)}[data-theme=dark] .hero__orb{background:radial-gradient(circle at 48% 42%,rgba(4,27,53,.94),rgba(3,22,43,.84) 38%,transparent 70%),radial-gradient(circle,rgba(4,55,104,.58),rgba(2,24,48,.54) 50%,transparent 76%);box-shadow:inset 0 0 90px #010916c7,0 0 70px #00408238}.hero__orbit{position:absolute;z-index:-2;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);opacity:.7;pointer-events:none}.hero__orbit--one{top:1rem;right:5rem;width:470px;height:620px;border-radius:48% 52% 47% 53%;transform:rotate(-24deg)}.hero__orbit--two{right:1.3rem;bottom:4.3rem;width:540px;height:385px;border-radius:45% 55% 52% 48%;transform:rotate(35deg)}.hero__code{position:absolute;top:4.6rem;left:5.9rem;color:color-mix(in srgb,var(--text-secondary) 35%,transparent);font-family:SFMono-Regular,Consolas,monospace;font-size:.64rem;line-height:1.75}.hero__dots{position:absolute;top:2rem;right:5rem;width:114px;height:82px;opacity:.62;background-image:radial-gradient(var(--text-secondary) 1.5px,transparent 1.5px);background-size:18px 18px}.hero__portrait{position:absolute;right:4.2rem;bottom:0;z-index:1;width:min(500px,78%);height:auto;filter:drop-shadow(0 32px 34px rgba(3,10,24,.3)) drop-shadow(0 0 30px color-mix(in srgb,var(--accent) 18%,transparent))}[data-theme=dark] .hero__portrait{filter:drop-shadow(0 34px 30px rgba(0,0,0,.46))}.hero__visual:after{position:absolute;right:8.8rem;bottom:-.1rem;z-index:-1;width:300px;height:42px;border-radius:50%;background:#00000038;filter:blur(18px);content:""}.floating-card{position:absolute;z-index:3;border:1px solid var(--border);border-radius:14px;background:var(--floating-background);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.floating-card--stack{top:10.2rem;right:.25rem;width:140px;padding:1.2rem 1.15rem}.floating-card--stack svg,.floating-card--chart svg{color:var(--accent)}.floating-card--stack ul{display:grid;gap:1.1rem;margin:1.1rem 0 0;padding:0;list-style:none}.floating-card--stack li{position:relative;color:var(--text-primary);font-size:.9rem}.floating-card--stack li:after{position:absolute;top:.45rem;right:0;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent-cyan);content:""}.floating-card--chart{right:1.1rem;bottom:14.3rem;display:grid;width:94px;height:78px;place-items:center}.hero-project-badge{position:absolute;right:8.6rem;bottom:3.4rem;z-index:4;display:grid;min-width:148px;min-height:90px;align-content:center;gap:.15rem;border:1px solid color-mix(in srgb,var(--accent-cyan) 68%,var(--border));border-radius:18px;padding:1rem 1.1rem;color:var(--button-text);background:radial-gradient(circle at 18% 16%,rgba(255,255,255,.24),transparent 34%),linear-gradient(135deg,var(--accent),var(--accent-cyan));box-shadow:0 20px 46px #087cff4d,inset 0 0 24px #ffffff29;overflow:hidden;text-transform:lowercase}.hero-project-badge:before{position:absolute;inset:-45%;background:conic-gradient(from 110deg,transparent,rgba(255,255,255,.38),transparent 32%);content:"";opacity:0;transition:opacity var(--transition-base)}.hero-project-badge:hover:before,.hero-project-badge:focus-visible:before{opacity:1}.hero-project-badge strong,.hero-project-badge span{position:relative;z-index:1}.hero-project-badge strong{font-size:2.15rem;line-height:1}.hero-project-badge span{max-width:7rem;font-size:.8rem;font-weight:900;letter-spacing:.08em}.section-band{position:relative;padding-block:1.15rem}.section-kicker{margin:0 0 1rem;color:var(--accent);font-size:.82rem;font-weight:900;letter-spacing:.32em;text-transform:uppercase}.about-card{display:grid;grid-template-columns:minmax(18rem,.82fr) minmax(24rem,1.18fr);align-items:center;gap:3rem;border:1px solid var(--border);border-radius:16px;padding:1rem 3.15rem 1rem 1rem;background:var(--card-background);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.about-card__media{position:relative;height:360px;overflow:hidden;border:1px solid var(--border-strong);border-radius:12px;background:var(--surface-soft)}.about-card__image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 46%}.about-card__image--dark,[data-theme=dark] .about-card__image--light{display:none}[data-theme=dark] .about-card__image--dark{display:block}.about-card__content h2{max-width:30rem;margin:0 0 1.25rem;color:var(--text-primary);font-size:clamp(2rem,3.4vw,2.85rem);font-weight:700}.about-card__content h2 span{color:var(--accent)}.about-card__content p:not(.section-kicker){max-width:39rem;margin-bottom:1.05rem;font-size:1rem}.about-card__content .button{min-width:168px;min-height:48px;margin-top:.35rem}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.35rem}.service-card,.skill-card,.project-card{border:1px solid var(--border);border-radius:12px;background:var(--card-background);box-shadow:0 16px 42px #0f172a0a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.service-card:hover,.skill-card:hover,.project-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 70%,var(--border));box-shadow:var(--shadow)}.service-card{min-height:220px;padding:1.55rem 1.45rem}.service-card svg{margin-bottom:1.45rem;color:var(--accent);stroke-width:1.8}.service-card:nth-child(2) svg,.service-card:nth-child(4) svg{color:var(--accent-secondary)}.service-card h3,.skill-card h3{margin:0 0 .8rem;color:var(--text-primary);font-size:1.2rem;font-weight:700}.service-card p{margin:0;font-size:.98rem}.skill-grid{display:grid;grid-template-columns:.8fr 1.65fr .9fr .95fr;gap:1.35rem}.skill-card{min-height:140px;padding:1.2rem 1.25rem}.skill-pills{display:flex;flex-wrap:wrap;gap:.72rem}.skill-pills span{display:inline-flex;min-height:32px;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:7px;padding:.35rem .85rem;color:var(--text-secondary);background:color-mix(in srgb,var(--surface) 55%,transparent);font-size:.86rem;font-weight:600}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.35rem}.project-card{overflow:hidden}.project-card__media{position:relative;display:grid;min-height:178px;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 48%),var(--surface-soft)}.project-card__media img{display:block;width:100%;height:178px;object-fit:cover}.project-card--logo .project-card__media{background:radial-gradient(circle at 50% 45%,rgba(124,92,255,.18),transparent 42%),linear-gradient(135deg,color-mix(in srgb,var(--surface-soft) 92%,white),var(--surface))}.project-card--logo .project-card__media img{width:min(52%,170px);height:min(72%,138px);object-fit:contain;filter:drop-shadow(0 18px 26px rgba(15,23,42,.12))}.project-card__media span{position:absolute;top:.75rem;left:.75rem;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:999px;padding:.36rem .7rem;color:var(--accent);background:color-mix(in srgb,var(--surface) 74%,transparent);font-size:.72rem;font-weight:800;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.project-card__placeholder{display:grid;width:100%;height:178px;place-items:center;color:var(--accent);background:linear-gradient(135deg,#087cff2e,#7c5cff24),var(--surface-soft)}.project-card__body{padding:1.1rem}.project-card h3{margin:0 0 .55rem;color:var(--text-primary);font-size:1.17rem}.project-card p{min-height:4.8rem;margin-bottom:1rem;font-size:.92rem}.project-tech{display:flex;flex-wrap:wrap;gap:.48rem;margin-bottom:1.05rem}.project-tech span{border:1px solid var(--border);border-radius:7px;padding:.3rem .52rem;color:var(--text-secondary);background:color-mix(in srgb,var(--surface) 55%,transparent);font-size:.76rem;font-weight:700}.project-card a{display:inline-flex;align-items:center;gap:.45rem;color:var(--accent);font-size:.92rem;font-weight:800}.project-archive-card{position:relative;display:grid;min-height:325px;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent-cyan) 72%,var(--border));border-radius:12px;padding:1.5rem;color:var(--button-text);background:radial-gradient(circle at 22% 14%,rgba(255,255,255,.26),transparent 32%),linear-gradient(145deg,#075dff,#00b8ff 58%,#6d5dfc);box-shadow:0 24px 70px #087cff40,inset 0 0 38px #ffffff24;text-align:center;transition:transform var(--transition-base),box-shadow var(--transition-base),filter var(--transition-base)}.project-archive-card:before{position:absolute;inset:-55%;background:conic-gradient(from 90deg,transparent,rgba(255,255,255,.42),transparent 30%);content:"";opacity:.36}.project-archive-card:hover,.project-archive-card:focus-visible{transform:translateY(-5px);filter:saturate(1.14);box-shadow:0 32px 90px #087cff6b,inset 0 0 48px #fff3}.project-archive-card svg,.project-archive-card strong,.project-archive-card span,.project-archive-card small,.project-archive-card em{position:relative;z-index:1}.project-archive-card strong{font-size:clamp(3.5rem,8vw,5.5rem);line-height:.9}.project-archive-card span{font-size:1.05rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.project-archive-card small{max-width:17rem;color:#ffffffdb;font-size:.92rem}.project-archive-card em{display:inline-flex;align-items:center;gap:.45rem;font-style:normal;font-weight:900}.all-projects{min-height:calc(100vh - 72px);padding-block:clamp(2rem,5vw,4rem)}.all-projects__hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2rem;margin-bottom:2rem}.all-projects__hero h1{max-width:10ch;margin:0 0 1rem;color:var(--text-primary);font-size:clamp(3rem,7vw,5.6rem);font-weight:900}.all-projects__hero p:not(.section-kicker){max-width:46rem;margin:0;font-size:clamp(1rem,1.5vw,1.24rem)}.all-projects__stat{display:grid;width:176px;height:176px;place-items:center;align-content:center;border:1px solid color-mix(in srgb,var(--accent-cyan) 70%,var(--border));border-radius:50%;color:var(--button-text);background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.26),transparent 35%),linear-gradient(145deg,var(--accent),var(--accent-cyan));box-shadow:0 24px 70px #087cff3d}.all-projects__stat strong{font-size:3.8rem;line-height:.92}.all-projects__stat span{font-weight:900;letter-spacing:.16em;text-transform:uppercase}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.archive-card{display:grid;min-height:270px;gap:.85rem;border:1px solid var(--border);border-radius:12px;padding:1.15rem;background:var(--card-background);box-shadow:0 16px 42px #0f172a0a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.archive-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 70%,var(--border));box-shadow:var(--shadow)}.archive-card__icon{display:grid;width:48px;height:48px;place-items:center;border-radius:12px;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.archive-card p{margin:0;color:var(--accent);font-size:.76rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.archive-card h2{margin:0;color:var(--text-primary);font-size:1.18rem}.archive-card>span{color:var(--text-secondary);font-size:.92rem}.archive-card__tags{display:flex;flex-wrap:wrap;gap:.42rem}.archive-card__tags small{border:1px solid var(--border);border-radius:7px;padding:.28rem .48rem;color:var(--text-secondary);background:color-mix(in srgb,var(--surface) 55%,transparent);font-size:.72rem;font-weight:800}.archive-card a{display:inline-flex;align-self:end;align-items:center;gap:.45rem;color:var(--accent);font-size:.9rem;font-weight:900}.project-detail{min-height:calc(100vh - 72px);padding-block:clamp(2rem,5vw,4rem)}.project-detail__back{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:2rem;color:var(--accent);font-weight:800}.project-detail__hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.46fr);align-items:end;gap:2rem;margin-bottom:clamp(2.6rem,7vw,5rem)}.project-detail__copy h1{max-width:10ch;margin:0 0 1rem;color:var(--text-primary);font-size:clamp(3.2rem,8vw,6.4rem);font-weight:900}.project-detail__copy p:not(.section-kicker){max-width:52rem;margin:0;font-size:clamp(1.05rem,1.6vw,1.3rem)}.project-detail__meta{display:grid;gap:.8rem;border:1px solid var(--border);border-radius:14px;padding:1rem;background:var(--card-background);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.project-detail__meta span{display:grid;gap:.24rem;color:var(--text-secondary);font-size:.92rem}.project-detail__meta strong{color:var(--text-primary);font-size:.8rem;letter-spacing:.16em;text-transform:uppercase}.project-detail__gallery{position:relative;display:grid;min-height:470px;margin-bottom:clamp(2rem,5vw,3.4rem);isolation:isolate}.project-detail__gallery:before{position:absolute;inset:12% 10%;z-index:-1;border-radius:999px;background:radial-gradient(circle at 45% 45%,color-mix(in srgb,var(--accent) 28%,transparent),transparent 48%),radial-gradient(circle at 62% 35%,color-mix(in srgb,var(--accent-cyan) 20%,transparent),transparent 42%);filter:blur(28px);content:""}.project-shot{position:absolute;width:min(42%,510px);margin:0;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}.project-shot img{display:block;width:100%;height:100%;min-height:245px;object-fit:cover}.project-shot:first-child{bottom:1.2rem;left:0;transform:rotate(-3deg)}.project-shot:nth-child(2){top:0;left:50%;z-index:2;width:min(56%,690px);transform:translate(-50%)}.project-shot:last-child{right:0;bottom:0;transform:rotate(3deg)}.project-detail__blueprint{position:relative;display:grid;grid-template-columns:.72fr 1fr 1fr;gap:1rem;margin-bottom:clamp(2rem,5vw,3.4rem);isolation:isolate}.project-detail__blueprint:before{position:absolute;inset:14% 8%;z-index:-1;border-radius:999px;background:radial-gradient(circle at 35% 45%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 48%),radial-gradient(circle at 72% 55%,color-mix(in srgb,var(--accent-cyan) 16%,transparent),transparent 46%);filter:blur(30px);content:""}.project-detail__blueprint article{display:grid;align-content:start;gap:.85rem;min-height:230px;border:1px solid var(--border);border-radius:14px;padding:clamp(1.1rem,2.4vw,1.5rem);background:var(--card-background);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.project-detail__blueprint strong{color:var(--accent);font-size:.8rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.project-detail__blueprint span{color:var(--text-secondary);font-size:1rem;line-height:1.75}.project-detail__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.45fr);gap:1.35rem}.project-detail__description,.project-detail__side{border:1px solid var(--border);border-radius:14px;background:var(--card-background);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.project-detail__description{padding:clamp(1.4rem,3vw,2rem)}.project-detail__description h2,.project-detail__side h2{margin:0 0 .95rem;color:var(--text-primary);font-size:1.25rem}.project-detail__description p{max-width:62rem;margin-bottom:1.35rem;font-size:1.02rem}.project-detail__demo{overflow:hidden;width:100%;margin:1.35rem 0;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow);aspect-ratio:16 / 9}.project-detail__demo iframe{display:block;width:100%;height:100%;border:0}.project-detail__side{display:grid;gap:1.3rem;padding:1.25rem}.project-detail__side ul{display:grid;gap:.75rem;margin:0;padding:0;list-style:none}.project-detail__side li{display:flex;align-items:start;gap:.62rem;color:var(--text-secondary);font-size:.94rem}.project-detail__side li svg{flex:0 0 auto;color:var(--accent);margin-top:.1rem}.project-detail__tags{display:flex;flex-wrap:wrap;gap:.48rem}.project-detail__tags span{border:1px solid var(--border);border-radius:7px;padding:.35rem .6rem;color:var(--text-secondary);background:color-mix(in srgb,var(--surface) 55%,transparent);font-size:.78rem;font-weight:800}.education__heading{display:flex;align-items:end;justify-content:space-between;gap:1.5rem;margin-bottom:1.35rem}.education__heading h2{margin:0;color:var(--text-primary);font-size:clamp(1.8rem,3vw,2.45rem)}.education-timeline{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.education-timeline:before{position:absolute;top:2.15rem;right:8%;left:8%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),var(--accent-cyan),transparent);content:"";opacity:.75}.education-card{position:relative;display:grid;gap:1rem;min-width:0}.education-card__marker{position:relative;z-index:1;display:grid;width:68px;height:68px;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 76%,var(--border));border-radius:50%;color:var(--accent);background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 58%),var(--surface);box-shadow:0 18px 36px color-mix(in srgb,var(--accent) 18%,transparent)}.education-card__content{min-height:330px;border:1px solid var(--border);border-radius:12px;padding:1.2rem;background:var(--card-background);box-shadow:0 16px 42px #0f172a0a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.education-card__content:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 70%,var(--border));box-shadow:var(--shadow)}.education-card__period,.education-card__organization{margin:0 0 .65rem;font-weight:800}.education-card__period{color:var(--accent);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.education-card h3{margin:0 0 .45rem;color:var(--text-primary);font-size:1.14rem}.education-card__organization{color:var(--text-primary);font-size:.92rem}.education-card__content p:not(.education-card__period):not(.education-card__organization){margin-bottom:1rem;font-size:.92rem}.education-tags{display:flex;flex-wrap:wrap;gap:.48rem}.education-tags span{border:1px solid var(--border);border-radius:7px;padding:.3rem .52rem;color:var(--text-secondary);background:color-mix(in srgb,var(--surface) 55%,transparent);font-size:.76rem;font-weight:700}.contact{padding-bottom:2rem}.contact-panel{display:grid;grid-template-columns:minmax(18rem,.75fr) minmax(24rem,1fr);gap:2rem;border:1px solid var(--border);border-radius:16px;padding:1.25rem;background:var(--card-background);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.contact-panel__intro{display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--border);padding:1rem 2rem 1rem .25rem}.contact-panel__intro h2{margin-bottom:.75rem;color:var(--text-primary);font-size:clamp(1.8rem,3vw,2.55rem)}.contact-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.25rem}.contact-actions .button{min-width:140px;min-height:48px}.contact-actions a{display:inline-flex;min-height:42px;align-items:center;gap:.45rem;border:1px solid var(--border);border-radius:8px;padding:.65rem .82rem;color:var(--text-primary);background:color-mix(in srgb,var(--surface) 55%,transparent);font-weight:700}.contact-form{display:grid;gap:1rem}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.contact-form label{display:grid;gap:.45rem;color:var(--text-primary);font-size:.9rem;font-weight:800}.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--border);border-radius:9px;padding:.85rem .95rem;color:var(--text-primary);background:color-mix(in srgb,var(--surface) 72%,transparent);outline:none;transition:border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-base)}.contact-form textarea{min-height:140px;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent)}.contact-form .button{justify-self:start;min-width:150px;min-height:48px}.contact-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem}.contact-card{display:flex;min-height:88px;align-items:center;gap:1rem;border:1px solid var(--border);border-radius:12px;padding:1rem;color:var(--text-secondary);background:var(--card-background);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.contact-card svg{flex:0 0 auto;color:var(--accent)}.contact-card span{display:grid;gap:.15rem;font-size:.92rem}.contact-card strong{color:var(--text-primary);font-size:.82rem}.site-footer{border-top:1px solid var(--border);padding-block:1.9rem;background:color-mix(in srgb,var(--background) 92%,var(--surface))}.site-footer__inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem}.site-footer__brand{display:flex;align-items:center;gap:1rem}.site-footer__brand .brand{font-size:2rem}.site-footer__brand p,.site-footer__copyright{margin:0;font-size:.88rem}.site-footer__copyright{text-align:center}.site-footer__socials{display:flex;justify-content:flex-end;gap:.75rem}.site-footer__socials a{display:inline-grid;width:42px;height:42px;place-items:center;border:1px solid var(--border);border-radius:9px;color:var(--text-primary);background:var(--card-background)}@media(prefers-reduced-motion:no-preference){[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .62s ease,transform .62s ease;transition-delay:var(--reveal-delay, 0ms)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}.hero__visual{--reveal-delay: .12s}.hero-feature:nth-child(2),.service-card:nth-child(2),.skill-card:nth-child(2),.project-card:nth-child(2),.project-shot:nth-child(2),.education-card:nth-child(2),.contact-card:nth-child(2){--reveal-delay: 70ms}.hero-feature:nth-child(3),.service-card:nth-child(3),.skill-card:nth-child(3),.project-card:nth-child(3),.project-shot:nth-child(3),.education-card:nth-child(3),.contact-card:nth-child(3){--reveal-delay: .14s}.service-card:nth-child(4),.skill-card:nth-child(4),.project-card:nth-child(4),.education-card:nth-child(4),.contact-card:nth-child(4){--reveal-delay: .21s}.hero__orb{animation:glow-drift 8s ease-in-out infinite alternate}.floating-card{animation:float-soft 5.5s ease-in-out infinite}.hero-project-badge,.project-archive-card:before,.all-projects__stat{animation:blue-pulse 4.8s ease-in-out infinite}.floating-card--chart{animation-delay:.9s}}@keyframes glow-drift{0%{filter:saturate(1);transform:translateZ(0)}to{filter:saturate(1.2);transform:translate3d(-10px,12px,0)}}@keyframes float-soft{0%,to{translate:0 0}50%{translate:0 -8px}}@keyframes blue-pulse{0%,to{filter:saturate(1)}50%{filter:saturate(1.2) brightness(1.08)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}@media(max-width:1180px){.hero__grid{grid-template-columns:minmax(26rem,.9fr) minmax(26rem,1fr)}.hero__portrait{right:2.5rem;width:min(470px,80%)}.about-card{gap:2rem;padding-right:2rem}.service-grid,.skill-grid,.project-grid,.education-timeline,.contact-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.floating-card--stack{right:0}}@media(max-width:1024px){.nav{grid-template-columns:auto 1fr auto}.nav__links{display:none}.nav__links--open{position:absolute;top:calc(100% + .65rem);right:0;left:0;display:grid;gap:.15rem;border:1px solid var(--border);border-radius:12px;padding:.55rem;background:var(--nav-background);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav__links--open a{border-radius:8px;padding:.78rem .9rem}.nav__links--open a:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.nav__menu{display:inline-grid}.hero{padding-top:2.5rem}.hero__grid{display:flex;flex-direction:column;grid-template-columns:1fr}.hero__content{display:contents;max-width:44rem}.hero .availability,.hero h1,.hero__role,.hero__intro,.hero__actions,.hero__feature-grid{width:100%;max-width:44rem}.hero .availability,.hero h1,.hero__role,.hero__intro{order:1}.hero__visual{order:2;width:100%;min-height:610px}.hero__actions{order:3}.hero__feature-grid{order:4}.hero-project-badge{right:calc(50% - 260px);bottom:2.6rem}.hero__portrait{right:50%;width:min(485px,78%);transform:translate(50%)}.hero__orb{right:50%;transform:translate(50%)}.about-card{grid-template-columns:1fr;max-width:48rem;margin-inline:auto;padding:1rem}.about-card__media{height:430px}.hero__orbit--one{right:calc(50% - 235px)}.hero__orbit--two{right:calc(50% - 285px)}.floating-card--stack{right:calc(50% - 310px)}.floating-card--chart{right:calc(50% - 285px)}.contact-panel,.project-detail__hero,.project-detail__body,.project-detail__blueprint,.all-projects__hero{grid-template-columns:1fr}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-detail__gallery{min-height:720px}.project-shot,.project-shot:nth-child(2){width:min(78%,620px)}.project-shot:first-child{top:12rem;bottom:auto}.project-shot:last-child{bottom:0}.education-timeline:before{display:none}.education-card__content{min-height:0}.contact-panel__intro{border-right:0;border-bottom:1px solid var(--border);padding:.5rem 0 1.5rem}.site-footer__inner{grid-template-columns:1fr}.site-footer__copyright{text-align:left}.site-footer__socials{justify-content:flex-start}}@media(max-width:768px){.container{width:min(100% - 1.25rem,var(--container-max))}.brand{font-size:1.9rem}.theme-toggle span:not(.theme-toggle__switch){display:none}.hero:before{display:none}.hero h1{font-size:clamp(3.45rem,16vw,4.9rem)}.hero__role{gap:.55rem;font-size:1rem}.hero__intro{margin-bottom:1rem}.hero__actions{align-items:stretch;flex-direction:column}.button{width:100%}.hero__feature-grid{grid-template-columns:1fr}.section-band{padding-block:1.7rem}.about-card__media{height:360px}.service-grid,.skill-grid,.project-grid,.education-timeline,.contact-card-grid,.form-row{grid-template-columns:1fr}.education__heading{align-items:flex-start;flex-direction:column;gap:.35rem}.education-card{grid-template-columns:auto 1fr;align-items:start}.education-card__marker{width:52px;height:52px}.contact-panel{padding:1rem}.project-card p{min-height:0}.project-detail{padding-block:1.5rem 2.2rem}.project-detail__gallery{display:grid;min-height:auto;gap:1rem}.project-shot,.project-shot:first-child,.project-shot:nth-child(2),.project-shot:last-child{position:relative;inset:auto;width:100%;transform:none}.project-shot img{min-height:210px}.project-detail__blueprint article{min-height:0}.contact-actions,.contact-form .button{width:100%}.contact-actions a{flex:1 1 140px;justify-content:center}.site-footer__brand{align-items:flex-start;flex-direction:column}.hero-feature{min-height:auto}.hero__visual{min-height:430px;margin-block:.35rem 1rem}.hero__portrait{width:min(370px,88%);height:auto}.hero__orb{width:360px;height:360px}.hero__orbit--one,.hero__orbit--two,.hero__code,.hero__dots{display:none}.floating-card--stack{top:4rem;right:.25rem;width:124px;padding:.95rem}.floating-card--chart{right:1.2rem;bottom:6rem;width:74px;height:64px}.hero-project-badge{right:auto;left:.6rem;bottom:2.2rem;min-width:130px;min-height:78px}.hero-project-badge strong{font-size:1.8rem}.archive-grid{grid-template-columns:1fr}.all-projects__stat{width:140px;height:140px}}@media(max-width:480px){.nav{min-height:64px}.hero{min-height:calc(100vh - 64px)}.availability{letter-spacing:.14em}.hero__visual{min-height:390px}.hero__portrait{width:min(340px,92%)}.floating-card--stack{display:none}}