@font-face{font-family:"Syne";src:url(/wp-content/themes/linea23/fonts/syne.woff2) format("woff2");font-weight:400 800;font-display:swap}
@font-face{font-family:"Golos Text";src:url(/wp-content/themes/linea23/fonts/golos-text.woff2) format("woff2");font-weight:400 900;font-display:swap}
:root{
--turf:#2d2a94;--turf-deep:#221f78;--turf-line:rgba(255,255,255,.26);
--chalk:#fff;--chalk-soft:rgba(255,255,255,.8);
--runoff:#ff4fc8;--runoff-soft:#ff9be0;--violet:#c2c0ff;
--board:#fff;--board-ink:#1d1a5c;--board-mute:#4b478f;--board-rule:#d9d7f3;
--f-wide:"Syne",system-ui,sans-serif;--f-text:"Golos Text",system-ui,sans-serif;
--whistle:cubic-bezier(.25,.02,.05,1);--t1:110ms;--t2:230ms;--t3:420ms;
--gut:28px;--max:1260px
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scrollbar-color:var(--runoff) var(--turf-deep)}
body{margin:0;background:var(--turf);color:var(--chalk);font:400 17px/1.62 var(--f-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:var(--runoff);color:var(--turf-deep)}
:focus-visible{outline:3px dashed var(--runoff);outline-offset:3px}
a{color:inherit}
img{max-width:100%;height:auto}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gut)}
.skip{position:absolute;left:-999px;top:0;background:var(--chalk);color:var(--turf-deep);padding:10px 16px;z-index:9}
.skip:focus{left:12px;top:12px}

.runoff{background:var(--runoff);color:var(--turf-deep)}
.runoff__in{display:flex;justify-content:space-between;align-items:center;min-height:66px;gap:20px}
.logo{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:inherit}
.logo__word{font:700 23px/1 var(--f-wide);letter-spacing:-.015em}
.logo__word b{font-weight:800}
.nav{position:relative}
.nav__list{display:flex;flex-wrap:wrap;gap:4px 26px;list-style:none;margin:0;padding:0}
.nav__list a{display:block;padding:8px 0;font:600 15px/1.2 var(--f-text);text-decoration:none}
.nav__bar{position:absolute;left:0;bottom:2px;height:3px;width:1px;background:var(--turf-deep);transform-origin:0 0;transform:translateX(var(--bx,0)) scaleX(var(--bw,0));transition:transform var(--t2) var(--whistle)}
.nav__list a:hover,.nav__list .current-menu-item a,.nav__list .current-menu-parent a,.nav__list .current-post-ancestor a{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.js .nav__list a:hover,.js .nav__list .current-menu-item a{text-decoration:none}

.board{padding-top:48px}
.board__head{display:grid;grid-template-columns:1.25fr 1fr;gap:44px;align-items:end;margin-bottom:28px}
.board__title{font:800 clamp(32px,3.9vw,54px)/1.02 var(--f-wide);letter-spacing:-.025em;margin:0}
.board__title em{font-style:normal;color:var(--runoff)}
.board__lead{margin:0;color:var(--chalk-soft);max-width:46ch}
.pitch{position:relative;border:3px solid var(--chalk);aspect-ratio:91.4/55;background:repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 8.333%,transparent 8.333% 16.666%)}
.pitch__lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.chalk *{fill:none;stroke:var(--chalk);stroke-width:2}
.chalk .dash{stroke-width:1.3;stroke-dasharray:8 10}
.ball{fill:var(--runoff)}
.pass{fill:none;stroke:var(--runoff);stroke-width:3.5;stroke-linecap:round;stroke-dasharray:10 9}
.zone{position:absolute;width:23%;padding:14px 16px;border:2px dashed var(--chalk-soft);background:rgba(34,31,120,.82);text-decoration:none;transition:background-color var(--t1) var(--whistle),color var(--t1) var(--whistle),border-color var(--t1) var(--whistle)}
.zone small{display:block;font:600 11px/1 var(--f-text);letter-spacing:.14em;text-transform:uppercase;color:var(--runoff-soft);margin-bottom:8px}
.zone b{display:block;font:700 18px/1.22 var(--f-wide)}
.zone:hover,.zone:focus-visible{background:var(--runoff);color:var(--turf-deep);border:2px solid var(--runoff)}
.zone:hover small,.zone:focus-visible small{color:var(--turf-deep)}
.zone--z1{left:3%;top:34%}.zone--z2{left:28%;top:8%}.zone--z3{left:28%;top:62%}.zone--z4{left:52%;top:34%}.zone--z5{right:3%;top:8%}.zone--z6{right:3%;top:62%}

.rule-title{font:700 14px/1 var(--f-text);letter-spacing:.16em;text-transform:uppercase;color:var(--runoff-soft);margin:0;padding:18px 0 0;border-top:3px solid var(--chalk);position:relative}
.plays{padding-top:56px}
.plays__grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:52px}
.play{padding:26px 0 30px;border-bottom:1px solid var(--turf-line);position:relative}
.play--lead{grid-column:span 2}
.play__tag{margin:0;font:600 11px/1.4 var(--f-text);letter-spacing:.14em;text-transform:uppercase;color:var(--violet)}
.play__num{display:block;font:800 60px/1 var(--f-wide);color:transparent;-webkit-text-stroke:2px var(--runoff);margin:12px 0 10px}
.play__title{font:700 21px/1.22 var(--f-wide);margin:0 0 8px;letter-spacing:-.01em}
.play--lead .play__title{font-size:clamp(26px,2.6vw,34px)}
.play__title a{text-decoration:none;background:linear-gradient(var(--runoff),var(--runoff)) 0 100%/0 3px no-repeat;transition:background-size var(--t2) var(--whistle)}
.play__title a:hover,.play__title a:focus-visible{background-size:100% 3px}
.play__text{color:var(--chalk-soft);font-size:15.5px}
.play__text p{margin:0 0 .6em}
.play__text a{color:var(--chalk);text-decoration-color:var(--runoff);text-underline-offset:3px}
.plays__grid--list,.plays__grid--three{grid-template-columns:repeat(3,1fr)}
.plays__more{margin:30px 0 0}
.btn{display:inline-block;font:600 15px/1 var(--f-text);padding:14px 20px;border:2px dashed var(--chalk);text-decoration:none;transition:background-color var(--t1) var(--whistle),color var(--t1) var(--whistle),border-color var(--t1) var(--whistle)}
.btn:hover,.btn:focus-visible{background:var(--runoff);border:2px solid var(--runoff);color:var(--turf-deep)}

.madrid{display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center;margin-top:56px;padding-top:24px;padding-bottom:24px;background:var(--turf-deep);border:3px solid var(--runoff)}
.madrid__yr{font:800 58px/1 var(--f-wide);color:var(--runoff)}
.madrid__title{font:700 26px/1.2 var(--f-wide);margin:0 0 4px}
.madrid p{margin:0;color:var(--chalk-soft);font-size:15.5px}

.sheet{margin-top:56px}
.whiteboard{background:var(--board);color:var(--board-ink);padding:44px clamp(20px,5vw,64px) 48px;position:relative;box-shadow:0 0 0 3px var(--chalk),0 0 0 9px var(--turf-deep)}
.whiteboard::before,.whiteboard::after{content:"";position:absolute;top:-9px;width:18px;height:18px;border-radius:50%;background:var(--runoff);border:3px solid var(--turf-deep)}
.whiteboard::before{left:24px}.whiteboard::after{right:24px}
.prose{font-size:18px;line-height:1.7}
.prose>*{max-width:72ch}
.prose h2{font:700 clamp(23px,2.4vw,30px)/1.2 var(--f-wide);letter-spacing:-.015em;margin:1.7em 0 .55em;color:var(--board-ink)}
.prose h2:first-child{margin-top:0}
.prose h3{font:700 20px/1.3 var(--f-wide);margin:1.5em 0 .4em}
.prose p,.prose ul,.prose ol{margin:0 0 1.05em}
.prose a{color:var(--turf);text-decoration:underline;text-decoration-color:var(--runoff);text-decoration-thickness:2px;text-underline-offset:3px}
.prose a:hover{background:var(--runoff);color:var(--board-ink);text-decoration-color:transparent}
.prose ul{padding-left:1.2em}
.prose li::marker{color:var(--runoff)}
.prose blockquote{margin:1.4em 0;padding:4px 0 4px 22px;border-left:4px dashed var(--turf);font-style:italic}
.prose table{width:100%;max-width:100%;border-collapse:collapse;margin:1.2em 0 1.6em;font-size:15.5px;display:block;overflow-x:auto}
.prose th{font:700 12px/1.3 var(--f-text);letter-spacing:.08em;text-transform:uppercase;text-align:left;background:var(--turf);color:var(--chalk);padding:10px 12px}
.prose td{padding:9px 12px;border-bottom:1px solid var(--board-rule);vertical-align:top}
.prose tr:nth-child(even) td{background:#f5f4fe}
.prose figure{margin:1.4em 0}
.prose figcaption{font-size:14px;color:var(--board-mute);margin-top:6px}
.prose iframe{max-width:100%}
.prose hr{border:0;border-top:2px dashed var(--board-rule);margin:2em 0}
.aligncenter{display:block;margin-left:auto;margin-right:auto}
.alignleft{float:left;margin:0 1.2em 1em 0}
.alignright{float:right;margin:0 0 1em 1.2em}
.wp-caption{max-width:100%}

.crumb{margin:0 0 14px;font:500 13px/1.4 var(--f-text);color:var(--chalk-soft)}
.crumb a{color:var(--chalk);text-decoration-color:var(--runoff);text-underline-offset:3px}
.entry{padding-top:48px}
.entry__head{margin-bottom:34px;max-width:960px}
.entry__title{font:800 clamp(32px,4.2vw,56px)/1.04 var(--f-wide);letter-spacing:-.025em;margin:0 0 14px}
.entry__meta{margin:0;font:500 14px/1.4 var(--f-text);color:var(--violet)}
.entry__img{display:block;margin:0 0 1.4em}
.list-head{padding-top:48px}
.list-head__title{font:800 clamp(34px,4.6vw,60px)/1 var(--f-wide);letter-spacing:-.025em;margin:0 0 12px}
.list-head__lead{margin:0 0 6px;color:var(--chalk-soft);max-width:60ch}
.empty{color:var(--chalk-soft)}
.pagination{margin-top:30px}
.nav-links{display:flex;gap:10px;flex-wrap:wrap}
.page-numbers{display:inline-block;padding:8px 13px;border:2px dashed var(--chalk-soft);text-decoration:none;font-weight:600}
.page-numbers.current{background:var(--runoff);color:var(--turf-deep);border:2px solid var(--runoff)}

.foot{margin-top:80px;border-top:3px solid var(--chalk);background:var(--turf-deep)}
.foot__in{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px;padding-top:34px;padding-bottom:26px}
.foot__brand p{color:var(--chalk-soft);font-size:15px;max-width:34ch}
.logo--foot .logo__word{font-size:20px}
.foot__nav .nav__list{flex-direction:column;gap:4px}
.foot__nav a{font-weight:500;color:var(--chalk-soft)}
.foot__nav a:hover{color:var(--chalk)}
.foot__base{padding-top:14px;padding-bottom:30px;border-top:1px solid var(--turf-line);font-size:13px;color:var(--chalk-soft)}

@media (prefers-reduced-motion:no-preference){
.js .chalk *{stroke-dasharray:1200;stroke-dashoffset:1200;animation:draw var(--t3) var(--whistle) forwards}
.js .chalk .dash{stroke-dasharray:8 10;stroke-dashoffset:0;animation:none}
.js .chalk :nth-child(2){animation-delay:60ms}.js .chalk :nth-child(3){animation-delay:120ms}.js .chalk :nth-child(4){animation-delay:180ms}.js .chalk :nth-child(5){animation-delay:240ms}
.js .rule-title::before{content:"";position:absolute;left:0;top:-3px;height:3px;width:100%;background:var(--runoff);transform:scaleX(0);transform-origin:0 0}
.js .rule-title.on::before{animation:rule var(--t3) var(--whistle) forwards}
.pass{transition:stroke-dashoffset var(--t3) var(--whistle)}
}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes rule{0%{transform:scaleX(0)}70%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}

@media (max-width:900px){
:root{--gut:18px}
.board__head{grid-template-columns:1fr;gap:16px}
.pitch{aspect-ratio:auto;padding:14px;display:grid;gap:10px}
.pitch__lines{opacity:.35}
.zone{position:relative;inset:auto;width:auto}
.plays__grid,.plays__grid--list,.plays__grid--three{grid-template-columns:1fr}
.play--lead{grid-column:auto}
.madrid{grid-template-columns:1fr;gap:12px}
.foot__in{grid-template-columns:1fr}
.runoff__in{flex-wrap:wrap;padding-top:10px;padding-bottom:6px}
.nav__list{gap:2px 18px}
.nav__bar{display:none}
.alignleft,.alignright{float:none;margin:0 0 1em}
}
.faq{margin:2.4em 0 0;border-top:2px solid var(--board-ink)}
.faq h2{margin-top:1.1em}
.faq details{border-bottom:1px solid var(--board-rule)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;padding:16px 0;font:700 17px/1.35 var(--f-text);color:var(--board-ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;font:800 22px/1 var(--f-wide);color:var(--runoff);transition:transform var(--t2) var(--whistle)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq summary:focus-visible{outline:2px solid var(--runoff);outline-offset:2px}
.faq details p{margin:0 0 18px;color:var(--board-mute)}
.play__text figure{margin:12px 0 0}
.play__text img{display:block;max-width:100%;height:auto}
.faq summary .faq__q{margin:0;font:inherit;color:inherit;letter-spacing:0}
.play{min-width:0}
.play__text img{width:100%}