#darr-redesign:has(.crossroads-page){background:#191b29;color:#ede9ef;color-scheme:dark}
#darr-redesign:has(.crossroads-page)::before,#darr-redesign:has(.crossroads-page)::after{display:none}
.crossroads-page{--cr-accent:#c4b4d4;--cr-line:#c9b5d62b;background:#191b29}
.crossroads-page *{min-width:0}
.crossroads-page .cr-section img{height:auto}
.crossroads-page .cr-section{padding:72px max(7%,calc((100% - 1160px)/2))}
.crossroads-page .cr-kicker{font-size:12px;letter-spacing:2.3px;color:var(--cr-accent);font-weight:600}
#darr-redesign .crossroads-page h2{font:400 clamp(32px,3.6vw,52px)/1.15 'Manrope',sans-serif;letter-spacing:-1.5px;margin:16px 0 28px}
#darr-redesign .crossroads-page h2 em{font-family:Georgia,serif;color:#cbb9d5}
#darr-redesign .crossroads-page h3{font:500 21px/1.35 'Manrope',sans-serif;letter-spacing:-.4px}
#darr-redesign .crossroads-page .cr-prose p{font-size:17px;line-height:1.8;color:#c9c2d0;margin:0 0 22px}
#darr-redesign .crossroads-page .cr-note{font-size:14px;color:#a99fb5;margin:0 0 24px}
.crossroads-page .cr-hero{position:relative;isolation:isolate;min-height:660px;display:flex;align-items:center;overflow:hidden;padding:48px 7% 70px}
.crossroads-page .cr-hero>img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:center;z-index:-2}
.crossroads-page .cr-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#111522ed 0%,#161727af 45%,#14172325 100%),linear-gradient(0deg,#191b29,transparent 40%);z-index:-1}
.crossroads-page .cr-hero-copy{width:100%;max-width:1160px;margin:auto}
.crossroads-page .cr-back{display:inline-block;font-size:14px;color:#d8d0de;margin-bottom:44px}
#darr-redesign .crossroads-page h1{font:500 clamp(42px,7.5vw,108px)/1.06 'Manrope',sans-serif;letter-spacing:-.055em;margin:20px 0 24px;color:#f8f1ed}
.crossroads-page .cr-deck{font:400 clamp(28px,3vw,43px)/1.2 Georgia,serif;color:#eee3ed}
.crossroads-page .cr-deck em{color:#ccb3d5}
.crossroads-page .cr-intro{font-size:17px;line-height:1.7;color:#d1c8d8;margin-top:24px!important}
.crossroads-page .cr-actions{display:flex;gap:28px;flex-wrap:wrap;margin-top:30px}
.crossroads-page .cr-actions a,.crossroads-page .cr-finale>a{font-size:14px;padding:10px 0;border-bottom:1px solid #bfaccb80}
.crossroads-page .cr-nav{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;padding:22px 6%;background:#222333;border-block:1px solid var(--cr-line);font-size:14px}
.crossroads-page .cr-story,.crossroads-page .cr-two-col{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}
#darr-redesign .crossroads-page .cr-prose .cr-pull{font:italic 28px/1.4 Georgia,serif;color:#dfcfe6;margin-top:30px}
.crossroads-page .cr-media{background:radial-gradient(ellipse at 95% 5%,#52416240,transparent 60%),#232333;border-block:1px solid var(--cr-line)}
.crossroads-page .cr-video-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:38px}
.crossroads-page iframe{display:block;width:100%;border:0;background:#121522}
.crossroads-page .cr-video-pair iframe,.crossroads-page .cr-storyboard iframe{aspect-ratio:16/9}
#darr-redesign .crossroads-page figcaption{font-size:12px;letter-spacing:1px;line-height:1.6;padding-top:12px;color:#aea2bb}
.crossroads-page .cr-themes{background:#1c1e2c}
.crossroads-page .cr-synopsis{border-block:1px solid var(--cr-line);margin-top:28px}
.crossroads-page .cr-synopsis summary{display:flex;justify-content:space-between;list-style:none;padding:24px 0;cursor:pointer;font-size:18px;color:#e9deee}
.crossroads-page .cr-synopsis summary::-webkit-details-marker{display:none}
.crossroads-page .cr-synopsis[open] summary span{transform:rotate(45deg)}
.crossroads-page .cr-synopsis>div{max-width:800px;padding:14px 0 20px}
.crossroads-page .cr-listen{background:#242637;border-block:1px solid var(--cr-line)}
.crossroads-page .cr-audio{max-width:960px;margin-top:24px}
.crossroads-page .cr-character-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:34px 22px}
.crossroads-page .cr-character-grid img{aspect-ratio:4/5;object-fit:cover;margin-bottom:18px;background:#252637}
.crossroads-page .cr-character-grid p{font-size:15px;color:#bdb4c8;line-height:1.6}
.crossroads-page .cr-stage{background:#222534;border-block:1px solid var(--cr-line)}
.crossroads-page .cr-sketch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}
.crossroads-page .cr-sketch-grid img{aspect-ratio:16/10;object-fit:cover}
.crossroads-page .cr-storyboard{max-width:800px;margin:40px auto 0!important}
.crossroads-page .cr-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.crossroads-page .cr-gallery-grid img{aspect-ratio:3/2;object-fit:cover}
.crossroads-page .cr-image-button{display:block;border:0;padding:0;background:transparent;width:100%;cursor:zoom-in}
.crossroads-page a:focus-visible,.crossroads-page button:focus-visible,.crossroads-page summary:focus-visible{outline:2px solid #d7b8e5;outline-offset:5px}
.crossroads-page .cr-team{background:#22212f;border-top:1px solid var(--cr-line)}
.crossroads-page .cr-team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px 24px}
.crossroads-page .cr-team-grid img{aspect-ratio:1;object-fit:cover;margin-bottom:16px;filter:saturate(.65)}
.crossroads-page .cr-team-grid p{font-size:14px;line-height:1.5;color:#b8aec3}
.crossroads-page .cr-finale{text-align:center;padding:76px 7%;background:radial-gradient(ellipse at 50% 100%,#55416365,transparent 70%),#191b29}
.crossroads-page .cr-finale>a{display:inline-block;margin:0 16px}
.cr-lightbox{width:min(96vw,1440px);max-height:94vh;border:1px solid #bba3ce55;padding:42px 18px 14px;background:#181b28;color:#eee}
.cr-lightbox::backdrop{background:#080b12eb}
.cr-lightbox>img{max-height:78vh;object-fit:contain!important}
.cr-lightbox>button{position:absolute;right:12px;top:5px;border:0;background:transparent;color:#eee;font-size:30px;cursor:pointer}
.cr-lightbox>p{font-size:14px;padding-top:8px}
.crossroads-page [id]{scroll-margin-top:calc(var(--site-header-height,88px) + 18px)}
@media(max-width:1000px){.crossroads-page .cr-character-grid,.crossroads-page .cr-team-grid{grid-template-columns:repeat(2,1fr)}.crossroads-page .cr-story,.crossroads-page .cr-two-col{gap:36px}.crossroads-page .cr-hero{min-height:580px}.crossroads-page .cr-nav{gap:16px 24px}}
@media(max-width:700px){.crossroads-page .cr-section{padding:44px 6%}.crossroads-page .cr-story,.crossroads-page .cr-two-col{grid-template-columns:1fr;gap:12px}.crossroads-page .cr-hero{min-height:560px;padding:30px 6% 45px}.crossroads-page .cr-hero>img{object-position:65% center}.crossroads-page .cr-hero:after{background:linear-gradient(90deg,#141725ed,#14172590),linear-gradient(0deg,#191b29,transparent)}.crossroads-page .cr-back{margin-bottom:34px}.crossroads-page .cr-video-pair{grid-template-columns:1fr;gap:24px}.crossroads-page .cr-character-grid{gap:28px 16px}.crossroads-page .cr-sketch-grid,.crossroads-page .cr-gallery-grid{grid-template-columns:repeat(2,1fr)}.crossroads-page .cr-team-grid{gap:26px 16px}#darr-redesign .crossroads-page h3{font-size:19px}.crossroads-page .cr-prose p{font-size:16px}.crossroads-page .cr-character-grid p{font-size:14px}.crossroads-page .cr-nav{font-size:14px;gap:12px 22px}.crossroads-page .cr-finale{padding:50px 6%}}
.crossroads-page .cr-hero{display:block;min-height:0;padding:0;background:#0e1821}
.crossroads-page .cr-hero>img{position:relative;inset:auto;display:block;width:100%;height:auto;object-fit:contain;z-index:0}
.crossroads-page .cr-hero:after{display:none}
.crossroads-page .cr-hero-copy{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 6%;max-width:none;font-size:14px}
.crossroads-page .cr-hero-copy .cr-actions{margin:0;gap:24px}
#darr-redesign .crossroads-page .cr-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.crossroads-page .cr-character-grid{gap:28px 32px}
.crossroads-page .cr-character-grid article{text-align:center}
.crossroads-page .cr-character-grid img{display:block;width:142px;height:142px;aspect-ratio:1;border-radius:50%;object-fit:cover;object-position:center 30%;margin:0 auto 16px}
.crossroads-page .cr-character-grid p{max-width:250px;margin:8px auto 0!important;font-size:14px}
.crossroads-page .cr-carousel{margin-top:24px}
.crossroads-page .cr-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#877492 #202231;overscroll-behavior-x:contain}
.crossroads-page .cr-track>.cr-image-button{flex:0 0 calc((100% - 36px)/3);scroll-snap-align:start}
.crossroads-page .cr-track img{display:block;width:100%;height:220px;object-fit:contain;background:#131622}
.crossroads-page .cr-carousel-controls{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-top:14px;color:#c4b4d4;font-size:14px}
.crossroads-page .cr-carousel-controls button{width:42px;height:42px;border:1px solid #b9a5cd55;border-radius:50%;background:transparent;color:#eee;font-size:20px;cursor:pointer}
.crossroads-page .cr-carousel-controls button:disabled{opacity:.3;cursor:default}
.crossroads-page .cr-storyboard{max-width:560px;margin-top:28px!important}
.crossroads-page .cr-team-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:28px 24px;text-align:center}
.crossroads-page .cr-team-grid img{width:100%;height:175px;aspect-ratio:auto;object-fit:contain;object-position:center;background:transparent;filter:none;margin-bottom:12px}
#darr-redesign .crossroads-page .cr-team-grid h3{font-size:17px}
.crossroads-page .cr-finale{background:linear-gradient(90deg,#141725ed,#1417258a),url('/assets/crossroads/56-David_34.webp') center 38%/cover no-repeat;text-align:left;padding:76px 7%;min-height:340px}
@media(max-width:1000px){.crossroads-page .cr-team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.crossroads-page .cr-track>.cr-image-button{flex-basis:calc((100% - 18px)/2)}}
@media(max-width:700px){.crossroads-page .cr-hero{min-height:0;padding:0}.crossroads-page .cr-hero-copy{flex-wrap:wrap;gap:6px}.crossroads-page .cr-character-grid img{width:112px;height:112px}.crossroads-page .cr-track>.cr-image-button{flex-basis:88%}.crossroads-page .cr-track img{height:200px}.crossroads-page .cr-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.crossroads-page .cr-team-grid img{height:160px}.crossroads-page .cr-finale{padding:48px 6%;background-position:65% center}}
#darr-redesign .crossroads-page .cr-character-grid img{width:142px!important;height:142px!important;max-width:142px;aspect-ratio:1!important;border-radius:50%;object-fit:cover!important;object-position:center 28%;transform:none}
#darr-redesign .crossroads-page .cr-team-grid img{width:100%!important;height:210px!important;max-height:none;aspect-ratio:auto!important;object-fit:contain!important;object-position:center;transform:none;border-radius:0}
#darr-redesign .crossroads-page .cr-hero>img{filter:hue-rotate(22deg) saturate(.95) brightness(.96);mix-blend-mode:normal}
#darr-redesign .crossroads-page .cr-hero{background:#292438}
#darr-redesign .crossroads-page .cr-hero:after{display:block;inset:0 0 65px;z-index:1;pointer-events:none;background:linear-gradient(0deg,#191b29,transparent 22%),linear-gradient(90deg,#191b2940,transparent 30%,transparent 70%,#191b2940)}
#darr-redesign .crossroads-page .cr-audio{width:100%;max-width:960px;margin:24px auto 0;filter:invert(.92) hue-rotate(180deg) saturate(1.25);border-radius:3px;color-scheme:light}
#darr-redesign .crossroads-page #audio-trailer{max-width:960px;margin:36px auto 0}
#darr-redesign .crossroads-page .cr-listen>h2,#darr-redesign .crossroads-page .cr-listen>.cr-kicker{max-width:none;margin-left:0;margin-right:0;text-align:left}
#darr-redesign .crossroads-page .cr-track img{height:230px!important;object-fit:contain!important;aspect-ratio:auto;transform:none}
#darr-redesign .crossroads-page .cr-gallery .cr-track>.cr-image-button{flex:0 0 auto;width:auto}
#darr-redesign .crossroads-page .cr-gallery .cr-track img{width:auto!important;height:290px!important;max-width:none;object-fit:contain!important}
#darr-redesign .crossroads-page .cr-finale{min-height:500px;background:linear-gradient(0deg,#141725aa,#14172518 60%,#14172575),url('/assets/crossroads/72-Family_12.webp') center/cover no-repeat;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:40px}
@media(max-width:700px){#darr-redesign .crossroads-page .cr-character-grid img{width:112px!important;height:112px!important;max-width:112px}#darr-redesign .crossroads-page .cr-team-grid img{height:180px!important}#darr-redesign .crossroads-page .cr-gallery .cr-track img{height:220px!important}#darr-redesign .crossroads-page .cr-finale{min-height:430px}}
#darr-redesign .crossroads-page .cr-team-grid img{height:auto!important;aspect-ratio:2/3!important;object-fit:contain!important;background:#151824;padding:0;box-sizing:border-box}
#darr-redesign .crossroads-page .cr-carousel-controls .cr-restart{width:auto;padding:0 16px;font-size:14px;border-radius:22px;margin-right:auto}
#darr-redesign .crossroads-page .cr-hero{position:relative;background:#191b29}
#darr-redesign .crossroads-page .cr-hero>img{filter:none;mix-blend-mode:normal;min-height:440px;max-height:690px;object-fit:cover}
#darr-redesign .crossroads-page .cr-cover-heading{position:absolute;left:7%;top:24%;z-index:2;color:#eee8f0}
#darr-redesign .crossroads-page .cr-cover-heading h1{font:400 clamp(38px,6.5vw,96px)/1.1 'Manrope',sans-serif;letter-spacing:-.045em;margin:18px 0 24px}
#darr-redesign .crossroads-page .cr-cover-heading>p:last-child{font:400 clamp(23px,2.6vw,36px)/1.3 Georgia,serif}
#darr-redesign .crossroads-page .cr-cover-heading em{color:#cfb9dc}
#darr-redesign .crossroads-page .cr-hero:after{background:linear-gradient(90deg,#191b29a8,transparent 75%),linear-gradient(0deg,#191b29,transparent 25%)}
@media(max-width:700px){#darr-redesign .crossroads-page .cr-cover-heading{top:20%;left:6%}#darr-redesign .crossroads-page .cr-hero>img{min-height:480px;object-position:65% center}}
#darr-redesign .crossroads-page .cr-hero>img{min-height:0;max-height:none;width:100%;height:auto;object-fit:contain;filter:none}
#darr-redesign .crossroads-page .cr-hero:after{background:linear-gradient(0deg,#191b29,transparent 13%);inset:0 0 65px}
#darr-redesign .crossroads-page .cr-hero>img{filter:none}
#darr-redesign .crossroads-page .cr-team-photo{aspect-ratio:2/3;overflow:hidden;background:#262430;margin-bottom:12px}
#darr-redesign .crossroads-page .cr-team-photo img{display:block;width:100%!important;height:100%!important;object-fit:cover!important;margin:0;transform:translateY(var(--face-y,0%)) scale(var(--face-scale,1));transform-origin:var(--face-x,50%) 25%}
.cr-team-grid article:nth-child(1){--face-scale:1.4;--face-x:48%}
.cr-team-grid article:nth-child(2){--face-scale:1.08;--face-y:3%}
.cr-team-grid article:nth-child(3){--face-scale:1.45;--face-y:2%}
.cr-team-grid article:nth-child(4){--face-scale:1;--face-y:0%}
.cr-team-grid article:nth-child(5){--face-scale:1.3;--face-y:-5%}
.cr-team-grid article:nth-child(6){--face-scale:1.05;--face-y:-12%}
.cr-team-grid article:nth-child(7){--face-scale:1.1;--face-y:5%;--face-x:65%}
.cr-team-grid article:nth-child(8){--face-scale:1.16;--face-y:6%;--face-x:35%}
.cr-team-grid article:nth-child(9){--face-scale:1.23;--face-y:-2%}
.cr-team-grid article:nth-child(11){--face-scale:1.65;--face-y:-10%;--face-x:43%}
.cr-team-grid article:nth-child(12){--face-scale:1.5;--face-y:0%}
.cr-team-grid article:nth-child(13){--face-scale:1.4;--face-y:1%;--face-x:43%}
.cr-team-grid article:nth-child(15){--face-scale:1.45;--face-y:0%}

/* Consistent headroom measured against the Demitri portrait. */
.cr-team-grid article:nth-child(1){--face-y:0.00%}
.cr-team-grid article:nth-child(2){--face-y:1.02%}
.cr-team-grid article:nth-child(3){--face-y:7.12%}
.cr-team-grid article:nth-child(4){--face-y:-4.30%}
.cr-team-grid article:nth-child(5){--face-y:-9.00%}
.cr-team-grid article:nth-child(6){--face-y:-12.60%}
.cr-team-grid article:nth-child(7){--face-y:5.20%}
.cr-team-grid article:nth-child(8){--face-y:7.56%}
.cr-team-grid article:nth-child(9){--face-y:10.88%}
.cr-team-grid article:nth-child(10){--face-y:-5.80%}
.cr-team-grid article:nth-child(11){--face-y:-5.25%}
.cr-team-grid article:nth-child(12){--face-y:10.95%}
.cr-team-grid article:nth-child(13){--face-y:9.10%}
.cr-team-grid article:nth-child(14){--face-y:-10.80%}
.cr-team-grid article:nth-child(15){--face-y:12.20%}
#darr-redesign .crossroads-page .cr-character-grid img{object-position:center top!important;padding:9px 0 0!important;box-sizing:border-box;background:#39373d;object-fit:cover!important}
@media(max-width:700px){#darr-redesign .crossroads-page .cr-character-grid img{padding-top:7px!important}}

/* Expand the remaining ten team members on demand. */
.cr-team-grid.cr-team-rest article{--face-scale:1;--face-y:0%;--face-x:50%}
.cr-team-grid.cr-team-rest article:nth-child(1){--face-scale:1.05;--face-y:-12%}
.cr-team-grid.cr-team-rest article:nth-child(2){--face-scale:1.1;--face-y:5%;--face-x:65%}
.cr-team-grid.cr-team-rest article:nth-child(3){--face-scale:1.16;--face-y:6%;--face-x:35%}
.cr-team-grid.cr-team-rest article:nth-child(4){--face-scale:1.23;--face-y:-2%}
.cr-team-grid.cr-team-rest article:nth-child(6){--face-scale:1.65;--face-y:-10%;--face-x:43%}
.cr-team-grid.cr-team-rest article:nth-child(7){--face-scale:1.5;--face-y:0%}
.cr-team-grid.cr-team-rest article:nth-child(8){--face-scale:1.4;--face-y:1%;--face-x:43%}
.cr-team-grid.cr-team-rest article:nth-child(10){--face-scale:1.45;--face-y:0%}
.cr-team-grid.cr-team-rest article:nth-child(1){--face-y:-12.60%}
.cr-team-grid.cr-team-rest article:nth-child(2){--face-y:5.20%}
.cr-team-grid.cr-team-rest article:nth-child(3){--face-y:7.56%}
.cr-team-grid.cr-team-rest article:nth-child(4){--face-y:10.88%}
.cr-team-grid.cr-team-rest article:nth-child(5){--face-y:-5.80%}
.cr-team-grid.cr-team-rest article:nth-child(6){--face-y:-5.25%}
.cr-team-grid.cr-team-rest article:nth-child(7){--face-y:10.95%}
.cr-team-grid.cr-team-rest article:nth-child(8){--face-y:9.10%}
.cr-team-grid.cr-team-rest article:nth-child(9){--face-y:-10.80%}
.cr-team-grid.cr-team-rest article:nth-child(10){--face-y:12.20%}
#darr-redesign .crossroads-page .cr-team-grid:not(.cr-team-rest) article:nth-child(2) .cr-team-photo img{transform:translate(6%,var(--face-y,0%)) scale(var(--face-scale,1))}
.cr-team-more{margin-top:28px}
.cr-team-more summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:18px;width:fit-content;margin:0 auto;padding:13px 24px;border:1px solid #b9a5cd66;border-radius:28px;color:#eee5f4;background:#272438;cursor:pointer;font:inherit;font-size:15px}
.cr-team-more summary::-webkit-details-marker{display:none}
.cr-team-more summary:hover{background:#373047}
.cr-team-more summary:focus-visible{outline:2px solid #c4b4d4;outline-offset:4px}
.cr-team-close,.cr-team-more[open] .cr-team-open{display:none}
.cr-team-more[open] .cr-team-close{display:inline}
.cr-team-more[open] summary>span:last-child{transform:rotate(45deg)}
.cr-team-rest{margin-top:30px}

#darr-redesign .crossroads-page .cr-original-tagline{margin:0;padding:22px 6% 12px;text-align:center;color:#dbccdF;font:400 clamp(18px,2vw,26px)/1.5 Georgia,serif;text-wrap:balance}
#darr-redesign .crossroads-page .cr-finale-tagline{max-width:660px;margin:12px auto 24px;color:#eee5df;font:400 clamp(17px,1.8vw,23px)/1.5 Georgia,serif;text-wrap:balance;text-shadow:0 2px 14px #000}

/* Focus remains visible for keyboard navigation, without pointer-click blue frames. */
.cr-track:focus:not(:focus-visible),.cr-image-button:focus:not(:focus-visible){outline:none!important}
.cr-track:focus-visible,.cr-image-button:focus-visible{outline:2px solid #c4b4d4!important;outline-offset:4px}
.cr-lightbox{margin:auto;overflow:hidden}
.cr-lightbox>img{display:block;width:100%;height:min(74vh,850px)!important;object-fit:contain!important;touch-action:pan-y;user-select:none}
.cr-lightbox>button.cr-lightbox-prev,.cr-lightbox>button.cr-lightbox-next{top:50%;transform:translateY(-50%);width:46px;height:46px;border:1px solid #c4b4d477;border-radius:50%;background:#151522d9;font-size:25px}
.cr-lightbox>button.cr-lightbox-prev{left:24px;right:auto}.cr-lightbox>button.cr-lightbox-next{right:24px}
.cr-lightbox>button:focus-visible{outline:2px solid #c4b4d4;outline-offset:3px}
.cr-lightbox>p{text-align:center;margin:8px 44px 0}
@media(max-width:600px){.cr-lightbox{padding:45px 8px 62px}.cr-lightbox>img{height:65vh!important}.cr-lightbox>button.cr-lightbox-prev,.cr-lightbox>button.cr-lightbox-next{top:auto;bottom:10px;transform:none}.cr-lightbox>p{font-size:12px}}
/* A scene and its song, presented as one compact musical chapter. */
#darr-redesign .crossroads-page .cr-music{display:grid;grid-template-columns:1.05fr 1fr;gap:0;background:#141622;border:1px solid #bba3ce25;margin-top:28px;overflow:hidden}
#darr-redesign .crossroads-page .cr-music-scene{position:relative;min-height:380px;touch-action:pan-y;user-select:none;background:#141622}
#darr-redesign .crossroads-page .cr-music-scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .2s}
.cr-music-scene:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#141622d9);pointer-events:none}
.cr-music-scene>span{position:absolute;bottom:23px;left:25px;z-index:1;color:#ede3ed;font-size:12px;letter-spacing:2px}
#darr-redesign .crossroads-page .cr-music-info{padding:30px;display:flex;flex-direction:column;justify-content:center}
#darr-redesign .crossroads-page .cr-music-info h3{font:400 clamp(25px,2.5vw,36px)/1.15 Georgia,serif;margin:10px 0 16px;color:#eee4ee}
#darr-redesign .crossroads-page #cr-song-description{font-size:16px;line-height:1.65;min-height:106px;margin:0;color:#cfc7d5}
#darr-redesign .crossroads-page #cr-song-player{height:186px;margin-top:6px}
#darr-redesign .crossroads-page #cr-song-player iframe{display:block;width:100%;height:166px;margin:14px 0 0;border:0}
.cr-music-nav{display:flex;justify-content:center;align-items:center;gap:26px;margin-top:20px;color:#cfc0dd;font-size:14px;font-variant-numeric:tabular-nums}
.cr-music-nav button{width:44px;height:44px;border:1px solid #c4b4d466;border-radius:50%;background:#292639;color:#e7ddec;font:24px Georgia,serif;cursor:pointer}
.cr-song-tabs{position:relative;display:flex;gap:10px;overflow-x:auto;scrollbar-width:thin;padding:18px 0 10px;scrollbar-color:#766382 transparent}
.cr-song-tabs button{flex:0 0 auto;padding:10px 15px;border:1px solid #c4b4d433;border-radius:24px;background:transparent;color:#c4bbcb;font:14px/1.3 Arial,sans-serif;cursor:pointer}
.cr-song-tabs button[aria-pressed=true]{background:#403449;color:#f3e8f8;border-color:#c4b4d4}
.cr-music:focus:not(:focus-visible){outline:none}.cr-music:focus-visible,.cr-song-tabs button:focus-visible,.cr-music-nav button:focus-visible{outline:2px solid #c4b4d4;outline-offset:3px}
@media(max-width:760px){#darr-redesign .crossroads-page .cr-music{grid-template-columns:1fr}#darr-redesign .crossroads-page .cr-music-scene{min-height:0;aspect-ratio:16/10}#darr-redesign .crossroads-page .cr-music-info{padding:23px}#darr-redesign .crossroads-page #cr-song-description{min-height:0}}
@media(prefers-reduced-motion:reduce){#darr-redesign .crossroads-page .cr-music-scene img{transition:none}}

/* Pointer-triggered dialog focus is not a keyboard selection. */
html.cr-pointer-mode #darr-redesign .cr-image-button:focus,html.cr-pointer-mode #darr-redesign .cr-track:focus,html.cr-pointer-mode #darr-redesign .cr-lightbox button:focus{outline:none!important;box-shadow:none!important}
#darr-redesign .cr-lightbox .cr-lightbox-close{display:grid;place-items:center;top:9px;right:12px;width:36px;height:36px;padding:8px;border:1px solid #c4b4d44d;border-radius:50%;background:#282537;color:#eae2ee;line-height:1;appearance:none}
#darr-redesign .cr-lightbox .cr-lightbox-close svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;pointer-events:none}
#darr-redesign .cr-lightbox .cr-lightbox-close:hover{background:#43364e}

/* Persistent gallery scrubbers and locally art-directed video posters. */
#darr-redesign .crossroads-page .cr-track{min-width:0;max-width:100%;scrollbar-width:none}
#darr-redesign .crossroads-page .cr-track::-webkit-scrollbar{display:none}
#darr-redesign .crossroads-page .cr-track.cr-scrubbing{scroll-snap-type:none;scroll-behavior:auto}
#darr-redesign .crossroads-page .cr-scroll-slider{display:block;appearance:none;-webkit-appearance:none;width:100%;height:30px;margin:12px 0 0;padding:0;border:0;background:transparent;cursor:ew-resize;accent-color:#c4b4d4}
.cr-scroll-slider::-webkit-slider-runnable-track{height:5px;background:#484555;border-radius:5px}
.cr-scroll-slider::-webkit-slider-thumb{-webkit-appearance:none;width:54px;height:14px;margin-top:-4.5px;border-radius:8px;border:1px solid #d6c8df;background:#a998ba}
.cr-scroll-slider::-moz-range-track{height:5px;background:#484555;border-radius:5px}
.cr-scroll-slider::-moz-range-thumb{width:54px;height:14px;border-radius:8px;border:1px solid #d6c8df;background:#a998ba}
.cr-scroll-slider:focus-visible{outline:2px solid #c4b4d4;outline-offset:3px}
#darr-redesign .crossroads-page .cr-video-cover{display:block;position:relative;width:100%;aspect-ratio:16/9;padding:0;border:0;background:#111420;cursor:pointer;overflow:hidden;color:#fff}
#darr-redesign .crossroads-page .cr-video-cover img{display:block;width:100%;height:100%;object-fit:cover}
.cr-video-cover:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#101321e8);pointer-events:none}
#darr-redesign .cr-video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:64px;height:64px;border:1px solid #e4d8e6;border-radius:50%;background:#191b2baa;font-size:24px;z-index:1}
#darr-redesign .cr-video-title{position:absolute;bottom:22px;left:24px;font-size:17px;z-index:1}
.cr-video-cover:hover .cr-video-play{background:#62566e}
#darr-redesign .crossroads-page .cr-music-scene img{object-fit:contain}

/* Stable widths before lazy images load; always allow continuous slider seeking. */
#darr-redesign .crossroads-page .cr-gallery .cr-track>.cr-image-button{flex:0 0 clamp(280px,42vw,520px);width:clamp(280px,42vw,520px)}
#darr-redesign .crossroads-page .cr-gallery .cr-track img{width:100%!important;max-width:100%;height:auto!important;aspect-ratio:16/9;object-fit:contain!important}
#darr-redesign .crossroads-page .cr-track{scroll-snap-type:none}
#darr-redesign .crossroads-page .cr-scroll-slider{position:relative;z-index:2;pointer-events:auto;touch-action:pan-y}

#darr-redesign .crossroads-page .cr-music-scene img{transition:none;opacity:1}
#darr-redesign .crossroads-page .cr-video-cover:after{display:none}
#darr-redesign .crossroads-page .cr-video-title{display:none}
#darr-redesign .crossroads-page .cr-video-play{top:16px;right:16px;left:auto;transform:none;width:44px;height:44px;font-size:18px;background:#141725bb}

#darr-redesign .crossroads-page .cr-gallery-intro{display:grid;grid-template-columns:1fr 1.15fr;gap:48px;align-items:center;margin:38px 0 28px;padding:32px 0;border-top:1px solid var(--cr-line)}
#darr-redesign .crossroads-page .cr-gallery-intro h3{font:400 clamp(25px,2.7vw,36px)/1.25 Georgia,serif;margin:12px 0 0;color:#eee5ef}
#darr-redesign .crossroads-page .cr-gallery-intro h3 em{color:#c4b4d4}
#darr-redesign .crossroads-page .cr-gallery-intro>p{font-size:16px;line-height:1.8;color:#c9c2d0;margin:0;max-width:580px}
#darr-redesign .crossroads-page #audio-trailer{display:block;margin:0;scroll-margin-top:100px}
@media(max-width:700px){#darr-redesign .crossroads-page .cr-gallery-intro{grid-template-columns:1fr;gap:18px;margin-top:24px;padding-top:26px}}

/* A softer finish, preserving the family photograph and crop. */
#darr-redesign .crossroads-page .cr-finale{background-image:linear-gradient(0deg,#141725c4,#14172560 60%,#141725a0),url('/assets/crossroads/72-Family_12.webp')}

/* Gentle graphite light in the story and reading sections. */
#darr-redesign .crossroads-page .cr-story{background:radial-gradient(ellipse at 8% 0%,#79698424,transparent 70%),#2c2e3b}
#darr-redesign .crossroads-page .cr-themes{background:#32313f}
#darr-redesign .crossroads-page .cr-characters{background:#292c38}
#darr-redesign .crossroads-page .cr-team{background:radial-gradient(ellipse at 92% 0%,#7567801a,transparent 65%),#2d2d3a}
#darr-redesign .crossroads-page .cr-music-info{background:#282a37}
#darr-redesign .crossroads-page .cr-prose p{color:#d8d1de}

/* Approved Stage light treatment */
/* Original page colours remain unchanged. Three local pools of theatre light. */
#darr-redesign .crossroads-page #story,
#darr-redesign .crossroads-page #trailer,
#darr-redesign .crossroads-page #listen,
#darr-redesign .crossroads-page #stage{position:relative;isolation:isolate;overflow:hidden}
#darr-redesign .crossroads-page #story::before,
#darr-redesign .crossroads-page #trailer::before,
#darr-redesign .crossroads-page #listen::before,
#darr-redesign .crossroads-page #stage::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;filter:blur(16px);background-repeat:no-repeat;}
/* An oblique champagne sidelight, caught in a very fine haze. */
#darr-redesign .crossroads-page #story::before{
background:conic-gradient(from 138deg at 3% -8%,transparent 0deg,#ecd7b504 5deg,#ecd7b51a 14deg,#fff0d729 19deg,#dfc9ae12 24deg,transparent 33deg),radial-gradient(ellipse 42% 25% at 30% 46%,#d5c3b70b,transparent 85%);
mask-image:linear-gradient(transparent,#000 10%,#000 50%,transparent 100%);-webkit-mask-image:linear-gradient(transparent,#000 10%,#000 50%,transparent 100%);}
/* Crossing cool and warm light above the two video posters; no colour cast over them. */
#darr-redesign .crossroads-page #trailer::before{
background:conic-gradient(from 131deg at 5% -3%,transparent 0deg,#c4cbe508 8deg,#d7dced29 17deg,#bcc8e712 23deg,transparent 31deg),conic-gradient(from 198deg at 97% -4%,transparent 0deg,#e5d3b507 6deg,#f0ddbb21 13deg,#dac7b60c 20deg,transparent 27deg),radial-gradient(ellipse 65% 12% at 50% 23%,#bbc3e00b,transparent 85%);
mask-image:linear-gradient(transparent,#000 5%,#000 23%,transparent 56%);-webkit-mask-image:linear-gradient(transparent,#000 5%,#000 23%,transparent 56%);}
/* The music feels like a small stage: a broad soft shaft and a silver edge. */
#darr-redesign .crossroads-page #listen::before{
background:conic-gradient(from 145deg at 13% -7%,transparent 0deg,#eed6b505 4deg,#f1dfc427 12deg,#e7d0b71c 17deg,transparent 29deg),conic-gradient(from 198deg at 91% -8%,transparent 0deg,#c7cdeb07 8deg,#d7def124 14deg,#bbc7e10d 21deg,transparent 28deg),radial-gradient(ellipse 63% 16% at 47% 68%,#c8c4d214,transparent 83%);
mask-image:linear-gradient(transparent,#000 9%,#000 62%,transparent 100%);-webkit-mask-image:linear-gradient(transparent,#000 9%,#000 62%,transparent 100%);}
/* A single quiet sidelight on the stage-gallery heading. */
#darr-redesign .crossroads-page #stage::before{
background:conic-gradient(from 198deg at 88% -12%,transparent 0deg,#dde3ed06 6deg,#e7dfd021 13deg,#c4cadd0a 19deg,transparent 28deg);
mask-image:linear-gradient(transparent,#000 8%,transparent 72%);-webkit-mask-image:linear-gradient(transparent,#000 8%,transparent 72%);}
#darr-redesign .crossroads-page .cr-music-scene img{object-fit:cover;object-position:center 38%}
@media(max-width:700px){#darr-redesign .crossroads-page #story::before,#darr-redesign .crossroads-page #trailer::before,#darr-redesign .crossroads-page #listen::before,#darr-redesign .crossroads-page #stage::before{opacity:.75;filter:blur(11px)}}

/* v193: clear film hierarchy and quiet editorial scene captions. */

#darr-redesign .crossroads-page .cr-scene-caption{display:block;padding:10px 2px 4px;color:#b9afc2;font-size:12px;font-weight:400;line-height:1.5;letter-spacing:.035em;text-align:left;white-space:normal}

#darr-redesign .crossroads-page .cr-storyboard-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:36px;align-items:center;margin-top:28px}
#darr-redesign .crossroads-page .cr-storyboard-row .cr-storyboard{width:100%;max-width:none;margin:0!important;min-width:0}
#darr-redesign .crossroads-page .cr-storyboard-copy h3{margin:10px 0 14px}
@media(max-width:700px){#darr-redesign .crossroads-page .cr-storyboard-row{grid-template-columns:1fr;gap:18px}}

#darr-redesign .crossroads-page #cr-song-credits{font-size:14px;line-height:1.7;color:#cfbd9b;margin:16px 0 0}
#darr-redesign .crossroads-page #cr-song-credits[hidden]{display:none}

.cr-secondary-title{text-align:center;font:400 clamp(23px,2.4vw,38px)/1.3 Georgia,serif;color:#ddc5a6;margin:26px auto 12px;padding:0 24px;letter-spacing:.015em}