/* V2 preserves the approved font stack, weights and headline scale in style.css. */
.portfolio-v2 .hero-grid{grid-template-columns:1.12fr 1fr;gap:12px;align-items:center;padding-top:40px;padding-bottom:44px;position:relative;isolation:isolate}
.portfolio-v2 .hero-copy{position:relative;z-index:2;min-width:0}
.portfolio-v2 .hero-landscape{position:relative;align-self:center;padding:0;margin:0;min-width:0;width:100%;isolation:auto}
.portfolio-v2 .hero-landscape img{width:100%;height:auto;object-fit:contain;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse 75% 65% at 52% 48%,#000 52%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 75% 65% at 52% 48%,#000 52%,transparent 100%)}
.portfolio-v2 .hero-intro{max-width:475px}
.portfolio-v2 .about-layout{gap:80px;grid-template-columns:.88fr 1.12fr}
.portfolio-v2 .about-copy h2{font-size:clamp(32px,3.1vw,44px)}
.portfolio-v2 .about-copy p{font-size:14px;line-height:1.8}
.portfolio-v2 .experience-item{padding-top:28px;padding-bottom:30px}
.portfolio-v2 .experience-item h3{min-height:94px}
.portfolio-v2 .experience-item p{min-height:136px;line-height:1.75}
.portfolio-v2 .experience-tags{padding-top:24px}
.portfolio-v2 .channel-links{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:36px}
.portfolio-v2 .contact-links .social-link{min-height:59px}
.portfolio-v2 .ideas-empty{grid-column:1/-1;display:flex;align-items:center;gap:35px;border-block:1px solid var(--line);padding:36px 0}
.portfolio-v2 .empty-orbit{width:100px;height:100px;flex-shrink:0;color:var(--orange)}
.portfolio-v2 .ideas-empty h3{font-size:26px;letter-spacing:-.04em;line-height:1.2}
.portfolio-v2 .ideas-empty p{font-size:14px;color:var(--muted);margin-top:10px}
.portfolio-v2 .article-card{display:flex;flex-direction:column}
.portfolio-v2 .article-art{aspect-ratio:16/9;flex-shrink:0}
.portfolio-v2 .article-art>img{object-fit:contain}
.portfolio-v2 .article-read{align-self:flex-start;margin-top:auto;padding-top:18px}
.portfolio-v2 .previous-version{font-size:10px;text-decoration:underline;text-underline-offset:4px;color:var(--muted)}
.portfolio-v2 .footer-top{flex-wrap:wrap;gap:18px 28px}
.portfolio-v2 .footer-top>p{display:none}
.preview-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 22px;padding:12px 20px;background:var(--ink);color:var(--paper);font:10px/1.7 var(--mono);text-align:center}
.preview-banner strong{color:var(--yellow)}
@media(min-width:1441px){.portfolio-v2 .hero-grid{gap:20px}.portfolio-v2 .hero-landscape{width:100%}}
@media(max-width:1100px){.portfolio-v2 .hero-grid{grid-template-columns:1.12fr 1fr;gap:10px}.portfolio-v2 .about-layout{gap:45px}.portfolio-v2 .experience-item h3{min-height:60px}.portfolio-v2 .experience-item p{min-height:92px}}
@media(max-width:760px){.portfolio-v2 .hero-grid{display:flex;gap:12px;padding-top:32px;padding-bottom:26px}.portfolio-v2 .hero-landscape{max-width:480px;width:100%;margin-top:5px}.portfolio-v2 .hero-landscape img{mask-image:radial-gradient(ellipse 76% 65% at 52% 48%,#000 55%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 76% 65% at 52% 48%,#000 55%,transparent 100%)}.portfolio-v2 .about-layout{gap:32px}.portfolio-v2 .about-copy h2{font-size:clamp(31px,7vw,44px)}.portfolio-v2 .about-copy p{font-size:14px}.portfolio-v2 .experience-item h3,.portfolio-v2 .experience-item p{min-height:0}.portfolio-v2 .channel-links{gap:0}.portfolio-v2 .ideas-empty{gap:20px;padding:28px 0}.portfolio-v2 .empty-orbit{width:62px;height:62px}.portfolio-v2 .ideas-empty h3{font-size:23px}.portfolio-v2 .ideas-empty p{font-size:13px}.portfolio-v2 .footer-top{justify-content:space-between}.portfolio-v2 .previous-version{order:3;width:100%;font-size:10px}}
@media(max-width:380px){.portfolio-v2 .about-copy h2{font-size:clamp(27px,8.3vw,31px)}}
.portfolio-v2 .hero-landscape img{mask-image:linear-gradient(to right,transparent,#000 15%,#000 85%,transparent),linear-gradient(to bottom,transparent,#000 9%,#000 82%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 15%,#000 85%,transparent),linear-gradient(to bottom,transparent,#000 9%,#000 82%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in}
@media print{.portfolio-v2 .hero-landscape img{mask-image:none;-webkit-mask-image:none}.preview-banner,.previous-version{display:none!important}}