*{box-sizing:border-box;margin:0;padding:0;cursor:none!important}
body{font-family:'Sora',sans-serif;background:#fff;color:#111;overflow-x:hidden;}

#cursor{position:fixed;width:16px;height:16px;background:#fff;mix-blend-mode:difference;border-radius:50%;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);transition:width .2s ease,height .2s ease}
#cursor.hovered{width:40px;height:40px;}

nav{display:flex;align-items:center;justify-content:space-between;padding:20px 56px;border-bottom:.5px solid rgba(229,229,229,0.6);position:sticky;top:0;background:rgba(255,255,255,0.75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:100}
.logo{font-size:26px;font-weight:700;letter-spacing:-0.5px}
.nav-links{display:flex;align-items:center;gap:28px;list-style:none}
.nav-links a{font-size:15px;color:#111;text-decoration:none;font-weight:400}
.nav-links a:hover{opacity:.5}
.nav-li{width:32px;height:32px;display:flex;align-items:center;justify-content:center;text-decoration:none;flex-shrink:0}

/* ── Hamburger & mobile menu ── */
.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:4px;z-index:101;}
.hamburger span{display:block;width:22px;height:2px;background:#111;border-radius:2px;}
.nav-mobile-group{display:none;align-items:center;gap:16px;}
.nav-mobile-group .hamburger{display:flex;}
.nav-linkedin-mobile{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#111;flex-shrink:0;}
.nav-linkedin-mobile svg{fill:#fff;}
.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:9998;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:48px;transform:translateY(-100%);transition:transform 0.4s cubic-bezier(0.76,0,0.24,1);pointer-events:none;}
.mobile-menu.open{transform:translateY(0);pointer-events:all;}
.mobile-menu-close{position:absolute;top:20px;right:24px;background:none;border:none;font-size:28px;font-family:'Sora',sans-serif;color:#111;padding:4px 8px;line-height:1;}
.mobile-menu a{font-family:'Sora',sans-serif;font-size:40px;font-weight:700;color:#111;text-decoration:none;letter-spacing:-1px;}
.mobile-menu a:hover{opacity:0.5;}

.hero{padding:72px 80px 88px;max-width:960px;}
.hero-name{font-size:clamp(52px,10vw,125px);font-weight:800;line-height:.92;letter-spacing:-4px;margin-bottom:28px;}
.hero-sub{font-size:23px;line-height:1.65;color:#555;max-width:85%;margin-bottom:32px;}
.btn{display:inline-block;background:#111;color:#fff;font-family:'Sora',sans-serif;font-size:15px;font-weight:500;padding:11px 22px;border-radius:4px;text-decoration:none}
.btn:hover{opacity:.8}

.divider{height:.5px;background:#e5e5e5;margin:0 56px}

.section{padding:72px 80px}
.section-title{font-size:60px;font-weight:700;letter-spacing:-1.5px;margin-bottom:40px;line-height:1.05}

.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.card{transition:transform .3s ease;}
.card:hover{transform:translateY(-4px);}
.card-thumb{position:relative;overflow:hidden;border-radius:10px;}
.card-thumb img{width:100%;height:auto;display:block;transition:transform .5s ease;}
.card:hover .card-thumb img{transform:scale(1.05);}
.card-thumb-overlay{position:absolute;inset:0;background:rgba(0,0,0,0);transition:background .4s ease;}
.card:hover .card-thumb-overlay{background:rgba(0,0,0,0.12);}
.card img{width:100%;height:auto;border-radius:10px;display:block}
.card-title{font-size:30px;font-weight:600;margin-top:14px;color:#111;letter-spacing:-0.3px}
.card-meta{font-size:20px;color:#888;margin-top:5px}

.expertise{background:#f8f8f8}
.exp-row{display:flex;align-items:center;justify-content:space-between;padding:26px 0;border-bottom:.5px solid #e0e0e0}
.exp-row:last-child{border-bottom:none}
.exp-label{font-size:23px;font-weight:600;color:#111}
.exp-tags{font-size:23px;color:#666;text-align:right}

.about-text{font-size:23px;line-height:1.8;color:#333;max-width:70%;margin-bottom:16px}
.brands{display:flex;align-items:center;gap:36px;flex-wrap:wrap;margin-top:40px}
.brand{font-size:19px;font-weight:700;color:#111;letter-spacing:-0.5px;opacity:.7}

footer{background:#111;color:#fff;padding:80px 80px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;position:relative;overflow:hidden;}
footer>*{position:relative;z-index:2}
.footer-reveal{--rx:50%;--ry:50%;position:absolute;inset:0;background-image:url('Home/abstract-footer.jpg');background-size:cover;background-position:center;opacity:0;transition:opacity .7s ease;pointer-events:none;z-index:1;filter:blur(2px);}
.footer-reveal.active{opacity:1}
.footer-reveal.fr1{transition-delay:0s;mask-image:radial-gradient(circle 80px at var(--rx) var(--ry),#000 30%,transparent 100%);-webkit-mask-image:radial-gradient(circle 80px at var(--rx) var(--ry),#000 30%,transparent 100%);}
.footer-reveal.fr2{transition-delay:.05s;mask-image:radial-gradient(circle 120px at var(--rx) var(--ry),#000 25%,transparent 100%);-webkit-mask-image:radial-gradient(circle 120px at var(--rx) var(--ry),#000 25%,transparent 100%);}
.footer-reveal.fr3{transition-delay:.1s;mask-image:radial-gradient(circle 170px at var(--rx) var(--ry),#000 20%,transparent 100%);-webkit-mask-image:radial-gradient(circle 170px at var(--rx) var(--ry),#000 20%,transparent 100%);}
.footer-cta{font-size:clamp(30px,4vw,46px);font-weight:700;letter-spacing:-1px}
.footer-email{font-size:16px;color:#aaa}
.footer-top-btn{display:none;}


/* ── Case page styles ── */

.case-wrap{font-family:'Sora',sans-serif;color:#111;background:#fff;}

.full-img{line-height:0;}
.full-img img{width:100%;display:block;}

.text-block{
  padding:64px 80px;
  max-width:100%;
  box-sizing:border-box;
}

.case-title{
  font-size:50px;
  max-width:100%;
  font-weight:700;
  letter-spacing:-1.5px;
  line-height:1.1;
  margin-bottom:32px;
}

.meta-line{font-size:23px;line-height:2;color:#111;}
.meta-line strong{font-weight:700;}

.section-h2{
  font-size:50px;
  font-weight:700;
  letter-spacing:-1px;
  margin-bottom:24px;
  margin-top:0;
}

.section-h3{
  font-size:30px;
  font-weight:700;
  margin-top:28px;
  margin-bottom:8px;
}

.body-text{
  font-size:23px;
  line-height:1.8;
  color:#333;
  max-width:720px;
}

.bullet-list{padding-left:20px;margin-top:8px;}
.bullet-list li{font-size:23px;line-height:2;color:#333;max-width:85%;}

.palette-wrap{
  display:flex;
  justify-content:space-around;
  background:#f5f5f5;
  border-radius:12px;
  padding:48px 24px;
  margin-top:32px;
}
.swatch{display:flex;flex-direction:column;align-items:center;gap:14px;}
.swatch-dot{width:110px;height:110px;border-radius:50%;}
.swatch-hex{font-size:18px;font-weight:500;color:#333;}

.typo-wrap{
  display:flex;
  background:#f5f5f5;
  border-radius:12px;
  padding:48px 24px;
  margin-top:32px;
  gap:48px;
}
.typo-col{flex:1;}
.typo-display-italic{
  font-size:48px;
  font-weight:900;
  font-style:italic;
  letter-spacing:-2px;
  line-height:1;
  margin-bottom:12px;
}
.typo-display{
  font-size:48px;
  font-weight:900;
  letter-spacing:-2px;
  line-height:1;
  margin-bottom:12px;
}
.typo-label{font-size:18px;color:#888;}

.thank-you{text-align:center;padding:100px 40px;}
.thank-you h2{font-size:40px;font-weight:700;letter-spacing:-1.5px;margin-bottom:36px;}

.next-btn{
  display:inline-block;
  background:#111;
  color:#fff;
  font-family:'Sora',sans-serif;
  font-size:15px;
  font-weight:500;
  padding:14px 32px;
  border-radius:4px;
  text-decoration:none;
}
.next-btn:hover{opacity:.8;}

.divider-line{height:.5px;background:#e5e5e5;margin:0 80px;}
.rockets-divider{display:none;}

/* ── Marquee ticker ── */
.marquee{
  width:100%;
  overflow:hidden;
  background:#fff;
  padding:14px 0;
  white-space:nowrap;
}
.marquee-track{
  display:inline-flex;
  width:max-content;
  animation:marqueeScroll 22s linear infinite;
}
.marquee-track span{
  font-size:18px;
  font-weight:500;
  color:#111;
  letter-spacing:-0.2px;
  padding:0 32px;
}
@keyframes marqueeScroll{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}

/* ── Page transition overlay ── */
.page-transition {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #111;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: transitionOut 0.7s cubic-bezier(0.76, 0, 0.24, 1) 1.2s forwards;
}

.page-transition-name {
  font-family: 'Sora', sans-serif;
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  opacity: 0;
  animation: nameAppear 0.5s ease 0.3s forwards;
}

@keyframes nameAppear {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes transitionOut {
  from { transform: translateY(0); }
  to   { transform: translateY(-100%); }
}

/* ── Scroll reveal ── */
.reveal{opacity:0;transform:translateY(36px);transition:opacity 0.7s ease,transform 0.7s ease;}
.reveal.visible{opacity:1;transform:translateY(0);}

/* ── Responsive ── */

@media(max-width:768px){
  nav{padding:16px 24px;}
  .nav-links{display:none !important;}
  .nav-mobile-group{display:flex;}
  .hero-photo{width:64px !important;height:64px !important;margin-left:12px !important;margin-bottom:4px !important;}

  .hero{padding:48px 24px 64px;}
  .hero-name{font-size:clamp(48px,14vw,72px);letter-spacing:-4px;}
  .hero-sub{font-size:15px;max-width:100%;line-height:2;}
  .about-text{line-height:2;max-width:100%;}

  .divider{margin:0 24px;}

  .section{padding:48px 24px;}
  .section-title{font-size:34px;}

  .projects-grid{grid-template-columns:1fr;gap:32px;}

  .exp-row{flex-direction:column;align-items:flex-start;gap:8px;padding:20px 0;}
  .exp-tags{text-align:left;}

  .brands{gap:20px;}
  .brand{font-size:16px;}

  footer{flex-direction:column;align-items:center;text-align:center;gap:16px;padding:40px 24px;position:relative;}
  footer > div{gap:16px !important;}
  footer .footer-cta{margin:0;}
  .footer-email{text-align:center;}
  .footer-top-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    width:48px;
    height:48px;
    border-radius:50%;
    background:#fff;
    border:none;
    position:absolute;
    top:24px;
    right:24px;
  }

  [style*="white-space:nowrap"]{white-space:normal !important;}
  .social-purple-img{width:100% !important;max-width:100% !important;margin-left:0 !important;margin-right:0 !important;}
  .text-block{padding:48px 24px;}
  .case-title{font-size:28px;}
  .section-h2{font-size:22px;}
  .section-h3{font-size:18px;}
  .meta-line{font-size:15px;}
  .body-text{font-size:15px;}
  .bullet-list li{font-size:15px;}
  .palette-wrap{gap:20px;padding:24px 16px;justify-content:center;}
  .swatch-dot{width:52px;height:52px;}
  .swatch-hex{font-size:11px;text-align:center;}
  .typo-wrap{flex-direction:column;padding:28px 24px;gap:28px;}
  .typo-display-italic,.typo-display{font-size:32px;}
  .divider-line{margin:0 24px;}
  .rockets-divider{display:block;margin-top:32px;}
  .thank-you{padding:64px 24px;}
}

@media(max-width:480px){
  .hero-name{font-size:clamp(40px,13vw,60px);letter-spacing:-1.5px;}
  .section-title{font-size:28px;}
  .card-title{font-size:20px;}
  .card-meta{font-size:14px;}
  .about-text{font-size:15px;}
  .exp-tags{font-size:15px;}
  .exp-label{font-size:16px;}
}

/* ── Case study shared layout classes ── */
.results-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:0 auto;}
.ptr-wrap{display:flex;align-items:center;gap:16px;justify-content:center;}

/* ── Case study mobile responsive overrides ── */
/* Languages: keep labels on one line and centered on desktop */
.languages-icons > div{text-align:center;}
.languages-icons > div span{white-space:nowrap;}

@media(max-width:768px){
  /* Hero about */
  [style*="padding:120px 80px"]{padding:48px 24px !important;}
  [style*="font-size:19px"]{font-size:15px !important;}

  /* Design Philosophy */
  .philosophy-section [style*="display:flex;gap:48px"]{flex-direction:column;gap:12px !important;margin-bottom:32px !important;}
  .philosophy-section [style*="min-width:160px"]{min-width:0 !important;}
  .philosophy-section h2{font-size:26px !important;letter-spacing:-0.5px !important;}
  .philosophy-grid{grid-template-columns:1fr !important;gap:0 !important;}
  .philosophy-grid > div{padding-bottom:28px !important;}

  /* Skills/Languages: reduce h2 margin on mobile */
  [style*="margin-bottom:56px"]{margin-bottom:28px !important;}

  /* Skills: 4 cols on mobile to avoid orphan */
  .skills-icons{gap:20px !important;justify-content:space-evenly !important;}

  /* Work experience: single column + smaller font */
  .work-exp-grid{grid-template-columns:1fr !important;gap:24px !important;}
  .work-exp-grid p{font-size:15px !important;}

  /* Education mobile title */
  .edu-mobile-title{display:block !important;}

  /* Education: collapse label column so margins are equal */
  .education-section [style*="min-width:140px"]{min-width:0 !important;width:0 !important;overflow:hidden !important;padding:0 !important;font-size:0 !important;}

  /* Skills: tighten gap so icons align evenly */
  .skills-icons{gap:24px !important;}

  /* Languages: force all 3 flags in one row */
  .languages-icons{flex-wrap:nowrap !important;gap:16px !important;}
  .languages-icons > div{width:80px !important;}
  .languages-icons > div span{white-space:normal;text-align:center;}

  /* Reduce horizontal padding on inline-styled sections */
  [style*="padding:64px 80px"],
  [style*="padding:80px 80px"],
  [style*="padding:56px 80px"],
  [style*="padding:48px 80px"]{
    padding-left:24px !important;
    padding-right:24px !important;
  }
  [style*="padding:80px 80px"]{
    padding-top:48px !important;
    padding-bottom:48px !important;
  }

  /* Font size scaling */
  [style*="font-size:50px"]{font-size:26px !important;letter-spacing:-0.5px !important;}
  [style*="font-size:40px"]{font-size:24px !important;}
  [style*="font-size:36px"]{font-size:22px !important;margin-bottom:28px !important;}
  [style*="font-size:30px"]{font-size:20px !important;}
  [style*="font-size:23px"]{font-size:16px !important;}
  [style*="font-size:18px"]{font-size:14px !important;}

  /* Max width cleanup */
  [style*="max-width:85%"]{max-width:100% !important;}
  [style*="max-width:600px"]{max-width:100% !important;}
  [style*="max-width:1000px"]{max-width:100% !important;}

  /* Results grid: 4 cols → 2 cols */
  .results-grid{grid-template-columns:repeat(2,1fr);gap:20px;max-width:100%;}
  .results-grid p{font-size:13px !important;line-height:1.7;width:100%;}

  /* Pull to refresh: row → column, ball first */
  .ptr-wrap{flex-direction:column;}
  .page-rockets .ptr-wrap > div:first-child{order:2;}
  .page-rockets .ptr-wrap > div:last-child{order:1;}
  [style*="width:320px"]{width:auto !important;max-width:260px !important;}
  [style*="max-width:300px"]{max-width:220px !important;}
  [style*="width:300px"]{width:180px !important;}

  /* Overlaid GIF on player photo */
  [style*="mix-blend-mode:darken"]{width:210px !important;}

  /* Gallery images after Results box + Results box itself: reduce vertical gap */
  .full-img[style*="margin-top:12px"],
  [style*="margin-top:12px"][style*="background:#00E157"]{margin-top:4px !important;}
}

@media(max-width:480px){
  .hero-name{font-size:clamp(40px,13vw,60px);letter-spacing:-1.5px;}
  .section-title{font-size:28px;}
  .card-title{font-size:20px;}
  .card-meta{font-size:14px;}
  .about-text{font-size:15px;}
  [style*="font-size:50px"]{font-size:22px !important;}
  [style*="font-size:40px"]{font-size:20px !important;}
  .results-grid{grid-template-columns:1fr;}
}

/* ── Duolingo page specific responsive ── */
@media(max-width:768px){
  /* Green box 120px padding → 24px */
  [style*="padding:20px 120px"],
  [style*="padding:0 120px"]{
    padding-left:24px !important;
    padding-right:24px !important;
  }

  /* Icons grid: 5 cols → 2-3 cols wrap */
  [style*="justify-content:center;gap:16px"]{
    flex-wrap:wrap !important;
    gap:24px !important;
  }
  [style*="justify-content:center;gap:16px"] > div{
    flex:1 1 40% !important;
    max-width:45% !important;
  }

  /* Old/New section: 60% → 90% */
  [style*="width:60%"]{
    width:90% !important;
  }

  /* Research/wireframe images: 75% → 100% */
  [style*="width:75%"]{width:100% !important;}

  /* Centered image sections padding */
  [style*="padding:0 80px"] img[style*="width:75%"]{width:100% !important;}

  /* Green box gif */
  [src*="duofeliz"]{width:140px !important;}

  /* Impacts box padding */
  [style*="padding:56px 80px 100px"]{
    padding:40px 24px 60px !important;
  }
}

/* ── Studio AD page responsive ── */
@media(max-width:768px){

  /* Color palette: side-by-side → stacked */
  [style*="padding:48px 56px"][style*="gap:64px"]{
    flex-direction:column !important;
    gap:40px !important;
    padding:32px 24px !important;
  }

  /* Primary/secondary color rows: wrap on mobile */
  [style*="gap:40px"][style*="justify-content:center"]{
    flex-wrap:wrap !important;
    gap:24px !important;
  }

  /* Circles: smaller on mobile */
  [style*="width:110px"][style*="height:110px"][style*="border-radius:50%"]{
    width:72px !important;
    height:72px !important;
  }

  /* Typography box */
  [style*="padding:48px 56px"][style*="flex-direction:column"]{
    padding:32px 20px !important;
  }

  /* Typography rows: stack on mobile */
  [style*="gap:48px"][style*="align-items:center"]{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:8px !important;
  }

  /* Typography font size */
  [style*="font-size:32px"]{font-size:18px !important;}

  /* Divider lines full width */
  [style*="border-top:1px solid #d0d0d0"]{width:100% !important;}

  /* Old logo image */
  [src*="old_logo"]{width:100% !important;}

  /* Sketches gif */
  [src*="Sketches"]{width:90% !important;}

  /* Group48 */
  [src*="Group48"]{width:85% !important;}

  /* Old logo container padding */
  [style*="padding:0 80px"] [src*="old_logo"]{width:100% !important;}
}

/* ── Pet Rescue typography: fix left column width on desktop for alignment ── */
@media(min-width:769px){
  [style*="min-width:260px"]{
    width:350px !important;
    min-width:0 !important;
    flex-shrink:0 !important;
  }
  [style*="min-width:260px"] p[style*="white-space:nowrap"]{
    white-space:normal !important;
  }
  /* Rockets: more space between See full project button and red banner */
  .page-rockets [style*="padding:24px 40px"]{
    padding-bottom:80px !important;
  }
}

/* ── Pet Rescue page responsive ── */
@media(max-width:768px){
  /* Color palette: stack columns + center all content */
  [style*="gap:64px"][style*="align-items:flex-start"]{
    flex-direction:column !important;
    gap:32px !important;
    align-items:stretch !important;
  }
  /* Make each section (Primary + Neutral) a centered column */
  [style*="gap:64px"] > div{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    width:100% !important;
  }
  /* Color palette titles: center */
  [style*="gap:64px"] p[style*="font-size:20px"]{
    text-align:center !important;
    width:100% !important;
  }
  /* Color circle rows: wrap + center */
  [style*="gap:40px"][style*="justify-content:flex-start"]{
    flex-wrap:wrap !important;
    gap:16px !important;
    justify-content:center !important;
    width:100% !important;
  }

  /* Typography: stack label + alphabet, reduce padding, shrink font to fit one line */
  [style*="padding:48px 56px"][style*="flex-direction:column"]{
    padding:24px 16px !important;
  }
  [style*="padding:48px 56px"][style*="flex-direction:column"] > [style*="gap:48px"]{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:6px !important;
  }
  [style*="padding:48px 56px"] p[style*="text-align:left"]{
    font-size:18px !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }

  /* min-width labels → allow shrink */
  [style*="min-width:260px"]{min-width:0 !important;}

  /* Key images: increase to full width on mobile */
  [src*="telas_phone"],[src*="researchpet"],[src*="computadorproject"]{width:100% !important;}

  /* Mirror: logo image bigger on mobile */
  [src*="logomirror"]{width:100% !important;}

  /* Mirror: Typography gray box wider on mobile */
  .mirror-typography-wrap{
    padding-left:16px !important;
    padding-right:16px !important;
  }

  /* Mirror: Mobile section copy — more line spacing on mobile */
  .mirror-mobile-copy{
    line-height:2.4 !important;
  }

  /* mobile_telas: full viewport breakout */
  [src*="mobile_telas"]{
    width:130vw !important;
    max-width:none !important;
    position:relative !important;
    left:50% !important;
    transform:translateX(-50%) !important;
  }

  /* Studio AD: center Montserrat labels in typography */
  .page-studio-ad [style*="padding:48px 56px"][style*="flex-direction:column"] > [style*="gap:48px"]{
    align-items:center !important;
  }
  .page-studio-ad [style*="min-width:280px"]{
    min-width:0 !important;
    width:100% !important;
    text-align:center !important;
  }

  /* Studio AD: remove side padding from image wrappers → images fill the screen */
  .page-studio-ad [style*="padding:0 80px"]{
    padding-left:0 !important;
    padding-right:0 !important;
  }
  .page-studio-ad [style*="padding:48px 80px"]{
    padding-left:16px !important;
    padding-right:16px !important;
  }
  /* Studio AD: force sub-100% images and videos to full width */
  .page-studio-ad [src*="old_logo"],
  .page-studio-ad [src*="Sketches"],
  .page-studio-ad [src*="Telasmobilead"]{
    width:100% !important;
  }
  .page-studio-ad video{
    width:85% !important;
  }
  .page-studio-ad .studio-responsive-title{
    padding-top:16px !important;
  }
  .page-studio-ad .studio-responsive-title .section-h3{
    margin-top:0 !important;
  }
  .page-studio-ad .studio-responsive-img{
    padding-left:24px !important;
    padding-right:24px !important;
    justify-content:flex-start !important;
  }
  .page-studio-ad .studio-responsive-img img{
    width:100% !important;
  }

  /* Mirror: Color palette — 2 swatches per row on mobile instead of 1 */
  .mirror-palette-row{
    gap:20px !important;
    padding:32px 20px !important;
  }
  .mirror-palette-row > div{
    flex:0 0 calc(50% - 10px) !important;
    width:calc(50% - 10px) !important;
  }
}

/* ── Rockets page responsive font sizes (match matchday scale) ── */
@media(max-width:768px){
  .page-rockets h1[style*="font-size:50px"]{font-size:28px !important;letter-spacing:-0.5px !important;}
  .page-rockets h2[style*="font-size:50px"]{font-size:22px !important;letter-spacing:-0.5px !important;}
  .page-rockets h3[style*="font-size:30px"]{font-size:18px !important;}
  .page-rockets p[style*="font-size:23px"]{font-size:15px !important;}

  /* Final result: equalise top/bottom spacing */
  .page-rockets [style*="padding:24px 40px"]{padding-bottom:64px !important;}
}