/* V11 — compact editorial composition; original photo pixels unchanged. */
.recognition-layout{display:grid;grid-template-columns:minmax(0,1fr) 440px;align-items:center;gap:90px}.recognition-copy h2{font-size:clamp(34px,3.6vw,50px);line-height:1.12;margin:24px 0 34px;max-width:560px}.recognition-copy h2 span{color:#32c8f2}.recognition-fact{font-size:17px;line-height:1.8;margin:0 0 24px;max-width:470px}.recognition-fact strong{font-weight:600;color:#64b9ff}.recognition-copy .btn{font-size:13px;margin-top:10px}.recognition-visual{display:flex;flex-direction:column;gap:24px;align-items:center}.recognition-film{display:block;max-width:360px;width:100%;border:1px solid #1687e8;border-radius:13px;overflow:hidden;background:#041f3b}.recognition-film img{width:100%;height:auto;object-fit:contain}.recognition-film>span{display:block;font-size:11px;line-height:1.7;padding:12px 16px;color:#bfd7ee;border-top:1px solid #1687e855}.recognition-film:hover{border-color:#59cfff}.recognition-talk{display:grid;grid-template-columns:250px 1fr;align-items:center;gap:20px;width:100%;border:1px solid #1687e8;border-radius:12px;overflow:hidden;background:#041f3b}.recognition-talk img{width:250px;height:auto;object-fit:contain}.recognition-talk>div{padding:14px 14px 14px 0}.recognition-talk span{font-size:9px;letter-spacing:.12em;color:#86add0}.recognition-talk p{font:500 16px/1.5 var(--heading);letter-spacing:-.02em;color:#eaf3ff;margin-top:8px}
@media(max-width:1100px){.recognition-layout{grid-template-columns:minmax(0,1fr) 380px;gap:45px}.recognition-copy h2{font-size:38px}.recognition-fact{font-size:15px}.recognition-talk{grid-template-columns:220px 1fr;gap:16px}.recognition-talk img{width:220px}.recognition-talk p{font-size:14px}}
@media(max-width:800px){.recognition-layout{grid-template-columns:1fr;gap:38px}.recognition-copy h2{font-size:37px;max-width:560px}.recognition-fact{font-size:16px;max-width:600px}.recognition-visual{max-width:440px;width:100%;margin:auto}.recognition-talk{grid-template-columns:230px 1fr}.recognition-talk img{width:230px}}
@media(max-width:450px){.recognition-copy h2{font-size:33px}.recognition-fact{font-size:15px}.recognition-film{max-width:320px}.recognition-talk{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:14px}.recognition-talk img{width:100%}.recognition-talk p{font-size:12px}.recognition-talk span{font-size:8px}.recognition-talk>div{padding-right:10px}.recognition-copy .btn{font-size:12px}}