/* Narrow screens: reserve distinct space for every cover caption and photograph. */
@media (max-width:800px){
  html,body{max-width:100%;overflow-x:hidden}
  .topbar{height:auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:10px 16px 12px}
  .topbar .brand-logo{width:max-content;min-width:0;height:48px;max-width:100%}
  .topbar .brand-logo .bulb{width:30px;height:47px}
  .topbar .logo-words b{font-size:19px}.topbar .logo-words small{font-size:7px;letter-spacing:1.3px}
  .topbar nav{display:flex;width:100%;min-width:0;order:2;justify-content:flex-start;gap:19px;overflow-x:auto;scrollbar-width:none;white-space:nowrap;padding:3px 0 6px}
  .topbar nav::-webkit-scrollbar{display:none}
  .topbar nav a,.topbar nav a:nth-child(2),.topbar nav a:nth-child(3),.topbar nav a:nth-child(4),.topbar nav a:nth-child(5){display:block;flex:none;font-size:12px;letter-spacing:.035em}
  .site-search{order:1;width:100%;height:40px}.topbar .outline{display:none}
  .hero{height:720px;min-height:0;max-height:none;display:block;overflow:hidden}
  .hero-slider,.hero-track,.hero-slide{height:100%}
  .hero .shade{pointer-events:none;background:linear-gradient(180deg,transparent 30%,rgba(4,4,4,.93) 70%,#080807)}
  .hero-slide:first-child{background:#131210;position:relative}
  .hero-slide:first-child>img{display:block;width:100%;height:60%;object-fit:contain;object-position:center;animation:none}
  .hero-copy{position:absolute;z-index:3;top:auto;left:7%;right:7%;bottom:72px;width:auto;max-width:none;padding:0;overflow:visible}
  .hero-copy .eyebrow{font-size:10px;letter-spacing:.16em;line-height:1.5}
  .hero-copy h1{font-size:clamp(42px,10.5vw,58px);line-height:1.02;margin:10px 0 12px;overflow-wrap:normal}
  .hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.5;margin:0}
  .hero-copy .actions{margin-top:17px;gap:9px}
  .hero-copy .actions a{font-size:11px;padding:11px 14px}
  .hero.is-product-slide>.hero-copy,.hero[data-slide="3"]>.hero-copy{display:none!important}
  .hero.is-product-slide>.shade{opacity:0!important}
  .mosaic-slide{display:flex;flex-direction:column;background:#e9e2d8}
  .mosaic-slide .slide-caption{position:relative;top:auto;left:auto;right:auto;transform:none;flex:none;width:100%;height:220px;max-width:none;padding:30px 7% 18px;opacity:0!important;visibility:hidden!important}
  .hero[data-slide="1"] .applique-mosaic .slide-caption,.hero[data-slide="2"] .chandelier-mosaic .slide-caption{opacity:1!important;visibility:visible!important}
  .mosaic-slide .slide-caption h2{font-size:clamp(39px,10vw,55px);line-height:1;margin:9px 0}
  .mosaic-slide .slide-caption>p:last-child{display:block;font-size:13px;line-height:1.4;margin:8px 0;max-width:32ch}
  .mosaic-slide .product-mosaic,.applique-mosaic .product-mosaic,.chandelier-mosaic .product-mosaic{display:flex;flex:none;width:100%;height:calc(100% - 220px);margin:0;gap:8px;padding:8px 7% 52px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;transform:none}
  .mosaic-slide .product-mosaic::-webkit-scrollbar{display:none}
  .mosaic-slide .product-mosaic figure,.applique-mosaic .product-mosaic figure,.chandelier-mosaic .product-mosaic figure,.mosaic-slide .product-mosaic figure:nth-child(n+5){display:block;flex:0 0 74%;height:100%;margin:0;clip-path:none;transform:none!important;background:#d6cbbd;scroll-snap-align:center;overflow:hidden}
  .mosaic-slide .product-mosaic img,.applique-mosaic .product-mosaic img,.chandelier-mosaic .product-mosaic img{display:block;width:100%;max-width:100%;height:100%;object-fit:contain;object-position:center;transform:none!important;animation:none;background:transparent}
  .video-slide{display:flex;flex-direction:column;background:#eee8df}
  .video-slide .slide-caption{position:relative;flex:none;width:100%;height:220px;padding:30px 7% 18px}
  .video-slide .slide-caption h2{font-size:clamp(39px,10vw,55px);line-height:1;margin:9px 0}
  .video-slide .slide-caption>p:last-child{display:block;font-size:13px;line-height:1.4;margin:8px 0;max-width:35ch}
  .video-frame{flex:none;width:100%;height:calc(100% - 220px);padding:10px 10px 54px}
  .video-frame .video-main{width:100%;height:100%;max-width:100%;object-fit:contain}
  .slider-arrow{top:58%;width:35px;height:46px;font-size:30px}.slider-prev{left:5px}.slider-next{right:5px}.slider-dots{bottom:22px}
  .collection-intro h2,.about h2,.feature-copy h2,.material-story h2,.sales-channel h2{overflow-wrap:break-word;line-height:1.06}
  .collection-intro h2{font-size:clamp(41px,11vw,64px)}
  .collection-lead h2{line-height:1.03}
  .lux-product,.lux-product.featured,.lux-product.wide,.lux-product.tall{height:min(130vw,500px);min-height:0}
  .visual-swap .product-view,.chandelier-section .visual-swap .product-view{padding:6% 6% 21%;object-fit:contain}
  .visual-swap .scene-view{object-fit:contain;background:#c8bbaa}
  .chandelier-section .visual-swap .scene-view{background:#908578}
  .feature-scene{min-height:0;aspect-ratio:4/5;background:#a69b8d}.feature-scene img{object-fit:contain}
  .feature-copy{min-width:0}.feature-copy h2{font-size:clamp(43px,11vw,65px)}
  .material-list article{min-width:0;padding:23px 13px}.material-list small{line-height:1.4}
  .contact-links a{overflow-wrap:anywhere}
  footer{max-width:100%;overflow:hidden}
}
@media (max-width:380px){
  .hero{height:690px}.hero-copy h1{font-size:40px}.mosaic-slide .slide-caption,.video-slide .slide-caption{height:205px;padding-top:25px}
  .mosaic-slide .product-mosaic,.applique-mosaic .product-mosaic,.chandelier-mosaic .product-mosaic,.video-frame{height:calc(100% - 205px)}
  .lux-meta{left:16px;right:16px;bottom:17px;gap:4px 9px}.lux-meta h3{font-size:27px}.lux-meta a{font-size:10px}
  .material-list span{font-size:23px}
}