.omo-page{background:#05070b;color:#fff}.omo-page .site-header{border-bottom:1px solid rgba(255,106,0,.72)}
.omo-hero{position:relative;min-height:clamp(460px,48vw,720px);display:flex;align-items:flex-end;overflow:hidden;background:#020409;border-bottom:1px solid rgba(255,255,255,.12)}
.omo-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.omo-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,4,8,.9),rgba(2,4,8,.35) 52%,rgba(2,4,8,.18)),linear-gradient(0deg,rgba(2,4,8,.96),transparent 58%)}
.omo-hero__copy{position:relative;z-index:2;max-width:820px;padding:clamp(38px,7vw,96px) clamp(20px,6vw,92px)}
.omo-hero__copy .eyebrow{color:#ff6a00}.omo-hero__copy h1{margin:.12em 0 .18em;font:700 clamp(52px,8vw,118px)/.86 Russo One,sans-serif;text-transform:uppercase;text-shadow:0 6px 30px #000}.omo-hero__copy p{max-width:660px;color:#e2e7ef;font-size:clamp(16px,1.5vw,21px);line-height:1.65}
.omo-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.omo-subnav{position:sticky;top:74px;z-index:25;display:flex;gap:10px;overflow:auto;padding:12px clamp(18px,5vw,72px);background:rgba(5,7,11,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.1)}.omo-subnav a{flex:0 0 auto;padding:9px 13px;border:1px solid rgba(255,255,255,.15);border-radius:999px;color:#e9edf4;text-decoration:none;font:700 12px Orbitron,sans-serif;letter-spacing:.04em}.omo-subnav a:hover{border-color:#ff6a00;color:#ff8a3d}
.omo-feed{padding:clamp(58px,7vw,105px) clamp(18px,5vw,76px)}.omo-feed__head{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:end;margin-bottom:34px}.omo-feed__head h2{margin:.08em 0;font:700 clamp(44px,6vw,84px)/.9 Russo One,sans-serif;text-transform:uppercase}.omo-feed__head p{color:#aeb7c5;line-height:1.7}
.omo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.omo-card{position:relative;min-height:430px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:26px;text-decoration:none;border:1px solid rgba(255,255,255,.14);background:#0b1018;isolation:isolate;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.omo-card::before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--card-image,url('../assets/optimized/animanga-updates-1440.webp'));background-size:cover;background-position:center;opacity:.62;transition:transform .35s ease,opacity .35s ease}.omo-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(3,5,9,.99) 7%,rgba(3,5,9,.84) 38%,rgba(3,5,9,.28) 73%,rgba(3,5,9,.08))}.omo-card:hover{transform:translateY(-5px);border-color:#ff6a00;box-shadow:0 18px 44px rgba(0,0,0,.32)}.omo-card:hover::before{transform:scale(1.035);opacity:.74}.omo-card small{color:#ff8a3d;font:700 11px Orbitron,sans-serif;letter-spacing:.08em}.omo-card h3{margin:10px 0 8px;font:700 clamp(24px,2vw,34px)/1.02 Russo One,sans-serif;color:#fff;text-shadow:0 3px 18px #000}.omo-card p{margin:0;color:#d1d7e0;line-height:1.55}.omo-card--lead{grid-column:span 2;min-height:520px}.omo-card--lead h3{font-size:clamp(32px,3.3vw,52px)}
.omo-footer-cta{margin-top:34px;padding:28px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(135deg,#0a101c,#121018 62%,#241008);display:flex;gap:20px;align-items:center;justify-content:space-between}.omo-footer-cta h3{margin:0 0 6px;font:700 clamp(25px,3vw,40px) Russo One,sans-serif}.omo-footer-cta p{margin:0;color:#b7c0cd}.omo-page footer{border-top:1px solid rgba(255,255,255,.1)}
@media(max-width:1050px){.omo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.omo-card--lead{grid-column:span 2}.omo-feed__head{grid-template-columns:1fr}.omo-subnav{top:72px}}
@media(max-width:680px){.omo-hero{min-height:700px}.omo-hero img{object-position:center top}.omo-hero::after{background:linear-gradient(0deg,rgba(2,4,8,.98),rgba(2,4,8,.74) 32%,rgba(2,4,8,.08) 74%)}.omo-hero__copy{padding:42px 20px}.omo-grid{grid-template-columns:1fr}.omo-card,.omo-card--lead{grid-column:auto;min-height:500px}.omo-card h3,.omo-card--lead h3{font-size:clamp(26px,8.5vw,38px)}.omo-footer-cta{align-items:flex-start;flex-direction:column}.omo-subnav{top:58px}}
@media(prefers-reduced-motion:reduce){.omo-card,.omo-card::before{transition:none}.omo-card:hover{transform:none}.omo-card:hover::before{transform:none}}