/* Match the composition to a wide screen instead of leaving a fixed small stage. */
@media(min-width:1100px){
 .scene-label{left:5vw;right:5vw;top:124px}
 #intro .copy,#process .copy{left:clamp(56px,5vw,108px);right:auto;width:min(40vw,780px);max-width:none;top:clamp(210px,calc(50svh - 190px),390px);bottom:auto}
 #intro .copy h1{font-size:clamp(60px,5.1vw,104px);line-height:1.12;letter-spacing:-.065em;margin-bottom:28px}
 #intro .copy>.eyebrow{font-size:11px;letter-spacing:.14em;margin-bottom:22px}
 #intro .copy>p:not(.eyebrow){font-size:16px;line-height:1.9;margin-bottom:28px}
 #intro .primary{max-width:350px;min-height:60px;font-size:14px;padding:18px 24px}
 #intro .portrait-note{font-size:10px;margin-top:16px}
 #intro .back-word{top:clamp(150px,20svh,240px);left:3.5vw;font-size:21vw;letter-spacing:-1.3vw;opacity:.19}
 #process .copy{top:clamp(190px,calc(50svh - 210px),350px)}
 #process .copy h2{font-size:clamp(50px,4.45vw,84px);line-height:1.15;margin-bottom:26px}
 #process ol{max-width:430px;margin-top:28px}#process li{padding:18px 0}#process li h3{font-size:18px}#process li p{font-size:13px}
 #assurance .copy{left:55vw;right:5vw;top:clamp(220px,calc(50svh - 155px),420px);bottom:auto;width:40vw;max-width:680px}
 #assurance .copy h2{font-size:clamp(50px,4.35vw,82px);line-height:1.17;margin-bottom:26px}
 #assurance .copy>p:not(.eyebrow){font-size:16px;line-height:1.9}
 #assurance .outline{max-width:350px;min-height:58px;font-size:14px}
 .drawing-rule{width:60px;top:-25px}
}
@media(min-width:1100px) and (max-height:780px){
 #intro .copy,#process .copy{top:190px}
 #intro .copy h1{font-size:clamp(54px,4.7vw,84px);margin-bottom:20px}
 #intro .copy>.eyebrow{margin-bottom:16px}#intro .copy>p:not(.eyebrow){font-size:14px;margin-bottom:20px}
 #intro .primary{min-height:54px}#process .copy h2{font-size:54px;margin-bottom:18px}#process ol{margin-top:20px}#process li{padding:12px 0}
 #assurance .copy{top:205px}#assurance .copy h2{font-size:58px}
}