/* Shared styles for every page. Footer uses the main page values. */
html body footer.footer{background-color:#050505!important;color:#fff!important;line-height:1.8}
html body footer.footer .footer-intro{font-size:clamp(15px,1.1vw,16px);line-height:1.65}
html body footer.footer .footer-menu a{font-size:15px;line-height:1.5}
html body footer.footer .footer-legal a{font-size:12px;line-height:1.6}
/* Back-to-top: orange button, bold white arrow (hover keeps the shared dark style) */
html body footer.footer .footer-top-link{background:#ff7e36;color:#fff;font-size:0!important;line-height:0}
html body footer.footer .footer-top-link::before{content:"";width:26px;height:26px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19V5M5.5 11.5 12 5l6.5 6.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19V5M5.5 11.5 12 5l6.5 6.5'/%3E%3C/svg%3E") center/contain no-repeat}
@media(max-width:700px){html body footer.footer .footer-menu a{font-size:14px}}
/* Full-screen menu: no lines between items */
html body .mega-links,html body .mega-links a{border-top:0!important;border-bottom:0!important}
/* Client work thumbnails: flat site screenshots anchored to the top, like the first four */
html body .project-client .client-project-thumbnail{object-position:50% 0}
/* Works page cards use the main page thumbnail treatment (16:9, per-project fit and background) */
html body .workgrid .project-image{aspect-ratio:16/9;height:auto!important;padding:0;overflow:hidden;display:flex;align-items:center;justify-content:center}
html body .workgrid .project-image img{display:block;width:100%;height:100%;border-radius:0}
html body .workgrid .project-ops .project-image{background:#f3f4f8;padding:12px!important}
html body .workgrid .project-ops .highops-thumbnail{object-fit:contain;object-position:center;border-radius:6px}
html body .workgrid .project-chat .project-image{background:#f7f5ff}
html body .workgrid .project-chat .opschat-thumbnail{object-fit:contain;object-position:center}
html body .workgrid .project-landing .project-image{background:#111}
html body .workgrid .project-landing .landingmaker-thumbnail{object-fit:cover;object-position:center top;transition:object-position 1.8s ease}
html body .workgrid .project-landing:hover .landingmaker-thumbnail,html body .workgrid .landingmaker-project-link:focus-visible .landingmaker-thumbnail{object-position:center bottom}
html body .workgrid .project-gukdaesaju .project-image{background:#fcf5e8}
html body .workgrid .project-gukdaesaju .gukdaesaju-thumbnail{object-fit:cover;object-position:center top;transition:object-position 1.8s ease}
html body .workgrid .project-gukdaesaju:hover .gukdaesaju-thumbnail,html body .workgrid .gukdaesaju-project-link:focus-visible .gukdaesaju-thumbnail{object-position:center bottom}
html body .workgrid .project-client .project-image{background:#eee}
html body .workgrid .project-client .client-project-thumbnail{object-fit:cover;object-position:center}
@media(prefers-reduced-motion:reduce){html body .workgrid .project-image img{transition:none!important}}
/* Works pagination: arrows turn white on the dark hover background */
html body .work-pagination .work-page-arrow:not(:disabled):is(:hover,:focus-visible) svg path{fill:#fff}