/* Shared Artevia chrome, keeping each demonstration's approved design. */
html{overflow-x:clip}body{overflow-x:clip}
.prototype-explanation{text-align:center;margin-inline:auto}
.prototype-explanation>p,.prototype-explanation>h2,.prototype-explanation>h3{margin-inline:auto}
.demo-footer-actions{justify-content:center}
.demo-other{display:flex!important;justify-content:center;gap:14px;flex-wrap:wrap}
.demo-other>a{display:flex!important;align-items:center;justify-content:center;flex:0 1 210px!important;width:210px;min-height:60px!important;height:auto!important;padding:18px 24px!important;background:#090909!important;color:#eee!important;border:1px solid #333!important;border-radius:2px!important;text-align:center}
.demo-other>a:after{content:none!important}.demo-other>a:hover{background:#171717!important;border-color:#777!important}
html[data-preview] .demo-return,html[data-preview] .back-to-top,html[data-preview] #backToTop,html[data-preview] .to-top{display:none!important}
html[data-preview],html[data-preview] body{scrollbar-width:none}html[data-preview]::-webkit-scrollbar,html[data-preview] body::-webkit-scrollbar{display:none}
@media(max-width:480px){.demo-other>a{flex-basis:145px!important;width:145px;min-height:52px!important;padding:14px!important}.demo-footer-actions{flex-wrap:wrap}.prototype-explanation{max-width:100%;overflow-wrap:break-word}}
/* Keep the tablet hero proportional instead of reserving desktop-height empty space. */
@media(min-width:701px) and (max-width:1000px){html[data-av-demo=akiro] .hero-main{min-height:440px;align-items:center}html[data-av-demo=akiro] .hero-art{align-self:center}}
@media(max-width:650px){html[data-av-demo=akiro] .header .wordmark{width:clamp(96px,28vw,132px)!important;min-width:0!important}html[data-av-demo=akiro] .header-inner{grid-template-columns:minmax(0,1fr) auto}html[data-av-demo=akiro] .header-actions{gap:4px!important}html[data-av-demo=akiro] .cart-count{display:none}}
/* VELORIA: viewport-sized campaign sections, edge-to-edge photos. */
@media(min-width:761px){html[data-av-demo=veloria] .hero{height:calc(100svh - 126px);min-height:480px;max-height:1000px}html[data-av-demo=veloria] .photograph{object-fit:cover;object-position:center}html[data-av-demo=veloria] .editorial{min-height:0;height:calc(100svh - 126px);max-height:920px}html[data-av-demo=veloria] .diptych{aspect-ratio:auto;min-height:0;height:100%;display:flex;align-items:center;justify-content:center}html[data-av-demo=veloria] .diptych img{height:100%;width:100%;object-fit:cover}html[data-av-demo=veloria] .editorial-copy{padding:6% 10%;min-height:0}html[data-av-demo=veloria] .editorial h2{font-size:clamp(36px,3.8vw,64px)}}
html[data-preview] body{overflow:hidden!important}html[data-preview] .hero{overflow:clip}

/* V17: remove decorative CTA arrows and iOS default button colours. */
html[data-av-demo=veloria] :is(button,a,select){-webkit-tap-highlight-color:transparent}
html[data-av-demo=veloria] .collection{color:var(--ink);-webkit-text-fill-color:currentColor}
html[data-av-demo=veloria] .cta{justify-content:center;padding:16px 26px;gap:0}
@media(max-width:760px){
 .demo-return{display:none!important}
 html[data-av-demo=veloria]{--header-height:64px;scroll-padding-top:72px}
 html[data-av-demo=veloria] .header{height:64px;min-height:64px;grid-template-rows:64px;grid-template-columns:minmax(44px,1fr) auto minmax(100px,1fr);column-gap:4px}
 html[data-av-demo=veloria] .header>:is(.header-nav,.brand,.tools){grid-row:1}
 html[data-av-demo=veloria] .header>.header-nav{padding-left:12px}
 html[data-av-demo=veloria] .header>.tools{padding-right:8px;gap:2px}
 html[data-av-demo=veloria] .brand{font-size:24px;letter-spacing:.1em;padding-left:.1em}
 html[data-av-demo=veloria] .collection{font-size:10px;letter-spacing:0;max-width:62px;line-height:1.25;min-height:44px}
 html[data-av-demo=veloria] .language-buttons{display:none}
 html[data-av-demo=veloria] .language{display:block;color:var(--ink);font-size:11px;min-width:44px;min-height:44px}
 html[data-av-demo=veloria] .bag{width:40px;height:44px;flex-shrink:0}
 html[data-av-demo=veloria] .hero{height:auto;min-height:0;max-height:none}
 html[data-av-demo=veloria] .hero .photograph{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center;transform:none!important}
 html[data-av-demo=veloria] .hero-copy{padding:26px 18px 30px}
 html[data-av-demo=veloria] .hero-copy h1{font-size:clamp(32px,8.5vw,48px);line-height:1.05;margin-bottom:20px}
 html[data-av-demo=veloria] .hero-copy .eyebrow{font-size:10px;margin-bottom:12px}
 html[data-av-demo=veloria] .hero-copy .cta{min-height:48px;opacity:1;visibility:visible}
}

/* Preview windows render just the opening screen, avoiding offscreen image work. */
html[data-preview] section:not(.hero),html[data-preview] footer,html[data-preview] .demo-footer,html[data-preview] .av-demo-footer{display:none!important}
html[data-preview] .hero,html[data-preview] .hero *{content-visibility:visible}
html[data-preview] .hero [data-reveal],html[data-preview] .hero .reveal{opacity:1!important;visibility:visible!important;filter:none!important}