/* ATTND site v07 — typography, spacing and copy refinements; colour and layout preserved. */
:root{--green:#00B86B;--ink:#000;--body:'Manrope',Arial,sans-serif;--display:'Barlow Semi Condensed','Arial Narrow',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--green);color:var(--ink);font:500 19px/1.58 var(--body);-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #000;outline-offset:4px}
.container{width:min(1280px,calc(100% - 100px));margin-inline:auto}.skip-link{position:absolute;top:-70px;left:10px;padding:12px;background:#000;color:var(--green);z-index:10}.skip-link:focus{top:8px}
.header-row{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--ink)}.logo{display:block;width:157px;line-height:0}.logo img{display:block;width:100%;height:auto}.header nav{display:flex;gap:42px;align-items:center}.header nav a{text-decoration:none;font-size:17px;font-weight:800}.header nav a:hover{text-decoration:underline;text-underline-offset:5px}
.meta,.section-label,.footer{font:800 13px/1.2 var(--body);letter-spacing:.095em}.meta{font-size:16px;line-height:1.15;display:flex;justify-content:space-between;margin-bottom:65px}.section-label{font-size:26px;line-height:1.05;margin-bottom:60px}.status{display:inline-flex;align-items:center;gap:11px}.dot{display:inline-block;width:10px;height:10px;border:2px solid #000;border-radius:50%}
.hero{padding-top:70px;padding-bottom:112px}.hero h1{font:800 clamp(72px,9.1vw,140px)/.89 var(--display);letter-spacing:-.04em;margin:0;max-width:1280px}.hero h1 span{display:inline-block}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:65px;margin-top:55px}.intro{font-size:clamp(21px,1.95vw,26px);line-height:1.52;letter-spacing:-.012em;max-width:630px;margin:0;font-weight:600}.anchor-button{font-size:18px;font-weight:800;text-decoration:none;border:2px solid #000;padding:19px 28px;display:flex;gap:24px;align-items:center;white-space:nowrap;transition:background .15s ease,color .15s ease}.anchor-button:hover{background:#000;color:var(--green)}
.about,.founder,.contact{border-top:2px solid var(--ink);padding-block:38px 110px}.about-grid{display:grid;grid-template-columns:1fr .95fr;gap:clamp(65px,9vw,155px);align-items:start}h2,h3,p{margin-top:0}h2,h3{font-family:var(--display)}h2{font-size:clamp(64px,6.7vw,103px);letter-spacing:-.032em;line-height:.93;font-weight:800;margin-bottom:0}.about-right{max-width:535px}.about-right p{font-size:21px;line-height:1.68;margin:0 0 20px}.about-right .about-lead{font-size:26px;line-height:1.42;font-weight:800}.ink-rule{border-top:1px solid #000;margin:44px 0 36px}.about-right h3{font-size:clamp(46px,4.7vw,67px);font-weight:800;line-height:.94;margin-bottom:19px;letter-spacing:-.02em}.about-right strong{font-weight:800}
.founder-grid{display:grid;grid-template-columns:minmax(310px,.75fr) 1.18fr;gap:clamp(80px,10vw,170px);align-items:center}.founder figure{margin:0;max-width:450px}.founder figure img{display:block;width:100%;height:auto;aspect-ratio:4/4.5;object-fit:cover;object-position:center 22%;border:2px solid var(--ink);background:#ddd}.founder figcaption{border-bottom:2px solid #000;display:flex;justify-content:space-between;gap:20px;font:800 14px/1.3 var(--body);letter-spacing:.035em;padding-block:14px}.founder-text h2{font-size:clamp(67px,6.8vw,101px);margin-bottom:30px}.founder-text h2 span{display:inline-block}.founder-text p{font-size:22px;line-height:1.68;max-width:620px}
.contact-grid{display:grid;grid-template-columns:1fr .95fr;gap:clamp(80px,12vw,185px)}.contact h2{margin-bottom:25px}.contact-grid>div>p{font-size:23px;line-height:1.62;max-width:500px}.field{margin-bottom:22px}.field label{font-size:20px;font-weight:800;display:block;margin-bottom:12px}.field input,.field textarea{display:block;width:100%;border:2px solid #000;border-radius:0;background:transparent;color:#000;padding:16px 15px;font:500 20px/1.55 var(--body);min-height:60px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#12422e;opacity:1}.field textarea{min-height:130px}.privacy-note{font-size:16px;margin:0 0 20px;line-height:1.6}.privacy-note a{text-underline-offset:3px}button{display:flex;align-items:center;justify-content:space-between;gap:25px;width:100%;border:2px solid #000;background:#000;color:var(--green);padding:20px 22px;font:800 20px var(--body);cursor:pointer}button:hover{background:transparent;color:#000}.honeypot{position:absolute;left:-10000px;opacity:0;pointer-events:none}.footer{border-top:2px solid #000}.footer-row{padding-block:30px;display:flex;justify-content:space-between;gap:30px}.footer-row>div{display:flex;gap:28px}.footer a{text-decoration:none}.footer a:hover{text-decoration:underline}
.sub-page{min-height:100vh}.sub-page .content{padding-block:90px 130px;max-width:970px}.sub-page h1{font:800 clamp(65px,9vw,120px)/.93 var(--display);letter-spacing:-.025em;margin:0 0 30px}.sub-page .lead{font-size:21px;max-width:720px}.legal{max-width:780px;margin-top:70px}.legal h2{font:800 32px/1.1 var(--display);margin:36px 0 12px}.legal p{font-size:17px;line-height:1.7}.legal .muted{font-size:14px}.return-link{display:inline-block;font-weight:800;margin-top:30px;text-underline-offset:4px}
@media(max-width:900px){.container{width:calc(100% - 64px)}.hero{padding-bottom:100px}.hero h1{font-size:clamp(67px,10vw,98px)}.about-grid,.founder-grid,.contact-grid{gap:55px}.about-grid{grid-template-columns:1fr 1fr}.about h2,.contact h2{font-size:clamp(65px,8vw,82px)}.founder-text h2{font-size:clamp(65px,8vw,80px)}.founder-grid{grid-template-columns:.85fr 1.15fr}.founder-text p{font-size:19px}}
@media(max-width:650px){.container{width:calc(100% - 38px)}.header-row{height:75px}.logo{width:117px}.header nav{gap:18px}.header nav a{font-size:14px}.header nav a:first-child{display:none}.meta{font-size:13px;margin-bottom:55px}.hero{padding-top:45px;padding-bottom:78px}.hero h1{font-size:clamp(54px,11.3vw,76px);line-height:.94;letter-spacing:-.03em}.hero-bottom{flex-direction:column;align-items:start;gap:26px;margin-top:42px}.intro{font-size:20px}.about,.founder,.contact{padding-block:26px 75px}.section-label{font-size:18px;margin-bottom:40px}.about-grid,.founder-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.about h2,.contact h2{font-size:clamp(61px,13vw,84px)}.about-right p{font-size:19px}.about-right .about-lead{font-size:22px}.ink-rule{margin:30px 0}.about-right h3{font-size:60px}.founder figure{max-width:430px}.founder-text h2{font-size:clamp(58px,12vw,82px)}.founder-text p{font-size:19px}.contact-grid>div>p{font-size:20px}.field label{font-size:18px}.field input,.field textarea{font-size:18px}.footer-row{flex-wrap:wrap;line-height:1.7;font-size:11px}.footer-row>div{width:100%;justify-content:space-between}}
@media(max-width:360px){.header nav{gap:11px}.logo{width:107px}.hero h1{font-size:50px}.meta{gap:10px}.meta span:first-child{max-width:145px}.about h2,.contact h2,.founder-text h2{font-size:56px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* v07 refined rhythm — existing type hierarchy preserved */
.hero { padding-bottom: 102px; }
.hero-bottom { margin-top: 48px; align-items: end; }
.about, .founder, .contact { padding-top: 38px; padding-bottom: 96px; }
.section-label { margin-bottom: 48px; letter-spacing: .07em; }
.about-grid { gap: clamp(62px, 7.5vw, 116px); }
.about-right p { line-height: 1.57; }
.about-right .about-lead { line-height: 1.39; }
.ink-rule { margin: 37px 0 34px; }
.founder-grid { gap: clamp(68px, 8.2vw, 125px); }
.founder-text h2 { margin-bottom: 24px; }
.founder-text p { line-height: 1.55; }
.contact-grid { gap: clamp(70px, 9vw, 132px); }
.contact-grid > div > p { line-height: 1.55; }
.field { margin-bottom: 20px; }
.field input::placeholder, .field textarea::placeholder { color: rgba(0,0,0,.64); opacity: 1; }
.founder figure img { background: transparent; }
.footer { font-size: 14px; }
@media (max-width: 900px) {
  .about-grid, .founder-grid, .contact-grid { gap: 44px; }
  .founder-text p { line-height: 1.55; }
}
@media (max-width: 650px) {
  .hero { padding-bottom: 72px; }
  .hero-bottom { margin-top: 36px; }
  .about, .founder, .contact { padding-top: 27px; padding-bottom: 70px; }
  .section-label { margin-bottom: 36px; }
  .about-grid, .founder-grid, .contact-grid { gap: 31px; }
  .about-right p { line-height: 1.57; }
  .ink-rule { margin: 27px 0 28px; }
  .founder-text h2 { margin-bottom: 18px; }
  .footer { font-size: 12px; }
}

/* v09 — restrained founder-link / footer links, with longform founder copy. */
.founder-text p { font-size: 20px; line-height: 1.53; margin-bottom: 18px; max-width: 670px; }
.founder-text p:last-of-type { margin-bottom: 22px; }
.founder-text p a { text-decoration-thickness: 1px; text-underline-offset: 3px; }
.founder-link { font: 800 16px/1.4 var(--body); text-decoration: none; display: inline-flex; gap: 14px; align-items: center; border-bottom: 1.5px solid #000; padding-bottom: 5px; }
.founder-link:hover { opacity: .7; }
.footer-row { align-items: center; flex-wrap: wrap; column-gap: 28px; row-gap: 14px; }
.footer-row .social-links { display: flex; gap: 20px; flex-wrap: wrap; align-items: center; }
.footer-row .social-links a { font-size: 13px; letter-spacing: 0; text-transform: none; font-weight: 800; }
.footer-row .footer-meta { display: flex; gap: 20px; flex-wrap: wrap; align-items: center; }
@media(max-width:900px){ .founder-text p { font-size: 18px; } .footer-row { align-items: start; } }
@media(max-width:650px){ .founder-text p { font-size: 19px; } .footer-row .social-links { width: 100%; gap: 22px; } .footer-row .footer-meta { width: 100%; justify-content: space-between; } }

/* v11: rotating stadium-led hero, no layout shift between short/long venues. */
.hero h1 .hero-prefix,
.hero h1 .stadium-name { display: block; }
@media (max-width:650px) {
  .hero h1 .hero-prefix { font-size:.86em; white-space:nowrap; }
  .hero h1 .stadium-name { min-height:1.88em; }
}
@media (max-width:360px) {
  .hero h1 .hero-prefix { font-size:.78em; }
  .hero .intro { font-size:18px; letter-spacing:-.018em; }
}

/* v12 approved hero polish: breathing room, intentional desktop supporting lines, discreet clarity note. */
.hero h1 .stadium-name { margin-top: .095em; position: relative; }
.hero h1 .stadium-name .stadium-current,
.hero h1 .stadium-name .stadium-next {
  display: block;
  opacity: 1;
  transition: opacity 580ms cubic-bezier(.35, 0, .3, 1);
}
.hero h1 .stadium-name .stadium-next {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 740ms cubic-bezier(.15, .45, .2, 1) 320ms;
}
.hero h1 .stadium-name.is-crossfading .stadium-current { opacity: 0; }
.hero h1 .stadium-name.is-crossfading .stadium-next { opacity: 1; }
.hero h1 .stadium-name.is-resetting .stadium-current,
.hero h1 .stadium-name.is-resetting .stadium-next { transition: none; }
.hero .intro { max-width: 800px; }
.hero .intro-line { display: block; }
.hero .intro-line:first-child { white-space: nowrap; }
.hero .stadium-disclaimer {
  margin: 40px 0 0;
  max-width: 820px;
  font: 400 13px/1.5 var(--body);
  letter-spacing: 0;
  color: rgba(0,0,0,.79);
}
@media (max-width: 1060px) {
  .hero .intro-line:first-child { white-space: normal; }
}
@media (max-width: 650px) {
  .hero h1 .stadium-name { margin-top: .10em; }
  .hero .intro-line { display: inline; }
  .hero .intro-line + .intro-line:before { content: ' '; }
  .hero .stadium-disclaimer { margin-top: 28px; font-size: 12px; line-height: 1.5; }
}

/* v14 — Branded By Micah joins LinkedIn as a single, compact founder link row. */
.founder-links { display:flex; flex-wrap:nowrap; align-items:center; gap:clamp(20px,2.5vw,34px); width:100%; }
.founder-links .founder-link { white-space:nowrap; gap:8px; }
@media(max-width:900px){ .founder-links{ gap:15px; } .founder-links .founder-link{font-size:14px;} }
@media(max-width:650px){ .founder-links{gap:21px;} .founder-links .founder-link{font-size:15px;} .founder-links .linkedin-long{display:none;} }
@media(max-width:360px){ .founder-links{gap:13px;} .founder-links .founder-link{font-size:14px;} }
