/* Mobile composition: deliberate reading order and comfortable touch targets. */
@media(max-width:900px){
html body main :is(.recruiter-hero,.journey-opening,.about-grid,.personal-note,.shinchat-spotlight,.feature){grid-template-columns:1fr!important;gap:28px!important}
html body main :is(.employer-grid,.live-grid,.digital-grid,.collection-grid,.selected-showcase-grid,.service-offers,.parallel-grid,.profile-detail-grid,.depth-grid,.record-grid,.media-grid){grid-template-columns:1fr!important}
html body header .contact-link{display:none!important}html body header .menu{display:block!important;min-height:44px;min-width:80px}
html body header nav{display:none!important;position:absolute!important;top:calc(100% + 8px)!important;left:0!important;right:0!important;background:#fffefa!important;border:1px solid #deded8!important;border-radius:18px!important;padding:16px!important;box-shadow:0 18px 45px #28382e18!important}
html body header nav.open{display:flex!important;flex-direction:column!important;gap:4px!important;width:auto!important;align-items:stretch!important}
html body header nav a{min-height:48px!important;padding:14px 18px!important;font-size:14px!important;text-align:left}
html body main .recruiter-hero{padding:28px 0 40px!important;min-height:0}
html body main .recruiter-hero figure{width:100%!important;max-width:none!important;margin:0!important;border-radius:22px!important}
html body main .recruiter-hero figure img{aspect-ratio:4/3!important;object-fit:cover!important;object-position:center 24%!important}
html body main .hero-actions{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important}
html body main .hero-actions .pill{width:100%;justify-content:space-between;min-height:52px!important;padding:16px 20px!important;font-size:14px!important}
html body main .hero-actions .text-link{align-self:flex-start;min-height:44px}
html body main .profile-facts{display:flex;flex-wrap:wrap;gap:8px 14px!important}.profile-facts>span{font-size:11px!important}
html body main .page-directory{margin:16px 0 28px!important}html body main .page-directory summary{min-height:56px;padding:18px 20px!important}
html body main .page-directory>div{grid-template-columns:1fr!important;padding:0 20px 18px!important;gap:0!important}html body main .page-directory a{min-height:52px!important;font-size:13px!important}
html body main .employer-image{height:205px!important;min-height:0}.employer-image img{min-height:0;height:100%!important}
html body main .employer-card-copy{padding:24px!important}.employer-card-copy .employer-identity{height:85px;min-height:85px}
html body main .career-stats{grid-template-columns:1fr!important;gap:12px}.career-stats>div{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px!important}.career-stats span{max-width:50%;margin-top:0}
html body main .career-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}.career-process-grid article{padding:18px!important}
html body main .journey-opening{padding:26px!important}.journey-opening figure{width:100%;margin:0!important}.journey-opening figure img{aspect-ratio:1!important;object-position:center 24%!important}
html body main .career-detail summary{grid-template-columns:1fr 24px!important;gap:14px!important}.career-date{grid-column:1/-1!important}.career-description{padding:0 20px 24px!important}
html body main .role-detail{display:block!important}.role-detail>article{padding:24px 0!important}
html body main .project-brand-identity{gap:18px!important;padding:22px!important}
html body main .project-gallery :is(img,video){max-height:none!important}
html body .footer-columns{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px 20px!important}.footer-identity{grid-column:1/-1!important}
}
@media(min-width:651px) and (max-width:900px){html body main :is(.live-grid,.digital-grid,.selected-showcase-grid,.profile-detail-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important}.recruiter-hero figure{max-width:520px!important}}
@media(prefers-reduced-motion:reduce){html body main *{transition:none!important}}