/* ============================================================
   V14 — final proportion, hierarchy, conversion and spacing pass
   ============================================================ */
:root{
  --v14-shell:1560px;
  --v14-gutter:clamp(28px,4.2vw,72px);
  --v14-navy:#102f4d;
  --v14-navy-deep:#0a2238;
  --v14-teal:#079b96;
  --v14-teal-bright:#63ded8;
  --v14-paper:#f2f6f6;
  --v14-line:#d7e2e4;
}
html,body{overflow-x:clip;max-width:100%}
body{font-size:17px}
.shell,.page-width{width:min(var(--v14-shell),calc(100% - (2 * var(--v14-gutter))));margin-inline:auto}
.section-label{font-size:clamp(.93rem,1vw,1.05rem);letter-spacing:.15em;margin-bottom:20px}

/* Header authority without visual clutter */
.header-inner{width:min(1640px,calc(100% - (2 * var(--v14-gutter))));}
.social-icons{gap:16px}.social-icons a{width:43px;height:43px}.social-icons img{width:31px;height:31px}
.social-icons a:nth-child(4) img{width:33px;height:33px}.social-icons a:nth-child(5) img{width:32px;height:32px}
.primary-nav{gap:clamp(26px,2.35vw,43px)}.primary-nav a{font-size:1.045rem}

/* Hero: one editorial composition, no small PhD gimmick, no dead center */
.v13-hero{background:linear-gradient(108deg,#fff 0%,#fff 69%,#f1f7f7 100%)}
.v13-hero .hero-inner{grid-template-columns:minmax(0,1.45fr) minmax(350px,.62fr);gap:clamp(24px,3vw,52px);padding-block:clamp(38px,3.8vw,58px);align-items:center}
.v13-hero .hero-copy{max-width:960px;padding-right:clamp(0px,1.4vw,22px)}
.v13-hero .hero-role{font-size:clamp(1.28rem,1.48vw,1.52rem);font-weight:650;letter-spacing:.005em;margin-bottom:13px}
.v13-hero .hero-role span{margin-inline:.42em;color:#83969e}
.v13-hero h1{font-family:var(--display);font-size:clamp(3.75rem,4.75vw,5.35rem);line-height:.98;letter-spacing:-.044em;margin:0 0 24px;white-space:nowrap}
.v13-hero .hero-intro{font-size:clamp(1.17rem,1.34vw,1.38rem);max-width:67ch;line-height:1.58;margin-bottom:16px}
.v13-hero .hero-detail{font-size:clamp(1.02rem,1.08vw,1.12rem);max-width:75ch;line-height:1.7}
.v13-hero .hero-actions{margin-top:27px}.v13-hero .button{min-height:54px;padding-inline:30px;font-size:1rem}
.hero-fields{display:flex;flex-wrap:wrap;gap:9px 24px;border-top:1px solid #dce6e7;margin-top:28px;padding-top:18px;color:#5d6f78;font-size:.82rem;font-weight:750;letter-spacing:.09em;text-transform:uppercase}
.hero-fields span{position:relative}.hero-fields span:not(:last-child)::after{content:"";position:absolute;right:-13px;top:50%;width:3px;height:3px;border-radius:50%;background:#8fa1a8}
.v13-hero .hero-portrait{max-width:405px;justify-self:end;filter:drop-shadow(0 18px 34px rgba(17,45,73,.12))}
.v13-hero .hero-portrait::before{inset:10px -11px -10px 11px}

/* About and method typography */
.about{padding:clamp(70px,5.6vw,92px) 0}.about-top{gap:clamp(46px,5.7vw,90px)}
.about-heading h2{font-size:clamp(2.65rem,3.4vw,3.75rem);max-width:13ch}
.about-copy-v13{font-size:1.08rem}.about-copy-v13 .about-lead{font-size:clamp(1.23rem,1.43vw,1.45rem)}
.degree-row-v13{margin-top:42px}.degree-row-v13 article{min-height:106px}.degree-row-v13 span{font-size:.9rem}.degree-row-v13 strong{font-size:clamp(1.38rem,1.55vw,1.62rem)}
.principles{padding:clamp(70px,5.8vw,94px) 0}.principles-intro{gap:clamp(46px,5.5vw,90px)}
.principles-intro h2{font-size:clamp(2.7rem,3.45vw,3.85rem);max-width:17ch}.principles-intro>p{font-size:1.12rem}
.principle-grid-v13{margin-top:38px;gap:16px}.principle-grid-v13 article{min-height:245px;padding:27px 24px 27px}
.principle-grid-v13 span{font-size:3.45rem;margin-bottom:24px;color:rgba(7,155,150,.62)}
.principle-grid-v13 h3{font-size:clamp(1.33rem,1.42vw,1.5rem)}.principle-grid-v13 p{font-size:1rem}

/* Focus: remove yellow bench and hold the cell in the frame */
.focus-shell{min-height:560px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.focus-image{min-height:560px;background:#102f4d;overflow:hidden}.focus-image img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}
.focus-copy{padding:clamp(48px,5vw,76px)}.focus-copy h2{font-size:clamp(3rem,3.7vw,4.2rem);max-width:10ch}

/* Work and the publication bridge: no empty band */
.work{padding-bottom:0}.work-grid-v13{margin-bottom:0}
.publication-bridge{display:grid;grid-template-columns:minmax(340px,1.1fr) minmax(300px,.72fr) auto;gap:clamp(30px,4vw,72px);align-items:center;margin-top:42px;padding:34px clamp(28px,3vw,46px);background:var(--v14-paper);border-left:5px solid var(--v14-teal)}
.publication-bridge .section-label{margin-bottom:10px}.publication-bridge h3{font-family:var(--display);font-size:clamp(1.7rem,2.2vw,2.35rem);line-height:1.15;margin:0;max-width:20ch}
.publication-bridge>p{font-size:1.04rem;line-height:1.65;color:#5a6b74;margin:0;max-width:43ch}
.publication-button{background:var(--v14-navy);color:#fff;white-space:nowrap;min-height:54px;padding-inline:26px}.publication-button:hover{background:#18456f;color:#fff}
.selected-work{padding-top:clamp(72px,6vw,96px)}

/* YouTube cards always show real feed on live hosting; truthful native fallback */
.youtube-grid-v13{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.youtube-grid-v13 .live-video-card{min-width:0}.live-video-card .video-meta a{display:inline-block;margin-top:10px;color:#087f7b;font-size:.84rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}

/* Conversion section: two unambiguous actions */
.build{padding:clamp(74px,5.8vw,96px) 0 62px}.build-head-v13{grid-template-columns:minmax(0,1.06fr) minmax(420px,.78fr);gap:clamp(48px,6vw,100px);align-items:center}
.build-head-v13 h2{font-size:clamp(3rem,3.75vw,4.2rem);max-width:15.5ch}.build-head-v13 .build-copy p{font-size:1.15rem;max-width:48ch}
.build-actions-v14{display:flex;gap:14px;margin-top:24px;flex-wrap:wrap}.build-actions-v14 .button{min-height:54px;padding-inline:27px}
.outline-light{border:1.5px solid #68ddd7;color:#fff;background:transparent}.outline-light:hover{background:#68ddd7;color:#082239}
.build-email{display:inline-block;margin-top:18px;color:#73e1db;font-weight:700;font-size:.98rem}
.build-paths-v13{margin-top:40px}.build-paths-v13 a{min-height:220px}.build-paths-v13 span{font-size:3rem}
.site-footer{padding:28px 0}

/* Build Together landing page */
.build-page{background:#f4f7f7}.build-page-layout{padding-top:clamp(70px,7vw,112px);padding-bottom:clamp(70px,7vw,110px);gap:clamp(44px,6vw,92px)}
.build-page h1{font-size:clamp(3rem,4.2vw,4.75rem);line-height:1.02;letter-spacing:-.04em;max-width:12ch}
.engagement-paths{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:34px}.engagement-paths article{background:#fff;border-top:4px solid var(--v14-teal);padding:26px 25px;min-height:240px;box-shadow:0 10px 28px rgba(16,47,77,.05)}
.engagement-paths span{font-family:var(--display);font-size:2.8rem;color:rgba(7,155,150,.55)}.engagement-paths h3{font-size:1.42rem;margin:18px 0 10px}.engagement-paths p{color:#596a73;line-height:1.62}.engagement-paths a{display:inline-block;margin-top:10px;color:#087f7b;font-weight:800}
.builder-form{box-shadow:0 16px 46px rgba(16,47,77,.1)}

@media(max-width:1180px){
  :root{--v14-gutter:clamp(28px,3.6vw,50px)}
  .v13-hero .hero-inner{grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:30px}
  .v13-hero h1{font-size:clamp(3.35rem,5vw,4.55rem)}
  .publication-bridge{grid-template-columns:1fr 1fr}.publication-bridge .publication-button{grid-column:1/-1;justify-self:start}
}
@media(max-width:900px){
  :root{--v14-gutter:24px}.v13-hero .hero-inner{grid-template-columns:1fr;gap:34px;padding-block:42px 58px}.v13-hero h1{white-space:normal}.v13-hero .hero-portrait{justify-self:center;max-width:430px}
  .publication-bridge{grid-template-columns:1fr;gap:18px}.publication-bridge .publication-button{grid-column:auto}
  .build-head-v13{grid-template-columns:1fr;gap:28px}.engagement-paths{grid-template-columns:1fr}
}
@media(max-width:620px){
  :root{--v14-gutter:18px}.v13-hero h1{font-size:clamp(2.85rem,12vw,3.75rem)}.v13-hero .hero-role{font-size:1.12rem}.hero-fields{gap:8px 18px}.hero-fields span:not(:last-child)::after{right:-10px}
  .v13-hero .hero-actions{grid-template-columns:1fr}.publication-bridge{padding:27px 22px}.publication-bridge h3{font-size:1.75rem}
  .youtube-grid-v13{grid-template-columns:1fr}.build-actions-v14{display:grid;grid-template-columns:1fr}.build-actions-v14 .button{text-align:center}
}