/* Only the seven-detail gallery: shared header and other About scenes are unchanged. */
.about-page #main #details-list:has(.details-gallery) { background:linear-gradient(90deg,#03122555,#03122522),url('forest-lanterns.webp') center/cover #031225;padding:110px 0 76px; }
.about-page #main #details-list > .container:has(.details-gallery) { width:min(1500px,calc(100% - 160px));height:100%; }
.details-gallery { overflow-anchor:none;display:grid;grid-template-columns:minmax(0,.43fr) minmax(0,.57fr);gap:38px;height:100%;width:100%;min-height:0;outline-offset:8px; }
.details-left { align-self:center;min-width:0; }
.details-breadcrumbs { display:flex;gap:14px;margin-bottom:24px;color:#f8f4ec;font-size:14px; }
.about-page #details-list .details-gallery .section-heading { text-align:left;margin:0 0 28px;display:block; }
.about-page #details-list .details-gallery .section-heading h2 { font:500 clamp(38px,4.3vw,72px)/1 'Cormorant Garamond',Georgia,serif;color:#f8f4ec;letter-spacing:-.02em; }
.details-gallery h2 span,.details-info h3 span { color:#f1c477; }
.details-divider { display:block;width:min(100%,510px);height:28px;margin:16px 0;object-fit:contain; }
.about-page #details-list .details-gallery .section-heading p { font-size:16px;line-height:1.5;margin:0;color:#e4e8ee; }
.details-info { position:relative;padding:30px 32px;background:rgba(3,18,36,.84);border:1px solid #a7d5ee99;border-radius:16px;box-shadow:0 0 14px #86daff24; }
.details-info::after { content:'';position:absolute;inset:-3px;background:none center/100% 100% no-repeat;pointer-events:none; }
.details-info h3 { font:500 clamp(30px,2.9vw,48px)/1.06 'Cormorant Garamond',Georgia,serif;margin:0;color:#f8f4ec; }
.about-page #details-list .details-info p { padding:0;margin:14px 0 0;color:#e4e8ee;font-size:17px;line-height:1.5; }
.details-features { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;list-style:none;margin:24px 0 0;padding:0; }
.details-features li { font-size:13px;line-height:1.4;color:#e4e8ee; }
.details-features svg { display:block;width:48px;height:48px;border:1px solid #f1c477;border-radius:50%;padding:10px;margin-bottom:9px;stroke:#f1c477;stroke-width:1.4;fill:none; }
.details-right { min-height:0;display:flex;flex-direction:column;gap:22px; }
.details-viewer { display:grid;grid-template-columns:minmax(0,1fr) 116px;gap:22px;min-height:0;flex:1; }
.details-media-frame { position:relative;min-height:0;min-width:0;background:#020c18;border:1px solid #f1c477;border-radius:20px;box-shadow:0 0 17px #f1c47755;isolation:isolate;touch-action:pan-y; }
.details-media-frame::after { content:'';position:absolute;inset:-4px;z-index:2;background:none center/100% 100% no-repeat;pointer-events:none;filter:drop-shadow(0 0 3px #ffe1a0a0); }
.details-media-content { width:100%;height:100%;padding:7px;overflow:hidden;border-radius:20px; }
.details-media-content :is(video,img) { display:block;width:100%;height:100%;max-height:100%;object-fit:contain;border-radius:14px;background:#020c18; }
.details-thumbnails { display:flex;flex-direction:column;gap:12px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#f1c47770 #031225;min-height:0;padding:7px;position:relative; }
.details-thumbnail { position:relative;flex:0 0 calc((100% - 48px)/5);min-height:68px;display:block;width:100%;padding:0;border:1px solid #a7d5ee80;background:#031225;border-radius:10px;overflow:hidden;cursor:pointer;transition:border-color .3s,box-shadow .3s,transform .3s; }
.details-thumbnail img { width:100%;height:100%;display:block;object-fit:cover;opacity:.7; }
.details-thumbnail[aria-pressed=true] { border:2px solid #ffd181;box-shadow:0 0 9px #f1c47788;transform:scale(1.025); }
.details-thumbnail[aria-pressed=true] img { opacity:1; }
.details-play { position:absolute;inset:0;display:grid;place-content:center;color:white;font-size:20px;text-shadow:0 1px 8px #000; }
.details-controls { display:flex;justify-content:center;align-items:center;gap:40px;padding-right:138px;flex-shrink:0; }
.details-controls button { display:grid;place-items:center;width:56px;height:56px;padding:12px;border:1px solid #f1c477;border-radius:50%;background:#031225e8;color:#f1c477;cursor:pointer;box-shadow:0 0 8px #f1c47725; }
.details-controls svg { width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8; }
.details-controls [role=status] { color:#f8f4ec;font-size:19px;min-width:52px;text-align:center;font-variant-numeric:tabular-nums; }
.details-controls button:hover { box-shadow:0 0 16px #f1c47777; }
.details-gallery :is(button,a,video):focus-visible,.details-gallery:focus-visible { outline:2px solid #ffe1a0;outline-offset:4px; }
.about-page:not([data-program-transitions]) #details-list:has(.details-gallery) { height:850px; }
@media(min-width:768px) and (max-height:950px) {
 .about-page #main #details-list:has(.details-gallery) { padding-top:95px;padding-bottom:64px; }
 .details-breadcrumbs { margin-bottom:16px; }
 .about-page #details-list .details-gallery .section-heading { margin-bottom:18px; }
 .about-page #details-list .details-gallery .section-heading h2 { font-size:clamp(36px,3.7vw,60px); }
 .details-info { padding:22px 26px; }.details-info h3 { font-size:34px; }
 .about-page #details-list .details-info p { font-size:15px; }
 .details-features { margin-top:16px;gap:12px; }.details-features svg { width:40px;height:40px;padding:8px; }
}
@media(min-width:768px) and (max-width:1199px) {
 .about-page #main #details-list > .container:has(.details-gallery) { width:calc(100% - 64px); }
 .details-gallery { gap:24px;grid-template-columns:minmax(0,.45fr) minmax(0,.55fr); }
 .details-viewer { grid-template-columns:minmax(0,1fr) 75px;gap:12px; }
 .details-info { padding:22px; }.details-info h3 { font-size:32px; }
 .about-page #details-list .details-info p { font-size:14px; }
 .details-features { gap:9px; }.details-features li { font-size:11px; }
 .details-controls { gap:24px;padding-right:87px; }
}
@media(max-width:767px) {
 .about-page #main #details-list:has(.details-gallery) { padding:80px 0 60px; }
 .about-page #main #details-list > .container:has(.details-gallery) { width:calc(100% - 36px); }
 .details-gallery { grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:16px; }
 .details-left { align-self:start; }.details-breadcrumbs { display:none; }
 .about-page #details-list .details-gallery .section-heading { margin-bottom:14px; }
 .about-page #details-list .details-gallery .section-heading h2 { font-size:30px;line-height:1; }
 .details-divider { height:18px;margin:6px 0; }
 .about-page #details-list .details-gallery .section-heading p { font-size:12px;line-height:1.4; }
 .details-info { padding:14px 18px; }.details-info h3 { font-size:25px;line-height:1; }
 .about-page #details-list .details-info p { font-size:12px;line-height:1.4;margin-top:8px; }
 .details-features { gap:10px;margin:12px 0 0; }.details-features li { font-size:9px;line-height:1.25; }
 .details-features svg { width:26px;height:26px;padding:5px;margin-bottom:5px; }
 .details-right { gap:10px; }
 .details-viewer { grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 52px;gap:10px; }
 .details-media-frame { height:100%;aspect-ratio:9/16;max-width:100%;justify-self:center; }
 .details-thumbnails { flex-direction:row;padding:3px;gap:8px; }
 .details-thumbnail { flex:0 0 54px;min-height:0;height:100%; }
 .details-play { font-size:14px; }
 .details-controls { gap:30px;padding-right:0; }
 .details-controls button { width:44px;height:44px;padding:8px; }
 .details-controls [role=status] { font-size:15px; }
 .about-page:not([data-program-transitions]) #details-list:has(.details-gallery) { height:850px; }
}
@media(max-width:767px) and (max-height:760px) {
 .details-gallery { gap:10px; }
 .about-page #details-list .details-gallery .section-heading h2 { font-size:26px; }
 .about-page #details-list .details-gallery .section-heading { margin-bottom:10px; }
 .details-info h3 { font-size:22px; }.details-info { padding:12px 15px; }
 .details-features { margin-top:8px; }.details-features svg { display:none; }
}
@media(prefers-reduced-motion:reduce) { .details-gallery * { animation:none!important;transition:none!important; } }

/* Long detail descriptions can scroll above the separate chapter navigator. */
.about-page[data-chapter-navigation="arrows"] #main #details-list:has(.details-gallery) {height:auto;min-height:var(--catalog-viewport);max-height:none;overflow:visible;}
.about-page[data-chapter-navigation="arrows"] #main #details-list > .container:has(.details-gallery),
.about-page[data-chapter-navigation="arrows"] .details-gallery {height:auto;}
.about-page[data-chapter-navigation="arrows"] .details-right {height:max(520px,calc(var(--catalog-viewport) - 210px));}
@media(min-width:1200px) and (min-height:700px){
 .about-page[data-chapter-navigation="arrows"] #main #details-list:has(.details-gallery) {height:var(--catalog-viewport);min-height:0;max-height:var(--catalog-viewport);overflow:clip;}
}