/* PELIGROSA / unified premium stage brand, approved visual direction.
   Source image: thumbnail of a verified Marco Moretto YouTube video.
   No invented band identities, release counts, or fake social proof. */
:root{--p-bg:#090708;--p-panel:#191012;--p-copper:#e9a473;--p-line:#76513d;--p-cream:#fff7f0}
html{scroll-behavior:smooth}
body{background-color:var(--p-bg);color:var(--p-cream)}
body header{background:rgba(9,7,9,.94);backdrop-filter:blur(16px);border-bottom:1px solid #68412f75;z-index:20}
body header .logo{font-family:Georgia,serif;font-size:clamp(19px,2vw,25px);letter-spacing:.18em;color:#fff5ed;text-decoration:none}
body header nav a{color:#eee4dc;transition:color .2s}
body header nav a:hover,body header nav a:focus-visible{color:var(--p-copper)}
body .eyebrow,body .credit{color:#f5b887}
body .button,body a.btn:not(.alt),body button.primary,body .primary{background:#e9a473;border-color:#e9a473;color:#190d09;font-weight:800}
body .button:hover,body a.btn:not(.alt):hover,body button.primary:hover{background:#ffbf91;border-color:#ffbf91;color:#150a07}
body a.btn.alt{border:1px solid #c68b67;background:#130e0dcc;color:#fff5ed}
body :focus-visible{outline:3px solid #f9c69c;outline-offset:3px}
/* Use a verified music video still as a responsive live background. Never replace identity portraits. */
body .hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(90deg,rgba(7,5,8,.97) 4%,rgba(8,5,7,.79) 46%,rgba(15,7,8,.46)),linear-gradient(0deg,#090708 0%,transparent 32%),url('https://i.ytimg.com/vi/nODJzyVBn0w/hqdefault.jpg') center 40%/cover no-repeat}
body .hero::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 75% 30%,#d8834a22,transparent 52%),linear-gradient(0deg,#090708 0%,transparent 40%)}
body .hero h1{font-family:Arial,Helvetica,sans-serif;font-weight:900;letter-spacing:-.055em;line-height:1.05}
body .hero h1 em{font-style:normal;color:var(--p-copper)}
body .hero .lead{color:#fff0e7;max-width:690px;text-shadow:0 2px 18px #000}
body .hero .eyebrow{font-weight:800;letter-spacing:.24em}
body .panel,body .card,body .person,body .editor,body .step,body .journal-card{border-color:#6d4839;background-color:#170f12}
body .panel,body .card,body .person,body .journal-card{box-shadow:0 16px 42px #0005}
body .callout{background:linear-gradient(120deg,#281712,#160e13);border-color:#e9a473}
body input:focus-visible,body textarea:focus-visible,body select:focus-visible{outline:2px solid #f2b487;outline-offset:2px}
body .p-share{border-color:#754a37;background:#170f12}
body .p-share-kicker{color:#efb486}
body .p-share-actions a:hover,body .p-share-actions button:hover{border-color:#f0ae7e}
body .p-share-actions a,body .p-share-actions button{border-color:#74503f}
body footer{border-top:1px solid #5c3d31}
@media(min-width:950px){body .hero{min-height:480px;padding-top:75px;padding-bottom:75px}}
@media(max-width:620px){body .hero{background-position:58% center;background-image:linear-gradient(90deg,#0b070ce8,#0b070c9e),linear-gradient(0deg,#090708 0%,transparent 45%),url('https://i.ytimg.com/vi/nODJzyVBn0w/hqdefault.jpg');}body .hero h1{font-size:clamp(41px,11vw,62px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body header nav a{transition:none}}