/* AMP CLEANING — readable, compact responsive layout */
body{font-size:18px;color:#20231f;background:var(--ivory)}
.skip-link{position:fixed;z-index:20;top:12px;left:12px;padding:10px 14px;background:#fff;color:var(--forest);transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
:focus-visible{outline:3px solid #d2b77f;outline-offset:4px}
.logo span{letter-spacing:.12em}
.logo small{font-size:.86rem;font-weight:600}
.header nav{font-size:1rem;font-weight:500}
.kicker{font-size:1rem;line-height:1.4;letter-spacing:.14em;margin-bottom:18px}
.section-index{display:none}
.hero-text{font-size:1.16rem;line-height:1.6}
.text-link{font-size:.96rem}
.button{font-size:.92rem}
.hero-details span{font-size:.88rem;font-weight:500;line-height:1.45;padding:17px 24px}
.wrap{padding-top:92px;padding-bottom:92px}

/* Approach */
.editorial{grid-template-columns:1.15fr 1fr;gap:6vw}
.editorial-body{padding-top:28px;font-size:1.08rem;line-height:1.7;color:#565a54}
.editorial-body p+p{margin-top:16px}
.statement{min-height:320px;padding:62px 7vw}
.statement blockquote{font-size:clamp(2.5rem,4.3vw,4.7rem)}

/* Standard */
.standard{background:#d9d0c2;color:var(--forest);padding-top:0;padding-bottom:76px;position:relative;overflow:hidden}
.standard:before{display:none}
.standard .standard-head{margin:0 -7vw;padding-left:7vw;min-height:470px;display:grid;grid-template-columns:1fr 1fr;gap:4.5vw;align-items:center;background:var(--forest);color:var(--ivory)}
.standard .standard-head:after{content:"";align-self:stretch;min-height:470px;background:linear-gradient(90deg,rgba(29,42,36,.30),transparent 38%),url("amp-cleaning-gold-coast-kitchen.webp") center/cover no-repeat}
.standard .standard-head>div{max-width:660px}
.standard .kicker.dark{color:#d2b77f}
.standard .standard-head h2{color:#fff}
.standard .standard-head>div>p:last-child{font-size:1.08rem;line-height:1.7;color:#dce1dc;max-width:610px}
.standard .details-grid{margin-top:48px;border:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.standard .details-grid article,.standard .details-grid article:nth-child(n){min-height:210px;padding:28px;border:1px solid rgba(29,42,36,.12);background:#eee8dd;box-shadow:0 10px 26px rgba(29,42,36,.06)}
.standard .details-grid span{font-size:.86rem;font-weight:600;color:#8c6f3f}
.standard .details-grid h3{font-size:2rem;color:var(--forest);margin:18px 0 10px}
.standard .details-grid p{font-size:1.03rem;line-height:1.58;color:#505951;margin-bottom:0}
.standard .scope-note{font-size:.95rem;line-height:1.55;color:#586158;margin:20px 0 0}

/* Personal service */
.personal{min-height:620px}
.personal-image{min-height:520px;background-image:url("amp-cleaning-gold-coast-bathroom.webp")}
.personal-copy{padding:76px 6vw}
.personal h2{font-size:clamp(3rem,4.4vw,4.6rem);margin-bottom:24px}
.personal-copy>p:not(.kicker):not(.section-index){font-size:1.07rem;line-height:1.65;color:#e0e2df}
.personal ul{margin-top:26px}
.personal li{font-size:1.01rem;line-height:1.5;padding:12px 0}

/* Rates */
.rates{grid-template-columns:.78fr 1.35fr;gap:5vw}
.rates-intro>p{font-size:1.07rem;line-height:1.65;color:#565a54}
.partner-rate{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.rate-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.rate-cards article{min-width:0;min-height:300px;padding:30px;color:#fff;border:1px solid rgba(255,255,255,.14);border-top:3px solid #bfa873;box-shadow:0 12px 28px rgba(29,42,36,.12)}
.rate-cards article:nth-child(1){background:#1d2a24!important}
.rate-cards article:nth-child(2){background:#283b32}
.rate-cards article:nth-child(3){background:#344c3f}
.rate-cards article>p{font-size:.88rem;font-weight:600;color:#fff}
.rate-cards strong{font-size:clamp(3.5rem,4vw,4.4rem);color:#fff}
.rate-cards article>div span{font-size:.94rem;color:#fff}
.rate-cards small{font-size:.98rem;line-height:1.55;color:#e7ebe7}
.rate-cards small b{color:#fff}

/* Fit, form and footer */
.fit{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:3vw;align-items:start;padding-top:48px;padding-bottom:68px}
.fit h2{font-size:clamp(2.7rem,4vw,4.2rem)}
.fit>div:last-child{max-width:570px;padding-top:46px;font-size:1.07rem;line-height:1.65;color:#565a54}
.enquire-intro{padding:76px 6vw}
.enquire h2{font-size:clamp(3rem,4.6vw,4.8rem)}
.enquire-intro>p:not(.kicker):not(.section-index){font-size:1.07rem;line-height:1.65;color:#e0e2df}
.direct-contact{margin-top:30px;padding-top:24px;border-top:1px solid rgba(255,255,255,.22);display:flex;flex-direction:column;align-items:flex-start}
.direct-contact span,.direct-contact small{font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;color:#bfc8c1}
.direct-contact a{font:600 1.72rem/1.3 "DM Sans",sans-serif;letter-spacing:.045em;color:#fff;margin:7px 0 4px}
.enquire form{padding:62px 6vw}
label{font-size:.88rem;font-weight:600;letter-spacing:.08em;margin-bottom:20px}
input,select,textarea{font-size:1rem;line-height:1.45}
.form-note{font-size:.88rem}
.success span{font-size:.96rem}
footer{padding-top:52px;padding-bottom:28px}
footer>p,footer nav{font-size:.96rem}
footer>small{font-size:.9rem}
.footer-phone{display:inline-block;color:#fff;font-size:1.1rem;font-weight:600;letter-spacing:.035em;margin-top:8px}

/* Keep the hero safely below the header when the heading wraps on laptops and tablets. */
@media(min-width:601px) and (max-width:1250px){
  .hero{height:auto;min-height:820px;align-items:flex-start}
  .hero-content{margin-left:5vw;width:min(760px,90%);padding:150px 0 90px}
  .hero h1{font-size:clamp(4rem,7.2vw,5.8rem);line-height:1.02}
}

/* iPad and smaller tablets */
@media(max-width:1100px){
  .wrap{padding-top:72px;padding-bottom:72px}
  .editorial,.rates,.fit{grid-template-columns:1fr;gap:28px}
  .fit>div:last-child{max-width:720px;padding-top:0}
  .editorial-body{padding-top:0}
  .standard{padding-top:0;padding-bottom:62px}
  .standard .standard-head{margin:0 -7vw;padding:0;min-height:0;grid-template-columns:1fr;gap:0}
  .standard .standard-head>div{max-width:none;padding:62px 7vw 52px}
  .standard .standard-head:after{display:block;min-height:340px}
  .standard .details-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:36px}
  .personal{grid-template-columns:1fr;min-height:0}
  .personal-image{min-height:420px}
  .personal-copy{padding:60px 7vw}
  .rate-cards article{min-height:270px}
  .enquire{grid-template-columns:1fr}
  .enquire-intro,.enquire form{padding:58px 7vw}
}

@media(max-width:800px){
  .rate-cards{grid-template-columns:1fr;gap:10px}
  .rate-cards article{min-height:210px}
}

/* Phones */
@media(max-width:600px){
  body{font-size:18px}
  .header{height:72px;padding:0 18px}
  .header nav{top:72px;padding:20px}
  .logo span{font-size:1.32rem;letter-spacing:.09em}
  .logo small{font-size:.7rem;letter-spacing:.14em;margin-top:5px}
  .hero{height:auto;min-height:680px;padding-bottom:48px}
  .hero>img{object-position:60% center}
  .hero-content{margin:0 18px;width:auto;padding:100px 0 22px}
  .hero h1{font-size:clamp(2.75rem,13vw,3.35rem);line-height:1.02;margin-bottom:20px}
  .hero-text{font-size:1.05rem;line-height:1.55;max-width:94%}
  .hero-actions{margin-top:26px;gap:16px}
  .button{min-height:50px;padding:12px 20px;font-size:.87rem}
  .text-link{font-size:.92rem}
  .hero-details span{padding:8px 14px;font-size:.78rem;line-height:1.35}
  .wrap{padding:52px 18px}
  .kicker{font-size:.92rem;letter-spacing:.12em;margin-bottom:14px}
  .editorial{gap:20px}
  .editorial h2,.standard h2,.rates h2,.fit h2{font-size:2.65rem}
  .editorial-body{font-size:1.03rem;line-height:1.62}
  .statement{min-height:240px;padding:48px 20px}
  .statement blockquote{font-size:2.35rem}
  .standard{padding:0 18px 48px}
  .standard .standard-head{margin:0 -18px}
  .standard .standard-head>div{padding:48px 18px 40px}
  .standard .standard-head:after{min-height:250px;background-position:center}
  .standard .standard-head>div>p:last-child{font-size:1.03rem;line-height:1.6}
  .standard .details-grid{grid-template-columns:1fr;gap:10px;margin-top:28px}
  .standard .details-grid article,.standard .details-grid article:nth-child(n){min-height:0;padding:22px}
  .standard .details-grid h3{font-size:1.8rem;margin:12px 0 7px}
  .standard .details-grid p{font-size:1rem;line-height:1.5}
  .standard .scope-note{font-size:.92rem;margin-top:16px}
  .personal-image{min-height:300px;background-position:center}
  .personal-copy{padding:48px 18px}
  .personal h2{font-size:2.7rem;margin-bottom:20px}
  .personal-copy>p:not(.kicker):not(.section-index){font-size:1.03rem;line-height:1.6}
  .personal ul{margin-top:20px}
  .personal li{font-size:.98rem;padding:10px 0}
  .rates{gap:24px}
  .rates-intro>p,.fit>div:last-child{font-size:1.03rem;line-height:1.6}
  .partner-rate{margin-top:18px;padding-top:16px}
  .rate-cards{grid-template-columns:1fr;gap:10px}
  .rate-cards article{min-height:210px;padding:24px}
  .rate-cards strong{font-size:3.6rem}
  .fit{gap:20px;padding-top:36px;padding-bottom:48px}
  .enquire-intro,.enquire form{padding:48px 18px}
  .enquire h2{font-size:2.7rem}
  .field-pair{grid-template-columns:1fr;gap:0}
  label{font-size:.84rem;margin-bottom:18px}
  footer{grid-template-columns:1fr;padding:44px 18px 24px}
  footer>p,footer>small{text-align:left}
  footer nav{gap:16px;flex-wrap:wrap}
  footer>small{grid-column:1}
}

/* Small phones */
@media(max-width:380px){
  .hero h1{font-size:2.55rem}
  .editorial h2,.standard h2,.rates h2,.fit h2,.personal h2,.enquire h2{font-size:2.4rem}
  .standard .details-grid article,.rate-cards article{padding:20px}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .button,.nav-enquire{transition:none}
}