/* =========================================================
   TVUJORIGINAL HOMEPAGE — FINAL GALERIE V5.0.0
   ========================================================= */

.to-v5-previous-hidden{display:none!important}
body.to-homepage-v5-active{overflow-x:hidden}

:root{
  --to-container-content:1680px;
  --to-container-page-padding:24px;
}

#to-homepage-v5{
  --ink:#2d2926;
  --text:#4f4842;
  --muted:#786f68;
  --line:#e7dfd8;
  --soft:#f8f4f0;
  --beige:#b6a99a;
  --green:#84ab09;
  width:min(var(--to-container-content),calc(100% - (var(--to-container-page-padding)*2)));
  max-width:var(--to-container-content);
  margin:0 auto 68px;
  color:var(--text);
  font-family:var(--to-font-family,"Source Sans 3",sans-serif);
}

#to-homepage-v5,
#to-homepage-v5 *{box-sizing:border-box}

#to-homepage-v5 a{text-decoration:none!important}
#to-homepage-v5 img{display:block;width:100%}

#to-homepage-v5 .to-v5-eyebrow{
  margin:0 0 12px;
  color:#846b58;
  font-size:13px;
  font-weight:480;
  letter-spacing:.16em;
  text-transform:uppercase;
}

/* HERO */
#to-homepage-v5 .to-v5-hero{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(560px,1.08fr);
  grid-template-rows:minmax(690px,auto) auto;
  background:linear-gradient(to bottom,#f7eee7 0%,#fbf7f3 55%,#fff 100%);
}

#to-homepage-v5 .to-v5-hero__copy{
  display:flex;
  padding:clamp(66px,7vw,112px) clamp(38px,6vw,92px);
  justify-content:center;
  flex-direction:column;
}

#to-homepage-v5 .to-v5-hero h1{
  margin:0;
  color:var(--ink);
  font-family:var(--to-font-heading,"Exo 2",sans-serif);
  font-size:clamp(58px,6vw,94px);
  font-weight:520;
  line-height:.95;
  letter-spacing:-.055em;
}

#to-homepage-v5 .to-v5-hero h1 span,
#to-homepage-v5 .to-v5-hero h1 em{display:block}

#to-homepage-v5 .to-v5-hero h1 em{
  margin-top:12px;
  color:#8d725d;
  font-family:"Monotype Corsiva","URW Chancery L","Segoe Script",cursive;
  font-size:.76em;
  font-weight:400;
  letter-spacing:0;
  line-height:1;
}

#to-homepage-v5 .to-v5-hero__text{
  max-width:710px;
  margin:28px 0 0;
  color:var(--muted);
  font-size:clamp(17px,1.3vw,21px);
  line-height:1.58;
}

#to-homepage-v5 .to-v5-hero__metric{
  display:flex;
  max-width:750px;
  margin-top:32px;
  align-items:center;
  gap:20px;
}

#to-homepage-v5 .to-v5-hero__metric strong{
  color:var(--ink);
  font-family:var(--to-font-heading,"Exo 2",sans-serif);
  font-size:clamp(34px,3.7vw,56px);
  font-weight:480;
  line-height:1;
  letter-spacing:-.045em;
}

#to-homepage-v5 .to-v5-hero__metric span{
  max-width:320px;
  color:#846b58;
  font-size:15px;
  font-weight:420;
  line-height:1.35;
}

#to-homepage-v5 .to-v5-actions{
  display:flex;
  margin-top:29px;
  flex-wrap:wrap;
  gap:10px;
}

#to-homepage-v5 .to-v5-button{
  display:inline-flex;
  min-height:50px;
  padding:0 24px;
  align-items:center;
  justify-content:center;
  border:1px solid transparent;
  color:var(--ink);
  font-size:14px;
  font-weight:500;
  transition:transform .2s,background-color .2s,border-color .2s,color .2s;
}

#to-homepage-v5 .to-v5-button:hover{transform:translateY(-2px)}
#to-homepage-v5 .to-v5-button--primary{border-color:var(--green);background:var(--green);color:#fff}
#to-homepage-v5 .to-v5-button--secondary{border-color:var(--beige);background:rgba(255,255,255,.68)}

/* HERO SHOWCASE */
#to-homepage-v5 .to-v5-hero__visual{
  position:relative;
  min-height:690px;
  overflow:hidden;
  isolation:isolate;
}

#to-homepage-v5 .to-v5-showcase-glow{
  position:absolute;
  z-index:-1;
  left:17%;
  top:21%;
  width:66%;
  height:58%;
  border-radius:50%;
  background:rgba(182,169,154,.27);
  filter:blur(58px);
}

#to-homepage-v5 .to-v5-showcase-grid{
  position:absolute;
  inset:8% 2% 9%;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);
}

#to-homepage-v5 .to-v5-showcase-grid::before,
#to-homepage-v5 .to-v5-showcase-grid::after{
  content:"";
  position:absolute;
  z-index:20;
  top:-4%;
  bottom:-4%;
  width:12%;
  pointer-events:none;
}

#to-homepage-v5 .to-v5-showcase-grid::before{
  left:-1px;
  background:linear-gradient(90deg,#fbf7f3 12%,rgba(251,247,243,.72) 42%,transparent);
}

#to-homepage-v5 .to-v5-showcase-grid::after{
  right:-1px;
  background:linear-gradient(270deg,#fbf7f3 12%,rgba(251,247,243,.72) 42%,transparent);
}

#to-homepage-v5 .to-v5-showcase-card{
  position:absolute;
  overflow:hidden;
  border-radius:14px;
  background:#eee8e2;
  box-shadow:0 16px 38px rgba(59,43,31,.17);
  transition:transform .32s ease,box-shadow .32s ease,z-index 0s;
}

#to-homepage-v5 .to-v5-showcase-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .45s ease,filter .3s ease;
}

#to-homepage-v5 .to-v5-showcase-card span{
  position:absolute;
  inset:auto 0 0;
  padding:34px 12px 11px;
  background:linear-gradient(transparent,rgba(25,21,18,.84));
  color:#fff;
  font-size:11px;
  font-weight:480;
  opacity:0;
  transform:translateY(5px);
  transition:opacity .22s ease,transform .22s ease;
}

#to-homepage-v5 .to-v5-showcase-card:hover{
  z-index:30;
  transform:translateY(-7px) rotate(0deg) scale(1.03)!important;
  box-shadow:0 24px 52px rgba(59,43,31,.24);
}

#to-homepage-v5 .to-v5-showcase-card:hover img{transform:scale(1.05);filter:brightness(.86)}
#to-homepage-v5 .to-v5-showcase-card:hover span{opacity:1;transform:none}

#to-homepage-v5 .to-v5-showcase-card--1{left:6%;top:15%;z-index:6;width:39%;height:57%;transform:rotate(-1.5deg)}
#to-homepage-v5 .to-v5-showcase-card--2{left:39%;top:7%;z-index:4;width:29%;height:37%;transform:rotate(1.4deg)}
#to-homepage-v5 .to-v5-showcase-card--3{left:65%;top:14%;z-index:3;width:27%;height:32%;transform:rotate(2.2deg)}
#to-homepage-v5 .to-v5-showcase-card--4{left:44%;top:43%;z-index:8;width:29%;height:39%;transform:rotate(-1deg)}
#to-homepage-v5 .to-v5-showcase-card--5{left:69%;top:47%;z-index:7;width:25%;height:34%;transform:rotate(1.2deg)}
#to-homepage-v5 .to-v5-showcase-card--6{left:12%;top:68%;z-index:9;width:31%;height:25%;transform:rotate(1.7deg)}

#to-homepage-v5 .to-v5-showcase-more{
  position:absolute;
  right:8%;
  bottom:6%;
  z-index:25;
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:7px 0 5px;
  border-bottom:1px solid var(--beige);
  color:#73533c;
  font-size:12px;
  font-weight:500;
}

/* PROOF */
#to-homepage-v5 .to-v5-proof{
  display:grid;
  grid-column:1/-1;
  grid-template-columns:repeat(4,minmax(0,1fr));
  background:#fff;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}

#to-homepage-v5 .to-v5-proof__item{
  display:flex;
  min-height:102px;
  padding:18px 24px;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  color:var(--ink);
  text-align:center;
}

#to-homepage-v5 .to-v5-proof__item + .to-v5-proof__item{border-left:1px solid var(--line)}

#to-homepage-v5 .to-v5-proof__item strong{
  font-family:var(--to-font-heading,"Exo 2",sans-serif);
  font-size:25px;
  font-weight:500;
}

#to-homepage-v5 .to-v5-proof__item span{
  margin-top:6px;
  color:var(--muted);
  font-size:12px;
}

/* GALLERY */
#to-homepage-v5 .to-v5-gallery{padding-top:clamp(78px,8vw,118px)}

#to-homepage-v5 .to-v5-gallery__heading{
  max-width:1120px;
  margin:0 auto 43px;
  text-align:center;
}

#to-homepage-v5 .to-v5-gallery__heading h2,
#to-homepage-v5 .to-v5-products__heading h2,
#to-homepage-v5 .to-v5-process h2{
  margin:0;
  color:var(--ink);
  font-family:var(--to-font-heading,"Exo 2",sans-serif);
  font-size:clamp(37px,4.1vw,62px);
  font-weight:500;
  line-height:1.03;
  letter-spacing:-.045em;
}

#to-homepage-v5 .to-v5-gallery__live-copy{
  min-height:1.6em;
  max-width:760px;
  margin:20px auto 0;
  color:#846b58;
  font-family:"Monotype Corsiva","URW Chancery L","Segoe Script",cursive;
  font-size:clamp(25px,2.5vw,38px);
  line-height:1.1;
  transition:opacity .2s ease;
}

#to-homepage-v5 .to-v5-gallery-wall{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-auto-rows:58px;
  gap:13px;
}

#to-homepage-v5 .to-v5-gallery-card{
  position:relative;
  overflow:hidden;
  min-height:160px;
  background:#eee7e1;
  box-shadow:0 10px 28px rgba(70,52,39,.08);
  transform:rotate(var(--rot,0deg));
  transition:transform .35s ease,box-shadow .35s ease,z-index 0s;
}

#to-homepage-v5 .to-v5-gallery-card:hover{
  z-index:20;
  transform:rotate(0deg) translateY(-7px) scale(1.045);
  box-shadow:0 24px 48px rgba(70,52,39,.2);
}

#to-homepage-v5 .to-v5-gallery-card__media,
#to-homepage-v5 .to-v5-gallery-card__media img{width:100%;height:100%}

#to-homepage-v5 .to-v5-gallery-card__media img{
  object-fit:cover;
  transition:transform .5s ease,filter .35s ease;
}

#to-homepage-v5 .to-v5-gallery-card:hover img{transform:scale(1.06);filter:brightness(.38)}

#to-homepage-v5 .to-v5-gallery-card__overlay{
  position:absolute;
  inset:0;
  display:flex;
  padding:24px;
  flex-direction:column;
  justify-content:flex-end;
  background:linear-gradient(to top,rgba(20,15,12,.9),rgba(20,15,12,.18) 76%);
  color:#fff;
  opacity:0;
  transition:opacity .28s ease;
}

#to-homepage-v5 .to-v5-gallery-card:hover .to-v5-gallery-card__overlay{opacity:1}

#to-homepage-v5 .to-v5-gallery-card__overlay small{
  color:#fff;
  font-size:clamp(19px,1.8vw,31px);
  font-weight:480;
  letter-spacing:.04em;
}

#to-homepage-v5 .to-v5-gallery-card__overlay h3{
  max-width:380px;
  margin:8px 0 0;
  color:#fff;
  font-family:"Monotype Corsiva","URW Chancery L","Segoe Script",cursive;
  font-size:clamp(27px,2.35vw,40px);
  font-weight:400;
  line-height:1.03;
}

#to-homepage-v5 .to-v5-gallery-card__overlay span{
  margin-top:13px;
  color:#fff;
  font-size:13px;
  font-weight:480;
}

#to-homepage-v5 .to-v5-gallery-card--1{grid-column:span 5;grid-row:span 6;--rot:-1deg}
#to-homepage-v5 .to-v5-gallery-card--2{grid-column:span 3;grid-row:span 4;--rot:1.2deg}
#to-homepage-v5 .to-v5-gallery-card--3{grid-column:span 4;grid-row:span 5;--rot:-.8deg}
#to-homepage-v5 .to-v5-gallery-card--4{grid-column:span 3;grid-row:span 5;--rot:1deg}
#to-homepage-v5 .to-v5-gallery-card--5{grid-column:span 4;grid-row:span 4;--rot:-1.3deg}
#to-homepage-v5 .to-v5-gallery-card--6{grid-column:span 5;grid-row:span 6;--rot:.7deg}
#to-homepage-v5 .to-v5-gallery-card--7{grid-column:span 4;grid-row:span 5;--rot:-.6deg}
#to-homepage-v5 .to-v5-gallery-card--8{grid-column:span 3;grid-row:span 4;--rot:1.1deg}

#to-homepage-v5 .to-v5-gallery-placeholder{
  display:block;
  width:100%;
  height:100%;
  background:linear-gradient(100deg,#eee7e1 25%,#f8f4f0 50%,#eee7e1 75%);
  background-size:220% 100%;
  animation:toFinalLoad 1.4s linear infinite;
}

@keyframes toFinalLoad{to{background-position:-220% 0}}

#to-homepage-v5 .to-v5-gallery-all{
  display:flex;
  margin-top:40px;
  justify-content:center;
}

#to-homepage-v5 .to-v5-gallery-all a{
  display:inline-flex;
  min-height:62px;
  padding:0 24px;
  align-items:center;
  gap:14px;
  color:var(--ink);
  font-size:16px;
}

#to-homepage-v5 .to-v5-gallery-all span{color:#9a7a61;font-size:24px}
#to-homepage-v5 .to-v5-gallery-all b{color:var(--green);font-size:20px}

/* PRODUCT SLIDERS */
#to-homepage-v5 .to-v5-product-groups{
  display:grid;
  gap:clamp(58px,6vw,84px);
  padding-top:clamp(68px,7vw,98px);
}

#to-homepage-v5 .to-v5-products:nth-child(3){
  padding:clamp(44px,4.5vw,64px);
  background:linear-gradient(135deg,#f8f3ee 0%,#f1e7df 100%);
}

#to-homepage-v5 .to-v5-products__heading{
  display:flex;
  margin-bottom:23px;
  align-items:flex-end;
  justify-content:space-between;
  gap:30px;
}

#to-homepage-v5 .to-v5-products__heading h2{
  max-width:930px;
  font-size:clamp(30px,3vw,45px);
}

#to-homepage-v5 .to-v5-products__heading > a{
  flex:0 0 auto;
  color:var(--ink);
  font-size:14px;
  font-weight:500;
}

#to-homepage-v5 .to-v5-products__viewport{position:relative}

#to-homepage-v5 .to-v5-products__track{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:calc((100% - 45px)/4);
  gap:15px;
  overflow-x:auto;
  scrollbar-width:none;
  scroll-snap-type:x mandatory;
}

#to-homepage-v5 .to-v5-products__track::-webkit-scrollbar{display:none}

#to-homepage-v5 .to-v5-product{
  min-width:0;
  color:var(--ink);
  scroll-snap-align:start;
}

#to-homepage-v5 .to-v5-product__media{
  position:relative;
  aspect-ratio:1.32/1;
  overflow:hidden;
  background:#f5f1ed;
}

#to-homepage-v5 .to-v5-product__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .4s ease;
}

#to-homepage-v5 .to-v5-product:hover img{transform:scale(1.045)}

#to-homepage-v5 .to-v5-product__overlay{
  position:absolute;
  inset:auto 0 0;
  display:flex;
  padding:13px 15px;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  background:rgba(255,255,255,.94);
}

#to-homepage-v5 .to-v5-product__overlay span{font-size:13px;font-weight:500}
#to-homepage-v5 .to-v5-product__overlay strong{color:#8b705b;font-size:11px;font-weight:500}

#to-homepage-v5 .to-v5-product__meta{
  display:flex;
  margin-top:10px;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

#to-homepage-v5 .to-v5-product__meta p{
  margin:0;
  overflow:hidden;
  color:var(--muted);
  font-size:12px;
  line-height:1.35;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#to-homepage-v5 .to-v5-product__meta strong{
  flex:0 0 auto;
  color:var(--ink);
  font-size:13px;
  font-weight:500;
}

#to-homepage-v5 .to-v5-products__nav{
  position:absolute;
  z-index:5;
  top:42%;
  display:grid;
  width:42px;
  height:42px;
  place-items:center;
  border:1px solid var(--line);
  border-radius:50%;
  background:rgba(255,255,255,.93);
  color:var(--ink);
  font-size:28px;
  cursor:pointer;
  box-shadow:0 5px 18px rgba(60,45,34,.1);
}

#to-homepage-v5 .to-v5-products__nav--prev{left:-17px}
#to-homepage-v5 .to-v5-products__nav--next{right:-17px}

#to-homepage-v5 .to-v5-products__more{display:none;margin-top:18px}
#to-homepage-v5 .to-v5-products__more a{color:var(--ink);font-size:14px;font-weight:500}

#to-homepage-v5 .to-v5-product-skeleton span{
  display:block;
  aspect-ratio:1.32/1;
  background:linear-gradient(100deg,#eeeae6 25%,#faf8f6 50%,#eeeae6 75%);
  background-size:220% 100%;
  animation:toFinalLoad 1.4s linear infinite;
}

#to-homepage-v5 .to-v5-product-skeleton i{
  display:block;
  width:65%;
  height:11px;
  margin-top:11px;
  background:#eeeae6;
}

/* PROCESS WOW */
#to-homepage-v5 .to-v5-process{
  padding:clamp(72px,7vw,102px) 0 42px;
  text-align:center;
}

#to-homepage-v5 .to-v5-process > header{
  max-width:950px;
  margin:0 auto 42px;
}

#to-homepage-v5 .to-v5-process__steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

#to-homepage-v5 .to-v5-process__step{
  position:relative;
  min-height:330px;
  padding:38px 28px;
  overflow:hidden;
  background:linear-gradient(145deg,#fff 0%,#faf6f2 100%);
}

#to-homepage-v5 .to-v5-process__step::after{
  content:"";
  position:absolute;
  right:-60px;
  bottom:-90px;
  width:210px;
  height:210px;
  border-radius:50%;
  background:rgba(182,169,154,.14);
}

#to-homepage-v5 .to-v5-process__visual{
  position:relative;
  display:grid;
  width:110px;
  height:110px;
  margin:0 auto 18px;
  place-items:center;
  color:#846b58;
}

#to-homepage-v5 .to-v5-process__visual span{
  position:absolute;
  inset:8px;
  border-radius:44% 56% 58% 42%/45% 43% 57% 55%;
  background:rgba(182,169,154,.17);
  transform:rotate(-8deg);
}

#to-homepage-v5 .to-v5-process__visual svg{
  position:relative;
  z-index:2;
  width:72px;
  height:72px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.55;
  stroke-linecap:round;
  stroke-linejoin:round;
}

#to-homepage-v5 .to-v5-process__step h3{
  margin:0;
  color:var(--ink);
  font-family:var(--to-font-heading,"Exo 2",sans-serif);
  font-size:24px;
  font-weight:500;
}

#to-homepage-v5 .to-v5-process__step em{
  display:block;
  margin-top:5px;
  color:#8d725d;
  font-family:"Monotype Corsiva","URW Chancery L","Segoe Script",cursive;
  font-size:clamp(28px,2.4vw,39px);
  font-weight:400;
  line-height:1;
}

#to-homepage-v5 .to-v5-process__step p{
  max-width:300px;
  margin:14px auto 0;
  color:var(--muted);
  font-size:14px;
}

#to-homepage-v5 .to-v5-process__step button{
  position:relative;
  z-index:2;
  margin-top:18px;
  padding:0;
  border:0;
  background:none;
  color:var(--ink);
  font:inherit;
  font-size:13px;
  font-weight:500;
  cursor:pointer;
}

#to-homepage-v5 .to-v5-process__step button span{
  display:inline-flex;
  width:24px;
  height:24px;
  margin-left:7px;
  align-items:center;
  justify-content:center;
  border:1px solid var(--beige);
  border-radius:50%;
}

#to-homepage-v5 .to-v5-process__details{
  max-width:1050px;
  margin:18px auto 0;
  padding:27px;
  background:var(--soft);
}

#to-homepage-v5 .to-v5-process__details ul{
  display:grid;
  margin:0;
  padding:0;
  grid-template-columns:repeat(4,minmax(0,1fr));
  list-style:none;
  gap:16px;
}

#to-homepage-v5 .to-v5-process__details li{
  color:var(--text);
  font-size:13px;
  font-weight:450;
}

#to-homepage-v5 .to-v5-process__details li::before{
  content:"✓";
  margin-right:7px;
  color:var(--green);
}

@media(max-width:1100px){
  :root{--to-container-page-padding:16px}

  #to-homepage-v5 .to-v5-hero{grid-template-columns:1fr}
  #to-homepage-v5 .to-v5-hero__visual{min-height:590px}

  #to-homepage-v5 .to-v5-gallery-wall{
    grid-template-columns:repeat(8,minmax(0,1fr));
    grid-auto-rows:56px;
  }

  #to-homepage-v5 .to-v5-gallery-card{grid-column:span 4!important}

  #to-homepage-v5 .to-v5-products__track{
    grid-auto-columns:calc((100% - 15px)/2);
  }

  #to-homepage-v5 .to-v5-process__details ul{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:650px){
  :root{--to-container-page-padding:8px}

  #to-homepage-v5 .to-v5-hero__copy{padding:54px 22px 46px}
  #to-homepage-v5 .to-v5-hero h1{font-size:50px}
  #to-homepage-v5 .to-v5-hero h1 em{font-size:.82em}

  #to-homepage-v5 .to-v5-hero__metric{
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }

  #to-homepage-v5 .to-v5-actions{
    display:grid;
    grid-template-columns:1fr;
  }

  #to-homepage-v5 .to-v5-button{width:100%}
  #to-homepage-v5 .to-v5-hero__visual{min-height:440px}

  #to-homepage-v5 .to-v5-proof{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  #to-homepage-v5 .to-v5-proof__item:nth-child(3){
    border-top:1px solid var(--line);
    border-left:0;
  }

  #to-homepage-v5 .to-v5-proof__item:nth-child(4){
    border-top:1px solid var(--line);
  }

  #to-homepage-v5 .to-v5-gallery-wall{
    display:flex;
    margin-right:-8px;
    padding-right:8px;
    overflow-x:auto;
    gap:12px;
    scroll-snap-type:x mandatory;
  }

  #to-homepage-v5 .to-v5-gallery-card{
    flex:0 0 82vw;
    height:390px;
    transform:none;
    scroll-snap-align:start;
  }

  #to-homepage-v5 .to-v5-gallery-card:hover{transform:none}

  #to-homepage-v5 .to-v5-gallery-card__overlay{
    opacity:1;
    background:linear-gradient(to top,rgba(20,15,12,.9),transparent 74%);
  }

  #to-homepage-v5 .to-v5-products__heading{
    align-items:flex-start;
    flex-direction:column;
    gap:12px;
  }

  #to-homepage-v5 .to-v5-products__heading > a{display:none}

  #to-homepage-v5 .to-v5-products__track{
    grid-auto-columns:76vw;
  }

  #to-homepage-v5 .to-v5-products__nav{display:none}
  #to-homepage-v5 .to-v5-products__more{display:block}

  #to-homepage-v5 .to-v5-products:nth-child(3){padding:42px 18px}

  #to-homepage-v5 .to-v5-process__steps{
    grid-template-columns:1fr;
  }

  #to-homepage-v5 .to-v5-process__details ul{
    grid-template-columns:1fr;
  }
}

@media(prefers-reduced-motion:reduce){
  #to-homepage-v5 *,
  #to-homepage-v5 *::before,
  #to-homepage-v5 *::after{
    scroll-behavior:auto!important;
    transition:none!important;
    animation:none!important;
  }
}


/* V5 PERFORMANCE */
#to-homepage-v5 .to-v5-gallery-card > img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .35s ease}
#to-homepage-v5 .to-v5-gallery-card:hover > img{transform:scale(1.06);filter:brightness(.38)}
#to-homepage-v5 .to-v5-gallery-card > div{
  position:absolute;inset:0;display:flex;padding:24px;flex-direction:column;justify-content:flex-end;
  background:linear-gradient(to top,rgba(20,15,12,.9),rgba(20,15,12,.18) 76%);color:#fff;opacity:0;transition:opacity .28s ease
}
#to-homepage-v5 .to-v5-gallery-card:hover > div{opacity:1}
#to-homepage-v5 .to-v5-gallery-card > div small{color:#fff;font-size:clamp(19px,1.8vw,31px);font-weight:480;letter-spacing:.04em}
#to-homepage-v5 .to-v5-gallery-card > div h3{max-width:380px;margin:8px 0 0;color:#fff;font-family:"Monotype Corsiva","URW Chancery L","Segoe Script",cursive;font-size:clamp(27px,2.35vw,40px);font-weight:400;line-height:1.03}
#to-homepage-v5 .to-v5-gallery-card > div span{margin-top:13px;color:#fff;font-size:13px;font-weight:480}
#to-homepage-v5 .to-v5-product__media > div{position:absolute;inset:auto 0 0;display:flex;padding:13px 15px;align-items:center;justify-content:space-between;gap:10px;background:rgba(255,255,255,.94)}
#to-homepage-v5 .to-v5-product__media > div span{font-size:13px;font-weight:500}
#to-homepage-v5 .to-v5-product__media > div strong{color:#8b705b;font-size:11px;font-weight:500}
#to-homepage-v5 .to-v5-product footer{display:flex;margin-top:10px;align-items:flex-start;justify-content:space-between;gap:12px}
#to-homepage-v5 .to-v5-product footer p{margin:0;overflow:hidden;color:var(--muted);font-size:12px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
#to-homepage-v5 .to-v5-product footer strong{flex:0 0 auto;color:var(--ink);font-size:13px;font-weight:500}
#to-homepage-v5 .to-v5-skeleton span{display:block;aspect-ratio:1.32/1;background:linear-gradient(100deg,#eeeae6 25%,#faf8f6 50%,#eeeae6 75%);background-size:220% 100%;animation:toV5Load 1.4s linear infinite}
#to-homepage-v5 .to-v5-skeleton i{display:block;width:65%;height:11px;margin-top:11px;background:#eeeae6}
@keyframes toV5Load{to{background-position:-220% 0}}
#to-homepage-v5 .to-v5-error{grid-column:1/-1;padding:28px;text-align:center}
@media(max-width:650px){
  #to-homepage-v5 .to-v5-gallery-card > div{opacity:1;background:linear-gradient(to top,rgba(20,15,12,.9),transparent 74%)}
}