.landing-page{background:#ebe0c5;color:#10121a}.landing-page:before{display:none}.landing-shell{background:#ebe0c5;color:#10121a;overflow:hidden}.landing-shell:before{opacity:.34;background-image:radial-gradient(#111 1px,transparent 1px);background-size:6px 6px;mask-image:linear-gradient(#000,transparent 64%)}
.magazine-hero{width:min(80rem,calc(100% - 2rem));min-height:760px;margin:1.25rem auto 4rem;padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.72fr);grid-template-rows:auto 1fr auto;gap:0;background:#fff9e9;border:4px solid #10121a!important;box-shadow:16px 16px 0 #ed224b!important;overflow:hidden}
.magazine-masthead{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;min-height:94px;padding:.75rem 1.1rem;background:#10121a;border-bottom:7px solid #f4bd34}.magazine-masthead .landing-brand{width:auto}.magazine-masthead .landing-brand img{width:clamp(10rem,20vw,15rem)}.magazine-issue{display:grid;grid-template-columns:auto auto;align-items:center;color:#fff;font-family:Impact,"Arial Black",sans-serif;text-align:right;transform:skewX(-5deg)}.magazine-issue span{padding:.2rem .5rem;background:#ed224b;font-size:.75rem;letter-spacing:.12em}.magazine-issue strong{padding-left:.6rem;color:#f4bd34;font-size:1.65rem}.magazine-issue small{grid-column:1/-1;color:#b8bfd1;font:700 .58rem sans-serif;letter-spacing:.15em}
.magazine-copy{position:relative;z-index:4;max-width:none;padding:clamp(2rem,5vw,4.5rem);background:linear-gradient(120deg,#fff9e9 0 86%,transparent 86%)}.magazine-copy:after{content:"BERRI ORIGINAL";position:absolute;top:2rem;right:-2.4rem;padding:.25rem 3rem;background:#376dff;color:#fff;font:900 .66rem sans-serif;letter-spacing:.14em;transform:rotate(45deg)}.magazine-copy .landing-kicker{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:#10121a;letter-spacing:.14em}.magazine-copy .landing-kicker span{padding:.26rem .55rem;background:#ed224b;color:#fff;transform:skewX(-8deg)}
.landing-page .magazine-copy h1{max-width:15ch;margin:0;color:#10121a;font-family:Impact,"Arial Black",sans-serif;font-size:clamp(3.3rem,6vw,5.8rem);font-style:italic;line-height:.86;letter-spacing:-.035em;text-shadow:none;-webkit-text-stroke:0}.magazine-copy h1 em{color:#ed224b;font-style:italic;text-decoration:underline;text-decoration-color:#376dff;text-decoration-thickness:.1em;text-underline-offset:.08em}.magazine-copy .landing-lead{max-width:35rem;margin:1.4rem 0;color:#444958;font-size:1.05rem;line-height:1.65}
.magazine-copy .landing-actions{align-items:stretch;margin:1.6rem 0}.magazine-copy .landing-actions a{border-radius:0;color:#10121a}.magazine-copy .landing-enter{display:grid;grid-template-columns:1fr auto;min-width:230px;padding:.65rem 1rem;background:#ed224b;color:#fff;border:3px solid #10121a!important;box-shadow:6px 6px 0 #376dff;transform:skewX(-4deg)}.magazine-copy .landing-enter span{font:800 .58rem sans-serif;letter-spacing:.15em;text-transform:uppercase}.magazine-copy .landing-enter strong{font:900 1.12rem Impact,"Arial Black",sans-serif;letter-spacing:.05em;text-transform:uppercase}.magazine-copy .landing-enter b{grid-column:2;grid-row:1/3;align-self:center;font-size:1.6rem}.magazine-copy .landing-enter:hover{background:#10121a;transform:translate(-2px,-2px) skewX(-4deg);box-shadow:9px 9px 0 #f4bd34}.magazine-copy .landing-browse{font-weight:900;text-transform:uppercase;border:3px solid #10121a}
.magazine-copy .landing-search{display:grid;grid-template-columns:44px 1fr auto;max-width:36rem;border:3px solid #10121a;background:#fff;box-shadow:5px 5px 0 #f4bd34}.magazine-copy .landing-search>span{display:grid;place-items:center;background:#10121a;color:#f4bd34;font-weight:900}.magazine-copy .landing-search input{border:0;border-radius:0;background:#fff;color:#10121a}.magazine-copy .landing-search button{border-radius:0;background:#376dff;color:#fff;font-weight:900;text-transform:uppercase}
.magazine-copy .share-links{margin-top:1.25rem}.magazine-copy .share-links strong{color:#10121a}.magazine-copy .share-links a{border-color:#10121a;color:#10121a}
.magazine-cover{position:relative;min-height:590px;background:#376dff;border-left:7px solid #10121a;overflow:hidden;isolation:isolate}.magazine-cover:before{content:"";position:absolute;inset:-20%;z-index:-1;background:repeating-conic-gradient(from 4deg at 50% 58%,#ffffff16 0 5deg,transparent 5deg 12deg)}.magazine-sun{position:absolute;width:360px;height:360px;left:50%;top:48%;border-radius:50%;background:#ed224b;transform:translate(-50%,-50%);box-shadow:0 0 0 18px #f4bd34,0 0 0 25px #10121a}.magazine-kanji{position:absolute;right:-.15em;top:-.12em;color:#ffffff20;font:900 10rem/1 sans-serif;writing-mode:vertical-rl}.magazine-burst{position:absolute;z-index:5;right:1rem;top:1rem;width:105px;height:105px;display:grid;place-items:center;align-content:center;background:#f4bd34;color:#10121a;border:4px solid #10121a;clip-path:polygon(50% 0,61% 18%,80% 7%,82% 29%,100% 33%,86% 50%,100% 67%,80% 70%,80% 94%,61% 82%,50% 100%,39% 82%,20% 94%,20% 71%,0 67%,14% 50%,0 33%,19% 29%,20% 7%,39% 18%);transform:rotate(8deg)}.magazine-burst span{font-weight:900}.magazine-burst strong{font:900 1rem/1 Impact,sans-serif;text-align:center}
.magazine-silhouette{position:absolute;z-index:2;inset:22% 8% 16%;display:flex;align-items:flex-end;justify-content:center;gap:0}.magazine-silhouette i{display:block;background:#10121a;border:4px solid #fff9e9;box-shadow:8px 8px 0 #ed224b}.magazine-silhouette i:first-child{width:100px;height:260px;clip-path:polygon(45% 0,70% 13%,63% 30%,85% 43%,72% 100%,20% 100%,16% 48%,38% 31%,30% 13%);transform:rotate(-9deg)}.magazine-silhouette i:nth-child(2){z-index:2;width:135px;height:360px;clip-path:polygon(40% 0,58% 8%,72% 2%,67% 20%,84% 35%,75% 100%,20% 100%,12% 37%,33% 20%,25% 7%)}.magazine-silhouette i:last-child{width:105px;height:285px;clip-path:polygon(38% 0,60% 9%,73% 5%,67% 29%,88% 45%,77% 100%,18% 100%,11% 45%,31% 28%,24% 10%);transform:rotate(8deg)}
.magazine-coverline{position:absolute;z-index:4;color:#fff9e9;text-shadow:4px 4px 0 #10121a}.magazine-coverline--top{left:1rem;top:1.3rem}.magazine-coverline span{display:inline-block;padding:.22rem .45rem;background:#ed224b;font:900 .63rem sans-serif;letter-spacing:.12em}.magazine-coverline strong{display:block;margin-top:.35rem;font:italic 900 clamp(2rem,4vw,3.6rem)/.8 Impact,sans-serif}.magazine-coverline--bottom{left:1rem;right:1rem;bottom:1rem;padding:.65rem;background:#10121ae8;border-left:7px solid #f4bd34;font:800 .73rem sans-serif;letter-spacing:.04em}.magazine-coverline--bottom b{color:#f4bd34}
.magazine-ticker{grid-column:1/-1;display:flex;justify-content:space-around;gap:1rem;padding:.65rem 1rem;background:#ed224b;color:#fff;font:900 .72rem sans-serif;letter-spacing:.12em;white-space:nowrap;overflow:hidden;border-top:4px solid #10121a}.magazine-ticker span:last-child{color:#f4bd34}
.landing-seo{color:#fff}.landing-seo h2,.landing-seo h3{color:#fff}.landing-footer{color:#514b42;border-color:#10121a}.landing-footer a{color:#10121a;font-weight:800}
@media(max-width:52rem){.magazine-hero{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;min-height:auto}.magazine-masthead{grid-column:1}.magazine-copy{padding:2.5rem 1.3rem;background:#fff9e9}.magazine-cover{min-height:520px;border-left:0;border-top:7px solid #10121a}.magazine-ticker{grid-column:1}.magazine-issue small{display:none}}
@media(max-width:32rem){.magazine-hero{width:calc(100% - 1rem);margin-top:.5rem;border-width:3px!important;box-shadow:7px 7px 0 #ed224b!important}.magazine-masthead{min-height:75px;padding:.6rem}.magazine-issue span,.magazine-issue small{display:none}.magazine-issue strong{font-size:1.15rem}.landing-page .magazine-copy h1{font-size:clamp(3rem,14vw,4.15rem);line-height:.88}.magazine-copy .landing-actions{display:grid}.magazine-copy .landing-actions a{width:100%}.magazine-copy .landing-search{grid-template-columns:38px 1fr}.magazine-copy .landing-search button{grid-column:1/-1}.magazine-cover{min-height:470px}.magazine-silhouette{transform:scale(.8);transform-origin:bottom}.magazine-coverline strong{font-size:2.25rem}.magazine-ticker{justify-content:flex-start}.magazine-ticker span:nth-child(even){display:none}}

/* Midnight Issue — dark landing palette aligned with the MangaBerri reader. */
.landing-page{background:#060810;color:#f6edd8}
.landing-shell{background:radial-gradient(circle at 78% 18%,#376dff20,transparent 31rem),linear-gradient(145deg,#060810,#0c101b 60%,#080a10);color:#f6edd8}
.landing-shell:before{opacity:.18;background-image:radial-gradient(#fff 1px,transparent 1px)}
.landing-page .magazine-hero{background:#111521;border-color:#c9d0e0!important;box-shadow:16px 16px 0 #ed224b!important}
.magazine-copy{background:linear-gradient(120deg,#111521 0 86%,transparent 86%)}
.magazine-copy .landing-kicker{color:#c9d0e0}
.landing-page .magazine-copy h1{color:#f6edd8;text-shadow:4px 4px 0 #05060a}
.magazine-copy .landing-lead{color:#b9c0d0}
.magazine-copy .landing-actions a{color:#f6edd8}
.magazine-copy .landing-browse{border-color:#c9d0e0;background:#171c29;color:#f6edd8}
.magazine-copy .landing-browse:hover,.magazine-copy .landing-browse:focus-visible{background:#222a3b;color:#fff}
.magazine-copy .landing-search{border-color:#c9d0e0;background:#0a0d15}
.magazine-copy .landing-search input{background:#0a0d15;color:#f6edd8}
.magazine-copy .landing-search input::placeholder{color:#7f889d}
.magazine-copy .share-links strong{color:#f6edd8}
.magazine-copy .share-links a{border-color:#5a6479;color:#dbe1ee;background:#0a0d15}
.landing-footer{color:#929bad;border-color:#343c50}
.landing-footer a{color:#dbe1ee}
@media(max-width:52rem){.magazine-copy{background:#111521}}