*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#292124;background:#f8f3ee}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #3b82f6;outline-offset:5px}.demo-notice{background:#13253e;color:#fff;padding:13px 4%;display:flex;justify-content:space-between;gap:18px;align-items:center;font-size:11px;line-height:1.5}.demo-notice>span{font-size:9px;letter-spacing:1.3px;color:#c9d4e4}.studio-nav{width:90%;max-width:1320px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:30px 0;gap:25px;border-bottom:1px solid #cbbeb466}.studio-brand{font-size:13px;letter-spacing:2px;font-weight:800}.studio-nav nav{display:flex;align-items:center;gap:28px;font-size:12px}.studio-book{padding:13px 18px;border:1px solid currentColor;border-radius:30px}.studio-kicker{display:block;font-size:10px;letter-spacing:2.6px;line-height:1.7}.studio-button{display:inline-flex;padding:17px 22px;font-size:12px;font-weight:700;line-height:1.5}.barber{background:#171a17;color:#f1e7d5}.barber .studio-nav{border-color:#f1e7d530}.barber-hero{max-width:1320px;width:90%;margin:0 auto;display:grid;grid-template-columns:1.05fr 1fr;gap:40px;padding:42px 0 75px;align-items:center}.barber-copy{position:relative;padding:30px 0}.barber h1{font-size:clamp(45px,6.2vw,87px);letter-spacing:-4px;line-height:.99;margin:30px 0;text-transform:uppercase;max-width:680px}.barber h1 em{font-style:normal;color:#cba778}.barber-copy p{font-size:16px;color:#c2c2b5;line-height:1.9;margin:25px 0 32px}.barber .studio-button{background:#cba778;color:#1c251e;border-radius:3px}.barber-stamp{font-size:9px;line-height:1.8;letter-spacing:2px;border-top:1px solid #b4ad992f;margin-top:38px;padding-top:23px}.barber-hero figure{margin:0;align-self:stretch;min-height:570px;display:flex;flex-direction:column}.barber-hero figure img{height:100%;min-height:520px;object-fit:cover;object-position:48% center;flex:1;filter:saturate(.7)}.barber-hero figcaption{padding:17px 0;display:flex;justify-content:space-between;gap:14px;font-size:9px;letter-spacing:2px}.barber-hero figcaption span{letter-spacing:0;color:#a6aa9e}.service-section,.work-section,.booking-section{max-width:1180px;width:86%;margin:auto;padding:72px 0;border-top:1px solid #b7ac9a44}.section-title h2,.work-section h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(33px,4vw,53px);line-height:1.1;letter-spacing:-1.6px;margin:17px 0}.section-title p,.work-section p{font-size:14px;line-height:1.9;max-width:530px;opacity:.75}.service-menu{margin-top:30px}.service-menu article{display:grid;grid-template-columns:1fr 85px 85px;align-items:center;gap:15px;border-bottom:1px solid #b7ac9a44;padding:20px 0}.service-menu h3{font-size:19px;font-weight:400;margin:0}.service-menu span{font-size:12px;opacity:.7}.service-menu b{text-align:right;font-size:15px;font-weight:400}.work-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.work-section img{width:100%;height:370px;object-fit:cover}.barber .work-section img{object-position:45% center}.barber .section-title h2,.barber .work-section h2{font-family:Arial,Helvetica,sans-serif;font-weight:750;letter-spacing:-2px}.barber .studio-kicker{color:#cba778}#design-booking{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;margin-top:35px}fieldset{border:0;padding:0;margin:0;min-width:0}legend{font-size:10px;letter-spacing:2px;margin-bottom:18px;opacity:.75}#design-booking>fieldset>label{display:flex;gap:14px;align-items:center;min-height:77px;border-bottom:1px solid #b7ac9a44;padding:18px 0;font-size:14px;cursor:pointer}#design-booking label>span{flex:1}#design-booking label small{display:block;font-size:10px;opacity:.65;margin-top:7px}#design-booking label>b{font-size:12px;font-weight:400}input[type=checkbox]{width:18px;height:18px;accent-color:#946c56;flex-shrink:0}.design-summary{padding:28px;background:#eae2d9;border-radius:2px;min-width:0}.design-summary>span{font-size:9px;letter-spacing:2px;opacity:.7}.design-summary output{display:block;font-size:23px;margin:16px 0 32px;line-height:1.4}.demo-times{display:grid;grid-template-columns:1fr 1fr;gap:9px}.demo-times label{cursor:pointer;position:relative}.demo-times input{position:absolute;opacity:0}.demo-times span{display:block;padding:13px 8px;text-align:center;border:1px solid #bca995;font-size:13px;border-radius:2px}.demo-times input:checked+span{background:#725544;color:#fff;border-color:#725544}.demo-times input:focus-visible+span{outline:3px solid #3b82f6;outline-offset:3px}.design-summary button{border:0;width:100%;padding:16px;background:#725544;color:white;margin-top:25px;cursor:pointer}.design-summary>p{font-size:12px;line-height:1.8}.design-summary>a{display:inline-block;font-size:12px;font-weight:700;border-bottom:1px solid currentColor;padding:8px 0}.barber .design-summary{background:#253027}.barber .demo-times span{border-color:#6a7765}.barber .design-summary button,.barber .demo-times input:checked+span{background:#cba778;color:#182019}.salon .studio-brand{font-family:Georgia,serif;font-style:italic;font-size:47px;letter-spacing:-3px;font-weight:400;line-height:1}.salon .studio-brand>span{display:block;font-family:Arial,sans-serif;font-size:7px;letter-spacing:2px;font-style:normal;margin-top:9px}.salon-hero{width:90%;max-width:1320px;margin:auto;display:grid;grid-template-columns:25px 1.2fr 1fr;gap:40px;position:relative;align-items:center;padding:38px 0 65px}.salon-label{writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;letter-spacing:2px;color:#a18b7a}.salon h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(57px,7.4vw,104px);line-height:.98;letter-spacing:-5px;margin:25px 0}.salon h1 em{font-weight:400;color:#946c56}.salon-copy{padding:35px 0;z-index:1}.salon-copy p{font-size:14px;line-height:1.9;color:#776a62;margin:27px 0}.salon .studio-button{border-bottom:1px solid #946c56;color:#725544;padding:14px 0}.salon-sign{display:block;font-family:Georgia,serif;font-style:italic;font-size:21px;color:#b59b87;margin-top:42px}.salon-hero figure{margin:0;position:relative}.salon-hero img{width:100%;height:590px;object-fit:cover;border-radius:46% 46% 3px 3px;object-position:center 48%}.salon-hero figcaption{text-align:center;font-size:8px;letter-spacing:2.6px;padding-top:19px;color:#8e7c70}.salon-orbit{position:absolute;right:38%;bottom:100px;font-size:75px;color:#bca18c;transform:rotate(13deg);pointer-events:none}.salon .work-section img{height:420px;border-radius:160px 160px 0 0;object-position:center 45%}footer{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:35px 7%;border-top:1px solid #b7ac9a44;font-size:11px}footer span{opacity:.65}@media(max-width:900px){.barber-hero{gap:25px}.barber h1{letter-spacing:-2px}.salon-hero{grid-template-columns:1fr 1fr;gap:25px}.salon-label{display:none}.salon h1{font-size:70px;letter-spacing:-3px}.salon-hero img{height:480px}.salon-orbit{right:43%}.work-section{gap:35px}#design-booking{gap:25px}.demo-notice{flex-wrap:wrap}.demo-notice>span{order:3;width:100%;font-size:8px}.barber-hero figure{min-height:480px}.barber-hero figure img{min-height:430px}}@media(max-width:600px){.studio-nav{padding:23px 0;gap:15px}.studio-nav nav{gap:12px;font-size:10px}.studio-nav nav>a:not(.studio-book){display:none}.studio-book{padding:11px}.barber-hero{grid-template-columns:1fr;padding-top:12px;gap:15px}.barber h1{font-size:54px;letter-spacing:-2.5px}.barber-copy{padding-bottom:0}.barber-copy p{font-size:14px}.barber-stamp{display:none}.barber-hero figure{min-height:340px}.barber-hero figure img{min-height:300px;height:340px}.salon-hero{grid-template-columns:1fr;gap:15px;padding-top:10px}.salon-copy{padding:22px 0 10px}.salon h1{font-size:71px;letter-spacing:-3.5px}.salon-hero img{height:420px;width:85%;margin-left:auto}.salon-orbit{right:auto;left:0;bottom:160px;font-size:80px}.salon-sign{margin-top:20px}.service-section,.work-section,.booking-section{padding:45px 0;width:90%}.work-section,#design-booking{grid-template-columns:1fr;gap:30px}.work-section img,.salon .work-section img{height:330px}.service-menu article{grid-template-columns:1fr 48px 58px;gap:8px}.service-menu h3{font-size:16px}.design-summary{padding:23px}footer{flex-direction:column;align-items:start;gap:12px}.section-title h2,.work-section h2{font-size:37px}.demo-notice{font-size:10px;gap:8px}.demo-notice>span{font-size:7px;letter-spacing:.8px}}