:root{
--bg:#e8d4ad;--ink:#39291e;--accent:#8c4b31;--accent2:#697351;--panel:#f4e7cf;--panel2:#e1c99e;--line:#ae8e65;--muted:#766250;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 15% 10%,rgba(255,255,255,.08),transparent 30%),var(--bg);color:var(--ink);font-family:Georgia,serif}
a{color:inherit}
.cowboy{max-width:1150px;margin:35px auto;padding:18px}
.sign{background:var(--panel);border:4px double var(--line);box-shadow:0 20px 60px rgba(0,0,0,.3)}
.hero{text-align:center;padding:55px 25px 35px;background:linear-gradient(145deg,var(--panel2),var(--panel));border-bottom:2px solid var(--line)}
.kicker{font:700 11px Arial;letter-spacing:5px;color:var(--accent);text-transform:uppercase}
h1{font-size:clamp(48px,8vw,92px);line-height:.88;margin:13px 0}
.subtitle{font-size:18px;color:var(--muted);font-style:italic}
.tabs{display:flex;flex-wrap:wrap;justify-content:center;background:var(--panel2);padding:12px}
.tabs label{padding:11px 14px;margin:4px;border:1px solid var(--line);font:700 10px Arial;letter-spacing:1px;text-transform:uppercase;cursor:pointer}
input{position:absolute;opacity:0}
.tab{display:none;padding:38px}
#about:checked~.panels #p-about,#appearance:checked~.panels #p-appearance,#health:checked~.panels #p-health,#personality:checked~.panels #p-personality,#moodboard:checked~.panels #p-moodboard,#connections:checked~.panels #p-connections,#trivia:checked~.panels #p-trivia,#backstory:checked~.panels #p-backstory{display:block}
#about:checked~.tabs label[for=about],#appearance:checked~.tabs label[for=appearance],#health:checked~.tabs label[for=health],#personality:checked~.tabs label[for=personality],#moodboard:checked~.tabs label[for=moodboard],#connections:checked~.tabs label[for=connections],#trivia:checked~.tabs label[for=trivia],#backstory:checked~.tabs label[for=backstory]{background:var(--accent);color:#fff}
h2{font-size:38px;font-weight:400;margin:8px 0 22px}
.eyebrow{font:700 10px Arial;letter-spacing:4px;color:var(--accent);text-transform:uppercase}
.info{width:100%;border-collapse:collapse}.info td{padding:10px;border-bottom:1px solid var(--line)}
.info td:first-child{width:30%;font:700 9px Arial;letter-spacing:1px;text-transform:uppercase;color:var(--accent)}
.portrait{width:100%;border:3px solid var(--line);border-radius:180px 180px 0 0}
.two{display:grid;grid-template-columns:32% 1fr;gap:28px}
.landscape,.break{width:100%;border:2px solid var(--line);display:block;margin:20px 0}
.mood{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mood img{width:100%;display:block;border:2px solid var(--line)}
.note{padding:18px;background:var(--panel2);border-left:4px solid var(--accent)}
@media(max-width:750px){.cowboy{margin:0;padding:5px}.tab{padding:22px}.two{grid-template-columns:1fr}.portrait{max-width:350px}.tabs label{flex:1 1 40%}}