/* Product Development: one offer, visible evidence, three useful entry points. */
.product-development{--pd-ink:#152d30;--pd-muted:#4d6062;--pd-paper:#f6f4ee;--pd-lilac:#dedfed}
.product-development section{padding:88px 0}.product-development .pd-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.product-development p{font-size:16px;line-height:1.8}.product-development .eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:20px}.product-development h2{margin-bottom:24px}.product-development h3{margin-bottom:16px}.product-development .pd-lead{font-size:22px;line-height:1.6;margin:24px 0 16px}.product-development .pd-link{font-size:14px;display:inline-flex;font-weight:700;line-height:1.7;padding:12px 0;text-decoration:underline;text-underline-offset:5px}.product-development .pd-small{font-size:12px;line-height:1.8}.product-development .button{margin-top:28px}.product-development .pd-hero{background:#152d30;color:#f6f4ee;padding:65px 0 78px}.product-development h1 em{font-style:normal;color:#ffcb27}.pd-hero p:not(.eyebrow){color:#d8e1dc}.pd-hero-art{background:#dde6e6;padding:25px;color:#152d30;transform:rotate(-1.5deg);box-shadow:12px 12px 0 #426267}.pd-art-label{display:flex;justify-content:space-between;gap:12px;text-transform:uppercase;font-size:9px;letter-spacing:.1em}.pd-hero-art img{width:100%;height:310px;object-fit:contain;margin:18px 0}.pd-hero-art figcaption{border-top:1px solid #a4b5b3;padding-top:17px;display:grid;gap:8px;font-size:12px;line-height:1.7}.pd-hero-art figcaption a{text-decoration:underline;text-underline-offset:4px}.pd-heading{max-width:770px;margin-bottom:38px}.pd-proof-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:56px}.pd-image{display:block;padding:22px 40px;background:#e0e4f0;margin-bottom:25px}.pd-image img{width:100%;height:290px;object-fit:contain}.pd-milestone{border-top:1px solid #93a1a3;padding-top:24px}.product-development .pd-date{font-size:74px;line-height:1.05;letter-spacing:-.06em;margin:26px 0}.pd-date span{display:block;color:#56637c}.pd-milestone .pd-small{margin-top:18px}.pd-starts{border-block:1px solid #d8dbd3;background:#eeeee7}.pd-three{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.pd-three article{scroll-margin-top:120px}.pd-number{display:block;border-top:1px solid #a1aaa1;padding-top:22px;margin-bottom:25px;font-size:24px;letter-spacing:-.03em}.pd-three strong{display:block;margin-top:24px;font-size:14px;line-height:1.6}.pd-prototype{border-top:1px solid #c5cbc0;margin-top:35px;padding-top:25px}.pd-prototype a{text-decoration:underline;text-underline-offset:4px}.pd-connected p+p{margin-top:16px}.pd-decision-map{border:1px solid #9aabb1;background:#e3e6ed;padding:30px 24px;position:relative}.pd-question{background:#152d30;color:#f6f4ee;padding:20px;font-size:19px;line-height:1.45;letter-spacing:-.025em}.pd-map-disciplines{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:30px 0;position:relative}.pd-map-disciplines>div{border-top:2px solid #697f89;padding-top:16px;display:grid;align-content:start;gap:10px}.pd-map-disciplines span{font-size:28px}.pd-map-disciplines strong{font-size:14px}.pd-map-disciplines small{font-size:12px;line-height:1.7}.pd-map-result{padding:18px 10px;text-align:center;border-block:1px solid #9aabb1;font-size:17px;font-weight:650}.pd-decision-map figcaption{font-size:11px;line-height:1.8;margin-top:20px}.pd-decision-map figcaption span{font-size:23px}.product-development .pd-working{padding-top:0}.pd-working-photo{width:100%;height:490px;object-fit:cover;box-shadow:-12px 12px 0 #dde1d6}.pd-working ul{list-style:none;padding:0;margin:22px 0 0}.pd-working li{font-size:14px;line-height:1.8;margin-top:17px}.pd-working li strong{display:block}.product-development .pd-faq{border-top:1px solid #c5cec7;padding-top:65px}.pd-faq details{border-top:1px solid #aebbb4;padding:20px 0}.pd-faq summary{font-size:19px;line-height:1.6;cursor:pointer}.pd-faq details p{max-width:760px;padding-top:16px}.pd-faq .pd-small{margin-top:24px}.product-development .pd-close{background:#ffcb27}.pd-close .button{background:#152d30;color:#f6f4ee;margin-top:6px}.product-development :is(a,summary):focus-visible{outline-color:#8f4600}.pd-hero a:focus-visible{outline-color:#ffcb27}
@media(max-width:1000px){.product-development .pd-grid{gap:35px}.pd-hero-art{padding:20px}.pd-hero-art img{height:250px}.pd-three{gap:25px}.pd-map-disciplines{gap:8px}.pd-map-disciplines strong{font-size:12px}}
@media(max-width:760px){.product-development .wrap{width:calc(100% - 40px)}.product-development section{padding:55px 0}.product-development .pd-grid,.pd-proof-grid,.pd-three{grid-template-columns:1fr;gap:32px}.product-development .pd-hero{padding:42px 0 55px}.product-development h1{font-size:clamp(42px,8vw,62px)}.pd-hero-art{margin:10px 7px 0 0}.pd-hero-art img{height:240px}.pd-proof-grid{gap:30px}.pd-image{padding:22px}.pd-image img{height:230px}.product-development .pd-date{font-size:60px}.pd-date span{display:inline}.pd-working-photo{height:330px}.pd-decision-map{padding:22px 16px}.pd-map-disciplines small{font-size:11px}.pd-three strong{margin-top:14px}.product-development .pd-working{padding-top:10px}.pd-faq summary{font-size:17px}.pd-question{font-size:18px}}
.product-development .pd-close .button.primary{background:#152d30;color:#f6f4ee}
/* Greyson review G12 (October 2026): the three starting points are matching panels whose numbers, headings, text and outcomes share rows. */
@media(min-width:761px){.pd-three{grid-template-rows:auto auto 1fr auto;row-gap:0}.pd-three article{display:grid;grid-row:span 4;grid-template-rows:subgrid;background:#f7f7f3;padding:0 26px 28px;border-radius:6px}.pd-three .pd-number{border-top:0;padding-top:26px}.pd-three h3{margin:0 0 14px}.pd-three strong{align-self:end}}