/* V32 | Platonik main hero copy only. No change to product photos, aurora or slider controls. */
.site--platonik .hero .hero-copy {
  top:49% !important;
  left:var(--gutter) !important;
  transform:translateY(-47%) !important;
  width:min(43%,610px) !important;
  max-width:610px !important;
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  text-align:left;
  gap:0 !important;
}
.site--platonik .hero .hero-eyebrow {
  display:block;
  max-width:100%;
  margin:0 0 clamp(19px,2.9vh,32px) !important;
  padding:0 !important;
  color:#dbeaff !important;
  font:700 clamp(10px,.78vw,13px)/1.55 Arial,Helvetica,sans-serif !important;
  letter-spacing:.13em !important;
  text-transform:uppercase;
  text-wrap:wrap;
}
.site--platonik .hero .hero-eyebrow::before,
.site--platonik .hero .hero-eyebrow::after,
.site--platonik .hero .hero-intro-divider {content:none!important;display:none!important;}
.site--platonik .hero .hero-copy h1 {
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:clamp(9px,1.3vh,16px) !important;
  margin:0 !important;
  padding:0 !important;
  font:800 clamp(49px,4.25vw,82px)/1.035 Arial,Helvetica,sans-serif !important;
  letter-spacing:-.052em !important;
  text-align:left !important;
  text-transform:uppercase;
  text-shadow:0 10px 30px rgba(5,36,115,.08) !important;
  max-width:100% !important;
  width:100% !important;
}
.site--platonik .hero .hero-copy h1 .hero-title-main {
  display:block;
  width:100%;
  max-width:100%;
  font:inherit !important;
  letter-spacing:inherit !important;
  line-height:inherit !important;
  white-space:normal !important;
  overflow-wrap:normal;
  text-wrap:balance;
}
.site--platonik .hero .hero-copy h1 em {
  display:block !important;
  align-self:flex-start !important;
  flex:0 0 auto;
  width:auto !important;
  max-width:100%;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#fff !important;
  font:500 clamp(21px,1.8vw,31px)/1.21 Arial,Helvetica,sans-serif !important;
  letter-spacing:-.025em !important;
  text-transform:none !important;
  white-space:normal !important;
  text-wrap:balance;
  text-shadow:0 5px 19px rgba(3,34,103,.13) !important;
}
.site--platonik .hero .hero-subtitle {
  margin:clamp(16px,2.25vh,26px) 0 0 !important;
  padding:0 !important;
  max-width:515px !important;
  color:#dae7ff !important;
  font:400 clamp(16px,1.08vw,19px)/1.6 Arial,Helvetica,sans-serif !important;
  letter-spacing:0 !important;
  text-wrap:pretty;
  text-shadow:none !important;
}
.site--platonik .hero .hero-actions {
  display:flex !important;
  flex-wrap:wrap;
  align-items:center !important;
  justify-content:flex-start;
  gap:clamp(12px,1.5vw,24px) !important;
  margin-top:clamp(25px,3.3vh,38px) !important;
}
.site--platonik .hero .hero-cta {
  display:inline-flex !important;
  justify-content:center;
  align-items:center;
  gap:25px !important;
  min-height:clamp(52px,4.25vw,61px) !important;
  padding:13px clamp(18px,2vw,28px) !important;
  border-radius:8px !important;
  border:1px solid rgba(255,255,255,.96) !important;
  background:#fff !important;
  color:#0b368a !important;
  font:800 clamp(12px,.94vw,15px)/1.25 Arial,Helvetica,sans-serif !important;
  letter-spacing:.015em !important;
  box-shadow:0 12px 33px rgba(4,28,95,.14) !important;
  text-decoration:none !important;
}
.site--platonik .hero .hero-cta > span:last-child {
  font-size:20px;
  font-weight:500;
  display:inline-block;
  transition:transform .28s cubic-bezier(.22,1,.36,1);
}
.site--platonik .hero .hero-cta:hover > span:last-child,
.site--platonik .hero .hero-cta:focus-visible > span:last-child {transform:translate(3px,-3px);}
.site--platonik .hero .hero-cta:hover {background:#f8fbff!important;transform:translate3d(0,-2px,0)!important;}
.site--platonik .hero .hero-text-link {
  display:inline-flex !important;
  align-items:center !important;
  gap:11px !important;
  margin:0 !important;
  padding:12px 0 !important;
  border:none !important;
  color:#fff !important;
  text-decoration:none !important;
  background:transparent !important;
  font:750 clamp(11px,.87vw,14px)/1.3 Arial,Helvetica,sans-serif !important;
  letter-spacing:.03em !important;
  white-space:nowrap;
}
.site--platonik .hero .hero-text-link > span:last-child {
  font-size:20px;
  font-weight:400;
  transition:transform .25s ease;
}
.site--platonik .hero .hero-text-link:hover > span:last-child {transform:translateX(4px);}
.site--platonik .hero .hero-cta:focus-visible,
.site--platonik .hero .hero-text-link:focus-visible {outline:3px solid white!important;outline-offset:4px!important;}
/* Keep the existing full-frame video treatment and its discreet caption unchanged. */
@media (min-width:701px) and (max-width:1180px) {
  .site--platonik .hero .hero-copy {width:46% !important;top:47% !important;}
  .site--platonik .hero .hero-copy h1 {font-size:clamp(42px,4.3vw,57px) !important;}
  .site--platonik .hero .hero-copy h1 em {font-size:clamp(19px,1.9vw,25px) !important;}
  .site--platonik .hero .hero-subtitle {font-size:clamp(15px,1.4vw,17px)!important;line-height:1.5!important;}
  .site--platonik .hero .hero-cta {padding:12px 15px!important;gap:12px!important;}
}
@media (max-width:700px) {
  .site--platonik .hero .hero-copy {
    top:clamp(106px,15%,145px) !important;
    left:20px !important;
    right:20px !important;
    transform:none !important;
    width:calc(100% - 40px) !important;
    max-width:440px !important;
  }
  .site--platonik .hero .hero-eyebrow {
    margin:0 0 13px !important;
    font-size:10px !important;
    letter-spacing:.075em!important;
  }
  .site--platonik .hero .hero-copy h1 {
    font-size:clamp(31px,8.3vw,48px) !important;
    line-height:1.07 !important;
    gap:7px !important;
    letter-spacing:-.052em !important;
  }
  .site--platonik .hero .hero-copy h1 em {
    font-size:clamp(16px,4.1vw,22px) !important;
    line-height:1.22 !important;
  }
  .site--platonik .hero .hero-subtitle {
    font-size:clamp(12px,3.05vw,15px) !important;
    line-height:1.47 !important;
    max-width:390px !important;
    margin:12px 0 0 !important;
  }
  .site--platonik .hero .hero-actions {margin-top:16px!important;gap:12px!important;}
  .site--platonik .hero .hero-cta {
    min-height:42px!important;
    padding:9px 13px!important;
    gap:13px!important;
    font-size:11px!important;
    border-radius:6px!important;
  }
  .site--platonik .hero .hero-text-link {font-size:10px!important;gap:5px!important;padding:8px 0!important;}
}
@media (max-width:380px){
  .site--platonik .hero .hero-copy{left:16px!important;right:16px!important;width:calc(100% - 32px)!important;top:106px!important;}
  .site--platonik .hero .hero-copy h1{font-size:clamp(28px,8.1vw,34px)!important;}
  .site--platonik .hero .hero-subtitle{font-size:12px!important;}
  .site--platonik .hero .hero-actions{gap:9px!important;}
  .site--platonik .hero .hero-cta{padding:9px 10px!important;font-size:10px!important;gap:7px!important;}
  .site--platonik .hero .hero-text-link{font-size:9px!important;}
}
@media (max-height:750px) and (min-width:701px){
  .site--platonik .hero .hero-copy{top:47%!important;}
  .site--platonik .hero .hero-copy h1{font-size:clamp(43px,4vw,69px)!important;}
  .site--platonik .hero .hero-eyebrow{margin-bottom:14px!important;}
  .site--platonik .hero .hero-actions{margin-top:19px!important;}
}
@media(prefers-reduced-motion:reduce){
  .site--platonik .hero .hero-cta > span:last-child,
  .site--platonik .hero .hero-text-link > span:last-child{transition:none!important;}
}