﻿/* Colbert School | unified refinement layer, scoped to existing templates */
:root{--cb-ink:#14364b;--cb-deep:#082c40;--cb-gold:#bd924f;--cb-paper:#f7f8f5;--cb-white:#fff;--cb-muted:#56707e;--cb-radius:18px;--cb-shadow:0 14px 42px rgba(7,42,61,.09)}
html{scroll-behavior:smooth}body{color:var(--cb-ink);-webkit-font-smoothing:antialiased}body,button,input,textarea,select{font-family:system-ui,-apple-system,"Segoe UI",sans-serif}h1,h2,h3{letter-spacing:-.035em;line-height:1.14;text-wrap:balance}p{line-height:1.75}a{text-underline-offset:3px}img{max-width:100%;height:auto}button,a,input,textarea,select{transition:background-color .2s,border-color .2s,box-shadow .2s,color .2s,transform .2s}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--cb-gold);outline-offset:3px}input,select,textarea{max-width:100%;border-radius:10px}button,[type=submit],.btn,.button{cursor:pointer}main{min-height:45vh}.site-header{box-shadow:0 3px 20px rgba(8,44,64,.06)}.site-footer{background:var(--cb-deep);color:#fff}.site-footer a{color:#fff}.site-header,.site-footer{isolation:isolate}section{scroll-margin-top:100px}figure{margin-inline:0} .skip-link{position:absolute;left:12px;top:-80px;z-index:9999;padding:12px 18px;background:#fff;color:var(--cb-deep)}.skip-link:focus{top:12px}
/* Wagtail content page */
.cb-shell{width:min(1160px,calc(100% - 40px));margin-inline:auto}.cb-header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-block:16px}.cb-brand{display:flex;align-items:center;gap:12px;font-weight:800;color:var(--cb-deep);text-decoration:none;font-size:1.1rem}.cb-links{display:flex;flex-wrap:wrap;gap:10px 18px}.cb-links a{font-size:.9rem;text-decoration:none;color:var(--cb-ink);font-weight:650}.cb-links a:hover{color:#986f2f}.cb-content{padding-block:76px 100px}.cb-eyebrow{text-transform:uppercase;letter-spacing:.2em;font-weight:750;color:#987039;font-size:.78rem}.cb-content h1{font-size:clamp(2.5rem,5vw,5rem);max-width:850px;margin:12px 0 24px}.cb-lead{font-size:clamp(1.12rem,2vw,1.45rem);max-width:760px;color:var(--cb-muted);margin-bottom:55px}.cb-stream{max-width:1020px}.cb-stream>h2,.cb-section h2{font-size:clamp(1.65rem,3vw,2.6rem)}.cb-stream>h2{margin-top:50px}.cb-prose{font-size:1.08rem;max-width:75ch}.cb-prose a{color:#805a26}.cb-section{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;padding:48px;margin-block:28px;background:var(--cb-paper);border-radius:var(--cb-radius)}.cb-image{display:block;width:100%;height:auto;object-fit:cover;border-radius:var(--cb-radius)}.cb-button{display:inline-flex;margin-top:18px;padding:13px 24px;border-radius:100px;background:var(--cb-deep);color:#fff;text-decoration:none;font-weight:700}.cb-button:hover{background:#174d66;color:#fff}.cb-footer{background:var(--cb-deep);color:#fff;padding:48px 0}.cb-footer a{color:#fff}.cb-footer p{color:#d9e4e9}
@media(max-width:850px){.cb-header{align-items:flex-start;flex-direction:column}.cb-links{gap:10px 14px}.cb-section{grid-template-columns:1fr;padding:26px}.cb-content{padding-block:52px 70px}}@media(max-width:600px){.cb-shell{width:min(100% - 28px,1160px)}.cb-links a{font-size:.85rem}.cb-content h1{font-size:2.45rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* COLBERT SCHOOL - CONSOLIDATED INTERNAL BANNERS */
.parallax-banner.page-parallax {
    min-height: 390px;
    height: auto;
    background-position: center;
    background-attachment: scroll;
}

.page-parallax .parallax-content {
    box-sizing: border-box;
    padding-block: 34px;
}

.page-parallax .parallax-content h1 {
    font-size: clamp(2.25rem, 3.1vw, 3.15rem);
    line-height: 1.12;
    max-width: 760px;
    margin: 10px 0 12px;
}

.page-parallax .parallax-content > p {
    font-size: 1rem;
    line-height: 1.5;
    max-width: 670px;
    margin-bottom: 0;
}

@media (max-width: 900px) {
    .parallax-banner.page-parallax {
        min-height: 320px;
    }

    .page-parallax .parallax-content {
        padding-block: 44px;
    }

    .page-parallax .parallax-content h1 {
        font-size: clamp(2.1rem, 5vw, 3rem);
    }
}

@media (max-width: 640px) {
    .parallax-banner.page-parallax {
        min-height: 280px;
    }

    .page-parallax .parallax-content {
        padding-block: 36px;
    }

    .page-parallax .parallax-content h1 {
        font-size: clamp(1.9rem, 8vw, 2.55rem);
    }
}
/* END CONSOLIDATED INTERNAL BANNERS */



