.mobile-landing{display:none}
@media(max-width:650px){
 body{display:block;min-height:100svh;background:#000}
 .landing>.landing-title,.landing>img,.landing>.link{display:none}
 .mobile-landing{display:block;padding:28px 20px 0;color:#fff}
 .mobile-landing-header{text-align:center;margin:0 0 30px}
 .mobile-landing-header h1{margin:0 0 12px;color:#ec3583;font:700 clamp(46px,13vw,72px)/.95 'Caveat',cursive;text-transform:uppercase;-webkit-text-stroke:.5px #fff;letter-spacing:.02em}
 .mobile-landing-header p{max-width:340px;margin:0 auto;font:400 22px/1.25 'Caveat',cursive;color:#fff}
 .mobile-category-list{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
 .mobile-category{display:block;position:relative;container-type:inline-size;overflow:hidden;isolation:isolate;background:#000;border:2px solid #ddc5b6;color:#fff;text-decoration:none;box-shadow:0 0 0 2px #ddc5b633;min-width:0}
 .mobile-category:focus-visible,.mobile-archive:focus-visible{outline:3px solid #ff2484;outline-offset:5px}
 .mobile-photo{position:relative;aspect-ratio:3/1;background-image:url('kk-landing.jpg');background-repeat:no-repeat;background-size:var(--atlas-size) auto;background-position:var(--atlas-x) var(--atlas-y)}
 .mobile-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,#000)}
 .mobile-diary{--atlas-size:208cqw;--atlas-x:-15cqw;--atlas-y:-29cqw}
 .mobile-voice{--atlas-size:384cqw;--atlas-x:-270cqw;--atlas-y:-54cqw}
 .mobile-extras{--atlas-size:384cqw;--atlas-x:-270cqw;--atlas-y:-104cqw}
 .mobile-category-copy{position:relative;min-height:142px;padding:12px 16px 42px;background:#000}
 .mobile-tape{display:inline-block;margin:-23px 0 8px;position:relative;background:#f3b9cf;color:#1c1015;padding:3px 12px;font:700 21px/1.2 'Caveat',cursive;text-transform:uppercase;transform:rotate(-3deg)}
 .mobile-category h2{margin:0 0 7px;font:400 clamp(24px,6.7vw,34px)/1.15 Georgia,serif;text-transform:uppercase;text-wrap:balance;color:#fff}
 .mobile-category p{margin:0;color:#f49abd;font:500 12px/1.4 Arial,sans-serif;text-transform:uppercase;letter-spacing:2px}
 .mobile-view{position:absolute;right:16px;bottom:10px;color:#ec3583;font:700 25px/1.2 'Caveat',cursive}
 .mobile-archive{display:block;border:1px solid #ec3583;margin:28px 0 10px;padding:16px 10px;color:#ec3583;text-align:center;text-decoration:none;font:600 12px/1.5 Arial,sans-serif;letter-spacing:1.6px;text-transform:uppercase;min-height:48px}
 .landing-footer{padding-top:8px}
}