@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}

html.chb-intro-lock,
html.chb-intro-lock body{
overflow:hidden!important;
}

.chb-premium-intro,
.chb-premium-intro *{
box-sizing:border-box;
border-radius:0!important;
}

.chb-premium-intro{
position:fixed;
inset:0;
z-index:2147483000;
display:grid;
place-items:center;
overflow:hidden;
background:var(--chb-intro-bg,#0d0f10);
color:#fff;
opacity:0;
visibility:hidden;
pointer-events:none;
}

.chb-premium-intro.is-preparing{
opacity:1;
visibility:visible;
pointer-events:auto;
}

.chb-premium-intro__panel{
position:absolute;
top:0;
bottom:0;
width:50.15%;
background:var(--chb-intro-bg,#0d0f10);
z-index:2;
will-change:transform;
}

.chb-premium-intro__panel--left{left:0}
.chb-premium-intro__panel--right{right:0}


.chb-premium-intro__architecture{
position:absolute;
inset:0;
z-index:3;
pointer-events:none;
overflow:hidden;
opacity:1;
}

.chb-premium-intro__city{
position:absolute;
inset:0;
width:100%;
height:100%;
overflow:visible;
}

.chb-premium-intro__city path{
fill:none;
stroke-linecap:square;
stroke-linejoin:miter;
vector-effect:non-scaling-stroke;
stroke-dasharray:1;
stroke-dashoffset:1;
}

.chb-city-grid path{
stroke:rgba(255,255,255,.035);
stroke-width:.75;
}

.chb-city-back path{
stroke:rgba(255,255,255,.065);
stroke-width:.9;
}

.chb-city-main path{
stroke:rgba(255,255,255,.15);
stroke-width:1;
}

.chb-city-roofs path{
stroke:rgba(255,255,255,.12);
stroke-width:1;
}

.chb-city-windows path{
stroke:rgba(255,255,255,.055);
stroke-width:.8;
}

.chb-city-accent path{
stroke:var(--chb-intro-accent,#c2a43f);
stroke-width:1.15;
opacity:.65;
}

.chb-premium-intro__ground{
position:absolute;
left:7vw;
right:7vw;
bottom:19.8%;
height:1px;
background:linear-gradient(
90deg,
transparent,
rgba(255,255,255,.08) 18%,
rgba(194,164,63,.24) 50%,
rgba(255,255,255,.08) 82%,
transparent
);
transform:scaleX(0);
transform-origin:center;
}

.chb-premium-intro__scan{
position:absolute;
left:0;
right:0;
top:0;
height:18%;
background:linear-gradient(
180deg,
transparent 0%,
rgba(194,164,63,.025) 48%,
rgba(194,164,63,.11) 50%,
rgba(194,164,63,.025) 52%,
transparent 100%
);
opacity:0;
transform:translateY(-30vh);
}

/* Architectural drawing sequence */
.chb-premium-intro.is-entering .chb-city-grid path{
animation:chbCityDraw .9s cubic-bezier(.22,.72,.22,1) .02s forwards;
}

.chb-premium-intro.is-entering .chb-city-back path{
animation:chbCityDraw 1.05s cubic-bezier(.22,.72,.22,1) .10s forwards;
}

.chb-premium-intro.is-entering .chb-city-main path:nth-child(1),
.chb-premium-intro.is-entering .chb-city-main path:nth-child(6){
animation:chbCityDraw .95s cubic-bezier(.22,.72,.22,1) .18s forwards;
}
.chb-premium-intro.is-entering .chb-city-main path:nth-child(2),
.chb-premium-intro.is-entering .chb-city-main path:nth-child(5){
animation:chbCityDraw 1s cubic-bezier(.22,.72,.22,1) .25s forwards;
}
.chb-premium-intro.is-entering .chb-city-main path:nth-child(3),
.chb-premium-intro.is-entering .chb-city-main path:nth-child(4){
animation:chbCityDraw 1.05s cubic-bezier(.22,.72,.22,1) .32s forwards;
}

.chb-premium-intro.is-entering .chb-city-roofs path{
animation:chbCityDraw .78s cubic-bezier(.22,.72,.22,1) .46s forwards;
}

.chb-premium-intro.is-entering .chb-city-windows path{
animation:chbCityDraw .72s cubic-bezier(.22,.72,.22,1) .62s forwards;
}

.chb-premium-intro.is-entering .chb-city-accent path{
animation:chbCityAccentDraw .82s cubic-bezier(.22,.72,.22,1) .38s forwards;
}

.chb-premium-intro.is-entering .chb-premium-intro__ground{
animation:chbCityGround .8s cubic-bezier(.22,.72,.22,1) .28s forwards;
}

.chb-premium-intro.is-entering .chb-premium-intro__scan{
animation:chbCityScan 1.6s ease .12s forwards;
}

.chb-premium-intro__content{
position:relative;
z-index:5;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
width:min(88vw,620px);
text-align:center;
transform:translateY(8px);
opacity:0;
}

.chb-premium-intro__logo-wrap{
width:150px;
height:auto;
display:flex;
align-items:center;
justify-content:center;
}

.chb-premium-intro__logo-wrap img{
display:block;
width:100%;
height:auto;
max-height:92px;
object-fit:contain;
filter:brightness(0) invert(1);
}

.chb-premium-intro__rule{
width:0;
height:1px;
background:var(--chb-intro-accent,#c2a43f);
margin:28px 0 17px;
}

.chb-premium-intro__eyebrow{
font-family:"Lemon Milk",Arial,sans-serif;
font-size:6px;
font-weight:300;
letter-spacing:.24em;
text-transform:uppercase;
color:rgba(255,255,255,.56);
opacity:0;
transform:translateY(5px);
}

.chb-premium-intro__tagline{
font-family:"Lemon Milk",Arial,sans-serif;
font-size:12px;
font-weight:300;
letter-spacing:.15em;
text-transform:uppercase;
color:#fff;
margin-top:10px;
opacity:0;
transform:translateY(5px);
}

.chb-premium-intro__skip{
position:absolute;
right:24px;
bottom:22px;
z-index:8;
border:0;
border-bottom:1px solid rgba(255,255,255,.24);
background:transparent;
padding:5px 0;
font-family:"Lemon Milk",Arial,sans-serif;
font-size:5px;
letter-spacing:.16em;
text-transform:uppercase;
color:rgba(255,255,255,.45);
cursor:pointer;
transition:.2s ease;
}

.chb-premium-intro__skip:hover{
color:var(--chb-intro-accent,#c2a43f)!important;
border-color:var(--chb-intro-accent,#c2a43f)!important;
background:transparent!important;
}

/* ENTRY */
.chb-premium-intro.is-entering .chb-premium-intro__content{
animation:chbIntroContentIn .58s cubic-bezier(.2,.7,.2,1) forwards;
}

.chb-premium-intro.is-entering .chb-premium-intro__rule{
animation:chbIntroRuleIn .72s cubic-bezier(.2,.7,.2,1) .20s forwards;
}

.chb-premium-intro.is-entering .chb-premium-intro__eyebrow{
animation:chbIntroTextIn .52s ease .34s forwards;
}

.chb-premium-intro.is-entering .chb-premium-intro__tagline{
animation:chbIntroTextIn .52s ease .44s forwards;
}

/* EXIT */
.chb-premium-intro.is-exiting{
animation:chbIntroSwipeUp .92s cubic-bezier(.22,.72,.22,1) forwards;
}

.chb-premium-intro.is-exiting .chb-premium-intro__content{
animation:chbIntroContentSwipe .58s cubic-bezier(.22,.61,.36,1) forwards;
}

.chb-premium-intro.is-exiting .chb-premium-intro__panel--left,
.chb-premium-intro.is-exiting .chb-premium-intro__panel--right{
animation:none!important;
}

.chb-premium-intro.is-exiting .chb-premium-intro__architecture{
animation:chbIntroArchitectureSwipe .66s ease forwards;
}

@keyframes chbIntroContentIn{
from{opacity:0;transform:translateY(8px)}
to{opacity:1;transform:none}
}

@keyframes chbIntroRuleIn{
from{width:0}
to{width:92px}
}

@keyframes chbIntroTextIn{
from{opacity:0;transform:translateY(5px)}
to{opacity:1;transform:none}
}

@keyframes chbIntroContentSwipe{
0%{opacity:1;transform:translateY(0) scale(1)}
100%{opacity:0;transform:translateY(-24px) scale(.995)}
}


@keyframes chbIntroArchitectureSwipe{
0%{opacity:1;transform:translateY(0) scale(1)}
100%{opacity:0;transform:translateY(-22px) scale(1.018)}
}

@keyframes chbCityDraw{
from{stroke-dashoffset:1}
to{stroke-dashoffset:0}
}

@keyframes chbCityAccentDraw{
0%{stroke-dashoffset:1;opacity:0}
35%{opacity:.9}
100%{stroke-dashoffset:0;opacity:.65}
}

@keyframes chbCityGround{
from{transform:scaleX(0);opacity:0}
to{transform:scaleX(1);opacity:1}
}

@keyframes chbCityScan{
0%{opacity:0;transform:translateY(-25vh)}
18%{opacity:.55}
82%{opacity:.2}
100%{opacity:0;transform:translateY(110vh)}
}

@media(max-width:760px){
.chb-premium-intro__logo-wrap{width:116px}
.chb-premium-intro__rule{margin-top:24px}
.chb-premium-intro__tagline{font-size:10px}
.chb-premium-intro__eyebrow{font-size:5.5px}
}


@media(max-width:760px){
.chb-premium-intro__city{
width:150%;
left:-25%;
}
.chb-city-back path{stroke:rgba(255,255,255,.055)}
.chb-city-main path{stroke:rgba(255,255,255,.14)}
.chb-city-roofs path{stroke:rgba(255,255,255,.12)}
.chb-city-windows path{stroke:rgba(255,255,255,.05)}
.chb-city-accent path{opacity:.72}
.chb-premium-intro__ground{
left:4vw;
right:4vw;
bottom:20%;
}
}

@media(prefers-reduced-motion:reduce){
.chb-premium-intro__city path,
.chb-premium-intro__ground,
.chb-premium-intro__scan{animation:none!important;stroke-dashoffset:0!important;transform:none!important;opacity:1!important}
.chb-premium-intro.is-entering .chb-premium-intro__content,
.chb-premium-intro.is-entering .chb-premium-intro__rule,
.chb-premium-intro.is-entering .chb-premium-intro__eyebrow,
.chb-premium-intro.is-entering .chb-premium-intro__tagline{
animation-duration:.01ms!important;
animation-delay:0ms!important;
}
.chb-premium-intro.is-exiting,
.chb-premium-intro.is-exiting .chb-premium-intro__content,
.chb-premium-intro.is-exiting .chb-premium-intro__architecture{
animation-duration:.01ms!important;
animation-delay:0ms!important;
}
}


/* =========================================================
   v1.1.1 — MOBILE CONTENT POSITION ONLY
   Animation remains completely untouched.
   ========================================================= */
@media(max-width:760px){
  .chb-premium-intro__content{
    transform:translateY(-94px)!important;
  }
}