/* Page 4 — extends approved site styling */
.framework-hero{display:grid;grid-template-columns:1.08fr .92fr;min-height:650px;background:#f5f0e7}.hero-copy{padding:100px max(35px,5vw) 90px max(35px,7vw);align-self:center}.hero-copy h1{font-family:Georgia,serif;font-size:clamp(2.7rem,4.3vw,5rem);line-height:1.13;color:#233c65;letter-spacing:-.04em;margin:25px 0}.hero-copy h1 em,.statement h2 em,.section-heading h2 em,.base-feature h2 em,.next-step h2 em{color:#196a9c;font-weight:normal}.micro{font-size:.72rem;font-weight:750;letter-spacing:.18em;color:#196a9c;text-transform:uppercase}.gold-rule{height:3px;width:75px;background:#c7a46a;margin:24px 0}.hero-lead{font-size:1.25rem;color:#233c65;line-height:1.55;max-width:530px}.hero-detail{line-height:1.8;color:#536276;max-width:540px;margin:16px 0 28px}.hero-art{position:relative;min-height:500px;overflow:hidden}.hero-art img{width:100%;height:100%;object-fit:cover;display:block}.hero-art span{position:absolute;bottom:30px;left:30px;color:white;background:#233c65e6;padding:13px 18px;letter-spacing:.15em;font-size:.7rem;font-weight:700}.statement{padding:95px 8%;text-align:center;background:white}.statement h2,.section-heading h2,.base-feature h2,.next-step h2{font-family:Georgia,serif;font-size:clamp(2.2rem,3.5vw,3.8rem);line-height:1.2;color:#233c65;margin:15px 0}.statement>p:not(.overline){max-width:750px;margin:0 auto;line-height:1.8;color:#59697a}.steps{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:18px;margin-top:38px}.steps span{font-size:.72rem;letter-spacing:.1em;font-weight:750;background:#f5f0e7;color:#233c65;padding:13px 17px;border-radius:5px}.steps b{color:#c7a46a}.philosophies,.brands,.gallery{padding:100px 8%}.philosophies{background:#f5f0e7}.brands{background:white}.section-heading{max-width:780px;margin-bottom:38px}.section-heading>p:last-child{color:#59697a;line-height:1.8}.framework-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.framework-grid article{background:white;border:1px solid #e4e2db;padding:30px;min-height:260px;display:flex;flex-direction:column}.index{color:#c7a46a;font-weight:750;font-size:.85rem}.framework-grid h3,.brand-text h3,.mini-brand-grid h3{font-family:Georgia,serif;color:#233c65;font-size:1.55rem;line-height:1.25;margin:18px 0 12px}.framework-grid p,.brand-text p,.mini-brand-grid p{line-height:1.75;color:#58687a}.tag{margin-top:auto;color:#196a9c;font-weight:750;font-size:.65rem;letter-spacing:.12em;padding-top:20px}.brand-card{display:grid;grid-template-columns:1fr 1fr;background:#f5f0e7;margin-bottom:24px;min-height:365px}.brand-card.reverse .brand-visual{order:2}.brand-card.reverse .brand-text{order:1}.brand-visual{display:flex;align-items:center;justify-content:center;min-height:340px;padding:35px;background:#f7f5f0}.brand-visual img{width:100%;max-width:360px;max-height:300px;object-fit:contain}.brand-text{align-self:center;padding:45px}.brand-text h3{font-size:2.4rem}.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.pill-row span{font-size:.72rem;background:white;padding:8px 12px;color:#233c65}.mini-brand-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}.mini-brand-grid article{border:1px solid #e5e6e6;padding:32px}.mini-brand-grid small,.small-note{display:block;color:#7a6a57;font-size:.8rem;line-height:1.65}.mini-icon{font-family:Georgia,serif;font-size:2rem;color:#c7a46a}.base-feature{background:#233c65;color:white;padding:80px 8%;display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:center}.base-feature h2,.base-feature h2 em{color:white}.base-feature p{line-height:1.8;color:#dfe6ef}.base-feature .overline{color:#e2c18b}.base-feature .small-note{color:#e7d5b5}.base-feature figure{margin:0}.base-feature img{width:100%;display:block;border:7px solid #ffffff22}.base-feature figcaption{font-size:.75rem;color:#cbd7e4;margin-top:10px}.gallery{background:#f5f0e7}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.photo-grid figure{margin:0;background:white}.photo-grid img{width:100%;height:260px;object-fit:cover;display:block}.photo-grid figcaption{padding:18px;color:#233c65;font-weight:700}.gallery .small-note{margin-top:22px}.closing{padding:100px 10%;background:#196a9c;color:white;text-align:center}.closing .overline{color:#f3d9a7}.closing blockquote{font-family:Georgia,serif;font-size:clamp(1.9rem,3.1vw,3.4rem);line-height:1.4;max-width:920px;margin:25px auto}.closing>p:last-child{font-size:.72rem;letter-spacing:.18em}.next-step{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:80px 8%;background:white}.next-step p{color:#58687a}.next-step>div{max-width:720px}
@media(max-width:900px){.framework-hero{grid-template-columns:1fr}.hero-copy{padding:80px 7% 60px}.hero-art{height:390px;min-height:0}.framework-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.base-feature{grid-template-columns:1fr}.photo-grid img{height:200px}}@media(max-width:600px){.philosophies,.brands,.gallery,.statement{padding:65px 6%}.framework-grid,.mini-brand-grid,.brand-card,.photo-grid{grid-template-columns:1fr}.brand-card.reverse .brand-visual,.brand-card.reverse .brand-text{order:initial}.brand-visual{min-height:260px}.brand-text{padding:30px}.hero-art{height:300px}.steps{gap:8px}.steps span{font-size:.6rem;padding:10px}.steps b{font-size:.7rem}.next-step{padding:60px 6%;display:block}.next-step .button{margin-top:25px}.base-feature{padding:60px 6%}.photo-grid img{height:250px}}