/* RC5.2 · scoped production refinements. Existing brand mark and layouts retained. */
.od-skip-link{position:fixed;left:12px;top:-100px;z-index:9999;max-width:calc(100vw - 24px);background:#102e40;color:#e2fff9!important;border:2px solid #27dbc9;border-radius:10px;padding:13px 18px;text-decoration:none;font:700 14px system-ui,sans-serif}
.od-skip-link:focus{top:12px;outline:3px solid #d2fff4;outline-offset:2px}
.od-about-home{background:#e8f8fa;padding:66px 0;color:#0c2838}
.od-about-home-inner{display:grid;grid-template-columns:1fr 1.1fr;gap:46px;align-items:start}
.od-about-home h2{font-size:clamp(28px,3vw,48px);line-height:1.15;letter-spacing:-.04em;max-width:590px;margin:16px 0}
.od-about-home p{font-size:16px;line-height:1.7;color:#355665;max-width:640px;margin:0 0 16px}
.od-about-home .mini{color:#147c81}
.od-about-home .od-underlink{color:#056b73;font-weight:800}
.od-approved-work[hidden]{display:none!important}
.od-work-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.od-work-project{min-width:0;display:flex;flex-direction:column;gap:12px;border:1px solid #c6e0e2;background:#f7fcfd;padding:20px;border-radius:16px;color:#112a39}
.od-work-project .od-work-tag{align-self:flex-start;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#087f83}
.od-work-project h3{font-size:clamp(19px,2vw,25px);line-height:1.2;letter-spacing:-.02em;margin:2px 0}
.od-work-project p{font-size:14px;line-height:1.6;color:#315266;margin:0 0 8px;flex:1}
.od-work-project .od-underlink{color:#086e79;font-weight:800;margin-top:auto}
.od-work-project-media{aspect-ratio:16/10;overflow:hidden;background:#e0f0f4;border-radius:9px;display:flex;align-items:center;justify-content:center}
.od-work-project-media img{width:100%;height:100%;object-fit:contain}
.od-scope-note{margin-top:12px!important;padding-top:12px;border-top:1px solid #c5dce0;font-size:13px!important}
.od-about-intro{padding:76px 0;background:#f5fbfc;color:#0b2637}
.od-about-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(25px,5vw,100px);align-items:start}
.od-about-layout h2,.od-about-steps h2{font-size:clamp(30px,3.6vw,52px);letter-spacing:-.04em;line-height:1.12;margin:15px 0 20px}
.od-about-layout p{font-size:16px;line-height:1.75;color:#2b5062;max-width:740px}
.od-about-aside{border:1px solid #b7dadf;border-radius:16px;background:#e9f6f8;padding:25px 27px}
.od-about-aside h3{margin:0 0 16px;font-size:23px}
.od-about-aside dl{margin:0}.od-about-aside dt{font-weight:800;margin-top:16px;font-size:13px;color:#0f737a;letter-spacing:.03em}.od-about-aside dd{margin:5px 0;font-size:15px;line-height:1.5}
.od-about-aside a{overflow-wrap:anywhere;color:#035e6c}
.od-about-steps{padding:75px 0;background:#0a1726;color:#efffff}
.od-about-stepgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:30px 0}
.od-about-stepgrid article{background:#0f3042;padding:24px;border:1px solid #214f62;border-radius:14px}
.od-about-stepgrid article span{font-size:14px;color:#3ef0ec;font-weight:800}
.od-about-stepgrid h3{font-size:21px;margin:16px 0 10px}
.od-about-stepgrid p{font-size:15px;line-height:1.65;color:#bbd6df}
.od-about-steps .od-underlink{color:#6aeee4}
.simple-footer .wrap{flex-wrap:wrap;align-items:center}
.simple-footer .od-social-links{flex-basis:100%;gap:9px}
.simple-footer .od-social-links .od-social-icon-link{color:#e8fffa;background:#113b4d;border-color:#376777}
.simple-footer .od-social-links .od-social-icon-link:hover{color:#fff;background:#075a62}
@media(max-width:760px){.od-about-home-inner,.od-about-layout{grid-template-columns:1fr;gap:20px}.od-work-project-grid,.od-about-stepgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.od-about-home,.od-about-intro,.od-about-steps{padding:46px 0}.od-work-project-grid,.od-about-stepgrid{grid-template-columns:1fr}.od-work-project{padding:18px}.od-about-home p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.od-work-project *{scroll-behavior:auto}}