@import"https://fonts.googleapis.com/css2?family=Unbounded:wght@400;600;700;800&family=Manrope:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--dark: #050505;--dark-soft: #0b1116;--paper: #d8ddd7;--paper-2: #cfd8d4;--ink: #0c1318;--text-light: #edf3f2;--muted-light: rgba(237, 243, 242, .66);--muted-dark: rgba(17, 17, 15, .6);--line-light: rgba(243, 239, 231, .14);--line-dark: rgba(17, 17, 15, .1);--accent: #72e3c0;--accent-2: #91b8ff;--accent-3: #ffc88c;--radius-xl: clamp(28px, 4vw, 44px);--radius-lg: clamp(22px, 3vw, 32px);--pad: clamp(20px, 4.8vw, 72px);--shadow-paper: 0 24px 80px rgba(0, 0, 0, .12), inset 0 1px 0 rgba(255, 255, 255, .75);--ease-out: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}html{scroll-behavior:smooth;background:var(--dark)}body{background:var(--dark);color:var(--text-light);font-family:Manrope,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 18%,rgba(114,227,192,.08),transparent 24%),radial-gradient(circle at 82% 20%,rgba(145,184,255,.09),transparent 26%),radial-gradient(circle at 65% 82%,rgba(255,200,140,.06),transparent 22%);z-index:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.gl-canvas{position:fixed;inset:0;z-index:0;pointer-events:none}.grain{position:fixed;inset:-120px;z-index:1;pointer-events:none;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain-shift .7s steps(4,end) infinite}@keyframes grain-shift{0%{transform:translate(0)}25%{transform:translate(-28px,18px)}50%{transform:translate(20px,-18px)}75%{transform:translate(-14px,-24px)}to{transform:translate(26px,20px)}}.site{position:relative;z-index:2}.nav{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px var(--pad);pointer-events:none}.nav>*{pointer-events:auto}.nav__logo{font-family:Unbounded,sans-serif;font-size:1rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;mix-blend-mode:difference}.nav__logo sup{font-family:JetBrains Mono,monospace;font-size:.58rem;opacity:.6}.pillnav{display:inline-flex;gap:2px;padding:5px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#141414a3;-webkit-backdrop-filter:blur(18px) saturate(130%);backdrop-filter:blur(18px) saturate(130%);box-shadow:0 8px 24px #00000057,inset 0 1px #ffffff14}.pillnav__btn{padding:10px 18px;border-radius:999px;color:#f3efe7b8;font-family:Manrope,sans-serif;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:background .24s ease,color .24s ease}.pillnav__btn:hover{background:#ffffff14;color:var(--text-light)}.hero{min-height:calc(100svh + var(--radius-xl));padding:clamp(110px,16vh,170px) var(--pad) calc(clamp(48px,7vh,84px) + var(--radius-xl));display:flex;align-items:center}.hero__content{width:100%;display:block}.hero__copy{max-width:980px}.hero__kicker,.section-head__idx,.eyebrow{font-family:JetBrains Mono,monospace;letter-spacing:.18em;text-transform:uppercase;font-size:.76rem}.hero__kicker{margin:0 0 2.5vh;color:var(--muted-light)}.hero__title{margin:0;font-family:Unbounded,sans-serif;line-height:.92;letter-spacing:-.04em}.hero__title-main{display:block;font-size:clamp(3.8rem,11vw,10.5rem);text-transform:uppercase}.hero__title-sub{display:block;max-width:700px;margin-top:18px;color:var(--muted-light);font-family:Manrope,sans-serif;font-size:clamp(1.1rem,2vw,1.55rem);font-weight:500;letter-spacing:-.03em;line-height:1.35;text-transform:none}.hero__bottom{margin-top:clamp(28px,6vh,56px);display:flex;justify-content:space-between;align-items:flex-end;gap:28px}.hero__desc{max-width:520px;margin:0;color:var(--muted-light);font-size:clamp(1rem,1.45vw,1.14rem);line-height:1.7}.hero__actions,.link-row,.footer__stats,.chip-cloud{display:flex;flex-wrap:wrap;gap:12px}.hero__actions{margin-top:clamp(30px,5vh,42px)}.btn-glass,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:999px;padding:0 22px;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:transform .18s ease,background .24s ease,color .24s ease,border-color .24s ease}.btn-glass{color:#03120f;background:linear-gradient(135deg,var(--accent),#96f0d4);border:1px solid rgba(114,227,192,.55);-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);box-shadow:0 10px 28px #17a8823d,inset 0 1px #ffffff59}.btn-ghost{color:var(--muted-light);border:1px solid var(--line-light)}.btn-ghost--dark{color:var(--ink);border-color:#11110f2e}.btn-glass:hover,.btn-ghost:hover{transform:translateY(-2px)}.btn-ghost:hover{background:var(--text-light);color:var(--ink);border-color:var(--text-light)}.btn-ghost--dark:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.sheet{position:relative;margin-top:calc(-1 * var(--radius-xl));border-radius:var(--radius-xl) var(--radius-xl) 0 0}.sheet--dark{background:linear-gradient(180deg,#05080cfa,#030508fc),radial-gradient(circle at top right,rgba(114,227,192,.08),transparent 28%);color:var(--text-light);box-shadow:0 -24px 60px #00000057}.sheet--paper{background:radial-gradient(circle at 78% 22%,rgba(255,255,255,.58),transparent 20%),linear-gradient(120deg,rgba(114,227,192,.06),transparent 24%),linear-gradient(180deg,var(--paper),var(--paper-2));color:var(--ink);box-shadow:var(--shadow-paper)}.section{padding:clamp(82px,12vh,150px) var(--pad)}.section-head{display:flex;align-items:baseline;gap:18px;margin-bottom:clamp(34px,6vh,70px)}.section-head__idx{color:currentColor;opacity:.4}.section-head__title{margin:0;font-family:Unbounded,sans-serif;font-size:clamp(2rem,6.4vw,5.5rem);line-height:.95;letter-spacing:-.035em;text-transform:uppercase}.marquee{overflow:hidden;padding:clamp(28px,4.6vh,44px) 0}.marquee__track{display:inline-flex;white-space:nowrap;animation:marquee-run 26s linear infinite}.marquee__item{padding:0 24px;font-family:Unbounded,sans-serif;font-size:clamp(1.6rem,4.6vw,4.2rem);font-weight:800;text-transform:uppercase}.marquee__item b{color:transparent;-webkit-text-stroke:1.4px currentColor}@keyframes marquee-run{to{transform:translate(-50%)}}.about-grid,.archive-grid,.mini-grid{display:grid;gap:18px}.about-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.about-card{grid-column:span 6;min-height:100%;padding:clamp(22px,3vw,32px);border:1px solid var(--line-dark);border-radius:var(--radius-lg);background:linear-gradient(180deg,#ffffff4d,#ffffff24),linear-gradient(90deg,rgba(114,227,192,.05),transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.about-card h3,.work-card h3,.archive-card h3,.mini-card h3,.skill-row__name,.contact-row__label{margin:0;font-family:Unbounded,sans-serif;text-transform:uppercase;letter-spacing:-.03em}.about-card h3{margin-bottom:14px;font-size:clamp(1.25rem,2.2vw,2rem);line-height:1.08}.about-card p,.archive-card p,.mini-card p,.work-card p,.skill-row__desc,.footer p{margin:0;line-height:1.7}.bullet-list{margin:0;padding-left:1.2rem;line-height:1.8}.chip-cloud span{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(17,17,15,.12);background:#ffffff75;font-size:.82rem;font-weight:600}.chip-cloud--dark span{border-color:#11110f1a;background:#11110f0f}.skill-list{border-top:1px solid var(--line-light)}.skill-row{display:grid;grid-template-columns:1fr 1.08fr;gap:28px;align-items:baseline;padding:clamp(24px,4vh,40px) clamp(4px,1vw,12px);border-bottom:1px solid var(--line-light);transition:background .32s var(--ease-out),color .32s var(--ease-out)}.skill-row__name{font-size:clamp(1.35rem,3.6vw,3rem);line-height:1}.skill-row__desc{color:var(--muted-light);transition:color .32s var(--ease-out)}.skill-row:hover{background:var(--text-light);color:var(--ink)}.skill-row:hover .skill-row__desc{color:#11110fad}.works-grid{display:grid;gap:22px}.work-card{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(18px,3vw,40px);align-items:center;min-height:320px;padding:clamp(24px,3vw,42px);border-radius:clamp(24px,3vw,34px);border:1px solid rgba(17,17,15,.1);background:radial-gradient(circle at top right,rgba(114,227,192,.16),transparent 26%),linear-gradient(180deg,#ffffffa8,#ffffff57);box-shadow:0 20px 50px #11110f14,inset 0 1px #ffffffbd;transform-style:preserve-3d;transform:perspective(1200px) rotateX(var(--tilt-y, 0deg)) rotateY(var(--tilt-x, 0deg));transition:transform .24s ease-out,box-shadow .24s ease-out;overflow:hidden}.work-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--glow-x, 50%) var(--glow-y, 50%),rgba(255,255,255,.52),transparent 26%);pointer-events:none}.work-card:hover{box-shadow:0 28px 70px #11110f1f,inset 0 1px #fffc}.work-card__copy,.work-card__media{position:relative;z-index:1}.work-card__copy{display:grid;gap:18px}.work-card__copy .eyebrow{color:#0c13188f}.work-card__copy h3{font-size:clamp(1.6rem,3vw,2.6rem);line-height:1}.work-card__media{display:flex;align-items:center;justify-content:center;min-height:260px}.work-card__media:before{content:"";position:absolute;width:min(72%,280px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.96),rgba(255,255,255,.4) 38%,transparent 72%);filter:blur(18px);opacity:.7}.work-card__media img{position:relative;max-height:250px;object-fit:contain;filter:drop-shadow(0 18px 36px rgba(17,17,15,.18))}.archive-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.archive-card,.mini-card{padding:22px;border-radius:24px}.archive-card{min-height:220px;border:1px solid var(--line-light);background:linear-gradient(180deg,#ffffff0a,#ffffff05),linear-gradient(135deg,rgba(145,184,255,.05),transparent 50%)}.archive-card__idx{display:inline-block;margin-bottom:18px;color:var(--muted-light);font-family:JetBrains Mono,monospace;font-size:.78rem;letter-spacing:.14em}.archive-card h3,.mini-card h3{margin-bottom:12px;font-size:1.2rem;line-height:1.12}.archive-card p{color:var(--muted-light)}.archive-link{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);color:var(--text-light);font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:background .2s ease,color .2s ease,border-color .2s ease}.archive-link:hover{background:var(--text-light);color:var(--ink);border-color:var(--text-light)}.mini-card .archive-link{border-color:#0c131829;color:var(--ink);background:#ffffff6b}.mini-card .archive-link:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.mini-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.mini-card{grid-column:span 4;border:1px solid var(--line-dark);background:linear-gradient(180deg,#ffffff57,#fff3),linear-gradient(135deg,rgba(145,184,255,.06),transparent 50%)}.contact-list{border-top:1px solid var(--line-light)}.contact-row{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;padding:clamp(22px,4vh,34px) 0;border-bottom:1px solid var(--line-light);transition:background .32s var(--ease-out),color .32s var(--ease-out)}.contact-row__label{font-size:clamp(1.7rem,5vw,4rem);line-height:1}.contact-row__meta{color:var(--muted-light);font-size:clamp(.9rem,1.5vw,1rem);word-break:break-word;transition:color .32s var(--ease-out)}.contact-row__arrow{color:var(--muted-light);font-size:clamp(1.4rem,2vw,2rem);transition:transform .32s var(--ease-out),color .32s var(--ease-out)}.contact-row:hover{background:var(--text-light);color:var(--ink)}.contact-row:hover .contact-row__meta,.contact-row:hover .contact-row__arrow{color:#11110fad}.contact-row:hover .contact-row__arrow{transform:translate(6px,-6px)}.footer{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:28px}.footer p{color:var(--muted-light)}.footer__stats{color:var(--muted-light);font-size:.9rem}.footer__stats b{color:var(--text-light);font-weight:600}.reveal{opacity:0;transform:translateY(42px);transition:opacity .9s var(--ease-out),transform 1s var(--ease-out)}.reveal.is-in{opacity:1;transform:none}@media(max-width:1100px){.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-card{grid-column:span 6}}@media(max-width:900px){.nav{flex-direction:column;gap:12px}.hero{padding-top:150px}.hero__bottom,.footer{flex-direction:column;align-items:flex-start}.about-card{grid-column:span 12}.skill-row,.work-card{grid-template-columns:1fr}.work-card__media{min-height:220px}}@media(max-width:640px){.pillnav{width:100%;justify-content:center;flex-wrap:wrap}.hero__title{font-size:clamp(3rem,18vw,5.6rem)}.hero__title-sub{font-size:1rem}.section-head{flex-direction:column;gap:10px;align-items:flex-start}.archive-grid,.mini-grid{grid-template-columns:1fr}.mini-card{grid-column:auto}.contact-row{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.grain,.marquee__track{animation:none}.reveal{opacity:1;transform:none;transition:none}.hero__content,.work-card{transform:none}}