/* Arquivo Editorial Contracultural — base de layout e tipografia. */
:root{--paper:#f1eee7;--deep:#e5dfd3;--ink:#191817;--muted:#6f6b64;--rust:#b74732;--slate:#31454c;--line:rgba(25,24,23,.18);--serif:Georgia,"Times New Roman",serif;--sans:system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"SFMono-Regular",Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.14;background:url('../img/pattern.svg') center/430px;mix-blend-mode:multiply;z-index:5}a{color:inherit;text-decoration:none}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,6vw,90px);border-bottom:1px solid var(--line);position:fixed;inset:0 0 auto;background:#f1eee7eb;backdrop-filter:blur(12px);z-index:10}.brand{display:flex;align-items:center;gap:10px}.brand img{width:35px;height:35px;object-fit:contain}.brand span{display:grid;line-height:1}.brand b{font:700 21px/1 var(--serif);letter-spacing:.14em}.brand small{color:var(--rust);font:700 8px/1.4 var(--mono);letter-spacing:.18em;margin-top:5px}.site-header nav{display:flex;gap:30px;margin-left:auto;margin-right:35px;font:700 10px var(--mono);letter-spacing:.1em;text-transform:uppercase}.site-header nav a:hover{color:var(--rust)}button{border:0;background:none;color:var(--rust);font:700 10px var(--mono);letter-spacing:.1em;cursor:pointer}.hero{min-height:690px;padding:155px clamp(20px,9vw,140px) 75px;display:grid;grid-template-columns:1fr .9fr;gap:8vw;align-items:end;background:linear-gradient(115deg,#f1eee7f4,#f1eee7c2),url('../img/pattern.svg') center/500px}.eyebrow{border-top:2px solid var(--rust);padding-top:10px;color:var(--rust);display:flex;gap:25px;font:700 10px var(--mono);letter-spacing:.13em}.hero h1{font:italic 700 clamp(52px,7vw,105px)/.92 var(--serif);letter-spacing:-.07em;margin:35px 0}.lead{font-size:clamp(17px,1.7vw,23px);line-height:1.45;max-width:600px;color:#4a4641}.meta{margin-top:40px;color:var(--muted);font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase}.hero-image{position:relative}.hero-image img{width:100%;height:430px;object-fit:cover;display:block}.hero-image small{position:absolute;bottom:-17px;left:-20px;background:var(--rust);color:var(--paper);padding:7px 11px;font:9px var(--mono)}.notice{background:var(--ink);color:var(--paper);padding:18px clamp(20px,9vw,140px);display:flex;gap:14px;align-items:center;font-size:13px}.notice b{width:27px;height:27px;border:1px solid #e5a08c;color:#e5a08c;display:grid;place-items:center;flex:none}.notice p{margin:0}.notice strong{color:#e5a08c}.section{padding:clamp(75px,10vw,145px) clamp(20px,9vw,140px);display:grid;grid-template-columns:150px 1fr;gap:8vw;border-bottom:1px solid var(--line)}aside,label,.important small{color:var(--rust);font:700 10px var(--mono);letter-spacing:.14em}aside small{writing-mode:vertical-rl;margin-left:10px}.section h2,.important h2{font:italic 700 clamp(40px,5vw,70px)/.96 var(--serif);letter-spacing:-.055em;margin:15px 0 28px;max-width:730px}.section p{color:#4e4a44;max-width:670px;font-size:17px}.section blockquote{border-left:3px solid var(--rust);padding:10px 0 10px 24px;color:var(--rust);font:italic 23px var(--serif);margin:40px 0}.dark{background:var(--slate);color:var(--paper)}.dark p{color:#d2d1c8}.dark aside{color:#e5a08c}.timeline{border-top:1px solid #ffffff55}.timeline article{display:grid;grid-template-columns:130px 1fr;border-bottom:1px solid #ffffff38;padding:20px 0;gap:20px}.timeline span{color:#e5a08c;font:10px var(--mono)}.timeline h3{font:italic 26px var(--serif);margin:0}.timeline p{grid-column:2;margin:0;font-size:14px}.brazil{grid-template-columns:.9fr 1.1fr;align-items:center}.detail{position:relative;height:510px;background:var(--slate);overflow:hidden}.detail img{width:100%;height:100%;object-fit:cover;opacity:.8}.detail span{position:absolute;bottom:15px;left:15px;background:var(--paper);color:var(--rust);padding:7px 10px;font:10px var(--mono)}.data{border-top:2px solid var(--rust);margin-top:40px;padding-top:14px;display:grid;grid-template-columns:1fr auto}.data small,.data span{font:10px var(--mono);letter-spacing:.1em;color:var(--rust)}.data strong{grid-row:span 2;font:italic 52px/1 var(--serif)}.data span{color:var(--muted);margin-top:8px}.reading{background:var(--deep)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.cards article{border-top:2px solid var(--ink);padding-top:15px}.cards b{color:var(--rust);font:700 12px var(--mono)}.cards h3{font:italic 25px var(--serif);margin:18px 0 8px}.cards p{font-size:14px;margin:0}.important{background:var(--rust);color:var(--paper);padding:85px clamp(20px,9vw,140px);display:grid;grid-template-columns:1fr 1fr;gap:6vw}.important small{color:#f4c4b3}.important h2{margin-top:32px}.important p{border-bottom:1px solid #ffffff55;padding:14px 0;margin:0}.important p b{font:10px var(--mono);margin-right:20px;color:#f4c4b3}.alert{margin:0 clamp(20px,9vw,140px);border-left:8px solid #e2aa36;background:#f8f3e5;color:#4c3e22;padding:22px 25px;display:flex;gap:22px;font-size:14px}.alert b{font:700 10px var(--mono);color:#9b6412;white-space:nowrap}footer{background:var(--ink);color:var(--paper);padding:75px clamp(20px,9vw,140px) 22px;margin-top:90px}.footer-main{display:flex;justify-content:space-between;gap:35px;border-bottom:1px solid #ffffff38;padding-bottom:45px}.footer-main>div:last-child{display:flex;gap:25px;font:10px var(--mono);text-transform:uppercase}.footer-main .brand img{filter:grayscale(1) brightness(4)}.company{padding:22px 0;color:#ffffff80;font:9px/1.5 var(--mono)}.copyright{border-top:1px solid #ffffff1f;padding-top:18px;color:#ffffff66;font:9px var(--mono)}@media(max-width:900px){.site-header nav{display:none}.hero,.brazil{grid-template-columns:1fr}.hero-image{margin-top:30px}.section{grid-template-columns:1fr;gap:30px}.section aside small{writing-mode:initial}.cards,.important{grid-template-columns:1fr}.timeline article{grid-template-columns:1fr}.timeline p{grid-column:1}.detail{height:330px}}@media(max-width:600px){.hero{padding:120px 20px 60px}.hero h1{font-size:54px}.hero-image img{height:300px}.section{padding:70px 20px}.data strong{font-size:38px}.alert{margin:0 20px;display:block}.alert p{margin-bottom:0}.footer-main{display:grid}.footer-main>div:last-child{display:grid;gap:10px}}
