/* Site refresh: Chronicle-style spacing and rounded imagery */
:root{--rr:14px}
.tp-tier,.tp-about-chaos-media,.tp-testimonial,.tp-card-img,.stage-media,.mat-img,.card-img,.form-card,.skyline,.tp-videoband,.hero-media{border-radius:var(--rr);overflow:hidden}
.tp-tier-img,.tp-tier-img img{border-radius:0}
.mat-img img,.stage-media img,.card-img img{border-radius:0}
@media (min-width:761px){
.tp-section{padding:136px 0}
.tp-intro{padding-top:136px;padding-bottom:136px}
.tp-section-head{padding-bottom:56px;margin-bottom:64px}
.tp-tiers{gap:40px;margin-top:80px}
.tp-testimonials{gap:32px}
.tp-videoband{margin:40px 40px 0;border:0}
.tp-cta,.tp-banner,body[data-page="system"] .banner{margin:40px;border:1px solid var(--hairline,rgba(244,241,234,.12));border-radius:var(--rr)}
.tp-cta{padding:168px 0}
.tp-banner,body[data-page="system"] .banner{padding:200px 0 168px}
.tp-legal{padding:128px 0 168px}
.tp-legal-section{margin-top:88px;padding-top:64px}
.cfaq{padding:136px 24px}
body[data-page="system"] .sec,body[data-page="system"] .intro{padding:136px 0}
body[data-page="system"] .stage{padding:128px 0;gap:96px}
body[data-page="system"] .hero-media{border:1px solid var(--hair);margin-bottom:64px}
body[data-page="system"] .skyline{margin:40px}
body[data-page="system"] .mat-grid{gap:32px}
body[data-page="team"] .hero{padding:104px 0 88px}
body[data-page="team"] .section{padding:120px 0}
body[data-page="team"] .grid{gap:64px 40px}
body[data-page="contact"] .hero{padding-bottom:88px}
}
@media (max-width:760px){
.tp-videoband{margin:20px 20px 0;border:0}
.tp-cta,.tp-banner,body[data-page="system"] .banner{margin:20px;border:1px solid var(--hairline,rgba(244,241,234,.12));border-radius:var(--rr)}
.tp-section{padding:88px 0}
.cfaq{padding:88px 20px}
body[data-page="system"] .skyline{margin:20px}
body[data-page="system"] .hero-media{border:1px solid var(--hair);margin-bottom:40px}
}

/* Match Chronicle: image rounded on its own, text sits below */
.tp-tier{border:0;background:none;border-radius:0;overflow:visible}
.tp-tier:hover{border-color:transparent}
.tp-tier-img{border-radius:var(--rr);overflow:hidden}
.tp-tier-body{border-top:0;padding:24px 0 0}
.tp-tier:hover .tp-tier-title{color:var(--accent)}
.tp-tier-title{transition:color 240ms ease}
/* Match Chronicle CTA: filled panel, no outline */
.tp-cta,.tp-banner,body[data-page="system"] .banner{background:var(--chr-navy-2,#0d1530);border:0!important}

/* Define / Organize / Deliver cards */
.tp-approach-col{border-radius:var(--rr)!important;overflow:hidden}

/* Warm light surfaces, matching The Chronicle */
:root{--chr-paper:#f6f4ef;--chr-paper-2:#e8e4dc;--chr-bone:#cfc8ba}
[data-surface="paper"]{--bg:#f6f4ef;--bg-elev-1:#e8e4dc;--bg-elev-2:#fbfaf7}
body[data-page="system"] [data-surface=paper]{background:#f6f4ef}
/* FAQ on warm paper */
.cfaq{background:#f6f4ef;color:#091028;border-top:0}
.cfaq h2,.cfaq h3{color:#091028}
.cfaq p{color:rgba(9,16,40,.68)}
.cfaq-list,.cfaq details{border-color:rgba(9,16,40,.14)}
.cfaq summary:hover h3{color:#f86801}
.cfaq h3{transition:color 240ms ease}
/* Team grid on warm paper */
body[data-page="team"] .section{background:#f6f4ef;--fg:#091028;--fg2:rgba(9,16,40,.68);--fg3:rgba(9,16,40,.5);--hair:rgba(9,16,40,.14);--hair2:rgba(9,16,40,.28);color:#091028}
body[data-page="team"] .section .card-img{border:0;background:#e8e4dc}
body[data-page="team"] .section .card-num{mix-blend-mode:normal;color:#f4f1ea;background:rgba(9,16,40,.55);padding:4px 8px;border-radius:999px}
body[data-page="team"] .section .card-plus{border-color:rgba(244,241,234,.35)}
body[data-page="team"] .section .card-plus svg{stroke:#f4f1ea}


/* Team headshots: equal size, eyes on one line, no numbers */
body[data-page="team"] .filter button.on{background:#091028!important;color:#f6f4ef!important}
body[data-page="team"] .card-num{display:none!important}
body[data-page="team"] .card-img img{transform-origin:50% 0;transform:translateY(var(--ty,0%)) scale(var(--s,1))}
body[data-page="team"] .card:hover .card-img img{transform:translateY(var(--ty,0%)) scale(calc(var(--s,1) * 1.03))}
body[data-page="team"] .card[data-slug="john-crabtree"] .card-img img{--s:1.133;--ty:-0.2%}
body[data-page="team"] .card[data-slug="mark-morrison"] .card-img img{--s:1.376;--ty:-4.9%}
body[data-page="team"] .card[data-slug="erin-painter"] .card-img img{--s:1.143;--ty:-5.7%}
body[data-page="team"] .card[data-slug="tamisha-rusk"] .card-img img{--s:1.067;--ty:-6.3%}
body[data-page="team"] .card[data-slug="elishia-georgiou"] .card-img img{--s:1.28;--ty:-9.4%}
body[data-page="team"] .card[data-slug="daniel-graue"] .card-img img{--s:1.196;--ty:-1.2%}
body[data-page="team"] .card[data-slug="christine-crabtree"] .card-img img{--s:1.219;--ty:-4.2%}
body[data-page="team"] .card{align-self:start;display:flex;flex-direction:column;justify-content:flex-start}
body[data-page="team"] .card-img{width:100%}

/* System: extra light sections */
body[data-page="system"] [data-surface=paper]{--fg:#091028;--fg2:rgba(9,16,40,.68);--fg3:rgba(9,16,40,.5);--fg4:rgba(9,16,40,.3);--hair:rgba(9,16,40,.14);--hair2:rgba(9,16,40,.28);color:#091028}
body[data-page="system"] [data-surface=paper][data-tone=sand]{background:#e8e4dc}
body[data-page="system"] [data-surface=paper] .mat-img{border-color:transparent;background:#d9d3c7}

/* About: scrolling testimonials */
.tt-rail{margin-right:calc(-1 * max(48px,(100vw - 1440px)/2 + 48px))}
.tt-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding-right:48px;cursor:grab;overscroll-behavior-x:contain}
.tt-track::-webkit-scrollbar{display:none}
.tt-track.is-drag{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;user-select:none}
.tt-card{flex:0 0 clamp(280px,30vw,400px);min-height:440px;margin:0;border-radius:var(--rr);padding:24px 28px 28px;display:flex;flex-direction:column;scroll-snap-align:start;box-sizing:border-box}
.tt-card.is-navy{background:#091028;color:#f4f1ea}
.tt-card.is-sand{background:#cfc8ba;color:#091028}
.tt-card.is-light{background:#e8e4dc;color:#091028}
.tt-n{font-size:12px;letter-spacing:.02em;opacity:.72}
.tt-q{margin:auto 0 0;padding-top:48px;font-size:clamp(20px,1.7vw,24px);line-height:1.3;font-weight:300;letter-spacing:-.01em;text-wrap:pretty}
.tt-q::before{content:"\201C";display:block;font-size:64px;line-height:.6;color:#f86801;margin-bottom:18px;font-weight:200}
.tt-by{margin-top:28px;padding-top:16px;border-top:1px solid currentColor;border-top-color:rgba(127,127,127,.35);display:flex;flex-direction:column;gap:4px}
.tt-name{font-size:15px;font-weight:400}
.tt-role{font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.72;line-height:1.5}
.tt-ctrl{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:28px;padding-right:max(48px,(100vw - 1440px)/2 + 48px)}
.tt-count{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-2)}
.tt-btns{display:flex;gap:8px}
.tt-btns button{width:44px;height:44px;border-radius:50%;border:1px solid var(--fg);background:none;color:var(--fg);display:grid;place-items:center;cursor:pointer;transition:all 240ms ease}
.tt-btns button:hover:not(:disabled){background:var(--fg);color:var(--bg)}
.tt-btns button:disabled{opacity:.3;cursor:default}
@media (max-width:720px){.tt-rail{margin-right:-24px}.tt-track{padding-right:24px}.tt-ctrl{padding-right:24px}.tt-card{min-height:380px}}

/* tp-nav: keep links on one line */
.tp-nav-links a{white-space:nowrap}
@media (min-width:861px) and (max-width:1080px){.tp-nav-links a{padding:12px 6px;letter-spacing:.08em;font-size:12px}.tp-nav-inner{gap:12px}.tp-nav-logo img{width:132px}}