/* Clear positioning and sharper independent foreground. */
.home-page .hero-copy{top:25%;max-width:720px;width:49%}
.home-page .hero-copy h1{font-size:clamp(61px,6.1vw,108px);line-height:.99;letter-spacing:-.043em}
.home-page .hero-subtitle{font-size:clamp(25px,2.1vw,35px);margin:28px 0 17px}
.home-page .hero-description{max-width:450px;font-size:clamp(15px,1.08vw,18px);line-height:1.75}
.home-page .hero-figure-fallback{display:none}
@media(max-width:800px){
 .home-page .hero-copy{top:21%;left:7%;width:87%;max-width:none}
 .home-page .hero-copy h1{font-size:clamp(43px,9.5vw,68px);line-height:1.02}
 .home-page .hero-subtitle{font-size:26px;margin-top:20px;max-width:320px}
 .home-page .hero-description{font-size:14px;line-height:1.7;max-width:330px}
 .home-page .hero-fallback{background-image:url('assets/room.png');background-size:auto 62%;background-position:68% bottom}
 .home-page .hero-figure-fallback{position:absolute;display:block;height:58%;width:auto;bottom:-3%;right:-2%;z-index:0;pointer-events:none}
}
@media(max-width:800px){
 .home-page .hero-copy{top:18%}
 .home-page .hero-subtitle{font-size:24px;margin-top:18px}
 .home-page .hero-description{font-size:13px;line-height:1.65}
 .home-page .hero-fallback{background-size:auto 43%;background-position:67% bottom}
 .home-page .hero-figure-fallback{height:42%;bottom:0;right:0}
 .home-page .hero-stage:after{background:linear-gradient(180deg,#eeefeb 0%,#eeefeb 43%,#eeefeb00 58%)}
}
@media(max-width:800px) and (max-height:760px){
 .home-page .hero-copy{top:150px}
 .home-page .hero-copy h1{font-size:39px}
 .home-page .hero-subtitle{font-size:22px}
}
@media(max-width:800px){.home-page .hero-stage{background:#eeefeb}.home-page .hero-fallback{background-size:auto 50%;-webkit-mask-image:linear-gradient(transparent 55%,#000 74%);mask-image:linear-gradient(transparent 55%,#000 74%)}}

/* The hero now uses one heading and one supporting paragraph. */
.home-page .hero-copy h1{margin-bottom:28px}
@media(max-width:800px){.home-page .hero-copy h1{margin-bottom:22px}}

/* Profile and compact work index: information hierarchy, without a second hero. */
.home-page .meet{
 grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr);
 column-gap:8%;padding:92px max(7%,calc((100vw - 1440px)/2)) 44px;
}
.home-page .meet-image{max-width:350px;width:100%;align-self:center}
.home-page .meet-copy{min-width:0}
.home-page .meet-copy h2{font-size:clamp(40px,3.8vw,58px);line-height:1.08;margin-bottom:25px}
.home-page .meet-copy>p:not(.eyebrow){max-width:65ch;font-size:17px;line-height:1.75;margin-bottom:18px}
.home-page .meet-copy>p.profile-lead{font-size:clamp(19px,1.65vw,24px);line-height:1.5;color:var(--ink);max-width:54ch;margin-bottom:22px}
.home-page .meet-facts{margin-top:26px;padding-top:23px}
.home-page .career-line{margin-top:42px;padding-top:25px}
.home-page .offer-index{padding:46px max(7%,calc((100vw - 1440px)/2)) 14px;scroll-margin-top:105px}
.home-page .offer-index-top{display:block;margin-bottom:29px}
.home-page .offer-index h2{font-size:clamp(38px,3.4vw,52px);line-height:1.1;margin:0 0 12px}
.home-page .offer-index-top>p{font-size:16px;line-height:1.65;max-width:64ch;margin:0;color:var(--text-secondary)}
.home-page .offer-index nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;border:0}
.home-page .offer-index nav a:nth-child(n){position:relative;display:block;min-width:0;min-height:132px;border:0;border-top:1px solid var(--line);padding:21px 24px 18px 0;background:none;color:var(--ink)}
.home-page .offer-index nav a>span{display:block;font:400 19px/1.35 var(--font-text);letter-spacing:-.02em;max-width:none}
.home-page .offer-index nav small{display:block;font:400 13px/1.55 var(--font-text);color:var(--text-secondary);max-width:26ch;margin-top:10px;padding:0}
.home-page .offer-index nav b{position:absolute;display:block;right:0;top:22px;font:400 16px/1 var(--font-text);color:var(--cobalt);margin:0;transition:transform .2s ease}
.home-page .offer-index nav a:hover{color:var(--cobalt);border-top-color:var(--cobalt)}
.home-page .offer-index nav a:hover b{transform:translateY(3px)}
.home-page .offer-index nav a:focus-visible{outline:2px solid var(--cobalt);outline-offset:6px;border-radius:2px}
.home-page .offer-index+.capability-section{padding-top:60px}
@media(max-width:1100px){
 .home-page .meet{column-gap:6%;grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr)}
 .home-page .offer-index nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px}
 .home-page .offer-index nav a:nth-child(n){min-height:116px}
 .home-page .offer-index nav small{max-width:36ch}
}
@media(max-width:800px){
 .home-page .meet{grid-template-columns:1fr;padding:56px 7% 30px;gap:28px}
 .home-page .meet-image{width:160px;max-width:160px}
 .home-page .meet-copy h2{font-size:42px;margin-bottom:20px}
 .home-page .meet-copy>p:not(.eyebrow){font-size:16px;line-height:1.7;max-width:none}
 .home-page .meet-copy>p.profile-lead{font-size:20px;line-height:1.5;margin-bottom:20px}
 .home-page .career-line{margin-top:8px;gap:22px}
 .home-page .offer-index{padding:35px 7% 8px;scroll-margin-top:150px}
 .home-page .offer-index h2{font-size:39px}
 .home-page .offer-index-top{margin-bottom:24px}
 .home-page .offer-index-top>p{font-size:15px;max-width:40ch}
 .home-page .offer-index nav{gap:0 24px}
 .home-page .offer-index nav a>span{font-size:17px}
 .home-page .offer-index nav small{font-size:12px}
 .home-page .offer-index+.capability-section{padding-top:30px}
}
@media(max-width:480px){
 .home-page .offer-index nav{grid-template-columns:1fr;gap:0}
 .home-page .offer-index nav a:nth-child(n){min-height:0;padding:19px 28px 20px 0}
 .home-page .offer-index nav small{margin-top:5px;font-size:13px;max-width:none}
 .home-page .offer-index nav a>span{font-size:18px}
 .home-page .offer-index nav b{top:23px}
}
@media(prefers-reduced-motion:reduce){.home-page .offer-index nav b{transition:none}.home-page .offer-index nav a:hover b{transform:none}}

/* Each capability introduces one example and a separate route to the collection. */
.home-page .capability-evidence{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 48px;align-items:center;min-height:0;padding:28px 0 16px;margin-top:0;border-top:1px solid var(--line)}
.home-page .example-summary{min-width:0}
.home-page .example-kicker{font:400 12px/1.5 var(--font-text);color:var(--text-secondary);margin:0 0 10px}
.home-page .example-project{display:inline-flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0;max-width:100%;color:var(--ink)}
.home-page .capability-evidence .example-identity{display:flex;align-items:center;gap:13px;min-width:0;flex:none;color:inherit}
.home-page .capability-evidence .example-identity strong{font:500 20px/1.3 var(--font-text);letter-spacing:-.025em;color:inherit}
.home-page .capability-evidence .example-identity b{font:400 16px/1 var(--font-text);color:var(--cobalt);margin:0;flex-shrink:0}
.home-page .capability-evidence .example-icon{width:24px;height:28px;object-fit:contain}
.home-page .capability-evidence .example-wordmark{width:83px;height:29px;object-fit:contain}
.home-page .capability-evidence .example-detail{display:block;font:400 14px/1.6 var(--font-text);color:var(--text-secondary);min-width:0;flex:none;max-width:60ch}
.home-page .capability-evidence .example-project:hover .example-identity{color:var(--cobalt)}
.home-page .capability-evidence .more-work{justify-self:end;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:48px;padding:16px 23px;font:400 13px/1.25 var(--font-text);color:var(--ink);white-space:nowrap}
.home-page .capability-evidence .more-work>span{min-width:0;flex:none;color:inherit}
@media(max-width:800px){
 .home-page .capability-evidence{grid-template-columns:1fr;gap:20px;padding:23px 0 14px;margin-top:14px}
 .home-page .capability-evidence .example-identity strong{font-size:19px}
 .home-page .capability-evidence .example-detail{font-size:14px;max-width:40ch}
 .home-page .capability-evidence .more-work{justify-self:start;max-width:100%;gap:25px;padding:15px 21px;font-size:13px}
}

/* The profile leads to concrete AI work; the existing portrait and material stay. */
.home-page #about{scroll-margin-top:105px}
.home-page .profile-actions{margin:26px 0 0}
.home-page .profile-actions .pill{font-size:13px;padding:15px 24px}
.home-page .meet-facts{flex-wrap:wrap}
@media(max-width:800px){.home-page #about{scroll-margin-top:150px}.home-page .profile-actions{margin-top:23px}}