:root{--navy:#152f42;--navy-deep:#0d2232;--red:#bb303b;--red-dark:#9b2530;--cream:#f7f6f2;--paper:#fff;--ink:#1b303c;--muted:#71808a;--line:#e4e8e7;--gold:#d9baa0;--font:Figtree,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}img{max-width:100%}.container{max-width:1232px;margin:auto;padding-inline:28px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.demo-strip{height:30px;background:var(--navy-deep);color:#dce5e8;display:flex;align-items:center;justify-content:center;gap:9px;font-size:10px;letter-spacing:.14em;font-weight:700}.pulse{width:6px;height:6px;border-radius:50%;background:#ef7280;box-shadow:0 0 0 4px #ef72802b}.strip-divider{color:#76909e}.header{height:82px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1176px)/2));gap:28px;position:sticky;top:0;z-index:30;border-bottom:1px solid #e9e9e4}.logo{width:174px;height:60px;overflow:hidden;display:block;position:relative;flex:none}.logo img{position:absolute;width:205px;max-width:none;height:205px;object-fit:contain;left:-16px;top:-71px}.header nav{display:flex;align-items:center;gap:29px;margin-left:auto}.header nav>a{font-size:12px;font-weight:700;white-space:nowrap}.header nav>a:hover,.auth button:first-child:hover{color:var(--red)}.header .nav-book{background:var(--navy);color:#fff;padding:14px 19px;border-radius:30px;display:flex;gap:18px}.header .nav-book:hover{color:#fff;background:#24475e}.auth{display:flex;align-items:center;gap:9px;border-left:1px solid var(--line);padding-left:25px}.auth button{border:0;background:none;color:var(--navy);font-size:11px;font-weight:800;padding:10px 7px}.auth .register{border:1px solid #d7dddf;border-radius:25px;padding:11px 17px}.auth .register:hover{border-color:var(--red);color:var(--red)}.mobile-menu{display:none}.hero{position:relative;height:min(680px,calc(100vh - 112px));min-height:560px;background:var(--navy);color:#fff;overflow:hidden}.hero-slide{position:absolute;inset:0;display:grid;grid-template-columns:52% 48%;visibility:hidden;opacity:0;transition:opacity .55s ease,visibility .55s ease}.hero-slide.is-active{visibility:visible;opacity:1}.slide-one{background:linear-gradient(115deg,#10283a 0%,#19384e 60%,#27516a 100%)}.slide-two{background:linear-gradient(125deg,#162d3c 0%,#15354c 60%,#1d5572 100%)}.slide-three{background:linear-gradient(125deg,#162a3a 0%,#1d3a4f 55%,#2b5367 100%)}.hero-content{position:relative;z-index:3;align-self:center;padding:0 24px 34px max(30px,calc((100vw - 1176px)/2));max-width:690px}.hero-kicker{font-size:10px;letter-spacing:.22em;font-weight:800;color:#e7a9ab;display:flex;align-items:center;gap:13px}.hero-kicker i{width:26px;height:1px;background:#e7a9ab}.hero h1{font-size:clamp(54px,6.4vw,92px);line-height:1.03;letter-spacing:-.057em;margin:31px 0 23px;font-weight:800}.hero h1 em,.booking-heading h2 em,.section-title h2 em,.barber-section h2 em,.location-section h2 em{font-style:normal;color:#e7b5ad}.hero p{max-width:400px;font-size:15px;line-height:1.75;color:#d3dfe3;margin:0 0 32px}.pill{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:0 23px;border-radius:30px;border:0;font-size:12px;font-weight:800;white-space:nowrap}.pill span{font-size:18px;font-weight:400}.pill-red{background:var(--red);color:#fff}.pill-red:hover:not(:disabled){background:var(--red-dark);transform:translateY(-1px)}.pill-red:disabled{background:#a5adb0}.pill-outline{border:1px solid #b6c4c9;color:#fff;background:none}.pill-outline:hover{background:#fff;color:var(--navy)}.hero-art{position:relative;overflow:hidden;min-height:100%;isolation:isolate}.hero-art:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#19384e 0%,transparent 28%),radial-gradient(circle at 50% 42%,#62809555,transparent 62%);z-index:-1}.orbit{position:absolute;border:1px solid #d6c2ab5c;border-radius:50%;left:49%;top:47%;transform:translate(-50%,-50%) rotate(30deg)}.orbit-a{width:410px;height:530px}.orbit-b{width:300px;height:450px;transform:translate(-50%,-50%) rotate(-35deg);box-shadow:0 0 0 45px #ffffff08,0 0 0 98px #ffffff05,0 0 0 168px #ffffff04}.hero-monogram{position:absolute;top:41%;left:47%;transform:translate(-50%,-50%);font-size:clamp(230px,35vw,490px);line-height:1;font-weight:800;color:#f0dfca0c;text-shadow:2px 2px 0 #e8cbb32b}.art-label{position:absolute;bottom:82px;right:max(30px,calc((100vw - 1176px)/2));font-size:10px;letter-spacing:.2em;color:#debdac;font-weight:800}.art-two{background:radial-gradient(circle at 55% 42%,#a56466a8 0,#5d465b7a 28%,transparent 62%)}.art-giant{position:absolute;font-size:clamp(110px,19vw,300px);font-weight:800;letter-spacing:-.12em;color:#fff1;top:20%;left:-12%;transform:rotate(-8deg)}.floating-card{position:absolute;width:min(340px,68%);height:390px;left:48%;top:46%;transform:translate(-50%,-50%) rotate(7deg);background:#d8c6b8;color:#22394a;border:12px solid #f3e9df;box-shadow:30px 30px 50px #07152270;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:30px 23px}.floating-card small,.floating-card span{font-size:11px;letter-spacing:.18em;font-weight:800}.floating-card strong{font-size:clamp(39px,5vw,67px);line-height:.98;letter-spacing:-.07em}.art-three{background:radial-gradient(circle at 48% 35%,#577a8d,transparent 57%)}.address-poster{position:absolute;left:48%;top:48%;transform:translate(-50%,-50%) rotate(-7deg);width:min(360px,75%);height:420px;background:#efece4;color:#1c4055;display:flex;flex-direction:column;justify-content:space-between;padding:35px;box-shadow:25px 25px 45px #0a172b77}.address-poster:after{content:"";position:absolute;inset:11px;border:1px solid #1c405544;pointer-events:none}.address-poster>span,.address-poster small{font-size:11px;letter-spacing:.2em;font-weight:800}.address-poster strong{font-size:clamp(130px,16vw,205px);line-height:.8;letter-spacing:-.14em}.address-poster strong span{color:var(--red)}.hero-footer{position:absolute;z-index:5;left:max(30px,calc((100vw - 1176px)/2));right:max(30px,calc((100vw - 1176px)/2));bottom:26px;display:flex;align-items:center;gap:22px}.hero-counter{font-size:12px;font-weight:800;letter-spacing:.12em}.hero-counter b{color:#8fa4ae;font-weight:500}.hero-progress{display:flex;gap:5px;flex:1}.hero-progress button{width:34px;height:3px;background:#ffffff65;border:0;padding:0}.hero-progress button.is-active{background:#e8bbb0}.hero-arrows{display:flex;gap:8px}.hero-arrows button{width:42px;height:42px;border:1px solid #ffffff65;border-radius:50%;background:transparent;color:white;font-size:19px}.hero-arrows button:hover{background:#ffffff29}.ticker{padding:18px 8px;text-align:center;white-space:nowrap;overflow:hidden;background:#eeeae3;font-size:11px;letter-spacing:.2em;font-weight:800;color:#536571}.ticker span{color:var(--red);padding:0 22px}.booking-section{padding-top:96px;padding-bottom:110px}.booking-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:38px}.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:800;color:var(--red)}h2{font-size:clamp(40px,4.4vw,62px);line-height:1.08;letter-spacing:-.055em;margin:18px 0 0;font-weight:800}.booking-heading h2 em,.section-title h2 em,.barber-section h2 em,.location-section h2 em{color:var(--red)}.booking-heading>p{max-width:350px;color:var(--muted);font-size:14px;line-height:1.75;margin:0 0 5px}.booking-panel{display:grid;grid-template-columns:1.55fr .8fr;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 20px 50px #142f4210}.booking-form{padding:35px 38px 43px}.step-label{display:flex;align-items:center;gap:13px;padding-bottom:27px;border-bottom:1px solid var(--line)}.step-label span{display:grid;place-items:center;background:#fce9e9;color:var(--red);border-radius:50%;width:33px;height:33px;font-size:12px;font-weight:800}.step-label strong{font-size:15px}.step-label small{margin-left:auto;color:#9aa5a9;font-size:9px;letter-spacing:.14em;font-weight:800}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px 17px;margin-top:26px}.field-grid label{display:flex;flex-direction:column;gap:9px;font-size:11px;font-weight:800}.field-grid select,.field-grid input{width:100%;min-height:48px;border:1px solid #d8e0e2;border-radius:9px;background:#fff;color:var(--ink);padding:0 14px;font-size:12px;font-weight:600;outline:none}.field-grid select:focus,.field-grid input:focus{border-color:var(--red);box-shadow:0 0 0 3px #bb303b20}.time-heading{display:flex;justify-content:space-between;margin:31px 0 13px;font-size:12px}.time-heading span{color:#819096;font-size:11px}.time-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.time-grid button{height:38px;border:1px solid #d8e0e2;background:#fff;border-radius:8px;color:#3d5260;font-size:11px;font-weight:700}.time-grid button:hover:not(:disabled),.time-grid button.is-selected{background:var(--navy);color:#fff;border-color:var(--navy)}.time-grid button:disabled{color:#b2babe;background:#f4f5f5}.time-grid .empty{grid-column:1/-1;color:var(--muted);font-size:12px;line-height:1.6}.booking-summary{background:#f2f5f4;padding:37px 32px;display:flex;flex-direction:column}.booking-summary h3{font-size:23px;line-height:1.2;letter-spacing:-.03em;margin:22px 0 30px}.summary-line{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid #dfe6e4;font-size:12px}.summary-line span{color:#77868b}.summary-line strong{text-align:right;font-weight:700}.summary-total{display:flex;justify-content:space-between;align-items:end;gap:15px;border-top:1px solid #b9c8ca;padding-top:23px;margin-top:15px;font-size:12px}.summary-total strong{font-size:22px}.booking-summary .pill{width:100%;margin-top:25px;justify-content:space-between}.booking-summary>p{color:#8c999d;font-size:10px;line-height:1.6;margin:15px 0 0}.services-section{background:#fff;padding:104px 0 110px}.section-top{display:flex;justify-content:space-between;align-items:center}.section-aside{font-size:10px;letter-spacing:.1em;color:#98a4a7;font-weight:700}.section-title{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:42px}.section-title p{max-width:365px;color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 6px}.service-tabs{display:flex;border-bottom:1px solid var(--line);gap:30px}.service-tabs button{border:0;background:none;padding:0 0 15px;font-size:12px;font-weight:800;color:#8f9b9d;border-bottom:2px solid transparent}.service-tabs button.is-active{color:var(--red);border-color:var(--red)}.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:25px}.service-card{border:1px solid var(--line);border-radius:15px;padding:28px 25px;min-height:235px;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}.service-card:hover{transform:translateY(-3px);border-color:#bdc9cb}.service-card .service-icon{font-size:22px;color:var(--red)}.service-card h3{font-size:21px;margin:19px 0 8px;letter-spacing:-.03em}.service-card p{font-size:12px;line-height:1.65;color:var(--muted);margin:0}.service-card .service-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:20px}.service-card .service-bottom strong{font-size:17px}.service-card .service-bottom button{border:0;border-radius:50%;background:#f6e8e8;color:var(--red);height:34px;width:34px;font-size:17px}.service-card small{color:#af4a4e;margin-top:8px;font-size:10px}.service-note{color:#879497;font-size:11px;line-height:1.5;margin:20px 0 0}.barber-section{padding-top:112px;padding-bottom:112px;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.barber-section p{max-width:430px;font-size:15px;line-height:1.8;color:var(--muted);margin:24px 0}.text-link{display:inline-flex;gap:28px;align-items:center;font-size:12px;font-weight:800;color:var(--red);border-bottom:1px solid #c7cfd0;padding-bottom:10px}.barber-card{background:var(--navy);min-height:350px;border-radius:19px;padding:31px;color:#fff;box-shadow:25px 25px 0 #e6e9e6}.barber-card-top{display:flex;justify-content:space-between;align-items:start;color:#b8cad1;font-size:10px;letter-spacing:.14em;font-weight:800}.barber-symbol{font-size:37px;color:#d69ea0}.avatar-row{display:flex;margin-top:56px}.avatar-row span{width:71px;height:71px;border-radius:50%;display:grid;place-items:center;background:#b94954;color:#fff;border:4px solid var(--navy);margin-left:-11px;font-size:22px;font-weight:800}.avatar-row span:nth-child(2){background:#54768a}.avatar-row span:nth-child(3){background:#d6b092;color:#243c4d}.avatar-row span:nth-child(4){background:#83969d}.avatar-row span:first-child{margin-left:0}.barber-card h3{font-size:25px;letter-spacing:-.03em;margin:27px 0 4px}.barber-card p{color:#c4d1d6;margin:0;font-size:13px}.barber-card small{display:block;color:#8aa2ad;margin-top:12px;font-size:10px}.location-section{background:var(--navy);color:#fff;padding:110px 0}.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.location-section h2 em{color:#e2b8ab}.location-section p{max-width:420px;color:#c5d4d9;line-height:1.8;font-size:14px;margin:24px 0 30px}.location-section .eyebrow{color:#e8aaa8}.hours-card{background:#fff;color:var(--ink);border-radius:17px;min-height:330px;padding:32px 35px}.hours-icon{height:48px;width:48px;border-radius:12px;background:#f8e8e8;color:var(--red);display:grid;place-items:center;font-size:27px;font-weight:800;margin-bottom:22px}.hours-card>span{font-size:10px;letter-spacing:.16em;color:var(--red);font-weight:800}.hours-card h3{font-size:30px;letter-spacing:-.04em;margin:13px 0 28px}.hours-card>div:not(.hours-icon){display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:14px 0;font-size:12px}.hours-card>div span{color:#819097}.hours-card>div strong{text-align:right}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:45px;padding-bottom:45px}.footer-main img{width:150px;height:90px;object-fit:cover;object-position:center}.footer-main p{font-size:16px;line-height:1.5;font-weight:800;margin:0}.footer-main a{font-size:12px;font-weight:700}.footer-bottom{border-top:1px solid #dce1df;padding-top:18px;padding-bottom:20px;display:flex;justify-content:space-between;color:#889599;font-size:9px;letter-spacing:.14em;font-weight:800}dialog{border:0;border-radius:18px;box-shadow:0 25px 70px #0d223255;padding:37px;max-width:min(440px,calc(100vw - 32px));color:var(--ink)}dialog::backdrop{background:#0b2337a9}dialog h2{font-size:33px}dialog p{line-height:1.7;color:var(--muted);font-size:14px}.close-dialog{position:absolute;right:15px;top:12px;border:0;background:none;font-size:25px;color:var(--muted)}
footer{background:var(--navy-deep);color:#fff}.footer-main img{width:200px;height:75px;object-fit:cover}.footer-bottom{border-color:#365165;color:#aabcc5}
@media(max-width:1050px){.header nav{gap:15px}.auth{padding-left:15px}.hero h1{font-size:clamp(52px,6vw,75px)}.time-grid{grid-template-columns:repeat(4,1fr)}.location-grid{gap:50px}.barber-section{gap:50px}}
@media(max-width:760px){html{scroll-padding-top:69px}.container{padding-inline:20px}.demo-strip{font-size:8px;letter-spacing:.07em}.header{height:68px;padding:0 20px;gap:10px}.logo{width:142px;height:55px}.logo img{width:180px;height:180px;left:-17px;top:-63px}.mobile-menu{display:flex;order:3;width:36px;height:36px;border:0;background:none;flex-direction:column;justify-content:center;gap:5px;padding:5px}.mobile-menu span{height:2px;width:22px;background:var(--navy)}.header nav{position:absolute;top:68px;left:0;right:0;background:#fff;display:none;flex-direction:column;align-items:stretch;padding:20px;gap:16px;border-bottom:1px solid var(--line);box-shadow:0 16px 20px #0d223218}.header nav.is-open{display:flex}.header .nav-book{width:max-content}.auth{margin-left:auto;border:0;padding:0;gap:3px}.auth button{font-size:10px;padding:7px 5px}.auth .register{padding:8px 9px}.hero{height:620px;min-height:0}.hero-slide{display:block}.hero-content{padding:90px 21px 0;position:relative;z-index:2}.hero h1{font-size:clamp(46px,12vw,66px);margin:25px 0 18px}.hero p{font-size:13px;max-width:290px}.hero-art{position:absolute;inset:0 0 0 24%;opacity:.55}.hero-art:before{background:linear-gradient(90deg,#19384e 0%,#19384eb7 55%,transparent)}.orbit-a{width:240px;height:340px}.orbit-b{width:170px;height:270px}.hero-monogram{font-size:250px}.floating-card{width:230px;height:300px;top:60%;left:60%;padding:20px}.floating-card strong{font-size:42px}.address-poster{width:240px;height:300px;left:61%;top:61%;padding:23px}.address-poster strong{font-size:140px}.art-label{display:none}.hero-footer{left:21px;right:21px;bottom:20px}.ticker{font-size:9px;text-align:left}.booking-section,.services-section,.barber-section,.location-section{padding-top:70px;padding-bottom:75px}.booking-heading,.section-title{display:block}.booking-heading>p,.section-title p{margin-top:22px}.booking-panel{grid-template-columns:1fr}.booking-form{padding:26px 21px 31px}.field-grid{gap:14px}.booking-summary{padding:29px 22px}.section-aside{display:none}.service-cards{grid-template-columns:1fr 1fr}.barber-section,.location-grid{grid-template-columns:1fr;gap:35px}.barber-card{box-shadow:12px 12px 0 #e6e9e6}.footer-main{flex-wrap:wrap}.footer-main p{font-size:14px}}
@media(max-width:480px){.auth button:first-child{display:none}.hero{height:580px}.hero-kicker{font-size:8px}.hero h1{font-size:48px}.hero p{max-width:265px}.booking-heading h2,h2{font-size:42px}.field-grid{grid-template-columns:1fr}.time-grid{grid-template-columns:repeat(4,1fr)}.time-heading{flex-direction:column;gap:5px}.service-cards{grid-template-columns:1fr}.service-card{min-height:200px}.hours-card>div:not(.hours-icon){flex-direction:column;gap:4px}.hours-card>div strong{text-align:left}.footer-bottom{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Laravel shell and live booking refinements */
:root{--sans:Figtree,Arial,sans-serif;--serif:Figtree,Arial,sans-serif}
[hidden]{display:none!important}
.auth a,.auth button{border:0;background:none;color:var(--navy);font-size:11px;font-weight:800;padding:10px 7px;white-space:nowrap}
.auth a:hover,.auth button:hover{color:var(--red)}
.auth a.register{border:1px solid #d7dddf;border-radius:25px;padding:11px 17px}
.auth form{margin:0}
.header nav.is-open{display:flex}
.hero-slide .hero-banner-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hero-slide:has(.hero-banner-img)::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#10283af2 0%,#10283ab8 43%,#10283a44 100%)}
.hero-slide .hero-banner-img~.hero-art{display:none}
.hero-slide:has(.hero-banner-img) .hero-content{z-index:2}
.slot-note{grid-column:1/-1;color:var(--muted);font-size:13px;line-height:1.6;margin:10px 0}
.booking-summary #booking-hint{line-height:1.6}
.flash{position:relative;z-index:3}
@media(max-width:1050px){.header{gap:14px;padding-inline:22px}.header nav{gap:14px}.auth{gap:2px;padding-left:12px}}
@media(max-width:760px){.header nav.is-open{display:flex}.header .auth{margin-left:auto;border-left:0;padding-left:0}.auth a,.auth button{font-size:10px}.hero-slide:has(.hero-banner-img)::after{background:linear-gradient(90deg,#10283aeb,#10283a88)}}

/* Carry the preview's spacing and controls into account and booking screens. */
.form-page{min-height:calc(100vh - 300px);padding:75px 20px 95px}
.form-page .panel{width:min(100%,470px);padding:38px 40px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 18px 50px #10283a0d}
.form-page h1{font:800 clamp(30px,4vw,42px)/1.1 var(--font);letter-spacing:-.045em;color:var(--navy);margin:0 0 12px}
.form-page p{color:var(--muted);font-size:13px;line-height:1.65}
.form-page label:not(.check),#booking-form label:not(.check){font-size:12px;font-weight:700;color:var(--navy)}
.form-page label:not(.check) input,#booking-form label:not(.check) input,#booking-form label:not(.check) select,#booking-form textarea{width:100%;min-height:46px;margin-top:7px;padding:10px 13px;border:1px solid #d8e0e2;border-radius:8px;background:#fff;color:var(--ink)}
.form-page label:not(.check) input:focus,#booking-form input:focus,#booking-form select:focus,#booking-form textarea:focus{outline:2px solid #54768a;outline-offset:2px}
.form-page .check{display:flex;align-items:center;gap:8px;margin:15px 0 19px;font-size:12px}
.form-page .check input{width:16px;height:16px;margin:0}
.form-page .button.primary,#booking-form .button.primary{min-height:48px;border-radius:28px;background:var(--red);font-size:12px;font-weight:800}
.form-page .button.primary{width:100%}
.form-page a:not(.button),#booking-form a{color:var(--red);font-weight:700}
.page-section.narrow{max-width:850px}
.page-section.narrow>h1{font:800 clamp(36px,5vw,56px)/1.08 var(--font);letter-spacing:-.045em;color:var(--navy)}
#booking-form{border:1px solid var(--line);border-radius:18px;background:#fff;padding:30px;box-shadow:0 18px 50px #10283a0d}
#booking-form .check{display:flex;align-items:start;gap:9px;font-size:12px}
#booking-form .check input{margin-top:3px}
#booking-form .button.primary{width:100%}
@media(max-width:600px){.form-page{padding:42px 18px 65px}.form-page .panel,#booking-form{padding:25px 22px}}
.upload-feedback{display:block;margin-top:6px;color:#a92632;font-size:12px;font-weight:700}