:root{--purple:#6f2a90;--ink:#090909;--coal:#111;--paper:#e9e3d9;--muted:#a7a29a;--line:#ffffff20}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#f7f3ec;font-family:Inter,Arial,sans-serif}img{max-width:100%}a{color:inherit}.topbar{position:sticky;z-index:40;top:0;min-height:82px;padding:10px clamp(18px,4vw,64px);display:flex;align-items:center;gap:26px;background:#090909f2;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;white-space:nowrap;font:800 17px "Barlow Condensed",sans-serif;letter-spacing:.12em}.brand img{width:56px;height:56px;object-fit:contain}.topbar nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(13px,1.7vw,28px);margin-left:auto}.topbar nav a{text-decoration:none;text-transform:uppercase;color:#bcbcbc;font:600 13px "Barlow Condensed";letter-spacing:.1em;white-space:nowrap}.topbar nav a:hover,.topbar nav a.active{color:#fff}.topbar nav a.active{border-bottom:2px solid var(--purple);padding-bottom:5px}.menu{display:none;color:#fff;background:transparent;border:1px solid #ffffff55;padding:10px 14px}.sound-toggle{display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid #ffffff30;background:#151515;color:#fff;cursor:pointer;white-space:nowrap}.sound-toggle span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--purple);font-size:10px}.sound-toggle strong{font:700 11px "Barlow Condensed";letter-spacing:.1em}
.hero{min-height:calc(100svh - 82px);position:relative;display:flex;align-items:center;padding:100px clamp(22px,8vw,120px);background:url("assets/largados-centuriao-irmandade.jpg") center 42%/cover no-repeat}.hero::before,.page-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050505f5,#090909b5 48%,#09090935),linear-gradient(0deg,#090909,transparent 35%)}.hero-content,.page-hero__content{position:relative;max-width:920px}.eyebrow,.kicker{color:#a970d6;font:700 13px "Barlow Condensed";letter-spacing:.22em;text-transform:uppercase}.hero h1,.page-hero h1,.section h2{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;line-height:.9;margin:22px 0;font-weight:700}.hero h1{font-size:clamp(58px,8.2vw,124px)}.hero h1 em{color:var(--purple);font-style:normal}.lead{max-width:640px;color:#d0cbc4;font-size:clamp(17px,1.6vw,23px);line-height:1.65}.cta{display:inline-flex;gap:34px;margin-top:28px;padding:17px 21px;background:var(--purple);text-decoration:none;font:700 15px "Barlow Condensed";letter-spacing:.11em}
.page-hero{min-height:52vh;position:relative;display:flex;align-items:flex-end;padding:100px clamp(22px,8vw,120px) 70px;background:linear-gradient(135deg,#171717,#070707)}.page-hero.image{background-position:center;background-size:cover}.page-hero h1{font-size:clamp(60px,9vw,132px)}.page-hero .lead{max-width:760px}.section{padding:100px clamp(22px,8vw,120px)}.section--paper{background:var(--paper);color:#111}.section--coal{background:var(--coal)}.section h2{font-size:clamp(45px,6vw,88px)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start}.intro-grid p,.prose p{font-size:clamp(17px,1.4vw,21px);line-height:1.8;color:#555049}.section--coal .prose p{color:#b5b0a8}.big-year{font:800 clamp(110px,20vw,270px)/.75 "Barlow Condensed";color:#6f2a9018;margin:70px 0 0}.feature-image{margin:34px 0 0;max-width:440px;aspect-ratio:4/5;overflow:hidden}.feature-image img{width:100%;height:100%;object-fit:cover;object-position:center 34%}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:55px;background:#ffffff20}.card{padding:38px;background:#111;min-height:240px}.card .number{color:var(--purple);font:700 14px "Barlow Condensed"}.card h3{font:700 32px "Barlow Condensed";text-transform:uppercase;margin:55px 0 14px}.card p{color:#aaa;line-height:1.65}.cards--paper{background:#00000018}.cards--paper .card{background:#ded8ce;color:#111}.cards--paper .card p{color:#59544e}.placeholder{border:1px dashed #ffffff35;padding:38px;margin-top:40px;background:#ffffff06}.section--paper .placeholder{border-color:#0003;background:#00000005}.placeholder strong{display:block;font:700 25px "Barlow Condensed";text-transform:uppercase;margin-bottom:10px}.placeholder p{margin:0;line-height:1.7;color:#aaa}.section--paper .placeholder p{color:#615c55}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:45px}.gallery-item{aspect-ratio:4/3;display:grid;place-items:center;padding:24px;text-align:center;background:linear-gradient(135deg,#1d1d1d,#0c0c0c);border:1px solid #ffffff12;color:#777;font:700 17px "Barlow Condensed";letter-spacing:.08em;text-transform:uppercase}.timeline{margin-top:50px;border-left:2px solid var(--purple);padding-left:34px}.timeline article{padding:0 0 42px}.timeline h3{font:700 32px "Barlow Condensed";text-transform:uppercase;margin:0 0 8px}.timeline p{color:#aaa;line-height:1.7}.memorial-intro{text-align:center;max-width:930px;margin:0 auto}.memorial-mark{font-size:52px;color:var(--purple)}.memorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:55px}.memorial-card{min-height:360px;padding:34px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(0deg,#080808,#222);border:1px solid #ffffff15}.memorial-card h3{font:700 30px "Barlow Condensed";text-transform:uppercase;margin:0}.memorial-card p{color:#888}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.contact-links a{display:flex;justify-content:space-between;padding:20px 0;border-bottom:1px solid #ffffff25;text-decoration:none;text-transform:uppercase;font:700 17px "Barlow Condensed";letter-spacing:.1em}.contact-links a:hover{color:#a970d6}
footer{display:flex;align-items:center;gap:24px;padding:28px clamp(22px,5vw,72px);color:#777;border-top:1px solid #222;font-size:12px}footer img{width:50px;height:50px;object-fit:contain}footer p:last-child{margin-left:auto}
.sound-gate{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:24px;background:linear-gradient(#050505dd,#050505f4),url("assets/largados-centuriao-irmandade.jpg") center/cover;transition:.42s}.sound-gate.is-closing{opacity:0;visibility:hidden}.sound-gate__panel{width:min(100%,640px);padding:44px clamp(24px,6vw,62px);text-align:center;border:1px solid #ffffff25;background:#080808eb}.sound-gate__panel>img{width:82px;height:82px;object-fit:contain}.sound-gate__panel h2{font:700 clamp(40px,6vw,68px)/.95 "Barlow Condensed";text-transform:uppercase;margin:16px 0 10px}.sound-gate__panel>p:not(.eyebrow){color:#bdb8b0;line-height:1.65}.sound-gate__actions{display:flex;justify-content:center;gap:11px;margin-top:30px}.sound-choice{cursor:pointer;padding:16px 19px;border:1px solid #ffffff40;background:transparent;color:#fff;font:700 14px "Barlow Condensed";letter-spacing:.09em}.sound-choice--primary{border-color:var(--purple);background:var(--purple)}
@media(max-width:1040px){.topbar nav{position:absolute;top:82px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;padding:25px;background:#0b0b0b}.topbar nav.open{display:flex}.topbar nav a{padding:7px}.menu{display:block;margin-left:auto}.sound-toggle{order:3}.sound-toggle strong{display:none}}
@media(max-width:760px){.topbar{min-height:70px;padding:8px 15px;gap:10px}.brand img{width:46px;height:46px}.brand span{font-size:14px}.topbar nav{top:70px}.hero{min-height:calc(100svh - 70px);background-position:54% center}.hero h1{font-size:clamp(50px,16vw,76px)}.section{padding:76px 22px}.page-hero{padding:85px 22px 52px}.intro-grid,.contact-grid{grid-template-columns:1fr}.big-year{margin:35px 0}.cards,.gallery-grid,.memorial-grid{grid-template-columns:1fr}.card{min-height:auto}.feature-image{max-width:310px}.sound-gate__actions{flex-direction:column}.sound-choice{width:100%}footer{align-items:flex-start;flex-wrap:wrap}footer p:last-child{margin-left:0;width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}.sound-gate{transition:none}}
.chapter-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:55px}.chapter-card{position:relative;min-height:360px;padding:42px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:linear-gradient(145deg,#191919,#080808);border:1px solid #ffffff18}.chapter-card::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:#fff}.chapter-card--headquarters::before{background:var(--purple)}.chapter-card h3{margin:8px 0 12px;font:700 clamp(48px,6vw,78px)/.9 "Barlow Condensed";text-transform:uppercase}.chapter-card>p{position:relative;max-width:610px;color:#aaa;line-height:1.7}.chapter-card .eyebrow{color:#a970d6}.chapter-badge{position:absolute;top:28px;right:28px;padding:8px 12px;border:1px solid #ffffff45;color:#fff;font:700 12px "Barlow Condensed";letter-spacing:.14em;text-transform:uppercase}.chapter-card--headquarters .chapter-badge{border-color:var(--purple);background:var(--purple)}
@media(max-width:760px){.chapter-grid{grid-template-columns:1fr}.chapter-card{min-height:320px;padding:28px}.chapter-badge{top:20px;right:20px}}