/* Every photograph fills one viewport. The detail viewer preserves the complete frame. */
html:has(.india-monument){background:#171917;scroll-padding-top:0}
body:has(.india-monument)>.masthead{position:absolute;inset:0 0 auto;background:transparent;border:0;color:#fff;z-index:30}
body:has(.india-monument)>.masthead .secondary-link{color:inherit}
body:has(.india-monument)>.page-footer{background:#171917;color:#a6a79f;border-color:#ffffff24}
.india-monument{--book-english:"Helvetica Neue",Helvetica,Arial,sans-serif;background:#171917;color:#e9e5da;overflow:clip;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
.india-monument p{margin:0}.india-monument [lang=zh-Hant]{font-family:"Songti TC","Noto Serif TC",serif}
.india-room{height:100svh;width:100%;position:relative;isolation:isolate;scroll-margin-top:0}
.india-room h1{position:absolute;left:5%;bottom:12%;z-index:3;margin:0;color:#fff;font:400 clamp(44px,6.2vw,88px)/1 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:-.045em;pointer-events:none}
.india-room h1>span{display:block;margin:18px 0 0 3px;letter-spacing:.15em;font-size:12px;line-height:1.5}
.india-frame,.india-frame .image-open,.india-frame img{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0}
.india-frame img{object-fit:cover;object-position:50% 50%}
.india-frame[data-photo-id="india-04"] img{object-position:50% 59%}
.india-frame figcaption{position:absolute;z-index:2;bottom:28px;left:5%;right:5%;display:flex;justify-content:space-between;margin:0;color:#fff;font:9px/1.6 Arial,sans-serif;letter-spacing:.12em;pointer-events:none}
.india-room::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 80%,#0003)}
.india-room:first-child::after{background:linear-gradient(180deg,#0004,transparent 24%,transparent 65%,#0006)}
.india-final-line{padding:95px 7%;text-align:center}
.india-final-line>p:first-child{font:400 24px/1.35 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:-.025em}
.india-final-line>p[lang]{font-size:11px;line-height:1.9;color:#a6a79f;margin-top:18px}
.india-work-label{display:flex;justify-content:space-between;gap:30px;padding:48px 7%;border-top:1px solid #ffffff24;font:10px/1.8 Arial,sans-serif;color:#a6a79f}
.india-work-label p>span{display:block;font-size:10px;margin-top:5px}
.india-ending{display:flex;justify-content:space-between;gap:25px;padding:45px 7% 75px;border-top:1px solid #fff2}
.india-ending>a{font:10px/1.8 Arial,sans-serif;letter-spacing:.04em;text-decoration:none}
@media(max-width:660px){
 .india-room h1{left:6%;bottom:13%;font-size:52px}
 .india-room h1>span{font-size:11px;margin:16px 0 0 2px}
 .india-room:first-child img{object-position:65% 50%}
 .india-frame figcaption{left:6%;right:6%;bottom:25px}
 .india-final-line{padding:75px 7%}.india-final-line>p:first-child{font-size:22px}
 .india-work-label{padding:35px 7%;font-size:9px}.india-work-label p>span{font-size:9px}
 .india-ending{padding:40px 7% 70px}.india-ending>a{font-size:8px;max-width:45%}
}