/* OhWow v23 — focused approach section, harmonious with the existing editorial design. */
.ow23-approach{background:#f4f3ed;color:#1a211b;padding:clamp(63px,6vw,92px) 0 clamp(66px,6.2vw,95px);border-top:1px solid #e2e4dc}
.ow23-approach .inner-wide{max-width:1560px}
.ow23-approach-intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:clamp(24px,5vw,75px);align-items:end;margin-bottom:clamp(39px,4.5vw,65px)}
.ow23-approach .section-label{font:700 10px/1.4 'Space Grotesk',Arial,sans-serif;letter-spacing:.11em;color:#536b55;margin:0 0 21px}
.ow23-approach h2{font:700 clamp(49px,5.15vw,78px)/1.05 'Space Grotesk',Arial,sans-serif;letter-spacing:-.065em;margin:0;max-width:880px;color:#1a211b}
.ow23-approach h2 span{color:#647b66}
.ow23-approach-intro>p{font:450 clamp(15px,1.2vw,17px)/1.65 'DM Sans',Arial,sans-serif;color:#536255;max-width:450px;justify-self:end;margin:0 0 5px}
.ow23-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #bdc9be}
.ow23-principle{padding:22px clamp(18px,2.6vw,42px) 0 0;min-width:0}
.ow23-principle+.ow23-principle{border-left:1px solid #d5ddd4;padding-left:clamp(18px,2.6vw,42px)}
.ow23-num{font:700 10px/1.4 'Space Grotesk',Arial,sans-serif;letter-spacing:.1em;color:#5b795d;display:block;margin-bottom:36px}
.ow23-principle h3{font:700 clamp(22px,2.15vw,31px)/1.14 'Space Grotesk',Arial,sans-serif;letter-spacing:-.05em;color:#1d2a21;margin:0 0 12px}
.ow23-principle p{font:450 15px/1.65 'DM Sans',Arial,sans-serif;color:#627064;margin:0;max-width:350px}
/* Portfolio page keeps the v19 project cards exactly as they were designed. */
.ow23-portfolio-page .ow19-work{padding-top:clamp(80px,7vw,115px);padding-bottom:clamp(75px,6vw,100px)}
.ow23-portfolio-page .ow19-intro{margin-bottom:39px}
.ow23-portfolio-page .ow19-bottom a{color:#385640}
.ow23-nav-active{text-decoration:underline!important;text-underline-offset:8px;text-decoration-thickness:1px!important}
.ow23-portfolio-cta{background:#202820;color:#f4f3ed;border-top:1px solid #39473b;padding:65px 0 69px}
.ow23-portfolio-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:32px}
.ow23-portfolio-cta-inner>div>span{display:block;font:700 10px/1.35 'Space Grotesk',Arial,sans-serif;letter-spacing:.1em;color:#d8ff78;margin-bottom:16px}
.ow23-portfolio-cta h2{font:700 clamp(37px,3.6vw,53px)/1.12 'Space Grotesk',Arial,sans-serif;letter-spacing:-.055em;margin:0 0 10px;color:#f5f4ed}
.ow23-portfolio-cta p{font:450 15px/1.55 'DM Sans',Arial,sans-serif;color:#b7c3b8;max-width:600px;margin:0}
.ow23-portfolio-cta a{display:inline-flex;gap:22px;align-items:center;justify-content:space-between;padding:17px 21px;background:#d8ff78;color:#182319;border:1px solid #d8ff78;border-radius:4px;font:700 13px/1.3 'DM Sans',Arial,sans-serif;white-space:nowrap;transition:background .2s}
.ow23-portfolio-cta a:hover{background:#f0ffbc}
.ow23-portfolio-cta a span{font-size:19px}
@media(max-width:880px){.ow23-approach-intro{grid-template-columns:1fr;gap:20px}.ow23-approach-intro>p{justify-self:start;max-width:560px}.ow23-principles{grid-template-columns:1fr}.ow23-principle,.ow23-principle+.ow23-principle{padding:22px 0 23px;border-left:0;border-bottom:1px solid #d7ded4}.ow23-principle:last-child{border-bottom:0}.ow23-num{margin-bottom:16px}.ow23-principle p{max-width:610px}.ow23-portfolio-cta-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.ow23-approach{padding:49px 0 54px}.ow23-approach h2{font-size:clamp(43px,10.5vw,55px)}.ow23-approach-intro{margin-bottom:26px}.ow23-principle{padding-bottom:20px}.ow23-principle+.ow23-principle{padding-top:20px}.ow23-principle h3{font-size:25px}.ow23-principle p{font-size:14px}.ow23-num{font-size:9px;margin-bottom:12px}.ow23-portfolio-page .ow19-work{padding-top:50px}.ow23-portfolio-cta{padding:48px 0 52px}.ow23-portfolio-cta h2{font-size:39px}.ow23-portfolio-cta p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.ow23-portfolio-cta a{transition:none}}