:root{
  --bg:#f3eeee;
  --white:#fff;
  --black:#050505;
  --text:#111;
  --muted:#666;
  --blue:#102d7a;
  --purple:#3c238c;
  --gold:#f6b544;
  --font-head:'Oswald',Arial,sans-serif;
  --font-body:'Inter',Arial,sans-serif;
}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);color:var(--text);background:var(--bg)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.site-main{overflow:hidden}
.site-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    padding: 25px 35px;
}
.site-logo{width:78px}
.site-logo img {
    max-height: 90px;
    width: auto;
    display: block;
}
.header-social{margin-left:auto;display:flex;gap:18px;align-items:center;font-family:Arial,sans-serif;font-weight:900;font-size:22px;color:#000}.menu-toggle{width:28px;margin-left:20px;border:0;background:transparent;padding:0;display:grid;gap:5px;cursor:pointer}.menu-toggle span{height:3px;background:#000;display:block;border-radius:2px}.hero-section{height:540px;min-height:540px;position:relative;background:#fff;display:flex}
.hero-video-panel {
    position: absolute;
    top: 0;
    left: 0;
    width: 72%;
    height: 100%;
    overflow: hidden;
    background: #f3efea;
}
.hero-video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 177.77777778vh;
    height: 56.25vw;
    min-width: 100%;
    min-height: 100%;
    transform: translate(-50%, -50%) scale(1.10);
    border: 0;
    pointer-events: none;
}.hero-dark{position:absolute;inset:0;background:rgba(0,0,0,.48)}.hero-dot-overlay{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.22) 1px, transparent 1px);background-size:4px 4px;mix-blend-mode:screen;opacity:.65}.hero-white-fade{position:absolute;top:0;right:-1px;width:58%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.78) 38%,#fff 82%)}
.hero-right-panel {
    position: absolute;
    top: 0;
    right: 0;
    width: 38%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    z-index: 5;
    background: transparent;
}
.hero-reeta {
    max-height: 95%;
    max-width: 115%;
    object-fit: contain;
    object-position: bottom center;
    animation: heroFadeIn 1.8s ease forwards;
}
.about-section{background:#fff;min-height:370px;display:grid;grid-template-columns:45% 55%;align-items:center;padding:0 7%}.about-image-wrap{align-self:end;max-width:420px}.about-copy{max-width:640px}.eyebrow{text-transform:uppercase;font-family:var(--font-head);font-size:13px;margin:0 0 4px}.about-copy h1,.instagram-section h2,.tv-section h2{font-family:var(--font-head);text-transform:uppercase;line-height:.95;letter-spacing:.02em}.about-copy h1{font-size:42px;margin:0 0 28px}.about-copy p{font-size:13px;line-height:1.55}.instagram-section,.tv-section{padding:38px 28px 44px;text-align:center;background:var(--bg)}.instagram-section h2,.tv-section h2{font-size:32px;margin:0 0 28px}.ig-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;max-width:1340px;margin:0 auto}.ig-card{text-align:left;font-size:12px}.ig-thumb{height:250px;background:linear-gradient(135deg,#111,#777);position:relative;display:flex;align-items:center;justify-content:center}.play-icon{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:rgba(255,255,255,.28);font-size:28px}.ig-card p{min-height:34px;margin:10px 0 5px;text-align:center}.ig-meta{display:flex;justify-content:center;gap:18px;color:#333;font-size:11px}.carousel-dots{display:flex;gap:8px;justify-content:center;margin:20px 0}.carousel-dots span{width:8px;height:8px;border-radius:50%;background:#aaa}.carousel-dots .active{background:#111}.follow-btn,.shop-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#050505;color:#fff;text-transform:uppercase;font-family:var(--font-head);font-size:13px;letter-spacing:.04em;padding:12px 24px}.gear-promo{min-height:330px;background:radial-gradient(circle at 15% 50%,#792d88,transparent 32%),linear-gradient(90deg,#15236d,#31278e 55%,#3452b6);display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;position:relative;overflow:hidden}.gear-promo:before{content:'LAMARVELOUS';position:absolute;inset:auto 0 10%;font-family:var(--font-head);font-size:170px;line-height:1;color:rgba(255,255,255,.08);font-weight:700}.gear-copy{position:relative;z-index:1}.gear-copy h2{font-family:var(--font-head);text-transform:uppercase;font-size:34px;margin:0 0 20px}.gear-copy p{font-size:18px}.shop-btn{background:var(--gold);color:#111;margin-top:20px;min-width:165px}.tv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1240px;margin:0 auto}.tv-thumb{height:225px;width:100%;border:0;background:linear-gradient(135deg,#9ed3ef,#4a4e56);display:flex;align-items:center;justify-content:center;cursor:pointer}.play-icon.youtube{background:#ee1c1c}.play-icon.yellow{background:#f2c344;color:#fff}.play-icon.white{background:rgba(255,255,255,.75);color:#111}.tv-card h3{font-size:13px;line-height:1.25;margin:12px 0 0}.site-footer{background:#fff;text-align:center}.footer-social{height:105px;display:flex;align-items:center;justify-content:center;gap:42px;font-size:42px;font-weight:900;color:#000}.footer-bottom{background:#050505;color:#fff;display:flex;justify-content:center;gap:30%;align-items:center;font-size:12px;padding:18px 24px}.footer-bottom a{color:#24c6e8}.page-shell{padding:140px 28px 70px;max-width:1100px;margin:auto}.content-card{background:#fff;padding:44px}.video-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:200;display:none;align-items:center;justify-content:center}.video-lightbox.is-open{display:flex}.lightbox-close{position:absolute;right:30px;top:20px;background:transparent;border:0;color:#fff;font-size:52px;cursor:pointer}.lightbox-inner{width:min(1000px,88vw);aspect-ratio:16/9;background:#000}.lightbox-inner iframe{width:100%;height:100%;border:0}
@media(max-width:900px){.hero-section{height:auto;min-height:620px}.hero-video-panel{width:100%}.hero-white-fade{width:100%;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#f3efea 90%)}.hero-right-panel{width:100%;align-items:flex-end}.about-section{grid-template-columns:1fr;padding:50px 24px}.ig-grid{grid-template-columns:repeat(2,1fr)}.tv-grid{grid-template-columns:1fr}.footer-bottom{gap:20px;flex-direction:column}.header-social{display:none}}

/* ===== HERO HARD FIX ===== */

.hero-section {
  position: relative;
  width: 100%;
  height: 560px;
  overflow: hidden;
  background: #f3efea;
}

/* Left video area */
.hero-video-panel {
  position: absolute;
  top: 0;
  left: 0;
  width: 72%;
  height: 100%;
  overflow: hidden;
  background: #f3efea;
}

/* Force YouTube to cover the entire video panel */
.hero-video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120vw;
  height: 67.5vw;
  min-width: 130%;
  min-height: 130%;
  transform: translate(-50%, -50%) scale(0.60);
  border: 0;
  pointer-events: none;
}

/* Darken video */
.hero-dark {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.35);
  z-index: 2;
}

/* Dot overlay */
.hero-dot-overlay {
  position: absolute;
  inset: 0;
  z-index: 3;
  background-image: radial-gradient(rgba(255,255,255,.25) 1px, transparent 1px);
  background-size: 4px 4px;
  opacity: .55;
  pointer-events: none;
}

/* Fade video into white */
.hero-white-fade {
  position: absolute;
  top: 0;
  right: -1px;
  width: 60%;
  height: 100%;
  z-index: 4;
  background: linear-gradient(
    90deg,
    rgba(243,239,234,0) 0%,
    rgba(243,239,234,.18) 22%,
    rgba(243,239,234,.42) 42%,
	rgba(243,239,234,.70) 62%, 
	rgba(243,239,234,.92) 82%,
	#f3efea 100%   
  ) !important;
}

/* Right Reeta image */
.hero-right-panel {
  position: absolute;
  top: 0;
  right: 7%;
  width: 39%;
  height: 100%;
  z-index: 5;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  background: transparent;
  pointer-events: none;
}

.hero-reeta {
  max-height: 100%;
  max-width: 118%;
  object-fit: contain;
  object-position: bottom center;
  opacity: 0;
  animation: heroFadeIn 2.4s cubic-bezier(.19,1,.22,1) forwards;
}

@keyframes heroFadeIn {
  0% {
    opacity: 0;
    transform: translateX(90px) scale(.88);
    filter: blur(12px);
  }

  55% {
    opacity: .75;
    transform: translateX(18px) scale(1.02);
    filter: blur(3px);
  }

  100% {
    opacity: 1;
    transform: translateX(0) scale(1);
    filter: blur(0);
  }
}

/* ===== HEADER POSITION FIX ===== */

.site-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 50;
  padding: 28px 34px 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  box-sizing: border-box;
}

.site-logo {
  display: block;
  width: 82px;
  flex: 0 0 auto;
  position: relative;
  top: -15px;
}

.site-logo img {
  width: 100%;
  height: auto;
  display: block;
}

/* Push social icons/menu back to the right */
.header-actions,
.header-social,
.social-links,
.site-social,
.main-navigation,
.menu-toggle {
  margin-left: auto;
}

.header-actions,
.header-social,
.social-links,
.site-social {
  display: flex;
  align-items: center;
  gap: 16px;
}

.site-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  padding: 28px 34px 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  box-sizing: border-box;
}

.site-logo {
  flex: 0 0 auto;
}

.header-social,
.site-social,
.social-links,
.header-actions {
  position: absolute;
  top: 23px; 
  right: 90px;
  display: flex;
  align-items: center;
  gap: 14px;
  z-index: 101;
}

.menu-toggle {
  margin-left: 8px;
}

.hero-video {
  opacity: 0;
  transition: opacity 1.4s ease;
}

.hero-section.video-ready .hero-video {
  opacity: 1;
}

.hero-reeta {
  opacity: 0;
}

.hero-section.image-ready .hero-reeta {
  animation: heroFadeIn 2.4s cubic-bezier(.19,1,.22,1) .15s forwards;
}

/* HERO LOAD TIMING FIX */

.hero-video {
  opacity: 0;
  animation: heroVideoReveal 1.4s ease 1.15s forwards;
}

.hero-dark,
.hero-dot-overlay,
.hero-white-fade {
  opacity: 0;
  animation: heroOverlayReveal 1.2s ease 1.15s forwards;
}

.hero-reeta {
  opacity: 0;
  animation: heroFadeIn 2.4s cubic-bezier(.19,1,.22,1) .15s forwards;
}

@keyframes heroVideoReveal {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes heroOverlayReveal {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.hero-video-panel {
	background: #f3efea !important;
}

.hero-video {
	background: #f3efea !important;
}

.header-social a,
.menu-toggle {
  color: #000;
  font-size: 18px;
  line-height: 1;
  text-decoration: none;
  background: transparent;
  border: 0;
  padding: 0;
}

.header-social i,
.menu-toggle i {
  display: block;
}

/* HERO BACKGROUND COLOR OVERRIDE */

.hero-section,
.hero-right-panel,
.hero-video-panel {
  background-color: #f3efea !important;
}

.hero-white-fade {
  background: linear-gradient(
    90deg,
    rgba(243,239,234,0) 0%,
    rgba(243,239,234,.68) 34%,
    rgba(243,239,234,.92) 56%,
    rgba(243,239,234,1) 76%,
    rgba(243,239,234,1) 100%
  ) !important;
}

/* remove hard vertical seam between video panel and hero image side */
.hero-video-panel {
  left: 0 !important;
  width: 70% !important;
}

.hero-white-fade {
  position: absolute;
  top: 0;	
  right: -10px;
  width: 72%; 
  height: 100%;	
  z-index: 4;
  pointer-events: none;	
  background: linear-gradient(
    90deg,
    rgba(243,239,234,0) 0%,
    rgba(243,239,234,.18) 28%,
    rgba(243,239,234,.45) 52%,
    rgba(243,239,234,.75) 74%,
    rgba(243,239,234,1) 100%
  ) !important;
}

.hero-right-panel {
  background: transparent !important;
}