/* Phone layout, loaded last so desktop artwork and layout keep their cascade. */
picture:has(> .eight-mobile-art),picture:has(> .eight-original-background){display:contents}
.hero-slideshow>picture{display:contents}
.hero-pagination button[hidden]{display:none!important}
@media(max-width:900px){
 html{scroll-padding-top:96px}
 input,select,textarea{font-size:16px}
 .db-results,.db-board .db-deck{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}
 button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
 .footer-grid p,.footer-grid a{font-size:13px;line-height:1.7}
 .footer-grid a{display:block;padding-block:8px}
 .footer-bottom{font-size:10px;line-height:1.6}
 body .nav-orb .main-nav>a,body .nav-orb .main-nav>.nav-shop{position:relative;inset:auto!important;transform:none!important;width:100%;height:48px;min-height:48px;font-size:13px;transition:opacity .2s,background .2s;transition-delay:0s}
 body .nav-orb .main-nav{top:calc(100% + 8px);right:0;left:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(320px,calc(100vw - 24px));height:auto;min-height:0;padding:12px;border:1px solid #d4d8ea44;border-radius:12px;background:#171b2bf5;max-height:calc(100svh - 104px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;color:#f3f3fc;--nav-ink:#f3f3fc}
 body:not(.menu-open) .nav-orb .main-nav{visibility:hidden!important;opacity:0;pointer-events:none}
 body.menu-open .nav-orb .main-nav{opacity:1}
 /* Override the generic hamburger span rotation on the parchment word. */
 body .nav-parchment .nav-scroll-toggle .nav-scroll-word,
 body.menu-open .nav-parchment .nav-scroll-toggle .nav-scroll-word{transform:none!important;rotate:none!important;translate:none!important;animation:none!important}
 body .nav-parchment .nav-scroll-toggle,
 body .nav-parchment .nav-scroll-toggle:is(:hover,:focus,:focus-visible,:active){background:transparent!important;border:0!important;outline:none!important;box-shadow:none!important;-webkit-appearance:none;appearance:none}
 body .nav-parchment .nav-scroll-toggle:focus-visible .nav-scroll-word{text-decoration:underline;text-decoration-color:#edcc8e;text-underline-offset:.15em;text-decoration-thickness:1px}
 .hero-slideshow{background-image:none}
 .hero-slideshow>picture{display:contents}
 .hero-slideshow .hero-slide:not([data-mobile-slide]){display:none}
 .hero{height:100svh;min-height:720px;max-height:1100px}
 .hero .hero-art{inset:0}
 .hero .hero-slide{width:100%;height:100%;object-fit:cover;object-position:center top;transform:none!important;animation:none!important}
 .hero .hero-shade{background:linear-gradient(0deg,#080b17 0%,#080b17b3 16%,transparent 42%)}
 .hero .hero-content{position:absolute;inset:auto 0 86px;padding:0 22px;width:100%;margin:0}
 .hero .eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:12px}
 .hero h1{font-size:clamp(42px,12vw,64px);line-height:.94;letter-spacing:-.055em;margin:0 0 12px}
 .hero h1 br{display:none}
 .hero h1>span{margin-left:.14em}
 .hero h1>.hero-word-collect{margin-left:0}
 .hero h1>.hero-word{transform:none!important;visibility:visible!important;text-shadow:0 2px 8px #0008}
 .hero .hero-description{font-size:13px;line-height:1.6;max-width:300px;margin:0}
 .hero .hero-description{transform:none!important;translate:none!important;text-indent:0;text-align:left}
 .hero .hero-pagination,.hero:has(.navbar-variant-control) .hero-pagination{bottom:18px;left:18px;max-width:none;gap:6px;flex-wrap:nowrap;padding:0;border:0}
 .hero .hero-pagination button,.hero:has(.navbar-variant-control) .hero-pagination button{width:44px;height:44px;font-size:13px}
 .hero .hero-pagination button[aria-pressed="true"]{background:#d7bd80;color:#141525;border-color:#ecd49d}
 .navbar-variant-control{right:18px;bottom:76px}
 .navbar-variant-toggle{min-height:44px}
 .hero-scroll{display:none}
 .selection-title-fx,.hero-slideshow canvas,.hero-slideshow>svg,.catalog-water-motion{display:none!important}
 .photo-card{animation:none!important}
 .photo-portrait{background-image:url('../../prodotti/mobile/polaroid.webp')}
 #main:has(> .hero) .visit-section{background-image:url('../../prodotti/mobile/banner-continuo.webp');animation:roma-panorama 368s linear infinite}
 .catalog-mural{background-image:url('../../prodotti/mobile/catalog-worlds.webp')}
 .page-hero.catalog-hero{background-image:url('../../prodotti/mobile/catalogo-parete.webp')}
 .category-video{display:none!important}
 .category-card.is-video-playing .category-static{opacity:1}
 .selection-white .selection-intro p,.selection-premium .product-copy p{font-size:13px;line-height:1.65}
 .selection-premium .product-copy h3{font-size:16px;line-height:1.4}
 .selection-premium .product-copy{min-width:0;overflow-wrap:anywhere}
 .contact-panel{padding:24px 20px}
 #tokyo-geeks-config-dialog{width:calc(100% - 32px);max-height:calc(100svh - 40px);overflow:auto}
 #tokyo-geeks-preview-note{position:static;display:block;width:max-content;max-width:calc(100vw - 24px);margin:12px auto;font-size:10px;min-height:36px}
}
@media(max-width:900px) and (prefers-reduced-motion:reduce){
 #main:has(> .hero) .visit-section{animation:none}
}
@media(max-width:600px){
 .hero{min-height:680px}
 .hero .hero-content{bottom:92px}
 .hero h1{max-width:100%;font-size:clamp(38px,11vw,56px)}
 .hero .eyebrow{font-size:7px}
 .navbar-variant-control{bottom:18px;right:14px}
 .navbar-variant-toggle{min-width:112px;font-size:10px;padding:8px}
 .site-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .footer-top .homepage-cta{width:100%;min-height:48px}
 .selection-premium .product-card,.selection-premium .product-card:first-child{grid-template-columns:40% minmax(0,1fr)}
}
@media(max-width:360px){
 .hero .hero-pagination,.hero:has(.navbar-variant-control) .hero-pagination{gap:2px;left:12px}
 .hero .hero-pagination button,.hero:has(.navbar-variant-control) .hero-pagination button{width:42px}
 .navbar-variant-control{right:12px}
 .hero .hero-content{padding-inline:18px}
}
@media(max-width:900px) and (orientation:landscape){
 .hero{height:auto;min-height:620px}
 .hero .hero-slide{object-fit:contain;object-position:right top}
 .hero .hero-content{max-width:65%}
}