/* Homepage framing. Its existing PC scene, video and white surface paint
   stay in the homepage stylesheets; only the closing bands change paint. */
.grey-site.glass-depth.public-site.has-home-video {
    --home-panel-gutter: clamp(12px, 2.5vw, 32px);
    --home-panel-width: calc(100% - var(--home-panel-gutter) - var(--home-panel-gutter));
    --home-panel-radius: 20px;
    --home-panel-shine: linear-gradient(118deg, rgba(255,255,255,.38), rgba(255,255,255,.06) 35%, rgba(255,255,255,.16) 77%, rgba(255,239,237,.23));
    --home-panel-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 rgba(73,61,64,.21), inset 0 0 0 3px rgba(255,255,255,.34), 0 1px 0 rgba(255,255,255,.96), 0 3px 0 -1px rgba(154,135,132,.5), 0 6px 9px -5px rgba(208,15,30,.32), 0 12px 24px -12px rgba(77,52,53,.34), 0 30px 60px -35px rgba(55,42,43,.36);
}

.grey-site.glass-depth.public-site.has-home-video .site-stage {
    padding: clamp(10px, 2vw, 30px);
    background: transparent;
    box-shadow: none;
}
.grey-site.glass-depth.public-site.has-home-video .site-frame {
    width: min(1500px, 100%);
    border: 0;
    border-radius: var(--home-panel-radius);
    background: transparent;
    box-shadow: none;
}
.grey-site.glass-depth.public-site.has-home-video .frame-header { border-radius: 16px; }

/* Keep the original white fill and its blurred scene. The hero retains its
   own video lighting; the wordmark remains free to cross the section edge. */
.grey-site.glass-depth.public-site.has-home-video main > :is(
    .signal-hero--video, .services-section, .knowledge-section,
    .delivery-section, .about-section
) {
    width: var(--home-panel-width);
    margin: 26px auto;
    border: 5px solid rgba(255,255,255,.7);
    border-radius: var(--home-panel-radius);
    box-shadow: var(--home-panel-shadow);
}
.grey-site.glass-depth.public-site.has-home-video main > .signal-hero--video { margin-top: 0; margin-bottom: 0; }
.grey-site.glass-depth.public-site.has-home-video main > #services { margin-top: 0; }

/* Closing bands share the public-page gutter, corner radius and glass finish. */
.grey-site.glass-depth.public-site.has-home-video .site-frame > :is(
    section.insight-band, section.data-strip, .frame-footer, .advert-privacy-links
) {
    width: var(--home-panel-width);
    margin: 20px auto;
    border: 1px solid rgba(255,255,255,.83);
    border-radius: var(--home-panel-radius);
    color: #302a2e;
    background: var(--home-panel-shine), rgba(255,255,255,.8);
    box-shadow: var(--home-panel-shadow);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
}
.grey-site.glass-depth.public-site.has-home-video .site-frame > .insight-band :is(h2, p, a, time),
.grey-site.glass-depth.public-site.has-home-video .site-frame > .insight-band .insight-copy h2,
.grey-site.glass-depth.public-site.has-home-video .site-frame > .insight-band .insight-copy > p:last-child,
.grey-site.glass-depth.public-site.has-home-video .site-frame > .insight-band .insight-index > a,
.grey-site.glass-depth.public-site.has-home-video .site-frame > .insight-band .insight-tags a {
    color: #3b3035;
    text-shadow: none;
}
.grey-site.glass-depth.public-site.has-home-video .site-frame > .insight-band :is(.section-index, .insight-index time) { color: #92121c; }
.grey-site.glass-depth.public-site.has-home-video .site-frame > .insight-band .insight-tags a {
    border-color: rgba(79,65,67,.18);
    background: rgba(255,255,255,.78);
}
.grey-site.glass-depth.public-site.has-home-video .site-frame > .insight-band .insight-index > a { border-color: rgba(79,65,67,.18); }
.grey-site.glass-depth.public-site.has-home-video .site-frame > section.data-strip {
    color: #fff;
    border-color: rgba(255,225,226,.74);
    background: linear-gradient(120deg, rgba(255,255,255,.25), transparent 34%, rgba(255,255,255,.08) 75%), linear-gradient(155deg, rgba(181,16,32,.93), rgba(124,8,20,.94));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.76), inset 0 -2px 0 rgba(73,4,12,.45), 0 5px 16px -8px rgba(180,10,25,.45), var(--home-panel-shadow);
}
.grey-site.glass-depth.public-site.has-home-video .site-frame > .data-strip :is(strong, span) {
    color: #fff;
    text-shadow: 0 2px 0 #760612, 1px 1px 0 #760612, -1px 1px 0 #760612;
}
.grey-site.glass-depth.public-site.has-home-video .site-frame > .data-strip > div { border-color: rgba(255,255,255,.24); }
.grey-site.glass-depth.public-site.has-home-video .site-frame > .frame-footer { padding: 22px 28px; }
.grey-site.glass-depth.public-site.has-home-video .site-frame > .frame-footer a { color: #3b3035; }
.grey-site.glass-depth.public-site.has-home-video .site-frame > .advert-privacy-links { padding: 12px; }
.grey-site.glass-depth.public-site.has-home-video .site-frame > .advert-privacy-links a { color: #3b3035; }

/* Intro/content adverts keep their white fill. Footer inventory adopts the
   matching frosted closing band. Served-unit sizes and hiding are untouched. */
.grey-site.glass-depth.public-site.has-home-video .site-frame .site-ad[data-ad-placement] {
    width: var(--home-panel-width);
    margin: 24px auto;
    border: 1px solid rgba(255,255,255,.74);
    border-radius: var(--home-panel-radius);
    box-shadow: var(--home-panel-shadow);
}
.grey-site.glass-depth.public-site.has-home-video .site-frame > .site-ad[data-ad-placement='footer'] {
    color: #3b3035;
    background: var(--home-panel-shine), rgba(255,255,255,.32);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}
.grey-site.glass-depth.public-site.has-home-video .site-frame > .site-ad[data-ad-placement='footer'] .site-ad-inner {
    border: 3px solid rgba(255,255,255,.7);
    border-radius: 14px;
    background: linear-gradient(125deg, rgba(255,255,255,.28), rgba(255,255,255,.12));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.88), 0 8px 20px -16px rgba(67,41,47,.3);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}
.grey-site.glass-depth.public-site.has-home-video .site-frame > .site-ad[data-ad-placement='footer'] :is(.site-ad-label, .adsterra-consent) { color: #3b3035; }

/* The wordmark scales with the capped frame on wide screens, so its letters
   retain their overlap without creating horizontal scrolling. */
@media (min-width: 1560px) {
    .grey-site.glass-depth.public-site.has-home-video .pc-wordmark {
        font-size: clamp(5rem, min(16vw, 240px, 29vh), 21rem);
    }
}
@media (max-width: 900px) {
    .grey-site.glass-depth.public-site.has-home-video .site-stage { padding: 10px; }
    .grey-site.glass-depth.public-site.has-home-video .frame-header { border-radius: 12px; }
}
@media (max-width: 600px) {
    .grey-site.glass-depth.public-site.has-home-video { --home-panel-gutter: 4px; }
    .grey-site.glass-depth.public-site.has-home-video .site-stage { padding: 8px; }
    .grey-site.glass-depth.public-site.has-home-video .site-frame > .frame-footer { padding: 20px; }
}
@media (prefers-reduced-transparency: reduce) {
    .grey-site.glass-depth.public-site.has-home-video .site-frame > :is(section.insight-band, .frame-footer, .advert-privacy-links, .site-ad[data-ad-placement='footer']) {
        background: #fff;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }
    .grey-site.glass-depth.public-site.has-home-video .site-frame > section.data-strip { -webkit-backdrop-filter: none; backdrop-filter: none; }
}
@media print {
    .grey-site.glass-depth.public-site.has-home-video .site-stage { padding: 0; }
    .grey-site.glass-depth.public-site.has-home-video .site-frame > :is(section.insight-band, section.data-strip, .frame-footer, .advert-privacy-links) {
        color: #000;
        background: #fff;
        box-shadow: none;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }
    .grey-site.glass-depth.public-site.has-home-video .site-frame > .data-strip :is(strong, span) { color: #000; text-shadow: none; }
    .grey-site.glass-depth.public-site.has-home-video main > :is(.signal-hero--video, .services-section, .knowledge-section, .delivery-section, .about-section) { box-shadow: none; }
}