:root{--bg:#0a1019;--panel:#101b2a;--line:#283342;--text:#f2f1ed;--muted:#a5aeba;--metal:#c8d1d9;--blue:#82a6ca}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.6}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit;background:none;border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #9dcafa;outline-offset:5px}button:disabled{cursor:not-allowed;opacity:.3}header{height:98px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #ffffff12;background:#090f18;gap:25px}.brand{display:flex;align-items:center;gap:12px}.brand img{height:67px;width:67px;object-fit:contain}.brand span{font-family:Georgia,serif;font-size:27px;letter-spacing:4px;line-height:1}.brand small{display:block;font:9px Arial;letter-spacing:4px;margin-top:8px}nav{display:flex;gap:30px;font-size:13px;color:#bac2cc}nav a:hover{color:white}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:linear-gradient(120deg,#e2e7e9,#acb9c5);color:#0b1421;padding:17px 26px;font-weight:700;font-size:13px;border:1px solid #dbe1e6;transition:.2s}.btn:hover{background:#fff;transform:translateY(-2px)}.btn span{font-size:20px}.btn.small{padding:11px 20px}.btn.large{padding:20px 28px}.hero{height:680px;min-height:580px;position:relative;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0}.hero-image{background:url('assets/slideshow.jpg') center center/cover;transition:background-position 1.5s,transform 6s;transform:scale(1.025)}.hero-shade{background:linear-gradient(90deg,rgba(5,11,20,.94),rgba(5,11,20,.54) 45%,rgba(5,11,20,.03) 80%),linear-gradient(0deg,#080f19cc,transparent 35%)}.hero-copy{position:relative;padding:95px 7%;}.eyebrow{font-size:10px;font-weight:bold;letter-spacing:2.8px;color:var(--blue);margin:0 0 24px}.eyebrow span{display:inline-block;width:22px;height:1px;background:var(--blue);vertical-align:middle;margin-right:10px}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-2px;line-height:1.08;margin:0 0 25px}h1{font-size:86px}h2{font-size:50px}em{font-weight:400;color:#bbc9d5}h3{font-size:16px;font-weight:500}p{color:#b4becb}.hero-copy>p:not(.eyebrow){font-size:16px;margin:24px 0 33px}.text-link{display:inline-block;border-bottom:1px solid #5b6675;padding:6px 0;font-size:13px}.hero .text-link{margin-left:28px}.hero-bottom{position:absolute;bottom:25px;left:7%;right:7%;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:2px;color:#b1bdcd}.hero-bottom i{font-style:normal;color:#5f748c;margin:0 10px}.slide-controls{display:flex;gap:15px;align-items:center}.slide-controls button{font-size:18px}.strip{display:flex;align-items:center;justify-content:space-evenly;padding:22px 5%;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:2px;color:#aab7c5}.strip b{color:#68819b}.section{max-width:1350px;margin:auto;padding:100px 7%;}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:46px;gap:25px}.section-head h2{margin:0}.section-head>p{font-size:14px}.services{display:grid;grid-template-columns:1fr 1fr;column-gap:65px}.service{padding:24px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:12px;text-align:left;width:100%}.service:hover h3{color:var(--blue)}.service h3{margin:0 0 7px;font-size:16px}.service p{font-size:12px;margin:0;max-width:330px;color:#8d9baa}.service-right{text-align:right;white-space:nowrap}.service-right strong{font-size:18px;font-weight:400}.service-right small{display:block;color:#8f9ead;font-size:11px}.service-right b{font-weight:400;margin-left:13px;color:var(--blue)}.muted{color:var(--muted)}.note{font-size:11px}.team-section{max-width:none;background:#0e1826}.team-section>.section-head,.barbers{max-width:1000px;margin-left:auto;margin-right:auto}.barbers{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.barber img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;filter:saturate(.65);transition:.4s}.barber:hover img{filter:saturate(1)}.barber-info{padding:18px 0;display:flex;justify-content:space-between;border-bottom:1px solid #334051}.barber h3{font-family:Georgia;font-size:24px;margin:0}.barber small{font-size:10px;color:#8e9eaf}.barber button{font-size:23px}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about-photo{position:relative;height:460px}.about-photo img{width:100%;height:100%;object-fit:cover;object-position:40%}.about-photo span{position:absolute;bottom:20px;left:20px;font-size:10px;letter-spacing:2px;background:#07101ddd;padding:12px}.about p{font-size:14px}.booking-banner{text-align:center;padding:75px 20px;background:radial-gradient(ellipse at center,#1b3048,#0e1929);border-block:1px solid #2b3c50}.booking-banner h2{font-size:62px}.booking-banner p{margin-bottom:25px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:100px}.address{font-size:19px;color:#d2d9e1}.hours{padding-top:25px}.hours h3{font-family:Georgia;font-size:26px}dl>div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}dd{margin:0;color:#b7c3d0}.hours .text-link{margin-top:20px}footer{margin:0 7%;padding:35px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:11px;color:#91a0b1}.footer-word{font-family:Georgia;font-size:29px;letter-spacing:3px;color:#cbd3da}.footer-word small{display:block;font:9px Arial;letter-spacing:4px}footer div small{display:block}footer button{font-size:11px}dialog{width:min(740px,94vw);max-height:92dvh;padding:40px;background:#101b2a;color:var(--text);border:1px solid #405164;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#02060bc9;backdrop-filter:blur(6px)}dialog h2{font-size:42px}.close{position:absolute;right:20px;top:12px;font-size:30px;color:#aebdcd}.steps{display:flex;gap:28px;font-size:11px;color:#687d94;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:22px}.steps .active{color:#e4edf5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:12px;color:#bac5d1;margin:12px 0}input,select{width:100%;padding:13px;background:#0b1420;border:1px solid #3c4b5b;color:white;border-radius:0;margin-top:7px;min-width:0}select{font-size:12px}.full{width:100%;justify-content:center;margin-top:15px}.inline{text-decoration:underline;padding:0;color:#d4e2ef;font-size:inherit}.calendar-heading{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.calendar-heading h3{text-transform:capitalize}.calendar-heading button{padding:10px;font-size:20px}.weekdays,.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;text-align:center}.weekdays{color:#7c92aa;font-size:10px;padding:10px}.calendar button{padding:9px;border:1px solid #2d3b4c;font-size:12px}.calendar button:hover:not(:disabled),.slots button:hover{border-color:#a6bed6}.calendar button.selected,.slots button.selected{background:#c1d1df;color:#091422;border-color:#c1d1df}.slots{display:flex;flex-wrap:wrap;gap:7px;max-height:165px;overflow:auto}.slots button{border:1px solid #3b4b60;padding:9px 13px;font-size:12px}.summary{background:#0a1420;padding:16px;margin:20px 0;font-size:13px;border-left:2px solid #91abc4}.summary:empty{display:none}.actions{display:flex;justify-content:space-between;gap:20px;align-items:center}.error{color:#ffb1a5}.success-icon{font-size:40px;color:#accdbb}#success h3{font-family:Georgia;font-size:28px}#success>.text-link{display:block;margin:20px auto 0}#privacy p{font-size:13px}#privacy h3{margin-top:25px}[hidden]{display:none!important}.skip{position:fixed;top:-100px;z-index:10;background:white;color:black;padding:15px}.skip:focus{top:0}
@media(min-width:1600px){.hero{height:760px}.hero-copy{padding-top:125px}}@media(max-width:900px){nav{gap:15px}.brand span{display:none}.hero-note{display:none}.hero-copy{padding-top:100px}h1{font-size:70px}.services{column-gap:30px}.section{padding:70px 5%}.barbers{gap:15px}.about{gap:30px}.contact{gap:50px}footer{flex-wrap:wrap}h2{font-size:42px}}@media(max-width:620px){header{height:80px;padding:0 5%}header .brand img{width:53px;height:53px}nav{display:none}.hero{height:650px}.hero-copy{padding:95px 6%}.hero-image{background-position:60% center}.hero-shade{background:linear-gradient(90deg,#050b14e6,#050b1470)}h1{font-size:66px}.hero-copy>p:not(.eyebrow){font-size:13px}.hero .text-link{display:block;width:max-content;margin:20px 0}.hero-bottom{left:6%;right:6%;font-size:8px}.strip{gap:15px;font-size:8px;letter-spacing:1px;flex-wrap:wrap}.strip span:last-child,.strip b:last-of-type{display:none}.section-head{display:block;margin-bottom:30px}.section-head>p{margin-top:22px}.services{grid-template-columns:1fr}.barbers{grid-template-columns:1fr;gap:25px 15px}.barber h3{font-size:22px}.about,.contact{grid-template-columns:1fr;gap:35px}.about-photo{height:300px}.about{padding-top:55px}.booking-banner h2{font-size:45px}.hours{padding:0}footer{margin:0 5%;align-items:start;flex-direction:column;gap:20px}dialog{padding:30px 20px}dialog h2{font-size:36px}.steps{gap:18px;font-size:10px}.form-grid{gap:8px}.btn{padding:14px 18px;font-size:12px}.calendar button{padding:10px 4px}.eyebrow{font-size:9px}.section h2{font-size:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
#booking{width:min(900px,96vw);height:min(860px,94dvh);padding:0;display:none;flex-direction:column}#booking[open]{display:flex}.booking-top{display:flex;align-items:center;gap:20px;padding:16px 60px 14px 24px;border-bottom:1px solid var(--line)}.booking-top .eyebrow{margin:0;flex:1}.booking-top .close{top:6px}#bookingFrame{flex:1;width:100%;border:0;background:#fff}@media(max-width:620px){#booking{width:100vw;height:100dvh;max-height:100dvh;max-width:100vw;margin:0}.booking-top .text-link{display:none}}