/* Kapo Store v32 — full-bleed editorial hero with hanging product links */
.ref-home .ref-hero{
  width:100%;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:#faf9f7;
}
.ref-home .ref-hero-layout,
.ref-home .ref-hero-layout.container{
  width:100%;
  max-width:none;
  padding:0;
  margin:0;
  position:relative;
  display:flex;
  align-items:stretch;
  min-height:570px;
  grid-template-columns:none;
  overflow:hidden;
}
.ref-home .ref-hero-copy{
  position:relative;
  z-index:5;
  flex:0 0 auto;
  width:min(36%,540px);
  margin-left:clamp(32px,6.5vw,120px);
  padding:68px 0 47px;
  align-self:center;
}
.ref-home .ref-hero-copy h1{
  font-size:clamp(48px,4.85vw,77px);
  letter-spacing:-3.1px;
  line-height:1.04;
  margin:22px 0 24px;
  white-space:nowrap;
}
.ref-home .ref-hero-copy p{max-width:440px;color:#62676a}
.ref-home .ref-hero-art.kapo-hero-product-art{
  position:absolute;
  z-index:0;
  inset:0;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  display:block;
  overflow:hidden;
  background:#faf9f7;
  isolation:auto;
}
.ref-home .ref-hero-art.kapo-hero-product-art:after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  background:linear-gradient(90deg,#faf9f7 0%,rgba(250,249,247,.98) 21%,rgba(250,249,247,.84) 31%,rgba(250,249,247,.31) 43%,transparent 58%);
  pointer-events:none;
}
.ref-home .kapo-hero-product-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:58% 53%;
  max-width:none;
  position:absolute;
  inset:0;
  animation:kapo-hero-breathe 17s ease-in-out infinite alternate;
}
.kapo-hanging-layer{
  position:absolute;
  inset:0;
  z-index:4;
  pointer-events:none;
}
.kapo-hanging-card{
  pointer-events:auto;
  display:flex;
  align-items:center;
  gap:12px;
  position:absolute;
  width:clamp(195px,16.8vw,270px);
  height:113px;
  padding:12px 13px;
  border-radius:18px;
  color:#252525;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(255,255,255,.93);
  box-shadow:0 18px 48px rgba(74,51,32,.13),0 3px 11px rgba(75,58,44,.06);
  backdrop-filter:blur(13px);
  -webkit-backdrop-filter:blur(13px);
  transform-origin:center;
  transition:box-shadow .3s, background .3s;
  text-decoration:none;
}
.kapo-hanging-card:hover{
  background:rgba(255,255,255,.97);
  box-shadow:0 21px 56px rgba(74,51,32,.23);
  animation-play-state:paused;
}
.kapo-hanging-image{
  flex:0 0 75px;
  width:75px;
  height:83px;
  background:rgba(247,246,243,.85);
  border-radius:11px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.kapo-hanging-image img{
  width:100%;
  height:100%;
  object-fit:contain;
  mix-blend-mode:multiply;
  padding:4px;
  border-radius:10px;
}
.kapo-hanging-copy{display:flex;flex-direction:column;gap:6px;min-width:0;padding-right:8px}
.kapo-hanging-copy strong{
  display:block;
  font:800 13px/1.16 Roboto,Arial,sans-serif!important;
  white-space:normal;
  letter-spacing:-.1px;
}
.kapo-hanging-copy small{
  display:block;
  font:500 10px/1.37 Roboto,Arial,sans-serif!important;
  color:#747474;
}
.kapo-hanging-arrow{
  position:absolute;
  right:11px;
  bottom:11px;
  width:30px;
  height:30px;
  border-radius:50%;
  background:#fff;
  display:grid;
  place-items:center;
  box-shadow:0 2px 12px #1111110c;
}
.kapo-hanging-arrow .kapo-svg-icon{
  width:15px;
  height:15px;
  filter:invert(42%) sepia(99%) saturate(2366%) hue-rotate(348deg) brightness(103%) contrast(94%);
}
.kapo-hanging-card-1{top:8%;left:36%;animation:kapo-float-a 7s ease-in-out infinite alternate}
.kapo-hanging-card-2{top:10%;right:2.6%;animation:kapo-float-b 8s ease-in-out infinite alternate}
.kapo-hanging-card-3{bottom:12%;left:33%;animation:kapo-float-c 7.5s ease-in-out infinite alternate}
.kapo-hanging-card-4{bottom:8%;right:2.6%;animation:kapo-float-d 8.5s ease-in-out infinite alternate}
@keyframes kapo-float-a{from{transform:translateY(2px) rotate(-9deg)}to{transform:translateY(-11px) rotate(-7deg)}}
@keyframes kapo-float-b{from{transform:translateY(-3px) rotate(8deg)}to{transform:translateY(10px) rotate(6deg)}}
@keyframes kapo-float-c{from{transform:translateY(6px) rotate(8deg)}to{transform:translateY(-7px) rotate(10deg)}}
@keyframes kapo-float-d{from{transform:translateY(-7px) rotate(-8deg)}to{transform:translateY(8px) rotate(-6deg)}}
@media(max-width:1260px){
  .ref-home .ref-hero-layout,.ref-home .ref-hero-layout.container{min-height:540px}
  .ref-home .ref-hero-copy{width:min(41%,480px);margin-left:clamp(32px,5.2vw,90px)}
  .ref-home .ref-hero-copy h1{font-size:clamp(43px,4.6vw,62px);letter-spacing:-2.7px}
  .kapo-hanging-card{width:clamp(176px,18vw,220px);height:95px;padding:8px;gap:8px}
  .kapo-hanging-image{flex-basis:61px;width:61px;height:72px}
  .kapo-hanging-copy strong{font-size:11px}
  .kapo-hanging-copy small{font-size:9px}
  .kapo-hanging-arrow{height:25px;width:25px;right:7px;bottom:7px}
  .kapo-hanging-card-1{left:42%;top:8%}
  .kapo-hanging-card-3{left:41%;bottom:9%}
}
@media(max-width:980px) and (min-width:701px){
  .ref-home .ref-hero-layout,.ref-home .ref-hero-layout.container{min-height:480px}
  .ref-home .ref-hero-copy{width:42%;margin-left:24px;padding:45px 0}
  .ref-home .ref-hero-copy h1{font-size:clamp(37px,5vw,48px);letter-spacing:-2.1px;white-space:normal}
  .ref-home .ref-hero-copy p{font-size:13px}
  .ref-home .ref-hero-art.kapo-hero-product-art{height:100%}
  .ref-home .kapo-hero-product-image{object-position:67% center}
  .kapo-hanging-card{width:164px;height:76px;gap:6px;padding:6px;border-radius:12px}
  .kapo-hanging-image{flex-basis:50px;width:50px;height:59px;border-radius:7px}
  .kapo-hanging-copy strong{font-size:10px}
  .kapo-hanging-copy small{font-size:8px}
  .kapo-hanging-arrow{width:22px;height:22px}
  .kapo-hanging-card-1{left:46%}
  .kapo-hanging-card-3{left:45%}
  .kapo-hanging-card-2,.kapo-hanging-card-4{right:1%}
}
@media(max-width:700px){
  .ref-home .ref-hero-layout,.ref-home .ref-hero-layout.container{
    display:block;
    width:100%;
    max-width:none;
    min-height:0;
    overflow:hidden;
  }
  .ref-home .ref-hero-copy{
    display:block;
    width:auto;
    max-width:none;
    margin:0;
    padding:33px 18px 18px;
    background:#faf9f7;
  }
  .ref-home .ref-hero-copy h1{
    font-size:clamp(37px,9.1vw,48px);
    line-height:1.07;
    letter-spacing:-1.9px;
    white-space:normal;
    margin:16px 0 13px;
  }
  .ref-home .ref-hero-copy p{font-size:13px}
  .ref-home .ref-hero-art.kapo-hero-product-art{
    position:relative;
    inset:auto;
    display:block;
    width:100%;
    height:335px;
    margin:0;
    padding:0;
    background:#faf9f7;
  }
  .ref-home .kapo-hero-product-image{
    width:100%;height:100%;object-fit:cover;object-position:66% center;
  }
  .ref-home .ref-hero-art.kapo-hero-product-art:after{
    background:linear-gradient(180deg,#faf9f7 0%,rgba(250,249,247,.05) 14%,transparent 28%);
  }
  .kapo-hanging-layer{
    position:absolute;
    inset:auto 0 0;
    height:335px;
    width:100%;
    pointer-events:none;
    z-index:4;
  }
  .kapo-hanging-card{
    width:clamp(120px,33.5vw,155px);
    height:70px;
    border-radius:11px;
    padding:6px;
    gap:5px;
    background:rgba(255,255,255,.90);
    box-shadow:0 8px 21px rgba(72,56,38,.16);
  }
  .kapo-hanging-image{width:46px;height:55px;flex-basis:46px;border-radius:7px}
  .kapo-hanging-image img{padding:2px}
  .kapo-hanging-copy{gap:3px;padding-right:0}
  .kapo-hanging-copy strong{font-size:9px!important;line-height:1.12!important}
  .kapo-hanging-copy small{font-size:7px!important;line-height:1.2!important}
  .kapo-hanging-arrow{height:20px;width:20px;right:4px;bottom:4px}
  .kapo-hanging-arrow .kapo-svg-icon{height:12px;width:12px}
  .kapo-hanging-card-1{left:4%;top:8%}
  .kapo-hanging-card-2{right:4%;top:10%}
  .kapo-hanging-card-3{left:4%;bottom:9%}
  .kapo-hanging-card-4{right:4%;bottom:8%}
}
@media(max-width:375px){
  .ref-home .ref-hero-art.kapo-hero-product-art,.kapo-hanging-layer{height:292px}
  .kapo-hanging-card{width:119px;height:63px;padding:5px}
  .kapo-hanging-image{width:39px;height:48px;flex-basis:39px}
  .kapo-hanging-copy strong{font-size:8px!important}
  .kapo-hanging-copy small{font-size:6px!important}
  .kapo-hanging-card-1{left:3%;top:8%}
  .kapo-hanging-card-2{right:3%;top:10%}
  .kapo-hanging-card-3{left:3%;bottom:10%}
  .kapo-hanging-card-4{right:3%;bottom:8%}
}
@media(prefers-reduced-motion:reduce){
 .kapo-hanging-card{animation:none!important;transform:none!important}
 .ref-home .kapo-hero-product-image{animation:none!important}
}

/* v32 composition refinement: protect headline and show the complete lifestyle objects */
@media(min-width:981px){
 .ref-home .kapo-hero-product-image{
   width:77%;
   left:auto;
   right:0;
   object-position:center center;
 }
 .ref-home .ref-hero-art.kapo-hero-product-art:after{
   background:linear-gradient(90deg,#faf9f7 0%,rgba(250,249,247,.98) 19%,rgba(250,249,247,.78) 27%,rgba(250,249,247,.18) 37%,transparent 48%);
 }
 .kapo-hanging-card-1{left:44%}
}
@media(max-width:980px) and (min-width:701px){
 .ref-home .kapo-hero-product-image{width:83%;right:0;left:auto;object-position:67% center}
 .ref-home .ref-hero-art.kapo-hero-product-art:after{
   background:linear-gradient(90deg,#faf9f7 0%,rgba(250,249,247,.97) 24%,rgba(250,249,247,.66) 39%,transparent 57%);
 }
}
@media(max-width:700px){
 .ref-home .kapo-hero-product-image{width:100%;left:0;right:0;object-position:66% center}
}

@media(min-width:981px) and (max-width:1260px){
 .kapo-hanging-card-1{left:48%}
}