@font-face{font-family:"Manrope";font-style:normal;font-weight:500;font-display:swap;src:url("./fonts/manrope-500.woff2") format("woff2")}

#samsung-microrgb,#samsung-microrgb *,#samsung-microrgb *::before,#samsung-microrgb *::after{box-sizing:border-box!important}
#samsung-microrgb{
  --timeout-header-height:140px;
  --pad:48px;
  --gap:80px;
  --radius:24px;
  width:100vw!important;max-width:none!important;position:relative!important;left:50%!important;margin-left:-50vw!important;
  background:#fff!important;color:#0e0e0e!important;font-family:"Manrope",Arial,sans-serif!important;font-weight:500!important;
  -webkit-font-smoothing:antialiased!important;text-rendering:optimizeLegibility!important;overflow:hidden!important
}
#samsung-microrgb h1,#samsung-microrgb h2,#samsung-microrgb h3,#samsung-microrgb p,#samsung-microrgb a,#samsung-microrgb span{font-family:"Manrope",Arial,sans-serif!important;font-style:normal!important;text-transform:none!important}
#samsung-microrgb h1,#samsung-microrgb h2,#samsung-microrgb h3,#samsung-microrgb p{margin:0!important;padding:0!important;color:inherit!important}
#samsung-microrgb a{color:inherit!important}
#samsung-microrgb .smrgb-article{width:100%!important;margin:0!important;padding:0 var(--pad) 92px!important;background:#fff!important}
#samsung-microrgb .smrgb-media{display:block!important;position:relative!important;overflow:hidden!important;border-radius:var(--radius)!important}
#samsung-microrgb .smrgb-media>img{border-radius:inherit!important}
#samsung-microrgb .smrgb-media>picture{display:block!important;width:100%!important;height:100%!important;overflow:hidden!important;border-radius:inherit!important}
#samsung-microrgb .smrgb-media>picture img{border-radius:inherit!important}
#samsung-microrgb .smrgb-media img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important}
#samsung-microrgb .smrgb-grid-2{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:var(--gap)!important;align-items:start!important}
#samsung-microrgb .smrgb-section p,#samsung-microrgb .smrgb-ai-copy p,#samsung-microrgb .smrgb-glare p{font-size:20px!important;line-height:30px!important;font-weight:500!important}
#samsung-microrgb .smrgb-section h2{font-size:64px!important;line-height:65.3px!important;font-weight:700!important;letter-spacing:-1.2px!important}
#samsung-microrgb .smrgb-section h3{font-size:54px!important;line-height:56px!important;font-weight:700!important;letter-spacing:-.8px!important}
#samsung-microrgb .smrgb-copy-pairs>div>p+p,
#samsung-microrgb .smrgb-tech__copy p+p,
#samsung-microrgb .smrgb-ai-copy p+p,
#samsung-microrgb .smrgb-glare>div>p+p{margin-top:30px!important}
#samsung-microrgb .smrgb-grid-2>p+p{margin-top:0!important}

/* Hero follows the Time Out integration: viewport height minus the site header. */
#samsung-microrgb .smrgb-hero{
  height:calc(100vh - var(--timeout-header-height))!important;
  height:calc(100svh - var(--timeout-header-height))!important;
  min-height:560px!important;
  margin:0 calc(var(--pad) * -1)!important;
  border-radius:0!important;color:#fff!important
}
#samsung-microrgb .smrgb-hero picture{position:absolute!important;inset:0!important}
#samsung-microrgb .smrgb-hero picture::after{content:"";position:absolute;inset:0;background:linear-gradient(89deg,rgba(0,0,0,.8) .36%,rgba(102,102,102,0) 76%);pointer-events:none}
#samsung-microrgb .smrgb-hero img{object-position:center center!important}
#samsung-microrgb .smrgb-hero__copy{position:absolute!important;left:48px!important;top:28.2%!important;z-index:2!important}
#samsung-microrgb .smrgb-hero h1{font-size:82px!important;line-height:82px!important;font-weight:700!important;letter-spacing:-1.9px!important;color:#fff!important}
#samsung-microrgb .smrgb-hero__lead{margin-top:26px!important;font-size:25px!important;line-height:33.75px!important;color:#d1d1d1!important;width:760px!important}
#samsung-microrgb .smrgb-hero__credits{position:absolute!important;left:48px!important;bottom:59px!important;z-index:2!important;font-size:14px!important;line-height:15.4px!important;font-weight:500!important;color:rgba(255,255,255,.3)!important}
#samsung-microrgb .smrgb-hero__rgb{position:absolute!important;right:52px!important;bottom:52px!important;display:flex!important;gap:15px!important;z-index:2!important}
#samsung-microrgb .smrgb-hero__rgb img{width:70px!important;height:70px!important;object-fit:contain!important}

/* Editorial rhythm from the 1440px Figma frame, kept fixed on desktop like the reference Time Out build. */
#samsung-microrgb .smrgb-intro{padding-top:80px!important}
#samsung-microrgb .smrgb-choice{padding-top:95px!important}
#samsung-microrgb .smrgb-choice>.smrgb-media{margin-top:56px!important;aspect-ratio:1340/800!important;height:auto!important}
#samsung-microrgb .smrgb-copy-pairs{margin-top:70px!important;padding:0 10px!important;align-items:start!important}

#samsung-microrgb .smrgb-tech{padding-top:100px!important}
#samsung-microrgb .smrgb-tech__top{display:grid!important;grid-template-columns:minmax(0,65fr) minmax(0,63fr)!important;gap:60px!important;margin-top:39px!important;align-items:start!important}
#samsung-microrgb .smrgb-tech__image{aspect-ratio:650/919!important;height:auto!important;margin-top:21px!important}
#samsung-microrgb .smrgb-tech__image img{object-position:center center!important}
#samsung-microrgb .smrgb-tech__title{margin:0!important}
#samsung-microrgb .smrgb-tech__copy p{margin-top:26px!important}
#samsung-microrgb .smrgb-ai-copy{margin-top:35px!important}
#samsung-microrgb .smrgb-ai-copy p+p{margin-top:28px!important}
#samsung-microrgb .smrgb-glare{margin-top:110px!important;align-items:start!important}
#samsung-microrgb .smrgb-glare>h3,#samsung-microrgb .smrgb-glare>div{align-self:start!important}
#samsung-microrgb .smrgb-cinematic{margin-top:86px!important;aspect-ratio:1340/800!important;height:auto!important}

#samsung-microrgb .smrgb-design{padding-top:80px!important}
#samsung-microrgb .smrgb-design__intro{align-items:start!important}
#samsung-microrgb .smrgb-design__intro>h2,#samsung-microrgb .smrgb-design__intro>p{align-self:start!important}
#samsung-microrgb .smrgb-design__images{margin-top:50px!important;align-items:start!important}
#samsung-microrgb .smrgb-design__images .smrgb-media{aspect-ratio:630/650!important;height:auto!important}
#samsung-microrgb .smrgb-sizes{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;align-items:center!important;margin-top:60px!important}
#samsung-microrgb .smrgb-sizes span{text-align:center!important;font-size:80px!important;line-height:80px!important;font-weight:700!important;letter-spacing:-1.4px!important;white-space:nowrap!important}
#samsung-microrgb .smrgb-design__copy{margin-top:64px!important;align-items:start!important}
#samsung-microrgb .smrgb-design__copy>p{align-self:start!important}

#samsung-microrgb .smrgb-comfort{padding-top:100px!important}
#samsung-microrgb .smrgb-comfort>.smrgb-media{aspect-ratio:1340/800!important;height:auto!important;margin-top:65px!important}
#samsung-microrgb .smrgb-comfort__copy{margin-top:75px!important}

#samsung-microrgb .smrgb-cta{aspect-ratio:1340/700!important;height:auto!important;margin-top:105px!important;color:#fff!important}
#samsung-microrgb .smrgb-cta picture{position:absolute!important;inset:0!important}
#samsung-microrgb .smrgb-cta picture::after{content:"";position:absolute;inset:0;background:linear-gradient(81deg,rgba(0,0,0,.8) 3.14%,rgba(0,0,0,0) 94.7%)}
#samsung-microrgb .smrgb-cta__content{position:absolute!important;left:40px!important;top:69%!important;width:min(850px,65%)!important;z-index:2!important;transform:translateY(-50%)!important}
#samsung-microrgb .smrgb-cta__content h2{font-size:54px!important;line-height:58.32px!important;font-weight:700!important;color:#fff!important;letter-spacing:-1px!important}
#samsung-microrgb .smrgb-cta__content h2 a{color:inherit!important;text-decoration:underline!important;text-decoration-thickness:.06em!important;text-underline-offset:.12em!important}
#samsung-microrgb .smrgb-cta__erid{margin:18px 0 0 40px!important;font-size:18px!important;line-height:20px!important;color:#0e0e0e!important}

@media (min-width:1441px){
  #samsung-microrgb .smrgb-section p,#samsung-microrgb .smrgb-ai-copy p,#samsung-microrgb .smrgb-glare p{font-size:1.3889vw!important;line-height:2.0833vw!important}
  #samsung-microrgb .smrgb-section h2{font-size:4.4444vw!important;line-height:4.5347vw!important;letter-spacing:-.0833vw!important}
  #samsung-microrgb .smrgb-section h3{font-size:3.75vw!important;line-height:3.8889vw!important;letter-spacing:-.0556vw!important}
  #samsung-microrgb .smrgb-hero h1{font-size:5.6944vw!important;line-height:5.6944vw!important;letter-spacing:-.1319vw!important}
  #samsung-microrgb .smrgb-hero__lead{font-size:1.7361vw!important;line-height:2.3438vw!important}
  #samsung-microrgb .smrgb-hero__credits{font-size:.9722vw!important;line-height:1.0694vw!important}
  #samsung-microrgb .smrgb-sizes span{font-size:5.5556vw!important;line-height:5.5556vw!important;letter-spacing:-.0972vw!important}
  #samsung-microrgb .smrgb-cta__content h2{font-size:3.75vw!important;line-height:4.05vw!important;letter-spacing:-.0694vw!important}
  #samsung-microrgb .smrgb-cta__erid{font-size:1.25vw!important;line-height:1.3889vw!important}
}

@media (max-width:767px){
  #samsung-microrgb{--pad:20px;--radius:24px}
  #samsung-microrgb .smrgb-article{padding:0 var(--pad) 40px!important}
  #samsung-microrgb .smrgb-grid-2{display:block!important}
  #samsung-microrgb .smrgb-section p,#samsung-microrgb .smrgb-ai-copy p,#samsung-microrgb .smrgb-glare p{font-size:16px!important;line-height:25px!important}
  #samsung-microrgb .smrgb-section h2,#samsung-microrgb .smrgb-section h3{font-size:30px!important;line-height:35px!important;letter-spacing:-.45px!important}
  #samsung-microrgb .smrgb-copy-pairs>div>p+p,
  #samsung-microrgb .smrgb-tech__copy p+p,
  #samsung-microrgb .smrgb-ai-copy p+p,
  #samsung-microrgb .smrgb-glare>div>p+p{margin-top:22px!important}
  #samsung-microrgb .desktop-only{display:none!important}

  #samsung-microrgb .smrgb-hero{height:calc(100svh - var(--timeout-header-height))!important;min-height:560px!important;margin:0 -20px!important;border-radius:0!important}
  #samsung-microrgb .smrgb-hero picture::after{background:linear-gradient(89.956deg,rgba(0,0,0,.8) 0%,rgba(102,102,102,0) 150.91%)}
  /* Exact mobile crop from Figma 36:3: 151.7% × 136.53%, shifted left/up. */
  #samsung-microrgb .smrgb-hero picture img{position:absolute!important;width:151.7%!important;height:136.53%!important;left:-41.03%!important;top:-1.53%!important;max-width:none!important;object-fit:fill!important;border-radius:0!important}
  #samsung-microrgb .smrgb-hero__copy{left:20px!important;top:29px!important;right:20px!important}
  #samsung-microrgb .smrgb-hero h1{font-size:36px!important;line-height:40px!important;letter-spacing:-.7px!important}
  #samsung-microrgb .smrgb-hero__lead{margin-top:18px!important;font-size:16px!important;line-height:23px!important;width:330px!important;max-width:calc(100% - 20px)!important}
  /* Figma: credits and RGB accents share the same top baseline at y=585 in a 650px hero. */
  #samsung-microrgb .smrgb-hero__credits{left:20px!important;bottom:31px!important;width:250px!important;font-size:12px!important;line-height:17px!important}
  #samsung-microrgb .smrgb-hero__rgb{right:20px!important;bottom:31px!important;gap:0!important}
  #samsung-microrgb .smrgb-hero__rgb img{width:34px!important;height:34px!important;margin-left:-4px!important}

  #samsung-microrgb .smrgb-intro{padding-top:50px!important}
  #samsung-microrgb .smrgb-intro p+p{margin-top:24px!important}
  #samsung-microrgb .smrgb-choice{padding-top:60px!important}
  #samsung-microrgb .smrgb-choice>.smrgb-media{margin-top:26px!important;aspect-ratio:350/420!important;height:auto!important;border-radius:24px!important}
  #samsung-microrgb .smrgb-copy-pairs{margin-top:28px!important;padding:0!important}
  #samsung-microrgb .smrgb-copy-pairs>div+div{margin-top:24px!important}

  #samsung-microrgb .smrgb-tech{padding-top:62px!important}
  #samsung-microrgb .smrgb-tech__top{display:flex!important;flex-direction:column!important;gap:0!important;margin-top:24px!important}
  #samsung-microrgb .smrgb-tech__image{aspect-ratio:350/430!important;height:auto!important;order:1!important;border-radius:24px!important;margin-top:0!important}
  #samsung-microrgb .smrgb-tech__copy{display:contents!important}
  #samsung-microrgb .smrgb-tech__title{order:2!important;margin-top:24px!important}
  #samsung-microrgb .smrgb-tech__copy p{order:3!important;margin-top:22px!important}
  #samsung-microrgb .smrgb-ai-copy{margin-top:22px!important}
  #samsung-microrgb .smrgb-glare{margin-top:54px!important}
  #samsung-microrgb .smrgb-glare>div{margin-top:20px!important}
  #samsung-microrgb .smrgb-cinematic{aspect-ratio:350/230!important;height:auto!important;margin-top:46px!important;border-radius:24px!important}

  #samsung-microrgb .smrgb-design{padding-top:48px!important}
  #samsung-microrgb .smrgb-design__intro>p{margin-top:20px!important}
  #samsung-microrgb .smrgb-design__images{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:30px!important}
  #samsung-microrgb .smrgb-design__images .smrgb-media{aspect-ratio:170/220!important;height:auto!important;border-radius:24px!important}
  #samsung-microrgb .smrgb-sizes{grid-template-columns:repeat(6,minmax(0,1fr))!important;margin-top:18px!important}
  #samsung-microrgb .smrgb-sizes span{font-size:22px!important;line-height:28px!important;letter-spacing:-.4px!important}
  #samsung-microrgb .smrgb-design__copy{margin-top:28px!important}
  #samsung-microrgb .smrgb-design__copy p+p{margin-top:22px!important}

  #samsung-microrgb .smrgb-comfort{padding-top:58px!important}
  #samsung-microrgb .smrgb-comfort>.smrgb-media{aspect-ratio:350/420!important;height:auto!important;margin-top:26px!important;border-radius:24px!important}
  #samsung-microrgb .smrgb-comfort__copy{margin-top:26px!important}

  #samsung-microrgb .smrgb-cta{aspect-ratio:auto!important;height:430px!important;margin:52px 0 0!important;border-radius:24px!important}
  /* Exact CTA crop from Figma 36:32. */
  #samsung-microrgb .smrgb-cta picture img{position:absolute!important;width:100%!important;height:136.05%!important;left:0!important;top:-36.01%!important;max-width:none!important;object-fit:fill!important}
  #samsung-microrgb .smrgb-cta__content{left:25px!important;right:25px!important;bottom:24px!important;top:auto!important;width:auto!important;max-width:340px!important;transform:none!important}
  #samsung-microrgb .smrgb-cta__content h2{font-size:24px!important;line-height:30px!important;letter-spacing:-.4px!important}
  #samsung-microrgb .smrgb-cta__erid{margin:32px 0 0 25px!important;font-size:11px!important;line-height:16px!important;color:#0e0e0e!important}
}

@media (prefers-reduced-motion:no-preference){
  #samsung-microrgb.motion-ready .smrgb-reveal{opacity:0!important;transform:translate3d(0,14px,0)!important;transition:opacity .55s ease,transform .55s cubic-bezier(.22,.61,.36,1)!important}
  #samsung-microrgb.motion-ready .smrgb-reveal.is-visible{opacity:1!important;transform:none!important}
}

/* Large desktop hero: scale gently instead of tracking viewport width 1:1. */
@media (min-width:1441px){
  #samsung-microrgb .smrgb-hero__copy{
    left:var(--pad)!important;
    top:28.2%!important;
    max-width:calc(100vw - 140px)!important;
  }
  #samsung-microrgb .smrgb-hero h1{
    font-size:clamp(82px,4.05vw,102px)!important;
    line-height:.99!important;
    letter-spacing:-.022em!important;
  }
  #samsung-microrgb .smrgb-hero__lead{
    margin-top:clamp(26px,1.35vw,34px)!important;
    width:clamp(760px,36vw,900px)!important;
    font-size:clamp(25px,1.2vw,30px)!important;
    line-height:1.35!important;
  }
  #samsung-microrgb .smrgb-hero__credits{
    left:var(--pad)!important;
    font-size:clamp(14px,.68vw,17px)!important;
    line-height:1.15!important;
  }
}

/* fixed9: align Micro RGB copy with the top edge of the technology image on desktop */
@media (min-width:768px){
  #samsung-microrgb .smrgb-tech__copy{margin-top:21px!important}
}

/* fixed12: keep desktop editorial images within one viewport height without
   shrinking their width. The container stays full-width and the image is
   cropped with object-fit: cover. The tall image beside "Микро RGB" is excluded. */
@media (min-width:768px){
  #samsung-microrgb .smrgb-choice>.smrgb-media,
  #samsung-microrgb .smrgb-cinematic,
  #samsung-microrgb .smrgb-comfort>.smrgb-media{
    width:100%!important;
    aspect-ratio:auto!important;
    height:min(calc((100vw - 96px) * 0.5970149254),97vh)!important;
    height:min(calc((100vw - 96px) * 0.5970149254),97svh)!important;
    max-height:none!important;
  }

  #samsung-microrgb .smrgb-design__images .smrgb-media{
    width:100%!important;
    aspect-ratio:auto!important;
    height:min(calc(((100vw - 176px) / 2) * 1.0317460317),97vh)!important;
    height:min(calc(((100vw - 176px) / 2) * 1.0317460317),97svh)!important;
    max-height:none!important;
  }

  #samsung-microrgb .smrgb-cta{
    width:100%!important;
    aspect-ratio:auto!important;
    height:min(calc((100vw - 96px) * 0.5223880597),97vh)!important;
    height:min(calc((100vw - 96px) * 0.5223880597),97svh)!important;
    max-height:none!important;
  }

  #samsung-microrgb .smrgb-choice>.smrgb-media img,
  #samsung-microrgb .smrgb-cinematic img,
  #samsung-microrgb .smrgb-design__images .smrgb-media img,
  #samsung-microrgb .smrgb-comfort>.smrgb-media img,
  #samsung-microrgb .smrgb-cta img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
}

/* fixed14: prevent CTA headline clipping on narrow phones (e.g. iPhone SE 375px). */
@media (max-width:767px){
  #samsung-microrgb .smrgb-cta__content{
    width:calc(100% - 50px)!important;
    max-width:340px!important;
    right:25px!important;
    bottom:24px!important;
    top:auto!important;
  }
  #samsung-microrgb .smrgb-cta__content h2{
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
}


/* fixed18: tune crop positions for desktop visuals.
   - choice section: slightly raise the crop so the model's head is not clipped,
     while keeping the TV stand visible
   - cinematic section: center the TV in the frame */
@media (min-width:768px){
  #samsung-microrgb .smrgb-choice>.smrgb-media img{
    object-position:center 72%!important;
  }
  #samsung-microrgb .smrgb-cinematic img{
    object-position:center 58%!important;
  }
}