/* GECE MOBILYA — SOL14 premium continuity layer
   Goals: fluid phone/tablet hero geometry, no 900/901 discontinuity,
   clearer maker identity, stronger proof language, calmer desktop collections. */

.hero--flagship .flagship-scope{
  max-width:48ch;
  margin:20px 0 0;
  color:rgba(255,255,255,.72);
  font-size:12px;
  font-weight:520;
  line-height:1.55;
  letter-spacing:.01em;
  text-shadow:0 3px 22px rgba(0,0,0,.42);
}

/* Protect navigation readability over the bright opening frames. */
.home-v62-polish .header:not(.is-scrolled){
  background:linear-gradient(180deg,rgba(5,7,6,.54) 0%,rgba(5,7,6,.22) 58%,transparent 100%)!important;
}

/* The cinematic desktop treatment now begins only when there is enough canvas.
   901–1279 stays in the same film-to-type family as tablet, preventing a hard
   layout switch at 900/901 and 1180/1181. */
@media (max-width:1279px){
  .hero--flagship{
    min-height:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#080a09!important;
  }
  .hero--flagship .hero-media{
    position:relative!important;
    inset:auto!important;
    z-index:0!important;
    width:100%!important;
    min-height:0!important;
    overflow:hidden!important;
    background:#0b0c0b!important;
  }
  .hero--flagship .hero-video{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:53% 50%!important;
  }
  .hero--flagship .hero-media:before{
    background:
      linear-gradient(180deg,rgba(4,6,5,.24) 0%,rgba(4,6,5,.045) 24%,rgba(4,6,5,.015) 55%,rgba(8,10,9,.30) 77%,#080a09 100%),
      linear-gradient(90deg,rgba(4,6,5,.12),transparent 70%)!important;
  }
  .hero--flagship .hero-inner{
    position:relative!important;
    z-index:2!important;
    min-height:0!important;
    display:block!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }
  .hero--flagship .hero-copy{
    position:relative!important;
    inset:auto!important;
    max-width:none!important;
    padding:0 0 46px!important;
    transform:none!important;
  }
  .hero--flagship .eyebrow{
    margin-bottom:11px!important;
    font-size:9px!important;
    letter-spacing:.17em!important;
  }
  .hero--flagship h1{
    width:min(100%,720px)!important;
    max-width:none!important;
    margin:0!important;
    font-size:clamp(46px,5.7vw,66px)!important;
    line-height:.92!important;
    letter-spacing:-.05em!important;
    text-wrap:balance!important;
    text-shadow:0 4px 30px rgba(0,0,0,.38)!important;
  }
  .hero--flagship h1 em{display:inline!important}
  .hero--flagship .flagship-scope{
    margin-top:16px;
    max-width:44ch;
    font-size:11.5px;
    color:rgba(255,255,255,.68);
  }
  .hero--flagship .flagship-cta{
    margin-top:17px!important;
    font-size:9.5px!important;
    letter-spacing:.11em!important;
    padding-bottom:7px!important;
  }
  .flagship-scroll{display:none!important}

  .flagship-proof__inner{grid-template-columns:1fr;gap:0;min-height:0}
  .flagship-proof__intro{padding:28px 0 25px;border-bottom:1px solid rgba(255,255,255,.10)}
  .flagship-proof__stats{border-left:0}
  .flagship-stat{min-height:104px;padding:20px 18px}
}

@media (min-width:901px) and (max-width:1279px){
  .hero--flagship .hero-media{height:clamp(540px,56.25vw,660px)!important}
  .hero--flagship .hero-copy{margin-top:-104px!important;max-width:760px!important}
  .hero--flagship h1{font-size:clamp(56px,5.35vw,66px)!important;width:min(100%,690px)!important}
  .hero--flagship .flagship-scope{max-width:46ch}
}

@media (min-width:601px) and (max-width:900px){
  .hero--flagship .hero-media{height:clamp(540px,60vw,560px)!important}
  .hero--flagship .hero-copy{margin-top:-92px!important;padding-bottom:40px!important}
  .hero--flagship h1{font-size:clamp(44px,7.1vw,57px)!important;width:min(100%,660px)!important}
  .hero--flagship .flagship-scope{font-size:11px;margin-top:14px}
  .flagship-proof__inner{display:block}
  .flagship-proof__stats{grid-template-columns:repeat(4,1fr)}
  .flagship-stat{min-height:96px;padding:18px 12px;border-right:1px solid rgba(255,255,255,.10)}
  .flagship-stat:last-child{border-right:0}
}

/* Phone: use the actual 4:5 video geometry. The copy follows in document flow
   and overlaps the film fade, so tall devices no longer manufacture dead space. */
@media (max-width:600px){
  .hero--flagship .hero-media{
    height:clamp(400px,125vw,560px)!important;
    aspect-ratio:auto!important;
    max-height:none!important;
  }
  .hero--flagship .hero-video{object-position:54% 50%!important}
  .hero--flagship .hero-copy{
    margin-top:-76px!important;
    padding-bottom:34px!important;
  }
  .hero--flagship .eyebrow{margin-bottom:9px!important;font-size:8.5px!important}
  .hero--flagship h1{
    width:100%!important;
    font-size:clamp(39px,10.7vw,46px)!important;
    line-height:.925!important;
  }
  .hero--flagship .flagship-scope{
    max-width:34ch;
    margin-top:13px;
    font-size:10.5px;
    line-height:1.5;
  }
  .hero--flagship .flagship-cta{margin-top:15px!important}
  .flagship-proof__intro{padding:24px 0 21px}
  .flagship-proof__intro p{max-width:43ch;font-size:13px;line-height:1.63}
  .flagship-proof__stats{grid-template-columns:1fr 1fr}
  .flagship-stat{
    min-height:86px;
    padding:16px 12px 15px 0;
    border-right:1px solid rgba(255,255,255,.10);
    border-bottom:1px solid rgba(255,255,255,.10);
  }
  .flagship-stat:nth-child(2n){padding-left:14px;border-right:0}
  .flagship-stat:nth-last-child(-n+2){border-bottom:0}
  .flagship-stat b{font-size:20px}
  .flagship-stat span{font-size:8.7px}
}

@media (max-width:360px){
  .hero--flagship .hero-copy{margin-top:-66px!important;padding-bottom:30px!important}
  .hero--flagship h1{font-size:37px!important}
  .hero--flagship .flagship-scope{font-size:10px}
}

/* Desktop collection cards get breathing room instead of six narrow strips. */
@media (min-width:1280px){
  body.home-v62-polish .collection-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
  }
  body.home-v62-polish .collection-card{min-height:330px}
  body.home-v62-polish .collection-card img{object-position:center 48%}
  body.home-v62-polish .collections-head{margin-bottom:38px}
}