/* Isolated CAMPUS 404 trailer. Photographs never animate or receive effects. */
#trailer .trailer.c404-v26{aspect-ratio:16/9;min-height:0;container-type:inline-size;background:#02070c;box-shadow:none}
#trailer .c404-v26::before,#trailer .c404-v26::after{display:none}
#trailer .c404-v26 .preview{background:#02070c;transition:none}
#trailer .c404-v26 .preview::after{display:none}
#trailer .c404-v26 .preview img,#trailer .c404-v26 .image-scene img{
    display:block;width:100%;height:100%;object-fit:contain;object-position:center;
    animation:none!important;transition:none!important;transform:none!important;
    filter:none!important;opacity:1;will-change:auto;
}
#trailer .c404-v26 .preview-copy{background:none}
#trailer .c404-v26 .scene{background:#02070c;transition:none!important}
#trailer .c404-v26 .curtain{display:none!important}
#trailer .c404-v26 .title-card{background:#02070c}
#trailer .c404-v26 .title-card::before,#trailer .c404-v26 .title-card::after{display:none!important}
#trailer .c404-v26 .title-wrap{
    width:92%;max-width:92%;padding:0;text-align:center;animation:none!important;
    transition:none!important;filter:none!important;transform:none!important;
}
#trailer .c404-v26 .title-main{
    display:block;max-width:100%;margin:0;font-family:Arial,Helvetica,sans-serif;
    font-size:clamp(22px,5.3vw,82px);font-size:6.5cqw;font-weight:800;
    line-height:1.16;letter-spacing:.045em;color:#f2f6fa;
    text-shadow:0 0 24px rgba(67,190,255,.13);text-transform:none;
    animation:none!important;transform:none!important;filter:none!important;
}
#trailer .c404-v26 .title-main::before,#trailer .c404-v26 .title-main::after{display:none!important}
#trailer .c404-v26 .c404-line{position:relative;display:block;white-space:nowrap}
#trailer .c404-v26 .c404-line+.c404-line{margin-top:.08em}
#trailer .c404-v26 .c404-accent{color:#78dfff}
#trailer .c404-v26 .c404-eyebrow{
    display:block;margin-bottom:1.2em;font-family:Arial,Helvetica,sans-serif;
    font-size:clamp(10px,1.1vw,18px);font-size:1.6cqw;font-weight:600;
    letter-spacing:.3em;line-height:1.4;color:#8ba9bc;
}
#trailer .c404-v26 .title-sub,#trailer .c404-v26 .typewriter-byline{
    font-size:clamp(12px,1.6vw,24px);font-size:2.2cqw;line-height:1.45;
    letter-spacing:.09em;color:#cad7e1;text-transform:none;margin-top:1.2em;
}
#trailer .c404-v26 .typewriter-byline{font-family:Georgia,serif;transition:none;transform:none}
#trailer .c404-v26 .typewriter-main{
    min-height:1.16em;font-family:Consolas,'Liberation Mono',monospace;
    font-size:clamp(30px,7vw,112px);font-size:9cqw;letter-spacing:.04em;
}
#trailer .c404-v26 [data-key="choice"] .title-main{font-size:5.1cqw}
#trailer .c404-v26 [data-key="freedom"] .title-main{font-size:5.8cqw}
#trailer .c404-v26 .title-main.c404-clock{
    font-size:clamp(54px,12vw,180px);font-size:15cqw;
    font-family:Consolas,'Liberation Mono',monospace;font-weight:500;
    font-variant-numeric:tabular-nums;letter-spacing:.03em;
}
#trailer .c404-v26 .c404-status{display:block;margin-top:.6em;font-size:3cqw;letter-spacing:.07em;color:#c7d5df}
#trailer .c404-v26 .c404-status strong{font-weight:600;color:#f5f8fb}
/* Brief color separation is confined to the glyphs, never the frame or image. */
#trailer .c404-v26 .title-card.glitch .c404-line{animation:c404v26TextSignal .36s steps(2,end) 1!important}
@keyframes c404v26TextSignal{
    0%,100%{text-shadow:0 0 24px rgba(67,190,255,.13)}
    12%{text-shadow:-2px 0 #59d8ff,2px 0 #b87999}
    30%{text-shadow:2px 0 #59d8ff,-1px 0 #b87999}
    52%{text-shadow:-1px 0 #59d8ff,1px 0 #b87999}
    75%{text-shadow:none}
}
#trailer .c404-v26.paused .title-card.glitch .c404-line{animation-play-state:paused!important}
@media(max-width:780px) and (prefers-reduced-motion:reduce){
    #trailer .c404-v26 .title-card.glitch .c404-line{animation:none!important}
}


/* CAMPUS 404 professional final slate. All motion is driven by the trailer timeline in JS. */
#trailer .c404-v26 .c404-end-card{
    overflow:hidden;background:
      radial-gradient(circle at 50% 42%,rgba(20,113,160,.16),transparent 38%),
      linear-gradient(180deg,#02070c 0%,#03090f 55%,#010408 100%);
}
#trailer .c404-v26 .c404-end-card::before{
    content:"";display:block!important;position:absolute;inset:0;pointer-events:none;opacity:.18;
    background-image:linear-gradient(rgba(97,208,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(97,208,255,.055) 1px,transparent 1px);
    background-size:42px 42px,42px 42px;
    mask-image:linear-gradient(to bottom,transparent 0%,#000 18%,#000 80%,transparent 100%);
}
#trailer .c404-v26 .c404-end-card::after{
    content:"";display:block!important;position:absolute;inset:0;pointer-events:none;
    background:linear-gradient(180deg,rgba(103,221,255,.04),transparent 16%,transparent 84%,rgba(103,221,255,.035));
    box-shadow:inset 0 0 95px rgba(0,0,0,.78);
}
#trailer .c404-v26 .c404-end-ambient{
    --c404-end-sweep:0%;position:absolute;inset:-12% -30%;pointer-events:none;opacity:.72;
    background:linear-gradient(105deg,transparent 0%,transparent calc(var(--c404-end-sweep) - 8%),rgba(99,222,255,.07) var(--c404-end-sweep),transparent calc(var(--c404-end-sweep) + 8%),transparent 100%);
}
#trailer .c404-v26 .c404-end-wrap{
    position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;
    width:min(92%,1100px);max-width:92%;height:100%;margin:0 auto;padding:5% 4% 4.6%;box-sizing:border-box;
}
#trailer .c404-v26 .c404-end-title,
#trailer .c404-v26 .c404-end-genre,
#trailer .c404-v26 .c404-end-worldwide,
#trailer .c404-v26 .c404-end-credit,
#trailer .c404-v26 .c404-end-flags>span{
    will-change:opacity,transform,filter;backface-visibility:hidden;
}
#trailer .c404-v26 .c404-end-title{
    display:block;font-family:Arial,Helvetica,sans-serif;font-weight:900;line-height:.96;
    font-size:clamp(42px,10cqw,154px);letter-spacing:.055em;color:#eff8ff;text-transform:uppercase;
    text-shadow:0 0 30px rgba(59,196,255,.36),0 8px 34px rgba(0,0,0,.55);
}
#trailer .c404-v26 .c404-end-title::after{
    content:"";display:block;width:58%;height:1px;margin:.18em auto 0;background:linear-gradient(90deg,transparent,rgba(108,221,255,.75),transparent);
}
#trailer .c404-v26 .c404-end-genre{
    display:block;margin-top:.95em;font-family:Arial,Helvetica,sans-serif;font-size:clamp(12px,2.25cqw,34px);
    font-weight:700;line-height:1.2;letter-spacing:.22em;color:#86dcff;text-transform:uppercase;
}
#trailer .c404-v26 .c404-end-worldwide{
    display:block;margin-top:2.05em;font-family:Arial,Helvetica,sans-serif;font-size:clamp(12px,2.25cqw,34px);
    font-weight:700;line-height:1.25;letter-spacing:.11em;color:#eef5f9;text-transform:uppercase;
}
#trailer .c404-v26 .c404-end-flags{
    display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.9cqw,24px);margin-top:1.08em;
    line-height:1;white-space:nowrap;flex-wrap:nowrap;
}
#trailer .c404-v26 .c404-end-flags>span{
    display:inline-flex;align-items:center;justify-content:center;transform-origin:center;
    width:clamp(42px,3.8cqw,52px);height:clamp(31px,2.8cqw,39px);flex:0 0 auto;
}
#trailer .c404-v26 .c404-end-flags>span img{
    display:block;width:100%;height:100%;object-fit:contain;filter:none!important;transform:none!important;
}
#trailer .c404-v26 .c404-end-credit{
    display:block;margin-top:1.4em;font-family:Georgia,'Times New Roman',serif;font-size:clamp(12px,1.8cqw,28px);
    line-height:1.3;letter-spacing:.035em;color:#b8c8d3;text-transform:none;
}
#trailer .c404-v26 .c404-end-card.end-signal .c404-end-title{color:#f6fbff}
#trailer .c404-v26.seek-snapshot .c404-end-title,
#trailer .c404-v26.seek-snapshot .c404-end-genre,
#trailer .c404-v26.seek-snapshot .c404-end-worldwide,
#trailer .c404-v26.seek-snapshot .c404-end-credit,
#trailer .c404-v26.seek-snapshot .c404-end-flags>span{transition:none!important}

@media(max-width:600px){
    #trailer .c404-v26 .c404-end-wrap{width:94%;max-width:94%;padding:3% 3.2%}
    #trailer .c404-v26 .c404-end-title{font-size:clamp(32px,12cqw,58px)}
    #trailer .c404-v26 .c404-end-genre{margin-top:.55em;font-size:clamp(10px,3.5cqw,16px);letter-spacing:.16em}
    #trailer .c404-v26 .c404-end-worldwide{margin-top:1em;font-size:clamp(10px,3.45cqw,16px);letter-spacing:.055em}
    #trailer .c404-v26 .c404-end-flags{gap:6px 8px;margin-top:.55em;flex-wrap:wrap}
    #trailer .c404-v26 .c404-end-flags>span{width:clamp(32px,7.4cqw,40px);height:clamp(24px,5.5cqw,30px)}
    #trailer .c404-v26 .c404-end-credit{margin-top:.7em;font-size:clamp(10px,3.25cqw,15px)}
}
@media(max-width:360px){
    #trailer .c404-v26 .c404-end-worldwide{font-size:clamp(9px,3.2cqw,13px);letter-spacing:.035em}
    #trailer .c404-v26 .c404-end-flags{gap:4px 6px}
    #trailer .c404-v26 .c404-end-flags>span{width:clamp(28px,7cqw,34px);height:clamp(21px,5.3cqw,26px)}
}