/* Tandav Tech 1.4 - Homepage showcase visibility. Keep screenshots fully legible.
   Scoped to homepage to preserve archive, articles, contact and service-page layouts. */
body.home .hero { margin-top:0; }
body.home .hero__inner { gap: clamp(26px, 4.2vw, 72px); }
@media (min-width:1024px) {
    body.home .hero__inner { grid-template-columns: minmax(0, 1.03fr) minmax(0, .97fr); }
}
body.home .hero__copy, body.home .hero__visual { min-width:0; }
body.home .hero__ui-image { padding: 0; overflow:hidden; border-radius:18px;
    background:#f5f7fa; box-shadow:0 22px 48px rgba(13,34,60,.16); border:1px solid rgba(31,50,84,.12); }
body.home .hero__ui-image-file { display:block; width:100%; height:auto; max-height:660px; object-fit:contain; }
body.home .hero__ui-image + .hero__micro-badge { margin-top:14px; margin-left:0; }
/* Each work item is an ample editorial showcase rather than one of three tiny cards. */
body.home #work .work-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:clamp(25px,4vw,54px); padding-top:clamp(24px,3vw,48px); }
body.home #work .case-card { display:flex; flex-direction:column; min-width:0; border-radius:20px; overflow:hidden;
    border:1px solid rgba(31,50,84,.12); box-shadow:0 12px 28px rgba(31,50,84,.07); }
body.home #work .case-card__media { position:relative; display:flex; align-items:center; justify-content:center;
    width:100%; height:auto; min-height:0; aspect-ratio:16/9; background:#f3f6f9; overflow:hidden; }
body.home #work .case-card__media img { display:block; width:100%; height:100%; object-fit:contain; object-position:center;
    transition:none; }
body.home #work .case-card:hover .case-card__media img { transform:none; }
body.home #work .case-card__body { min-width:0; display:flex; flex-direction:column; gap:22px;
    padding:clamp(20px,3.4vw,46px); background:#f8f9fc; justify-content:center; }
body.home #work .case-card__title { font-size:clamp(23px,3vw,38px); line-height:1.15; margin:10px 0; }
body.home #work .case-card__desc { font-size:clamp(15px,1.4vw,18px); line-height:1.6; }
body.home #work .case-card__outcome { padding:16px 20px; }
body.home #work .case-card__outcome-value { font-size:clamp(18px,2.2vw,24px); }
body.home #work .case-card__tag--inline { display:inline-block; position:static; padding:7px 14px; max-width:max-content;
    background:#1f3254; color:white; border-radius:999px; font-size:12px; font-family:var(--font-headline); }
body.home #work .case-card__concept-label { position:absolute; bottom:10px; right:10px; background:rgba(31,50,84,.92);
    color:white; border-radius:6px; font-size:11px; padding:6px 10px; }
body.home #work .case-card__visit { display:inline-flex; padding:9px 0; font-size:15px; }
body.home #work .case-card__visit:focus-visible { outline:3px solid #007ca8; outline-offset:3px; }
body.home #work .case-card__placeholder { aspect-ratio:16/9; min-height:unset; }
@media(min-width:900px){
    body.home #work .case-card { display:grid; grid-template-columns:minmax(0, 1.22fr) minmax(310px,.78fr); align-items:stretch; }
    body.home #work .case-card:nth-child(even) { grid-template-columns:minmax(310px,.78fr) minmax(0,1.22fr); }
    body.home #work .case-card:nth-child(even) .case-card__media { grid-column:2; grid-row:1; }
    body.home #work .case-card:nth-child(even) .case-card__body { grid-column:1; grid-row:1; }
}
@media(max-width:580px){
    body.home #work .case-card__concept-label { bottom:5px; right:5px; font-size:10px; }
    body.home #work .case-card__body { padding:20px; }
}
@media(prefers-reduced-motion:reduce){ body.home #work .case-card { transition:none; } }
/* Use the uploaded official logo as a fallback when the site custom logo isn't assigned. */
.site-header .brand__logo--official { max-width:42px; max-height:54px; width:auto; height:auto; object-fit:contain; }
.site-footer .brand__logo--official { max-width:54px; max-height:66px; width:auto; height:auto; object-fit:contain; }