/* Vinalux Lighting & Electrical — shared site styles */
:root{--bg:#0b0b0e;--panel:#121218;--line:#252532;--purple:#a950f5;--button:#7d22c9;--button-hover:#8e30de;--muted:#a9a9b6}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:14px}
a{color:inherit;text-decoration:none}
img{max-width:100%}
button,input,select,textarea{font:inherit}
.container{width:calc(100% - 48px);max-width:1200px;margin:auto}
.skip{position:absolute;left:-9999px;top:0;background:var(--button);color:#fff;padding:10px 14px;z-index:100;border-radius:0 0 8px 0}
.skip:focus{left:0}

/* announcement + header */
.announcement{background:var(--button);text-align:center;padding:10px 16px;font-weight:700;font-size:14px}
.announcement a{text-decoration:underline}
.ann-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}
.ann-left{justify-self:start;font-weight:400;font-size:13px;display:flex;align-items:center;gap:8px;white-space:nowrap}
.ann-left b{font-weight:700}
.ann-mid{justify-self:center}
.announcement a.ann-right{justify-self:end;font-size:13px;text-decoration:none;border:1px solid #ffffff66;border-radius:20px;padding:4px 12px;white-space:nowrap;transition:background .2s}
.announcement a.ann-right:hover{background:#ffffff22}
.dot{width:8px;height:8px;border-radius:50%;background:#3dff7a;box-shadow:0 0 8px #3dff7a}
header{position:sticky;top:0;z-index:20;background:#0b0b0ef7;border-bottom:1px solid var(--line);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
nav{display:flex;align-items:center;justify-content:space-between;height:76px;gap:28px}
.logo img{display:block;width:112px;height:48px;object-fit:contain;mix-blend-mode:screen}
.navlinks{display:flex;gap:32px}
.navlinks a{padding:9px 0;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}
.navlinks a:hover{color:var(--purple)}
.navlinks .active{border-bottom-color:var(--purple)}
.nav-actions,.actions{display:flex;gap:16px;align-items:center}
.menu-toggle{display:none;background:#17171f;border:1px solid #30303e;color:#fff;border-radius:8px;width:46px;height:46px;cursor:pointer;align-items:center;justify-content:center}
.mobile-menu{display:none}

/* buttons */
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 22px;border-radius:8px;font-weight:700;border:1px solid #30303e;background:#17171f;min-height:44px;cursor:pointer;color:#fff;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}
.button:hover{border-color:var(--purple);transform:translateY(-1px)}
.primary{background:var(--button);border-color:var(--button);box-shadow:0 8px 22px #7d22c92b}
.primary:hover{background:var(--button-hover);border-color:var(--button-hover);box-shadow:0 10px 26px #7d22c955}
.button:disabled{opacity:.6;cursor:wait;transform:none}
.nav-actions .button{padding:11px 18px;font-size:14px}
.purple{color:var(--purple)}
.icon{width:16px;height:16px;flex:none}

/* hero */
.hero-shell{background:radial-gradient(ellipse at 55% 45%,#20102d66,transparent 65%);border-bottom:1px solid var(--line)}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:80px 0}
.badge{display:inline-flex;gap:8px;align-items:center;background:#17171f;border:1px solid #30303e;border-radius:30px;padding:7px 13px;font-size:12px;font-weight:700;letter-spacing:.4px;color:var(--purple)}
.badge-lg{font-size:16px;padding:10px 20px;letter-spacing:.6px;color:#b45cff}
h1{font-size:clamp(40px,4.2vw,60px);line-height:1;letter-spacing:-1.8px;margin:26px 0}
h1 span{display:block;color:var(--purple)}
.intro{font-size:18px;line-height:1.55;color:#dddce7;margin:26px 0 34px;max-width:580px}
.actions{flex-wrap:wrap}
.trust{border-top:1px solid var(--line);padding-top:24px;margin-top:24px;display:flex;justify-content:space-between;gap:16px;font-size:14px}
.trust span{display:flex;gap:10px;align-items:center;color:#dddce7}
.ticon{width:22px;height:22px;color:var(--purple);flex:none}
.hero-image{position:relative;border:1px solid var(--line);border-radius:16px;overflow:hidden;height:520px;background:#111}
.hero-image>img{width:100%;height:100%;object-fit:cover;display:block}
.caption{position:absolute;bottom:16px;left:16px;right:16px;border:1px solid #30303e;background:#111116;border-radius:12px;padding:18px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.caption small,.eyebrow{font-size:11px;color:var(--purple);font-weight:700;letter-spacing:.4px}
.caption strong{display:block;margin-top:5px;font-size:14px}
.caption a{font-size:12px;white-space:nowrap}
.caption a:hover{color:var(--purple)}

/* sections */
section{padding:84px 0;border-bottom:1px solid var(--line)}
.section-heading{text-align:center;margin-bottom:50px}
.section-heading h2{font-size:34px;line-height:1.08;margin:10px auto 16px;max-width:600px}
.section-heading p{color:var(--muted);line-height:1.6}

/* service cards */
.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.card{border:1px solid var(--line);border-radius:11px;background:var(--panel);overflow:hidden;display:flex;flex-direction:column;transition:border-color .25s,transform .25s,box-shadow .25s}
.card:hover{border-color:#5a2c8a;transform:translateY(-4px);box-shadow:0 18px 40px #0008}
.card-image{position:relative;height:172px;overflow:hidden}
.card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.card:hover .card-image img{transform:scale(1.04)}
.card-content{padding:20px 18px 22px;flex:1;display:flex;flex-direction:column;min-height:176px}
.card h3{font-size:16px;margin:0 0 10px;line-height:1.3}
.card p{font-size:13px;color:var(--muted);line-height:1.4;margin:0 0 30px;flex:1}
.card a{font-size:11px;display:inline-flex;gap:9px;min-height:24px;align-items:center}
.card a:hover{color:var(--purple)}
.partner-note{display:block;font-size:11px;color:#c9a6ff;margin:-18px 0 22px;line-height:1.4}
.center-action{text-align:center;margin-top:36px}
.center-action .button{font-size:13px;padding:12px 22px}

/* reviews */
#reviews{background:#0e0e14}
.review-empty{max-width:840px;margin:auto;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:34px;text-align:center}
.review-empty .stars{color:var(--purple);font-size:22px;letter-spacing:3px}
.review-empty h3{font-size:20px;margin:14px 0 10px}
.review-empty p{color:var(--muted);line-height:1.6;max-width:560px;margin:0 auto 24px}
.review-empty .actions{justify-content:center}

/* FAQ */
.faq{max-width:840px;margin:auto}
.faq details{border:1px solid var(--line);border-radius:10px;background:var(--panel);margin-bottom:11px;transition:border-color .2s}
.faq details:hover,.faq details[open]{border-color:#3d2a5a}
.faq summary{padding:21px 18px;cursor:pointer;list-style:none;font-weight:700;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:'⌄';color:var(--purple)}
.faq details[open] summary:after{content:'⌃'}
.faq details p{padding:0 18px 20px;color:var(--muted);line-height:1.6;margin:0}

/* bottom CTA */
.bottom-cta{padding:72px 0 74px;text-align:center;background:linear-gradient(#121218,#0b0b0e)}
.bottom-cta h2{font-size:42px;letter-spacing:-1px;margin:0 0 20px;line-height:1.15}
.bottom-cta p{font-size:17px;line-height:1.55;margin:0 0 30px;color:#dddce7}
.bottom-cta .actions{justify-content:center;gap:14px}
.bottom-cta .button{padding:16px 28px;font-size:14px}
.bottom-cta small{display:block;margin-top:36px;color:var(--muted);font-size:11px}

/* footer */
.site-footer{background:#09090b;padding:58px 0 26px;color:var(--muted)}
.footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px}
.footer-brand .logo img{width:86px;height:40px}
.footer-brand p{font-size:13px;line-height:1.6;margin:20px 0;color:var(--muted)}
.footer-column h3{font-size:13px;letter-spacing:.3px;color:#fff;margin:0 0 18px}
.footer-column>a{display:block;font-size:13px;color:#dddce7;margin-bottom:12px;line-height:1.15}
.footer-column a:hover,.footer-bottom a:hover{color:var(--purple)}
.social-links{display:flex;gap:14px}
.social-links a{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:#15151d;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:bold;color:#dddce7;transition:border-color .2s,color .2s}
.social-links a:hover{border-color:var(--purple);color:var(--purple)}
.footer-contact p{color:#dddce7;font-size:13px;line-height:1.4;margin:0 0 16px;overflow-wrap:anywhere}
.footer-contact b{color:var(--purple);margin-right:7px}
.service-area{background:#111117;border:1px solid var(--line);padding:12px;border-radius:3px;font-size:11px;line-height:1.4}
.service-area strong{display:block;color:#fff;margin-bottom:4px}
.service-area span{display:block}
.footer-bottom{margin-top:42px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:#8a8a97;font-size:11px;line-height:1.6}
.footer-bottom>div{display:flex;gap:22px}
.footer-bottom button{background:none;border:0;color:inherit;font-size:11px;padding:0;cursor:pointer}
.footer-bottom button:hover{color:var(--purple)}

a:focus-visible,summary:focus-visible,button:focus-visible{outline:2px solid var(--purple);outline-offset:5px}

/* dialogs */
dialog{background:#121218;color:#fff;border:1px solid #30303e;border-radius:14px;width:min(760px,94vw);max-height:90vh;padding:24px}
dialog::backdrop{background:#000c}
dialog .close{float:right;background:var(--button);color:#fff;border:0;padding:12px 18px;border-radius:6px;cursor:pointer}
dialog h2{margin-top:6px}
dialog p,dialog li{line-height:1.7;color:#ccc}
dialog a{color:var(--purple);text-decoration:underline}

/* inner page heroes */
.page-hero{text-align:center;padding:72px 0;background:radial-gradient(ellipse at 62% 45%,#24123588,transparent 65%),#0e0e14;border-bottom:1px solid var(--line)}
.page-hero h1{font-size:44px;line-height:1.1;letter-spacing:-1px;margin:16px auto 12px;max-width:1000px}
.page-hero p{font-size:15px;line-height:1.5;max-width:650px;margin:auto;color:#dddce7}

/* services page */
.service-detail{display:grid;grid-template-columns:40% 1fr;gap:44px;align-items:center;padding:72px 0;border-bottom:1px solid var(--line);scroll-margin-top:95px}
.service-detail:first-child{padding-top:86px}
.service-detail:nth-child(even){grid-template-columns:1fr 40%}
.service-detail:nth-child(even) .detail-photo{order:2}
.detail-photo{position:relative;min-width:0;aspect-ratio:1.38;overflow:hidden;border:1px solid var(--line);border-radius:10px}
.detail-photo img{width:100%;height:100%;object-fit:cover;display:block}
.detail-copy{min-width:0}
.detail-copy h2{font-size:28px;line-height:1.2;margin:0 0 12px}
.detail-copy>p{font-size:15px;line-height:1.45;color:#dddce7;margin:0 0 24px}
.detail-copy h3{font-size:11px;letter-spacing:.3px;color:var(--purple);margin:0 0 12px}
.detail-copy ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;list-style:none;padding:0;margin:0 0 30px}
.detail-copy li{position:relative;padding-left:22px;font-size:13px;line-height:1.4;color:#dddce7}
.detail-copy li:before{content:'⊙';color:var(--purple);position:absolute;left:0;top:0;font-size:15px}
.detail-copy .partner-box{border:1px solid #3d2a5a;background:#1a1224;border-radius:8px;padding:12px 14px;font-size:12px;line-height:1.5;color:#dddce7;margin:-8px 0 24px}
.detail-copy .partner-box b{color:var(--purple)}
.detail-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.detail-actions .button{font-size:12px;min-height:38px;padding:11px 16px;gap:8px}
.detail-actions .button:last-child{font-weight:400;white-space:nowrap}
.compliance-shell{background:#0e0e14;border-bottom:1px solid var(--line);padding:36px 24px}
.compliance{max-width:840px;margin:auto;padding:18px 16px;display:flex;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:10px}
.compliance>span{color:var(--purple);font-size:18px}
.compliance h2{font-size:13px;margin:0 0 7px}
.compliance p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}
.services-cta{text-align:center;padding:56px 24px;border-bottom:1px solid var(--line)}
.services-cta h2{font-size:23px;margin:0 0 16px}
.services-cta p{max-width:480px;font-size:13px;line-height:1.5;margin:0 auto 22px;color:var(--muted)}
.services-cta .button{font-size:12px;padding:12px 20px;min-height:40px}

/* about page */
.about-story{display:grid;grid-template-columns:1.44fr 1fr;gap:44px;align-items:center;padding:84px 0}
.story-copy h2{font-size:28px;margin:0 0 22px;line-height:1.2}
.story-copy>p{color:#dddce7;font-size:15px;line-height:1.45;margin:0 0 16px}
.commitments{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:36px 0 30px}
.commitment{padding:16px 14px;border:1px solid var(--line);background:var(--panel);border-radius:10px;transition:border-color .2s}
.commitment:hover{border-color:#3d2a5a}
.commitment h3{font-size:13px;color:var(--purple);margin:0 0 7px;line-height:1.3}
.commitment p{font-size:11px;color:var(--muted);line-height:1.3;margin:0}
.story-copy>.button{font-size:13px;padding:12px 22px;min-height:40px}
.about-service-area{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:28px}
.area-icon{width:44px;height:44px;border:1px solid #58258a;background:#2b183f;color:var(--purple);display:flex;align-items:center;justify-content:center;border-radius:11px;font-size:24px;margin-bottom:24px}
.about-service-area h2{font-size:19px;line-height:1.3;margin:0 0 12px}
.about-service-area>p{font-size:13px;line-height:1.6;color:#dddce7;margin:0 0 22px}
.area-suburbs{list-style:none;border-top:1px solid var(--line);padding:18px 0;margin:0}
.area-suburbs li{position:relative;padding-left:15px;margin:0 0 11px;font-size:11px;line-height:1.3;color:var(--muted)}
.area-suburbs li:last-child{margin-bottom:0}
.area-suburbs li:before{content:'•';color:var(--purple);position:absolute;left:0}
.area-suburbs li:last-child:before{color:#666}
.booking-line{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:11px;color:var(--muted)}
.booking-line a{color:#fff;font-size:13px;font-weight:bold}
.about-main{border-bottom:1px solid var(--line)}
.company-details{margin-top:18px;font-size:11px;color:var(--muted);line-height:1.6;border-top:1px solid var(--line);padding-top:16px}

/* projects page */
.project-filters{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:36px}
.project-filters button{background:#17171f;border:1px solid #30303e;border-radius:7px;color:var(--muted);padding:10px 15px;cursor:pointer;font-size:13px;min-height:36px;transition:border-color .2s,color .2s}
.project-filters button:hover{border-color:var(--purple);color:#fff}
.project-filters button[aria-pressed="true"]{background:var(--button);color:#fff;border-color:var(--button);box-shadow:0 5px 15px #7d22c92b}
.projects-body{padding:84px 0 60px}
.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.project-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .25s,transform .25s,box-shadow .25s}
.project-card:hover{border-color:#5a2c8a;transform:translateY(-4px);box-shadow:0 18px 40px #0008}
.project-card[hidden]{display:none}
.project-photo{aspect-ratio:377/230;position:relative;overflow:hidden;background:#111}
.project-photo img{width:100%;height:100%;object-fit:cover;display:block;cursor:zoom-in;transition:transform .4s}
.project-card:hover .project-photo img{transform:scale(1.04)}
.project-copy{padding:22px;display:flex;flex:1;flex-direction:column}
.project-meta{display:flex;justify-content:space-between;gap:8px;font-size:11px}
.project-meta span{color:var(--purple);font-weight:bold}
.project-copy h2{font-size:17px;line-height:1.5;margin:12px 0 8px}
.project-copy>p{font-size:13px;line-height:1.4;color:var(--muted);margin:0 0 18px}
.project-highlights{border-top:1px solid var(--line);padding-top:16px;margin-bottom:28px}
.project-highlights h3{font-size:10px;letter-spacing:.3px;color:var(--muted);margin:0 0 8px}
.project-highlights>div{display:flex;flex-wrap:wrap;gap:7px}
.project-highlights span{font-size:10px;background:#191922;border:1px solid var(--line);border-radius:4px;padding:5px 9px}
.project-copy>.button{margin-top:auto;min-height:35px;font-size:11px;padding:10px 12px}
.showcase-area{max-width:690px;margin:58px auto 0;padding:26px;border:1px solid var(--line);border-radius:10px;background:#101016;text-align:center}
.showcase-area h2{font-size:15px;margin:0}
.showcase-area p{color:var(--muted);font-size:13px;line-height:1.6;margin-bottom:0}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lightbox img{display:block;width:100%;height:auto;border-radius:10px;margin-top:14px}
.lightbox p{margin:12px 0 0}

/* contact page */
.contact-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:44px;align-items:start;padding:84px 0}
.contact-info h2{font-size:22px;margin:2px 0 12px}
.contact-info>p{font-size:13px;line-height:1.65;color:var(--muted);margin:0 0 28px}
.contact-card{display:flex;gap:14px;padding:18px;border:1px solid var(--line);border-radius:11px;background:var(--panel);margin-bottom:14px;min-height:92px;transition:border-color .2s}
.contact-card:hover{border-color:#3d2a5a}
.contact-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border:1px solid #58258a;background:#2b183f;border-radius:6px;color:var(--purple);font-size:20px}
.contact-card small{display:block;color:var(--muted);font-size:11px;margin:0 0 5px}
.contact-card strong{font-size:15px;overflow-wrap:anywhere}
.contact-card span{display:block;font-size:11px;color:#8a8a97;margin-top:6px}
.contact-card span a{text-decoration:underline}
.contact-meta{margin-top:28px;background:#111117;border:1px solid var(--line);border-radius:10px;padding:22px}
.contact-meta>div{display:flex;gap:12px;margin-bottom:14px}
.contact-meta>div:last-child{margin-bottom:0}
.contact-meta b{color:var(--purple)}
.contact-meta strong{display:block;font-size:11px;margin-bottom:4px}
.contact-meta p{font-size:11px;line-height:1.4;color:var(--muted);margin:0}
.quote-panel{padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:14px}
.quote-panel h2{font-size:19px;margin:2px 0 6px}
.quote-panel>p{font-size:11px;color:var(--muted);margin:0 0 20px}
.quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 14px}
.quote-field{min-width:0}
.quote-field label{font-size:11px;letter-spacing:.35px;display:block;margin-bottom:7px;font-weight:700;color:#dddce7;text-transform:uppercase}
.quote-field input,.quote-field select,.quote-field textarea{width:100%;border:1px solid #30303e;border-radius:7px;background:#191922;color:#fff;padding:11px 13px;min-height:40px;font-size:14px}
.quote-field textarea{min-height:92px;resize:vertical}
.quote-field input:focus-visible,.quote-field select:focus-visible,.quote-field textarea:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
.full{grid-column:1/-1}
.upload-box{display:block;text-align:center;border:1px dashed #30303e;border-radius:10px;background:#14141e;padding:16px;cursor:pointer}
.upload-box strong{display:block;color:var(--purple);font-size:23px}
.upload-box span{display:block;font-size:11px;margin:6px 0;color:#dddce7}
.upload-box small{display:block;font-size:10px;color:#8a8a97}
.upload-box input{display:block;font-size:11px;padding:8px 0 0;border:0;background:none;min-height:0;max-width:100%;margin:auto}
.consent{display:flex;gap:8px;align-items:flex-start;font-size:11px;color:var(--muted);line-height:1.5;margin:22px 0 16px}
.consent input{margin:2px 0 0;accent-color:var(--button)}
.quote-panel .button{width:100%;font-size:13px;min-height:44px}
.delivery-note{font-size:10px;color:#8a8a97;line-height:1.5;margin-top:12px}
#file-status{font-size:11px;color:var(--muted)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-msg{display:none;border-radius:10px;padding:14px 16px;margin-top:14px;font-size:13px;line-height:1.5}
.form-msg.ok{display:block;background:#0f2a1a;border:1px solid #2f8f55;color:#b7f2cc}
.form-msg.err{display:block;background:#2a1212;border:1px solid #8f2f2f;color:#ffc2c2}
.form-msg a{text-decoration:underline;font-weight:700}

/* ---------- responsive ---------- */
@media(min-width:1400px){.hero.container,header .container{max-width:1340px}}
@media(max-width:1100px){
  .navlinks{gap:18px}.nav-actions .button{font-size:12px;padding:11px 12px}
  .hero{gap:28px}.trust{flex-wrap:wrap}.hero-image{height:480px}
  .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1000px){
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
  .service-detail,.service-detail:nth-child(even){gap:28px}.detail-copy h2{font-size:25px}.detail-copy ul{gap:10px 16px}.detail-actions .button{font-size:11px}
  .projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .about-story{grid-template-columns:1fr;gap:36px;padding:56px 0}.about-service-area{max-width:640px;width:100%}
}
@media(max-width:860px){
  .navlinks,.nav-actions{display:none}
  .menu-toggle{display:inline-flex}
  nav{height:70px}
  .mobile-menu.open{display:flex;flex-direction:column;gap:2px;padding:6px 0 18px;border-top:1px solid var(--line)}
  .mobile-menu a:not(.button){padding:14px 2px;border-bottom:1px solid var(--line);font-weight:700;font-size:15px}
  .mobile-menu a.active{color:var(--purple)}
  .mobile-menu .button{margin-top:12px;width:100%}
}
@media(max-width:800px){
  .announcement{font-size:12px}
  .ann-row{grid-template-columns:1fr;gap:4px}.ann-left{justify-self:center;font-size:11px}.ann-mid{font-size:11px}.ann-mid a{white-space:nowrap}.announcement a.ann-right{display:none}
  .hero{grid-template-columns:1fr;padding:48px 0;gap:32px}
  h1{font-size:clamp(38px,7vw,58px)}.intro{font-size:16px}.hero-image{height:440px}
  section{padding:60px 0}.section-heading h2{font-size:29px}
  .trust{justify-content:flex-start;font-size:12px;gap:20px}.caption{padding:14px}
  .container{width:calc(100% - 36px)}
  .contact-layout{grid-template-columns:1fr;gap:32px;padding:48px 0}
  .quote-field input,.quote-field select,.quote-field textarea{font-size:16px;min-height:44px}
}
@media(max-width:760px){
  .page-hero{padding:50px 0}.page-hero h1{font-size:34px}
  .service-detail,.service-detail:nth-child(even){grid-template-columns:1fr;gap:28px;padding:46px 0}
  .service-detail:first-child{padding-top:48px}
  .service-detail:nth-child(even) .detail-photo{order:0}
  .detail-copy>p{font-size:14px}.detail-actions .button{min-height:44px;font-size:12px}.detail-copy h2{font-size:26px}
}
@media(max-width:650px){
  .projects-grid{grid-template-columns:1fr}.projects-body{padding:48px 0}
  .project-filters{margin-top:24px}.project-filters button{min-height:44px;font-size:12px}
}
@media(max-width:540px){
  .logo img{width:92px;height:39px}
  .service-grid{grid-template-columns:1fr}
  .hero-image{height:360px}.badge-lg{font-size:14px;padding:9px 16px}.caption strong{font-size:12px}.caption a{font-size:11px}
  .actions .button{width:100%}
  .section-heading{margin-bottom:32px}
  .card-image{height:205px}.card-content{min-height:170px}
  .faq summary{font-size:13px}
  .bottom-cta{padding:56px 0}.bottom-cta h2{font-size:32px}.bottom-cta p{font-size:15px}.bottom-cta .actions{max-width:340px;margin:auto}
  .footer-grid{grid-template-columns:1fr;gap:32px}.footer-bottom{flex-direction:column;margin-top:32px}
  .site-footer{padding-bottom:calc(26px + env(safe-area-inset-bottom))}
  .page-hero{padding:52px 0}.page-hero h1{font-size:32px;line-height:1.1}.page-hero p{font-size:14px}
  .story-copy h2{font-size:25px}.story-copy>p{font-size:14px;line-height:1.6}
  .commitments{grid-template-columns:1fr;margin-top:26px}.about-service-area{padding:24px}.story-copy>.button{width:100%}
  .quote-grid{grid-template-columns:1fr}.quote-panel{padding:22px 18px}
  .review-empty{padding:26px 18px}
}
@media(max-width:440px){
  .detail-copy ul{grid-template-columns:1fr}.detail-actions .button{width:100%}.compliance-shell{padding:30px 18px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition:none!important}
}

/* ---------- Featured chandelier: 3D parallax presentation ---------- */
.hero-feature{display:flex;flex-direction:column;align-items:center;gap:22px}
.feature-3d{position:relative;width:100%;max-width:470px;perspective:1200px;margin:0 auto}
.f3d-parallax{will-change:transform}
.f3d-tilt{position:relative;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.8,.2,1);will-change:transform}
.f3d-tilt.is-tracking{transition:transform .12s ease-out}
.f3d-glow{position:absolute;inset:6% -8% 4%;z-index:0;border-radius:40px;filter:blur(46px);opacity:.75;
  background:radial-gradient(45% 40% at 50% 38%,rgba(232,186,92,.55),transparent 70%),radial-gradient(60% 55% at 30% 70%,rgba(136,0,253,.55),transparent 72%),radial-gradient(55% 50% at 75% 60%,rgba(169,80,245,.45),transparent 72%);
  transform:translateZ(-40px)}
.f3d-frame{position:relative;z-index:1;margin:0;border-radius:18px;overflow:hidden;border:1px solid rgba(214,178,255,.22);background:#111;
  aspect-ratio:1122/1402;box-shadow:0 40px 80px -20px rgba(0,0,0,.85),0 18px 36px -18px rgba(125,34,201,.55),inset 0 0 0 1px rgba(255,255,255,.04)}
.f3d-frame img{display:block;width:100%;height:100%;object-fit:contain}
.f3d-bloom{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;
  background:radial-gradient(28% 36% at 50% 44%,rgba(255,226,170,.22),transparent 70%),linear-gradient(115deg,transparent 35%,rgba(255,255,255,.07) 48%,transparent 60%)}
.f3d-card{width:100%;max-width:470px;border:1px solid #30303e;background:#111116;border-radius:14px;padding:22px 22px 24px}
.f3d-card .eyebrow,.project-feature-copy .eyebrow{display:block}
.f3d-title{font-size:22px;line-height:1.2;margin:8px 0 10px}
.f3d-title.big{font-size:32px;letter-spacing:-.5px}
.f3d-card p,.project-feature-copy>p{color:#dddce7;line-height:1.55;margin:0 0 18px;font-size:14px}
.project-feature-copy>p{font-size:16px}
.f3d-card .button{font-size:13px;padding:12px 18px}
.project-feature{display:grid;grid-template-columns:minmax(0,440px) 1fr;gap:56px;align-items:center;margin:0 0 72px;padding-bottom:72px;border-bottom:1px solid var(--line)}
.project-feature-copy .project-highlights{margin:26px 0 0}
@media(max-width:1100px){.feature-3d,.f3d-card{max-width:420px}}
@media(max-width:860px){.project-feature{grid-template-columns:1fr;gap:34px}.project-feature .feature-3d{max-width:440px}}
@media(max-width:540px){.feature-3d,.f3d-card{max-width:100%}.f3d-glow{filter:blur(32px);opacity:.6}.f3d-title.big{font-size:26px}}
@media(prefers-reduced-motion:reduce){.f3d-parallax,.f3d-tilt{transform:none!important;will-change:auto}}
main{overflow-x:clip}

.f3d-card{position:relative;z-index:2;margin-top:18px}
.f3d-card .eyebrow{font-size:12px;color:#c08bff}

.tag{position:absolute;top:11px;left:11px;background:#1c1921;color:var(--purple);border-radius:4px;font-size:10px;padding:7px 10px;font-weight:700;letter-spacing:.3px}
.detail-photo .tag{font-size:12px;padding:8px 12px}
/* 9th service card: full-width feature card */
.service-grid .card-wide{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.service-grid .card-wide .card-image{height:340px}
.service-grid .card-wide .card-content{justify-content:center;padding:36px 40px;min-height:0}
.service-grid .card-wide h3{font-size:24px}
.service-grid .card-wide p{font-size:16px;max-width:460px;flex:0;margin-bottom:24px}
.service-grid .card-wide a{font-size:13px}
@media (max-width:640px){.service-grid .card-wide{grid-template-columns:1fr}.service-grid .card-wide .card-image{height:260px}.service-grid .card-wide .card-content{padding:20px 18px 22px}.service-grid .card-wide h3{font-size:18px}.service-grid .card-wide p{font-size:14px}}
.footer-rec{font-size:13px;color:var(--muted);margin:-6px 0 18px}.footer-rec b{color:#fff;font-weight:700;letter-spacing:.3px}
/* Online booking */
.bk-steps{list-style:none;padding:0;margin:26px 0 28px;display:grid;gap:18px}
.bk-steps li{display:flex;gap:14px;align-items:flex-start}
.bk-steps b{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#2a1640;border:1px solid #5a2c8a;color:var(--purple);font-size:15px}
.bk-steps strong{display:block;font-size:15px;margin-bottom:3px}.bk-steps p{margin:0;color:var(--muted);font-size:14px;line-height:1.45}
.book-card strong{color:var(--purple)}
.bk-h{font-size:14px;letter-spacing:.4px;margin:26px 0 12px;color:#fff}
.bk-cal{border:1px solid var(--line);border-radius:12px;padding:14px;background:#0e0e13}
.bk-cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.bk-cal-head strong{font-size:15px}
.bk-nav{width:36px;height:36px;border-radius:9px;border:1px solid var(--line);background:var(--panel);color:#fff;font-size:20px;cursor:pointer}
.bk-nav:disabled{opacity:.3;cursor:default}
.bk-dow,.bk-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.bk-dow span{text-align:center;font-size:11px;color:var(--muted);padding:4px 0}
.bk-day{width:100%;height:44px;border-radius:9px;border:1px solid var(--line);background:var(--panel);color:#fff;font:inherit;font-size:14px;cursor:pointer;transition:border-color .2s,background .2s}
.bk-day:hover:not(:disabled){border-color:var(--purple)}
.bk-day:disabled{opacity:.28;cursor:default}
.bk-day.is-today{border-color:#5a2c8a}
.bk-day.is-sel,.bk-time.is-sel{background:var(--button);border-color:var(--purple);color:#fff;box-shadow:0 0 0 3px #a950f533}
.bk-times{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px}
.bk-time{height:42px;border-radius:9px;border:1px solid var(--line);background:var(--panel);color:#fff;font:inherit;font-size:14px;cursor:pointer}
.bk-time:hover:not(:disabled){border-color:var(--purple)}
.bk-time:disabled{opacity:.28;cursor:default}
.bk-hint{font-size:12px;color:var(--muted);margin:10px 0 0}
.bk-summary{margin-top:16px;padding:12px 14px;border-radius:10px;border:1px dashed var(--line);color:var(--muted);font-size:14px}
.bk-summary.is-set{border:1px solid #5a2c8a;background:#1a1024;color:#fff}
.bk-summary b{color:var(--purple)}
.sm8-box{text-align:center;padding:48px 32px}.sm8-box h2{margin-bottom:10px}.sm8-box>p{color:var(--muted);max-width:420px;margin:0 auto 26px}.sm8-btn{font-size:16px;padding:16px 28px}
/* ---- Stronger 3D for the featured chandelier ---- */
.feature-3d{perspective:900px}
.f3d-float{transform-style:preserve-3d;animation:f3dFloat 7s ease-in-out infinite}
@keyframes f3dFloat{
  0%,100%{transform:translate3d(0,0,0) rotateX(3deg) rotateY(-6deg)}
  50%{transform:translate3d(0,-14px,0) rotateX(-3deg) rotateY(6deg)}
}
.f3d-frame{transform:translateZ(40px);box-shadow:0 40px 80px -20px rgba(0,0,0,.85),0 0 0 1px rgba(214,178,255,.18),0 18px 50px -12px rgba(169,80,245,.45)}
.f3d-frame::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 0 0 1px rgba(255,255,255,.05)}
.f3d-glow{transform:translateZ(-40px)}
.f3d-shadow{position:absolute;left:10%;right:10%;bottom:-34px;height:40px;border-radius:50%;background:radial-gradient(closest-side,rgba(169,80,245,.45),transparent);filter:blur(10px);animation:f3dShadow 7s ease-in-out infinite;z-index:0}
@keyframes f3dShadow{0%,100%{transform:scaleX(1);opacity:.85}50%{transform:scaleX(.82);opacity:.55}}
.f3d-glare{position:absolute;inset:0;pointer-events:none;border-radius:inherit;mix-blend-mode:soft-light;opacity:0;transition:opacity .4s;
  background:radial-gradient(circle at var(--gx,50%) var(--gy,30%),rgba(255,255,255,.55),rgba(255,255,255,0) 55%)}
.f3d-tilt.is-tracking .f3d-glare{opacity:1}
.f3d-glare::before{content:"";position:absolute;inset:-50%;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.22) 50%,transparent 58%);animation:f3dSheen 6s ease-in-out infinite}
.f3d-glare{opacity:1}
@keyframes f3dSheen{0%,55%{transform:translateX(-60%)}85%,100%{transform:translateX(60%)}}
@media(prefers-reduced-motion:reduce){.f3d-float,.f3d-shadow,.f3d-glare::before{animation:none}}
/* last two service cards: half-width feature cards */
@media(min-width:1101px){.service-grid .card-wide{grid-column:span 2;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.service-grid .card-wide .card-image{height:300px}.service-grid .card-wide .card-content{padding:28px 30px}.service-grid .card-wide h3{font-size:21px}.service-grid .card-wide p{font-size:15px}}
@media(max-width:1100px) and (min-width:641px){.service-grid .card-wide{grid-column:span 1;display:flex;flex-direction:column}.service-grid .card-wide .card-image{height:172px}.service-grid .card-wide .card-content{padding:20px 18px 22px;justify-content:flex-start}.service-grid .card-wide h3{font-size:16px}.service-grid .card-wide p{font-size:13px;flex:1}}