:is(p,div:where(.cms-copy-paragraph)){margin:0 0 1.2rem;color:var(--muted)}
.credentials :is(p,div:where(.cms-copy-paragraph)){font-size:.82rem;margin:0;line-height:1.7}
.credentials strong,.credentials :is(p,div:where(.cms-copy-paragraph))>span,.credentials :is(p,div:where(.cms-copy-paragraph))>a{display:block}
.section-intro :is(p,div:where(.cms-copy-paragraph)):not(.eyebrow){max-width:400px;margin-top:27px}
.process-list :is(p,div:where(.cms-copy-paragraph)){font-size:.95rem;margin:0}
.warranty :is(p,div:where(.cms-copy-paragraph)){color:#d0d7cf;max-width:590px}
.areas :is(p,div:where(.cms-copy-paragraph)){max-width:440px}
.area-list :is(p,div:where(.cms-copy-paragraph)){font-size:.85rem;margin-top:20px}
.faq :is(p,div:where(.cms-copy-paragraph)){font-size:.95rem;margin:18px 30px 0 0}
.footer :is(p,div:where(.cms-copy-paragraph)){color:#b5beb5;font-size:.85rem}
.legal :is(p,div:where(.cms-copy-paragraph)){font-size:.72rem;margin:0}
.service-detail :is(p,div:where(.cms-copy-paragraph)){max-width:650px}
.project-description :is(p,div:where(.cms-copy-paragraph)){max-width:630px}
@media(min-width:1600px){}
@media(max-width:1250px){}
@media(max-width:960px){
.credentials :is(p,div:where(.cms-copy-paragraph)){font-size:.73rem}}
@media(max-width:800px){
.credentials :is(p,div:where(.cms-copy-paragraph)){font-size:.82rem}
.credentials :is(p,div:where(.cms-copy-paragraph))>span,.credentials :is(p,div:where(.cms-copy-paragraph))>a{display:inline}
.footer-grid>div:first-child :is(p,div:where(.cms-copy-paragraph)){margin:0}}
@media(max-width:620px){
.section-intro :is(p,div:where(.cms-copy-paragraph)):not(.eyebrow){margin-top:22px}
.footer-grid>div:first-child :is(p,div:where(.cms-copy-paragraph)){margin-top:20px}
.legal :is(p,div:where(.cms-copy-paragraph)){font-size:.7rem}}
@media(max-width:360px){}
@media(prefers-reduced-motion:reduce){}



/* The logo meets a continuous descriptor band at the foot of the header. */
.brand-band :is(p,div:where(.cms-copy-paragraph)) {
  margin: 0;
  color: inherit;
  font-size: .92rem;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}

@media (max-width: 1320px) {
}
@media (max-width: 1100px) {
}
@media (max-width: 1000px) {
}
@media (max-width: 620px) {
  .brand-band :is(p,div:where(.cms-copy-paragraph)) { font-size: .75rem; letter-spacing: .075em; }
}
@media (max-width: 360px) {
}

/* Supplied credential artwork: unobtrusive on light, original colour on dark. */
.contact-credentials :is(p,div:where(.cms-copy-paragraph)){font-size:.78rem;margin:0}
@media(min-width:621px) and (max-width:1100px){
}
@media(max-width:620px){
}

/* Supporting service imagery; portfolio photographs remain separate. */
@media(max-width:960px){}
@media(max-width:620px){
}

/* Give visitors a clear choice between a short enquiry and detailed project information. */
.quote-choice :is(p,div:where(.cms-copy-paragraph)){font-size:1rem;margin-bottom:10px}

/* Shared layouts for both alternative designs, without changing the original. */
.business-copy :is(p,div:where(.cms-copy-paragraph)){max-width:520px}
@media(max-width:1100px){}
@media(max-width:760px){}
@media(max-width:360px){}

/* Southern Cross Roofing: charcoal / green concept.
   Load after site.css and quote.css. The shared markup and original logo stay intact. */

/* A light, continuous header gives the supplied colour logo its own clear space. */
.brand-band :is(p,div:where(.cms-copy-paragraph)) { font-size: .8rem; letter-spacing: .14em; }

/* Strong roof geometry, a restrained diagonal edge, and generous readable copy. */
.warranty :is(p,div:where(.cms-copy-paragraph)) { color: #d0d8cf; }
.footer :is(p,div:where(.cms-copy-paragraph)) { color: #bbc4bc; }

/* Inner pages share the same palette without changing form controls or flow. */

@media (min-width: 1600px) {
}
@media (max-width: 1250px) {
}
@media (max-width: 960px) {
}
@media (max-width: 800px) and (min-width: 621px) {
}
@media (max-width: 620px) {
  .brand-band :is(p,div:where(.cms-copy-paragraph)) { font-size: .71rem; letter-spacing: .08em; }
}
@media (max-width: 360px) {
  .brand-band :is(p,div:where(.cms-copy-paragraph)) { font-size: .66rem; letter-spacing: .065em; }
}

/* Keep the detailed form introduction compact on small phones. */
@media(max-width:480px){}

/* Chosen charcoal and green design: an immediate enquiry, with commercial work in view. */
.short-form-next :is(p,div:where(.cms-copy-paragraph)){font-size:13px;color:var(--muted);margin:6px 0 10px}
@media(max-width:1100px){}
@media(max-width:850px){}
@media(max-width:620px){}
@media(prefers-reduced-motion:reduce){}

/* Keep field boundaries clear in both themes. */

/* Original supplied SVG over separate house illustrations: responsive foreground branding. */
@media(max-width:850px){}

/* Character-home inspiration is labelled separately from project photography. */
.character-intro :is(p,div:where(.cms-copy-paragraph)){max-width:650px}
.character-grid :is(p,div:where(.cms-copy-paragraph)){margin:0 0 8px}
@media(max-width:620px){}

/* Full-width reference layout, in the selected charcoal and green palette. */
@media(max-width:1250px) and (min-width:851px){}
@media(max-width:1000px) and (min-width:851px){}
@media(max-width:850px){}
@media(max-width:390px){}

/* Keep the complete flag identifiable: small, angled and fully inside the image. */
@media(max-width:850px){}

/* Footer identity: generous mobile logo and a complete Australian flag. */
.footer .footer-brand .footer-local :is(p,div:where(.cms-copy-paragraph)){margin:0;font-size:12px;line-height:1.65;color:#bbc4bc}
@media(min-width:621px) and (max-width:800px){}
@media(max-width:620px){}

/* Keep the hero caption clear of the image's 5% curved lower-left edge. */
@media(min-width:851px){}

/* Keep image origin close to the illustration without replacing its descriptive caption. */


.cms-copy-paragraph>p{color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit}.cms-copy-paragraph>p:first-child{margin-top:0}.cms-copy-paragraph>p:last-child{margin-bottom:0}cms-text{display:inline}