/* why: home v2 preview; ink/grey blocks, one accent, 4-6px radii */
.h2{--h2-grey:#e3e7f1}
.h2-sec{padding:var(--s-96) 0}
.h2 h2{font-size:var(--t-40);line-height:1.12;font-weight:400;margin:0}
.h2-img{position:relative;display:block;background:var(--tint);overflow:hidden;border-radius:var(--r-container)}
.h2-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* why: hero: ink panel overlaps the photo */
.h2-hero{padding:var(--s-48) 0 0}
.h2-hero .wrap{display:grid;grid-template-columns:repeat(12,1fr)}
.h2-hero .h2-img{grid-column:5/13;grid-row:1;aspect-ratio:7/6}
.h2-hero__panel{grid-column:1/8;grid-row:1;z-index:1;margin:var(--s-48) 0;padding:var(--s-64);background:var(--ink);color:#fff;border-radius:var(--r-container);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--s-32)}
.h2-hero h1{font-size:var(--t-56);line-height:1.08;font-weight:400;color:#fff;margin:0}
.h2-hero .btn{height:40px;padding:0 var(--s-24)}
/* why: services: 2 large + 6 small */
.h2-services h2{margin-bottom:var(--s-32)}
.h2-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--s-24)}
.h2-card{position:relative;display:flex;flex-direction:column;grid-column:span 4;border-radius:var(--r-container);overflow:hidden;background:#f9fbff;color:var(--ink)}
.h2-card--a{grid-column:span 7}
.h2-card--b{grid-column:span 5}
.h2-card--dark{background:var(--ink);color:#fff}
.h2-card--grey{background:var(--h2-grey)}
.h2-card .h2-img{border-radius:0;aspect-ratio:3/2}
.h2-card--a .h2-img,.h2-card--b .h2-img{aspect-ratio:auto;flex:1;min-height:20rem}
.h2-card__body{padding:var(--s-32)}
.h2-card h3{font-size:var(--t-20);line-height:1.25;margin:0 0 var(--s-8);color:inherit}
.h2-card--a h3,.h2-card--b h3{font-size:var(--t-28)}
.h2-card h3 a{display:inline-flex;align-items:baseline;gap:var(--s-8);color:inherit;text-decoration:none}
.h2-card h3 a::after{content:"";position:absolute;inset:0}
.h2-card h3 svg{flex:none;align-self:center}
.h2-card:hover h3 a{text-decoration:underline;text-underline-offset:.2em}
.h2-card:has(a:focus-visible){outline:2px solid var(--accent-ink);outline-offset:2px}
.h2-card p{margin:0;max-width:26rem;color:var(--ink-2)}
.h2-card--dark p{color:var(--line-strong)}
/* why: how it works: dark band, three plain columns */
.h2-how{background:var(--ink);color:#fff}
.h2-how h2{color:#fff;margin-bottom:var(--s-64)}
.h2-how__cols{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--s-48)}
.h2-how__cols>div{border-top:1px solid var(--ink-3);padding-top:var(--s-24)}
.h2-how h3{font-size:var(--t-28);color:#fff;margin:0 0 var(--s-12)}
.h2-how p{margin:0;max-width:20rem;color:var(--line-strong)}
/* why: people: portraits, then a name row for advisers without one */
.h2-people{background:var(--tint)}
.h2-people__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-48) var(--s-32);align-items:stretch}
.h2-people__lead{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:var(--s-32)}
.h2-person{margin:0}
.h2-person .h2-img{aspect-ratio:1/1;background:var(--line)}
.h2-person figcaption{padding-top:var(--s-16)}
.h2-person h3{font-size:var(--t-20);margin:0 0 var(--s-4)}
.h2-person p{margin:0;color:var(--ink-2)}
.h2-people__more{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-32);list-style:none;margin:0;padding:var(--s-32) 0 0;border-top:1px solid var(--line)}
.h2-people__more h3{font-size:var(--t-20);margin:0 0 var(--s-4)}
.h2-people__more p{margin:0;color:var(--ink-2)}
/* why: research */
.h2-res__head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s-24);margin-bottom:var(--s-32)}
.h2-res__head a{font-weight:500}
.h2-res__list{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--s-32)}
.h2-post{border-top:1px solid var(--line);padding-top:var(--s-24)}
.h2-post time{display:block;margin:0 0 var(--s-8);font-size:var(--t-13);color:var(--ink-3)}
.h2-post h3{font-size:var(--t-20);line-height:1.3;margin:0}
.h2-post h3 a{color:inherit;text-decoration:none}
.h2-post h3 a:hover{text-decoration:underline;text-underline-offset:.2em}
/* why: contact: photo beside the form */
.h2-contact{padding-bottom:0}
.h2-contact__grid{display:grid;grid-template-columns:5fr 7fr;gap:var(--s-64);align-items:start}
.h2-contact__grid>.h2-img{aspect-ratio:4/5}
.h2-contact__info{margin:var(--s-16) 0 var(--s-32);color:var(--ink-2)}
.h2-contact__info a{color:var(--ink)}
.contact-form{display:grid;gap:var(--s-24);max-width:36rem}
.contact-form .btn{justify-self:start;background:var(--ink);border-color:transparent;color:#fff}
.contact-form .btn:hover{background:var(--ink-2);color:#fff}
.hp{position:absolute;left:-9999px}
.form-done{font-size:var(--t-18);margin:0}
@media(max-width:1000px){
.h2-hero h1{font-size:var(--t-40)}
.h2-hero__panel{padding:var(--s-48)}
}
@media(max-width:760px){
.h2-sec{padding:var(--s-64) 0}
.h2 h2{font-size:var(--t-28)}
.h2-hero{padding-top:var(--s-16)}
.h2-hero .wrap{display:block}
.h2-hero__panel{margin:0;padding:var(--s-32) var(--s-24);border-radius:var(--r-container) var(--r-container) 0 0}
.h2-hero .h2-img{aspect-ratio:4/3;border-radius:0 0 var(--r-container) var(--r-container)}
.h2-hero h1{font-size:var(--t-40)}
.h2-grid,.h2-how__cols,.h2-people__grid,.h2-res__list,.h2-contact__grid{grid-template-columns:1fr;gap:var(--s-24)}
.h2-card,.h2-card--a,.h2-card--b{grid-column:auto}
.h2-card--a .h2-img,.h2-card--b .h2-img{flex:none;aspect-ratio:3/2;min-height:0}
.h2-card__body{padding:var(--s-24)}
.h2-how h2{margin-bottom:var(--s-32)}
.h2-how__cols{gap:var(--s-32)}
.h2-people__lead{flex-direction:row;align-items:center;justify-content:space-between}
.h2-people__grid{grid-template-columns:1fr 1fr}
.h2-people__lead,.h2-people__more{grid-column:1/-1}
.h2-people__more{grid-template-columns:1fr 1fr;gap:var(--s-24)}
.h2-contact__grid>.h2-img{aspect-ratio:3/2}
}
@media(prefers-reduced-motion:reduce){.h2-card h3 a{transition:none}}