:root{
    --ink:#0A2426;
    --petrol-900:#062226;
    --petrol-800:#0A3238;
    --petrol-700:#0E4048;
    --teal-500:#38BDB8;
    --teal-400:#6FDDD5;
    --teal-300:#A7EDE7;
    --stamp-red:#D6483F;
    --stamp-red-dark:#B93A32;
    --paper:#F3F7F6;
    --paper-dim:#E7EFEE;
    --line:rgba(10,36,38,0.12);
    --line-dark:rgba(255,255,255,0.14);
    --shadow-soft:0 20px 50px -25px rgba(6,34,38,0.35);
    --ease:cubic-bezier(.22,.61,.36,1);
  }

  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  @media (prefers-reduced-motion: reduce){
    html{scroll-behavior:auto;}
    *{animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important;}
  }

  body{
    font-family:'Space Grotesk', sans-serif;
    color:var(--ink);
    background:var(--paper);
    line-height:1.55;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }

  img{max-width:100%; display:block;}
  a{color:inherit; text-decoration:none;}
  ul{list-style:none;}
  button{font-family:inherit; cursor:pointer;}

  h1,h2,h3,h4{
    font-family:'Fraunces', serif;
    font-weight:600;
    line-height:1.08;
    letter-spacing:-0.01em;
  }

  .eyebrow{
    font-family:'IBM Plex Mono', monospace;
    font-size:0.72rem;
    letter-spacing:0.16em;
    text-transform:uppercase;
    display:inline-flex;
    align-items:center;
    gap:0.6em;
  }
  .eyebrow::before{
    content:"";
    width:22px; height:1px;
    background:currentColor;
    opacity:0.6;
  }

  .container{
    max-width:1180px;
    margin:0 auto;
    padding:0 6vw;
  }

  :focus-visible{
    outline:2px solid var(--teal-400);
    outline-offset:3px;
    border-radius:4px;
  }

  /* ---------- STAMP (signature element) ---------- */
  .stamp{
    position:relative;
    width:64px; height:64px;
    border-radius:50%;
    border:2px solid currentColor;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
  }
  .stamp::before{
    content:"";
    position:absolute;
    inset:5px;
    border-radius:50%;
    border:1px dashed currentColor;
    opacity:0.55;
  }
  .stamp svg{width:26px; height:26px; position:relative; z-index:1;}

  /* ---------- NAV ---------- */
  #mainNav .container {max-width: 1500px;}
  .nav{
    position:fixed; top:0; left:0; right:0;
    z-index:100;
    padding:18px 0;
    transition:background .35s var(--ease), padding .35s var(--ease), box-shadow .35s var(--ease);
  }
  .nav.is-scrolled{
    background:rgba(3, 19, 22, 0.92);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    padding:12px 0;
    box-shadow:0 10px 30px -20px rgba(0,0,0,0.5);
  }
  .nav__inner{
    display:flex; align-items:center; justify-content:space-between;
    gap:2rem;
  }
  .nav__brand{display:flex; align-items:center; gap:0.6rem; width: 200px; min-width: 200px;}
  .nav__links{display:flex; align-items:center; gap:1.9rem;}
  .nav__links a{
    font-size:0.88rem;
    color:#EAF6F5;
    opacity:0.82;
    transition:opacity .2s;
    position:relative;
  }
  .nav__links a:hover{opacity:1;}
  .nav__cta{
    background:var(--stamp-red);
    color:var(--petrol-900);
    font-weight:600;
    font-size:0.85rem;
    padding:0.6rem 1.2rem;
    border-radius:100px;
    transition:transform .25s var(--ease), background .25s;
    white-space:nowrap;
  }
  .nav__cta:hover{background:var(--stamp-red); transform:translateY(-2px);}
  .nav__burger{display:none; background:none; border:none; color:#EAF6F5;}
  @media (max-width:860px){
    .nav__links{
      position:fixed; inset:0 0 auto auto; top:54px; right:0;
      background:#020e0f;
      flex-direction:column;
      align-items:flex-start;
      width:min(78vw,320px);
      height:calc(100vh - 64px);
      padding:2rem 1.8rem;
      gap:1.4rem;
      transform:translateX(100%);
      transition:transform .35s var(--ease);
    }
    .nav__links.is-open{transform:translateX(0);}
    .nav__links a{font-size:1.05rem;}
    .nav__burger{display:block;}
  }

  /* ---------- HERO ---------- */
  .hero{
    position:relative;
    min-height:100vh;
    display:flex;
    align-items:center;
    padding:140px 0 100px;
    background:radial-gradient(120% 140% at 15% 10%, #0E4048 0%, #062226 55%, #041A1D 100%);
    color:#F2FAF9;
    overflow:hidden;
  }
  .hero__network{position:absolute; inset:0; width:100%; height:100%; opacity:0.55;}
  .hero__grid{
    position:absolute; inset:0;
    background-image:
      linear-gradient(var(--line-dark) 1px, transparent 1px),
      linear-gradient(90deg, var(--line-dark) 1px, transparent 1px);
    background-size:64px 64px;
    mask-image:radial-gradient(70% 60% at 30% 30%, black, transparent);
    opacity:0.5;
  }
  .hero__inner{
    position:relative; z-index:2;
    display:grid;
    grid-template-columns:1.05fr 0.95fr;
    gap:4rem;
    align-items:center;
  }
  .hero__title{
    font-size:clamp(2.1rem, 4vw, 3.4rem);
    margin:1.1rem 0 1.3rem;
    max-width:15ch;
  }
  .hero__title em{
    font-style:italic;
    color:var(--teal-300);
  }
  .hero__text{
    font-size:1.02rem;
    max-width:46ch;
    opacity:0.86;
    margin-bottom:0.9rem;
  }
  .hero__text + .hero__text{margin-bottom:2rem;}
  .hero__ctas{display:flex; flex-wrap:wrap; gap:1rem; margin-top:0.6rem;}

  .btn{
    display:inline-flex; align-items:center; gap:0.55rem;
    padding:0.9rem 1.6rem;
    border-radius:100px;
    font-weight:600;
    font-size:0.92rem;
    transition:transform .25s var(--ease), box-shadow .25s var(--ease), background .25s;
    border:1px solid transparent;
  }
  .btn--primary{background:var(--stamp-red); color:#fff;}
  .btn--primary:hover{background:var(--stamp-red-dark); transform:translateY(-2px); box-shadow:0 14px 30px -12px rgba(214,72,63,0.55);}
  .btn--ghost{border-color:rgba(242,250,249,0.35); color:#F2FAF9;}
  .btn--ghost:hover{border-color:#F2FAF9; background:rgba(242,250,249,0.08); transform:translateY(-2px);}
  .btn--dark{background:var(--petrol-900); color:#F2FAF9;}
  .btn--dark:hover{background:#041A1D; transform:translateY(-2px);}

  /* Video stamp-card */
  .video-card{
    position:relative;
    border-radius:22px;
    overflow:hidden;
    aspect-ratio:16/10;
    box-shadow:var(--shadow-soft);
    border:1px solid rgba(242,250,249,0.18);
  }
  .video-card__thumb{
    position:absolute; inset:0;
    background-size:cover; background-position:center;
    cursor:pointer;
  }
  .video-card__thumb::after{
    content:"";
    position:absolute; inset:0;
    background:linear-gradient(180deg, rgba(6,34,38,0.15), rgba(6,34,38,0.75));
  }
  .video-card__play{
    position:absolute; top:50%; left:50%;
    transform:translate(-50%,-50%);
    width:78px; height:78px;
    border-radius:50%;
    background:rgba(242,250,249,0.95);
    display:flex; align-items:center; justify-content:center;
    z-index:2;
    transition:transform .3s var(--ease);
  }
  .video-card__thumb:hover .video-card__play{transform:translate(-50%,-50%) scale(1.08);}
  .video-card__play svg{width:26px; height:26px; margin-left:4px; color:var(--stamp-red);}
  .video-card__label{
    position:absolute; bottom:16px; left:18px; z-index:2;
    font-family:'IBM Plex Mono', monospace;
    font-size:0.7rem;
    letter-spacing:0.1em;
    text-transform:uppercase;
    color:#F2FAF9;
    display:flex; align-items:center; gap:0.5rem;
  }
  .video-card__label::before{
    content:"";
    width:8px; height:8px; border-radius:50%;
    background:var(--stamp-red);
  }
  .video-card iframe{width:100%; height:100%; border:0;}

  /* ---------- SECTION SHELL ---------- */
  section{position:relative;}
  .section{padding:7.5rem 0;}
  .section--tight{padding:5.5rem 0;}
  .section--dark{background:var(--petrol-900); color:#F2FAF9;}
  .section--paper{background:var(--paper);}
  .section--paper-dim{background:var(--paper-dim);}
  .section__head{max-width:640px; margin-bottom:3.2rem;}
  .section__head .eyebrow{color:var(--teal-500); margin-bottom:0.9rem;}
  .section--dark .section__head .eyebrow{color:var(--teal-300);}
  .section__title{font-size:clamp(1.7rem, 3vw, 2.5rem); margin-bottom:1rem;}
  .section__lede{opacity:0.78; max-width:60ch; font-size:1.02rem;}

  /* faint security-paper texture for light sections */
  .section--paper::before, .section--paper-dim::before{
    content:"";
    position:absolute; inset:0;
    background-image:radial-gradient(var(--line) 1px, transparent 1px);
    background-size:22px 22px;
    opacity:0.5;
    pointer-events:none;
  }
  .section--paper > .container, .section--paper-dim > .container{position:relative; z-index:1;}

  /* ---------- SECTION 2: desafio ---------- */
  .challenge{display:grid; grid-template-columns:0.95fr 1.05fr; gap:4rem; align-items:start;}
  .challenge__cards{display:grid; grid-template-columns:1fr 1fr; gap:1.1rem;}
  .mini-card{
    background:#fff;
    border:1px solid var(--line);
    border-radius:16px;
    padding:1.4rem 1.3rem;
    display:flex; flex-direction:column; gap:0.9rem;
    transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s;
  }
  .mini-card:hover{transform:translateY(-5px); box-shadow:var(--shadow-soft); border-color:transparent;}
  .mini-card .stamp{width:44px; height:44px; color:var(--teal-500);}
  .mini-card .stamp svg{width:20px; height:20px;}
  .mini-card p{font-size:0.92rem; font-weight:500;}
  .mini-card:nth-child(5){grid-column:1/-1;}

  @media (max-width:900px){
    .challenge{grid-template-columns:1fr;}
  }
  @media (max-width:560px){
    .challenge__cards{grid-template-columns:1fr;}
    .mini-card:nth-child(5){grid-column:auto;}
  }

  /* ---------- SECTION 3: como funciona (timeline) ---------- */
  .timeline{position:relative; max-width:820px; margin:0 auto;}
  .timeline::before{
    content:"";
    position:absolute; left:32px; top:10px; bottom:10px;
    width:2px;
    background:repeating-linear-gradient(180deg, var(--teal-300) 0 8px, transparent 8px 16px);
    opacity:0.55;
  }
  .timeline__step{
    position:relative;
    display:grid;
    grid-template-columns:64px 1fr;
    gap:1.6rem;
    padding-bottom:3rem;
  }
  .timeline__step:last-child{padding-bottom:0;}
  .timeline__step .stamp{color:var(--teal-300); background:var(--petrol-900); z-index:1;}
  .timeline__date{
    font-family:'IBM Plex Mono', monospace;
    font-size:0.68rem;
    letter-spacing:0.08em;
    color:var(--teal-300);
    opacity:0.85;
    display:block;
    margin-bottom:0.35rem;
    text-transform:uppercase;
  }
  .timeline__step h3{font-size:1.2rem; margin-bottom:0.4rem; font-weight:500;}
  .timeline__step p{opacity:0.8; max-width:52ch; font-size:0.95rem;}
  .timeline__step{opacity:0; transform:translateY(24px); transition:opacity .6s var(--ease), transform .6s var(--ease);}
  .timeline__step.is-visible{opacity:1; transform:translateY(0);}

  @media (max-width:560px){
    .timeline::before{left:26px;}
    .timeline__step{grid-template-columns:52px 1fr; gap:1.1rem;}
    .timeline__step .stamp{width:52px; height:52px;}
    .timeline__step .stamp svg{width:20px; height:20px;}
  }

  /* ---------- SECTION 4: recursos ---------- */
  .features{display:grid; grid-template-columns:repeat(3, 1fr); gap:1.1rem;}
  .feature-card{
    background:var(--petrol-800);
    border:1px solid rgba(242,250,249,0.1);
    border-radius:18px;
    padding:1.7rem 1.5rem;
    display:flex; flex-direction:column; gap:1rem;
    transition:transform .3s var(--ease), background .3s;
  }
  .feature-card:hover{transform:translateY(-6px); background:var(--petrol-700);}
  .feature-card .stamp{color:var(--teal-400); width:48px; height:48px;}
  .feature-card .stamp svg{width:20px; height:20px;}
  .feature-card h3{font-size:1.02rem; font-weight:500; font-family:'Space Grotesk',sans-serif;}
  .feature-card p{font-size:0.88rem; opacity:0.72;}
  @media (max-width:900px){.features{grid-template-columns:1fr 1fr;}}
  @media (max-width:560px){.features{grid-template-columns:1fr;}}

  /* ---------- SECTION 5: benefícios ---------- */
  .benefits{display:grid; grid-template-columns:repeat(3,1fr); gap:1.6rem;}
  .benefit-col{
    background:#fff;
    border-radius:20px;
    padding:2.2rem 1.9rem;
    border:1px solid var(--line);
    box-shadow:var(--shadow-soft);
  }
  .benefit-col__head{display:flex; align-items:center; gap:1rem; margin-bottom:1.4rem;}
  .benefit-col__head .stamp{width:52px; height:52px; color:var(--stamp-red);}
  .benefit-col__head .stamp svg{width:22px; height:22px;}
  .benefit-col h3{font-size:1.15rem; font-weight:500;}
  .benefit-col ul li{
    position:relative;
    padding-left:1.4rem;
    margin-bottom:0.7rem;
    font-size:0.93rem;
    opacity:0.85;
  }
  .benefit-col ul li::before{
    content:"";
    position:absolute; left:0; top:0.5em;
    width:7px; height:7px;
    border-radius:50%;
    background:var(--teal-500);
  }
  @media (max-width:900px){.benefits{grid-template-columns:1fr;}}

  /* ---------- SECTION 6: casos de sucesso (stamps board) ---------- */
  .stampboard{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(210px,1fr));
    gap:1.6rem;
  }
  .case-stamp{
    background:#fff;
    border:1px solid var(--line);
    border-radius:18px;
    padding:1.8rem 1.4rem;
    text-align:center;
    display:flex; flex-direction:column; align-items:center; gap:0.9rem;
    transform:rotate(var(--r,0deg));
    transition:transform .3s var(--ease), box-shadow .3s var(--ease);
  }
  .case-stamp:hover{transform:rotate(0deg) translateY(-6px); box-shadow:var(--shadow-soft);}
  .case-stamp .stamp{
    width:70px; height:70px;
    color:var(--stamp-red);
    border-color:var(--stamp-red);
  }
  .case-stamp .stamp svg{width:28px; height:28px;}
  .case-stamp h3{font-size:1rem; font-weight:600; font-family:'Space Grotesk',sans-serif;}
  .case-stamp .place{font-size:0.82rem; opacity:0.65;}
  .case-stamp .years{
    font-family:'IBM Plex Mono', monospace;
    font-size:0.72rem;
    letter-spacing:0.06em;
    color:var(--stamp-red);
    padding:0.25rem 0.7rem;
    border:1px dashed var(--stamp-red);
    border-radius:100px;
  }

  /* ---------- SECTION 6b: NA MÍDIA (recortes de jornal) ---------- */
  .press-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:1.6rem;
  }
  .press-card{
    background:var(--paper);
    border:1px solid var(--line);
    border-radius:4px;
    padding:1.7rem 1.6rem 1.5rem;
    display:flex;
    flex-direction:column;
    gap:0.85rem;
    position:relative;
    transition:transform .3s var(--ease), box-shadow .3s var(--ease);
  }
  .press-card::before{
    content:"";
    position:absolute; inset:8px;
    border:1px dashed var(--line);
    border-radius:2px;
    pointer-events:none;
  }
  .press-card:hover{transform:translateY(-6px) rotate(-0.4deg); box-shadow:var(--shadow-soft);}
  .press-card__meta{
    display:flex; align-items:center; justify-content:space-between;
    font-family:'IBM Plex Mono', monospace;
    font-size:0.68rem;
    letter-spacing:0.06em;
    text-transform:uppercase;
    color:var(--stamp-red);
  }
  .press-card__outlet{opacity:0.9;}
  .press-card__date{opacity:0.6; color:var(--ink);}
  .press-card h3{
    font-size:1.12rem;
    font-weight:600;
    font-style:italic;
    line-height:1.28;
  }
  .press-card p{font-size:0.9rem; opacity:0.72; flex-grow:1;}
  .press-card__link{
    display:inline-flex; align-items:center; gap:0.4rem;
    font-family:'IBM Plex Mono', monospace;
    font-size:0.76rem;
    letter-spacing:0.03em;
    color:var(--ink);
    padding-top:0.4rem;
    border-top:1px solid var(--line);
    margin-top:0.2rem;
    transition:color .2s, gap .2s;
  }
  .press-card__link svg{width:14px; height:14px; transition:transform .25s var(--ease);}
  .press-card__link:hover{color:var(--stamp-red);}
  .press-card__link:hover svg{transform:translate(3px,-3px);}
  @media (max-width:900px){.press-grid{grid-template-columns:1fr 1fr;}}
  @media (max-width:560px){.press-grid{grid-template-columns:1fr;}}

  /* ---------- SECTION 7: FAQ ---------- */
  .faq{max-width:760px; margin:0 auto;}
  .faq-item{
    border-bottom:1px solid var(--line);
  }
  .faq-item__q{
    display:flex; align-items:center; justify-content:space-between;
    width:100%;
    background:none; border:none;
    padding:1.5rem 0;
    text-align:left;
    font-family:'Fraunces', serif;
    font-size:1.08rem;
    font-weight:500;
    color:var(--ink);
  }
  .faq-item__icon{
    width:28px; height:28px; flex-shrink:0;
    display:flex; align-items:center; justify-content:center;
    border-radius:50%;
    border:1px solid var(--line);
    position:relative;
    transition:transform .3s var(--ease), background .3s, border-color .3s;
  }
  .faq-item__icon::before, .faq-item__icon::after{
    content:"";
    position:absolute;
    background:var(--ink);
    transition:transform .3s var(--ease), opacity .3s;
  }
  .faq-item__icon::before{width:10px; height:1.5px;}
  .faq-item__icon::after{width:1.5px; height:10px;}
  .faq-item.is-open .faq-item__icon{background:var(--stamp-red); border-color:var(--stamp-red);}
  .faq-item.is-open .faq-item__icon::before, .faq-item.is-open .faq-item__icon::after{background:#fff;}
  .faq-item.is-open .faq-item__icon::after{opacity:0; transform:rotate(90deg);}
  .faq-item__a{
    max-height:0;
    overflow:hidden;
    transition:max-height .35s var(--ease);
  }
  .faq-item__a p{padding-bottom:1.5rem; opacity:0.78; max-width:60ch; font-size:0.96rem;}

  /* ---------- SECTION 8: CTA final ---------- */
  .cta-final{
    background:radial-gradient(120% 140% at 85% 20%, #0E4048 0%, #062226 60%, #041A1D 100%);
    color:#F2FAF9;
    text-align:center;
    padding:6.5rem 0;
    position:relative;
    overflow:hidden;
  }
  .cta-final__stamp{
    margin:0 auto 1.8rem;
    color:var(--teal-300);
    width:84px; height:84px;
  }
  .cta-final__stamp svg{width:34px; height:34px;}
  .cta-final h2{font-size:clamp(1.7rem,3.6vw,2.6rem); max-width:20ch; margin:0 auto 1.2rem;}
  .cta-final p{max-width:56ch; margin:0 auto 2.2rem; opacity:0.82;}

  /* ---------- FOOTER ---------- */
  .footer{background:#021213; color:#F2FAF9; padding:3.6rem 0 2rem;}
  .footer__top{
    display:grid;
    grid-template-columns:1.3fr 1fr 1fr;
    gap:2.5rem;
    padding-bottom:2.4rem;
    border-bottom:1px solid var(--line-dark);
  }
  .footer__brand img{height:30px; margin-bottom:1rem;}
  .footer__brand p{opacity:0.7; font-size:0.9rem; max-width:32ch;}
  .footer h4{font-family:'IBM Plex Mono', monospace; font-size:0.72rem; letter-spacing:0.1em; text-transform:uppercase; opacity:0.6; margin-bottom:1rem;}
  .footer__links li{margin-bottom:0.65rem;}
  .footer__links a{opacity:0.82; font-size:0.92rem; transition:opacity .2s;}
  .footer__links a:hover{opacity:1;}
  .footer__bottom{
    display:flex; justify-content:space-between; align-items:center;
    padding-top:1.6rem;
    font-size:0.82rem; opacity:0.55;
    flex-wrap:wrap; gap:0.6rem;
  }
  @media (max-width:760px){
    .footer__top{grid-template-columns:1fr; gap:2rem;}
  }

  /* ---------- REVEAL ANIMATION ---------- */
  .reveal{opacity:0; transform:translateY(28px); transition:opacity .7s var(--ease), transform .7s var(--ease);}
  .reveal.is-visible{opacity:1; transform:translateY(0);}
  .reveal-stagger > *{opacity:0; transform:translateY(24px); transition:opacity .6s var(--ease), transform .6s var(--ease);}
  .reveal-stagger.is-visible > *{opacity:1; transform:translateY(0);}
  .reveal-stagger.is-visible > *:nth-child(1){transition-delay:0.02s;}
  .reveal-stagger.is-visible > *:nth-child(2){transition-delay:0.09s;}
  .reveal-stagger.is-visible > *:nth-child(3){transition-delay:0.16s;}
  .reveal-stagger.is-visible > *:nth-child(4){transition-delay:0.23s;}
  .reveal-stagger.is-visible > *:nth-child(5){transition-delay:0.30s;}
  .reveal-stagger.is-visible > *:nth-child(6){transition-delay:0.37s;}

  /* responsive hero */
  @media (max-width:980px){
    .hero__inner{grid-template-columns:1fr; gap:3rem;}
    .hero__title{max-width:none;}
  }
  @media (max-width:560px){
    .container{padding:0 5.5vw;}
    .section{padding:5rem 0;}
    .hero{padding-top:110px;}
  }

  .contact-btns{display:flex; flex-direction:column; gap:0.7rem;}
.contact-btn{
  display:inline-flex; align-items:center; gap:0.6rem;
  padding:0.65rem 1rem;
  border-radius:100px;
  font-size:0.86rem;
  font-weight:500;
  border:1px solid rgba(242,250,249,0.18);
  color:#F2FAF9;
  transition:transform .25s var(--ease), background .25s, border-color .25s;
  width:fit-content;
}
.contact-btn svg{width:17px; height:17px; flex-shrink:0;}
.contact-btn--whatsapp:hover{background:#25D366; border-color:#25D366; color:#062226; transform:translateY(-2px);}
.contact-btn--email:hover{background:var(--teal-400); border-color:var(--teal-400); color:var(--petrol-900); transform:translateY(-2px);}
  /* ---------- MODAL DE VÍDEO (quase tela cheia) ---------- */
  .video-modal{
    position:fixed;
    inset:0;
    z-index:300;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:3vh 3vw;
    opacity:0;
    pointer-events:none;
    transition:opacity .3s var(--ease);
  }
  .video-modal.is-open{opacity:1; pointer-events:auto;}
  .video-modal__backdrop{
    position:absolute;
    inset:0;
    background:rgba(6,34,38,0.92);
    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
  }
  .video-modal__content{
    position:relative;
    z-index:1;
    width:min(94vw, 1400px);
    aspect-ratio:16/9;
    background:#000;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 40px 90px -30px rgba(0,0,0,0.65);
    transform:scale(0.96);
    transition:transform .3s var(--ease);
  }
  .video-modal.is-open .video-modal__content{transform:scale(1);}
  #videoModalBody{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
  }
  .video-modal__content iframe{
    width:100%;
    height:100%;
    border:0;
    display:block;
  }
  .video-modal__close{
    position:absolute;
    top:-52px;
    right:0;
    width:40px;
    height:40px;
    border-radius:50%;
    background:rgba(242,250,249,0.12);
    border:1px solid rgba(242,250,249,0.3);
    color:#F2FAF9;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:background .2s, transform .2s, border-color .2s;
    z-index:2;
  }
  .video-modal__close svg{width:18px; height:18px;}
  .video-modal__close:hover{background:var(--stamp-red); border-color:var(--stamp-red); transform:rotate(90deg);}
  @media (max-width:700px){
    .video-modal__close{top:-46px; width:36px; height:36px;}
  }