/* V11: continuous scene composition. Functional content has a stable reading layer. */
.homepage-v7{--cinema-paper:#f6f7f4;--cinema-ink:#18282e;--cinema-blue:#247c97;--cinema-soft:#dcebef;background:var(--cinema-paper)}
[data-theme=dark] .homepage-v7{--cinema-paper:#171b1b;--cinema-ink:#edf2ef;--cinema-blue:#9ed3df;--cinema-soft:#243a40}
.homepage-v7 .listening-edition{max-width:none;padding:0;overflow:clip}
.homepage-v7 .home-header{height:76px;background:var(--cinema-paper);border-color:color-mix(in srgb,var(--ink) 14%,transparent)}
.home-header-inner{max-width:1600px;padding-inline:4vw}.home-brand img{width:105px;height:58px}.home-nav a{min-height:76px}.home-progress{height:2px}
.home-utilities .home-guide-button{font-weight:500}.home-guide-button>span{color:var(--cinema-blue)}
.edition-masthead{display:none}
.daily-cinema-scroll{--travel:1;--approach:1;position:relative;background:var(--cinema-paper);isolation:isolate}
.daily-cinema-stage{position:relative;min-height:660px;max-width:1600px;margin:auto;padding:42px 4vw 58px;isolation:isolate}
.daily-cinema-content{position:relative;width:46%;max-width:650px;z-index:2}
.daily-cinema-content .d10-heading{display:flex;align-items:flex-start;gap:14px;padding:0 0 24px}
.daily-cinema-content .d10-heading>div{display:block}.daily-overline{font-size:16px;color:var(--muted);margin:0 0 16px;line-height:1.4}
.daily-cinema-content h1{margin:0;line-height:1;letter-spacing:-.07em;font-weight:550}
.daily-cinema-content .d10-heading #d10-heading{font-size:clamp(64px,7.1vw,104px);line-height:1;letter-spacing:-.07em;font-weight:550;white-space:nowrap}
.daily-cinema-content .d10-archive-link{position:absolute;right:0;top:0;font-size:16px;gap:7px;min-height:24px}
.daily-cinema-content .d10-cover{min-height:0;background:transparent;color:var(--ink);border:0;border-radius:0;padding:17px 0 0;overflow:visible;isolation:auto}
.daily-cinema-content .d10-brand-wave,.daily-cinema-content .d10-cover-baseline{display:none}
.daily-cinema-content .d10-cover-top{justify-content:flex-start;gap:22px;color:var(--muted)}
.daily-cinema-content .d10-cover-top p{font-size:16px}.daily-cinema-content .d10-cover-copy{padding-top:20px}
.daily-cinema-content .d10-cover-copy>time{font-size:16px;margin:0 0 16px;color:var(--muted)}
.daily-cinema-content .d10-cover h2{font:400 clamp(36px,4.05vw,59px)/1.08 Georgia,serif;letter-spacing:-.045em;max-width:16ch;text-wrap:balance;padding:0}
.daily-cinema-content .d10-cover[data-long-title=true] h2{font-size:clamp(31px,3.4vw,46px);max-width:24ch}
.daily-cinema-content .d10-caption{padding:20px 0 0}.daily-cinema-content .d10-caption>p{font:19px/1.5 Georgia,serif;max-width:43ch;margin-bottom:23px;color:var(--muted)}
.daily-cinema-content .d10-actions{gap:18px}.daily-cinema-content .d10-read{min-height:50px;padding-inline:24px}
.daily-cinema-content .d10-cover.has-photo:before{display:none}.daily-cinema-content .d10-photo{position:absolute;left:calc(100% + 8vw);top:-140px;width:45vw;max-width:680px;height:440px;object-fit:cover;border-radius:14px;z-index:0;box-shadow:0 25px 60px #12252e22}
.daily-cinema-art{position:absolute;inset:0 0 0 47%;z-index:0;pointer-events:none;perspective:1100px}
.daily-cinema-word{position:absolute;top:4%;left:0;font-size:clamp(100px,16vw,240px);line-height:1;font-weight:650;letter-spacing:-.075em;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--cinema-blue) 42%,transparent);transform:translateX(calc(var(--travel)*-60px));opacity:calc(1 - var(--travel)*.82)}
.daily-cinema-record{position:absolute;width:111%;max-width:1000px;left:-8%;top:10%;transform:translate3d(calc(var(--look-x,0)*14px + var(--travel)*-18px),calc(var(--look-y,0)*9px + var(--travel)*-35px),0) rotate(calc(-9deg + var(--travel)*14deg)) scale(calc(1.02 - var(--travel)*.14));transform-origin:55% 55%;filter:drop-shadow(0 28px 28px #0b202025)}
.daily-cinema-record>svg{width:100%;height:auto;overflow:visible}.daily-cinema-record .cinema-record-disc{transform-box:fill-box;transform-origin:center;transform:rotate(calc(var(--travel)*150deg))}.daily-cinema-record .cinema-record-arm{transform-box:fill-box;transform-origin:85% 10%;transform:rotate(calc(15deg - var(--travel)*15deg))}
.daily-cinema-orbit{position:absolute;width:69%;aspect-ratio:1;top:12%;left:13%;border:1px solid color-mix(in srgb,var(--cinema-blue) 20%,transparent);border-radius:50%;transform:scale(calc(.9 + var(--travel)*.28))}
.daily-cinema-orbit:before,.daily-cinema-orbit:after{content:'';position:absolute;border:1px solid color-mix(in srgb,var(--cinema-blue) 12%,transparent);border-radius:50%;inset:-20px}.daily-cinema-orbit:after{inset:-45px}
.daily-cinema-index{position:absolute;right:5vw;bottom:8%;display:flex;align-items:baseline;gap:15px;color:var(--cinema-blue);transform:translateY(calc(var(--travel)*-15px));opacity:calc(.5 + var(--travel)*.5)}
.daily-cinema-index span{font-size:16px}.daily-cinema-index strong{font-size:clamp(66px,7vw,105px);line-height:1;letter-spacing:-.07em;font-weight:400}
.daily-cinema-wave{position:absolute;left:-70%;right:0;bottom:-45%;height:100%;opacity:calc(var(--travel)*.25);transform:translateX(calc(90px - var(--travel)*90px)) scaleY(calc(.2 + var(--travel)*.8));z-index:-1}.daily-cinema-wave>svg{width:100%;height:100%}
.daily-cinema-scroll-cue{position:absolute;left:4vw;right:4vw;bottom:20px;display:flex;align-items:center;gap:15px;font-size:16px;color:var(--muted);opacity:calc(1 - var(--travel));pointer-events:none}
.daily-cinema-scroll-cue i{width:100%;height:1px;background:var(--line);margin-left:15px;transform-origin:left;transform:scaleX(calc(.25 + var(--travel)*.75))}
.cinema-enabled .daily-cinema-scroll{height:155svh;min-height:950px}.cinema-enabled .daily-cinema-stage{position:sticky;top:76px;height:calc(100svh - 76px);min-height:620px}
.cinema-enabled .daily-cinema-content .d10-heading h1{transform:translateY(calc(var(--travel)*-5px));transform-origin:left top}
.cinema-enabled .daily-cinema-record>svg{animation:record-arrival 1.7s cubic-bezier(.16,1,.3,1) both}
.cinema-enabled .daily-cinema-word{animation:word-arrival 1.2s cubic-bezier(.16,1,.3,1) both}
.cinema-enabled .daily-cinema-content .d10-heading{animation:copy-arrival 1s .1s both}
.cinema-enabled .daily-cinema-content .d10-edition{animation:copy-arrival 1s .25s both}
.cinema-replay .daily-cinema-record>svg{animation-name:record-replay}.cinema-replay .daily-cinema-word{animation-name:word-replay}
@keyframes record-arrival{from{opacity:0;transform:translateY(120px) rotate(-28deg) scale(.82)}to{opacity:1;transform:none}}
@keyframes record-replay{from{opacity:0;transform:translateY(120px) rotate(-28deg) scale(.82)}to{opacity:1;transform:none}}
@keyframes word-arrival{from{clip-path:inset(0 100% 0 0);letter-spacing:-.16em}to{clip-path:inset(0);letter-spacing:-.075em}}
@keyframes word-replay{from{clip-path:inset(0 100% 0 0);letter-spacing:-.16em}to{clip-path:inset(0);letter-spacing:-.075em}}
@keyframes copy-arrival{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.edition-opening{display:block;padding:0;border:0}.edition-also{max-width:1440px;margin:28px 4vw 0;padding:24px 0 36px;display:grid;grid-template-columns:1fr 1fr .7fr;gap:30px;border:0;border-top:1px solid var(--line)}
.edition-also .also-heading{display:none}.edition-also>a{border:0;padding:0;margin:0;min-width:0}.edition-also .also-art,.edition-also .also-film-art{float:left;width:120px;height:90px;aspect-ratio:auto;margin:0 18px 0 0;border-radius:5px;overflow:hidden}.edition-also .also-art img,.edition-also .also-film-art img{height:100%;width:100%;object-fit:cover}.edition-also .also-play{width:29px;height:29px;font-size:12px;left:8px;bottom:8px}.edition-also .also-duration{display:none}.edition-also .also-type{font-size:16px;margin:0 0 8px}.edition-also .also-type svg{display:none}.edition-also .also-review h2,.edition-also .also-film>strong{font-size:20px;line-height:1.24;letter-spacing:-.035em;margin:0;display:block}.edition-also .also-link{font-size:16px;margin-top:10px}.edition-also .also-film>strong br{display:none}.edition-also .also-archive{justify-content:center;border-left:1px solid var(--line);padding-left:28px}.also-archive strong{font-size:20px!important}
.home-journal-wrap{padding:0 4vw}.homepage-v7 .home-community,.homepage-v7 .home-relationships,.homepage-v7 .home-colophon{margin-inline:4vw;max-width:1440px}.homepage-v7 .home-about{margin:0;padding-inline:4vw}
.home-community{position:relative;isolation:isolate}.community-cinema-line{position:absolute;inset:20px 0 auto auto;width:50%;height:120px;overflow:hidden;pointer-events:none;color:var(--cinema-blue);opacity:.25;z-index:-1}.community-cinema-line svg{width:100%;height:100%;transform:scaleX(calc(.15 + var(--approach,1)*.85));transform-origin:left}
.cinema-enabled .community-symbol{transform:rotate(calc(-16deg + var(--approach,1)*16deg)) scale(calc(.7 + var(--approach,1)*.3))}
.home-about .about-art{right:-8%;bottom:-20%;width:75%;opacity:.18;transform:translateX(calc(100px - var(--approach,1)*100px)) rotate(calc(-14deg + var(--approach,1)*14deg))}.home-about .about-copy h2{background:linear-gradient(90deg,currentColor calc(var(--approach,1)*100%),color-mix(in srgb,currentColor 25%,transparent) calc(var(--approach,1)*100%));background-clip:text;-webkit-background-clip:text;color:transparent;--about-text:#19333d;background-image:linear-gradient(90deg,var(--about-text) calc(var(--approach,1)*100%),#72939c66 calc(var(--approach,1)*100%))}[data-theme=dark] .home-about .about-copy h2{--about-text:#edf5f3}
.home-relationships .relationship-name{position:relative}.home-relationships .relationship-name:after{content:'';height:2px;background:var(--cinema-blue);position:absolute;left:0;right:0;bottom:-1px;transform-origin:left;transform:scaleX(var(--approach,1))}
.home-colophon button[data-cinema-replay]{color:var(--accent)}
.homepage-v7 .home-motion [data-reveal].reveal-pending{opacity:1;transform:none}
body:not(.cinema-enabled) .daily-cinema-scroll-cue{display:none}body:not(.cinema-enabled) .daily-cinema-word{opacity:.2}
@media(min-width:1600px){.daily-cinema-stage{padding-inline:64px}.edition-also{margin-inline:auto}.home-journal-wrap{max-width:1568px;margin:auto}}
@media(max-width:1100px){.daily-cinema-content{width:50%}.daily-cinema-art{left:44%}.daily-cinema-content .d10-archive-link{position:static;min-height:44px}.daily-cinema-content .d10-heading{display:block}.daily-cinema-content .d10-heading>div{margin-bottom:6px}.daily-cinema-content .d10-heading #d10-heading{font-size:72px}.daily-cinema-stage{padding-top:27px}.daily-cinema-content .d10-caption>p{font-size:18px}.edition-also .also-art,.edition-also .also-film-art{width:90px;height:76px}.edition-also{gap:20px}.daily-cinema-content .d10-cover-copy{padding-top:12px}.daily-cinema-content .d10-heading{padding-bottom:6px}}
@media(max-height:760px) and (min-width:701px){.daily-cinema-stage{padding-top:26px}.daily-cinema-content .d10-heading #d10-heading{font-size:72px}.daily-cinema-content .d10-heading{padding-bottom:15px}.daily-cinema-content .d10-cover-copy>time{margin-bottom:10px}.daily-cinema-content .d10-cover h2{font-size:46px}.daily-cinema-content .d10-caption{padding-top:14px}.daily-cinema-content .d10-caption>p{font-size:18px;margin-bottom:18px}.daily-cinema-content .d10-cover-copy{padding-top:14px}}
@media(max-width:700px){.homepage-v7 .home-header{height:68px}.home-header-inner{padding-inline:20px;gap:15px}.home-brand img{width:78px;height:51px}.home-utilities{gap:17px}.daily-cinema-stage{min-height:0;padding:27px 22px 45px;display:flex;flex-direction:column}.daily-cinema-content{width:100%;max-width:none}.daily-cinema-content .d10-heading{padding-bottom:0;display:flex;align-items:center}.daily-cinema-content .d10-heading #d10-heading{font-size:62px}.daily-overline{margin-bottom:12px;font-size:16px}.daily-cinema-content .d10-heading>div{margin:0}.daily-cinema-content .d10-archive-link{align-self:end;font-size:16px;max-width:85px;white-space:normal;line-height:1.3;margin-bottom:3px}.daily-cinema-art{position:relative;inset:auto;order:-1;height:265px;margin:106px -22px -6px;overflow:visible}.daily-cinema-content .d10-heading{position:absolute;left:0;right:0;top:-371px}.daily-cinema-word{top:-3%;left:4%;font-size:100px;opacity:.4}.daily-cinema-record{left:1%;top:-20%;width:105%;height:auto}.daily-cinema-orbit{width:63%;top:-4%;left:20%}.daily-cinema-index{right:22px;bottom:0}.daily-cinema-index strong{font-size:55px}.daily-cinema-index span{font-size:16px}.daily-cinema-wave{left:-25%;bottom:-25%;opacity:calc(var(--approach,1)*.13)}.daily-cinema-content .d10-cover{padding-top:22px}.daily-cinema-content .d10-cover h2{font-size:42px;max-width:20ch}.daily-cinema-content .d10-cover-copy>time{margin-bottom:15px}.daily-cinema-content .d10-caption>p{font-size:19px;max-width:none}.daily-cinema-scroll-cue{display:none}.cinema-enabled .daily-cinema-scroll{height:auto;min-height:0}.cinema-enabled .daily-cinema-stage{position:relative;top:auto;height:auto;min-height:0}.cinema-enabled .daily-cinema-record{transform:translateY(calc(var(--scene)*-30px)) rotate(calc(-9deg + var(--scene)*40deg)) scale(.95)}.cinema-enabled .daily-cinema-record .cinema-record-disc{transform:rotate(calc(var(--scene)*300deg))}.daily-cinema-content .d10-photo{left:0;top:-281px;width:100%;height:249px;max-width:none}.edition-also{margin:25px 22px 0;display:grid;grid-template-columns:1fr 1fr;gap:25px 20px;padding-bottom:15px}.edition-also .also-art,.edition-also .also-film-art{float:none;width:100%;height:auto;aspect-ratio:16/10;margin:0 0 13px}.edition-also .also-type{line-height:1.3}.edition-also .also-review h2,.edition-also .also-film>strong{font-size:22px}.edition-also .also-archive{grid-column:1/-1;display:flex;flex-direction:row;justify-content:space-between;padding:20px 0 0;border:0;border-top:1px solid var(--line)}.home-journal-wrap{padding:0 22px}.homepage-v7 .home-community,.homepage-v7 .home-relationships,.homepage-v7 .home-colophon{margin-inline:22px}.homepage-v7 .home-about{padding-inline:22px}.home-colophon{flex-wrap:wrap}.home-colophon>div{gap:18px}.home-about .about-art{width:150%;right:-40%}.community-cinema-line{width:70%;top:5px}.home-colophon button{min-height:44px}}
@media(max-width:360px){.home-header-inner{padding-inline:15px}.home-utilities{gap:8px}.daily-cinema-content .d10-heading #d10-heading{font-size:54px}.daily-cinema-content .d10-heading{top:-348px}.daily-cinema-art{height:242px}.daily-cinema-content .d10-cover h2{font-size:36px}.daily-cinema-content .d10-photo{top:-258px;height:225px}}
@media(prefers-reduced-motion:reduce){.daily-cinema-scroll{height:auto!important;min-height:0!important}.daily-cinema-stage{position:relative!important;top:0!important;height:auto!important}.daily-cinema-record,.daily-cinema-word,.daily-cinema-record svg,.community-symbol{animation:none!important;transform:none!important}.daily-cinema-scroll-cue{display:none}}
/* SVG pivots are expressed in the shared 900×700 drawing coordinates. */
.daily-cinema-record .cinema-record-disc,.daily-cinema-record .cinema-record-arm,.jc-object .cinema-record-disc,.jc-object .cinema-record-arm{transform-box:view-box}
.daily-cinema-scroll-cue>span:first-child{white-space:nowrap}
/* Keep original account and reader controls above all purely visual layers. */
.homepage-v7 .d10{container-type:normal}
.homepage-v7 .hc11{padding-inline:4vw;margin:0}
.homepage-v7 .hc11 .hc-heading,.homepage-v7 .hc11 .hc-browser{max-width:1440px;margin-inline:auto}
.homepage-v7 .hc11-reel{max-width:1440px;margin-inline:auto}
@media(max-width:700px){.homepage-v7 .hc11{padding-inline:22px}}
/* Uploaded editorial photography uses the same permanent motion frame. */
.cinema-enabled .daily-cinema-content .d10-photo{transform:perspective(1000px) rotateY(calc(-12deg + var(--travel)*12deg)) rotate(calc(-3deg + var(--travel)*3deg)) scale(calc(.9 + var(--travel)*.1));clip-path:inset(calc(6% - var(--travel)*6%) calc(8% - var(--travel)*8%) round 12px);transform-origin:center;animation:daily-photo-arrive 1.35s cubic-bezier(.16,1,.3,1) both}
@keyframes daily-photo-arrive{from{opacity:0;translate:0 65px}to{opacity:1;translate:0 0}}
@media(max-width:700px){.cinema-enabled .daily-cinema-content .d10-photo{transform:rotate(calc(-3deg + var(--scene)*6deg)) scale(calc(.95 + var(--scene)*.05));clip-path:inset(0 round 10px)}}
@media(prefers-reduced-motion:reduce){.cinema-enabled .daily-cinema-content .d10-photo{transform:none;clip-path:none;animation:none}}
/* Phone reading order is structural: heading, visual, note. No overlapping title. */
@media(max-width:700px){.daily-cinema-content{display:contents}.daily-cinema-content .d10-heading{position:relative;left:auto;right:auto;top:auto;order:-2;margin-bottom:10px}.daily-cinema-art{order:-1;margin:0 -22px 0;height:265px}.daily-cinema-record{top:-10%}.daily-cinema-content .d10-edition{order:0}.daily-cinema-word{top:0}.daily-cinema-content .d10-cover{padding-top:22px}}
@media(max-width:360px){.daily-cinema-art{height:242px}.daily-cinema-record{top:-9%}}
/* The reading layer remains readable throughout the entrance. */
@keyframes copy-arrival{from{opacity:1;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:700px){body:not(.cinema-enabled) .daily-cinema-record{transform:rotate(-3deg) scale(.95)}body:not(.cinema-enabled) .daily-cinema-wave{opacity:.1}}
/* Portrait tablets keep the text and physical object in separate columns. */
@media(min-width:701px) and (max-width:1100px){.daily-cinema-content{width:46%}.daily-cinema-art{left:53%}.daily-cinema-record{left:-2%;width:106%}.cinema-enabled .daily-cinema-stage{height:min(760px,calc(100svh - 76px));min-height:620px}.cinema-enabled .daily-cinema-scroll{height:calc(min(100svh,836px) + 400px);min-height:1020px}.daily-cinema-content .d10-photo{left:calc(100% + 5vw);width:43vw;height:350px;top:-80px}}
@media(min-width:701px) and (max-height:650px){.cinema-enabled .daily-cinema-scroll{height:auto;min-height:0}.cinema-enabled .daily-cinema-stage{position:relative;top:auto;height:auto;min-height:620px}.daily-cinema-scroll-cue{display:none}}