/* The selected HD artwork owns the stage; typography remains outside the house. */
header{background:linear-gradient(#071522d9,transparent)}header a,.powered{color:#d8eaf3}
.architectural-mode{background:#071521}
.architectural-mode .opening-photo,.architectural-mode .photo-shade{display:none}
.architectural-mode .narrative{color:#f1f7fb!important}
.architectural-mode em{color:#8cdeed!important}
.architectural-mode .narrative p{color:#c6d8e2!important}
.architectural-mode .feature{color:#edf5fa!important;border-color:#bed8e436!important}
.architectural-mode .feature small{color:#bbd1de!important}
.architectural-mode .feature svg{stroke:#8cdeed!important}
.architectural-scene{position:absolute;inset:0;overflow:hidden;pointer-events:none;will-change:opacity}
.architectural-world{position:absolute;left:50%;top:52%;width:min(100vw,160svh);aspect-ratio:1586/992;--depth:0;--gather:0;transform:translate(-50%,calc(-50% - var(--depth)*8%)) scale(calc(1 + var(--depth)*.09 - var(--gather)*.15));transform-origin:63% 67%;will-change:transform;mask-image:linear-gradient(to bottom,transparent,#000 5%,#000 96%,transparent)}
.architecture-part{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
.architecture-base{mask-image:linear-gradient(to bottom,transparent,#000 6%)}
.architecture-assembled{clip-path:polygon(43.8% 43.7%,50.7% 31%,74.5% 33.5%,81.2% 46.1%,79.8% 65%,67% 68.8%,43.8% 68.8%)}
.architecture-roof{clip-path:polygon(42.6% 23.4%,50.8% 7.7%,63.4% 7.7%,63.4% 5.1%,64.3% 5.1%,64.4% 7.5%,74.2% 6.5%,81.1% 23.5%,64% 26.8%);opacity:0;will-change:transform}
.architecture-floor{clip-path:polygon(44.7% 31.1%,58.9% 27.5%,78.8% 30.5%,78.8% 39.7%,64.4% 45.1%,44.7% 40.5%);opacity:0;will-change:transform}
.architecture-pipes{clip-path:polygon(0 69%,42% 69%,49% 65%,54% 67%,67% 65%,74% 69%,100% 69%,100% 100%,0 100%);opacity:0}
.architecture-fire{mask-image:linear-gradient(to right,transparent 80%,#000 89%),linear-gradient(to bottom,transparent 5%,#000 19%,#000 45%,transparent 57%);mask-composite:intersect;opacity:0}
.architecture-water{mask-image:radial-gradient(ellipse 24% 20% at 12% 73%,#000 45%,transparent 100%);opacity:0}
.architecture-plane{clip-path:polygon(86.5% 1%,92.5% 1%,92.5% 4%,86.5% 4%);mask-image:radial-gradient(ellipse 3.3% 2.2% at 89.5% 2.5%,#000 35%,transparent 100%);opacity:0;will-change:transform}
.architectural-mode .narrative,.architectural-mode .data-index{z-index:1}
.architectural-mode[data-chapter="5"] .architectural-scene{visibility:hidden}
@media(min-width:701px) and (max-width:1200px) and (orientation:portrait){.architectural-world{width:115vw;left:42%;top:57%}}
@media(max-width:700px){.architectural-world{width:170vw;left:29%;top:52%;mask-image:linear-gradient(to bottom,transparent,#000 5%,#000 88%,transparent)}.architectural-mode[data-chapter="0"] .architectural-world{top:54%}.architectural-mode[data-chapter="2"] .architectural-world{top:55%}.architectural-mode .data-index{background:linear-gradient(transparent,#071521 25%);padding-top:15px}}
@media(max-width:700px) and (max-height:740px) and (orientation:portrait){.architectural-world{width:148vw;left:32%;top:51%}.architectural-mode[data-chapter="0"] .architectural-world{top:54%}.architectural-mode[data-chapter="2"] .architectural-world{top:55%}.architectural-mode .data-index{padding-top:8px}}
@media(max-height:600px) and (orientation:landscape){.architectural-world{width:85vw;left:60%;top:52%}.architectural-mode .data-index{background:#071521dc;padding:10px;border-radius:4px}}
@media(prefers-reduced-motion:reduce){.architecture-part,.architectural-world,.architectural-scene{will-change:auto}}

@media(min-width:1201px){.architectural-mode .data-index{background:linear-gradient(90deg,#071521c9,#07152122);padding:0 12px;border-radius:3px}}