
.oc-production-home .video-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:45px;align-items:center}.oc-production-home .video-intro h3{margin-bottom:20px}.oc-production-home .video-intro p+p{margin-top:20px}.oc-production-home .video-concept{background:#edf3f8;border:1px solid #dce4e8;border-radius:24px;padding:26px;max-width:390px;width:100%;margin:auto}.oc-production-home .concept-label{font-size:12px;letter-spacing:.1em;color:#806020;font-weight:700;margin-bottom:18px}.oc-production-home .portrait-board{background:#17324d;border-radius:16px;aspect-ratio:9/13;padding:26px 22px;color:white;display:flex;flex-direction:column;justify-content:center;gap:22px}.oc-production-home .portrait-board>span{font-size:12px;color:#f1d394}.oc-production-home .portrait-board strong{color:white;font-size:28px;line-height:1.6}.oc-production-home .portrait-board small{font-size:11px;line-height:1.7;color:#dce4e8}.oc-production-home .board-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.oc-production-home .board-tiles i{font-size:12px;font-style:normal;border:1px solid #8094a5;border-radius:6px;padding:15px 4px;text-align:center;color:white;background:#29445f}.oc-production-home .caption-strip{background:#f1d394;color:#17324d;border-radius:5px;padding:9px 12px;font-size:15px;font-weight:700;text-align:center}.oc-production-home .concept-bottom{text-align:center;font-size:12px;line-height:1.8;padding:17px 0 0;color:#233344}.oc-production-home .sample-status{display:inline-flex;padding:7px 13px;border:1px solid #c79a45;border-radius:50px;background:#faf6ed;color:#6e511a;font-size:14px;font-weight:700;margin:15px 0}.oc-production-home .video-sample-state>div:first-child{max-width:800px}.oc-production-home .video-sample-state h3{margin:10px 0 20px}.oc-production-home .video-sample-state p+p{margin-top:15px}.oc-production-home .storyboard-static{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}.oc-production-home .storyboard-static article{background:white;border:1px solid #dce4e8;border-top:4px solid #c79a45;border-radius:14px;padding:28px;display:flex;flex-direction:column;gap:18px}.oc-production-home .storyboard-static article>span{font-size:13px;color:#806020}.oc-production-home .storyboard-static strong{font-size:23px;line-height:1.65;color:#17324d}.oc-production-home .storyboard-static p{font-size:14px;color:#596b79}.oc-production-home .comparison-box h3{font-size:23px;line-height:1.6}.oc-production-home .content-card .read-link{padding-right:0}.oc-production-home .section .content-grid+.read-link{margin-top:22px}@media(max-width:760px){.oc-production-home .video-intro,.oc-production-home .storyboard-static{grid-template-columns:1fr}.oc-production-home .video-concept{max-width:360px;padding:21px}.oc-production-home .portrait-board{aspect-ratio:auto;min-height:360px;padding:23px 18px}.oc-production-home .portrait-board strong{font-size:26px}.oc-production-home .video-intro{gap:30px}.oc-production-home .comparison-box h3{font-size:21px}}@media(max-width:359px){.oc-production-home .board-tiles i{font-size:10px}.oc-production-home .portrait-board strong{font-size:23px}.oc-production-home .caption-strip{font-size:13px}}
