/* V26 homepage photography: full-resolution images, live type, and four equal-sized cards.
   All selectors are homepage scoped. Explorer, login, heatmaps and scoring remain untouched. */
.ta-page .ta-main{max-width:none;margin:0;padding:0 0 44px;width:100%}
.ta-page .ta-hero{width:100%;min-height:0;height:auto;aspect-ratio:1379/565;border:0;border-radius:0;overflow:hidden;isolation:isolate;position:relative;background:#345143}
.ta-page .ta-hero::before{inset:0;background:linear-gradient(90deg,rgba(7,24,20,.70) 0%,rgba(7,24,20,.44) 42%,rgba(7,24,20,.06) 81%),url('https://images.unsplash.com/photo-1769292323874-f1fab3e783eb?auto=format&fit=crop&w=2600&q=88') center 48%/cover no-repeat}
.ta-page .ta-hero-content{position:absolute;inset:0;width:100%;height:100%;padding:0;max-width:none;display:block;color:white}
.ta-page .ta-hero h1{position:absolute;left:7.85%;top:22%;margin:0;width:54%;max-width:760px;font:700 clamp(37px,4.7vw,68px)/1.08 Georgia,"Times New Roman",serif;letter-spacing:-1.3px;text-wrap:balance}
.ta-page .ta-hero-content>p{position:absolute;left:7.85%;top:53%;margin:0;width:54%;max-width:750px;color:#fff;font-size:clamp(16px,1.4vw,20px);line-height:1.5}
.ta-page .ta-search{position:absolute;left:7.85%;top:75.15%;width:59%;height:14.45%;max-width:none;background:white;padding:6px;border:1px solid #e5e9e9;border-radius:10px;box-shadow:0 2px 8px rgba(21,39,37,.12);display:flex;align-items:center;flex-wrap:nowrap}
.ta-page .ta-search label{flex:1;padding:0 10px;min-width:0;gap:12px}
.ta-page .ta-search input{font-size:clamp(13px,1.15vw,16px);padding:9px 0;text-overflow:ellipsis}
.ta-page .ta-search button{height:100%;min-width:120px;padding:0 19px;font-size:clamp(13px,1.3vw,17px);font-weight:750;border-radius:8px}
.ta-page .ta-hint{display:none!important}
.ta-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
/* Exactly equal tile geometry at each breakpoint. Each image fills its own tile independently. */
.ta-page .ta-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:20px 25px 17px;margin:0;align-items:stretch}
.ta-page .ta-card{position:relative;display:block;width:100%;height:auto;min-width:0;aspect-ratio:1.5;overflow:hidden;border-radius:7px;box-shadow:none;background:#20463f}
.ta-page .ta-card img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;image-rendering:auto}
.ta-page .ta-card::after{content:"";position:absolute;inset:0;display:block;background:linear-gradient(0deg,rgba(3,19,17,.76),transparent 55%);pointer-events:none}
.ta-page .ta-card span{position:absolute;z-index:2;left:15px;bottom:13px;color:#fff;font-size:16px;font-weight:800;line-height:1.25}
.ta-page .ta-card span::after{content:"  →"}
.ta-page .ta-card:hover img{transform:scale(1.035)}
.ta-page .ta-below-story{padding:80px 24px 72px}
.ta-page .ta-about-content{max-width:795px;margin:auto;text-align:center}
.ta-page .ta-kicker{font-size:12px;letter-spacing:2px;font-weight:800;color:#227460;margin:0 0 15px}
.ta-page .ta-below-story h2{font:700 clamp(27px,2.8vw,40px)/1.13 Georgia,serif;letter-spacing:-.4px;margin:0 0 18px}
.ta-page .ta-below-story p:not(.ta-kicker){font-size:16px;line-height:1.72;color:#566779;margin:0 auto 13px;max-width:720px}
@media(max-width:1050px) and (min-width:761px){
 .ta-page .ta-hero{min-height:440px}
 .ta-page .ta-hero h1{top:17%;font-size:clamp(37px,4.6vw,49px)}
 .ta-page .ta-hero-content>p{top:52%;font-size:16px}
 .ta-page .ta-search{top:76%;width:65%}
 .ta-page .ta-search button{min-width:84px}
 .ta-page .ta-cards{padding:14px 17px;gap:9px}
}
@media(max-width:760px){
 .ta-page .ta-main{margin:0;padding:0 0 30px}
 .ta-page .ta-hero{aspect-ratio:auto;min-height:560px;display:flex;align-items:center}
 .ta-page .ta-hero::before{background:linear-gradient(90deg,rgba(8,27,22,.68),rgba(8,27,22,.31)),url('https://images.unsplash.com/photo-1769292323874-f1fab3e783eb?auto=format&fit=crop&w=1400&q=86') center 50%/cover no-repeat}
 .ta-page .ta-hero-content{position:relative;inset:auto;width:100%;height:auto;padding:34px 25px;display:block}
 .ta-page .ta-hero h1{position:static;width:auto;max-width:530px;margin:0 0 20px;font-size:clamp(36px,7.9vw,49px);line-height:1.08;letter-spacing:-.8px}
 .ta-page .ta-hero-content>p{position:static;width:auto;max-width:500px;margin:0 0 29px;font-size:clamp(16px,3.8vw,19px);line-height:1.55}
 .ta-page .ta-search{position:static;inset:auto;display:flex;flex-wrap:wrap;width:100%;height:auto;padding:8px;border:0;box-shadow:0 6px 18px rgba(0,0,0,.17)}
 .ta-page .ta-search label{flex:0 0 100%;padding:8px 12px 12px}
 .ta-page .ta-search input{font-size:14px;padding:10px 0;min-width:0}
 .ta-page .ta-search button{width:100%;min-height:49px;font-size:16px}
 .ta-page .ta-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;align-items:stretch}
 .ta-page .ta-card{aspect-ratio:1.5}
 .ta-page .ta-card span{font-size:14px;left:10px;bottom:9px}
 .ta-page .ta-below-story{padding:45px 17px}
}
@media(max-width:400px){
 .ta-page .ta-hero{min-height:535px}
 .ta-page .ta-hero-content{padding:29px 20px}
 .ta-page .ta-hero h1{font-size:36px}
 .ta-page .ta-card{aspect-ratio:1.5}
}
@media(prefers-reduced-motion:reduce){.ta-page .ta-card:hover img{transform:none}}