.fara-hero--rotating .fara-hero__slides{display:grid;min-height:466px}
.fara-page .fara-hero--rotating .fara-hero__masthead{font-size:clamp(70px,11.5vw,184px)}
.fara-hero--rotating .fara-hero__feature{grid-area:1/1;min-height:466px;box-sizing:border-box}
.fara-hero--rotating [data-hero-slide][hidden]{display:grid!important;visibility:hidden;pointer-events:none}
.fara-hero--rotating .fara-hero__copy{animation:fara-enter .35s ease both}
.fara-page .fara-hero--rotating .fara-hero__copy h2{font-size:clamp(48px,6.5vw,96px);max-width:10ch;overflow-wrap:normal}
.fara-hero--rotating .fara-hero__lede{min-height:2.7em;max-width:32ch}
.fara-hero__world{font-size:13px;text-underline-offset:5px;text-decoration:underline;line-height:1.5}
.fara-hero__album-price{text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.fara-hero__controls{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--fara-rule);min-height:64px}
.fara-hero__controls[hidden]{display:none}
.fara-hero__choices{display:flex;gap:24px;align-self:stretch}
.fara-hero__controls button{background:transparent;color:var(--fara-muted);border:0;cursor:pointer;font:inherit;transition:color .18s ease;min-height:44px}
.fara-hero__choices button{position:relative;font-size:12px;font-weight:600;text-align:left;padding:12px 0;line-height:1.4}
.fara-hero__choices button span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;letter-spacing:.04em;margin-right:7px;opacity:.65}
.fara-hero__choices button[aria-current="true"]{color:var(--fara-accent)}
.fara-hero__choices button[aria-current="true"]:before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:currentColor}
.fara-hero__transport{display:flex;align-items:center;gap:7px;flex-shrink:0}
.fara-hero__transport [data-hero-rotation]{font:10px ui-monospace,SFMono-Regular,Menlo,monospace;margin-right:10px}
.fara-hero__transport [data-hero-next],.fara-hero__transport [data-hero-previous]{width:44px;font-size:22px}
.fara-hero__controls button:hover{color:var(--fara-paper)}
.fara-hero__controls button:focus-visible{outline:2px solid var(--fara-accent);outline-offset:4px}
.fara-hero__newsstand{justify-self:end;width:min(100%,380px);display:flex;justify-content:center;perspective:1000px;padding:6px 0}
.fara-hero__magazine{position:relative;display:block;width:280px;max-width:90%;aspect-ratio:1/1.414;container-type:inline-size;transform:rotateY(-8deg) rotateZ(2deg);transform-origin:50% 100%;color:#eef4f8;text-decoration:none;box-shadow:16px 20px 25px #0009;transition:transform .3s ease,box-shadow .3s ease}
.fara-hero__magazine--september{transform:rotateY(-8deg) rotateZ(-2deg)}
.fara-hero__paper{position:absolute;inset:3px -5px -3px 3px;background:repeating-linear-gradient(0deg,#b1bcc2 0 1px,#e6eae8 1px 2px);transform:skewY(1deg);box-shadow:2px 2px 3px #0008}
.fara-hero__spine{position:absolute;inset:0 auto 0 -6px;width:8px;writing-mode:vertical-rl;background:linear-gradient(90deg,#04080c,#38434e,#111822);font:5px/8px ui-monospace,monospace;letter-spacing:1px;text-align:center;color:#bfccd5}
.fara-hero__cover{position:absolute;inset:0;display:block;overflow:hidden;background:#080e16}
.fara-hero__cover:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border:1px solid #a7b6c32b;background:linear-gradient(90deg,#0009,transparent 2%,#d1e5ff20 3%,transparent 5%,transparent 91%,#fff1 96%,#0004),linear-gradient(118deg,transparent 35%,#ddeeff0d 48%,transparent 62%)}
.fara-hero__cover-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:48% 50%}
.fara-hero__magazine--september .fara-hero__cover-image{object-position:60% 45%}
.fara-hero__cover-ink{position:relative;z-index:1;height:100%;box-sizing:border-box;display:flex;flex-direction:column;padding:6%;background:linear-gradient(180deg,#040910bb,transparent 27%,#04091010 36%,#040910dd 73%,#040910f5)}
.fara-hero__cover-date{font:2.5cqw/1.5 ui-monospace,monospace;letter-spacing:.04em;text-transform:uppercase}
.fara-hero__cover-name{font:400 22cqw/.95 var(--fara-display);letter-spacing:-.025em;margin:3.5% 0 2.5%;white-space:nowrap}
.fara-hero__cover-strap{font:2.1cqw/1.5 ui-monospace,monospace;text-transform:uppercase;border-top:1px solid #c7d7e85c;padding-top:2.5%}
.fara-hero__cover-number{position:absolute;top:26%;right:6%;font:400 11cqw/1 var(--fara-display);border-top:1px solid #dbe3ea7a;padding-top:2%;text-shadow:0 2px 15px #000}
.fara-hero__cover-lead{display:flex;flex-direction:column;margin-top:auto;gap:3cqw;padding-top:28%}
.fara-hero__cover-lead strong{font:400 16cqw/.93 var(--fara-display);max-width:9ch;text-transform:uppercase;letter-spacing:-.02em}
.fara-hero__cover-lead>span{font:3.2cqw/1.4 var(--fara-body,Arial,sans-serif);max-width:24ch;color:#d9e2e9}
.fara-hero__cover-line{font:400 5cqw/1.1 var(--fara-display);margin-top:6%;padding-top:4%;border-top:1px solid #b8c7d463;text-transform:uppercase;max-width:100%}
.fara-hero__cover-footer{display:flex;justify-content:space-between;gap:8%;font:2.2cqw/1.5 ui-monospace,monospace;text-transform:uppercase;margin-top:6%;color:#b8c7d4}
.fara-hero__magazine:focus-visible{outline:2px solid var(--fara-accent);outline-offset:12px;transform:rotateY(0) rotateZ(0)}
@media(hover:hover) and (pointer:fine){.fara-hero__magazine:hover{transform:translateY(-6px) rotateY(0) rotateZ(0);box-shadow:16px 26px 30px #000a}}
@media(max-width:1100px){.fara-hero__choices{gap:16px}.fara-hero__choices button span{display:none}.fara-hero__controls{gap:14px}.fara-hero__newsstand{width:100%}.fara-hero__magazine{width:250px}}
@media(max-width:800px){.fara-hero__controls{flex-wrap:wrap;gap:0;padding-bottom:4px}.fara-hero__choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;width:100%;min-height:52px}.fara-hero__choices button{font-size:11px}.fara-hero__transport{width:100%;justify-content:flex-end}.fara-hero__transport [data-hero-rotation]{margin-right:auto}}
@media(max-width:600px){
 .fara-hero--rotating [data-hero-slide][hidden]{display:flex!important}
 .fara-hero--rotating .fara-hero__slides,.fara-hero--rotating .fara-hero__feature{min-height:0}
 .fara-hero--rotating .fara-hero__feature{justify-content:flex-end;gap:16px;padding-top:18px;padding-bottom:20px}
 .fara-page .fara-hero--rotating .fara-hero__masthead{font-size:16.5vw}
 .fara-page .fara-hero--rotating .fara-hero__copy h2{font-size:clamp(36px,10vw,48px);max-width:none}
 .fara-hero--rotating .fara-hero__lede{font-size:16px;min-height:2.7em;max-width:none;margin-bottom:14px}
 .fara-hero--rotating .fara-hero__sleeve{width:min(46vw,190px)}
 .fara-hero--rotating .fara-hero__buttons{margin-top:16px;gap:14px}
 .fara-hero--rotating .fara-button{padding:14px 18px;font-size:13px}
 .fara-hero__world{font-size:12px}
 .fara-hero__newsstand{width:100%;padding:5px 0}
 .fara-hero__magazine{width:min(34vw,140px)}
 .fara-hero__choices{gap:8px}
 .fara-hero__choices button{font-size:10px;max-width:none;padding:10px 0}
 .fara-hero--rotating .fara-hero__baseline{display:none}
}
@media(prefers-reduced-motion:reduce){.fara-hero--rotating .fara-hero__copy{animation:none}.fara-hero--rotating .fara-hero__sleeve{transition:none;transform:none!important}.fara-hero__magazine{transition:none}.fara-hero__magazine:hover{transform:rotateY(-8deg) rotateZ(2deg)}.fara-hero__magazine--september:hover{transform:rotateY(-8deg) rotateZ(-2deg)}}