/*
Theme Name: Tees Business Child
Template: teesbusiness
Description: Child theme for the Tees Business 2026 Media Pack.
Version: 1.0.0
*/

/* The parent theme provides the base stylesheet. */

.tb-media-pack {
    --tb-blue: #0054a6;
    --tb-ink: #101820;
    --tb-red: #e3292e;
    --tb-paper: #f4f1ec;
    --tb-yellow: #f4c542;
    background: var(--tb-paper);
    color: var(--tb-ink);
    overflow: hidden;
}
.tb-media-pack * { box-sizing: border-box; }
.tb-media-pack .tb-wrap { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.tb-media-pack .tb-hero { background: var(--tb-blue); color:#fff; padding: clamp(80px, 12vw, 150px) 0 90px; position:relative; }
.tb-media-pack .tb-hero:after { content:'#TalkingUpTeesside'; position:absolute; right:4vw; bottom:28px; font-weight:700; letter-spacing:.13em; opacity:.6; }
.tb-media-pack .tb-kicker { text-transform:uppercase; letter-spacing:.2em; font-size:.78rem; font-weight:700; margin:0 0 24px; }
.tb-media-pack h1,.tb-media-pack h2,.tb-media-pack h3 { color:inherit; }
.tb-media-pack h1 { font-size:clamp(3rem, 7vw, 7.4rem); line-height:.9; max-width:900px; margin:0 0 32px; letter-spacing:-.055em; }
.tb-media-pack .tb-hero p { max-width:690px; font-size:clamp(1.1rem, 2vw, 1.45rem); line-height:1.55; margin:0; }
.tb-media-pack .tb-section { padding:clamp(65px, 9vw, 120px) 0; }
.tb-media-pack .tb-section--white { background:#fff; }
.tb-media-pack .tb-section--blue { background:var(--tb-blue); color:#fff; }
.tb-media-pack .tb-section--ink { background:var(--tb-ink); color:#fff; }
.tb-media-pack .tb-split { display:grid; grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr); gap:clamp(40px,8vw,120px); align-items:start; }
.tb-media-pack .tb-section h2 { font-size:clamp(2.2rem, 5vw, 5.2rem); line-height:.94; letter-spacing:-.05em; margin:0; }
.tb-media-pack .tb-section h2 strong { color:var(--tb-red); }
.tb-media-pack .tb-copy { font-size:1.12rem; line-height:1.75; }
.tb-media-pack .tb-copy p { margin:0 0 1.25em; }
.tb-media-pack .tb-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:rgba(255,255,255,.22); margin-top:50px; }
.tb-media-pack .tb-stat { padding:28px 20px; background:var(--tb-blue); }
.tb-media-pack .tb-stat strong { display:block; font-size:clamp(2rem,4vw,4rem); line-height:1; letter-spacing:-.05em; }
.tb-media-pack .tb-stat span { display:block; margin-top:12px; font-size:.85rem; text-transform:uppercase; letter-spacing:.09em; }
.tb-media-pack .tb-audience { margin:24px 0 0; padding:0; list-style:none; columns:2; font-weight:700; }
.tb-media-pack .tb-audience li { border-top:1px solid rgba(16,24,32,.25); padding:12px 0; }
.tb-media-pack .tb-button { display:inline-block; margin-top:25px; padding:15px 22px; background:var(--tb-red); color:#fff!important; text-decoration:none; text-transform:uppercase; letter-spacing:.1em; font-size:.78rem; font-weight:700; }
.tb-media-pack .tb-button:hover { background:var(--tb-ink); }
.tb-media-pack .tb-options { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; margin-top:50px; }
.tb-media-pack .tb-option { min-height:270px; padding:30px; background:#fff; border-top:8px solid var(--tb-blue); transition:transform .2s, box-shadow .2s; }
.tb-media-pack .tb-option:hover { transform:translateY(-5px); box-shadow:0 18px 35px rgba(16,24,32,.15); }
.tb-media-pack .tb-option:nth-child(3n) { border-color:var(--tb-red); }
.tb-media-pack .tb-option:nth-child(3n+2) { border-color:var(--tb-yellow); }
.tb-media-pack .tb-option h3 { font-size:1.55rem; line-height:1.05; margin:0 0 16px; }
.tb-media-pack .tb-option p { line-height:1.6; margin:0; }
.tb-media-pack .tb-option .tb-price { display:block; margin-top:20px; color:var(--tb-blue); font-weight:800; }
.tb-media-pack .tb-option a { display:inline-block; margin-top:20px; color:var(--tb-ink); font-weight:700; text-decoration:underline; }
.tb-media-pack .tb-cta { text-align:center; padding:clamp(70px,10vw,130px) 0; background:var(--tb-red); color:#fff; }
.tb-media-pack .tb-cta h2 { max-width:800px; margin:0 auto; font-size:clamp(2.5rem,6vw,6rem); }
.tb-media-pack .tb-cta .tb-button { background:#fff; color:var(--tb-ink)!important; }
.tb-media-pack .tb-editor-content { padding:0; }
@media (max-width: 760px) { .tb-media-pack .tb-wrap{width:min(100% - 28px,1180px)} .tb-media-pack .tb-split,.tb-media-pack .tb-options{grid-template-columns:1fr}.tb-media-pack .tb-stats{grid-template-columns:repeat(2,1fr)} .tb-media-pack .tb-audience{columns:1}.tb-media-pack .tb-hero:after{font-size:.65rem} }
@media (max-width: 420px) { .tb-media-pack .tb-stats{grid-template-columns:1fr} }
.tb-media-pack .tb-screen-reader-text { position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }