/*
Theme Name: Blaugrana
Author: Nova pour Ludo
Description: Le magazine des fans du FC Barcelone.
Version: 1.0.0
*/
:root{--bg:#0b0c18;--panel:#131525;--text:#f6f3ef;--muted:#a5a5b6;--red:#e52e51;--yellow:#efce77}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;display:block}a:hover{color:var(--yellow)}:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}.topline{padding:9px 5%;background:#171728;font-size:9px;letter-spacing:2px;display:flex;justify-content:space-between;color:#c9c6d1}.header{padding:21px 5%;display:flex;justify-content:space-between;align-items:center;gap:30px;border-bottom:1px solid #ffffff12}.brand{display:flex;gap:12px;align-items:center;font-size:23px;font-weight:900;letter-spacing:1px}.brand img{height:51px;width:51px;object-fit:contain}.brand small{display:block;font-size:8px;letter-spacing:2.6px;font-weight:400;margin-top:2px}nav{display:flex;gap:29px;align-items:center;font-size:12px;font-weight:600}.nav-fan{border:1px solid #ffffff35;padding:12px 16px}.menu-toggle{display:none}.hero{min-height:650px;height:74vh;max-height:880px;position:relative;display:flex;align-items:center;padding:55px 7% 90px;isolation:isolate}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,8,22,.93),rgba(7,8,22,.6) 50%,rgba(7,8,22,.06)),linear-gradient(0deg,#0b0c18,transparent 45%);z-index:-1}.hero-content{max-width:850px}.eyebrow{font-size:10px;letter-spacing:2.8px;font-weight:700;color:var(--yellow);margin-bottom:18px}.eyebrow span{display:inline-block;width:7px;height:7px;background:var(--red);border-radius:50%;margin-right:9px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(52px,7.5vw,112px);line-height:.97;letter-spacing:-5px;font-weight:900;margin-bottom:30px}h1 em{color:var(--yellow);font-style:normal}h2{font-size:clamp(30px,3.2vw,48px);line-height:1.1;letter-spacing:-1.9px;margin-bottom:0}h3{font-size:23px;line-height:1.2;letter-spacing:-.5px}.hero p{color:#d1cdd1;font-size:17px;line-height:1.8}.actions{display:flex;align-items:center;gap:30px;margin-top:32px}.button{background:var(--red);border:0;color:white;padding:15px 24px;display:inline-flex;gap:34px;align-items:center;font-size:12px;font-weight:700;line-height:1.5}.button:hover{background:#c62042;color:white}.text-link{font-size:12px;font-weight:700}.hero-foot{position:absolute;bottom:25px;left:7%;right:7%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#b6b3c0}.hero-foot b{display:block;font-weight:400;color:#77788d;margin-top:5px}.ticker{display:flex;justify-content:space-around;gap:30px;overflow:hidden;white-space:nowrap;padding:18px 3%;border-block:1px solid #ffffff18;font-size:12px;letter-spacing:3px;font-weight:700}.ticker i{color:var(--red);font-style:normal}.section{padding:80px 7%}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:35px}.section-head>a{font-size:12px;border-bottom:1px solid #70707e;padding-bottom:6px;white-space:nowrap}.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.card-image{overflow:hidden;display:block;aspect-ratio:1.6;background:#181e3a}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.card-image:hover img{transform:scale(1.04)}.card-meta{display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:1.2px;color:var(--yellow);text-transform:uppercase;margin:20px 0 14px}.card-meta span{color:#8b8b9e;font-size:8px}.article-card p{color:var(--muted);font-size:13px}.article-card h3{margin-bottom:12px}.read-more{font-size:11px;font-weight:bold}.players-section{background:#111322;border-block:1px solid #ffffff0b}.players-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.player-card{position:relative;overflow:hidden;background:#17192b}.player-card img{width:100%;aspect-ratio:1/1.1;object-fit:cover;transition:transform .35s}.player-card:hover img{transform:scale(1.025)}.player-info{position:absolute;bottom:0;padding:55px 25px 22px;width:100%;background:linear-gradient(transparent,#090b19)}.player-info small{text-transform:uppercase;font-size:9px;letter-spacing:2px;color:var(--yellow)}.player-info h3{margin:6px 0 0;font-size:30px}.favorite{position:absolute;top:15px;right:15px;border:1px solid #ffffff50;background:#0b0c1888;border-radius:50%;color:white;width:40px;height:40px;font-size:26px;line-height:1}.favorite[aria-pressed=true]{color:var(--red);background:white}.heritage{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;background:linear-gradient(120deg,#111529,#271025)}.heritage h2{font-size:56px}.heritage em{font-style:normal;color:var(--yellow)}.heritage p{color:var(--muted);margin:24px 0;max-width:440px}.year{font-size:clamp(100px,16vw,230px);font-weight:900;letter-spacing:-15px;color:transparent;-webkit-text-stroke:1px #b19a67;text-align:center;line-height:1}.year small{display:block;color:var(--yellow);-webkit-text-stroke:0;font-size:10px;letter-spacing:4px;margin-top:20px}.fan-banner{text-align:center;border-bottom:1px solid #ffffff18}.fan-banner h2{margin:15px 0}.fan-banner p{color:var(--muted)}footer{padding:45px 7% 20px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-main p{font-size:11px;color:var(--muted);margin:0}.footer-main>a:last-child{font-size:11px}.dot{color:var(--red);font-size:14px}.footer-bottom{border-top:1px solid #ffffff18;margin-top:35px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:var(--muted)}.inner{min-height:65vh}.inner h1{font-size:clamp(42px,5vw,72px);letter-spacing:-2px;line-height:1.1}.intro{color:var(--muted);font-size:18px;margin-bottom:35px}.filters{display:flex;gap:10px;margin:30px 0}.filters button{border:1px solid #ffffff30;background:transparent;color:white;padding:9px 19px}.filters button[aria-pressed=true]{background:var(--red);border-color:var(--red)}[hidden]{display:none!important}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.gallery button{padding:0;background:var(--panel);color:white;border:0;text-align:left}.gallery img{aspect-ratio:1.2;object-fit:cover;width:100%}.gallery span{display:block;padding:16px}.gallery button:first-child{grid-column:span 2}.gallery button:first-child img{aspect-ratio:2.5}.story-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:55px;align-items:start}.story-image{width:100%;max-height:650px;object-fit:cover}.prose{max-width:850px;color:#cbcbd5;font-size:17px}.prose h2{margin:36px 0 20px;font-size:30px;color:white}.prose a{color:var(--yellow);text-decoration:underline}.prose p{margin-bottom:24px}.prose li{margin-bottom:12px}.fan-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px}.panel{background:var(--panel);padding:35px}.panel h2{font-size:30px;margin-bottom:20px}.panel p,.panel li{color:var(--muted);font-size:14px}fieldset{border:0;padding:0;margin:25px 0}legend{font-weight:bold;margin-bottom:10px;font-size:14px}fieldset label{display:block;padding:7px;font-size:14px}input[type=radio]{accent-color:var(--red);margin-right:8px}.search{margin:30px 0 40px}.search label{display:block;margin-bottom:10px;font-size:12px}.search>div{display:flex;max-width:650px}.search input{min-width:0;flex:1;padding:12px;border:1px solid #444659;background:var(--panel);color:white}dialog{background:#111322;color:white;border:1px solid #56556c;padding:20px;max-width:90vw;max-height:93vh}dialog::backdrop{background:#000d}dialog img{max-height:75vh;max-width:80vw;object-fit:contain}dialog p{margin:10px 0 0}.close-dialog{position:absolute;right:25px;top:25px;background:#111d;color:white;border:1px solid #fff8;width:40px;height:40px}.skip{position:absolute;top:-80px;z-index:100;background:white;color:black;padding:10px}.skip:focus{top:0}@media(max-width:1000px){nav{gap:16px}.header{padding-inline:4%}.brand{font-size:19px}.nav-fan{padding:10px}.hero{min-height:600px}.footer-main{flex-wrap:wrap}.card-meta{display:block}.card-meta span{display:block;margin-top:4px}}@media(max-width:760px){.topline span{display:none}.topline{font-size:8px}.header{padding:16px 5%;flex-wrap:wrap;gap:15px}.brand img{width:40px;height:40px}.menu-toggle{display:block;background:transparent;color:white;border:1px solid #ffffff40;padding:8px 12px;font-size:12px}nav{display:none;width:100%;flex-direction:column;align-items:stretch;padding:10px 0}nav.open{display:flex}.hero{height:auto;min-height:600px;padding:75px 6% 95px}.hero h1{font-size:58px;letter-spacing:-3px}.hero p{font-size:15px}.actions{align-items:start;flex-direction:column;gap:20px}.hero-foot{font-size:7px;left:6%;right:6%}.hero-foot>span:last-child{text-align:right}.ticker{font-size:9px;gap:24px;justify-content:start}.section{padding:55px 6%}.section-head{align-items:start;flex-direction:column}.articles{grid-template-columns:1fr;gap:40px}.players-grid{grid-template-columns:repeat(2,1fr);gap:15px}.player-info{padding:45px 15px 15px}.player-info h3{font-size:22px}.heritage{grid-template-columns:1fr;gap:40px}.heritage h2{font-size:44px}.year{font-size:130px;letter-spacing:-9px}.fan-columns,.story-layout{grid-template-columns:1fr;gap:30px}.gallery{grid-template-columns:repeat(2,1fr);gap:15px}.gallery span{font-size:12px;padding:12px}.footer-main,.footer-bottom{flex-direction:column;align-items:start}.filters{flex-wrap:wrap}.filters button{font-size:12px}.panel{padding:25px}.inner h1{font-size:43px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Keep faces visible when portrait photos fill landscape cards. */
.card-image img,.player-card img,.gallery img,.story-image{object-position:center top}