/* aidenbezenah.com. "Prospect file": paper, ink, hairlines. One accent (oxblood) and it only means "act". */
:root{
  --paper:#f3f0e8;--paper2:#ebe7dc;--ink:#0e0e0e;--ink2:#3a3936;--mute:#76736b;--line:#0e0e0e;--line2:#cfcabd;
  --act:#7d1426;--act2:#5e0f1d;
  --display:"Big Shoulders Display",Impact,sans-serif;--sans:"Instrument Sans",system-ui,sans-serif;
  --serif:"Instrument Serif",Georgia,serif;--mono:"Geist Mono",ui-monospace,monospace;
  --g:16px;
}
@media(min-width:768px){:root{--g:32px}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.5 var(--sans);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}
p{margin:0 0 1em}
h1,h2,h3{margin:0;font-weight:800}
h3{font:600 17px/1.3 var(--sans);margin-bottom:12px}
.mono{font-family:var(--mono);font-feature-settings:"tnum"}
.wrap{max-width:1440px;margin:0 auto;padding:0 var(--g)}
.mt{margin-top:48px}
.lede{font-size:clamp(18px,1.8vw,22px);max-width:44ch;color:var(--ink2)}

/* header: one hairline row, items spread (David Alaba) */
.hdr{border-bottom:1px solid var(--line);position:relative;z-index:10;background:var(--paper)}
.hdr-in{display:flex;align-items:center;justify-content:space-between;height:52px;font-size:15px}
.hdr-name{font-weight:600;text-decoration:none;white-space:nowrap}
.hdr-name .mono{color:var(--mute);font-size:13px;margin-left:4px}
.hdr-nav{display:none;flex:1;justify-content:space-between;margin-left:8vw;align-items:center}
.hdr-nav a{text-decoration:none}
.hdr-nav a:hover,.hdr-nav a[aria-current=page]{text-decoration:underline}
.hdr-cta{background:var(--act);color:#fff;padding:6px 14px;font-weight:600}
.hdr-cta:hover{background:var(--act2);text-decoration:none!important}
@media(min-width:960px){.hdr-nav{display:flex}.mnav{display:none}}
.mnav summary{list-style:none;cursor:pointer;font-weight:600;padding:12px 0}
.mnav summary::-webkit-details-marker{display:none}
.mnav:not([open]) .mnav-panel{display:none}
.mnav-panel{position:absolute;left:0;right:0;top:52px;background:var(--paper);border-bottom:1px solid var(--line);padding:0 var(--g) 8px;display:grid}
.mnav-panel a{padding:14px 0;border-bottom:1px solid var(--line2);text-decoration:none;font:800 30px/1 var(--display);text-transform:uppercase}

/* buttons: flat, square, sentence case */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 24px;border:1px solid var(--act);background:var(--act);color:#fff;font:600 17px/1 var(--sans);text-decoration:none;cursor:pointer;white-space:nowrap}
.btn:hover{background:var(--act2);border-color:var(--act2)}
.btn-line{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn-line:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.ctas{display:flex;flex-wrap:wrap;gap:10px}
@media(max-width:560px){main .btn{width:100%}}

/* masthead */
.mast{padding:20px 0 0}
.mast-k{font-size:15px;color:var(--ink2);margin:0 0 4px}
.mast-name{font:900 clamp(92px,17.6vw,262px)/.8 var(--display);text-transform:uppercase;letter-spacing:-.01em;margin:0 0 18px;display:flex;flex-wrap:wrap;column-gap:.18em}
.mast-name span{display:block}
@media(max-width:959px){.mast-name{font-size:28.6vw;line-height:.78}}
@media(min-width:960px){.mast-name{justify-content:space-between}}

/* spec rows: combine sheet. label over value under a hairline */
.spec{display:grid;grid-template-columns:repeat(2,1fr);margin:0;border-top:1px solid var(--line)}
.spec>div{padding:10px 12px 12px 0;border-bottom:1px solid var(--line2)}
.spec dt{font-size:13px;color:var(--mute);margin-bottom:2px}
.spec dd{margin:0;font:500 17px/1.25 var(--sans)}
@media(min-width:700px){.spec{grid-template-columns:repeat(4,1fr)}}
@media(min-width:1200px){.spec{grid-template-columns:repeat(8,1fr)}.spec>div{border-bottom-color:var(--line)}}
.spec-1{grid-template-columns:1fr!important}
.spec-1>div{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding-right:0;border-bottom-color:var(--line2)!important}
.spec-1 dd{text-align:right;overflow-wrap:anywhere;min-width:0}

.mast-grid{display:grid;gap:var(--g);margin-top:var(--g);padding-bottom:64px}
@media(min-width:960px){.mast-grid{grid-template-columns:1fr 1.55fr;align-items:start}}
.mast-right{display:grid;gap:20px;align-content:start}
.loop{margin:0;background:#000}
.loop video{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.loop figcaption{background:var(--paper);font-size:12px;color:var(--mute);padding-top:6px}
.mast-offers .mast-k{margin-bottom:6px}

/* offer wall: school names set big, 247-style status line */
.offers{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.offers li{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:2px 16px;padding:10px 0 12px;border-bottom:1px solid var(--line2)}
.offers strong{font:900 clamp(40px,4.4vw,64px)/.9 var(--display);text-transform:uppercase;grid-row:1}
.offers .mono{font-size:13px;color:var(--mute);grid-column:2;grid-row:1}
.offers em{font-style:normal;font-size:14px;color:var(--ink2);grid-column:1/-1}

/* clip wall */
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.tab{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border:1px solid var(--ink);background:transparent;font:500 15px/1 var(--sans);color:var(--ink);cursor:pointer}
.tab .mono{font-size:12px;color:var(--mute)}
.tab.is-on{background:var(--ink);color:var(--paper)}
.tab.is-on .mono{color:#a9a597}
.clips{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--g) 12px}
@media(min-width:768px){.clips{grid-template-columns:repeat(3,1fr);gap:var(--g) 20px}}
@media(min-width:1200px){.clips{grid-template-columns:repeat(4,1fr)}}
.clip{margin:0}
.clip[hidden]{display:none}
.clip-media{position:relative;background:#000;cursor:pointer;overflow:hidden}
.clip-media video{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.clip-play{position:absolute;left:0;bottom:0;width:44px;height:44px;background:var(--act);display:grid;place-items:center;transition:opacity .2s}
.clip-play span{width:0;height:0;border-left:11px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent;margin-left:3px}
.clip.is-playing .clip-play{opacity:0}
.clip figcaption{display:grid;gap:2px;padding-top:10px}
.clip strong{font:800 clamp(20px,2vw,26px)/1 var(--display);text-transform:uppercase}
.clip figcaption>span{font-size:14px;color:var(--ink2);line-height:1.35}
.clip em{font-style:normal;font-size:12px;color:var(--mute);margin-top:2px}
.clip em a{color:var(--mute)}
.pg-sub{font:800 clamp(52px,7vw,96px)/.85 var(--display);text-transform:uppercase;border-top:1px solid var(--line);padding-top:12px;margin-bottom:20px}

/* player */
.player-btn{position:relative;display:block;width:100%;padding:0;border:0;background:#000;cursor:pointer;aspect-ratio:16/9;overflow:hidden}
.player-btn img,.player-btn iframe{width:100%;height:100%;object-fit:cover;border:0;display:block}
.player-play{position:absolute;left:0;bottom:0;display:flex;align-items:center;gap:10px;background:var(--act);color:#fff;font:600 16px/1 var(--sans);padding:14px 18px}
.player-play span{width:0;height:0;border-left:11px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent}
.player-btn:hover .player-play{background:var(--act2)}
.player-cap{display:flex;justify-content:space-between;gap:12px;font-size:15px;padding:10px 0 0;margin:0;border-bottom:1px solid var(--line2);padding-bottom:10px}
.player-cap span{color:var(--mute)}

/* figures with Lando-style captions */
.fig{margin:0}
.fig img{width:100%;object-fit:cover}
.fig figcaption{font-size:12px;color:var(--mute);padding-top:6px}
.fig-tall img{aspect-ratio:4/5}

/* section heads: numbered, on a black rule */
.sec{padding:0 0 72px}
.sh{display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:14px;border-top:1px solid var(--line);padding-top:12px;margin-bottom:28px}
.sh-n{font-size:13px;color:var(--mute);align-self:start;padding-top:4px}
.sh h2{font:800 clamp(52px,7vw,96px)/.85 var(--display);text-transform:uppercase}
.sh-a{font-size:15px;white-space:nowrap;padding-bottom:6px}
@media(max-width:480px){.sh{grid-template-columns:auto 1fr}.sh-a{grid-column:2}}
.pg{padding-top:28px}
.pg-h{font:900 min(16.5vw,200px)/.82 var(--display);text-transform:uppercase;margin-bottom:18px}

/* film index */
.film-grid{display:grid;gap:var(--g)}
@media(min-width:960px){.film-grid{grid-template-columns:2fr 1fr}}
.reels{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.reel{width:100%;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:16px 0;border:0;border-bottom:1px solid var(--line2);background:none;text-align:left;cursor:pointer;color:inherit;font:inherit}
.reel-n{font-size:13px;color:var(--mute)}
.reel-t{font:800 clamp(24px,2.6vw,34px)/1 var(--display);text-transform:uppercase}
.reel-t small{display:block;font:400 14px/1.4 var(--sans);text-transform:none;color:var(--mute);margin-top:4px}
.reel-go{font-size:15px;font-weight:600}
.reel:hover .reel-t,.reel.is-on .reel-t{color:var(--act)}
@media(min-width:700px){.reel.is-on .reel-go::before{content:"Playing above. ";color:var(--mute);font-weight:400}}
.film-note{display:grid;gap:16px;align-content:start}
.film-note p{margin:0;color:var(--ink2)}
.film-page{display:grid;gap:var(--g)}
@media(min-width:960px){.film-page{grid-template-columns:2fr 1fr;align-items:start}}
.next{border:1px solid var(--line);padding:16px}
.next-k{font-size:13px;color:var(--mute);margin:0}
.next-d{font:900 44px/1 var(--display);text-transform:uppercase;margin:4px 0 8px}

/* stat ledger: table on desktop, label/value rows on phones (never scrolls sideways) */
.stat{border-top:1px solid var(--line)}
.stat-row{display:grid;grid-template-columns:1.6fr repeat(6,1fr);align-items:baseline;border-bottom:1px solid var(--line2);padding:14px 0}
.stat-row>span{font:500 clamp(30px,4vw,60px)/1 var(--mono);font-feature-settings:"tnum";letter-spacing:-.03em}
.stat-head>span{font:400 13px/1 var(--sans)!important;color:var(--mute);letter-spacing:0}
.stat-season strong{display:block;font:800 clamp(28px,3vw,40px)/1 var(--display)}
.stat-season small{font:400 14px/1.3 var(--sans);color:var(--mute);letter-spacing:0}
.src{font-size:13px;color:var(--mute);margin:10px 0 0}
@media(max-width:699px){
  .stat-head{display:none}
  .stat-row{grid-template-columns:repeat(3,1fr);row-gap:14px}
  .stat-season{grid-column:1/-1}
  .stat-row>span[data-k]{font-size:34px}
  .stat-row>span[data-k]::after{content:attr(data-k);display:block;font:400 13px/1.4 var(--sans);color:var(--mute);letter-spacing:0}
}

/* ledgers and lists */
.two{display:grid;gap:48px}
@media(min-width:960px){.two{grid-template-columns:1fr 1fr;gap:var(--g)}}
.led{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.led li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:14px 0;border-bottom:1px solid var(--line2)}
.led li strong{font-weight:600}
.led li span{color:var(--mute);font-size:15px;text-align:right;flex:none}
.led li em{font-style:normal;display:block;font-size:13px}
.led-plain li strong{font-weight:400}
.tl{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.tl li{display:grid;grid-template-columns:96px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line2)}
.tl .mono{font-size:13px;color:var(--mute);padding-top:3px}
.tl p{margin:0}

.ledger{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.ledger li{display:grid;grid-template-columns:44px 1fr;gap:4px 12px;padding:18px 0;border-bottom:1px solid var(--line2)}
.ledger .mono{font-size:13px;color:var(--mute);padding-top:8px;grid-row:span 2}
.ledger h3{font:800 clamp(28px,3vw,40px)/1 var(--display);text-transform:uppercase;margin:0}
.ledger p{margin:0;color:var(--ink2);max-width:62ch}
@media(min-width:960px){.ledger li{grid-template-columns:44px 1fr 1.3fr;align-items:baseline}.ledger .mono{grid-row:auto}}

/* scouting */
.pull{margin:0 0 32px}
.pull blockquote{margin:0 0 14px;font:400 clamp(28px,3.4vw,50px)/1.12 var(--serif);max-width:30ch}
.pull blockquote::before{content:"\201C"}
.pull blockquote::after{content:"\201D"}
.pull figcaption{font-size:15px;display:flex;flex-wrap:wrap;gap:4px 12px}
.pull figcaption .mono{color:var(--mute);font-size:13px}
.quotes{list-style:none;margin:0;padding:0;display:grid;border-top:1px solid var(--line)}
@media(min-width:960px){.quotes{grid-template-columns:repeat(3,1fr);column-gap:var(--g)}}
.quotes li{padding:16px 0;border-bottom:1px solid var(--line2)}
.quotes p{font:400 21px/1.3 var(--serif);margin:0 0 10px}
.quotes span{font-size:14px;color:var(--mute)}
.quotes strong{color:var(--ink);font-weight:600}
.quotes em{font-style:normal;margin-left:6px}

/* photos: offset, captioned (Lando Norris) */
.scatter{display:grid;gap:var(--g)}
@media(min-width:768px){
  .scatter{grid-template-columns:repeat(12,1fr);align-items:start}
  .sc-1{grid-column:1/6}.sc-2{grid-column:7/11;margin-top:120px}
  .sc-3{grid-column:2/6;margin-top:24px}.sc-4{grid-column:8/13;margin-top:40px}
  .scatter .fig img{aspect-ratio:4/5}
}
.gallery{display:grid;gap:var(--g)}
@media(min-width:768px){.gallery{grid-template-columns:repeat(3,1fr)}.gallery .fig:nth-child(3n+2){margin-top:64px}}
.gallery .fig img{aspect-ratio:4/5}

/* steps */
.steps{list-style:none;margin:0;padding:0;counter-reset:s;display:grid;border-top:1px solid var(--line)}
@media(min-width:960px){.steps{grid-template-columns:repeat(4,1fr);column-gap:var(--g)}}
.steps li{counter-increment:s;display:grid;gap:4px;padding:16px 0;border-bottom:1px solid var(--line2)}
.steps li::before{content:counter(s,decimal-leading-zero);font:400 13px/1 var(--mono);color:var(--mute);margin-bottom:6px}
.steps strong{font:800 28px/1 var(--display);text-transform:uppercase}
.steps span{color:var(--ink2)}

/* NIL top */
.nil-top{display:grid;gap:var(--g)}
@media(min-width:960px){.nil-top{grid-template-columns:1.6fr 1fr;align-items:end}}
.nil-top .fig img{max-height:640px}
.nil-line{font-size:15px;color:var(--ink2);margin-top:20px}

/* contact */
.contact-grid{display:grid;gap:40px}
@media(min-width:960px){.contact-grid{grid-template-columns:1.4fr 1fr;gap:var(--g)}}
.sheet{display:flex;gap:16px;align-items:center;margin-top:20px;padding:14px;border:1px solid var(--line);text-decoration:none}
.sheet img{flex:none}
.sheet strong{display:block;font:800 26px/1 var(--display);text-transform:uppercase;margin-bottom:4px}
.sheet span{font-size:14px;color:var(--ink2);min-width:0}
.sheet:hover{background:var(--paper2)}

/* form */
.form{border-top:1px solid var(--line);padding-top:16px}
.form-grid{display:grid;gap:14px;margin-bottom:18px}
@media(min-width:640px){.form-grid{grid-template-columns:1fr 1fr}.span2{grid-column:span 2}}
.form label{display:grid;gap:6px;font-size:14px;color:var(--ink2)}
.form input,.form select,.form textarea{width:100%;height:52px;padding:0 14px;border:1px solid var(--ink);border-radius:0;font:400 17px/1.3 var(--sans);background:#fbfaf6;color:var(--ink)}
.form select{-webkit-appearance:none;appearance:none;padding-right:42px;background:#fbfaf6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%230e0e0e' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 16px center}
.form textarea{height:128px;padding:12px 14px;resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--act);outline-offset:-2px}
.form .btn{width:100%}
.form-note{margin:10px 0 0;font-size:14px;color:var(--mute);min-height:22px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

/* footer: the one dark area, giant wordmark (The Blimp) */
.ftr{background:var(--ink);color:var(--paper);padding:40px 0 16px;overflow:hidden}
.ftr-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid #4a4943;padding-top:16px}
@media(min-width:960px){.ftr-grid{grid-template-columns:repeat(4,1fr)}}
.ftr p{margin:0;font-size:15px;color:#d8d4c9}
.ftr-k{color:#8d897e!important;font-size:13px!important;margin-bottom:6px!important}
.ftr-soc{display:flex;flex-direction:column}
.ftr .ftr-mark{font:900 26.5vw/.78 var(--display);text-transform:uppercase;letter-spacing:-.01em;margin:40px 0 10px!important;text-align:center;color:var(--paper)!important;white-space:nowrap}
.ftr .ftr-fine{font-size:13px!important;color:#8d897e!important}

/* one-page recruiting sheet (print to PDF, US Letter) */
@page{size:letter;margin:0}
.sheet-page{background:#fff}
.sp{width:8.5in;height:11in;padding:.5in;display:flex;flex-direction:column;gap:.18in}
.sp-top{display:flex;justify-content:space-between;align-items:flex-end}
.sp-name{font:900 88px/.82 var(--display);text-transform:uppercase}
.sp-qr{width:1in;height:1in}
.sp .spec:not(.spec-1){grid-template-columns:repeat(4,1fr)!important}
.sp .spec dd{font-size:15px}
.sp-grid{display:grid;grid-template-columns:3.1in 1fr;gap:.3in;flex:1;min-height:0}
.sp-photo{width:100%;height:100%;object-fit:cover}
.sp h3{font:800 22px/1 var(--display);text-transform:uppercase;margin:8px 0 6px}
.sp .spec-1 dd,.sp .spec-1 dt{font-size:13px}
.sp .spec-1>div{padding:5px 0}
.sp-q{font:400 17px/1.25 var(--serif)}
.sp-q span{display:block;font:400 11px/1.4 var(--sans);color:var(--mute);margin-top:4px}
.sp-foot{display:flex;justify-content:space-between;border-top:1px solid var(--ink);padding-top:8px;font-size:12px}
.sp-foot p{margin:0}

/* then and now */
.tn{display:grid;gap:var(--g);grid-template-columns:1fr 1fr}
.tn-item{margin:0}
.tn-l{font:900 clamp(48px,7vw,110px)/.8 var(--display);text-transform:uppercase;margin:0 0 10px}
.tn-media video{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#000}
.tn figcaption{display:grid;gap:2px;padding-top:10px}
.tn strong{font:800 clamp(20px,2.2vw,30px)/1 var(--display);text-transform:uppercase}
.tn figcaption>span{font-size:14px;color:var(--ink2)}
.tn em{font-style:normal;font-size:12px;color:var(--mute)}
.tn em a{color:var(--mute)}