/* Shared cinematic motion and phone layouts, after all service themes. */
html{overflow-y:auto;overscroll-behavior-y:auto}body{overflow-x:clip;min-width:0}img{max-width:100%}
main img{transform:none!important}#hero-photo{object-fit:contain!important;object-position:center!important}
.build-story[data-autoplay="true"]{height:clamp(700px,100svh,1100px)!important;min-height:0!important;position:relative!important;isolation:isolate}
.build-story[data-autoplay="true"] .build-stage{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;min-height:0!important;overflow:hidden;isolation:isolate}
.build-story[data-autoplay="true"] .build-stage>:is(.build-media,.build-shade,.build-grain,.build-content,.build-skip,.build-bottom){position:absolute!important}
.build-story[data-autoplay="true"] .build-media,.build-story[data-autoplay="true"] .build-shade,.build-story[data-autoplay="true"] .build-grain{inset:0!important;width:100%;height:100%;pointer-events:none}
.build-story[data-autoplay="true"] .build-image{backface-visibility:hidden;will-change:opacity;pointer-events:none;object-fit:contain!important;object-position:center!important;transform:none!important}
.build-story[data-autoplay="true"] .build-content{max-width:88%;pointer-events:auto}
.build-story[data-autoplay="true"] .build-timeline button{min-height:44px;touch-action:manipulation}
.axora-playback{min-width:120px;min-height:44px;touch-action:manipulation}
.axora-tabs>a{min-height:44px;display:flex!important;align-items:center;justify-content:center;touch-action:manipulation}
@media(max-width:700px){
 .build-story[data-autoplay="true"]{height:clamp(680px,calc(100svh - 220px),820px)!important}
 .build-story[data-autoplay="true"] .build-stage{display:flex;flex-direction:column;justify-content:flex-end;padding:84px 6% 196px}
 .build-story[data-autoplay="true"] .build-stage>.build-content{position:relative!important;inset:auto!important;width:100%!important;max-width:100%!important;margin:0}
 .build-story[data-autoplay="true"] .build-title{font-size:clamp(39px,10.5vw,58px)!important;letter-spacing:-1.5px;line-height:1.05;max-width:100%;margin-bottom:18px;text-wrap:balance}
 .build-story[data-autoplay="true"] .build-kicker{font-size:9px;line-height:1.6;letter-spacing:1.3px}
 .build-story[data-autoplay="true"] .build-description{font-size:13px;line-height:1.7;max-width:100%;margin-bottom:20px}
 .build-story[data-autoplay="true"] .build-start{min-height:44px;font-size:10px;line-height:1.4;padding:13px 20px}
 .build-story[data-autoplay="true"] .build-bottom{left:6%;right:6%;bottom:20px}
 .build-story[data-autoplay="true"] .build-timeline{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px;margin-bottom:12px}
 .build-story[data-autoplay="true"] .build-timeline button{font-size:9px;letter-spacing:.2px;line-height:1.5;white-space:normal;min-width:0;min-height:44px}
 .build-story[data-autoplay="true"] .build-meta{font-size:9px;line-height:1.5;gap:14px}
 .build-story[data-autoplay="true"] .build-meta>span:nth-child(2){display:none}
 .build-story[data-autoplay="true"] .build-meta>span:last-child{max-width:55%}
 .build-story[data-autoplay="true"] .build-skip{bottom:154px;right:6%;font-size:9px;min-height:32px;max-width:88%}
 .build-story[data-autoplay="true"] .build-image{object-position:50% 50%}
 .axora-playback{top:18px;right:6%;min-height:44px}
 .axora-header-inner{gap:12px!important}.axora-local{overflow:hidden}.axora-local nav{min-width:0;max-width:100%;overflow-x:auto}
 input,select,textarea{font-size:16px!important}button,a{-webkit-tap-highlight-color:transparent}
 .axora-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.axora-directory-title{padding:14px 12px;gap:8px}
}
@media(max-height:500px) and (min-width:701px){.build-story[data-autoplay="true"]{height:650px!important}.build-story[data-autoplay="true"] .build-title{font-size:54px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.build-story[data-autoplay="true"] .build-image{transition:none!important;will-change:auto}.build-story[data-autoplay="true"] .build-scroll i{animation:none!important}}
/* A full-width image followed by its editorial caption on phones. */
@media(max-width:700px){
 .build-story[data-autoplay="true"]{height:auto!important;min-height:0!important}
 .build-story[data-autoplay="true"] .build-stage{height:auto!important;padding:0!important;display:flex;flex-direction:column;background:#19281e}
 .build-story[data-autoplay="true"] .build-stage>.build-media{position:relative!important;inset:auto!important;flex:none;width:100%;height:auto!important;aspect-ratio:var(--axora-frame-ratio,16 / 9);z-index:0;background:#19281e;overflow:hidden}
 .build-story[data-autoplay="true"] .build-stage>.build-content{position:relative!important;inset:auto!important;flex:none;width:100%!important;max-width:100%!important;min-height:370px;padding:32px 6% 30px!important;display:flex;flex-direction:column;justify-content:center;background:#19281e}
 .build-story[data-autoplay="true"] .build-stage>.build-content .build-start{align-self:flex-start}
 .build-story[data-autoplay="true"] .build-stage>.build-shade,.build-story[data-autoplay="true"] .build-stage>.build-grain{display:none}
 .build-story[data-autoplay="true"] .build-stage>.build-bottom{position:relative!important;inset:auto!important;flex:none;width:100%;padding:0 6% 25px;background:#19281e}
 .build-story[data-autoplay="true"] .build-stage>.build-skip{position:relative!important;inset:auto!important;align-self:flex-start;flex:none;min-height:44px;margin:0 6% 20px;max-width:88%}
 .axora-playback{top:13px;right:4%;background:#17271de8!important}
 body[data-axora-service="painting"] .hero{display:block!important;height:auto!important;min-height:0!important;background:#19281e}
 body[data-axora-service="painting"] #hero-photo{position:relative!important;inset:auto!important;display:block;width:100%;height:auto!important;aspect-ratio:16/9}
 body[data-axora-service="painting"] .hero-shade{display:none}
 body[data-axora-service="painting"] .hero-content{position:relative;min-height:0!important;padding:36px 0!important;color:#f5f1e8}
 body[data-axora-service="painting"] .hero-bottom{position:relative;inset:auto;margin-top:30px;padding-top:24px}
}