/* v0.5.1 homepage + phone layout (owner: homepage work) */

/* On phones, every featured piece gets the same square photo and separate text row. */
@media(max-width:700px){
 .home-featured .home-grid.n5.collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px;align-items:start}
 .home-featured .home-grid .product-card{display:flex;flex:none;flex-direction:column;min-width:0;width:auto;}
 .home-featured .home-grid.n5 .product-card:nth-child(3){grid-column:auto!important;grid-row:auto!important}
 .home-featured .home-grid .product-img,.home-featured .home-grid.n5 .product-card:nth-child(3) .product-img{position:relative;display:block;flex:none;aspect-ratio:1/1;min-height:0;overflow:hidden;background:#F0ECE4}
 .home-featured .home-grid .product-img>a{display:block;width:100%;height:100%;background:#F0ECE4}
 .home-featured .home-grid .product-img>a img,.home-featured .home-grid.n5 .product-card:nth-child(3) .product-img img{display:block;position:static;width:100%;height:100%;max-height:none;aspect-ratio:1/1;object-fit:contain}
 .home-featured .home-grid .product-overlay{display:none!important}
 .home-featured .home-grid .product-info{display:block;min-width:0;padding:10px 2px 14px;text-align:left}
 .home-featured .home-grid .product-name{display:block;margin:0 0 5px;font-size:1rem;line-height:1.3;overflow-wrap:anywhere}
 .home-featured .home-grid .product-price{display:block;font-size:.76rem;line-height:1.4;white-space:normal}
}
@media(max-width:370px){.home-featured .home-grid.collection-grid{gap:16px 10px}.home-featured .home-grid .product-name{font-size:.93rem}}

/* Mobile Milan cards stack in one column and retain complete, uncropped photos. */
@media(max-width:700px){
 .milan-section{overflow-x:clip}
 .milan-section .milan-inner{grid-template-columns:minmax(0,1fr)!important;gap:32px;align-items:stretch}
 .milan-section .milan-products{display:grid;grid-template-columns:minmax(0,1fr)!important;gap:20px;overflow-x:clip!important}
 .milan-section .milan-card{display:flex;flex-direction:column;width:100%;min-width:0;grid-column:auto!important;aspect-ratio:auto;overflow:hidden}
 .milan-section .milan-card figure,.milan-section .milan-card figure a{display:block;width:100%;height:auto;margin:0}
 .milan-section .milan-card img{display:block;width:100%;height:auto!important;max-height:none;aspect-ratio:auto;object-fit:contain!important}
 .milan-section .milan-card .info{position:static;padding:12px 14px 14px}
}

/* Commission feature: full-width artwork first, then comfortable text and a usable CTA. */
@media(max-width:700px){
 .rb-i34{overflow-x:clip!important}
 .rb-i34 .rb-i35{display:grid!important;grid-template-columns:minmax(0,1fr)!important;min-height:0!important}
 .rb-i34 .rb-i35>.wp-block-group.rb-has-bg{position:relative;display:block;width:100%;min-width:0;min-height:0;overflow:hidden}
 .rb-i34 .rb-i35>.wp-block-group.rb-has-bg .rb-bg-fig{position:static!important;inset:auto!important;width:100%;height:auto!important;margin:0}
 .rb-i34 .rb-i35>.wp-block-group.rb-has-bg .rb-bg-fig img{position:static!important;display:block;width:100%;height:auto!important;max-height:none!important;aspect-ratio:auto;object-fit:contain!important;object-position:center}
 .rb-i34 .rb-i35>.wp-block-group.rb-i36{display:flex;flex-direction:column;align-items:stretch;width:100%;min-width:0;padding:34px 24px 38px!important;box-sizing:border-box}
 .rb-i34 .rb-i36 .rb-i38{max-width:42rem;line-height:1.8}
 .rb-i34 .rb-i36 .rb-i39{width:100%;max-width:360px;margin:20px auto 0!important;text-align:center}
 .rb-i34 .rb-i36 .rb-i39 a{display:block;width:100%;box-sizing:border-box;text-align:center}
}

/* Reveal requested homepage visuals only after JS and motion support are confirmed. */
.home-featured,.milan-section,.process-section{overflow-x:clip}
@media(prefers-reduced-motion:no-preference){
 .rb-slide-left{opacity:0;transform:translateX(-48px);transition:opacity .8s ease,transform .8s cubic-bezier(.22,.68,.2,1);will-change:opacity,transform}
 .rb-slide-left.rb-slide-visible{opacity:1;transform:translateX(0)}
}