.menu-button{display:none}
@media(max-width:760px){
 html,body{max-width:100%;overflow-x:clip}
 header{position:relative;z-index:20;background:#101c2a}
 header .wrap.nav{padding:14px clamp(18px,5vw,28px);min-height:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px}
 header .brand{font-size:1.15rem;white-space:nowrap;line-height:1.2}
 .menu-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 15px;border:1px solid #647588;background:transparent;color:#f0ece5;font:600 .95rem system-ui,sans-serif;cursor:pointer}
 header .nav-links{display:none;position:absolute;top:100%;left:0;right:0;z-index:30;width:auto;background:#192839;border-top:1px solid #506274;border-bottom:1px solid #506274;padding:10px clamp(18px,5vw,28px) 16px;box-shadow:0 20px 30px #0006}
 header .nav-links.is-open{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
 header .nav-links a{display:flex;align-items:center;min-height:48px;font-size:1rem;color:#f0ece5;border-bottom:1px solid #ffffff22}
 header .nav-links a[aria-current="page"]{color:#e9b56e}
 .feature-carousel{padding-top:26px;padding-bottom:25px}
 .feature-slide{gap:10px}
 .feature-copy h1,.feature-copy h2{font-size:clamp(2.55rem,10vw,3.9rem);line-height:1.03;margin:15px 0}
 .feature-copy .lead{font-size:1.02rem;line-height:1.5;margin-bottom:16px}
 .feature-intro-art{height:105px;justify-content:flex-end;overflow:hidden}
 .feature-intro-art .orbit{width:100px;height:100px;margin-right:18px;box-shadow:0 0 0 12px #ffffff07,0 0 0 28px #ffffff05}
 .feature-intro-art small{right:120px;bottom:32px;letter-spacing:.12em;font-size:.6rem}
 .feature-image{height:250px;max-width:100%;border:0;background:#101c2a}
 .feature-image img{object-fit:contain;object-position:center}
 .feature-controls{margin-top:13px}
 .feature-arrows button{width:44px;height:44px}
 .intro{gap:12px}.intro .section-head{margin-bottom:0}.intro p{line-height:1.55}
 #autor,#comecar{padding-top:44px;padding-bottom:45px}
 .essay-header{padding-top:32px;padding-bottom:26px}
 .essay-header .inner{gap:18px}
 .essay-header figure{max-width:min(55vw,230px);margin:0 auto}
 .essay{padding-top:34px;padding-bottom:40px}
 .essay-meta{padding-top:35px;padding-bottom:28px}
 .essay-meta ul{padding-left:24px}
 .essay-meta li{overflow-wrap:anywhere;margin-bottom:12px}
 .reader-comments{padding-top:36px;padding-bottom:55px}
 .reader-comments h2{font-size:clamp(1.9rem,8vw,2.5rem)}
}
@media(max-width:390px){.feature-intro-art small{right:100px;max-width:150px}.feature-count{font-size:.72rem}.feature-controls{gap:10px}}