*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100%}body{overflow-x:hidden}a{text-decoration:none}:root{--charcoal:#11100e;--warm-charcoal:#1c1814;--deep-brown:#241f1a;--cream:#eee7dc;--warm-cream:#e6dccf;--bronze:#ad8c5a;--soft-white:#ffffffdb;--muted-white:#ffffffad}*{box-sizing:border-box}body{background:var(--charcoal);color:var(--charcoal);margin:0;font-family:Arial,Helvetica,sans-serif}.site{min-height:100vh}.navbar{z-index:10;justify-content:space-between;align-items:flex-start;width:100%;padding:34px 5%;display:flex;position:absolute;top:0;left:0}.logo{color:#fff;align-items:center;gap:20px;margin-left:-10px;text-decoration:none;display:flex}.logo-icon{object-fit:contain;width:96px;height:96px}.logo span{letter-spacing:.04em;flex-direction:column;font-family:Georgia,Times New Roman,serif;font-size:1.78rem;font-weight:600;line-height:1.05;display:flex}.logo small{color:var(--bronze);letter-spacing:.28em;text-transform:uppercase;margin-top:6px;font-size:1.08rem}.nav-links{align-items:center;gap:34px;display:flex}.nav-links a{color:#fff;font-size:.95rem;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--bronze)}.nav-cta{border:1px solid #ffffffbf;padding:12px 22px}.hero{background-image:linear-gradient(90deg,#000000a8 0%,#0000006b 42%,#00000040 100%),url(/images/hero/hero-bathroom-shower.jpg);background-position:50%;background-size:cover;align-items:center;min-height:100vh;padding:0 6%;display:flex;position:relative}.hero-content{color:#fff;z-index:2;max-width:760px;padding-top:70px;position:relative}.hero-subtitle,.section-label{text-transform:uppercase;letter-spacing:4px;color:#d8b27c;margin-bottom:18px;font-size:.78rem;font-weight:700}.hero-title{letter-spacing:-.03em;text-shadow:0 10px 35px #00000059;margin:0 0 28px;padding-bottom:30px;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.4rem,6.8vw,5.8rem);font-weight:700;line-height:1;position:relative}.hero-title:after{content:"";background:var(--bronze);width:140px;height:2px;position:absolute;bottom:0;left:0}.hero-description{max-width:580px;color:var(--soft-white);margin-bottom:42px;font-size:1.12rem;line-height:1.8}.hero-buttons{gap:18px;display:flex}.primary-btn,.secondary-btn{cursor:pointer;letter-spacing:.08em;text-transform:uppercase;padding:16px 32px;font-size:.95rem;transition:all .3s}.primary-btn{color:#000;background:#fff;border:1px solid #fff}.secondary-btn{color:#fff;background:0 0;border:1px solid #ffffffd9}.primary-btn:hover,.secondary-btn:hover{transform:translateY(-3px);box-shadow:0 15px 35px #00000040}.split-section{background:#ad8c5a6b;border-top:2px solid #ad8c5a8c;grid-template-columns:1fr 1fr;gap:2px;display:grid}.split-card{color:#fff;background-size:cover;align-items:flex-end;min-height:540px;padding:64px;display:flex;position:relative;overflow:hidden}.split-card:before{content:"";z-index:1;background:linear-gradient(#0000002e,#000000b8);position:absolute;inset:0}.split-card>div{z-index:2;max-width:520px;position:relative}.residential-card{background-image:url(/images/bathrooms/st-kilda-bathroom.png);background-position:0}.commercial-card{background-image:url(/images/commercial/pilates-mirror-studio.jpg);background-position:50%}.split-card h2{margin:0 0 18px;font-family:Georgia,Times New Roman,serif;font-size:2.8rem;line-height:1.05}.split-card p{color:var(--soft-white);line-height:1.75}.projects-section{background:radial-gradient(circle at top left, #ad8c5a14, transparent 35%), var(--cream);padding:120px 6%}.projects-header{max-width:760px;margin-bottom:56px}.projects-header h2{color:#1f1a16;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.8rem,4.8vw,4.6rem);line-height:1.05}.projects-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.project-card{background:#f8f4ed;transition:all .35s;overflow:hidden;box-shadow:0 24px 60px #37281914}.project-card:hover{transform:translateY(-8px);box-shadow:0 32px 80px #37281929}.project-card img{object-fit:cover;width:100%;height:310px;transition:transform .55s;display:block}.project-card:hover img{transform:scale(1.05)}.project-card h3{color:#1f1a16;margin:28px 28px 10px;font-family:Georgia,Times New Roman,serif;font-size:1.45rem}.project-card p{color:#6b6258;margin:0 28px 32px;line-height:1.7}.about-section{background:radial-gradient(circle at top left, #ad8c5a29, transparent 34%), var(--warm-charcoal);color:#fff;text-align:center;padding:100px 6%}.about-content h2{margin:20px 0 32px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.6rem,4.5vw,4.2rem);line-height:1.08}.about-content p{color:var(--soft-white);max-width:820px;margin-bottom:22px;line-height:1.9}.about-content{max-width:900px;margin:0 auto}.about-highlights{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.about-highlights span{color:var(--cream);letter-spacing:1.2px;text-transform:uppercase;border:1px solid #ad8c5a73;padding:11px 17px;font-size:.78rem}.services-section{background:linear-gradient(#11100ef0, #11100ef0), var(--charcoal);color:#fff;padding:125px 8%}.services-header{text-align:center;margin-bottom:72px}.services-header h2{max-width:950px;margin:15px auto 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.8rem,5vw,4.8rem);line-height:1.06}.services-grid{grid-template-columns:repeat(2,1fr);gap:30px;display:grid}.service-card{background:#ad8c5a0b;border:1px solid #ad8c5a2e;padding:44px;transition:all .35s}.service-card:hover{background:#ad8c5a13;border-color:#ad8c5a94;transform:translateY(-6px)}.service-card h3{margin:0 0 18px;font-family:Georgia,Times New Roman,serif;font-size:1.85rem}.service-card p{color:var(--muted-white);margin:0;line-height:1.85}@media (width<=900px){.navbar{padding:24px 6%}.nav-links{display:none}.hero{min-height:92vh}.hero-title{font-size:3.4rem}.hero-description{font-size:1rem}.hero-buttons{flex-direction:column;align-items:flex-start}.split-section,.projects-grid,.services-grid,.about-section{grid-template-columns:1fr}.split-card{min-height:430px;padding:42px}.projects-section,.about-section,.services-section{padding:85px 6%}.about-image img{height:520px}.project-card img{height:260px}}.why-section{color:#1f1a16;background:#eee7dc;padding:80px 8% 40px;position:relative;overflow:hidden}.why-intro{max-width:850px;margin-bottom:60px}.why-intro h2{margin:15px 0 25px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.8rem,5vw,4.5rem);line-height:1.08}.why-intro p{color:#5f564d;font-size:1.05rem;line-height:1.9}.why-grid{background:#ad8c5a66;grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.why-grid div{background:#f5efe6;border-top:3px solid #c5a167;padding:50px 42px;transition:all .3s}.why-grid h3{margin-bottom:18px;font-family:Georgia,Times New Roman,serif;font-size:1.6rem}.why-grid p{color:#655c52;line-height:1.75}@media (width<=900px){.why-grid{grid-template-columns:1fr}.why-section{padding:85px 6%}}.credentials-section{color:#fff;background:#111;border-top:1px solid #c5a16759;border-bottom:1px solid #c5a16759;grid-template-columns:repeat(4,1fr);padding:45px 8%;display:grid}.credential-item{text-align:center;border-right:1px solid #c5a16747}.credential-item:last-child{border-right:none}.credential-item strong{color:#c5a167;margin-bottom:8px;font-family:Georgia,Times New Roman,serif;font-size:1.45rem;display:block}.credential-item span{letter-spacing:.14em;text-transform:uppercase;color:#f7f6f2;font-size:.8rem;display:block}@media (width<=900px){.credentials-section{grid-template-columns:1fr 1fr;gap:24px}.credential-item{border-right:none}}.contact-section{color:#1f1a16;background:#eee7dc;grid-template-columns:1fr 1fr;gap:70px;padding:90px 8% 60px;display:grid}.contact-content{border-left:3px solid var(--bronze);padding-left:35px}.contact-content h2{margin:15px 0 28px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.8rem,5vw,4.5rem);line-height:1.05}.contact-content>p{color:#5f564d;max-width:620px;line-height:1.9}.contact-details{margin-top:35px}.contact-details p{color:#2a241f;margin-bottom:14px}.contact-form{background:#11100e;flex-direction:column;gap:18px;padding:45px;display:flex}.contact-form input,.contact-form select,.contact-form textarea{color:#fff;background:#ffffff0a;border:1px solid #c5a16759;width:100%;padding:16px 18px;font-family:inherit;font-size:.95rem}.contact-form textarea{resize:vertical;min-height:150px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#ffffff8c}.contact-form button{color:#11100e;cursor:pointer;background:#c5a167;border:none;padding:17px 28px;font-weight:700}@media (width<=900px){.contact-section{grid-template-columns:1fr;padding:85px 6%}}html{scroll-behavior:smooth}.back-to-top{color:#c5a167;z-index:50;background:#111;border:1px solid #c5a16799;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;text-decoration:none;transition:all .3s;display:flex;position:fixed;bottom:28px;right:28px}.back-to-top:hover{color:#111;background:#c5a167;transform:translateY(-4px)}.project-card,.service-card,.why-grid>div{transition:transform .3s,box-shadow .3s,border-color .3s}.project-card:hover,.service-card:hover,.why-grid>div:hover{border-color:#c5a1678c;transform:translateY(-6px);box-shadow:0 24px 50px #0000002e}.projects-header h2,.about-content h2,.services-header h2,.why-intro h2,.contact-content h2{padding-bottom:20px;display:inline-block;position:relative}.projects-header h2:after,.about-content h2:after,.why-intro h2:after,.contact-content h2:after{content:"";background:#c5a167;width:120px;height:2px;position:absolute;bottom:0;left:0}.services-header h2:after{content:"";background:#c5a167;width:120px;height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.showcase-section{color:#fff;background:#111;border-top:1px solid #c5a16759;padding:120px 6%}.projects-section{padding-bottom:80px}.showcase-header{text-align:center;max-width:850px;margin:0 auto 70px}.showcase-header h2{margin:15px 0 25px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.8rem,5vw,4.6rem)}.showcase-header p:last-child{color:#ffffffbf;line-height:1.8}.showcase-grid{grid-template-columns:2fr 1fr;gap:28px;display:grid}.showcase-large,.showcase-small{overflow:hidden}.showcase-large img{object-fit:cover;border-radius:4px;width:100%;height:520px;transition:transform .4s;display:block}.showcase-small{grid-template-rows:1fr 1fr;gap:28px;display:grid}.showcase-small img{object-fit:cover;border-radius:4px;width:100%;height:246px;transition:transform .4s;display:block}.showcase-large img:hover,.showcase-small img:hover{transform:scale(1.03)}@media (width<=900px){.showcase-grid{grid-template-columns:1fr}.showcase-large img,.showcase-small img{height:280px}}.testimonial-section{color:#fff;background:#0f0f0f;padding:110px 8%}.testimonial-centered{text-align:center;max-width:1180px;margin:0 auto}.bathroom-grid{grid-template-columns:repeat(3,1fr);gap:22px;max-width:980px;margin:0 auto 55px;display:grid}.bathroom-grid img{aspect-ratio:1;object-fit:cover;object-position:center;border-radius:12px;width:100%;display:block}.testimonial-content{max-width:900px;margin:0 auto}.testimonial-content blockquote{color:#fff;margin:0 0 38px;padding:0 40px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,4vw,3rem);line-height:1.18;position:relative}.testimonial-content blockquote:before{content:"“";color:#c5a167;font-size:5rem;position:absolute;top:-22px;left:0}.testimonial-content blockquote:after{content:"”";color:#c5a167;font-size:5rem;position:absolute;bottom:-45px;right:0}.testimonial-content p{color:#ffffffd1;margin-bottom:22px;line-height:1.85}.testimonial-content strong{color:#c5a167;letter-spacing:2px;text-transform:uppercase;margin-top:30px;display:block}@media (width<=900px){.testimonial-section{padding:85px 6%}.bathroom-grid{grid-template-columns:1fr;max-width:420px}}.gallery-section{color:#1f1a16;background:radial-gradient(circle at 0 0,#ad8c5a24,#0000 40%),linear-gradient(135deg,#ffffff47 0%,#0000 45%),repeating-linear-gradient(0deg,#00000003 0 1px,#0000 1px 4px),linear-gradient(#eee7dc,#eee7dc);padding:120px 6%}.gallery-header{text-align:center;max-width:850px;margin:0 auto 60px}.gallery-header h2{color:#1f1a16;margin:15px 0 25px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.6rem,5vw,4.5rem)}.gallery-header p:last-child{color:#655c52;line-height:1.8}.gallery-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.gallery-grid img{object-fit:cover;border-radius:4px;width:100%;height:270px;transition:transform .4s,box-shadow .4s;display:block;box-shadow:0 24px 60px #37281924}.gallery-grid img:hover{transform:translateY(-6px);box-shadow:0 32px 80px #37281938}@media (width<=1100px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.gallery-grid{grid-template-columns:1fr}.gallery-grid img{height:250px}}.footer{text-align:center;color:#fff;background:radial-gradient(circle at top,#c5a1671f,#0000 35%),#0a0a0a;border-top:1px solid #c5a16747;padding:35px 8% 22px}.footer strong{color:#fff;letter-spacing:.03em;margin-bottom:12px;font-family:Georgia,Times New Roman,serif;font-size:1.75rem;display:block}.footer>div:first-child:after{content:"";background:#c5a167;width:95px;height:2px;margin:18px auto 0;display:block}.footer p{color:#ffffffad;margin:0;line-height:1.7}.footer-links{flex-wrap:wrap;justify-content:center;gap:34px;margin:25px 0 20px;display:flex}.footer-links a{color:#ffffffd1;letter-spacing:.16em;text-transform:uppercase;font-size:.85rem;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#c5a167}.footer-small{opacity:.55;font-size:.78rem}@media (width<=900px){.projects-header h2{font-size:2.15rem;line-height:1.05}}@media (width<=768px){.logo-icon{width:52px;height:52px}.logo span{font-size:1.1rem}.logo small{letter-spacing:.2em;font-size:.72rem}}@media (width>=769px){.hero{animation:18s ease-in-out infinite alternate heroSlowZoom}@keyframes heroSlowZoom{0%{background-position:50%;background-size:100%}to{background-position:50%;background-size:112%}}}.split-card{transition:none}.split-card:hover{transform:none}.testimonial-image{border-radius:4px;overflow:hidden}.testimonial-image img{transition:transform .8s}.testimonial-image:hover img{transform:scale(1.035)}.about-content p{margin-left:auto;margin-right:auto}.about-content h2:after{left:50%;transform:translate(-50%)}.process-section{color:#fff;background:#111;padding:110px 6%;position:relative}.process-section:before{content:"";background:linear-gradient(90deg,#0000 0%,#c5a167cc 15% 85%,#0000 100%);width:100%;height:2px;position:absolute;top:0;left:0}.process-header{text-align:center;max-width:850px;margin:0 auto 70px}.process-header h2{margin:15px 0 25px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.5rem,5vw,4.5rem)}.process-header p:last-child{color:#ffffffbf;line-height:1.8}.process-timeline{grid-template-columns:repeat(5,1fr);gap:24px;display:grid}.process-step{text-align:center;position:relative}.process-step span{color:#c5a167;background:#111;border:1px solid #c5a167;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:24px;font-family:Georgia,serif;font-size:1.3rem;display:inline-flex}.process-step h3{margin-bottom:15px;font-family:Georgia,serif;font-size:1.3rem}.process-step p{color:#ffffffb3;font-size:.95rem;line-height:1.8}@media (width<=900px){.process-timeline{grid-template-columns:1fr;gap:50px}}.testimonial-project-label{color:#c5a167;margin:0 0 30px;font-family:Georgia,Times New Roman,serif;font-size:1.9rem;line-height:1.2}.process-timeline{position:relative}.process-timeline:before{content:"";z-index:0;background:#c5a16766;height:1px;position:absolute;top:35px;left:10%;right:10%}.process-step{z-index:1;position:relative}.reveal{opacity:1;transform:translateY(0)}.reveal:not(.active){opacity:0;transform:translateY(35px)}.reveal.active{opacity:1;transition:opacity 2s ease-out,transform 2s ease-out;transform:translateY(0)}.form-note{text-align:center;letter-spacing:.04em;color:#ffffff8c;margin-top:12px;font-size:.82rem;line-height:1.6}.contact-form select{appearance:none;color:#fff;background:#ffffff0a;border:1px solid #c5a16759;width:100%;padding:16px 18px;font-family:inherit;font-size:.95rem}.contact-form select option{color:#fff;background:#11100e}.contact-form{position:relative}.contact-form:before{content:"";background:#c5a167;height:2px;position:absolute;top:0;left:40px;right:40px}.contact-trust{flex-direction:column;gap:14px;margin-top:40px;display:flex}.contact-trust span{color:#2a241f;font-size:.95rem}.hero-accent-line{background:#c5a167;width:90px;height:2px;margin:24px 0 32px}.showroom-banner{text-align:center;background-color:#0000;background-image:linear-gradient(#00000059,#00000059),url(/images/commercial/commercial-showroom-lighting.jpg);background-position:50% 23%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:flex-start;min-height:500px;padding:110px 40px 80px;display:flex}.showroom-overlay{max-width:900px}.showroom-overlay h2{color:#fff;text-shadow:0 8px 25px #00000059;max-width:900px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.4rem,4vw,3.8rem);line-height:1.1}.showroom-overlay .section-label{color:#d8b27c;letter-spacing:4px;text-transform:uppercase;background:#00000073;border-radius:30px;margin-bottom:20px;padding:8px 16px;font-size:.8rem;font-weight:700;display:inline-block}.showroom-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000047;padding:40px 60px}.showroom-banner .section-label{color:#e0b878;text-shadow:0 2px 10px #000c}.showroom-overlay h2{text-shadow:0 3px 10px #00000073,0 10px 30px #00000040}.projects-section,.why-section,.contact-section{background-image:radial-gradient(circle at 0 0,#ad8c5a24,#0000 40%),linear-gradient(135deg,#ffffff47 0%,#0000 45%),repeating-linear-gradient(0deg,#00000003 0 1px,#0000 1px 4px),linear-gradient(#eee7dc,#eee7dc)}.hero,.split-section,.projects-section,.showcase-section,.testimonial-section,.about-section,.credentials-section,.process-section,.services-section,.why-section,.showroom-banner,.contact-section,.footer{position:relative}.hero:before,.split-section:before,.projects-section:before,.showcase-section:before,.testimonial-section:before,.about-section:before,.credentials-section:before,.process-section:before,.services-section:before,.why-section:before,.showroom-banner:before,.contact-section:before,.footer:before{content:"";z-index:20;background:linear-gradient(90deg,#c5a16726,#c5a167bf,#c5a16726);width:100%;height:4px;position:absolute;top:0;left:0}.salon-case-study{max-width:1280px;margin:0 auto}.salon-hero-image img{object-fit:cover;border-radius:4px;width:100%;height:620px;display:block}.salon-stage-header{text-align:center;max-width:850px;margin:80px auto 38px}.salon-stage-header h3{color:#fff;margin:12px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,3.5vw,3.2rem)}.salon-progress-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.salon-progress-grid img,.salon-finished-grid img{object-fit:cover;border-radius:4px;width:100%;height:280px;display:block}.salon-finished-grid{grid-template-columns:repeat(2,1fr);gap:28px;display:grid}.salon-finished-grid img{height:390px}@media (width<=900px){.salon-hero-image img{height:340px}.salon-progress-grid,.salon-finished-grid{grid-template-columns:1fr}.salon-progress-grid img,.salon-finished-grid img{height:280px}}.bathroom-mini-gallery{gap:14px;margin-top:35px;display:flex}.bathroom-mini-gallery img{object-fit:cover;border-radius:4px;width:120px;height:90px;transition:transform .3s}.bathroom-mini-gallery img:hover{transform:scale(1.04)}@media (width<=900px){.bathroom-mini-gallery{flex-wrap:wrap;justify-content:center}.bathroom-mini-gallery img{width:100px;height:80px}}@media (width<=768px){.hero-title{font-size:3rem;line-height:.95}.projects-header h2,.services-header h2,.why-intro h2,.contact-content h2,.showcase-header h2,.about-content h2,.process-header h2{word-break:normal;overflow-wrap:break-word;font-size:2.15rem;line-height:1.05}.split-card h2{font-size:2.2rem;line-height:1.05}.testimonial-content blockquote{padding:0 15px;font-size:1.7rem}.projects-header{max-width:100%;overflow:hidden}.projects-header h2{max-width:100%;font-size:1.9rem;line-height:1.1}.projects-section,body{overflow-x:hidden}.projects-header h2{overflow-wrap:normal!important;width:100%!important;max-width:100%!important;font-size:2.15rem!important;line-height:1.05!important;display:block!important}.projects-section{overflow-x:hidden}.contact-content{padding-left:20px}.contact-content h2{width:100%;max-width:100%;font-size:1.9rem!important;line-height:1.1!important;display:block!important}.contact-details p,.contact-details a{overflow-wrap:break-word;word-break:break-word}}