@font-face{font-family:Dubai;src:url(assets/DubaiW23-Regular.woff2)}@font-face{font-family:Dubai;src:url(assets/DubaiW23-Bold.woff2);font-weight:700}body.journal-page{margin:0;background:#0b120e;color:#efece2;font-family:Dubai,sans-serif}.journal-page :is(h1,h2,h3,p,button,a,pre){font-family:inherit}.draft{padding:9px 24px;background:#39283f;color:#f2deb6;text-align:center;font-size:12px;letter-spacing:.08em}.draft a{margin-left:24px}.brand{display:flex;justify-content:space-between;align-items:center;padding-block:35px;border-bottom:1px solid #aed39b30}.brand img{width:180px}.brand span{font-size:12px;letter-spacing:.2em}.journal-article-header h1{font-size:clamp(48px,7vw,88px);font-weight:700;margin:16px 0}.journal-article-header{padding:50px 0 40px}.journal-deck{font-size:21px;line-height:1.5;max-width:700px}.review-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:15px 0}.review-tools>span{font-size:13px;color:#b9c8b1;margin-right:auto}.review-tools button{border:1px solid #a4ba8e60;border-radius:24px;padding:10px 20px;background:#142218;color:#efece2;cursor:pointer}.review-tools button[aria-pressed=true]{background:#b9d7a3;color:#102015}.journal-exhibit{background:radial-gradient(ellipse at 50% 30%,#30273a,#16151c 58%,#0b120e);border:1px solid #ffffff12;border-radius:10px}.journal-pressings{padding-top:10px}.journal-pressing{appearance:none;border:1px solid transparent;border-radius:9px;background:transparent;color:inherit;padding:12px 8px;cursor:pointer;text-align:left}.journal-pressing[aria-pressed=true]{border-color:#b9d7a370;background:#b9d7a30b}.journal-record img{width:33%;aspect-ratio:1;border-radius:50%}.journal-pressing strong{display:block;margin-top:16px}.journal-pressing small{display:block;color:#abb99c;font-size:10px}.journal-body{font-size:19px;line-height:1.8;max-width:760px}.journal-body h2{font-size:34px}.journal-body blockquote{font-size:36px;line-height:1.3}.draft-cta{border-top:1px solid #abc69730;padding-top:24px;font-size:14px;color:#b4c4ab}.review-section{padding:55px 0;border-top:1px solid #a4ba8e30}.review-section h2{font-size:36px}.review-section p{max-width:80ch;line-height:1.7}.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px}.social-grid img{width:100%;height:auto}.social-grid pre{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;font-size:17px}.cobweb{width:200px;border-radius:12px;float:left;margin:0 24px 20px 0}dialog{width:min(720px,calc(100vw - 32px));max-height:94dvh;border:1px solid #a4ba8e70;background:#0d1b13;color:#efece2;border-radius:26px;padding:26px;text-align:center;box-sizing:border-box;overflow:auto}dialog::backdrop{background:#030906dd}dialog form{text-align:right}dialog .close{background:none;border:1px solid #a4ba8e60;color:#d5e3c8;border-radius:30px;padding:8px 18px;cursor:pointer}dialog img{display:block;width:min(100%,540px);aspect-ratio:1;border-radius:50%;margin:0 auto}dialog h2{margin:5px 0 15px;font-size:30px}dialog p:last-child{font-size:12px;color:#aec29d}@media(max-width:640px){.draft{font-size:9px;padding:8px}.draft a{margin-left:12px}.brand{padding-block:25px}.brand img{width:140px}.brand span{font-size:9px}.journal-deck{font-size:17px}.review-tools{gap:7px}.review-tools>span{width:100%}.review-tools button{padding:9px 12px;font-size:12px}.journal-exhibit{aspect-ratio:1.5}.journal-exhibit-caption{font-size:8px}.journal-pressings{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.journal-pressing{padding:9px 6px}.journal-pressing strong{font-size:13px;margin-top:8px}.journal-pressing small{font-size:8px}.journal-body{font-size:17px}.journal-body h2{font-size:29px}.journal-body blockquote{font-size:29px}.social-grid{grid-template-columns:1fr}.cobweb{float:none}.journal-button{white-space:normal;text-align:center}.journal-pressing-heading{align-items:start}dialog{padding:17px}dialog h2{font-size:25px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}} 

dialog img{width:min(100%,480px,60dvh)}dialog .journal-kicker{margin:12px 0 4px}

[data-inspection]{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;}

.format-picker{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 18px}.format-picker button{border:1px solid #a4ba8e60;border-radius:24px;padding:10px 18px;background:#142218;color:#efece2;cursor:pointer}.format-picker button[aria-pressed=true]{background:#b9d7a3;color:#102015}.format-picker button:disabled{opacity:.6;cursor:wait}[hidden]{display:none!important}@media(max-width:640px){.format-picker button{padding:9px 14px;font-size:13px}}

.journal-exhibit [data-apple-cartridge]:focus-visible{outline:2px solid #b9d7a3;outline-offset:3px}.journal-exhibit [data-apple-cartridge]{box-shadow:none!important;min-width:0!important;min-height:0!important;}

.journal-exhibit [data-motion]{max-width:calc(100% - 32px);white-space:normal;line-height:1.3;text-align:center;}

/* Keep the listening surface quiet; the full Journal continues below. */
.journal-exhibit-caption{justify-content:flex-end;pointer-events:none}
.journal-exhibit-caption button{pointer-events:auto}
.journal-pressing-heading{margin:24px 0 18px}
.label-link{flex-shrink:0;min-height:44px;padding:10px 0;border:0;background:transparent;color:#bbd7a6;font:inherit;font-size:13px;cursor:pointer;text-underline-offset:4px}
.label-link:hover{text-decoration:underline}
.label-link:focus-visible{outline:2px solid #b9d7a3;outline-offset:4px;border-radius:3px}
.deck-status:not(.is-notice){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.deck-status.is-notice,[data-audio-status]{margin:12px 0;font-size:14px;color:#c4d0ba}
@media(max-width:640px){.journal-pressing-heading{flex-direction:row;align-items:center;gap:14px}.journal-pressing-heading p:not(.journal-kicker){min-height:0}.journal-pressing-heading h2{font-size:26px}.label-link{font-size:12px}.journal-exhibit-caption{justify-content:center}.journal-exhibit [data-motion]{max-width:100%}}

/* Soundtrack identity stays with the deck; handling uses the Playground flight. */
.journal-exhibit-caption{justify-content:space-between;gap:18px;letter-spacing:normal}
.soundtrack-detail p{margin:0;color:#b9c8b1;font-size:13px;line-height:1.5}
.soundtrack-detail .journal-kicker{margin-bottom:4px;color:#b9d7a3;font-size:11px;letter-spacing:.12em}
.pg-flight{position:fixed;inset:0;z-index:2999;pointer-events:none}
@media(max-width:640px){.journal-exhibit{aspect-ratio:1.12}.journal-exhibit-caption{flex-direction:column;align-items:center;gap:8px;text-align:center;bottom:10px}.soundtrack-detail p{font-size:11px}.soundtrack-detail .journal-kicker{font-size:9px}.journal-exhibit [data-motion]{min-height:40px}}

/* Journal-specific layout outranks the shared stylesheet loaded afterwards.
   The fixed drawing area never depends on caption, transport or browser height. */
.witching-hour-exhibit .journal-exhibit{aspect-ratio:auto;overflow:hidden}
.witching-hour-exhibit .witching-deck-viewport{position:relative;width:100%;aspect-ratio:920/452;min-width:0;isolation:isolate}
.witching-hour-exhibit .journal-exhibit .deck-stage{position:absolute;inset:0;width:100%;height:100%;margin:0}
.witching-hour-exhibit .journal-exhibit-caption{position:relative;inset:auto;display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0;padding:18px 24px 22px;letter-spacing:normal}
.witching-hour-exhibit .soundtrack-detail{min-width:0}
.witching-hour-exhibit .soundtrack-detail p{margin:0;font-size:13px;line-height:1.5}
.witching-hour-exhibit .soundtrack-detail .journal-kicker{margin-bottom:4px;font-size:11px}
.witching-hour-exhibit .journal-exhibit [data-motion]{flex-shrink:0;max-width:100%;min-height:44px;font-size:12px}
.witching-hour-exhibit .journal-pressing-heading{display:flex;flex-direction:row;align-items:center;gap:18px;margin:24px 0 18px}
.witching-hour-exhibit .journal-pressing-heading>div{min-width:0}
.witching-hour-exhibit .journal-pressing-heading p:not(.journal-kicker){min-height:0}
@media(max-width:640px){
 .witching-hour-exhibit .journal-exhibit-caption{flex-direction:column;align-items:stretch;gap:12px;padding:12px 16px 16px;text-align:left}
 .witching-hour-exhibit .soundtrack-detail p{font-size:12px}
 .witching-hour-exhibit .soundtrack-detail .journal-kicker{font-size:10px;letter-spacing:.1em}
 .witching-hour-exhibit .journal-exhibit [data-motion]{align-self:flex-start;font-size:12px}
 .witching-hour-exhibit .journal-pressing-heading{gap:12px;align-items:flex-start}
 .witching-hour-exhibit .journal-pressing-heading h2{font-size:26px}
 .witching-hour-exhibit .label-link{font-size:12px;margin-top:5px;white-space:nowrap}
}