:root{--bg: #0b0b0c;--surface: #141416;--surface-2: #1a1a1d;--line: rgba(255, 255, 255, .09);--text: #f2f6ff;--muted: #9a9ca3;--jade: #00a86b;--jade-ink: #06120d;--display: "Cabinet Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--body: "Cabinet Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--max: 1240px;--gutter: clamp(20px, 5vw, 60px);--radius: 14px;--ease: cubic-bezier(.2, .7, .2, 1)}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--jade);outline-offset:3px;border-radius:6px}h1,h2,h3{margin:0;font-family:var(--display);font-weight:700;letter-spacing:-.03em;line-height:1.02}p{margin:0}ul{margin:0;padding:0;list-style:none}dl{margin:0}.skip{position:absolute;left:-999px;top:8px;z-index:100;background:var(--jade);color:var(--jade-ink);padding:8px 12px}.skip:focus{left:8px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .52s var(--ease),transform .52s var(--ease)}.reveal.is-in{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none;transition:none}*{transition-duration:.01ms!important;animation:none!important}}.wrap{max-width:var(--max);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}.section{padding-top:clamp(56px,9vw,120px);padding-bottom:clamp(24px,4vw,48px)}.section--tight{padding-top:8px;padding-bottom:8px}.page-head{padding-top:clamp(64px,12vw,160px);padding-bottom:clamp(32px,5vw,64px)}.page-head h1,.about h1,.resume h1{font-size:clamp(56px,9vw,112px);font-weight:800;letter-spacing:-.04em;margin-bottom:28px}.lede{color:var(--muted);font-size:clamp(17px,1.6vw,21px);max-width:64ch}.muted{color:var(--muted)}.small{font-size:14px}.accent{color:var(--jade);font-weight:500}.kicker{font-family:var(--display);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--jade);margin-bottom:18px}.kicker a:hover{text-decoration:underline}.h-section{font-size:clamp(30px,4vw,52px);margin-bottom:clamp(28px,4vw,48px)}.nav{position:sticky;top:0;z-index:50;background:#0b0b0cb8;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid var(--line)}.nav__inner{max-width:100%;padding:0 var(--gutter);height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px}.nav__brand{display:flex;align-items:center;gap:12px;font-family:var(--display);font-weight:700;font-size:15px;letter-spacing:.06em;color:var(--text)}.nav__brand img{width:30px;height:30px}.nav__brand:hover span{color:var(--jade)}.nav__tabs{display:flex;gap:clamp(14px,2.5vw,36px)}.nav__tabs a{color:var(--muted);font-weight:500;font-size:16px;white-space:nowrap;transition:color .16s}.nav__tabs a:hover{color:var(--text)}.nav__tabs a.active{color:var(--jade)}.actions{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 22px;border-radius:999px;font-family:var(--display);font-weight:600;font-size:15px;letter-spacing:.01em;background:var(--surface);border:1px solid rgba(255,255,255,.12);color:var(--text);transition:transform .16s var(--ease),background .16s,border-color .16s}.btn:hover{background:#1c1c20;border-color:#ffffff3d}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--jade);color:var(--jade-ink);border-color:transparent}.btn--primary:hover{background:#17b87c}.tag{display:inline-block;font-family:var(--display);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--jade)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.chips li{font-size:13px;font-weight:500;padding:6px 12px;border-radius:8px;background:#00a86b1f;color:var(--jade)}.ph{width:100%;height:100%;min-height:100%;background:var(--surface-2);background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.03) 0 10px,transparent 10px 22px);display:flex;align-items:flex-start;padding:18px 22px}.ph span{font-family:var(--display);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden}.hero__media{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform,opacity}.hero__media img,.hero__media .ph{width:100%;height:100%;object-fit:cover}.hero__media .ph{padding:110px var(--gutter) 0}.hero__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(11,11,12,.15) 0%,rgba(11,11,12,.05) 40%,rgba(11,11,12,.82) 78%,var(--bg) 100%);pointer-events:none}.hero__copy{position:relative;width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--gutter) clamp(48px,7vw,96px);display:flex;flex-direction:column;gap:20px}.hero__copy h1{font-size:clamp(56px,11vw,136px);font-weight:800;letter-spacing:-.045em}.hero__fields{font-family:var(--display);font-weight:600;font-size:clamp(18px,2.2vw,28px)}.hero__line{color:var(--muted);font-size:clamp(16px,1.7vw,22px);max-width:44ch}.hero__copy .actions{margin-top:8px}.feature{display:block;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:28px;transition:border-color .2s,transform .3s var(--ease)}.feature:hover{border-color:#fff3}.feature__img{aspect-ratio:16 / 7;border-radius:var(--radius);overflow:hidden;margin-bottom:36px}.feature__img img,.feature__img .ph{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}.feature:hover .feature__img img{transform:scale(1.03)}.feature__body h2{font-size:clamp(32px,4.4vw,56px);margin-bottom:18px}.feature__body>p{color:var(--muted);font-size:clamp(16px,1.5vw,20px);max-width:60ch;margin-bottom:32px}.specs{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}.specs>div{background:#0f0f11;padding:18px 24px}.specs dt{font-family:var(--display);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.specs dd{margin:0;font-family:var(--display);font-weight:600;font-size:20px}.specs--inline{display:flex;flex-wrap:wrap;width:fit-content;margin:28px 0}.specs--inline>div{flex:1 1 140px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{display:flex;flex-direction:column;height:100%;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px;transition:border-color .2s,transform .26s var(--ease)}.card:hover{border-color:#fff3;transform:translateY(-3px)}.card__img{aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;background:var(--surface-2)}.card__img img,.card__img .ph{width:100%;height:100%;object-fit:cover}.card__body{display:flex;flex-direction:column;gap:8px;padding:22px 6px 6px}.card__body h3{font-size:24px;letter-spacing:-.02em}.card__body p{color:var(--muted);font-size:16px}.card__year{margin-top:auto;padding-top:10px;font-family:var(--display);font-size:13px;font-weight:600;letter-spacing:.06em;color:var(--muted)}.stack{display:flex;flex-direction:column;gap:24px}.scard{display:grid;grid-template-columns:1fr 1.5fr;gap:48px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:24px;transition:border-color .2s,transform .26s var(--ease)}.scard:hover{border-color:#fff3;transform:translateY(-2px)}.scard__img{aspect-ratio:16 / 9;border-radius:var(--radius);overflow:hidden;background:var(--surface-2)}.scard__img img,.scard__img .ph{width:100%;height:100%;object-fit:cover}.scard__body{display:flex;flex-direction:column;gap:14px;padding-right:24px}.scard__body h2{font-size:clamp(30px,3.6vw,48px)}.scard__body p{color:var(--muted);font-size:clamp(16px,1.4vw,19px)}.scard__count{font-family:var(--display);font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.banner{position:relative;min-height:56svh;display:flex;align-items:flex-end;overflow:hidden}.banner__media{position:absolute;top:0;right:0;bottom:0;left:0}.banner__media img,.banner__media .ph{width:100%;height:100%;object-fit:cover}.banner__media .ph{padding:100px var(--gutter) 0}.banner__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(11,11,12,.2) 0%,rgba(11,11,12,.85) 80%,var(--bg) 100%)}.banner__copy{position:relative;width:100%;padding-bottom:clamp(32px,5vw,64px)}.banner__copy h1{font-size:clamp(44px,8vw,96px);font-weight:800;letter-spacing:-.04em;margin-bottom:20px}.detail__hero{height:clamp(320px,56vw,720px);overflow:hidden}.detail__hero img,.detail__hero .ph{width:100%;height:100%;object-fit:cover}.detail__hero .ph{padding:100px var(--gutter) 0}.detail{padding-top:clamp(40px,6vw,80px);padding-bottom:24px}.detail .reveal{max-width:760px}.crumb{display:flex;gap:12px;font-family:var(--display);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:22px}.crumb a{color:var(--jade)}.crumb a:hover{text-decoration:underline}.detail h1{font-size:clamp(40px,6vw,80px);font-weight:800;letter-spacing:-.04em;margin-bottom:20px}.prose{display:flex;flex-direction:column;gap:18px;font-size:18px;color:#d3d6de}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}.gallery__item{aspect-ratio:4 / 3;border-radius:var(--radius);overflow:hidden}.gallery__item img,.gallery__item .ph{width:100%;height:100%;object-fit:cover}.about{display:grid;grid-template-columns:.9fr 1.3fr;gap:64px;align-items:center;padding-top:clamp(64px,10vw,140px);padding-bottom:clamp(64px,10vw,140px)}.about__img{aspect-ratio:4 / 5;border-radius:20px;overflow:hidden}.about__img img,.about__img .ph{width:100%;height:100%;object-fit:cover}.about__body{display:flex;flex-direction:column;gap:22px;font-size:clamp(17px,1.5vw,21px);color:#cfd3db;max-width:62ch}.about__body h1{margin-bottom:4px}.about__body .actions{margin-top:10px}.resume{padding-top:clamp(64px,10vw,140px);padding-bottom:clamp(64px,8vw,100px);max-width:1000px}.resume .lede{margin-bottom:10px}.resume .btn{margin:24px 0 40px}.resume__preview{display:block;max-width:720px;aspect-ratio:8.5 / 11;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:var(--surface)}.resume__preview img,.resume__preview .ph{width:100%;height:100%;object-fit:cover}.cta{text-align:center;padding-top:clamp(80px,12vw,160px);padding-bottom:clamp(80px,12vw,160px);margin-top:40px;border-top:1px solid var(--line)}.cta h2{font-size:clamp(30px,4.5vw,60px);max-width:22ch;margin:0 auto 36px}.footer{border-top:1px solid var(--line)}.footer__inner{padding:36px var(--gutter) 48px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.footer__copy{font-family:var(--display);font-size:13px;font-weight:600;letter-spacing:.08em;color:var(--muted)}.footer__links{display:flex;gap:22px;font-weight:500;color:var(--muted)}.footer__links a:hover{color:var(--text)}@media (max-width: 1024px){.grid,.specs{grid-template-columns:repeat(2,1fr)}.about{grid-template-columns:1fr;gap:36px}.about__img{max-width:420px}}@media (max-width: 680px){body{font-size:16px}.nav__inner{height:60px}.nav__brand span{display:none}.nav__tabs{gap:18px}.nav__tabs a{font-size:15px}.hero{min-height:92svh}.hero__copy{gap:14px;padding-bottom:40px}.hero__copy h1{font-size:clamp(48px,15vw,64px)}.hero__copy .btn{height:42px;padding:0 18px;font-size:14px}.feature{padding:16px;border-radius:16px}.feature__img{aspect-ratio:16 / 10;margin-bottom:22px}.specs>div{padding:14px 16px}.specs dd{font-size:17px}.specs--inline{width:100%}.grid{grid-template-columns:1fr;gap:12px}.card{flex-direction:row;gap:14px;padding:12px;border-radius:14px}.card:hover{transform:none}.card__img{width:38%;flex-shrink:0;aspect-ratio:4 / 3}.card__body{padding:2px 0;gap:4px;min-width:0}.card__body h3{font-size:17px}.card__body p{font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__year{padding-top:4px;font-size:12px}.ph span{font-size:10px}.card .ph,.scard .ph{padding:10px 12px}.scard{grid-template-columns:1fr;gap:18px;padding:14px}.scard__body{padding-right:0;gap:8px}.gallery{grid-template-columns:1fr}.cta h2{font-size:28px}.footer__inner{flex-direction:column;align-items:flex-start}}