/* Scoped mobile refinements; carousel artwork, content and state stay unchanged. */
:root{--preview-edge:max(var(--gutter),env(safe-area-inset-left,0px),env(safe-area-inset-right,0px));--preview-bottom:env(safe-area-inset-bottom,0px);--preview-top:env(safe-area-inset-top,0px)}
html{scroll-padding-top:calc(var(--header) + var(--preview-top) + 12px)}
.preview-page .wrap{width:min(1240px,calc(100% - var(--preview-edge)*2))}
.preview-page .header-inner{padding-inline:var(--preview-edge)}
.preview-page .site-header{height:calc(var(--header) + var(--preview-top));padding-top:var(--preview-top)}
.preview-page :is(.intro-layout,.materials-layout,.contact-layout,.contact-panels,.material-cards,.fronts)>*{min-width:0}
.preview-page :is(h1,h2,h3,.text-link,.button,.footer-links a){overflow-wrap:break-word}
.preview-page :is(.button,.menu-toggle){min-height:44px;max-width:100%;white-space:normal}
.preview-page .button>span[aria-hidden=true]{flex:none}
.preview-page :is(.hero-carousel .hero-banner-title,.hero-carousel .hero-subtitle,.hero-carousel .hero-description){overflow-wrap:break-word}
.preview-page .carousel-dots button{width:44px;height:44px;min-width:44px;min-height:44px}
.preview-page .carousel-arrow.previous{left:max(20px,env(safe-area-inset-left,0px))}
.preview-page .carousel-arrow.next{right:max(20px,env(safe-area-inset-right,0px))}
.preview-page .video-frame video{max-width:100%;height:auto}
.preview-page footer{padding-bottom:calc(24px + var(--preview-bottom))}
@media(max-width:1050px){
 .preview-page nav{padding-inline:var(--preview-edge);padding-bottom:calc(24px + var(--preview-bottom));max-height:calc(100vh - var(--header) - var(--preview-top));max-height:calc(100dvh - var(--header) - var(--preview-top));overscroll-behavior:contain}
 .preview-page nav a{min-height:44px;white-space:normal}
}
@media(max-width:800px){
 .preview-page .hero-carousel .hero-copy{width:calc(100% - var(--preview-edge)*2);padding-bottom:calc(98px + var(--preview-bottom))}
 .preview-page .hero-carousel .hero-copy .button{flex:1 1 120px}
 .preview-page .carousel-controls{height:calc(78px + var(--preview-bottom));padding-inline:var(--preview-edge);padding-bottom:calc(16px + var(--preview-bottom))}
 .preview-page .carousel-arrow.previous,.preview-page .carousel-arrow.next{inset:auto}
}
@media(max-width:1050px) and (max-height:500px) and (orientation:landscape){
 :root{--header:72px}
 .preview-page .brand img{width:64px;height:64px}
 .preview-page .hero-slide{min-height:calc(100svh - var(--header) - var(--preview-top));align-items:center}
 .preview-page .hero-slide-image{height:100%;object-position:70% center;-webkit-mask-image:none;mask-image:none}
 .preview-page .slide-shade,.preview-page .slide-intro .slide-shade{background:linear-gradient(90deg,#080d15f5 0%,#080d15cf 38%,#080d154d 76%),linear-gradient(0deg,#080d15 0%,transparent 35%)}
 .preview-page .hero-carousel .hero-copy{width:calc(100% - var(--preview-edge)*2);padding-block:8px calc(64px + var(--preview-bottom))}
 .preview-page .hero-carousel .hero-banner-title{display:flex;flex-wrap:wrap;column-gap:.22em;row-gap:0;font-size:clamp(30px,4vw,40px);max-width:82%;line-height:1.06}
 .preview-page .hero-carousel .hero-banner-title br{display:none}
 .preview-page .hero-carousel .hero-banner-title>span{min-width:0}
 .preview-page .hero-carousel :is(.hero-subtitle,.hero-description){max-width:80%}
 .preview-page .hero-carousel .hero-subtitle{font-size:clamp(14px,1.8vw,16px);line-height:1.4;margin-top:6px}
 .preview-page .hero-carousel .hero-description{font-size:13px;line-height:1.55;margin-top:4px}
 .preview-page .hero-carousel .hero-copy .actions{margin-top:8px;gap:10px}
 .preview-page .hero-carousel .hero-copy .button{min-height:44px;font-size:12px;padding:10px 16px}
 .preview-page .carousel-controls{inset:auto 0 0;height:calc(60px + var(--preview-bottom));display:flex;align-items:center;justify-content:space-between;padding:0 var(--preview-edge) calc(8px + var(--preview-bottom))}
 .preview-page .carousel-arrow.previous,.preview-page .carousel-arrow.next{position:relative;inset:auto;transform:none;height:44px;width:44px}
 .preview-page .carousel-position{position:static;transform:none}
}