@font-face{
font-family:"Lemon Milk";
src:url("https://cityhomebuilders.com.au/wp-content/uploads/2026/09/LEMONMILK-Light.ttf") format("truetype");
font-weight:300;
font-style:normal;
font-display:swap;
}
@font-face{
font-family:"Lemon Milk";
src:url("https://cityhomebuilders.com.au/wp-content/uploads/2026/09/LEMONMILK-Medium.ttf") format("truetype");
font-weight:500;
font-style:normal;
font-display:swap;
}

.chb-clean-hero{
position:relative;
isolation:isolate;
overflow:hidden;
min-height:var(--desk-h);
display:flex;
align-items:center;
background:#111;
color:var(--text);
}

.chb-clean-hero,
.chb-clean-hero *,
.chb-clean-marquee,
.chb-clean-marquee *{
box-sizing:border-box;
border-radius:0!important;
}

.chb-clean-hero__carousel,
.chb-clean-hero__shade{
position:absolute;
inset:0;
}

.chb-clean-hero__carousel{
z-index:-3;
overflow:hidden;
}

.chb-clean-hero__slide{
position:absolute;
inset:0;
background-image:var(--slide-desk);
background-size:cover;
background-position:var(--desk-pos);
background-repeat:no-repeat;
opacity:0;
transition:opacity .9s ease;
}

.chb-clean-hero__slide.is-active{
opacity:1;
}

.chb-clean-hero__shade{
z-index:-2;
background:linear-gradient(
90deg,
rgba(10,13,15,var(--overlay)) 0%,
rgba(10,13,15,calc(var(--overlay) * .82)) 26%,
rgba(10,13,15,.20) 58%,
rgba(10,13,15,.03) 100%
);
}

.chb-clean-hero__inner{
width:min(100%,var(--site-w));
margin:0 auto;
padding:84px 40px;
}

.chb-clean-hero__content{
width:min(100%,var(--copy-w));
}

.chb-clean-hero__eyebrow{
display:flex;
align-items:center;
gap:14px;
margin:0 0 24px;
font-family:"Lemon Milk",sans-serif;
font-weight:300;
font-size:12px;
line-height:1.2;
letter-spacing:.20em;
text-transform:uppercase;
color:rgba(255,255,255,.88);
}

.chb-clean-hero__eyebrow span{
display:block;
width:40px;
height:2px;
background:var(--gold);
flex:0 0 auto;
}

.chb-clean-hero h1{
margin:0;
font-family:"Lemon Milk",sans-serif;
font-weight:500;
font-style:normal;
font-size:clamp(52px,5.2vw,82px);
line-height:1.01;
letter-spacing:-.035em;
color:var(--text);
text-wrap:balance;
max-width:760px;
text-transform:uppercase;
}

.chb-clean-hero p,
.chb-clean-hero .chb-clean-hero__content > p{
margin:28px 0 0;
max-width:680px;
font-family:Arial,Helvetica,sans-serif!important;
font-weight:400!important;
font-style:normal!important;
font-size:16px;
line-height:1.7;
letter-spacing:0;
color:rgba(255,255,255,.90);
text-transform:none!important;
font-variant:normal!important;
}

.chb-clean-hero__actions{
display:flex;
flex-wrap:wrap;
gap:12px;
margin-top:34px;
}

.chb-clean-btn{
min-height:54px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:18px;
padding:0 26px;
border:1px solid transparent;
text-decoration:none!important;
font-family:"Lemon Milk",sans-serif;
font-weight:500;
font-size:12px;
line-height:1;
letter-spacing:.06em;
text-transform:uppercase;
transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
}

.chb-clean-btn:hover{
transform:translateY(-1px);
}

.chb-clean-btn svg{
width:17px;
height:17px;
flex:0 0 auto;
}

.chb-clean-btn--gold{
background:var(--gold);
border-color:var(--gold);
color:var(--button-text)!important;
}

.chb-clean-btn--gold:hover{
background:#fff;
border-color:#fff;
color:#111!important;
}

.chb-clean-btn--outline{
background:transparent;
border-color:rgba(255,255,255,.70);
color:#fff!important;
}

.chb-clean-btn--outline:hover{
background:#fff;
border-color:#fff;
color:#111!important;
}

.chb-animate{
opacity:0;
transform:translateY(18px);
animation:chbFadeUp .8s ease forwards;
}

.chb-animate--1{animation-delay:.08s}
.chb-animate--2{animation-delay:.18s}
.chb-animate--3{animation-delay:.30s}
.chb-animate--4{animation-delay:.42s}

@keyframes chbFadeUp{
to{
opacity:1;
transform:translateY(0);
}
}

.chb-clean-marquee{
height:var(--marquee-h);
overflow:hidden;
background:rgba(183,155,58,.96);
border-top:1px solid rgba(255,255,255,.18);
}

.chb-clean-marquee__track{
display:flex;
align-items:center;
width:max-content;
min-width:100%;
height:100%;
animation:chbMarquee 28s linear infinite;
}

.chb-clean-marquee__track span{
position:relative;
display:flex;
align-items:center;
white-space:nowrap;
height:100%;
padding:0 24px;
font-family:"Lemon Milk",sans-serif;
font-weight:300;
font-size:10px;
line-height:1;
letter-spacing:.18em;
text-transform:uppercase;
color:#fff;
opacity:.95;
}

.chb-clean-marquee__track span::after{
content:"";
display:block;
width:4px;
height:4px;
border-radius:50%!important;
background:rgba(255,255,255,.7);
margin-left:24px;
flex:0 0 auto;
}

@keyframes chbMarquee{
to{transform:translateX(-50%)}
}

@media (max-width: 767px){
.chb-clean-hero{
min-height:var(--mob-h);
align-items:center;
}

.chb-clean-hero__slide{
background-image:var(--slide-mob);
background-position:var(--mob-pos);
}

.chb-clean-hero__shade{
background:linear-gradient(
180deg,
rgba(10,13,15,.04) 0%,
rgba(10,13,15,.20) 34%,
rgba(10,13,15,var(--overlay-mobile)) 68%,
rgba(10,13,15,var(--overlay-mobile)) 100%
);
}

.chb-clean-hero__inner{
padding:96px 20px;
}

.chb-clean-hero__content{
width:100%;
max-width:100%;
margin:0 auto;
text-align:center;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}

.chb-clean-hero__eyebrow{
font-size:10px;
letter-spacing:.16em;
gap:10px;
margin-bottom:16px;
justify-content:center;
}

.chb-clean-hero__eyebrow span{
width:28px;
}

.chb-clean-hero h1{
font-size:clamp(40px,12.3vw,56px);
line-height:1.02;
letter-spacing:-.035em;
max-width:100%;
}

.chb-clean-hero p,
.chb-clean-hero .chb-clean-hero__content > p{
font-size:13px;
line-height:1.7;
margin-top:20px;
max-width:94%;
}

.chb-clean-hero__actions{
display:grid;
grid-template-columns:1fr;
width:100%;
margin-top:28px;
}

.chb-clean-btn{
width:100%;
min-height:54px;
padding-inline:20px;
}

.chb-clean-marquee{
height:34px;
}

.chb-clean-marquee__track span{
font-size:9px;
padding:0 18px;
letter-spacing:.15em;
}

.chb-clean-marquee__track span::after{
margin-left:18px;
}
}

@media (prefers-reduced-motion: reduce){
.chb-animate{
opacity:1;
transform:none;
animation:none;
}
.chb-clean-marquee__track{
animation:none;
}
}


/* v1.2.5 — desktop-only content position refinement */
@media (min-width: 761px){
  .chb-clean-hero__content{
    transform:translateY(34px);
  }
}