:root{--ink: #f4f4f4;--forest: #30514b;--sage: #1a1a1a;--mist: #101010;--sand: #0a0a0a;--clay: #a15a3f;--panel: #0f0f0f;--line: #5c5c5c;--success: #6fd29a;--error: #ff8d8d;--shadow: 0 20px 38px rgba(0, 0, 0, .35);--cta-gradient: linear-gradient(135deg, #00a177, #007fce);--text-blend-gradient: linear-gradient(180deg, #000000 0%, #f2f2f2 95%);--text-reverse-gradient: linear-gradient(180deg, #ffffff 0%, #d8d8d8 95%);--focus-ring: #8fd0ff}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;width:100%}html{scroll-behavior:smooth}.skip-link{position:absolute;left:.75rem;top:-100px;z-index:9999;background:#111;color:#fff;border:2px solid var(--focus-ring);border-radius:.5rem;padding:.55rem .85rem;text-decoration:none;font-weight:700}.skip-link:focus-visible{top:.75rem}[data-a11y-region]{scroll-margin-top:7rem}[data-a11y-region]:focus-within{outline:2px solid transparent}[hidden]{display:none!important}body{font-family:Manrope,Segoe UI,sans-serif;color:var(--ink);background:#000;line-height:1.45;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.ambient-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.5;background-image:radial-gradient(rgba(255,255,255,.58) .6px,transparent .6px);background-size:3px 3px}.container{width:100%;max-width:none;padding-inline:clamp(.75rem,2.5vw,2rem);margin:0 auto}.site-header{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.2);background:#000000d1}.nav-row{min-height:118px;display:flex;align-items:center;justify-content:flex-start;gap:1rem;flex-wrap:wrap;position:relative;isolation:isolate;overflow:visible}.nav-row:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:linear-gradient(#0000008a,#0000008a),url(/images/section-band-bg.jpg);background-size:cover;background-position:center;opacity:.78}.brand{text-decoration:none;font-weight:700;font-family:Fraunces,Georgia,serif;letter-spacing:.02em;font-size:clamp(1.1rem,1.5vw,1.35rem);display:flex;align-items:center;gap:.6rem;margin-right:auto;padding:0;border-radius:0;background:transparent;border:none;width:100%}.brand-toggle{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:.2rem;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:#ffffff08}.brand-text{font-weight:700;font-size:clamp(1.24rem,2vw,1.88rem);letter-spacing:.03em;text-transform:uppercase;margin-left:auto;text-align:right;white-space:nowrap}.brand-text-wrap{margin-left:auto;display:grid;gap:.06rem;justify-items:end}.brand-slogan{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:clamp(.66rem,.8vw,.8rem);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.brand-logo{width:108px;height:108px;object-fit:contain}.site-nav{display:flex;flex-direction:column;align-items:flex-start;gap:.95rem}.site-nav a,.phone-link{text-decoration:none;font-weight:600}.site-nav a,.btn,.brand-toggle,.calendar-nav-btn,.calendar-day.is-open,.slot-btn,.phone-link,.hero-phone{transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,opacity .15s ease}.site-nav a:hover,.btn:hover,.brand-toggle:hover,.calendar-nav-btn:hover,.calendar-day.is-open:hover,.slot-btn:hover,.phone-link:hover,.hero-phone:hover{transform:translateY(-2px)}.site-nav a:active,.btn:active,.brand-toggle:active,.calendar-nav-btn:active,.calendar-day.is-open:active,.slot-btn:active,.phone-link:active,.hero-phone:active{animation:pressClick .18s ease;transform:translateY(0) scale(.96)}.site-nav a:focus-visible,.btn:focus-visible,.brand-toggle:focus-visible,.calendar-nav-btn:focus-visible,.calendar-day.is-open:focus-visible,.slot-btn:focus-visible,.phone-link:focus-visible,.hero-phone:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.header-nav-panel{position:absolute;top:calc(100% + 10px);left:clamp(.75rem,2.5vw,2rem);width:min(340px,calc(100vw - 1.5rem));padding:1rem;border-radius:.95rem;border:1px solid rgba(255,255,255,.35);background:#000000ed;box-shadow:0 18px 28px #0006;transform:translate(-10px);opacity:0;pointer-events:none;transition:transform .18s ease,opacity .18s ease}.header-nav-panel.is-open{transform:translate(0);opacity:1;pointer-events:auto}.hero{width:100%;padding:2rem 0 3.4rem;position:relative;isolation:isolate;background-image:linear-gradient(110deg,#0a182199,#0a182152),url(/images/shop-bay.webp);background-size:cover;background-position:center}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#fffffff7;animation:heroBeigeFade 1.5s ease-out 3s forwards}.hero-inner{display:grid;grid-template-columns:58% 42%;gap:.55rem;align-items:start;position:relative}.hero-inner:after{content:"";position:absolute;left:calc(58% + .15rem);top:.4rem;bottom:.4rem;width:3px;border-radius:99px;background:linear-gradient(180deg,#5fb9ff00,#5fb9fff2,#5fb9ff00);box-shadow:0 0 18px #5fb9ffb8}.hero-copy{border-radius:1rem;padding:clamp(1rem,2vw,1.4rem);background:transparent;max-width:720px}.hero-side{display:grid;gap:1.7rem;justify-items:center;align-content:start;min-height:100%;padding:0;transform:translateY(-14px)}.hero-side-logo-frame{width:min(100%,390px);background:transparent;border-radius:0;border:none;padding:0;display:flex;justify-content:center}.hero-side-logo{width:min(360px,100%);height:auto;filter:none}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:clamp(.95rem,1.7vw,1.25rem);margin:0;font-weight:700;animation:heroTextShift 1.5s ease-out 3s forwards}h1,h2,h3,h4{margin:0;font-family:Fraunces,Georgia,serif;line-height:1.1}h1{margin-top:.75rem;font-size:clamp(2rem,4.8vw,4.25rem);max-width:13ch;animation:heroTextShift 1.5s ease-out 3s forwards}.lead{margin-top:1.1rem;max-width:62ch;font-size:clamp(1rem,1.6vw,1.2rem);animation:heroTextShift 1.5s ease-out 3s forwards}.hero-actions{--action-equal-space: 1.2rem;margin-top:.65rem;margin-left:0;display:flex;flex-direction:column;align-items:center;gap:0;padding-bottom:var(--action-equal-space);width:min(100%,390px);transform:none}.hero-actions .btn-outline{margin-top:var(--action-equal-space)}.btn{border:none;border-radius:999px;padding:.72rem 1.2rem;font-weight:700;cursor:pointer;font-family:inherit;font-size:.95rem;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:#fff;border:1px solid rgba(255,255,255,.92);box-shadow:0 12px 26px #11212d38;animation:none;color:#101010;background-image:var(--text-blend-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:.35px #111111}.hero-actions .btn-primary,.hero-actions .btn-outline{color:#fff;background-clip:border-box;-webkit-background-clip:border-box;-webkit-text-fill-color:#ffffff;-webkit-text-stroke:0}.btn-outline{border:1px solid rgba(255,255,255,.85);background:#05121cc7;animation:heroOutlineShift 1.5s ease-out 3s forwards;color:#fff;background-image:none;background-clip:border-box;-webkit-background-clip:border-box;-webkit-text-fill-color:#ffffff;-webkit-text-stroke:0}.hero-actions .btn{width:min(100%,340px);position:relative;border:1.5px solid rgba(210,239,255,.95);border-radius:0;overflow:hidden;isolation:isolate;clip-path:polygon(0 20%,58% 20%,66% 0,100% 0,86% 42%,100% 42%,72% 100%,0 100%,14% 58%,0 58%);box-shadow:0 0 0 1px #74ceff3d,0 10px 24px #060e1875;padding:.82rem 1.2rem .82rem 1.45rem;letter-spacing:.03em;background-color:#05121cd9;background-image:linear-gradient(115deg,#040c16f2,#163a56e6 48%,#040c16f2),linear-gradient(90deg,#93deff59,#93deff00 38%);background-repeat:no-repeat,no-repeat;background-size:100% 100%,160% 100%;background-position:center,-40% 50%}.hero-actions .btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.42;clip-path:polygon(8% 34%,52% 34%,46% 12%,70% 12%,56% 50%,68% 50%,40% 88%,46% 64%,8% 64%);background:linear-gradient(90deg,#abe9ff00,#abe9ffa6,#abe9ff00);transition:opacity .18s ease,transform .18s ease}.hero-actions .btn:hover:before{opacity:.9;transform:translate(8px)}.hero-actions .btn:hover{border-color:#f8fcfffa;box-shadow:0 0 0 1px #a0d7ff80,0 12px 28px #060e1880}.hero-contact-block{width:min(100%,390px);display:grid;gap:.35rem;justify-items:center;text-align:center}.hero-address{margin:0;font-size:.9rem;font-weight:600}.hero-phone{text-decoration:none;font-weight:700}.section{padding:3.8rem 0}#services.section.container,#appointments.section.container,#contact.section.container{padding-inline:32px}.section-heading{margin-bottom:1.25rem}.section-heading p{margin-top:.6rem;max-width:66ch}.about-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:1rem;align-items:stretch}.about-copy,.about-panel{border-radius:1rem;border:1px solid var(--line);background:var(--panel);box-shadow:0 16px 34px #0000006b;padding:1.2rem}.about-list{margin:0;padding-left:1.2rem;display:grid;gap:.55rem}.about-list li{line-height:1.5}.about-panel{display:grid;gap:.8rem;align-content:start}.about-image{width:100%;border-radius:.9rem;border:1px solid rgba(255,255,255,.2);min-height:220px;max-height:320px;object-fit:cover}.about-panel-title{margin:0;font-family:Fraunces,Georgia,serif;font-size:1.2rem;font-weight:700}.about-panel p{margin:0}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.95rem}.service-card{display:grid;grid-template-columns:220px 1fr;align-items:center;gap:1rem;border-radius:1rem;border:1px solid var(--line);background:var(--panel);padding:1.2rem;box-shadow:0 16px 34px #0000006b}.service-logo-fill{border-radius:1rem;border:1px solid var(--line);background:radial-gradient(circle at 18% 18%,#8fd0ff1f,#0f0f0f 58%);padding:1.2rem;box-shadow:0 16px 34px #0000006b;min-height:190px;display:flex;align-items:flex-end;justify-content:flex-end}.service-logo-fill-image{width:min(210px,72%);height:auto;object-fit:contain;opacity:.96}.service-copy h3{margin-bottom:.45rem}.service-card p{margin:0}.service-media{min-height:140px;border-radius:1.25rem;border:1px solid rgba(255,255,255,.2);background-color:var(--mist);background-size:cover;background-position:center}.service-image-shop-1{background-image:linear-gradient(145deg,#11212d59,#11212d0d),url(/images/image000000.jpg)}.service-image-team{background-image:linear-gradient(145deg,#11212d59,#11212d0d),url(/images/team.webp)}.service-image-diagnostics{background-image:linear-gradient(145deg,#11212d59,#11212d0d),url(/images/diagnostics.webp)}.service-image-legacy-1{background-image:linear-gradient(145deg,#11212d59,#11212d0d),url(/images/gallery-legacy-1.jpg)}.service-image-legacy-2{background-image:linear-gradient(145deg,#11212d59,#11212d0d),url(/images/gallery-legacy-2.jpg)}.service-image-shop-2{background-image:linear-gradient(145deg,#11212d59,#11212d0d),url(/images/image000001.jpg)}.service-image-shop-3{background-image:linear-gradient(145deg,#11212d59,#11212d0d),url(/images/image000002.jpg)}.service-image-shop-4{background-image:linear-gradient(145deg,#11212d59,#11212d0d),url(/images/image000003.jpg)}.section-band{background-image:linear-gradient(110deg,#11212de6,#223a37d6),url(/images/section-band-bg.jpg);background-size:cover;background-position:center}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.stat-card{border-radius:1rem;border:1px solid rgba(255,255,255,.35);background:#00000047;padding:1rem}.stat-card strong{display:block;font-size:clamp(1.35rem,2vw,2.05rem);font-family:Fraunces,Georgia,serif}.appointments-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:1rem;align-items:start}.appointments-left-column{display:grid;gap:1rem;align-content:start}.calendar-card,.booking-card,.contact-card{border-radius:1.2rem;border:1px solid var(--line);background:#111;box-shadow:0 16px 34px #0000006b}.calendar-card{padding:1rem}.calendar-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.9rem}.calendar-nav-btn{border:1px solid #ffffff;background:#ffffff0f;border-radius:999px;padding:.45rem .8rem;cursor:pointer;color:#fff}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.45rem;font-size:.82rem;margin-bottom:.45rem}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.45rem}.calendar-blank{min-height:72px}.calendar-day{min-height:72px;border-radius:.8rem;border:1px solid #3a3a3a;background:#121212;color:#d8d8d8;display:flex;flex-direction:column;align-items:start;justify-content:space-between;padding:.4rem}.calendar-day span{font-weight:700}.calendar-day small{font-size:.7rem}.calendar-day.is-open{color:#f1f1f1;cursor:pointer;background:#1a2b1f;border-color:#6b8c6d}.calendar-day.is-selected{border-color:#8fd0ff;box-shadow:inset 0 0 0 1px #8fd0ff}.slot-panel{margin-top:1rem;border-top:1px solid var(--line);padding-top:.85rem}.slot-list{display:flex;gap:.45rem;flex-wrap:wrap}.slot-btn{border:1px solid var(--line);background:#1b1b1b;border-radius:999px;padding:.4rem .7rem;cursor:pointer}.slot-btn.is-selected{background:var(--cta-gradient);border-color:transparent}.booking-card{display:grid;gap:.75rem;padding:1rem}.booking-card .btn-primary{color:#000;background:#fff;border:1px solid #ffffff;background-image:none;background-clip:border-box;-webkit-background-clip:border-box;-webkit-text-fill-color:#000000;-webkit-text-stroke:0}.booking-card .btn-primary:disabled{opacity:.75;cursor:not-allowed}.booking-card label{display:grid;gap:.28rem;font-weight:600;font-size:.9rem}.booking-card input,.booking-card select,.booking-card textarea{width:100%;border:1px solid var(--line);border-radius:.7rem;padding:.62rem;font:inherit;background:#171717;color:#f2f2f2}.selection-summary{border-radius:.8rem;background:#131313;border:1px solid #4f4f4f;padding:.65rem;display:grid;gap:.24rem;color:#f0f0f0;font-size:.88rem}.status-message{margin:0;font-weight:600}.status-message.success{color:var(--success)}.status-message.error{color:var(--error)}.contact-card{padding:1.2rem;background:linear-gradient(120deg,#111,#1b1b1b)}.contact-card .btn-outline{color:#f8fcff;border-color:#b9dcf2;background:linear-gradient(120deg,#1a3549,#173040);-webkit-text-fill-color:#f8fcff}.site-footer{border-top:1px solid rgba(255,255,255,.22);padding:2rem 0 2.4rem}.footer-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.8rem;color:#f0f0f0}.brand-text,.site-nav a,.hero-address,.hero-phone,h2,h3,h4,.section-heading p,.service-card p,.stat-card strong,.stat-card span,.contact-card p,.footer-row p,.calendar-weekdays span,.calendar-day span,.calendar-day small,.slot-panel h4,.slot-panel p,.booking-card label,.selection-summary span,.status-message,.eyebrow,h1,.lead{color:#fff;background-image:none;background-clip:border-box;-webkit-background-clip:border-box;-webkit-text-fill-color:#ffffff;-webkit-text-stroke:0}.brand-text{background-image:none;-webkit-text-fill-color:#ffffff;-webkit-text-stroke:0}.brand-slogan{color:#f0f0f0;background-image:none;background-clip:border-box;-webkit-background-clip:border-box;-webkit-text-fill-color:#f0f0f0;-webkit-text-stroke:0}@keyframes heroBeigeFade{0%{background:#fffffff7}to{background:#ffffff1a}}@keyframes heroTextShift{0%{filter:saturate(.8)}to{filter:saturate(1.12)}}@keyframes heroPrimaryShift{0%{background:#fff}to{background:#fff}}@keyframes heroOutlineShift{0%{border-color:#ffffff9e;background:#05121c33}to{border-color:#ffffffeb;background:#05121c73}}@keyframes pressClick{0%{transform:translateY(-1px) scale(1)}to{transform:translateY(0) scale(.96)}}@media (max-width: 960px){.hero-inner,.appointments-layout{grid-template-columns:1fr}.hero-inner:after{display:none}.hero-side{justify-items:center;padding:0;max-width:100%;transform:none}.hero-contact-block{justify-items:center;text-align:center}.hero-copy{max-width:100%}.hero-side-logo{width:min(220px,100%)}.service-card{grid-template-columns:1fr}.service-media{min-height:180px}.about-layout{grid-template-columns:1fr}}@media (max-width: 640px){.container{padding-inline:.75rem}#services.section.container,#appointments.section.container,#contact.section.container{padding-inline:16px}.hero{padding:4rem 0 2.4rem}.hero-inner{gap:.9rem}.hero-actions{width:100%;margin-top:1.25rem;margin-left:0;align-items:stretch;transform:none}.hero-actions .btn{width:100%}.appointments-layout{gap:.75rem}.calendar-header{flex-wrap:wrap;justify-content:center}}@media (max-width: 760px){.site-header{position:static;-webkit-backdrop-filter:none;backdrop-filter:none;background:#000000e0}.nav-row{padding:1rem 0;display:grid;grid-template-columns:1fr;justify-items:start;gap:.4rem;min-height:auto}.site-nav{width:100%;align-items:flex-start}.brand-logo{width:86px;height:86px}.brand-text{font-size:clamp(1.05rem,1.3rem,1.3rem);white-space:normal}.brand-slogan{white-space:normal;text-align:right}.brand-logo{width:52px;height:52px}.site-nav{flex-wrap:wrap}.header-nav-panel{left:.75rem;width:calc(100vw - 1.5rem)}.service-grid,.stat-grid{grid-template-columns:1fr}.calendar-blank,.calendar-day{min-height:64px}}@media (max-width: 420px){.container{padding-inline:.5rem}.brand-logo{width:46px;height:46px}.brand-text{font-size:1rem}.section{padding:3rem 0}.calendar-day{min-height:58px}}@media (max-height: 760px) and (orientation: landscape){.site-header{position:static}.nav-row{min-height:86px}.hero{padding:2.8rem 0 2rem}.hero-inner{grid-template-columns:1fr;gap:.9rem}.hero-inner:after{display:none}.hero-actions{width:min(100%,420px);margin-top:.75rem;margin-left:0;align-items:stretch;transform:none}.hero-actions .btn{width:100%}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}