/* Keep navigation and action icons independent of the device's emoji font. */
.ui-icon{display:inline-block;width:1.1em;height:1.1em;min-width:1.1em;vertical-align:-.16em;flex-shrink:0;overflow:visible}
.play-icon .ui-icon{width:24px;height:24px}
.scroll-arrow .ui-icon{width:20px;height:20px}
.back-to-top>.ui-icon{width:19px;height:19px}
.pagination-direction .ui-icon{width:18px;height:18px}
[dir=rtl] .pagination-direction .ui-icon{transform:scaleX(-1)}
.dialog-head [data-close]{display:inline-flex;gap:8px;align-items:center}
#photo-dialog [data-close]{display:grid;place-items:center}
.hero{background:#da3544}
.hero .eyebrow{color:inherit;opacity:.85}
.mobile-intro-video{display:none}
.mobile-intro-retry{position:absolute;bottom:90px;inset-inline-end:6%;display:flex;align-items:center;gap:8px;background:#f4f1eb;color:#343a30;border:0;border-radius:30px;padding:12px 16px;font:12px var(--sans);z-index:5}
.mobile-intro-retry[hidden]{display:none}
@media(max-width:800px),(pointer:coarse){
 #hero-canvas{display:none}
 .hero-fallback,.hero-ready .hero-fallback{display:block;object-position:center;filter:none}
 .mobile-intro-video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;opacity:0;transform:scaleX(-1)}
 [dir=rtl] .mobile-intro-video{transform:none}
 .hero-sticky{border-radius:0}
}
@media(max-width:800px){
 html.portfolio-home{background:#da3544}
 .hero-sticky{min-height:0;border-radius:0}
 .hero-copy{width:52%}
 .hero-bottom{bottom:max(25px,env(safe-area-inset-bottom))}
 .hero-copy>p:last-child{font-size:12px;line-height:1.8}
 [dir=rtl] .hero-copy h1{font-size:clamp(42px,12vw,62px);line-height:1.22}
 .hero-topline{top:104px}
}
@media(max-width:800px) and (max-height:520px){
 .hero-topline{top:85px}
 .hero-copy{top:32%}
 .hero-copy>.eyebrow{display:none}
 .hero-copy h1,[dir=rtl] .hero-copy h1{font-size:36px}
 .hero-copy h2,[dir=rtl] .hero-copy h2{font-size:30px}
 .hero-copy>p:last-child{margin-top:10px;font-size:10px}
 .hero-bottom{bottom:15px}
}