.hero{padding-top:120px;padding-bottom:clamp(60px,8vw,110px);position:relative;overflow:hidden}.hero__grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(32px,5vw,72px);min-height:min(76vh,720px);display:grid}.hero__name{margin:18px 0 22px}.hero__name .l1{display:block}.hero__name .l2{color:var(--accent);display:block}.hero__meta{flex-wrap:wrap;gap:10px;margin:28px 0 34px;display:flex}.hero__cta{flex-wrap:wrap;gap:14px;display:flex}.portrait{justify-self:center;width:min(100%,420px);position:relative}.portrait__media{aspect-ratio:4/5;border-radius:var(--radius-lg);position:relative;overflow:hidden}.portrait__media img{object-fit:cover;object-position:50% 16%;filter:contrast(1.04)saturate(.96);width:100%;height:100%}.portrait__media:after{content:"";background:linear-gradient(180deg, transparent 55%, color-mix(in oklab,var(--bg) 75%,transparent));position:absolute;inset:0}:root[data-mode=sleek] .portrait:before{content:"";z-index:-1;background:radial-gradient(60% 60% at 70% 25%, var(--accent-glow), transparent 70%);filter:blur(14px);border-radius:40px;position:absolute;inset:-14% -10% -6% -14%}:root[data-mode=sleek] .portrait__media{border:1px solid var(--panel-border);box-shadow:0 40px 90px -40px #000000d9}:root[data-mode=technical] .portrait__media{border:1px solid var(--accent)}:root[data-mode=technical] .portrait:before,:root[data-mode=technical] .portrait:after{content:"";border:2px solid var(--accent);z-index:2;width:34px;height:34px;position:absolute}:root[data-mode=technical] .portrait:before{border-bottom:0;border-right:0;top:-10px;left:-10px}:root[data-mode=technical] .portrait:after{border-top:0;border-left:0;bottom:-10px;right:-10px}.codeline{z-index:3;font-family:var(--f-mono);white-space:nowrap;background:var(--accent);color:var(--accent-ink);border-radius:var(--radius);padding:7px 12px;font-size:.74rem;font-weight:500;position:absolute;top:26px;right:-18px}@media (width<=920px){.hero__grid{grid-template-columns:1fr;gap:48px;min-height:0}.portrait{order:-1;width:min(78%,360px)}}.stats{background:var(--hairline);border:1px solid var(--hairline);border-radius:var(--radius-lg);grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}.stat{background:var(--bg);padding:28px 26px}:root[data-mode=sleek] .stat{background:var(--panel)}.stat__n{font-family:var(--f-display);letter-spacing:-.03em;color:var(--accent);font-size:clamp(2rem,4vw,3rem);font-weight:600;line-height:1}.stat__l{color:var(--muted);margin-top:10px;font-size:.9rem}@media (width<=720px){.stats{grid-template-columns:1fr 1fr}}.about__grid{grid-template-columns:1fr 1.1fr;align-items:center;gap:clamp(32px,5vw,72px);display:grid}.signature{font-family:var(--f-display);color:var(--accent);letter-spacing:-.03em;font-size:3rem;font-weight:700}@media (width<=820px){.about__grid{grid-template-columns:1fr}}.skills{grid-template-columns:1fr 1fr;gap:18px 48px;display:grid}.skill__top{justify-content:space-between;align-items:baseline;margin-bottom:9px;display:flex}.skill__name{font-size:1rem;font-weight:600}.skill__name span{font-family:var(--f-mono);color:var(--muted-2);margin-left:8px;font-size:.8rem}.skill__pct{font-family:var(--f-mono);color:var(--accent);font-size:.85rem}.skill__track{background:var(--hairline);border-radius:999px;height:6px;overflow:hidden}:root[data-mode=technical] .skill__track{border-radius:0}.skill__fill{background:linear-gradient(90deg, var(--accent), var(--accent-br));border-radius:inherit;width:0;height:100%;transition:width 1.2s var(--ease)}@media (width<=680px){.skills{grid-template-columns:1fr}}.work__grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.work-card{flex-direction:column;gap:16px;padding:26px;display:flex}.work-card__top{justify-content:space-between;align-items:center;display:flex}.work-card__yr{font-family:var(--f-mono);color:var(--muted-2);font-size:.76rem}.work-card__ico{border-radius:var(--radius);background:var(--accent-soft);width:44px;height:44px;color:var(--accent);justify-content:center;align-items:center;display:flex}.work-card__ico svg{width:22px;height:22px}.work-card h3{font-size:1.25rem}.work-card p{color:var(--muted);flex:1;font-size:.94rem;line-height:1.55}.work-card__tags{flex-wrap:wrap;gap:7px;display:flex}@media (width<=860px){.work__grid{grid-template-columns:1fr}}.posts{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.post-card{flex-direction:column;padding:0;display:flex;overflow:hidden}.post-card__img{aspect-ratio:16/10;background:var(--panel-2);position:relative;overflow:hidden}.post-card__img .ph{background:repeating-linear-gradient(135deg, var(--panel-2), var(--panel-2) 10px, color-mix(in oklab,var(--panel-2) 70%, #000) 10px, color-mix(in oklab,var(--panel-2) 70%, #000) 20px);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.post-card__img .ph span{font-family:var(--f-mono);color:var(--muted-2);letter-spacing:.1em;font-size:.7rem}.post-card__body{flex-direction:column;flex:1;gap:10px;padding:20px 22px 24px;display:flex}.post-card__cat{font-family:var(--f-mono);letter-spacing:.08em;color:var(--accent);font-size:.72rem}.post-card h4{font-size:1.08rem;line-height:1.25}.post-card__meta{color:var(--muted-2);font-size:.82rem;font-family:var(--f-mono);margin-top:auto}@media (width<=860px){.posts{grid-template-columns:1fr}}.post-card__cover{object-position:50% 12%}.cta-banner{border-radius:var(--radius-lg);border:1px solid var(--panel-border);background:var(--panel);text-align:center;padding:clamp(48px,7vw,84px);position:relative;overflow:hidden}:root[data-mode=sleek] .cta-banner{background:radial-gradient(80% 130% at 50% 0%, var(--accent-soft), var(--panel) 70%)}:root[data-mode=technical] .cta-banner{background:var(--panel)}.cta-banner .eyebrow{justify-content:center}