.pro-hero-product-development{background:linear-gradient(135deg,#ece6da 0%,#f7f5f0 58%,#e4ddd1 100%)}
.pro-hero-product-development h1{max-width:8em;letter-spacing:-.035em;word-break:keep-all;overflow-wrap:normal}
.pro-proof-first,.pro-opening-products,.pro-development{max-width:1180px;margin:0 auto;padding:clamp(72px,9vw,120px) 5%}
.pro-proof-first header,.pro-development header{max-width:820px;margin-bottom:48px}
.pro-proof-first h2,.pro-opening-products h2,.pro-development h2{font-family:var(--serif);font-size:clamp(34px,5vw,62px);font-weight:300;line-height:1.25;margin:18px 0 22px}
.pro-proof-first header p,.pro-opening-products p,.pro-development header p{color:#555;line-height:2}
.pro-proof-grid,.pro-development-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#cfc8bd;border:1px solid #cfc8bd}
.pro-proof-grid article,.pro-development-grid article{background:#f8f6f1;padding:clamp(28px,3vw,44px);min-height:300px;display:flex;flex-direction:column}
.pro-proof-grid small,.pro-development-grid small{color:#826b45;font-size:11px;font-weight:600;letter-spacing:.18em}
.pro-proof-grid h3,.pro-development-grid h3{font-family:var(--serif);font-size:clamp(23px,2.5vw,32px);font-weight:400;line-height:1.35;margin:38px 0 16px}
.pro-proof-grid p,.pro-development-grid p{color:#555;line-height:1.9}
.pro-proof-grid a{margin-top:auto;padding-top:28px;color:#5f492e;font-weight:600;text-decoration:none}
.pro-opening-products{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(44px,7vw,96px);background:#222826;color:#f6f3ed;max-width:none;padding-left:max(5%,calc((100vw - 1180px)/2 + 5%));padding-right:max(5%,calc((100vw - 1180px)/2 + 5%))}
.pro-opening-products h2{color:#fff}.pro-opening-products p{color:#cfd3ce}.pro-opening-products .library-kicker{color:#d1b77c}.pro-opening-products>.library-btn{grid-column:1/-1;justify-self:start}
.pro-delivery-list{display:grid}.pro-delivery-list article{display:grid;grid-template-columns:54px 1fr;gap:18px;padding:26px 0;border-top:1px solid rgba(255,255,255,.18)}.pro-delivery-list article:last-child{border-bottom:1px solid rgba(255,255,255,.18)}.pro-delivery-list span{color:#d1b77c;font-family:var(--serif);font-size:24px}.pro-delivery-list h3{color:#fff;font-size:19px;margin:0 0 8px}.pro-delivery-list p{margin:0;line-height:1.8}
.pro-development{background:#ece7de;max-width:none;padding-left:max(5%,calc((100vw - 1180px)/2 + 5%));padding-right:max(5%,calc((100vw - 1180px)/2 + 5%))}.pro-development header{max-width:1180px}.pro-development-grid{max-width:1180px;grid-template-columns:repeat(4,minmax(0,1fr))}.pro-development-grid article{min-height:330px}.pro-development-actions{max-width:1180px;margin:34px auto 0;display:flex;gap:12px;flex-wrap:wrap}
.pro-opening-video{scroll-margin-top:90px;max-width:1180px;margin:0 auto;padding:clamp(74px,9vw,118px) 5%;display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:clamp(42px,7vw,92px);align-items:center}.pro-opening-video-media{max-width:430px}.pro-opening-video-media video{display:block;width:100%;aspect-ratio:9/16;background:#171918;box-shadow:0 24px 70px rgba(24,28,26,.18)}.pro-opening-video-media>p{margin:14px 0 0;color:#686b66;font-size:12px;line-height:1.7}.pro-opening-video-copy h2{font-family:var(--serif);font-size:clamp(34px,5vw,62px);font-weight:300;line-height:1.22;margin:18px 0 22px}.pro-opening-video-lead{max-width:700px;color:#51544f;line-height:2}.pro-opening-video-copy dl{margin:34px 0 28px;border-top:1px solid #c9c8c1}.pro-opening-video-copy dl>div{display:grid;grid-template-columns:minmax(170px,.46fr) 1fr;gap:24px;padding:20px 0;border-bottom:1px solid #c9c8c1}.pro-opening-video-copy dt{font-weight:600;color:#222826}.pro-opening-video-copy dd{margin:0;color:#5a5d57;line-height:1.75}.pro-opening-video-copy aside{margin:0 0 30px;padding:20px 22px;background:#ece7de;border-left:3px solid #9b7c43}.pro-opening-video-copy aside strong{display:block;margin-bottom:8px;color:#6b552d;font-size:12px;letter-spacing:.14em}.pro-opening-video-copy aside p{margin:0;color:#535650;line-height:1.75}
.pro-flow ol{grid-template-columns:repeat(3,minmax(0,1fr))}.pro-flow li{min-height:210px}.pro-development-detail{margin-top:0}.pro-boundaries{margin-top:0}
@media(max-width:900px){.pro-proof-grid{grid-template-columns:1fr}.pro-opening-products{grid-template-columns:1fr}.pro-opening-video{grid-template-columns:1fr;scroll-margin-top:145px}.pro-opening-video-media{max-width:390px;margin:0 auto}.pro-development-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-flow ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.pro-proof-first,.pro-opening-products,.pro-opening-video,.pro-development{padding:64px 22px}.pro-opening-video{gap:38px}.pro-opening-video-media{width:min(100%,340px)}.pro-opening-video-copy dl>div{grid-template-columns:1fr;gap:7px}.pro-proof-grid,.pro-development-grid,.pro-flow ol{grid-template-columns:1fr}.pro-proof-grid article,.pro-development-grid article{min-height:auto}.pro-development-actions{display:grid}.pro-development-actions .library-btn,.pro-opening-video-copy>.library-btn{width:100%;justify-content:center}}

/* Legibility pass: shorter path, larger copy, prominent real video. */
.pro-hero-product-development { padding-top: clamp(88px, 11vw, 142px); padding-bottom: clamp(72px, 9vw, 112px); }
.astra-review-page .pro-hero-product-development > p { font-size: 1.8rem; line-height: 1.8; }
.pro-audience-switch { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pro-audience-switch strong { font-size: 1.8rem; line-height: 1.45; }
.pro-audience-switch span,
.pro-proof-first header p,
.pro-opening-products .pro-split-heading p,
.pro-development header p,
.pro-products header p,
.pro-boundaries > div:first-child p,
.pro-final-cta > p { font-size: 1.7rem; line-height: 1.8; }
.pro-proof-grid article p,
.pro-delivery-list article p,
.pro-development-grid article p,
.pro-flow li p,
.pro-product-card p,
.pro-boundary-columns article p { font-size: 1.6rem; line-height: 1.75; }
.pro-opening-video { align-items: start; }
.pro-opening-video-media { position: static; max-width: 360px; }
.pro-opening-video-lead { font-size: 1.7rem; line-height: 1.8; }
.pro-opening-video-copy dd { font-size: 1.6rem; line-height: 1.75; }
.pro-proof-first,
.pro-opening-products,
.pro-opening-video,
.pro-development,
.pro-flow,
.pro-products,
.pro-boundaries,
.pro-final-cta { padding-top: clamp(64px, 7vw, 88px); padding-bottom: clamp(64px, 7vw, 88px); }

@media(max-width:900px){
  .pro-audience-switch { grid-template-columns: 1fr; }
  .pro-opening-video-media { position: static; }
  .pro-proof-first,
  .pro-opening-products,
  .pro-opening-video,
  .pro-development,
  .pro-flow,
  .pro-products,
  .pro-boundaries,
  .pro-final-cta { padding-top: 52px; padding-bottom: 52px; }
}

@media(max-width:640px){
  .pro-proof-grid,
  .pro-development-grid,
  .pro-product-grid {
    display: flex;
    gap: 14px;
    margin-right: -22px;
    padding: 0 22px 14px 0;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: thin;
  }
  .pro-proof-grid article,
  .pro-development-grid article,
  .pro-product-grid .pro-product-card {
    flex: 0 0 min(82vw, 320px);
    scroll-snap-align: start;
  }
  .pro-product-grid .pro-product-card img { aspect-ratio: 4 / 3; }
  .astra-review-page .pro-hero.pro-hero-product-development h1 {
    max-width: 10em;
    font-size: clamp(38px, 11vw, 46px);
    line-height: 1.08;
  }
}