@charset "UTF-8";
:root{--paper:#f4f1e9;--ink:#252920;--muted:#62665c;--line:#d6d6c9;--blue:#294b75;--red:#b4483d;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 var(--sans)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--red);outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p,figure{margin:0}em{font-family:var(--serif);font-weight:normal;color:var(--blue)}.skip{position:absolute;left:20px;top:-100px;padding:12px;background:white;z-index:20}.skip:focus{top:10px}.header{height:112px;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:0 5.3%;border-bottom:1px solid var(--line)}.brand{font:bold 43px/.9 var(--serif);letter-spacing:-2.5px}.brand span{display:block;font:9px/1.4 var(--sans);letter-spacing:1.8px;margin-top:10px}.header nav{display:flex;gap:30px;font-size:13px}.header nav a{border-bottom:1px solid transparent;padding:6px 0}.header nav a:hover{border-color:var(--ink)}.header-route{font-size:12px;border:1px solid var(--ink);padding:11px 18px}.header-route span{margin-left:18px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:670px;padding:48px 5.3% 55px;gap:35px}.hero-copy{padding-top:15px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:12px}.barber-mark{display:inline-block;width:26px;height:12px;background:repeating-linear-gradient(125deg,var(--blue) 0 6px,var(--paper) 6px 12px,var(--red) 12px 18px,var(--paper) 18px 24px);flex-shrink:0}.hero h1{font-size:clamp(58px,6.15vw,96px);line-height:.99;letter-spacing:-5px;font-weight:700;margin:32px 0 26px}.hero h1 em{letter-spacing:-5px}.intro{font-size:14px;color:var(--muted);line-height:1.8;max-width:450px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;background:var(--ink);color:var(--paper);font-size:12px;padding:17px 22px;margin-top:27px;border:1px solid var(--ink);transition:background .2s,transform .2s}.button:hover{background:var(--blue);transform:translateY(-2px)}.button span{font-size:21px;line-height:1}.hero-note{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:10px;margin-top:33px;letter-spacing:.3px}.small-line{height:1px;width:26px;background:var(--red)}.hero-image{position:relative;min-height:530px;background:#b3a290;overflow:hidden}.hero-image>img{position:absolute;inset:0;object-position:42% center}.hero-image:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#171a15b5)}.hero-image figcaption{position:absolute;bottom:27px;left:27px;right:27px;z-index:1;color:white;display:flex;justify-content:space-between;align-items:end;gap:20px;font-size:10px}.hero-image figcaption>span:first-child{font-size:9px;letter-spacing:1.7px}.photo-label{position:absolute;right:22px;top:22px;background:var(--paper);color:var(--ink);padding:14px 17px;font:bold 13px/1.3 var(--serif);text-align:center;letter-spacing:1px;border-top:3px solid var(--blue);border-bottom:3px solid var(--red)}.info-strip{display:flex;justify-content:space-around;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 5.3%;gap:18px;font-size:11px;letter-spacing:.5px}.info-strip>span{display:flex;align-items:center;gap:13px}.info-strip i{font-size:20px;font-style:normal;color:var(--blue)}.section{padding:95px 7.5%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.section h2{font-size:clamp(38px,4vw,62px);line-height:1.06;letter-spacing:-2px;margin-top:22px}.section-heading>p{font-size:13px;color:var(--muted);padding-bottom:6px}.prices-layout{display:grid;grid-template-columns:1fr 1fr;gap:7%}.price-group h3{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;padding-bottom:20px;border-bottom:2px solid var(--ink);display:flex;justify-content:space-between;align-items:center}.price-group h3>span{font-size:23px;font-weight:400;color:var(--blue)}dl{margin:0}dl>div{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:70px;padding:15px 0;border-bottom:1px solid var(--line)}dt{font-size:14px}dd{font-size:24px;margin:0;white-space:nowrap;letter-spacing:-1px}dd span{font-size:15px;letter-spacing:0;color:var(--muted)}.package-note{display:flex;align-items:center;gap:20px;margin-top:30px;color:var(--muted);font:italic 21px/1.35 var(--serif)}.package-note .barber-mark{height:42px;width:20px}.salon{background:#e9e8df;display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:center}.salon-photo{position:relative;height:480px}.salon-photo img{object-position:25% center}.salon-photo>span{position:absolute;bottom:0;left:0;right:0;background:var(--paper);padding:13px 18px;font-size:8px;letter-spacing:2px}.salon-copy>p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:350px;margin-top:24px}.text-link{display:inline-flex;gap:30px;border-bottom:1px solid var(--ink);font-size:12px;padding-bottom:7px;margin-top:27px}.contact{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1.5fr 1fr;gap:50px}.contact .eyebrow{color:#c5c7b8}.contact h2 em{color:#c9d6e5}.contact .light{background:var(--paper);color:var(--ink);border-color:var(--paper)}.contact .light:hover{background:#c9d6e5}.contact-details{border-left:1px solid #555a4e;padding-left:48px;display:flex;flex-direction:column;justify-content:center;gap:34px}.contact-details h3{font-size:10px;font-weight:normal;letter-spacing:1.8px;text-transform:uppercase;color:#c5c7b8;margin-bottom:11px}address{font-style:normal;font-size:14px;line-height:1.9}.hours{font-size:27px;letter-spacing:-.5px}.hours span{font-size:13px}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:43px 5.3%}footer .brand{font-size:34px}footer .brand span{font-size:7px;letter-spacing:1.4px}footer p{font-size:10px;color:var(--muted)}footer>div{display:flex;gap:22px}footer button{border:0;background:none;padding:7px 0;font-size:11px}footer button:hover{text-decoration:underline}.preview-note{text-align:center;background:#e9e8df;padding:10px 20px;font-size:10px;color:var(--muted)}dialog{border:1px solid var(--line);background:var(--paper);color:var(--ink);max-width:540px;width:calc(100% - 36px);padding:45px}dialog::backdrop{background:#141911aa}dialog h2{font-size:32px;margin:18px 0}dialog>p:last-child{color:var(--muted)}.dialog-close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:28px;padding:4px 10px}
@media(min-width:1600px){.hero,.header,.section,footer,.info-strip{padding-left:max(5.3%,calc((100vw - 1440px)/2));padding-right:max(5.3%,calc((100vw - 1440px)/2))}.hero{min-height:760px}.hero h1{font-size:96px}}
@media(max-width:1000px){.header{gap:18px}.header nav{gap:18px}.header-route{display:none}.hero{gap:25px;min-height:590px}.hero h1{font-size:64px;letter-spacing:-3.5px}.hero h1 em{letter-spacing:-3.5px}.hero-image{min-height:480px}.hero-image figcaption{flex-direction:column;align-items:start}.desktop-break{display:none}.section{padding:70px 5.3%}.salon{gap:6%}.salon-photo{height:430px}.contact{grid-template-columns:1.3fr 1fr;gap:28px}.contact-details{padding-left:28px}}
@media(max-width:640px){html{scroll-padding-top:20px}.header{height:90px;position:relative;padding:0 6%}.brand{font-size:36px}.brand span{font-size:8px}.menu-toggle{display:flex;align-items:center;gap:12px;background:none;border:1px solid var(--line);padding:8px 12px;font-size:12px}.header nav{display:none;position:absolute;top:89px;left:0;right:0;z-index:5;background:var(--paper);padding:20px 6%;border-bottom:1px solid var(--line);flex-direction:column;gap:10px}.header nav.open{display:flex}.header nav a{padding:10px 0}.hero{display:flex;flex-direction:column;padding:32px 6% 30px;gap:34px;min-height:0}.hero-copy{padding:0}.eyebrow{font-size:8px;letter-spacing:1.6px}.hero h1{font-size:clamp(58px,15.3vw,86px);line-height:1;letter-spacing:-3px;margin:25px 0 23px}.hero h1 em{letter-spacing:-3px}.intro{font-size:13px;max-width:360px}.button{margin-top:22px;padding:16px 21px}.hero-note{margin-top:23px}.hero-image{height:350px;min-height:0}.hero-image>img{object-position:center}.hero-image figcaption{bottom:22px;left:22px}.photo-label{font-size:12px;padding:12px}.info-strip{padding:15px 6%;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:0}.info-strip>span{gap:7px}.info-strip>span:last-child{display:none}.info-strip i{font-size:16px}.section{padding:58px 6%}.section-heading{display:block;margin-bottom:30px}.section h2{font-size:43px;letter-spacing:-1.8px;margin-top:17px}.section-heading>p{margin-top:22px;font-size:12px}.prices-layout{grid-template-columns:1fr;gap:38px}.price-group h3{font-size:10px}.price-group dl>div{min-height:64px}dt{font-size:13px}.salon{display:flex;flex-direction:column;gap:32px;align-items:stretch}.salon-photo{height:330px}.salon-copy>p:not(.eyebrow){max-width:none}.contact{grid-template-columns:1fr;gap:38px}.contact h2{font-size:40px}.contact-details{padding:28px 0 0;border-left:0;border-top:1px solid #555a4e;display:grid;grid-template-columns:1.3fr 1fr;gap:15px;align-items:start}.contact-details address{font-size:12px}.hours{font-size:21px}.hours span{display:block;font-size:12px}footer{padding:33px 6%;flex-wrap:wrap}footer p{order:3;flex-basis:100%;font-size:9px}footer>div{gap:15px}.preview-note{font-size:9px}dialog{padding:35px 25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Dark by default; visitors can choose a white background in the header. */
:root{color-scheme:dark;--paper:#101112;--ink:#f4f3ee;--muted:#acafb3;--line:#34373b;--blue:#93b9ed;--red:#e97c70;--surface:#191b1e}
:root[data-theme="light"]{color-scheme:light;--paper:#ffffff;--ink:#252920;--muted:#62665c;--line:#d6d6c9;--blue:#294b75;--red:#b4483d;--surface:#f1f1ed}
.salon,.preview-note{background:var(--surface)}
.skip{background:var(--paper);color:var(--ink)}
.barber-mark{background:repeating-linear-gradient(125deg,#406ca4 0 6px,#f4f3ee 6px 12px,#c55348 12px 18px,#f4f3ee 18px 24px)}
.contact{background:#191c20;color:#f4f3ee}
.contact .light{background:#f4f3ee;color:#252920;border-color:#f4f3ee}
:root[data-theme="light"] .contact{background:#252920}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;border:1px solid var(--line);background:transparent;color:var(--ink);padding:9px 13px;min-height:44px;font-size:12px;order:3}
.theme-toggle:hover{background:var(--surface);border-color:var(--muted)}
.theme-icon{font-size:20px;line-height:1}
.header-route{order:2}
@media(min-width:1001px){.header{gap:20px}.header nav{gap:22px}.header-route{padding:11px 12px}.header-route span{margin-left:10px}}
@media(max-width:640px){.header{gap:8px}.header .brand{font-size:32px;margin-right:auto}.header .brand span{font-size:6px;letter-spacing:1.2px}.theme-toggle{order:0;padding:8px 10px;gap:5px;font-size:11px}.menu-toggle{padding:8px 10px;min-height:44px;gap:6px}.header nav{order:4}}

/* Show the complete storefront, including the sign and entrance. */
.hero{grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);align-items:center}
.hero-image.storefront{min-height:0;height:auto;align-self:center;background:var(--surface)}
.hero-image.storefront>img{position:static;height:auto;aspect-ratio:1448 / 1086;object-fit:contain;filter:none}
.hero-image.storefront:after{display:none}
.hero-image.storefront figcaption{position:static;padding:20px 22px;color:var(--ink);border-top:1px solid var(--line);align-items:center}
@media(min-width:641px) and (max-width:1000px){.hero{grid-template-columns:1fr;gap:36px}.hero-image.storefront{width:100%}.hero-image.storefront figcaption{flex-direction:row}}
@media(max-width:640px){.hero-image.storefront{width:100%}.hero-image.storefront figcaption{padding:16px;align-items:flex-start;gap:8px}}

/* Restrained champagne and warm neutrals, with a separate light palette. */
:root{--paper:#101010;--ink:#eeeae3;--muted:#aaa59d;--line:#302d28;--blue:#bfa782;--red:#c18b7c;--surface:#181715;--gold:#bfa782;--gold-hover:#d2be9e}
:root[data-theme="light"]{--paper:#ffffff;--ink:#292621;--muted:#696359;--line:#e2dbd0;--blue:#80603a;--surface:#f6f3ee;--gold:#80603a;--gold-hover:#694c2b}
.brand{color:var(--gold);font-weight:400;letter-spacing:-1.8px}
.brand span{color:var(--muted);letter-spacing:2px}
.hero h1{font-family:var(--serif);font-weight:400;color:var(--ink);letter-spacing:-3.5px;line-height:1.07;margin-top:35px}
.hero h1 em{color:var(--gold);letter-spacing:-3.5px}
.section h2{font-family:var(--serif);font-weight:400;color:var(--ink);letter-spacing:-1.8px;line-height:1.12}
.section h2 em{color:var(--gold)}
.eyebrow{color:var(--gold);font-weight:400;letter-spacing:2.2px}
.header nav{color:var(--muted)}
.header nav a:hover{color:var(--ink);border-color:var(--gold)}
.header-route{border-color:var(--line);color:var(--gold)}
.header-route:hover{border-color:var(--gold)}
.button{background:var(--gold);border-color:var(--gold);color:#101010;letter-spacing:.3px}
.button:hover{background:var(--gold-hover);border-color:var(--gold-hover)}
:root[data-theme="light"] .button{color:#fff}
.small-line{background:var(--gold);width:35px}
.barber-mark{opacity:.7}
.hero-image>img,.salon-photo>img{filter:saturate(.72) brightness(.88)}
:root[data-theme="light"] .hero-image>img,:root[data-theme="light"] .salon-photo>img{filter:saturate(.85)}
.hero-image{border:1px solid var(--line)}
.photo-label{background:#151412ed;color:#d0ba97;border:1px solid #8c7959;padding:16px 19px;font-weight:400;letter-spacing:2px}
.info-strip{color:var(--muted);font-size:10px;letter-spacing:1px}
.price-group h3{border-bottom:1px solid var(--gold);font-weight:400;color:var(--gold);padding-bottom:22px}
.price-group dd{font-family:var(--serif);color:var(--gold);font-size:27px;font-variant-numeric:lining-nums tabular-nums}
.contact,:root[data-theme="light"] .contact{background:#161513;color:#eeeae3}
.contact h2{color:#eeeae3}
.contact h2 em,.contact .eyebrow{color:#bfa782}
.contact-details h3{color:#aaa59d}
.contact-details{border-color:#3b352c}
.contact .light,:root[data-theme="light"] .contact .light{background:#bfa782;border-color:#bfa782;color:#101010}
.contact .light:hover{background:#d2be9e;border-color:#d2be9e}
.theme-toggle{color:var(--gold)}
a:focus-visible,button:focus-visible{outline-color:var(--gold)}
@media(max-width:640px){.hero h1,.hero h1 em{letter-spacing:-2px}.section h2{letter-spacing:-1.2px}.info-strip{font-size:9px;letter-spacing:0}.brand span{letter-spacing:1.4px}}
.call-link{margin-left:22px;vertical-align:middle;color:var(--gold);border-color:var(--gold);min-height:44px;align-items:center}
.phone-link{display:inline-block;font-size:21px;color:#bfa782;min-height:44px;padding:5px 0}
.phone-link:hover{text-decoration:underline;text-underline-offset:5px}
@media(max-width:640px){.call-link{margin-left:16px;gap:15px}.phone-link{font-size:18px}}
@media(max-width:360px){.call-link{margin-left:0;display:flex;width:fit-content}}
#legal-content{white-space:pre-line}

.brand-with-logo{display:flex;align-items:center;gap:13px;flex-shrink:0}
.brand-with-logo .brand-logo{width:64px;height:76px;object-fit:contain;flex-shrink:0}
footer .brand-with-logo .brand-logo{width:50px;height:60px}
@media(max-width:1150px) and (min-width:1001px){.header-route{display:none}}
@media(max-width:640px){.header .brand-with-logo{gap:8px;font-size:29px}.header .brand-logo{width:38px;height:50px}.header .brand span{font-size:5.5px;letter-spacing:.8px}}
@media(max-width:380px){.theme-toggle .theme-label{display:none}.header .brand-with-logo{font-size:27px}.header .brand-logo{width:32px;height:44px}}

/* Black backing for the logo in both themes. */
.brand-with-logo .brand-logo{background:#101010;border:0;border-radius:12px;padding:5px;box-shadow:none}
@media(max-width:640px){.header .brand-logo{padding:3px;border-radius:8px}}


.email-link{display:inline-block;overflow-wrap:anywhere;color:#bfa782;min-height:44px;padding:8px 0}.email-link:hover{text-decoration:underline;text-underline-offset:4px}.contact-details>div{min-width:0}
footer .privacy-link{font-size:11px;padding:7px 0}footer .privacy-link:hover{text-decoration:underline}

/* Readable typography, quiet editorial placeholders and mobile contact access. */
.team.team-with-photos{grid-template-columns:1fr;gap:32px}
.team-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;min-width:0}
.gallery-photo{border:1px solid var(--line);background:var(--surface);min-width:0}
.gallery-photo-frame{aspect-ratio:4/5;overflow:hidden}
.gallery-photo-frame img{height:100%;width:100%;object-fit:cover;object-position:center}
.gallery-photo figcaption{padding:20px;color:var(--gold);font:400 23px/1.3 var(--serif)}
@media(min-width:481px) and (max-width:800px){.team-photos{grid-template-columns:repeat(2,minmax(0,1fr))}}
.team-portrait{min-width:0;border:1px solid var(--line);background:var(--surface)}
.team-photo-frame{aspect-ratio:3/4;overflow:hidden}
.team-photo-frame img{width:100%;height:100%;object-fit:cover;object-position:center}
.team-photo-frame img.portrait-bashar{object-position:center 15%}
.team-portrait figcaption{padding:20px}
.team-portrait h3{font:400 23px/1.3 var(--serif);color:var(--gold);overflow-wrap:anywhere}
.team-portrait p{font-size:14px;color:var(--muted);margin-top:8px}
@media(max-width:1000px){.team.team-with-photos{grid-template-columns:1fr;gap:30px}}
@media(max-width:480px){.team-photos{grid-template-columns:1fr;gap:24px}}
body{font-size:16px}
.intro,.salon-copy>p:not(.eyebrow),.section-heading>p,dt,address{font-size:16px}
.eyebrow,.hero-note,.hero-image.storefront figcaption,.info-strip,.salon-photo>span,footer p,.preview-note{font-size:12px}
.header nav,.header-route,.theme-toggle,.menu-toggle,.button,.text-link,.price-group h3,footer button,footer .privacy-link,.contact-details h3{font-size:14px}
.header nav a,footer button,footer .privacy-link{min-height:44px;display:inline-flex;align-items:center}
.hero-copy,.salon-copy,.section-heading>div{min-width:0}
.gallery{border-bottom:1px solid var(--line)}
.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.coming-card{min-height:260px;display:flex;flex-direction:column;justify-content:space-between;gap:48px;padding:32px;background:var(--surface);border:1px solid var(--line)}
.coming-label{display:block;color:var(--gold);font-size:14px;letter-spacing:1px}
.coming-card h3,.team-preview h3{font:400 30px/1.2 var(--serif);margin:0 0 12px;color:var(--ink)}
.coming-card p,.team-preview p,.team-intro{color:var(--muted);font-size:16px;line-height:1.7}
.team{display:grid;grid-template-columns:1.2fr 1fr;gap:9%;align-items:center}
.team-intro{max-width:520px;margin-top:24px}
.team-preview{padding:32px 0 32px 40px;border-left:1px solid var(--line)}
.team-preview .coming-label{margin-bottom:32px}
.mobile-contact{display:none}
@media(min-width:1001px) and (max-width:1350px){.header-route{display:none}.header nav{gap:16px}}
@media(min-width:641px) and (max-width:1000px){.header{height:auto;min-height:112px;flex-wrap:wrap;padding-top:18px;padding-bottom:12px}.header nav{order:4;width:100%;justify-content:space-between;flex-wrap:wrap;gap:8px 20px}.theme-toggle{margin-left:auto}}
@media(max-width:640px){
  html{scroll-padding-top:88px;scroll-padding-bottom:95px}
  body{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}
  .header{height:auto;min-height:90px;flex-wrap:wrap;padding:14px 5%;gap:8px}
  .header nav{top:100%;z-index:30;max-height:65dvh;overflow-y:auto}
  .header:has(nav.open){z-index:30}
  .header .brand-with-logo{font-size:27px;gap:6px}
  .header .brand span{font-size:7px;letter-spacing:.3px}
  .theme-toggle,.menu-toggle{padding:8px;font-size:14px}
  .theme-toggle .theme-label{display:none}
  .hero{padding:32px 6% 36px;gap:30px}
  .hero h1{font-size:clamp(44px,12.5vw,76px);letter-spacing:-1.8px;margin-top:24px}
  .hero h1 em{letter-spacing:-1.8px}
  .hero .eyebrow{font-size:12px;letter-spacing:1px;flex-wrap:wrap}
  .intro{font-size:16px;max-width:none}
  .hero .button{display:flex;width:100%;justify-content:center;gap:14px;min-height:50px}
  .call-link{margin:12px 0 0;min-height:44px}
  .hero-note{margin-top:18px;font-size:12px}
  .info-strip{flex-direction:column;align-items:flex-start;gap:8px;font-size:14px;padding:20px 6%}
  .section{padding:56px 6%}
  .section h2{font-size:clamp(34px,9vw,44px);overflow-wrap:break-word}
  .section-heading>p,.salon-copy>p:not(.eyebrow),dt{font-size:16px}
  .price-group h3{font-size:14px;letter-spacing:1px}
  dl>div{gap:16px}
  .gallery-grid,.team{grid-template-columns:1fr;gap:20px}
  .coming-card{min-height:210px;padding:24px;gap:36px}
  .team-preview{border-left:0;border-top:1px solid var(--line);padding:28px 0 0;margin-top:8px}
  .contact-details{grid-template-columns:1fr;gap:24px}
  .contact-details address{font-size:16px}
  .hours{font-size:27px}.hours span{display:inline;font-size:16px}
  .salon-photo>span{font-size:12px;letter-spacing:1px}
  footer p,.preview-note{font-size:12px}
  .mobile-contact{position:fixed;left:0;right:0;bottom:0;z-index:26;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 6% calc(12px + env(safe-area-inset-bottom,0px));background:var(--paper);border-top:1px solid var(--line)}
  .mobile-contact a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 8px;font-size:14px;border:1px solid var(--gold);color:var(--gold)}
  .mobile-contact a:first-child{background:var(--gold);color:#101010}
  :root[data-theme="light"] .mobile-contact a:first-child{color:#fff}
}