:root {
    --dls-petrol: #0A4F5A;
    --dls-petrol-dark: #073e47;
    --dls-turquoise: #2D8B92;
    --dls-gold: #E1A53A;
    --dls-bg: #F2F7F8;
    --dls-brand-bg: #F8FBFB;
    --dls-text: #1F2933;
    --dls-muted: #5d6a70;
    --dls-white: #ffffff;
    --dls-border: #d8e5e7;
    --dls-shadow: 0 18px 48px rgba(10, 79, 90, .13);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.dls-holding-page {
    margin: 0;
    background: var(--dls-bg);
    color: var(--dls-text);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    line-height: 1.55;
    -webkit-font-smoothing: antialiased;
}
img, video { max-width: 100%; }
a { color: inherit; }
.dls-skip-link {
    position: absolute;
    left: 16px;
    top: -80px;
    z-index: 9999;
    padding: 10px 14px;
    border-radius: 8px;
    background: var(--dls-white);
    color: var(--dls-petrol);
    font-weight: 700;
}
.dls-skip-link:focus { top: 16px; }

.dls-holding-brand {
    background: var(--dls-brand-bg);
    border-bottom: 4px solid var(--dls-gold);
}
.dls-brand-desktop {
    min-height: 150px;
    max-width: 1480px;
    margin: 0 auto;
    padding: 18px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 56px;
    text-decoration: none;
}
.dls-brand-primary {
    display: block;
    width: min(520px, 58%);
    height: auto;
    object-fit: contain;
}
.dls-brand-signoff {
    display: block;
    width: min(330px, 34%);
    height: auto;
    object-fit: contain;
}
.dls-brand-mobile { display: none; }

.dls-holding-main {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
    padding: clamp(42px, 7vw, 86px) 0 56px;
}
.dls-intro {
    max-width: 900px;
    margin: 0 auto 44px;
    text-align: center;
}
.dls-eyebrow, .dls-kicker {
    margin: 0 0 10px;
    color: var(--dls-turquoise);
    font-size: .82rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.dls-intro h1 {
    margin: 0;
    color: var(--dls-petrol);
    font-size: clamp(2.15rem, 5vw, 4.15rem);
    line-height: 1.06;
    letter-spacing: -.035em;
}
.dls-lead {
    max-width: 760px;
    margin: 22px auto 0;
    color: var(--dls-muted);
    font-size: clamp(1.05rem, 2vw, 1.25rem);
}
.dls-levels {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-top: 24px;
}
.dls-levels span {
    min-width: 58px;
    padding: 10px 15px;
    border: 1px solid rgba(10,79,90,.22);
    border-radius: 12px;
    background: rgba(255,255,255,.76);
    color: var(--dls-petrol);
    font-weight: 800;
}

.dls-video-section {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(280px, .7fr);
    gap: clamp(24px, 4vw, 52px);
    align-items: center;
}
.dls-video-card {
    overflow: hidden;
    border: 1px solid rgba(10,79,90,.12);
    border-radius: 24px;
    background: #071417;
    box-shadow: var(--dls-shadow);
}
.dls-video-card video {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    background: #071417;
}
.dls-video-copy {
    padding: 10px 0;
}
.dls-video-copy h2,
.dls-status h2 {
    margin: 0;
    color: var(--dls-petrol);
    font-size: clamp(1.75rem, 3vw, 2.45rem);
    line-height: 1.12;
}
.dls-video-copy p:not(.dls-kicker),
.dls-status p:not(.dls-kicker) {
    color: var(--dls-muted);
    font-size: 1.05rem;
}

.dls-status {
    margin-top: clamp(42px, 6vw, 72px);
    padding: clamp(26px, 4vw, 42px);
    border: 1px solid var(--dls-border);
    border-left: 6px solid var(--dls-gold);
    border-radius: 20px;
    background: rgba(255,255,255,.85);
}
.dls-status > div { max-width: 820px; }

.dls-holding-footer {
    background: var(--dls-petrol-dark);
    color: rgba(255,255,255,.9);
}
.dls-footer-inner {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
    min-height: 86px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 20px 0;
}
.dls-footer-inner p { margin: 0; }
.dls-footer-inner nav { display: flex; gap: 18px; }
.dls-footer-inner a {
    text-underline-offset: 4px;
    text-decoration-thickness: 1px;
}
.dls-footer-inner a:hover,
.dls-footer-inner a:focus-visible { color: #fff; }

@media (max-width: 1180px) {
    .dls-brand-desktop { display: none; }
    .dls-brand-mobile {
        min-height: 112px;
        width: min(100%, 980px);
        margin: 0 auto;
        padding: 18px 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
    }
    .dls-brand-mobile img {
        display: block;
        width: min(100%, 860px);
        height: auto;
        object-fit: contain;
    }
}

@media (max-width: 860px) {
    .dls-video-section { grid-template-columns: 1fr; }
    .dls-video-copy { max-width: 680px; }
}

@media (max-width: 620px) {
    .dls-brand-mobile { min-height: 84px; padding: 14px 16px; }
    .dls-holding-main { width: min(100% - 28px, 1180px); padding-top: 34px; }
    .dls-intro { text-align: left; margin-bottom: 30px; }
    .dls-lead { margin-left: 0; }
    .dls-levels { justify-content: flex-start; }
    .dls-video-card { border-radius: 16px; }
    .dls-status { border-radius: 16px; }
    .dls-footer-inner {
        width: min(100% - 28px, 1180px);
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
}
