:root{
  --bg:#171310;
  --bg2:#221b16;
  --paper:#eee6d8;
  --ink:#241d18;
  --muted:#b9aa96;
  --red:#b72228;
  --gold:#e7b936;
  --rust:#8c4b2b;
  --line:rgba(231,185,54,.35);
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:#f5efe6;font-family:Inter,Arial,sans-serif;line-height:1.65}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{max-width:var(--max);margin:auto;padding:0 24px}
.topbar{height:6px;background:linear-gradient(90deg,var(--red) 0 33%,var(--gold) 33% 66%,var(--red) 66%)}
header{position:sticky;top:0;z-index:50;background:rgba(23,19,16,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{font-family:Georgia,serif;font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase}.brand b{color:var(--gold)}
nav{display:flex;flex-wrap:wrap;gap:20px;font-size:.83rem;text-transform:uppercase;letter-spacing:.08em}nav a{opacity:.8}nav a:hover,nav a.active{color:var(--gold);opacity:1}
.hero{min-height:78vh;display:grid;align-items:end;position:relative;background:linear-gradient(90deg,rgba(0,0,0,.74),rgba(0,0,0,.18)),url('https://cdt66.media.tourinsoft.eu/upload/Can-Cago-Jean-Louis-Bonafos-4.jpg') center/cover no-repeat}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:150px;background:linear-gradient(transparent,var(--bg))}
.hero-inner{position:relative;z-index:2;padding:100px 24px 90px;max-width:var(--max);width:100%;margin:auto}
.kicker{color:var(--gold);text-transform:uppercase;letter-spacing:.28em;font-weight:700;font-size:.77rem}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:500;line-height:1.08;margin:0 0 20px}
h1{font-size:clamp(3.3rem,8vw,7.8rem);max-width:950px}.hero p{font-size:clamp(1.05rem,2vw,1.35rem);max-width:700px;color:#e7ddd0}
.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;padding:13px 20px;border:1px solid var(--gold);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.btn.primary{background:var(--gold);color:#23190b}.btn:hover{transform:translateY(-1px)}
.section{padding:90px 0}.section.alt{background:var(--bg2)}
.section h2{font-size:clamp(2.2rem,4vw,4.3rem)}.lead{font-family:Georgia,serif;font-size:1.35rem;color:#e8ddcf;max-width:850px}
.grid2{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.card{background:#211b17;border:1px solid rgba(255,255,255,.08);padding:24px}.card h3{font-size:1.55rem;color:var(--gold)}
.photo{border:1px solid rgba(255,255,255,.11);overflow:hidden;background:#2a211b}.photo img{width:100%;height:100%;object-fit:cover;transition:.5s}.photo:hover img{transform:scale(1.025)}
.photo.tall{aspect-ratio:4/5}.photo.land{aspect-ratio:16/10}.photo.square{aspect-ratio:1}
.caption{font-size:.8rem;color:var(--muted);margin-top:8px}
.quote{border-left:4px solid var(--gold);padding:18px 0 18px 26px;font-family:Georgia,serif;font-size:1.45rem;color:#f4e7d4}
.catalan-band{background:repeating-linear-gradient(90deg,var(--gold) 0 42px,var(--red) 42px 84px);height:12px}
.pagehead{padding:110px 0 65px;background:radial-gradient(circle at 80% 0%,#4b271d 0,transparent 36%),var(--bg2);border-bottom:1px solid rgba(255,255,255,.08)}
.pagehead h1{font-size:clamp(3rem,7vw,6.4rem);margin-top:10px}.breadcrumbs{color:var(--muted);font-size:.85rem}
.timeline{border-left:1px solid var(--gold);margin-left:8px;padding-left:28px}.timeline article{margin:0 0 34px;position:relative}.timeline article:before{content:"";position:absolute;left:-34px;top:9px;width:11px;height:11px;border-radius:50%;background:var(--gold)}.timeline time{color:var(--gold);font-weight:700}
.video-wrap{position:relative;padding-top:56.25%;background:#000;border:1px solid rgba(255,255,255,.12)}.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-fallback{margin-top:18px;padding:18px 20px;border:1px solid rgba(231,185,54,.35);background:rgba(231,185,54,.05)}.video-fallback p{margin:0 0 14px;color:#d9ccbc}.caption a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.source-list a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}.source-list li{margin-bottom:12px}
.notice{padding:16px 18px;border:1px solid rgba(231,185,54,.45);background:rgba(231,185,54,.06);color:#e8dccb}
footer{border-top:1px solid rgba(255,255,255,.08);padding:42px 0 55px;color:#9f9181;font-size:.88rem}.footergrid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}
.bigword{font-family:Georgia,serif;font-size:clamp(4rem,12vw,10rem);line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(231,185,54,.28);white-space:nowrap;overflow:hidden}
@media(max-width:850px){.nav{height:auto;min-height:76px;align-items:flex-start;padding-top:18px;padding-bottom:18px}.nav{flex-direction:column}nav{gap:12px 16px}.grid2,.grid3,.grid4{grid-template-columns:1fr}.hero{min-height:70vh}.section{padding:65px 0}.hero-inner{padding-bottom:65px}.bigword{white-space:normal}}