:root{
    --navy:#0a0e17;
    --navy-2:#121826;
    --navy-3:#1a2233;
    --concrete:#eeece4;
    --white:#f7f7f4;
    --red:#d5283a;
    --red-dark:#a11f2d;
    --ice:#4fc3e8;
    --steel:#8b93a1;
    --steel-dark:#5b6270;
    --yellow:#f2c230;
    --ink:#0a0e17;
    --radius:2px;
    --maxw:1200px;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    font-family:'Work Sans',sans-serif;
    background:var(--concrete);
    color:var(--ink);
    line-height:1.5;
    overflow-x:hidden;
  }
  .display{font-family:'Anton',sans-serif;font-weight:400;letter-spacing:0.01em;text-transform:uppercase;}
  .mono{font-family:'JetBrains Mono',monospace;}
  a{color:inherit;text-decoration:none;}
  img{max-width:100%;display:block;}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
  ::selection{background:var(--red);color:var(--white);}

  /* Hazard stripe divider - signature motif */
  .hazard{
    height:14px;
    background-image:repeating-linear-gradient(135deg, var(--red) 0 18px, var(--navy) 18px 36px);
    width:100%;
  }
  .hazard.thin{height:8px;}

  /* Jagged "cracked tile" divider between hero and next section */
  .crack-divider{
    position:relative;
    height:64px;
    background:var(--navy);
  }
  .crack-divider svg{position:absolute;bottom:-1px;left:0;width:100%;height:70px;display:block;}

  /* NAV */
  header{
    position:sticky;top:0;z-index:100;
    background:var(--navy);
    border-bottom:1px solid rgba(255,255,255,0.08);
  }
  .nav{
    display:flex;align-items:center;justify-content:space-between;
    padding:10px 24px;max-width:var(--maxw);margin:0 auto;
    gap:16px;
  }
  .brand{display:flex;align-items:center;gap:12px;}
  .brand img{height:52px;width:52px;border-radius:8px;object-fit:cover;}
  .brand-text{display:flex;flex-direction:column;line-height:1.05;}
  .brand-text .b1{font-family:'Anton',sans-serif;color:var(--white);font-size:1.15rem;letter-spacing:0.02em;}
  .brand-text .b2{color:var(--red);font-size:0.62rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;}
  nav.links{display:flex;gap:28px;align-items:center;}
  nav.links a{color:var(--steel);font-size:0.85rem;font-weight:600;letter-spacing:0.03em;text-transform:uppercase;transition:color .2s;}
  nav.links a:hover{color:var(--ice);}
  .nav-cta{display:flex;gap:10px;align-items:center;}
  .btn{
    display:inline-flex;align-items:center;gap:8px;
    padding:11px 20px;font-weight:700;font-size:0.85rem;
    letter-spacing:0.03em;text-transform:uppercase;
    border-radius:2px;border:2px solid transparent;
    cursor:pointer;transition:transform .15s ease, background .2s, border-color .2s, color .2s;
    white-space:nowrap;
  }
  .btn:active{transform:scale(0.97);}
  .btn-red{background:var(--red);color:var(--white);}
  .btn-red:hover{background:var(--red-dark);}
  .btn-outline{background:transparent;color:var(--white);border-color:rgba(255,255,255,0.3);}
  .btn-outline:hover{border-color:var(--ice);color:var(--ice);}
  .btn-ice{background:var(--ice);color:var(--navy);}
  .btn-ice:hover{background:#3aa9cc;}
  .btn-ghost{background:transparent;color:var(--steel);border-color:transparent;padding-left:4px;padding-right:4px;text-decoration:underline;text-underline-offset:4px;}
  .btn-ghost:hover{color:var(--ice);}
  .menu-toggle{display:none;background:none;border:none;color:var(--white);font-size:1.6rem;cursor:pointer;}

  /* HERO */
  .hero{
    background:
      radial-gradient(ellipse at 75% 20%, rgba(79,195,232,0.18), transparent 55%),
      radial-gradient(ellipse at 15% 85%, rgba(213,40,58,0.16), transparent 50%),
      var(--navy);
    position:relative;
    padding:80px 0 100px;
    overflow:hidden;
  }
  .hero::before{
    content:"";position:absolute;inset:0;
    background-image:
      repeating-linear-gradient(90deg, rgba(255,255,255,0.025) 0 1px, transparent 1px 64px),
      repeating-linear-gradient(0deg, rgba(255,255,255,0.025) 0 1px, transparent 1px 64px);
    pointer-events:none;
  }
  .hero-grid{
    display:grid;grid-template-columns:1.15fr 0.85fr;gap:48px;align-items:center;
    position:relative;z-index:2;
  }
  .eyebrow{
    display:inline-flex;align-items:center;gap:10px;
    color:var(--yellow);font-family:'JetBrains Mono',monospace;font-size:0.78rem;font-weight:700;
    letter-spacing:0.12em;text-transform:uppercase;margin-bottom:22px;
  }
  .eyebrow::before{content:"";width:24px;height:2px;background:var(--yellow);}
  .aus-flag{width:20px;height:10px;flex-shrink:0;border-radius:1px;box-shadow:0 0 0 1px rgba(255,255,255,0.15);}
  h1{
    color:var(--white);
    font-size:clamp(2.6rem, 5.6vw, 4.6rem);
    line-height:0.98;
    margin-bottom:22px;
  }
  h1 .accent{color:var(--red);}
  h1 .accent2{color:var(--ice);}
  .hero p.lead{
    color:var(--steel);font-size:1.15rem;max-width:520px;margin-bottom:34px;
  }
  .hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:40px;}
  .btn-lg{padding:16px 28px;font-size:0.95rem;}
  .hero-stats{display:flex;gap:34px;flex-wrap:wrap;}
  .hstat{border-left:3px solid var(--red);padding-left:14px;}
  .hstat .num{font-family:'Anton',sans-serif;color:var(--white);font-size:1.9rem;display:block;}
  .hstat .lbl{color:var(--steel);font-size:0.72rem;text-transform:uppercase;letter-spacing:0.08em;}

  .hero-art{
    position:relative;display:flex;align-items:center;justify-content:center;
  }
  .hero-art .logo-plate{
    width:100%;max-width:420px;
    border-radius:10px;
    box-shadow:0 30px 70px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.06);
    transform:rotate(-2deg);
  }
  .dust-particle{
    position:absolute;background:var(--ice);border-radius:50%;opacity:0.5;
    filter:blur(1px);animation:float 8s ease-in-out infinite;
  }
  @keyframes float{
    0%,100%{transform:translateY(0) translateX(0);}
    50%{transform:translateY(-22px) translateX(10px);}
  }

  /* TRUST STRIP */
  .trust{background:var(--navy-2);padding:22px 0;}
  .trust .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px 40px;}
  .trust-item{display:flex;align-items:center;gap:10px;color:var(--steel);font-size:0.82rem;font-weight:600;letter-spacing:0.02em;text-transform:uppercase;}
  .trust-item svg{flex-shrink:0;width:20px;height:20px;stroke:var(--ice);}

  /* SECTION GENERIC */
  section{padding:100px 0;}
  .section-head{max-width:640px;margin-bottom:56px;}
  .tag{
    font-family:'JetBrains Mono',monospace;font-size:0.75rem;font-weight:700;
    letter-spacing:0.12em;text-transform:uppercase;color:var(--red-dark);
    display:flex;align-items:center;gap:10px;margin-bottom:14px;
  }
  .tag::before{content:"";width:24px;height:2px;background:var(--red-dark);}
  h2{font-size:clamp(2rem,4vw,3rem);line-height:1;margin-bottom:14px;color:var(--navy);}
  .section-head p{color:var(--steel-dark);font-size:1.05rem;}

  /* SERVICES */
  .services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--navy);border:2px solid var(--navy);}
  .svc-card{
    background:var(--white);padding:34px 24px;position:relative;
    transition:background .25s, transform .25s;
    min-height:260px;display:flex;flex-direction:column;
  }
  .svc-card:hover{background:var(--navy);transform:translateY(-4px);}
  .svc-card:hover .svc-title, .svc-card:hover .svc-desc{color:var(--white);}
  .svc-card:hover .svc-desc{color:var(--steel);}
  .svc-num{font-family:'JetBrains Mono',monospace;color:var(--red);font-weight:700;font-size:0.85rem;margin-bottom:22px;}
  .svc-title{font-family:'Anton',sans-serif;font-size:1.15rem;text-transform:uppercase;margin-bottom:10px;color:var(--navy);transition:color .25s;}
  .svc-desc{color:var(--steel-dark);font-size:0.9rem;transition:color .25s;flex-grow:1;}

  /* WHY US */
  .why{background:var(--navy);color:var(--white);}
  .why .tag{color:var(--yellow);}
  .why .tag::before{background:var(--yellow);}
  .why h2{color:var(--white);}
  .why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:20px;}
  .why-card{border-top:3px solid var(--ice);padding-top:20px;}
  .why-card .n{font-family:'Anton',sans-serif;font-size:2rem;color:var(--ice);display:block;margin-bottom:12px;}
  .why-card h3{font-family:'Anton',sans-serif;font-size:1.05rem;text-transform:uppercase;margin-bottom:8px;letter-spacing:0.02em;}
  .why-card p{color:var(--steel);font-size:0.92rem;}

  .lightbox{
    display:none;position:fixed;inset:0;z-index:300;background:rgba(6,8,13,0.92);
    align-items:center;justify-content:center;padding:40px;
  }
  .lightbox.open{display:flex;}
  .lightbox img{max-width:min(90vw,1000px);max-height:82vh;border-radius:2px;box-shadow:0 30px 80px rgba(0,0,0,0.6);}
  .lightbox-close{
    position:absolute;top:24px;right:28px;color:var(--white);font-size:2rem;
    background:none;border:none;cursor:pointer;line-height:1;
  }
  .lightbox-cap{position:absolute;bottom:28px;left:0;right:0;text-align:center;color:var(--steel);font-family:'JetBrains Mono',monospace;font-size:0.85rem;text-transform:uppercase;letter-spacing:0.06em;}

  /* PROCESS */
  .process-list{counter-reset:step;margin-top:10px;}
  .p-step{
    display:grid;grid-template-columns:90px 1fr;gap:28px;
    padding:28px 0;border-bottom:1px solid rgba(0,0,0,0.1);
    align-items:start;
  }
  .p-step:last-child{border-bottom:none;}
  .p-step .p-num{font-family:'Anton',sans-serif;font-size:3rem;color:var(--red);line-height:1;}
  .p-step h3{font-size:1.25rem;margin-bottom:6px;text-transform:uppercase;font-family:'Anton',sans-serif;letter-spacing:0.01em;}
  .p-step p{color:var(--steel-dark);max-width:560px;}

  /* TESTIMONIALS */
  .testi{background:var(--navy-3);}
  .testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:10px;}
  .t-card{background:var(--navy-2);padding:28px;border-left:3px solid var(--ice);color:var(--white);}
  .t-card .stars{color:var(--yellow);letter-spacing:2px;margin-bottom:14px;font-size:0.9rem;}
  .t-card p{color:var(--steel);font-size:0.95rem;margin-bottom:16px;}
  .t-card .who{font-family:'JetBrains Mono',monospace;font-size:0.78rem;color:var(--ice);text-transform:uppercase;letter-spacing:0.04em;}

  /* SERVICE AREA */
  .area-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:56px;align-items:center;}
  .suburbs{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;}
  .suburb{
    font-family:'JetBrains Mono',monospace;font-size:0.8rem;font-weight:500;
    padding:8px 14px;background:var(--white);border:1px solid rgba(0,0,0,0.12);color:var(--navy);
  }
  .area-map-card{
    background:var(--navy);color:var(--white);padding:40px;position:relative;overflow:hidden;
  }
  .area-map-card::after{
    content:"";position:absolute;inset:0;
    background-image:repeating-linear-gradient(135deg, rgba(213,40,58,0.12) 0 16px, transparent 16px 32px);
    pointer-events:none;
  }
  .area-map-card h3{font-family:'Anton',sans-serif;font-size:1.6rem;text-transform:uppercase;margin-bottom:12px;position:relative;}
  .area-map-card p{color:var(--steel);position:relative;margin-bottom:22px;}
  .area-map-card .btn{position:relative;}

  /* FAQ */
  .faq-list{max-width:820px;margin-top:10px;}
  .faq-item{
    border-bottom:1px solid rgba(0,0,0,0.12);
  }
  .faq-item summary{
    list-style:none;cursor:pointer;padding:22px 4px;
    display:flex;justify-content:space-between;align-items:center;gap:20px;
    font-family:'Anton',sans-serif;font-size:1.05rem;text-transform:uppercase;
    letter-spacing:0.01em;color:var(--navy);
  }
  .faq-item summary::-webkit-details-marker{display:none;}
  .faq-item summary .faq-icon{
    flex-shrink:0;width:26px;height:26px;border-radius:50%;
    border:2px solid var(--red);color:var(--red);
    display:flex;align-items:center;justify-content:center;
    font-family:'JetBrains Mono',monospace;font-size:1.1rem;font-weight:700;
    transition:transform .25s ease;
  }
  .faq-item[open] summary .faq-icon{transform:rotate(45deg);}
  .faq-item p{color:var(--steel-dark);font-size:0.98rem;max-width:680px;padding:0 4px 24px;}

  /* CONTACT */
  .contact{background:var(--concrete);}
  .contact-grid{display:grid;grid-template-columns:0.9fr 1.1fr;gap:56px;}
  .contact-info h2{margin-bottom:20px;}
  .c-line{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid rgba(0,0,0,0.12);}
  .c-line svg{width:22px;height:22px;stroke:var(--red);flex-shrink:0;}
  .c-line .lbl{font-size:0.72rem;text-transform:uppercase;letter-spacing:0.08em;color:var(--steel-dark);display:block;}
  .c-line .val{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:1.05rem;color:var(--navy);}
  .c-line a.val:hover{color:var(--red);}

  form.quote{background:var(--navy);padding:40px;}
  form.quote h3{color:var(--white);font-family:'Anton',sans-serif;font-size:1.4rem;text-transform:uppercase;margin-bottom:6px;}
  form.quote .sub{color:var(--steel);font-size:0.9rem;margin-bottom:26px;}
  .field{margin-bottom:18px;}
  .field label{display:block;color:var(--steel);font-size:0.78rem;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:8px;font-weight:600;}
  .field input, .field select, .field textarea{
    width:100%;padding:13px 14px;background:var(--navy-2);border:1px solid rgba(255,255,255,0.14);
    color:var(--white);font-family:'Work Sans',sans-serif;font-size:0.95rem;border-radius:2px;
  }
  .field input:focus, .field select:focus, .field textarea:focus{
    outline:none;border-color:var(--ice);
  }
  .field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
  form.quote button{width:100%;margin-top:8px;justify-content:center;padding:16px;font-size:0.95rem;}

  /* FOOTER */
  footer{background:var(--navy);color:var(--steel);padding:48px 0 28px;}
  .foot-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:32px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,0.08);}
  .foot-brand{display:flex;align-items:center;gap:12px;}
  .foot-brand img{height:44px;width:44px;border-radius:6px;}
  .foot-links{display:flex;gap:44px;flex-wrap:wrap;}
  .foot-col h4{color:var(--white);font-size:0.75rem;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px;}
  .foot-col a{display:block;color:var(--steel);font-size:0.88rem;margin-bottom:10px;transition:color .2s;}
  .foot-col a:hover{color:var(--ice);}
  .foot-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:24px;font-size:0.78rem;}

  /* reveal on scroll */
  .reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease, transform .6s ease;}
  .reveal.in{opacity:1;transform:translateY(0);}

  /* Sticky mobile call bar */
  .mobile-bar{
    display:none;position:fixed;bottom:0;left:0;right:0;z-index:200;
    background:var(--navy);border-top:2px solid var(--red);
    padding:12px 16px;gap:10px;
  }

  @media (max-width: 980px){
    .hero-grid{grid-template-columns:1fr;}
    .hero-art{order:-1;max-width:280px;margin:0 auto 12px;}
    .services-grid{grid-template-columns:repeat(2,1fr);}
    .why-grid{grid-template-columns:repeat(2,1fr);}
    .testi-grid{grid-template-columns:1fr;}
    .area-grid{grid-template-columns:1fr;}
    .contact-grid{grid-template-columns:1fr;}
    nav.links{display:none;}
    .menu-toggle{display:block;}
    .nav-cta .btn-outline{display:none;}
    .mobile-bar{display:flex;}
    body{padding-bottom:64px;}
    .field-row{grid-template-columns:1fr;}
  }
  @media (max-width:560px){
    .services-grid{grid-template-columns:1fr;}
    .why-grid{grid-template-columns:1fr;}
    section{padding:64px 0;}
    .foot-links{gap:28px;}
  }

  @media (prefers-reduced-motion: reduce){
    *{animation:none !important; transition:none !important;}
  }

/* GALLERY TEASER (homepage) */
.gallery-teaser-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:10px;}
.gt-item{position:relative;overflow:hidden;border-radius:2px;aspect-ratio:4/3;background:var(--navy);}
.gt-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease;}
.gt-item:hover img{transform:scale(1.06);}
.gallery-teaser-cta{margin-top:28px;display:flex;justify-content:center;}
@media (max-width:760px){
  .gallery-teaser-grid{grid-template-columns:1fr 1fr;}
  .gt-item:nth-child(3){display:none;}
}

/* GALLERY PAGE (dedicated page) */
.gallery-page-hero{background:var(--navy);padding:64px 0 40px;position:relative;overflow:hidden;}
.gallery-page-hero::before{
  content:"";position:absolute;inset:0;
  background-image:
    repeating-linear-gradient(90deg, rgba(255,255,255,0.025) 0 1px, transparent 1px 64px),
    repeating-linear-gradient(0deg, rgba(255,255,255,0.025) 0 1px, transparent 1px 64px);
  pointer-events:none;
}
.back-link{
  display:inline-flex;align-items:center;gap:8px;color:var(--steel);font-size:0.85rem;
  font-family:'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:0.05em;
  margin-bottom:20px;
}
.back-link:hover{color:var(--ice);}
.gp-category{margin-bottom:16px;margin-top:48px;}
.gp-category:first-child{margin-top:0;}
.gp-category h3{font-family:'Anton',sans-serif;font-size:1.3rem;text-transform:uppercase;color:var(--navy);}
.gallery-page-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.gp-item{position:relative;overflow:hidden;border-radius:2px;aspect-ratio:4/3;cursor:pointer;background:var(--navy);}
.gp-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease, filter .35s ease;}
.gp-item:hover img{transform:scale(1.06);filter:brightness(0.85);}
.gp-item .g-cap{
  position:absolute;left:0;right:0;bottom:0;padding:10px 12px;
  background:linear-gradient(0deg, rgba(10,14,23,0.88), transparent);
  color:var(--white);font-family:'JetBrains Mono',monospace;font-size:0.68rem;
  text-transform:uppercase;letter-spacing:0.04em;
  opacity:0;transform:translateY(8px);transition:opacity .3s, transform .3s;
}
.gp-item:hover .g-cap{opacity:1;transform:translateY(0);}
@media (max-width:900px){ .gallery-page-grid{grid-template-columns:repeat(3,1fr);} }
@media (max-width:600px){ .gallery-page-grid{grid-template-columns:repeat(2,1fr);} }