/* Scoped to touch tablets, never desktop or phones. */
@media (orientation:portrait){
html.darr-tablet .pg-legacy-images>figure:not(.pg-legacy-concept) figcaption{width:min(100%,290px);margin:10px auto 0!important;text-align:center!important;font-size:13px!important;line-height:1.5!important;padding:0!important}
html.darr-tablet #darr-redesign .paganini-page .pg-music-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)!important;gap:26px!important;align-items:start}
html.darr-tablet #darr-redesign .paganini-page .pg-music-image{width:100%;margin:0!important;max-width:none!important}
html.darr-tablet #darr-redesign .paganini-page .pg-music-copy .cr-prose p{font-size:16px;line-height:1.65;margin-bottom:18px}
html.darr-tablet #darr-redesign .paganini-page .pg-music-copy .cr-prose .cr-pull{font-size:25px;line-height:1.25}
}
#crossroads-jerusalem .narrative-actions{display:none}
html.darr-tablet #darr-redesign .crossroads-page .cr-music{grid-template-columns:1.25fr 1fr;align-items:start;background:transparent;border:0;overflow:visible}
html.darr-tablet #darr-redesign .crossroads-page .cr-music-info{padding:14px 20px 0;justify-content:flex-start}
html.darr-tablet #darr-redesign .crossroads-page .cr-music-info h3{font-size:26px;margin:8px 0 10px}
html.darr-tablet #darr-redesign .crossroads-page #cr-song-description{font-size:14px;line-height:1.5;min-height:0}
html.darr-tablet #darr-redesign .crossroads-page #cr-song-player{height:166px;margin-top:8px}
html.darr-tablet #darr-redesign .crossroads-page #cr-song-player iframe{margin:0;height:166px}
html.darr-tablet #eterno-history{grid-template-rows:max-content max-content;grid-auto-rows:max-content;align-content:start}
html.darr-tablet #eterno-history>div{min-height: min-content}
html.darr-tablet #eterno-history .tablet-history-more{grid-template-rows:max-content;grid-auto-rows:max-content;margin-top:20px}
html.darr-tablet #darr-redesign .crossroads-page .cr-music-scene{height:auto;aspect-ratio:auto;min-height:0;align-self:start;background:transparent}
html.darr-tablet #darr-redesign .crossroads-page .cr-music-scene img{position:relative;inset:auto;display:block;width:100%;height:auto;object-position:center}
@media (orientation:landscape){
html.darr-tablet #darr-redesign .crossroads-page .cr-music-scene{aspect-ratio:2048/1170;overflow:hidden}
html.darr-tablet #darr-redesign .crossroads-page .cr-music-scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
}
html.darr-tablet{scroll-padding-bottom:145px}
html.darr-tablet .tablet-icon{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex:none}
html.darr-tablet .release-play .tablet-icon,html.darr-tablet .play-icon .tablet-icon{width:20px;height:20px}
html.darr-tablet #project-switcher.has-mini-player{bottom:24px!important;width:min(680px,calc(100vw - 80px));max-width:none}
html.darr-tablet #project-switcher .ps-dock{padding:6px;gap:7px}
html.darr-tablet #darr-mini .mp-title strong{font-size:18px}
html.darr-tablet .universe-rights{bottom:4px;font-size:10px;line-height:12px}
html.darr-tablet #world-loading{top:50%!important;bottom:auto!important;transform:translate(-50%,-50%)!important}
html.darr-tablet #universe-library{top:180px!important;bottom:125px!important;overflow-y:auto!important;overscroll-behavior:contain;padding-bottom:28px;-webkit-overflow-scrolling:touch}
html.darr-tablet #universe-library .td-singles{display:block;max-width:650px;margin:auto}
html.darr-tablet .td-single{display:grid;grid-template-columns:min(25svh,220px) minmax(0,1fr);gap:10px 24px;align-content:center}
html.darr-tablet .td-single .td-art{grid-column:1;grid-row:1/6;margin:0}
html.darr-tablet .td-single>:not(.td-art){grid-column:2;margin:0;align-self:center}
html.darr-tablet #universe-library .album-cover>img{max-height:28svh;object-fit:contain}
/* Fill the Aura album frame; contain exposed stretched texture edges in motion. */
html.darr-tablet #universe-library .album-cover>img[src*="eterno-aura-album"],html.darr-tablet #universe-library .album-cover>img[data-tablet-original*="eterno-aura-album"]{object-fit:cover;object-position:63% center}
html.darr-tablet #universe-library .album-cover h2{font-size:34px}
html.darr-tablet #universe-library .album-cover p{font-size:12px;line-height:1.55}
html.darr-tablet #universe-library .album-track-row{padding:6px 16px;min-height:44px;align-items:start}
html.darr-tablet #universe-library .album-track-number{display:flex;align-items:center;height:42px;line-height:1;margin:0}
html.darr-tablet #universe-library .album-tracks h3{font-size:15px}
html.darr-tablet .masthead{padding:22px 4vw}
html.darr-tablet .masthead .wordmark{font-size:26px}
html.darr-tablet .project-continuation,html.darr-tablet .eterno-history,html.darr-tablet .eterno-openair{top:105px;bottom:140px;overflow-y:auto!important;overscroll-behavior:contain;align-items:start;padding-bottom:36px;scroll-padding-bottom:36px;-webkit-overflow-scrolling:touch}
html.darr-tablet .eterno-history{left:6%;right:6%;gap:4vw;grid-template-columns:1fr 1fr}
html.darr-tablet .eterno-history>*,html.darr-tablet .narrative-inner{align-self:start;min-height:0}
html.darr-tablet .eterno-history figure{height:auto;align-self:start}
html.darr-tablet .eterno-history p:not(.eyebrow){font-size:15px;line-height:1.6}
html.darr-tablet .narrative-copy>p{font-size:14px;line-height:1.6}
html.darr-tablet .narrative-copy h2{font-size:32px}
html.darr-tablet #darr-redesign{padding-bottom:115px}
html.darr-tablet #darr-redesign .et-section,html.darr-tablet #darr-redesign .et-movement{scroll-margin-top:110px;scroll-margin-bottom:140px}
html.darr-tablet #darr-redesign .loving-page .lv-music{align-items:start;background:transparent;border:0;overflow:visible}
html.darr-tablet #darr-redesign .loving-page .lv-music-scene{background:transparent;align-self:start}
html.darr-tablet #darr-redesign .loving-page .lv-song-image{height:auto;aspect-ratio:auto;object-fit:contain;border-radius:10px}
html.darr-tablet .lv-music-info{padding:12px 20px 24px}
html.darr-tablet .lv-song-description{font-size:14px;line-height:1.55;margin-bottom:16px}
html.darr-tablet .lv-art-note{padding-bottom:24px}
@media(orientation:landscape){
html.darr-tablet .lobby-heading{top:50px}
html.darr-tablet .lobby-heading h1{font-size:48px}
html.darr-tablet .universe-categories{top:135px}
html.darr-tablet .world-selector{top:178px;bottom:auto;width:90%;gap:18px}
html.darr-tablet .world-tabs{gap:12px}
html.darr-tablet .world-tabs button{font-size:12px;min-height:36px}
html.darr-tablet .worlds{top:230px;bottom:190px;height:auto;--card-width:min(44vw,calc((100svh - 390px)*1.55));--card-step:calc(var(--card-width)*1.1)}
html.darr-tablet .world .world-meta{margin-top:12px}
html.darr-tablet .world-meta strong{font-size:27px}
html.darr-tablet .world-meta em{font-size:12px;line-height:1.4}
html.darr-tablet .lobby-footer{display:none}
html.darr-tablet .constellation{--pair-width:min(38vw,calc((100svh - 320px)*.85));--pair-gap:6vw}
html.darr-tablet .stage .constellation .story-panel{left:6%;top:105px;width:30%;max-height:calc((100svh - 260px)*.46);overflow:auto}
html.darr-tablet .story-panel h2{font-size:34px;margin:12px 0}
html.darr-tablet .story-panel>p:last-child{font-size:13px;line-height:1.6}
html.darr-tablet .stage .constellation .memory-panel{left:42%;top:105px;width:27%;height:calc((100svh - 260px)*.40)}
html.darr-tablet .stage .constellation .sound-panel{left:74%;top:105px;width:21%;padding-top:10px}
html.darr-tablet .sound-panel h3{font-size:29px;margin:12px 0}
html.darr-tablet .sound-panel p{font-size:12px;line-height:1.5}
html.darr-tablet .stage .constellation .live-panel,html.darr-tablet .stage .constellation .film-panel{top:calc(105px + (100svh - 250px)*.46);width:var(--pair-width);height:auto;aspect-ratio:16/9}
html.darr-tablet .stage .constellation .live-panel{left:calc(50% - var(--pair-width) - 3vw)}
html.darr-tablet .stage .constellation .film-panel{left:53%}
html.darr-tablet .constellation figcaption,html.darr-tablet .film-panel .photo-caption{font-size:10px;line-height:1.4;padding-top:8px}
html.darr-tablet .film-label{left:16px;bottom:16px}
html.darr-tablet .film-label strong{font-size:23px}
html.darr-tablet .nextgen-story-grid figure:nth-child(2),html.darr-tablet .nextgen-story-grid figure:nth-child(3){top:calc(105px + (100svh - 250px)*.46)!important}
html.darr-tablet .nextgen-story-grid figure:first-child{top:105px!important;width:min(27vw,36svh)!important}
}
@media(orientation:portrait){
html.darr-tablet #universe-library{left:6%!important;right:6%!important;top:240px!important}
html.darr-tablet .project-continuation,html.darr-tablet .eterno-history,html.darr-tablet .eterno-openair{bottom:145px}
}

html.darr-tablet .story-panel{text-shadow:0 2px 12px #080b12,0 0 24px #080b12}

/* v332: reserve the dock and captions before sizing any tablet photograph. */
html.darr-tablet{--tablet-dock-space:128px;--tablet-gallery-top:100px;--tablet-row:calc((100dvh - var(--tablet-dock-space) - 170px)/2)}
html.darr-tablet .project-continuation .narrative-inner{min-height:0;align-items:start;align-content:start}
html.darr-tablet .project-continuation .narrative-pictures{align-self:start}
html.darr-tablet .project-continuation,html.darr-tablet .eterno-history,html.darr-tablet .eterno-openair{bottom:var(--tablet-dock-space);scrollbar-gutter:stable;padding-bottom:28px}
html.darr-tablet .project-continuation .narrative-copy{padding-top:0}
html.darr-tablet .project-continuation .narrative-inner img{object-position:center top}
html.darr-tablet .about-continuation{top:100px;bottom:var(--tablet-dock-space);overflow-y:auto;overscroll-behavior:contain;padding-bottom:24px;pointer-events:auto;scrollbar-width:thin}
html.darr-tablet .about-continuation-copy h2{font-size:34px;line-height:1.1;margin:12px 0 18px}
html.darr-tablet .about-continuation-copy>p:not(.eyebrow){font-size:15px;line-height:1.55}
html.darr-tablet .about-life{align-items:start}
html.darr-tablet .about-life>figure{height:auto}
html.darr-tablet .about-life>figure img{height:calc(100dvh - var(--tablet-dock-space) - 165px);object-position:center top}
html.darr-tablet .about-studio{grid-template-rows:auto auto;gap:28px;align-content:start}
html.darr-tablet .about-studio-lead{align-items:start}
html.darr-tablet .about-studio-lead>figure{height:auto}
html.darr-tablet .about-studio-lead img{height:auto;max-height:270px;object-position:center top}
html.darr-tablet .about-studio-details{align-items:start}
html.darr-tablet .about-studio-details img{height:auto;object-position:center top}
html.darr-tablet .studio-process-copy h3{font-size:28px;line-height:1.1}
html.darr-tablet .studio-process-copy p{font-size:14px;line-height:1.55}
html.darr-tablet .eterno-history .history-portraits{height:auto;align-items:start}
html.darr-tablet .eterno-history .history-portraits img{height:auto;max-height:32dvh;object-position:center top}
html.darr-tablet .eterno-history .history-portraits>p{align-self:start;font-size:19px;margin-top:8px}
html.darr-tablet .eterno-history h2{font-size:34px}
html.darr-tablet .oa-copy h2{font-size:34px;margin:10px 0 18px}
html.darr-tablet .oa-copy p{font-size:15px;line-height:1.55}
html.darr-tablet .oa-gallery{align-self:start}
html.darr-tablet #universe-library{bottom:var(--tablet-dock-space)!important;align-items:start;justify-content:start}
html.darr-tablet .outro{top:110px;bottom:var(--tablet-dock-space);display:flex;flex-direction:column;justify-content:center;overflow:auto}
html.darr-tablet .outro h2{font-size:clamp(52px,7vw,90px);margin:18px 0}
html.darr-tablet .outro-actions{flex-wrap:wrap;gap:16px;margin-top:22px}
html.darr-tablet #darr-mini .mp-library{max-height:calc(100dvh - 155px);overflow-y:auto}
@media(orientation:landscape){
 html.darr-tablet #universe-lobby .worlds{top:225px;bottom:calc(var(--tablet-dock-space) + 115px);height:auto;--card-width:min(52vw,calc((100dvh - 340px - var(--tablet-dock-space))*1.77778));--card-step:calc(var(--card-width)*1.06)}
 html.darr-tablet #universe-lobby .world.is-selected,html.darr-tablet #universe-lobby .world.is-selected:hover,html.darr-tablet #universe-lobby .world.is-selected:focus-visible{transform:translate(-50%,-50%) scale(1)}
 html.darr-tablet #universe-lobby .world .world-meta{margin-top:12px}
 html.darr-tablet #universe-lobby .world-meta>span:first-child{gap:5px}
 html.darr-tablet #universe-lobby .world-meta strong{font-size:27px;line-height:1.08}
 html.darr-tablet #universe-lobby .world-meta em{font-size:13px;line-height:1.35}
 html.darr-tablet #universe-lobby .world-secondary-title{font-size:12px;margin:0}
 html.darr-tablet .constellation{--pair-width:min(39vw,calc((var(--tablet-row) - 28px)*1.77778));--pair-gap:5vw}
 html.darr-tablet .stage .constellation .story-panel{left:6%;top:var(--tablet-gallery-top);width:30%;max-width:none;max-height:var(--tablet-row);overflow-y:auto;pointer-events:auto;padding-right:8px}
 html.darr-tablet .stage .story-panel>p:last-child{max-width:none;font-size:14px;line-height:1.55}
 html.darr-tablet .stage .story-panel h2{font-size:32px;line-height:1.03;margin:12px 0}
 html.darr-tablet .stage .constellation .memory-panel{left:42%;top:var(--tablet-gallery-top);width:27%;height:calc(var(--tablet-row) - 36px)}
 html.darr-tablet .stage .memory-panel img{object-fit:contain;object-position:center top}
 html.darr-tablet .stage .constellation .sound-panel{top:var(--tablet-gallery-top);max-height:var(--tablet-row);overflow-y:auto}
 html.darr-tablet .stage .sound-panel h3{font-size:28px;margin:10px 0}
 html.darr-tablet .stage .sound-panel button{padding:12px 0}
 html.darr-tablet .stage .constellation .live-panel,html.darr-tablet .stage .constellation .film-panel{top:calc(var(--tablet-gallery-top) + var(--tablet-row) + 28px);width:var(--pair-width);height:calc(var(--pair-width)*.5625);aspect-ratio:16/9}
 html.darr-tablet .stage .constellation .live-panel{left:calc(50% - var(--pair-width) - 2.5vw)}
 html.darr-tablet .stage .constellation .film-panel{left:52.5%}
 html.darr-tablet .stage .live-panel img,html.darr-tablet .stage .film-panel img{object-fit:contain;object-position:center;background:transparent}
 html.darr-tablet .stage .constellation figcaption,html.darr-tablet .stage .film-panel .photo-caption{font-size:11px;line-height:1.4;letter-spacing:.06em;padding-top:10px;white-space:normal}
 html.darr-tablet .stage .nextgen-story-grid figure:first-child{top:var(--tablet-gallery-top)!important;left:42%!important;width:27%!important}
 html.darr-tablet .stage .nextgen-story-grid figure:first-child img{max-height:calc(var(--tablet-row) - 36px);object-fit:contain;object-position:center top}
 html.darr-tablet .stage .nextgen-story-grid figure:nth-child(2),html.darr-tablet .stage .nextgen-story-grid figure:nth-child(3){top:calc(var(--tablet-gallery-top) + var(--tablet-row) + 28px)!important;width:var(--pair-width)!important}
 html.darr-tablet .stage .nextgen-story-grid figure:nth-child(2){left:calc(50% - var(--pair-width) - 2.5vw)!important}
 html.darr-tablet .stage .nextgen-story-grid figure:nth-child(3){left:52.5%!important}
 html.darr-tablet .stage .nextgen-story-grid figcaption{font-size:11px;line-height:1.4;padding-top:10px}
 html.darr-tablet .stage .passage{bottom:calc(var(--tablet-dock-space) + 18px)}
 html.darr-tablet .stage .passage h2{font-size:clamp(44px,5.8vw,80px);margin:14px 0}
 html.darr-tablet body[data-project="next-gen-rock"] .stage .passage{bottom:auto;top:43%}
 html.darr-tablet body[data-project="next-gen-rock"] .stage .passage h2{font-size:clamp(34px,4vw,56px)}
 html.darr-tablet .stage .collision h2{font-size:clamp(44px,6vw,82px);margin:14px 0}
 html.darr-tablet body[data-project="next-gen-rock"] .stage .collision h2{font-size:clamp(32px,3.8vw,48px)}
 html.darr-tablet .stage .intro h1{font-size:clamp(54px,7vw,96px)}
 html.darr-tablet .stage .enter-scroll-hint{bottom:var(--tablet-dock-space)}
}

/* v333: Safari focus must never replace the carousel's placement transform. */
html.darr-tablet #universe-lobby .world:not(.is-selected),html.darr-tablet #universe-lobby .world:not(.is-selected):hover,html.darr-tablet #universe-lobby .world:not(.is-selected):focus-visible{transform:translate(calc(-50% + var(--slot)*var(--card-step)),-50%) scale(.68)}
html.darr-tablet #universe-library[hidden]{display:none!important}
html.darr-tablet #universe-library .album-cover{isolation:isolate}
html.darr-tablet body.selecting #journey{visibility:hidden}
html.darr-tablet .project-continuation,html.darr-tablet .eterno-history,html.darr-tablet .eterno-openair,html.darr-tablet .about-continuation{overflow-y:hidden!important}
html.darr-tablet .tablet-history-more{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:20px 36px;align-items:start}
html.darr-tablet .tablet-history-more .et-archive,html.darr-tablet .tablet-history-more .et-poet-context{margin-top:0}
html.darr-tablet .tablet-history-more .history-bridge{margin-top:0}
html.darr-tablet .tablet-history-more .history-source{align-self:center}
html.darr-tablet .eterno-history{row-gap:26px;align-content:start}
html.darr-tablet .eterno-history .history-portraits{margin:0}
@media(orientation:landscape){
 html.darr-tablet #universe-lobby .lobby-heading{top:42px}
 html.darr-tablet #universe-lobby .universe-categories{top:122px}
 html.darr-tablet #universe-lobby .world-selector{top:166px}
 html.darr-tablet #universe-lobby .worlds{top:210px;bottom:calc(var(--tablet-dock-space) + 82px);--card-width:min(58vw,calc((100dvh - 292px - var(--tablet-dock-space))*1.77778))}
 html.darr-tablet #universe-lobby .world-secondary-title{display:none}
 html.darr-tablet #universe-lobby .world-meta strong{font-size:26px}
 html.darr-tablet #universe-lobby .world .world-meta{margin-top:10px}
 html.darr-tablet #universe-library{top:185px!important}
 html.darr-tablet body[data-project="next-gen-rock"] .stage .passage{top:36%;left:5%;width:90%;bottom:auto}
 html.darr-tablet body[data-project="next-gen-rock"] .passage .eyebrow{display:none}
 html.darr-tablet body[data-project="next-gen-rock"] .stage .passage h2{font-size:clamp(30px,3.5vw,46px);line-height:1.04;margin:0 0 8px}
 html.darr-tablet body[data-project="next-gen-rock"] .passage>p:last-child{font-size:12px;line-height:1.4}
 html.darr-tablet body[data-project="next-gen-rock"] .stage .collision{top:90px;left:6%;width:35%;bottom:auto}
 html.darr-tablet body[data-project="next-gen-rock"] .collision .eyebrow{display:none}
 html.darr-tablet body[data-project="next-gen-rock"] .stage .collision h2{font-size:clamp(29px,2.8vw,38px);line-height:1.02;margin:0 0 10px}
 html.darr-tablet body[data-project="next-gen-rock"] .collision>p:last-child{font-size:12px;line-height:1.4;max-width:280px}
 html.darr-tablet body[data-project="paganini"] .film-panel .film-label{position:relative;inset:auto;display:grid;gap:5px;padding-top:10px;text-shadow:none}
 html.darr-tablet body[data-project="paganini"] .film-label strong{font-size:21px}
 html.darr-tablet body[data-project="paganini"] .film-label small,html.darr-tablet body[data-project="paganini"] #film-caption{display:none}
 html.darr-tablet body[data-project="paganini"] .film-overlay{display:none}
 html.darr-tablet .project-continuation .pg-legacy-layout{grid-template-columns:1fr 1fr;gap:30px}
 html.darr-tablet .project-continuation .pg-legacy-images>figure:not(.pg-legacy-concept) img{max-height:min(23dvh,180px)}
 html.darr-tablet .project-continuation .pg-legacy-images .pg-legacy-concept img{max-height:23dvh}
 html.darr-tablet .pg-legacy-images{gap:16px}
}
@media(orientation:portrait){
 html.darr-tablet #universe-lobby .lobby-heading{top:100px}
 html.darr-tablet #universe-lobby .universe-categories{top:205px;gap:28px}
 html.darr-tablet #universe-library{top:270px!important}
 html.darr-tablet .tablet-history-more{grid-template-columns:1fr}
}
/* Hide the covered project as one composited layer while the lobby is active. */
html.darr-tablet body.selecting #journey{opacity:0;pointer-events:none}
/* v334: only the document owns narrative gestures, as on iPhone. */
/* v335: tablet typography uses the clear set architecture, not performers. */
html.darr-tablet .about-life>figure figcaption{text-align:center;width:100%;padding-inline:0}
html.darr-tablet #universe-lobby .world-selector{z-index:12}
html.darr-tablet body[data-project="next-gen-rock"] .stage #passage{top:37%!important;bottom:auto!important;left:5%!important;width:90%!important;text-align:center}
html.darr-tablet body[data-project="next-gen-rock"] #passage .eyebrow{display:none!important}
html.darr-tablet body[data-project="next-gen-rock"] .stage #passage h2{font-size:clamp(25px,2.8vw,40px)!important;line-height:1.08;margin:0 0 6px!important}
html.darr-tablet body[data-project="next-gen-rock"] #passage>p:last-child{max-width:none;font-size:12px;line-height:1.4;margin:0 auto}
html.darr-tablet body[data-project="next-gen-rock"] .stage #collision{top:85px!important;left:6%!important;width:34%!important;bottom:auto!important}
html.darr-tablet body[data-project="next-gen-rock"] .stage #collision h2{font-size:clamp(26px,2.8vw,36px)!important;line-height:1.05;margin:0 0 9px!important}
html.darr-tablet body[data-project="next-gen-rock"] #collision .eyebrow{display:none!important}
html.darr-tablet body[data-project="next-gen-rock"] #collision>p:last-child{font-size:12px;line-height:1.4;max-width:300px}
html.darr-tablet .hero .hero-content h1{top:37%;font-size:4.6vw;line-height:1;left:6vw}
html.darr-tablet .hero .hero-content>.eyebrow{display:none}
@media(orientation:landscape){
html.darr-tablet #universe-lobby .world-selector{top:151px!important}
}
@media(orientation:portrait){
html.darr-tablet #universe-lobby .world-selector{top:265px!important;bottom:auto;width:94%;gap:12px}
html.darr-tablet #universe-lobby .world-tabs{gap:8px;flex-wrap:wrap;justify-content:center}
html.darr-tablet #universe-lobby .world-tabs button{font-size:12px;padding:8px 1px}
html.darr-tablet #universe-lobby .worlds{top:345px;bottom:auto;height:calc(82vw * .5625);--card-width:82vw;--card-step:calc(var(--card-width)*1.06)}
html.darr-tablet #universe-lobby .world.is-selected{transform:translate(-50%,-50%) scale(1)}
html.darr-tablet #universe-lobby .world-meta strong{font-size:32px}
html.darr-tablet #universe-lobby .world-meta em{font-size:15px}
html.darr-tablet #universe-lobby .lobby-footer{display:none}
}
html.darr-tablet .stage .project-continuation,html.darr-tablet .stage .eterno-history,html.darr-tablet .stage .eterno-openair,html.darr-tablet .stage .about-continuation{overscroll-behavior:auto!important;touch-action:pan-y pinch-zoom;overflow-y:hidden!important}
html.darr-tablet .stage .story-panel,html.darr-tablet .stage .sound-panel,html.darr-tablet .stage .outro{overscroll-behavior:auto;touch-action:pan-y pinch-zoom}
html.darr-tablet #universe-lobby .world-crossroads .world-meta em{display:none}
html.darr-tablet body[data-project="paganini"] #film-panel{overflow:visible}
html.darr-tablet body[data-project="paganini"] #film-panel .film-label{position:absolute;top:100%;bottom:auto;left:0;right:0;padding:10px 0 0;display:grid;gap:4px;text-shadow:none}
html.darr-tablet body[data-project="paganini"] #film-panel .film-label strong{font-size:20px}
html.darr-tablet body[data-project="paganini"] #film-panel .film-label small,html.darr-tablet body[data-project="paganini"] #film-caption,html.darr-tablet body[data-project="paganini"] #film-panel .film-overlay{display:none}
@media(orientation:landscape){
html.darr-tablet #universe-lobby .worlds{top:195px;bottom:calc(var(--tablet-dock-space) + 72px);--card-width:min(62vw,calc((100dvh - 267px - var(--tablet-dock-space))*1.77778))}
}
@media(orientation:portrait){
html.darr-tablet #universe-lobby .universe-categories{top:205px!important;bottom:auto!important}
html.darr-tablet #universe-lobby #universe-library{top:285px!important;padding-top:0}
}

/* Portrait tablets: compose vertically instead of retaining desktop columns. */
@media (orientation:portrait){
html.darr-tablet #universe-lobby .world-selector{top:244px!important;left:4%;right:4%;width:92%;transform:none;margin:0;display:grid;grid-template-columns:32px minmax(0,1fr) 32px;gap:8px}
html.darr-tablet #universe-lobby .world-tabs{min-width:0;justify-content:center;gap:4px 10px}
html.darr-tablet #universe-lobby .worlds{top:310px;height:calc(92vw * .5625);--card-width:92vw;--card-step:98vw}
html.darr-tablet #universe-lobby .world .world-art{aspect-ratio:16/9;max-height:none}
html.darr-tablet #universe-lobby .world .world-meta{margin-top:16px;width:100%;padding:0;text-align:left}
html.darr-tablet #universe-lobby .world-meta strong{font-size:36px}
html.darr-tablet #universe-lobby .world-meta em{font-size:16px}
html.darr-tablet body[data-project="next-gen-rock"] .stage #passage h2{font-size:clamp(34px,4.9vw,54px)!important;line-height:1.08}
html.darr-tablet body[data-project="next-gen-rock"] #passage>p:last-child{font-size:15px;max-width:90%;margin-top:10px}
html.darr-tablet body[data-project="next-gen-rock"] .stage #collision{top:110px!important;left:6%!important;width:88%!important;text-align:left}
html.darr-tablet body[data-project="next-gen-rock"] .stage #collision h2{font-size:clamp(38px,5.5vw,60px)!important}
html.darr-tablet body[data-project="next-gen-rock"] #collision>p:last-child{font-size:15px;max-width:90%;line-height:1.6}
html.darr-tablet body[data-project="next-gen-rock"] #stage-picture img{object-fit:contain;object-position:center}
html.darr-tablet body[data-project="next-gen-rock"] .stage .constellation{inset:110px 6% var(--tablet-dock-space);display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:max-content max-content;gap:24px;align-content:start;overflow:hidden;pointer-events:auto}
html.darr-tablet body[data-project="next-gen-rock"] .stage .constellation .story-panel,html.darr-tablet body[data-project="next-gen-rock"] .stage .constellation .sound-panel{position:relative;inset:auto;width:auto;max-width:none;max-height:none;overflow:visible}
html.darr-tablet body[data-project="next-gen-rock"] .stage .constellation .story-panel h2{font-size:36px;line-height:1.05}
html.darr-tablet body[data-project="next-gen-rock"] .stage .constellation .story-panel>p:last-child{font-size:15px;line-height:1.6;max-width:none}
html.darr-tablet body[data-project="next-gen-rock"] .stage .constellation .sound-panel h3{font-size:32px}
html.darr-tablet body[data-project="next-gen-rock"] .stage .constellation .nextgen-story-grid{position:relative;inset:auto;width:100%;height:auto;grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:24px}
html.darr-tablet body[data-project="next-gen-rock"] .stage .nextgen-story-grid figure{position:relative;inset:auto;width:100%;margin:0}
html.darr-tablet body[data-project="next-gen-rock"] .stage .nextgen-story-grid figure:first-child{grid-column:1/-1;width:76%;justify-self:center}
html.darr-tablet body[data-project="next-gen-rock"] .nextgen-story-grid img{width:100%;height:auto;object-fit:contain}
html.darr-tablet body[data-project="next-gen-rock"] .nextgen-story-grid figcaption{display:grid;gap:4px;font-size:12px}
html.darr-tablet body[data-project="about"] .portal img{object-fit:contain;object-position:center}
html.darr-tablet body[data-project="about"] .stage .passage{top:calc(110px + 56.25vw + 24px);bottom:auto;left:7%;width:86%;max-width:none}
html.darr-tablet body[data-project="about"] .stage .passage h2{font-size:clamp(44px,7vw,70px);margin:16px 0}
html.darr-tablet body[data-project="about"] .stage .collision{top:calc(110px + 58.67vw + 24px);left:7%;width:86%;bottom:auto}
html.darr-tablet body[data-project="about"] .stage .collision h2{font-size:clamp(40px,6.5vw,64px);margin:14px 0}
html.darr-tablet body[data-project="about"] .stage .collision>p:last-child{font-size:16px;line-height:1.6;max-width:620px}
html.darr-tablet body[data-project="about"] .stage .about-life{grid-template-columns:1fr;grid-template-rows:max-content max-content;align-content:start;gap:26px}
html.darr-tablet .about-life>figure{display:flex;flex-direction:column;gap:12px;height:auto}
html.darr-tablet .about-life>figure img{height:auto;max-height:38dvh;width:auto;max-width:100%;align-self:center}
html.darr-tablet .about-continuation-copy h2{font-size:42px}
html.darr-tablet .about-continuation-copy>p:not(.eyebrow){font-size:17px;max-width:none}
html.darr-tablet .about-studio-lead{grid-template-columns:1fr;gap:24px}
html.darr-tablet .about-studio-lead>figure{grid-row:1;display:block}
html.darr-tablet .about-studio-lead img{width:100%;height:auto;max-height:none}
html.darr-tablet .about-studio-details{grid-template-columns:1fr 1fr;gap:24px}
html.darr-tablet .about-studio-details .studio-process-copy{grid-column:1/-1;grid-row:1}
html.darr-tablet .about-studio-details figure{display:block}
html.darr-tablet .about-studio figcaption{padding-top:10px}
html.darr-tablet .hero .hero-content h1{font-size:8vw;top:37%}
html.darr-tablet #show .intro-grid,html.darr-tablet #show .music-led,html.darr-tablet #stage .intro-grid{grid-template-columns:1fr;gap:24px}
html.darr-tablet #show .prose{max-width:none}
html.darr-tablet #show .lead{font-size:25px;line-height:1.45}
}

@media (orientation:portrait){
html.darr-tablet body[data-project="about"] .portal img{object-fit:cover;object-position:84% center}
html.darr-tablet body[data-project="about"] .stage .passage{top:30%;bottom:auto;left:61%;width:34%}
html.darr-tablet body[data-project="next-gen-rock"] .stage .constellation{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:28px}
html.darr-tablet body[data-project="next-gen-rock"] .stage .constellation .nextgen-story-grid{grid-row:1;column-gap:28px}
html.darr-tablet body[data-project="next-gen-rock"] .stage .constellation .story-panel{grid-column:1;grid-row:2}
html.darr-tablet body[data-project="next-gen-rock"] .stage .constellation .sound-panel{grid-column:2;grid-row:2}
html.darr-tablet body[data-project="next-gen-rock"] .stage .constellation .story-panel,html.darr-tablet body[data-project="next-gen-rock"] .stage .constellation .sound-panel{min-width:0;border-top:1px solid #c5ae8066;padding:18px 0 0;margin:0}
html.darr-tablet body[data-project="next-gen-rock"] .stage .constellation .story-panel h2,html.darr-tablet body[data-project="next-gen-rock"] .stage .constellation .sound-panel h3{font-size:32px;line-height:1.1;margin:16px 0}
}

@media (orientation:portrait){
html.darr-tablet body[data-project="about"] .stage .passage h2{font-size:clamp(28px,3.8vw,42px);line-height:1.08;margin:16px 0;text-wrap:balance}
html.darr-tablet body[data-project="about"] .stage .passage .eyebrow{font-size:10px;letter-spacing:.16em}
html.darr-tablet body[data-project="about"] .stage .passage>p:last-child{font-size:14px;line-height:1.6}
}

/* Portrait iPad: keep the pianist's hands above the dock and type off the bright nebula. */
@media (orientation:portrait){
html.darr-tablet body[data-project="about"] .portal img{transform:translateY(-5%)}
html.darr-tablet body[data-project="about"] .stage .passage{top:22%;isolation:isolate;text-shadow:0 2px 8px #030711,0 1px 2px #030711}
html.darr-tablet body[data-project="about"] .stage .passage::before{content:"";position:absolute;inset:-26px -20px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#070c18b8 0%,#070c1866 48%,transparent 74%);filter:blur(12px)}
html.darr-tablet body[data-project="about"] .stage .passage h2{font-size:clamp(30px,4.2vw,46px);color:#fffaf1}
html.darr-tablet body[data-project="about"] .stage .passage h2 em{color:#e9d39f}
html.darr-tablet body[data-project="about"] .stage .passage>p{color:#f5f1e9}
}

/* The world carousel is not navigation for the music library. */
@media (orientation:portrait){
html.darr-tablet body.library-view #universe-lobby .world-selector{display:none!important}
html.darr-tablet #darr-redesign .eterno-page .et-movements{padding-left:6%;padding-right:11%}
html.darr-tablet #darr-redesign .eterno-page .et-section{padding-right:11%}
}

/* Portrait tablet: editorial flow instead of unequal desktop columns. */
@media (orientation:portrait){
html.darr-tablet #darr-redesign .et-origin,
html.darr-tablet #darr-redesign .et-movement,
html.darr-tablet #darr-redesign .crossroads-page .cr-story,
html.darr-tablet #darr-redesign .crossroads-page .cr-two-col,
html.darr-tablet #darr-redesign .crossroads-page .cr-gallery-intro,
html.darr-tablet #darr-redesign .crossroads-page .cr-music{grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}
html.darr-tablet #darr-redesign .et-origin{padding-block:40px}
html.darr-tablet #darr-redesign .et-origin h2{max-width:620px}
html.darr-tablet #darr-redesign .et-years{margin:20px 0 8px}
html.darr-tablet #darr-redesign .et-movement{padding:36px 0}
html.darr-tablet #darr-redesign .et-movement .et-scene{order:0;width:100%}
html.darr-tablet #darr-redesign .et-movement .et-scene img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
html.darr-tablet #darr-redesign .crossroads-page .cr-music-info{padding:0;background:transparent}
html.darr-tablet #darr-redesign .crossroads-page .cr-music-scene{aspect-ratio:2048/1170}
html.darr-tablet #darr-redesign .crossroads-page .cr-music-scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
html.darr-tablet #darr-redesign .crossroads-page .project-narrative-section{padding:32px 7% 32px 5%}
html.darr-tablet body[data-project="crossroads"] .narrative-inner,
html.darr-tablet #darr-redesign .crossroads-page .narrative-inner{grid-template-columns:minmax(0,1fr);gap:24px;align-items:start;min-height:0}
html.darr-tablet body[data-project="crossroads"] .narrative-copy,
html.darr-tablet #darr-redesign .crossroads-page .narrative-copy{padding:0}
html.darr-tablet body[data-project="crossroads"] .family-closing,
html.darr-tablet #darr-redesign .crossroads-page .family-closing{grid-template-columns:1fr 1fr;gap:24px;align-items:center}
html.darr-tablet body[data-project="crossroads"] .family-closing .family-secondary,
html.darr-tablet #darr-redesign .crossroads-page .family-closing .family-secondary{max-width:none}
html.darr-tablet body[data-project="crossroads"] .stage .constellation{inset:110px 6% var(--tablet-dock-space);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:max-content max-content max-content;gap:24px;align-content:start;overflow:hidden;pointer-events:auto}
html.darr-tablet body[data-project="crossroads"] .stage .constellation>*{position:relative;inset:auto;width:auto;max-width:none;height:auto;max-height:none;overflow:visible;min-width:0;margin:0;align-self:start}
html.darr-tablet body[data-project="crossroads"] .stage .constellation .memory-panel{grid-column:1/-1;grid-row:1;width:100%;height:auto}
html.darr-tablet body[data-project="crossroads"] .stage .memory-panel img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
html.darr-tablet body[data-project="crossroads"] .stage .constellation .live-panel{grid-column:1;grid-row:2;aspect-ratio:auto}
html.darr-tablet body[data-project="crossroads"] .stage .constellation .film-panel{grid-column:2;grid-row:2;aspect-ratio:auto}
html.darr-tablet body[data-project="crossroads"] .stage .live-panel img,
html.darr-tablet body[data-project="crossroads"] .stage .film-panel img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
html.darr-tablet body[data-project="crossroads"] .stage .constellation .story-panel{grid-column:1;grid-row:3;padding-top:16px;border-top:1px solid #c5ae8055}
html.darr-tablet body[data-project="crossroads"] .stage .constellation .sound-panel{grid-column:2;grid-row:3;padding-top:16px}
html.darr-tablet body[data-project="crossroads"] .stage .story-panel h2,
html.darr-tablet body[data-project="crossroads"] .stage .sound-panel h3{font-size:32px;line-height:1.1;margin:16px 0}
}

/* v346: portrait tablet composition and separate reading controls. */
@media (orientation:portrait){
html.darr-tablet,html.darr-tablet body{overscroll-behavior-y:none}
html.darr-tablet .page-jump{bottom:var(--tablet-dock-space,140px)!important;right:22px!important}
html.darr-tablet #darr-redesign .et-origin>div:first-child{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 28px;align-items:center}
html.darr-tablet #darr-redesign .et-origin>div:first-child>.et-kicker{grid-column:1/-1;margin:0}
html.darr-tablet #darr-redesign .et-origin h2{margin:0;font-size:clamp(30px,4.3vw,44px);line-height:1.12}
html.darr-tablet #darr-redesign .et-origin .et-years{margin:0;max-width:220px;gap:14px}
html.darr-tablet body[data-project="crossroads"] .passage{top:13%;bottom:auto;left:8%;width:84%;text-align:center;color:#211e24;text-shadow:0 1px 12px #fff8}
html.darr-tablet body[data-project="crossroads"] .passage h2{font-size:clamp(32px,4.7vw,50px);line-height:1.1;margin:12px 0}
html.darr-tablet body[data-project="crossroads"] .passage h2 em{color:#5e4223}
html.darr-tablet body[data-project="crossroads"] .passage p{color:#29232a;font-size:15px;line-height:1.5}
html.darr-tablet body[data-project="crossroads"] .passage>p:last-child{max-width:none;margin-inline:auto}
html.darr-tablet body[data-project="crossroads"] .passage .eyebrow{color:#493825}
html.darr-tablet #crossroads-family .narrative-copy>h2{max-width:none;text-align:center;margin:16px 0 22px}
html.darr-tablet #crossroads-family .narrative-copy>.narrative-kicker{text-align:center}
html.darr-tablet #crossroads-family .family-closing{align-items:start}
html.darr-tablet #crossroads-family .family-closing .narrative-pullquote{align-self:start;margin:0;padding-top:18px}
}

/* v347: legible moon scene and compact team on portrait iPad. */
@media (orientation:portrait){
html.darr-tablet body[data-project="crossroads"] .stage #passage{top:13%;left:8%;width:84%;max-width:none;text-align:center;color:#f1eee5;text-shadow:none;isolation:isolate}
html.darr-tablet body[data-project="crossroads"] .stage #passage::before{content:none;display:none}
html.darr-tablet body[data-project="crossroads"] .stage #passage h2{color:#f1eee5;font-size:clamp(46px,6.5vw,74px);line-height:1.08;letter-spacing:-.035em;margin:14px 0 16px}
html.darr-tablet body[data-project="crossroads"] .stage #passage h2 em{color:#c5ae80}
html.darr-tablet body[data-project="crossroads"] .stage #passage p{color:#f1eee5;font-size:16px;font-weight:500;line-height:1.45}
html.darr-tablet body[data-project="crossroads"] .stage #passage .eyebrow{color:#c5ae80;font-size:12px;font-weight:600}
html.darr-tablet #darr-redesign .crossroads-page .cr-team{padding:32px 11% 40px 7%}
html.darr-tablet #darr-redesign .crossroads-page .cr-team-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px;max-width:650px;margin-inline:auto}
html.darr-tablet #darr-redesign .crossroads-page .cr-team-photo{width:100%;max-width:180px;margin:0 auto 10px;border-radius:12px;overflow:hidden;isolation:isolate}
html.darr-tablet #darr-redesign .crossroads-page .cr-team-grid h3{font-size:16px;line-height:1.3;margin:0 0 5px}
html.darr-tablet #darr-redesign .crossroads-page .cr-team-grid p{font-size:13px;line-height:1.5;margin:0}
html.darr-tablet #darr-redesign .crossroads-page .cr-team-rest{margin-top:24px}
}

/* v350: portrait tablet reading flow, uncropped stage, and lower moon title. */
@media (orientation:portrait){
html.darr-tablet body[data-project="crossroads"] .stage #passage{top:auto;bottom:calc(var(--tablet-dock-space,140px) + 24px);left:6%;width:88%}
html.darr-tablet body[data-project="crossroads"] .stage #passage h2{font-size:clamp(46px,6.8vw,76px)}
html.darr-tablet body[data-project="thumbelina"] #stage-picture img{object-fit:contain;object-position:center}
html.darr-tablet body[data-project="thumbelina"] .stage #collision{top:calc(110px + 56.25vw + 24px);bottom:auto;left:7%;width:86%;text-align:left}
html.darr-tablet body[data-project="thumbelina"] .stage #collision h2{font-size:clamp(42px,6vw,64px);line-height:1.08;margin:12px 0}
html.darr-tablet body[data-project="thumbelina"] .stage #collision p{font-size:16px;line-height:1.5}
html.darr-tablet #darr-redesign .thumbelina-page .th-section,
html.darr-tablet #darr-redesign .paganini-page :is(.cr-section,.pg-hero-intro,.project-narrative-section),
html.darr-tablet #darr-redesign .loving-page :is(.project-section,.project-narrative-section){padding:32px 11% 32px 6%;box-sizing:border-box}
html.darr-tablet #darr-redesign .thumbelina-page :is(.th-split,.th-illustrated),
html.darr-tablet #darr-redesign .paganini-page :is(.cr-two-col,.pg-hero-intro,.pg-trailer,.pg-music-layout,.pg-stage-composition,.pg-identity-layout,.pg-obsession-layout,.pg-legacy-layout),
html.darr-tablet #darr-redesign .loving-page :is(.intro,.story-layout,.why-columns,.score-columns,.narrative-inner,.lv-music){grid-template-columns:minmax(0,1fr);gap:24px;align-items:start;min-height:0}
html.darr-tablet #darr-redesign .thumbelina-page .th-split figure{margin:0}
html.darr-tablet #darr-redesign .thumbelina-page .th-split>div{min-width:0}
html.darr-tablet #darr-redesign .thumbelina-page .th-coming>div{grid-template-columns:1fr;gap:0}
html.darr-tablet #darr-redesign .thumbelina-page .th-worlds{grid-template-columns:1fr;gap:28px}
html.darr-tablet #darr-redesign .thumbelina-page .th-worlds img{width:100%;height:auto;object-fit:contain}
html.darr-tablet #darr-redesign .paganini-page :is(.pg-music-image,.pg-identity-image){width:100%;max-width:420px;margin:0 auto}
html.darr-tablet #darr-redesign .paganini-page :is(.pg-music-image,.pg-identity-image) img{width:100%;height:auto;max-height:none;object-fit:contain}
html.darr-tablet .project-continuation .pg-legacy-layout{grid-template-columns:1fr;gap:24px;align-items:start;min-height:0}
html.darr-tablet .stage .pg-legacy-images,
html.darr-tablet #darr-redesign .pg-legacy-detail .pg-legacy-images{grid-template-columns:1fr 1fr;gap:20px;align-items:start}
html.darr-tablet .stage .pg-legacy-images>figure,
html.darr-tablet #darr-redesign .pg-legacy-detail .pg-legacy-images>figure{margin:0;min-width:0;text-align:center}
html.darr-tablet .stage .pg-legacy-images>figure:not(.pg-legacy-concept) img,
html.darr-tablet #darr-redesign .pg-legacy-detail .pg-legacy-images>figure:not(.pg-legacy-concept) img{height:230px;max-height:230px;width:100%;object-fit:contain;object-position:bottom center}
html.darr-tablet .stage .pg-legacy-images .pg-legacy-concept img,
html.darr-tablet #darr-redesign .pg-legacy-detail .pg-legacy-concept img{width:100%;height:auto;max-height:none;object-fit:contain}
html.darr-tablet #darr-redesign .loving-page .narrative-copy{padding:0}
html.darr-tablet #darr-redesign .loving-page .creator-layout{display:block}
html.darr-tablet #darr-redesign .loving-page .creator-layout figure{position:static;float:none;width:100%;max-width:380px;margin:0 auto 24px}
html.darr-tablet #darr-redesign .loving-page .score-columns{max-width:none}
html.darr-tablet #darr-redesign .loving-page .lv-music-info{padding:0}
}

/* v351: retain large stage imagery and compact Loving's portrait narratives. */
@media (orientation:portrait){
html.darr-tablet body[data-project="loving"] #portal img{object-fit:cover;object-position:88% center}
html.darr-tablet body[data-project="loving"] .stage #passage{left:6%;width:88%;max-width:none;bottom:calc(var(--tablet-dock-space,140px) + 18px)}
html.darr-tablet body[data-project="loving"] .stage #passage h2{font-size:clamp(40px,5.8vw,66px);line-height:1.08}
html.darr-tablet body[data-project="loving"] .project-continuation .narrative-inner{grid-template-columns:minmax(0,1fr);gap:24px;align-items:start;min-height:0}
html.darr-tablet body[data-project="loving"] .project-continuation .narrative-copy{padding:0}
html.darr-tablet body[data-project="loving"] .project-continuation .narrative-stage-photo img{width:100%;height:auto;max-height:none;object-fit:contain}
html.darr-tablet body[data-project="thumbelina"] #stage-picture img{object-fit:cover;object-position:50% 60%}
html.darr-tablet body[data-project="thumbelina"] .stage #collision{top:auto;bottom:calc(var(--tablet-dock-space,140px) + 12px);left:7%;width:86%}
html.darr-tablet body[data-project="thumbelina"] .stage #collision h2{font-size:clamp(38px,5.5vw,60px)}
html.darr-tablet #darr-redesign .loving-page .creator-layout{display:flow-root}
html.darr-tablet #darr-redesign .loving-page .creator-layout figure{float:left;width:38%;max-width:280px;margin:0 26px 18px 0}
html.darr-tablet #darr-redesign .loving-page .creator-layout figure img{width:100%;height:auto}
}

/* v352: stable player artwork and compact portrait character cards. */
@media (orientation:portrait){
html.darr-tablet #darr-redesign .loving-page .lv-music-scene{width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:10px}
html.darr-tablet #darr-redesign .loving-page .lv-song-image{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:cover;object-position:center;border-radius:0}
html.darr-tablet #darr-redesign .loving-page .lv-song-image[src*="say-my-name"]{object-position:center top}
html.darr-tablet body[data-project="crossroads"] .stage #passage{top:110px;bottom:calc(var(--tablet-dock-space,140px) + 24px);display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
html.darr-tablet body[data-project="crossroads"] .stage #passage .eyebrow{position:static;width:auto;order:2;margin:20px 0 12px;padding:0 20px;font:500 clamp(18px,2.5vw,26px)/1.4 'DM Sans',sans-serif;letter-spacing:.24em;color:#e5cc92;text-shadow:none;border-inline:1px solid #e5cc9280}
html.darr-tablet body[data-project="crossroads"] .stage #passage h2{order:1;margin-bottom:0}
html.darr-tablet body[data-project="crossroads"] .stage #passage p:not(.eyebrow){order:3}
html.darr-tablet #darr-redesign .thumbelina-page .th-worlds{grid-template-columns:minmax(0,1fr);gap:24px}
html.darr-tablet #darr-redesign .thumbelina-page .th-worlds>article{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:auto 1fr;gap:12px 24px;align-items:start;padding-bottom:24px;border-bottom:1px solid #d9baca30}
html.darr-tablet #darr-redesign .thumbelina-page .th-worlds>article>img{grid-column:1;grid-row:1/3;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:8px}
html.darr-tablet #darr-redesign .thumbelina-page .th-worlds>article>h3{grid-column:2;grid-row:1;font-size:24px;line-height:1.25;margin:0}
html.darr-tablet #darr-redesign .thumbelina-page .th-worlds>article>details{grid-column:2;grid-row:2;min-width:0}
}

/* v353: give the portrait landing copy its own space within the full-size scene. */
@media (orientation:portrait){
html.darr-tablet #darr-redesign .loving-page .loving-hero{aspect-ratio:auto;min-height:600px;height:auto;padding:32px 7% 36px;display:flex;align-items:center;overflow:visible}
html.darr-tablet #darr-redesign .loving-page .hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:76% center;transform:scale(1.06);transform-origin:76% center;clip-path:inset(2.84%)}
html.darr-tablet #darr-redesign .loving-page .loving-hero-content{width:55%;max-width:520px;padding:0}
html.darr-tablet #darr-redesign .loving-page .back-link{margin:0 0 28px}
html.darr-tablet #darr-redesign .loving-page h1{font-size:clamp(64px,10vw,110px);margin:18px 0}
html.darr-tablet #darr-redesign .loving-page .hero-subtitle,html.darr-tablet #darr-redesign .loving-page .hero-statement{font-size:16px;line-height:1.65}
html.darr-tablet #darr-redesign .loving-page .hero-statement{margin-top:24px!important}
}

/* v369: preserve the full About portrait on portrait tablets. */
@media (orientation:portrait){
 html.darr-tablet body[data-project="about"] .stage .constellation .story-panel{width:28%}
 html.darr-tablet body[data-project="about"] .stage .constellation .memory-panel{left:38%;width:35%;height:auto}
 html.darr-tablet body[data-project="about"] .stage .constellation .memory-panel img{display:block;width:100%;height:auto;object-fit:contain;object-position:center}
 html.darr-tablet body[data-project="about"] .stage .constellation .memory-panel figcaption{text-align:center;font-size:12px;line-height:1.5;letter-spacing:.05em;padding-top:12px}
 html.darr-tablet body[data-project="about"] .stage .constellation .sound-panel{left:77%;width:18%}
}