:root{--bg: #050507;--ink: #f4f5f7;--ink-dim: #9aa2b1;--ink-faint: #808795;--line: rgba(255, 255, 255, .09);--panel: rgba(14, 16, 22, .62);--accent: #f97316;--ease: cubic-bezier(.22, 1, .36, 1);--gutter: clamp(1.25rem, 5vw, 6rem);--maxw: 1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,system-ui,sans-serif;font-synthesis-weight:none;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;display:block}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.backdrop-fallback{background-size:cover;background-position:center;opacity:.35;filter:saturate(.85)}.scene-canvas{width:100%!important;height:100%!important}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(120% 80% at 50% 0%,transparent 30%,rgba(5,5,7,.55) 100%),linear-gradient(to bottom,rgba(5,5,7,.3),transparent 18%,transparent 70%,rgba(5,5,7,.85))}.page{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:1.1rem var(--gutter);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(to bottom,rgba(5,5,7,.72),transparent);font-size:.85rem}.nav-mark{font-weight:700;letter-spacing:.14em;color:var(--ink);text-decoration:none}.nav-links{display:flex;gap:clamp(.9rem,2.5vw,2rem)}.nav-links a{color:var(--ink-dim);text-decoration:none;transition:color .3s var(--ease)}.nav-links a:hover{color:var(--ink)}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.72rem 1.5rem;border-radius:999px;border:1px solid transparent;font-size:.92rem;font-weight:500;text-decoration:none;cursor:pointer;transition:transform .35s var(--ease),background .35s var(--ease),border-color .35s var(--ease),color .35s var(--ease)}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--ink);color:#08090c}.btn-primary:hover{background:#fff}.btn-ghost{border-color:var(--line);color:var(--ink);background:#ffffff08}.btn-ghost:hover{border-color:#ffffff47;background:#ffffff14}.hero{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 var(--gutter);position:relative}.hero-inner{will-change:transform,opacity;max-width:52rem;position:relative}.hero-inner:before{content:"";position:absolute;top:-18%;right:-12%;bottom:-18%;left:-12%;z-index:-1;background:radial-gradient(58% 52% at 50% 50%,rgba(5,5,7,.86),rgba(5,5,7,.4) 62%,transparent 78%);pointer-events:none}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .85rem;border:1px solid var(--line);border-radius:999px;font-size:.76rem;letter-spacing:.08em;color:var(--ink-dim);background:#ffffff08;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dot{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 10px #34d399;animation:pulse 2.4s var(--ease) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.hero-title{margin:1.3rem 0 0;font-size:clamp(3.2rem,13vw,9.5rem);line-height:.92;letter-spacing:-.045em;font-weight:700;display:flex;gap:.22em;justify-content:center;flex-wrap:wrap}.hero-title-dim{color:transparent;-webkit-text-stroke:1.5px rgba(244,245,247,.55)}.hero-sub{margin:1.6rem auto 0;max-width:34rem;font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.6;color:var(--ink-dim)}.hero-actions{margin-top:2.2rem;display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.scroll-hint{position:absolute;bottom:2.2rem;display:flex;flex-direction:column;align-items:center;gap:.6rem;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint)}.scroll-line{width:1px;height:46px;background:linear-gradient(to bottom,var(--ink-faint),transparent);animation:drop 2.6s var(--ease) infinite}@keyframes drop{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.statement{max-width:var(--maxw);margin:0 auto;padding:clamp(6rem,18vh,12rem) var(--gutter)}.statement-text{font-size:clamp(1.5rem,4vw,3rem);line-height:1.28;letter-spacing:-.025em;font-weight:500;color:var(--ink-faint);opacity:0;transform:translateY(30px);transition:opacity 1s var(--ease),transform 1s var(--ease),color 1s var(--ease)}.statement-text.is-visible{opacity:1;transform:none;color:var(--ink)}.statement-text em{font-style:italic;color:var(--accent)}.section-heading{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter) clamp(2.5rem,6vw,4.5rem);opacity:0;transform:translateY(26px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.section-heading.is-visible{opacity:1;transform:none}.section-label{display:block;font-size:.74rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:.9rem}.section-title{margin:0;font-size:clamp(1.9rem,5vw,3.4rem);line-height:1.08;letter-spacing:-.035em;font-weight:600}.work,.more{padding:clamp(3rem,10vh,7rem) 0}.panel{max-width:var(--maxw);margin:0 auto clamp(5rem,14vh,10rem);padding:0 var(--gutter);display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}.panel-body>*{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.panel.is-visible .panel-body>*{opacity:1;transform:none}.panel.is-visible .panel-meta{transition-delay:.02s}.panel.is-visible .panel-title{transition-delay:.18s}.panel.is-visible .panel-copy{transition-delay:.26s}.panel.is-visible .panel-actions{transition-delay:.34s}.panel.is-visible .panel-media{opacity:1}.panel-flip .panel-media{order:2}.panel-media{border-radius:20px;overflow:hidden;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 30px 80px -30px #000000e6;will-change:transform;opacity:0;transition:opacity 1s var(--ease)}.panel-media img{width:100%;aspect-ratio:4 / 3;object-fit:cover;transition:transform 1.2s var(--ease)}.panel:hover .panel-media img{transform:scale(1.04)}.panel-placeholder{aspect-ratio:4 / 3;display:grid;place-items:center;padding:1.5rem;text-align:center;font-size:clamp(1.2rem,2.6vw,2rem);font-weight:600;letter-spacing:-.03em;color:var(--ink);background:radial-gradient(90% 70% at 30% 20%,color-mix(in srgb,var(--chip) 32%,transparent),transparent),linear-gradient(140deg,rgba(255,255,255,.05),transparent)}.panel-body{will-change:transform}.panel-meta{display:block;font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:.9rem}.panel-meta-num{font-variant-numeric:tabular-nums}.panel-meta-num:after{content:"·";margin:0 .55rem 0 .35rem}.panel-title{margin:1rem 0 .75rem;font-size:clamp(1.8rem,4vw,2.9rem);line-height:1.05;letter-spacing:-.035em;font-weight:600}.panel-copy{margin:0 0 1.7rem;font-size:1.02rem;line-height:1.65;color:var(--ink-dim)}.panel-actions{display:flex;gap:.7rem;flex-wrap:wrap}.more-list{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter);border-top:1px solid var(--line)}.row{display:grid;grid-template-columns:auto 1fr auto;gap:clamp(1rem,3vw,2.5rem);align-items:center;padding:clamp(1.5rem,3vw,2.2rem) 0;border-bottom:1px solid var(--line);opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease),background .4s var(--ease)}.row.is-visible{opacity:1;transform:none}.row:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--chip) 8%,transparent),transparent 70%)}.row-num{font-size:.8rem;color:var(--ink-faint);font-variant-numeric:tabular-nums}.row-top{display:flex;align-items:baseline;gap:.8rem;flex-wrap:wrap}.row-name{margin:0;font-size:clamp(1.1rem,2.2vw,1.45rem);font-weight:600;letter-spacing:-.02em}.row-cat{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint)}.row-desc{margin:.5rem 0 0;font-size:.94rem;line-height:1.6;color:var(--ink-dim);max-width:46rem}.row-actions{display:flex;gap:1rem;align-items:center}.row-link{font-size:.85rem;color:var(--ink-dim);text-decoration:none;white-space:nowrap;border-bottom:1px solid transparent;transition:color .3s var(--ease),border-color .3s var(--ease)}.row-link:hover{color:var(--ink);border-bottom-color:var(--chip)}.experience{padding:clamp(4rem,12vh,8rem) 0 0}.role-list{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter);border-top:1px solid var(--line)}.role{padding:clamp(1.6rem,3vw,2.4rem) 0;border-bottom:1px solid var(--line);opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.role.is-visible{opacity:1;transform:none}.role-head{display:flex;align-items:baseline;gap:.9rem;flex-wrap:wrap}.role-company{margin:0;font-size:clamp(1.2rem,2.4vw,1.6rem);font-weight:600;letter-spacing:-.02em}.role-meta{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#34d399}.role-meta-quiet{color:var(--ink-faint);letter-spacing:.08em;text-transform:none;font-size:.82rem}.role-link{display:inline-block;margin-top:.9rem;font-size:.85rem;color:var(--ink-dim);text-decoration:none;border-bottom:1px solid var(--line);transition:color .3s var(--ease),border-color .3s var(--ease)}.role-link:hover{color:var(--ink);border-bottom-color:var(--ink-faint)}.role-copy{margin:.6rem 0 0;font-size:.98rem;line-height:1.65;color:var(--ink-dim);max-width:46rem}.contact{max-width:var(--maxw);margin:0 auto;padding:clamp(6rem,18vh,12rem) var(--gutter) 4rem;text-align:center;opacity:0;transform:translateY(30px);transition:opacity 1s var(--ease),transform 1s var(--ease)}.contact.is-visible{opacity:1;transform:none}.contact-title{margin:.6rem 0 2rem;font-size:clamp(2rem,6vw,4rem);line-height:1.05;letter-spacing:-.04em;font-weight:600}.contact-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.contact-foot{margin-top:4rem;font-size:.8rem;color:var(--ink-faint)}.project-hero{max-width:52rem;margin:0 auto;padding:clamp(8rem,20vh,12rem) var(--gutter) clamp(2rem,6vw,3.5rem);text-align:center}.project-title{margin:1rem 0 .9rem;font-size:clamp(2.2rem,7vw,4.5rem);line-height:1.02;letter-spacing:-.04em;font-weight:700}.project-tagline{margin:0 auto 2rem;max-width:38rem;font-size:clamp(1rem,1.8vw,1.2rem);line-height:1.6;color:var(--ink-dim)}.project-body{max-width:42rem;margin:0 auto;padding:0 var(--gutter)}.project-para{font-size:1.06rem;line-height:1.8;color:var(--ink-dim);margin:0 0 1.6rem;opacity:0;transform:translateY(20px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.project-para.is-visible{opacity:1;transform:none}.project-para:first-child{font-size:1.2rem;color:var(--ink)}.gallery{max-width:var(--maxw);margin:clamp(3rem,8vw,6rem) auto 0;padding:0 var(--gutter);display:grid;gap:clamp(1.5rem,4vw,3rem)}.figure{margin:0;opacity:0;transform:translateY(34px);transition:opacity 1s var(--ease),transform 1s var(--ease)}.figure.is-visible{opacity:1;transform:none}.figure img{width:100%;border-radius:18px;border:1px solid var(--line);box-shadow:0 30px 80px -30px #000000e6}.figure figcaption{margin-top:.8rem;font-size:.84rem;color:var(--ink-faint);text-align:center}.project-foot{display:flex;justify-content:center;padding:clamp(4rem,12vh,8rem) var(--gutter)}@media (max-width: 860px){.panel{grid-template-columns:1fr}.panel-flip .panel-media{order:0}.row{grid-template-columns:auto 1fr}.row-actions{grid-column:2;margin-top:.4rem}[data-parallax]{transform:none!important}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.statement-text,.section-heading,.panel,.panel-media,.panel-body>*,.row,.role,.contact,.project-para,.figure{opacity:1;transform:none}}