@font-face{font-family:"VT Opening Mask";src:url("../fonts/ibm-plex-sans.ttf") format("truetype");font-style:normal;font-weight:100 700;font-stretch:75% 100%;font-display:block}
#unDepthSequence,#unDepthSequence .un-depth-sticky{background:#080908}
#unDepthSequence .un-depth-sticky{perspective:none}
#unDepthSequence.is-photo-phase.is-visible{transition:none}
#unDepthSequence .vt-opening-photo{position:absolute;inset:0;z-index:0;overflow:hidden;background:#080908;pointer-events:none}
#unDepthSequence .vt-opening-photo img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:none;transform:none;opacity:1}
#unDepthSequence .vt-opening-mask{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:hidden;pointer-events:none}
#unDepthSequence .vt-opening-mask-text{font-family:"VT Opening Mask",sans-serif;font-size:200px;font-weight:700;font-stretch:100%;font-variation-settings:"wght" 700,"wdth" 100;letter-spacing:-4px}
#unDepthSequence.is-photo-phase [data-un-final]{visibility:hidden!important;opacity:0!important;pointer-events:none!important}
#unDepthSequence.is-photo-phase .un-recognition-source{visibility:hidden!important;pointer-events:none!important}
#unDepthSequence.is-photo-phase>[data-un-ion-cloud]{opacity:0!important}
body:has(#unDepthSequence.is-visible.is-photo-phase:not(.is-geladan):not(.has-three-questions)) #vtLanguageSwitch,body:has(#unDepthSequence.is-visible.is-photo-phase:not(.is-geladan):not(.has-three-questions)) #vtFindTrigger,body:has(#unDepthSequence.is-visible.is-photo-phase:not(.is-geladan):not(.has-three-questions)) #vtResourcesTrigger{visibility:hidden;pointer-events:none}
@media(prefers-reduced-motion:reduce){#unDepthSequence .vt-opening-photo,#unDepthSequence .vt-opening-mask{animation:none;transition:none}}

#unDepthSequence.is-photo-phase [data-un-scroll-hint]{opacity:0!important;visibility:hidden}

/* The existing landing may fade behind the scene, but never over the photograph. */
body:has(#unDepthSequence.is-visible) #landing.is-hidden{visibility:hidden;opacity:0;transition:none}



/* The three questions enter only after the original photo-mask zoom has ended. */
#unDepthSequence .vt-three-questions{display:none;position:absolute;z-index:6;inset:24svh clamp(26px,5vw,85px) auto;color:#e8e3d9;opacity:0;pointer-events:none}
#unDepthSequence .vt-why-bridge{position:absolute;z-index:8;top:0;left:0;display:flex;align-items:baseline;gap:0;width:max-content;max-width:94vw;color:#f3efe7;font:400 clamp(18px,1.8vw,25px)/1.25 'Noto Serif SC','Songti SC',serif;letter-spacing:0;opacity:0;visibility:hidden;pointer-events:none;transform-origin:left top;will-change:transform}
#unDepthSequence .vt-why-prefix{flex:none;white-space:nowrap}
#unDepthSequence .vt-why-suffix{flex:none;white-space:nowrap}
#unDepthSequence .vt-question-heading h3{opacity:0}
@media(min-width:701px){
 #unDepthSequence .vt-why-bridge{display:none}
 #unDepthSequence .vt-question-heading h3{opacity:1}
}
#unDepthSequence .vt-three-inner{max-width:1600px;margin:auto}
#unDepthSequence .vt-three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3.7vw,64px);align-items:start}
#unDepthSequence .vt-question{min-width:0}
#unDepthSequence .vt-question-heading{height:clamp(43px,6svh,60px);padding-top:0;text-align:center;box-sizing:border-box}
#unDepthSequence .vt-question h3{margin:0;color:#f3efe7;font:400 clamp(19px,1.7vw,27px)/1.35 'Noto Serif SC','Songti SC',serif;letter-spacing:.01em}
#unDepthSequence .vt-image-frame{position:relative;width:100%;aspect-ratio:4/3;overflow:visible;background:#171b18}
#unDepthSequence .vt-image-frame img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:none}
#unDepthSequence .vt-question:first-child img{object-position:center 62%;transform:none}
#unDepthSequence .vt-question:last-child img{object-position:center 46%}
#unDepthSequence .vt-image-frame::after{content:"";position:absolute;z-index:1;left:0;right:0;bottom:0;height:42%;background:linear-gradient(to top,rgba(1,4,3,.42),rgba(1,4,3,0));opacity:var(--vt-text-shade,0);pointer-events:none}
#unDepthSequence .vt-question-text{position:absolute;z-index:2;top:100%;left:0;right:0;box-sizing:border-box;padding:0 18px;color:#f3f1eb;text-align:center;font:400 clamp(14px,1.04vw,16px)/1.82 'Noto Serif SC','Songti SC',serif;letter-spacing:.01em;transform:translate3d(0,var(--vt-text-y,0px),0);clip-path:inset(0 0 var(--vt-text-clip,100%) 0);text-shadow:0 1px 3px rgba(0,0,0,.85),0 0 7px rgba(0,0,0,.55);will-change:transform,clip-path}
#unDepthSequence .vt-question-text p{margin:0 0 .9em}
#unDepthSequence .vt-question-text p:last-child{margin-bottom:0}
#unDepthSequence .vt-question-text strong{font-weight:650;color:#fff}
@media(max-width:700px){
 #unDepthSequence .vt-three-questions{inset:18svh 7vw auto}
 #unDepthSequence .vt-three-grid{display:grid;grid-template-columns:minmax(0,1fr)}
 #unDepthSequence .vt-question{display:block;grid-area:1/1;opacity:0;visibility:hidden;will-change:opacity,transform}
 #unDepthSequence .vt-question-heading{height:54px;padding-top:0}
 #unDepthSequence .vt-question h3{font-size:clamp(18px,5vw,23px)}
 #unDepthSequence .vt-why-bridge{font-size:clamp(16px,4.2vw,20px)}
 #unDepthSequence .vt-why-suffix{font-size:1em}
 #unDepthSequence .vt-image-frame{aspect-ratio:4/5;max-height:60svh}
 #unDepthSequence .vt-question-text{padding:0 13px;font-size:clamp(13px,3.6vw,15px);line-height:1.72}
 #unDepthSequence .vt-question-text p{margin-bottom:.8em}
}
@media(prefers-reduced-motion:reduce){#unDepthSequence .vt-question-text{will-change:auto}}

html[data-lang="en"] #unDepthSequence .vt-question-heading{height:auto;min-height:76px;display:grid;place-items:center}
html[data-lang="en"] #unDepthSequence .vt-why-bridge{gap:.28em;font-family:'VT Fraunces',Georgia,serif;letter-spacing:0;font-size:clamp(16px,1.8vw,25px)}
html[data-lang="en"] #unDepthSequence .vt-why-suffix{flex:0 1 auto;max-width:70vw;white-space:normal}
@media(max-width:700px){html[data-lang="en"] #unDepthSequence .vt-question-heading{min-height:70px}html[data-lang="en"] #unDepthSequence .vt-question h3{font-size:clamp(16px,4vw,21px)}}