@font-face{font-family:Display;src:local('Arial Narrow');font-display:swap}
:root{--paper:#f7f8f3;--ink:#172f29;--green:#123d33;--muted:#64716b;--lime:#d5ef80;--line:#d3dcd3;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:1rem;line-height:1.65}a{color:inherit;text-decoration:none}p,h1,h2,h3,figure,ul{margin:0}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #087f62;outline-offset:6px}::selection{background:var(--lime);color:var(--ink)}.wrap{width:min(1280px,calc(100% - 112px));margin:auto}.site-header{display:flex;align-items:center;justify-content:space-between;padding:25px 0;border-bottom:1px solid var(--line)}.wordmark{font-weight:900;font-size:2.15rem;letter-spacing:-.14em;line-height:1}.wordmark span{color:#6d8c2f;margin-left:3px}nav{display:flex;gap:38px;font-size:.875rem;font-weight:600}nav a{padding:10px 0}nav a:hover,.text-link:hover{color:#4d701f}nav a:last-child span{margin-left:8px}.hero{padding-top:33px}.hero-topline{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{text-transform:uppercase;font-size:.8rem;letter-spacing:.12em;font-weight:700}.location{font-size:.8rem;color:var(--muted)}h1{font-family:Display,var(--sans);font-size:clamp(4.2rem,12.05vw,11.25rem);letter-spacing:-.075em;line-height:.98;margin:31px 0 40px;font-weight:900;white-space:nowrap}h1>span:not(.name-stop){font-weight:400}h1 .name-stop{color:#769641}.hero-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:stretch}.hero-copy{display:flex;align-items:flex-start;flex-direction:column;justify-content:center;padding:20px 0}.hero-copy h2{font-size:clamp(2rem,3vw,3rem);line-height:1.12;letter-spacing:-.045em;font-weight:600}.hero-copy>p{color:var(--muted);max-width:390px;margin-top:23px;font-size:1.05rem;line-height:1.75}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;border-radius:4px;padding:15px 22px;font-size:.9rem;font-weight:600;transition:background .2s,transform .2s}.button:hover{transform:translateY(-3px)}.button-green{background:var(--green);color:#fff;margin-top:28px}.button-green:hover{background:#215746}.button span{font-size:1.3rem;line-height:1}.hero-footnote{display:flex;align-items:center;gap:13px;font-size:.75rem;color:var(--muted);margin-top:48px}.tiny-rule{width:27px;height:1px;background:#8b9b8b}.hero-photo{position:relative;overflow:hidden;min-height:410px;background:var(--green);border-radius:4px}.portrait-editorial{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:38px;color:var(--lime)}.portrait-editorial>span{font-size:clamp(2.5rem,4vw,4.5rem);font-weight:800;letter-spacing:-.055em;line-height:1.05}.portrait-editorial p{font-size:.875rem}.hero-photo img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:35% top}.photo-caption{position:absolute;left:16px;bottom:16px;padding:8px 13px;background:var(--paper);color:var(--green);font-size:.75rem;font-weight:600;border-radius:2px}.credentials{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:35px 0 31px;border-bottom:1px solid var(--line);margin-top:26px}.credentials>p{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.credentials ul{padding:0;display:flex;align-items:center;gap:60px;list-style:none}.credentials li{font-size:1.12rem;font-weight:700;letter-spacing:-.025em}.section-space{padding-top:88px;padding-bottom:90px}.section-label{display:flex;align-items:center;gap:26px;font-size:.75rem;font-weight:600;letter-spacing:.09em;margin-bottom:44px}.rule{flex:1;height:1px;background:var(--line)}.about-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:64px}.about h2,.section-heading h2,.connect h2{font-size:clamp(2.5rem,4.35vw,4.15rem);line-height:1.08;font-weight:500;letter-spacing:-.055em}.about h2 span,.connect h2 span{color:#6c8277}.about-copy{max-width:605px}.about-copy>p{color:var(--muted);margin-bottom:20px;font-size:1rem;line-height:1.8}.about-copy .standfirst{font-size:1.45rem;color:var(--ink);line-height:1.45;letter-spacing:-.025em;margin-bottom:24px}.about-copy strong{color:var(--ink);font-weight:600}.text-link{font-size:.875rem;font-weight:600;display:inline-flex;gap:17px;border-bottom:1px solid #aab9a8;padding:5px 0 8px}.highlight-row{display:flex;align-items:center;gap:45px;border-top:1px solid var(--line);padding-top:28px;margin-top:54px}.highlight-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.075em;flex-shrink:0;color:var(--muted)}.highlight-row p{font-size:1.1rem;letter-spacing:-.02em}.highlight-row strong{font-weight:600}.watch-section{background:var(--green);color:var(--paper)}.watch-section .rule{background:#456359}.watch-section .section-label{color:#cfdbcc}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:38px}.section-heading h2 span{color:var(--lime)}.section-heading>p{font-size:.9rem;color:#d3ddd5;padding-bottom:7px}.channel-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.channel-card{display:flex;flex-direction:column;border:1px solid #567268;border-radius:4px;overflow:hidden;transition:border-color .2s,transform .2s}.channel-card:hover{border-color:var(--lime);transform:translateY(-4px)}.channel-art{height:228px;padding:30px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.otb-art{background:#d5ef80;color:var(--green)}.otb-wordmark{font-size:3.6rem;line-height:.86;letter-spacing:-.06em;font-weight:900;text-align:center}.otb-wordmark .small-the{font-size:.42em;display:block;letter-spacing:.14em;line-height:1.35}.seven-art{background:#eeeff0;color:#16231e}.seven-wordmark{font-size:7rem;font-weight:900;line-height:1;letter-spacing:-.09em}.seven-wordmark span{display:block;font-size:.95rem;letter-spacing:.25em;text-align:center;font-weight:600;margin-top:6px}.channel-meta{padding:26px 29px 28px;flex:1;display:flex;flex-direction:column}.channel-kicker{font-size:.75rem;text-transform:uppercase;letter-spacing:.09em;color:#d4e2d3}.channel-meta h3{font-size:1.6rem;font-weight:500;letter-spacing:-.04em;margin:7px 0 10px}.channel-description{font-size:1rem;line-height:1.7;color:#c5d5cb;max-width:450px}.channel-action{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:auto;padding-top:26px;color:var(--lime);font-size:.875rem;font-weight:600}.channel-action svg{width:20px;height:20px;vertical-align:middle;margin-right:6px}.channel-action .arrow{font-size:1.45rem}.connect-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:64px}.social-link{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 0;border-top:1px solid var(--line)}.social-link:last-child{border-bottom:1px solid var(--line)}.social-platform{display:block;font-size:1.45rem;letter-spacing:-.035em}.social-detail{display:block;font-size:.875rem;color:var(--muted);margin-top:3px}.round-arrow{display:flex;align-items:center;justify-content:center;flex:0 0 46px;height:46px;border:1px solid #aab9a8;border-radius:50%;font-size:1.3rem;transition:background .2s}.social-link:hover .round-arrow{background:var(--lime)}footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:30px;padding:28px 0 34px}footer p{font-size:.8rem;color:var(--muted);flex:1}footer>span{font-size:.75rem;color:var(--muted)}.skip-link{position:absolute;top:-70px;left:20px;background:var(--green);color:#fff;padding:12px 20px;z-index:20}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1500px){h1{font-size:11.25rem}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero-layout,.about-layout,.connect-layout{gap:38px}.hero-photo{min-height:380px}.credentials ul{gap:35px}.hero-footnote{max-width:240px}.otb-wordmark{font-size:3.15rem}.channel-art{height:210px}.channel-meta{padding:24px}.hero-copy>p{font-size:1rem}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.site-header{padding:22px 0}nav{gap:23px;font-size:.875rem}.wordmark{font-size:1.9rem}.hero{padding-top:28px}.hero-topline{display:block}.eyebrow{font-size:.75rem;letter-spacing:.08em}.location{display:none}h1{font-size:clamp(2.5rem,11.85vw,5.5rem);margin:24px 0 26px;letter-spacing:-.075em}.hero-layout{display:flex;flex-direction:column-reverse;gap:28px}.hero-photo{min-height:0;aspect-ratio:1.25}.hero-copy{padding:0}.hero-copy h2{font-size:2.25rem;line-height:1.1}.hero-copy>p{max-width:540px;margin-top:17px}.hero-footnote{margin-top:24px;max-width:none}.button{margin-top:22px}.credentials{display:block;padding:26px 0;margin-top:26px}.credentials ul{gap:24px;justify-content:space-between;margin-top:15px}.credentials li{font-size:.95rem}.section-space{padding-top:56px;padding-bottom:58px}.section-label{margin-bottom:29px;font-size:.75rem;gap:20px}.about-layout,.connect-layout{grid-template-columns:1fr;gap:29px}.about h2,.section-heading h2,.connect h2{font-size:2.7rem}.about-copy .standfirst{font-size:1.3rem}.highlight-row{display:block;padding-top:23px;margin-top:30px}.highlight-row p{margin-top:10px;font-size:1rem}.section-heading{align-items:flex-start;margin-bottom:28px}.section-heading>p{display:none}.channel-grid{grid-template-columns:1fr;gap:25px}.channel-art{height:215px}.otb-wordmark{font-size:3.6rem}.channel-meta h3{font-size:1.5rem}.channel-meta{padding:23px}.connect-layout{gap:30px}.social-link{padding:20px 0}.social-detail{font-size:.8rem}.social-platform{font-size:1.35rem}footer{flex-wrap:wrap;gap:17px;padding:27px 0}footer p{flex:1;font-size:.75rem;line-height:1.5}footer>span{width:100%;padding-left:0}.portrait-editorial{padding:25px}.portrait-editorial>span{font-size:2.75rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Pong break */
.pong-section{background:var(--lime);color:var(--green)}
.pong-section .rule{background:#a9c75f}
.pong-intro{display:grid;grid-template-columns:1fr 1.15fr;gap:64px;align-items:end;margin-bottom:42px}
.pong-intro h2{font-size:clamp(2.5rem,4.35vw,4.15rem);line-height:1.08;font-weight:500;letter-spacing:-.055em}
.pong-intro h2 span{color:#678129}
.pong-copy{max-width:590px}
.pong-copy p:first-child{font-size:1.2rem;line-height:1.55;letter-spacing:-.02em;margin-bottom:12px}
.pong-copy p:last-child{font-size:.85rem;color:#476044}
.pong-copy strong{font-weight:700;color:var(--green)}
.pong-shell{background:var(--green);color:var(--paper);border-radius:6px;padding:24px;box-shadow:0 18px 50px rgba(18,61,51,.18)}
.pong-scoreboard{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;padding:0 4px 18px}
.pong-scoreboard>div{display:flex;align-items:baseline;gap:12px;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;color:#c9d8cf}
.pong-scoreboard>div:last-child{justify-content:flex-end}
.pong-scoreboard strong{font-size:2rem;line-height:1;color:var(--lime);letter-spacing:0}
.pong-scoreboard p{text-align:center;font-size:.85rem;color:#e5ece7}
.pong-court{overflow:hidden;border:1px solid #527369;border-radius:4px;background:#0a2922;aspect-ratio:16/9}
#pong-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair;outline:none}
#pong-canvas:focus-visible{box-shadow:inset 0 0 0 3px var(--lime)}
.pong-actions{display:flex;justify-content:space-between;gap:20px;padding-top:18px}
.pong-main-actions,.pong-touch-controls{display:flex;gap:10px}
.pong-button{min-height:44px;border:1px solid #66857b;border-radius:3px;background:transparent;color:var(--paper);font:inherit;font-size:.875rem;font-weight:600;padding:10px 18px;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.pong-button:hover,.pong-button:focus-visible{border-color:var(--lime);outline:none}
.pong-button-primary{background:var(--lime);border-color:var(--lime);color:var(--green);min-width:104px}
.pong-button-primary:hover,.pong-button-primary:focus-visible{background:#e3f8a3;color:var(--green)}
.pong-touch-controls{display:none}

@media(max-width:1000px){.pong-intro{gap:38px}}
@media(max-width:700px){
  nav{gap:15px;font-size:.78rem}
  nav a:last-child span{display:none}
  .pong-intro{grid-template-columns:1fr;gap:18px;margin-bottom:28px}
  .pong-intro h2{font-size:2.7rem}
  .pong-copy p:first-child{font-size:1.05rem}
  .pong-copy p:last-child{line-height:1.65}
  .pong-shell{padding:14px}
  .pong-scoreboard{gap:10px;padding-bottom:13px}
  .pong-scoreboard p{font-size:.75rem;line-height:1.35}
  .pong-scoreboard>div{display:block;font-size:.65rem}
  .pong-scoreboard strong{display:block;font-size:1.7rem;margin-top:2px}
  .pong-scoreboard>div:last-child{text-align:right}
  .pong-actions{display:block;padding-top:13px}
  .pong-main-actions,.pong-touch-controls{display:grid;grid-template-columns:1fr 1fr}
  .pong-touch-controls{margin-top:10px}
  .pong-button{width:100%;padding:9px 12px}
}