.hero{background:radial-gradient(circle at 22% 48%,#302126 0,#191416 25%,#090909 61%)}
.hero img.hero-product{position:absolute;left:2%;top:2%;width:56%;height:96%;object-fit:contain;object-position:center;filter:drop-shadow(0 45px 70px rgba(0,0,0,.72))}
.hero:after{background:linear-gradient(90deg,rgba(5,5,5,0) 32%,rgba(5,5,5,.12) 52%,rgba(5,5,5,.88) 100%)}
.product-img{position:absolute;object-fit:contain;filter:drop-shadow(0 35px 35px rgba(0,0,0,.55));transition:transform .6s ease}
.tile:hover .product-img{transform:translateY(-8px) scale(1.025)}
.product-note{width:82%;height:75%;left:2%;top:0}
.product-poco{width:56%;height:76%;left:2%;top:-3%}
.editorial{background:radial-gradient(circle at 22% 35%,#535353 0 5%,#111 6% 18%,#636363 19% 21%,#161616 22% 31%,#272727 32% 45%,#0d0d0d 46%)}
.camera-detail{position:absolute;left:10%;top:8%;width:220px;height:220px;border:1px solid #777;border-radius:50%;box-shadow:0 0 0 25px #151515,0 0 0 27px #4b4b4b,0 25px 60px #000}
.device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;direction:ltr}
.device-card{direction:rtl;position:relative;height:640px;overflow:hidden;background:#121212;border:1px solid #242424;isolation:isolate;transition:transform .45s ease,border-color .45s ease}
.device-card:before{content:"";position:absolute;width:430px;height:430px;left:-80px;top:-110px;border-radius:50%;filter:blur(1px);opacity:.48;z-index:-1}
.device-card:hover{transform:translateY(-7px);border-color:#494949}
.device-card img{position:absolute;left:2%;top:3%;width:72%;height:74%;object-fit:contain;filter:drop-shadow(0 35px 45px rgba(0,0,0,.7));transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.device-card:hover img{transform:translateY(-10px) scale(1.035)}
.device-number{position:absolute;top:28px;right:30px;color:#666;font:500 12px/1 Arial;letter-spacing:2px}
.device-copy{position:absolute;right:34px;bottom:32px;z-index:3}
.device-copy span{color:#8e8e8e;font-size:12px}
.device-copy h3{direction:ltr;text-align:right;font:700 clamp(24px,2.3vw,36px)/1.2 Arial;margin:5px 0 9px;letter-spacing:-1px}
.device-copy p{font-size:13px;color:#999;margin:0 0 12px}
.device-copy a{font-size:12px;font-weight:700}
.device-burgundy:before{background:radial-gradient(circle,#6b3444 0,#24171c 62%,transparent 72%)}
.device-silver:before{background:radial-gradient(circle,#777 0,#292929 62%,transparent 72%)}
.device-fold:before{background:radial-gradient(circle,#555967 0,#22232a 62%,transparent 72%)}
.device-duo:before{background:radial-gradient(circle,#324256 0,#151d28 62%,transparent 72%)}
.device-fold img,.device-duo img{width:86%;left:-4%}
@media(max-width:820px){
  .hero img.hero-product{left:-15%;top:-2%;width:100%;height:62%;opacity:.82}
  .hero:after{background:linear-gradient(0deg,#080808 7%,rgba(8,8,8,.12) 78%)}
  .product-note{width:100%;height:68%;left:-10%}
  .product-poco{width:78%;height:70%;left:-12%}
  .device-grid{grid-template-columns:1fr}
  .device-card{height:540px}
  .device-card img{width:84%;height:70%;left:-3%;top:1%}
  .device-fold img,.device-duo img{width:98%;left:-10%}
  .device-copy{right:24px;left:24px;bottom:24px}
}