/* RougeSites — Responsive */
@media(max-width:980px){
  .nav{padding:22px 6vw}
  .nav-links a:not(.btn){display:none}
  .hero{padding:150px 6vw 80px;align-items:flex-end}
  .hero h1{font-size:clamp(58px,17vw,100px);line-height:.91}
  .hero-anchor{position:relative;right:auto;bottom:auto;margin-top:54px;font-size:27px}
  .cream-section,.feeling,.featured-project,.investment,.footer-top{grid-template-columns:1fr}
  .cream-copy,.services,.comparison,.process,.work,.experimental,.investment,.site-footer{padding-left:6vw;padding-right:6vw}
  .cream-img,.feeling .image-wrap{min-height:58vh}
  .desired .image-wrap{order:1}
  .desired .copy{order:2}
  .section-head,.compare-grid,.steps,.exp-grid,.footer-bottom{grid-template-columns:1fr}
  .service-row{grid-template-columns:1fr;gap:18px}
  .steps{gap:36px}
  .exp-card{min-height:420px}
  .thumb-grid{grid-template-columns:1fr}
  .investment::after{background:linear-gradient(180deg,rgba(239,232,220,.95),rgba(239,232,220,.76),rgba(239,232,220,.18))}
  .footer-info{justify-items:start}
  .form-grid{grid-template-columns:1fr}
  .modal-card{padding:34px 24px}
}
@media(max-width:768px){
  body{cursor:auto}
  a,button{cursor:pointer}
  .cursor{display:none}
  .brand{letter-spacing:.32em;font-size:12px}
  .brand img{width:26px;height:26px}
  .nav-links .btn{padding:12px 14px;font-size:10px}
  .hero{min-height:100svh;padding-top:132px;padding-bottom:54px}
  .hero-bg{background-position:65% center;opacity:.50}
  .hero p{font-size:15px}
  .hero-actions{flex-direction:column;align-items:stretch}
  .btn{width:100%}
  .feeling .copy{padding:74px 6vw}
  .feel-image{transform:scale(1.04)}
  .compare-card{padding:28px;min-height:360px}
}
@media(max-width:560px){
  .hero h1{font-size:clamp(44px,14vw,80px)}
}

/* Mobile hamburger nav */
.nav-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:200;flex-shrink:0}
.nav-hamburger span{display:block;width:22px;height:1px;background:var(--cream,#d7cfc2);transition:transform .3s,opacity .3s}
.nav-open .nav-hamburger span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.nav-open .nav-hamburger span:nth-child(2){opacity:0}
.nav-open .nav-hamburger span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.nav-mobile{display:none;flex-direction:column;gap:20px;padding:28px 6vw;position:absolute;top:100%;left:0;right:0;background:var(--black,#0a0a0a);border-top:1px solid rgba(215,207,194,.12);z-index:199}
.nav-open .nav-mobile{display:flex}
.nav-mobile a{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--cream,#d7cfc2);text-decoration:none;font-family:inherit}
.nav-mobile .btn{text-align:center;width:100%;box-sizing:border-box}
@media(max-width:980px){.nav-hamburger{display:flex}}
@media(min-width:981px){.nav-hamburger,.nav-mobile{display:none!important}}

/* Final responsive safety fixes */

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

* {
  box-sizing: border-box;
}

img,
video,
canvas,
iframe {
  max-width: 100%;
}

#rs-overlay {
  overflow-x: hidden;
}

@media (max-width: 760px) {
  .rs-modal {
    max-width: calc(100vw - 20px);
  }

  .hero,
  .services,
  .comparison,
  .process,
  .work,
  .experimental,
  .investment,
  .site-footer {
    overflow-x: hidden;
  }
}