/* Team 26910: field notes, photo contact sheets, and competition records. */
:root{--draft:#c8cfd5;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace;--paper:#f2f4f5}
.eyebrow,.season-bar .tag,.pill,.frame-caption,.event-meta,.footer-imprint,.feature .number{font-family:var(--mono)}
.eyebrow{font-size:.8125rem;font-weight:500;letter-spacing:.08em}
.button{border-radius:0;box-shadow:none!important}
header{border-bottom-color:#ffffff30}
.brand img{clip-path:inset(4% round 2px)}
.season-bar{background:#e8edf1;color:var(--ink);border:0;border-bottom:1px solid #ccd4dd}
.season-bar .wrap{padding-block:20px;gap:22px}
.season-bar .tag{color:#536376;font-size:.75rem;font-weight:400}
.season-bar strong{color:var(--ink);font-size:.9rem;font-weight:600}
.season-bar .wrap>div+div{border-color:#bcc7d3}
section{padding:90px 0}
h2{font-size:clamp(2.5rem,4.3vw,4.25rem)}
.section-head{border-top:1px solid var(--ink);padding-top:24px;margin-bottom:35px}
.section-head .eyebrow{margin-bottom:14px}
.latest{grid-template-columns:1.2fr 1fr;background:white;border:0;border-radius:0;box-shadow:none!important;gap:52px;overflow:visible}
.report-photo{position:relative;min-width:0}
.report-photo>img{width:100%;height:100%;min-height:340px;object-fit:cover}
.result-stamp{position:absolute;bottom:-17px;left:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--orange);color:var(--ink);width:104px;height:104px;border:1px solid var(--ink);transform:rotate(-5deg);box-shadow:4px 4px 0 #101d30}
.result-stamp strong{font-family:'Barlow Condensed',sans-serif;font-size:3rem;line-height:1}
.result-stamp>span{font-family:var(--mono);font-size:.75rem;letter-spacing:.07em;margin-top:7px}
.latest-copy{padding:12px 0;border-top:1px solid var(--draft);border-bottom:1px solid var(--draft)}
.latest-copy h3{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:3rem;line-height:1.08;max-width:360px;margin-bottom:22px}
.pill{background:transparent;border:0;border-radius:0;padding:0;color:#5b6574;letter-spacing:0;font-size:.8125rem;margin-bottom:22px}
.feature-section{background-color:var(--paper);background-image:linear-gradient(90deg,#162a4010 1px,transparent 1px);background-size:calc((100% - 96px)/12) 100%;border-block:1px solid var(--line)}
.feature-section>.wrap>h2{max-width:850px;margin-bottom:42px}
.feature-grid{display:block;border-top:2px solid var(--ink)}
.feature{display:grid;grid-template-columns:70px 1fr 1.15fr 190px;align-items:center;gap:25px;padding:28px 0;border-top:0;border-bottom:1px solid #bfc8d0}
.feature .number{font-size:1.1rem;letter-spacing:-.03em;margin:0;color:#647183}
.feature h3{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:2.25rem;margin:0}
.feature p{margin:0;font-size:1rem;max-width:430px}
.feature .text-link{margin:0;justify-self:end;font-size:.875rem}
.text-link{gap:20px;border-bottom-width:1px}
.support{background:var(--navy);color:white;position:relative;overflow:hidden;border-bottom:1px solid #ffffff26}
.support:before{content:'26910';font-family:'Barlow Condensed',sans-serif;font-size:clamp(12rem,27vw,26rem);line-height:.8;position:absolute;right:-8px;bottom:-16px;color:transparent;-webkit-text-stroke:1px #ffffff14;letter-spacing:-.03em;pointer-events:none}
.support .wrap{position:relative;z-index:1;border-left:3px solid var(--orange);padding-left:32px}
.support h2{font-size:clamp(2.5rem,4.2vw,4rem);max-width:720px}
.support p{color:#c6d1df}
.support .eyebrow{color:#ff996f}
.support .button{background:var(--orange);border-color:var(--orange);color:var(--navy);white-space:nowrap}
.page-intro{padding:48px 0 62px;background-color:var(--navy);background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:40px 40px;border-bottom:4px solid #cfdae3}
.page-intro>.wrap{position:relative}
.page-intro>.wrap:before{content:attr(data-page-number);font-family:var(--mono);position:absolute;right:0;top:0;font-size:9rem;line-height:1;color:transparent;-webkit-text-stroke:1px #ffffff23;pointer-events:none}
.page-intro .eyebrow{color:#cfdae3;border-top:1px solid #ffffff35;padding-top:18px;margin-bottom:28px}
.page-intro h1{font-size:clamp(3rem,7vw,6rem);position:relative;max-width:1000px;margin-bottom:23px}
.page-intro p{position:relative;max-width:650px}
.split{gap:70px}
.split>img{border-radius:0;box-shadow:12px 12px 0 #e3e8ec}
[data-page=about] main>section:first-of-type{padding-block:75px}
[data-page=about] main>section:first-of-type .split{grid-template-columns:.9fr 1.2fr}
.section-tint{background-color:var(--paper)}
.gallery{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:205px;gap:18px;counter-reset:photos}
.gallery button{display:flex;flex-direction:column;border:1px solid var(--draft);border-radius:0;background:white;text-align:left}
.gallery button:first-child{grid-column:span 2;grid-row:span 2}
.gallery img{width:100%;height:0;min-height:0;flex:1;object-fit:cover;transform-origin:center}
.gallery-arrow{bottom:43px;right:10px;width:29px;height:29px;line-height:27px;font-size:1rem;border-radius:0;text-align:center}
.frame-caption{display:flex;justify-content:space-between;gap:12px;position:relative;z-index:1;background:white;color:var(--ink);padding:7px 10px;font-size:.75rem;line-height:1.5;text-transform:uppercase;flex-shrink:0}
.event-meta{font-size:.875rem;border-block:1px solid var(--draft);padding-block:15px;justify-content:space-between}
.video-link{border-radius:0;border:0;border-left:4px solid var(--orange);margin-top:34px}
.video-link img{border-radius:0}
.fact-grid{gap:0;background:var(--navy);color:white;border-top:5px solid var(--orange);margin-top:60px}
.fact{padding:32px;border-top:0}
.fact+.fact{border-left:1px solid #ffffff30}
.fact b{font-size:3.8rem;margin-bottom:12px}
.fact span{font-family:var(--mono);font-size:.8rem;color:#c6d1df}
.notice{border-left:0;border-top:1px dashed #aebbc8;padding:24px 0 0;background:transparent;margin-top:28px}
.donation-card{border-radius:0;background:white;border:1px solid var(--ink);border-top:6px solid var(--ink);box-shadow:10px 10px 0 #e3e8ec}
.donation-card>.eyebrow{border-bottom:1px dashed #9daab8;padding-bottom:20px}
.donation-detail{border-bottom:1px dashed #b2bdc8}
.donation-detail strong{font-family:var(--mono);font-size:.9375rem}
.contact-card{display:grid;grid-template-columns:1fr auto;gap:5px 15px;border-top:1px solid var(--ink);padding:24px 0}
.contact-card .eyebrow{grid-column:1/-1;margin-bottom:8px;color:var(--muted)}
.contact-card h3{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:2rem;margin:0}
.contact-card a{font-size:.9375rem;align-self:center}
.resource-steps{margin-top:0;border-top:2px solid var(--ink)}
.resource-steps li{padding:25px 0 28px 55px}
.resource-steps li:before{font-family:var(--mono);font-weight:400;color:var(--muted)}
.resource-steps h3{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:2rem}
footer{padding-top:44px}
.footer-imprint{display:flex;justify-content:space-between;align-items:baseline;gap:30px;padding-bottom:28px;margin-bottom:32px;border-bottom:1px solid #ffffff35;color:#c5d0de}
.footer-imprint>span:first-child{font-family:'Barlow Condensed',sans-serif;font-size:clamp(2.1rem,6.9vw,6.4rem);line-height:1;letter-spacing:-.015em}
.footer-imprint>span:last-child{font-size:clamp(1.6rem,4vw,3.75rem);line-height:1;letter-spacing:-.06em;color:#ff996f}
footer .top{padding-bottom:30px}
@media(hover:hover) and (pointer:fine){
 .feature:hover{border-bottom-color:var(--ink)}
 .feature:hover .number{color:#b53711}
 .feature h3{transition:transform .3s var(--ease-out)}
 .feature:hover h3{transform:translateX(6px)}
 .support .button:hover{background:#ff885d}
 .gallery button:hover{box-shadow:4px 4px 0 #101d3015}
}
@media(max-width:1200px){
 .feature{grid-template-columns:45px .9fr 1.2fr 155px;gap:20px}
 .feature .text-link{gap:12px}
 .contact-card{display:block}
 .contact-card a{margin-top:8px}
 .fact b{font-size:3.1rem}
}
@media(max-width:900px){
 .latest{gap:32px}
 .latest-copy h3{font-size:2.5rem}
 .feature{grid-template-columns:45px 1fr 1.3fr;gap:18px}
 .feature .text-link{grid-column:2/-1;justify-self:start}
 .split{gap:45px}
 .gallery{grid-auto-rows:175px;gap:12px}
 .support .wrap{gap:25px}
}
@media(max-width:800px){
 .season-bar .wrap{gap:10px}
 .season-bar .wrap>div+div{border:0;padding-left:0}
 section{padding:64px 0}
 .latest{grid-template-columns:1fr;gap:42px}
 .report-photo>img{height:300px;min-height:0}
 .latest-copy{padding:24px 0}
 .latest-copy h3{max-width:none;font-size:2.6rem}
 .result-stamp{width:87px;height:87px;left:20px;bottom:-13px}
 .result-stamp strong{font-size:2.5rem}
 .feature-section{background-size:calc((100% - 56px)/6) 100%}
 .feature{grid-template-columns:40px 1fr;gap:12px 20px;padding:25px 0}
 .feature .number{align-self:center}
 .feature h3{font-size:2.1rem}
 .feature p,.feature .text-link{grid-column:2;max-width:550px}
 .support .wrap{padding-left:24px}
 .support h2{font-size:2.8rem}
 .page-intro{padding:30px 0 42px}
 .page-intro>.wrap:before{font-size:6.5rem;top:35px}
 .page-intro h1{max-width:90%;font-size:clamp(2.8rem,8.5vw,4.4rem)}
 .split,[data-page=about] main>section:first-of-type .split{grid-template-columns:1fr;gap:35px}
 .split>img{box-shadow:7px 7px 0 #e3e8ec;max-width:calc(100% - 7px)}
 .gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:190px;gap:12px}
 .fact-grid{grid-template-columns:1fr;margin-top:40px}
 .fact{padding:25px}
 .fact+.fact{border-left:0;border-top:1px solid #ffffff30}
 .fact b{font-size:3.2rem}
 .donation-card{padding:28px;box-shadow:7px 7px 0 #e3e8ec;max-width:calc(100% - 7px)}
 .footer-imprint{gap:20px}
}
@media(max-width:450px){
 .season-bar strong{font-size:.8125rem}
 .season-bar .tag{font-size:.75rem}
 .season-bar .wrap>div{gap:10px}
 .section-head{padding-top:20px}
 .section-head h2{font-size:2.8rem}
 .report-photo>img{height:235px}
 .feature-section>.wrap>h2{font-size:2.5rem;margin-bottom:30px}
 .feature{grid-template-columns:25px 1fr;gap:12px 18px}
 .feature h3{font-size:1.9rem}
 .feature .number{font-size:.875rem}
 .support h2{font-size:2.5rem}
 .page-intro p{font-size:1rem}
 .page-intro .eyebrow{font-size:.75rem}
 .page-intro h1{font-size:2.8rem}
 .gallery{grid-auto-rows:155px;gap:10px}
 .frame-caption{font-size:.75rem;padding:6px 8px}
 .event-meta{gap:7px;font-size:.8125rem}
 .donation-card{padding:23px}
 .footer-imprint>span:first-child{font-size:2rem}
 .footer-imprint>span:last-child{font-size:1.5rem}
}
@media(prefers-reduced-motion:reduce){.feature:hover h3{transform:none}}
