@scope(.toti-design){:scope{--bg:#111210;--panel:#1b1c19;--text:#f1eee8;--muted:#b5b6ad;--accent:#d7b78b;--line:#363731}*{box-sizing:border-box}:scope{scroll-behavior:smooth;scroll-padding-top:100px}:scope{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}img{max-width:100%;display:block;object-fit:cover}header{height:96px;display:flex;align-items:center;gap:38px;padding:0 5%;position:sticky;top:0;z-index:10;background:#111210f5;border-bottom:1px solid var(--line)}.brand{font-family:Impact,Arial Narrow,sans-serif;font-size:26px;letter-spacing:1.2px;line-height:1.1;white-space:nowrap}.brand span{display:block;font-family:Arial,sans-serif;font-size:10px;letter-spacing:2px;margin-top:7px}nav{display:flex;gap:25px;margin-left:auto}nav a{font-size:14px}nav a:hover,.text-link:hover{color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--accent);color:#171713;padding:18px 25px;font-size:14px;font-weight:700;min-height:52px;transition:background .2s,transform .2s}.button:hover{background:#e9cda7;transform:translateY(-2px)}.button span{font-size:22px;line-height:1}.small{padding:13px 20px}.menu{display:none}.hero{min-height:690px;height:calc(100svh - 96px);max-height:950px;position:relative;isolation:isolate;display:flex;align-items:center;padding:65px 7% 110px;overflow:hidden}.hero>img{position:absolute;inset:0 0 0 auto;width:65%;height:100%;z-index:-3;object-position:50% 47%}.hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:linear-gradient(90deg,#111210 4%,#111210ef 25%,#11121070 57%,#11121015),linear-gradient(0deg,#111210 0%,transparent 30%)}.eyebrow{text-transform:uppercase;letter-spacing:3px;color:var(--accent);font-size:12px;font-weight:700;margin:0 0 28px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Impact,Arial Narrow,sans-serif;font-weight:400;letter-spacing:-1px;line-height:1.04}h1{font-size:clamp(58px,6.6vw,102px);margin-bottom:28px}h1 em{font-style:normal;color:var(--accent)}.hero-copy>p:not(.eyebrow){color:#d0d0c8;font-size:18px;line-height:1.7}.actions{display:flex;align-items:center;gap:30px;margin-top:32px}.text-link{font-size:14px;border-bottom:1px solid #7a7b70;padding:10px 0}.hero-bottom{position:absolute;bottom:28px;left:7%;right:7%;display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.6px;color:var(--muted)}.trust{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px 7%;border-bottom:1px solid var(--line)}.trust strong{font-size:22px}.trust>div>span{display:block;color:var(--muted);font-size:12px}.trust p{margin:0;line-height:1.4;color:var(--muted);font-size:14px}.trust p strong{color:var(--text);font-size:16px}.stars{color:var(--accent);letter-spacing:3px;font-size:17px;margin-left:12px}.stars>span{opacity:.35}.section{padding:110px 7%}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:45px}.section-head p{max-width:360px;color:var(--muted);margin-bottom:0}h2{font-size:clamp(42px,4.4vw,68px);margin-bottom:0}.section .eyebrow{margin-bottom:18px}.service{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;padding-top:36px;border-top:1px solid var(--line)}h3{font-size:24px;font-weight:500;margin-bottom:12px}.muted{color:var(--muted)}.service-price{font-family:Georgia,serif;font-size:58px;line-height:1}.service-price small{font-family:Arial,sans-serif;font-size:14px;color:var(--muted)}.service ul{padding-left:18px;color:var(--muted)}.booking-note{font-size:13px;color:var(--muted);margin:20px 0 0}.portfolio{display:grid;grid-template-columns:1.1fr .85fr .85fr;gap:20px}.portfolio figure{margin:0}.portfolio figure:nth-child(3){padding-top:130px}.portfolio img{width:100%;height:400px;transition:transform .35s}.portfolio figure:first-child img{height:530px}.portfolio a{display:block;overflow:hidden}.portfolio a:hover img{transform:scale(1.035)}figcaption{padding-top:14px;font-size:12px;letter-spacing:1.7px;color:var(--muted)}.panel{background:var(--panel)}.barbers{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.barber{border-top:1px solid #696555;padding:25px 0}.barber .number{font-family:Georgia,serif;color:var(--accent);font-size:18px}.barber h3{font-size:30px;margin-top:35px}.barber .text-link{display:inline-block;margin-top:20px}.experience{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.experience img{width:100%;height:630px}.experience h2{margin-bottom:28px}.experience p{color:var(--muted)}.qualities{border-top:1px solid var(--line);margin-top:30px}.qualities p{border-bottom:1px solid var(--line);padding:16px 0;margin:0}.qualities span{color:var(--accent);margin-right:20px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.product{border-top:1px solid var(--line);padding:28px 0}.product h3{font-size:23px}.product .price{color:var(--accent);font-size:26px;font-family:Georgia,serif}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}details{border-top:1px solid var(--line)}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;padding:23px 35px 23px 0;position:relative;font-size:17px}summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:4px;color:var(--accent);font-size:23px;top:17px}details[open] summary:after{content:"\2212"}details p{color:var(--muted);padding-right:25px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:10%}.contact h2{margin-bottom:30px}.contact address{font-style:normal;font-size:22px;margin-bottom:24px}.contact a:not(.button){text-decoration:underline;text-underline-offset:5px}.hours{width:100%;border-collapse:collapse}.hours td{padding:9px 0;border-bottom:1px solid var(--line)}.hours td:last-child{text-align:right}.map-wrap{margin-top:50px}.map-wrap iframe{border:0;width:100%;height:330px;filter:grayscale(1)}.closing{padding:80px 7%;background:var(--accent);color:#171713;display:flex;align-items:center;justify-content:space-between;gap:30px}.closing .button{background:#171713;color:var(--text)}footer{padding:35px 7%;display:flex;gap:25px;justify-content:space-between;font-size:12px;color:var(--muted)}footer div{display:flex;flex-wrap:wrap;gap:22px}.skip{position:fixed;top:-100px;z-index:30;background:var(--accent);color:#111;padding:12px}.skip:focus{top:0}.mobile-book{display:none}@media(min-width:1600px){.section,header,.trust,.hero{padding-left:max(7%,calc((100vw - 1450px)/2));padding-right:max(7%,calc((100vw - 1450px)/2))}}@media(max-width:1100px){header{gap:20px;padding:0 4%}nav{gap:16px}.brand{font-size:22px}.small{font-size:12px;padding:12px}.hero{padding-left:6%}.barbers{grid-template-columns:repeat(2,1fr)}.portfolio img{height:320px}.portfolio figure:first-child img{height:440px}}@media(max-width:760px){:scope{scroll-padding-top:88px}header{height:80px;justify-content:space-between;padding:0 6%}header>.button{display:none}.brand{font-size:23px}.menu{display:block;background:none;border:1px solid var(--line);color:var(--text);width:46px;height:46px;font-size:23px}nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--bg);padding:24px 6%;border-bottom:1px solid var(--line)}nav.open{display:grid;gap:0}nav a{padding:13px 0;font-size:17px}.hero{height:740px;min-height:0;max-height:none;padding:260px 6% 85px;align-items:end}.hero>img{width:100%;height:100%;object-position:55% 20%}.hero-shade{background:linear-gradient(0deg,#111210 2%,#111210e8 35%,#11121035 80%)}h1{font-size:clamp(43px,11.5vw,76px);letter-spacing:-.5px;line-height:1.07;margin-bottom:20px}.hero-copy .eyebrow{margin-bottom:17px}.hero-copy>p:not(.eyebrow){font-size:16px}.actions{gap:22px;flex-wrap:wrap;margin-top:24px}.hero-bottom{left:6%;right:6%;font-size:9px;letter-spacing:1px}.hero-bottom>a{display:none}.trust{padding:25px 6%;flex-wrap:wrap;gap:18px}.trust>p{display:none}.trust>div>span{font-size:11px}.trust>.text-link{font-size:12px}.section{padding:70px 6%}.section-head{display:block;margin-bottom:30px}.section-head>p{margin-top:24px}.service,.experience,.faq,.contact{grid-template-columns:1fr;gap:35px}.portfolio{grid-template-columns:1fr 1fr;gap:14px}.portfolio figure:first-child{grid-column:span 2}.portfolio figure:first-child img{height:440px}.portfolio figure:nth-child(2),.portfolio figure:nth-child(3){padding-top:0}.portfolio img{height:270px}.barbers{gap:22px}.barber h3{font-size:25px}.barber .text-link{font-size:12px}.experience img{height:450px}.products{grid-template-columns:1fr;gap:0}.product{display:grid;grid-template-columns:1fr auto;gap:6px 20px}.product p{grid-column:1}.product .price{grid-column:2;grid-row:1}.closing{padding:50px 6%;display:block}.closing .button{margin-top:30px}footer{padding:30px 6% 120px;display:block}footer div{margin-top:20px}.mobile-book{display:block;position:fixed;bottom:0;left:0;right:0;padding:10px 6% max(10px,env(safe-area-inset-bottom));background:#111210f5;z-index:12;border-top:1px solid var(--line)}.mobile-book .button{width:100%;padding:13px 20px}.contact a{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){:scope{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}.portfolio{grid-template-columns:1.1fr 1fr}.portfolio figure:nth-child(2){padding-top:65px}.portfolio figure:nth-child(2) img{height:465px}@media(max-width:760px){.portfolio{grid-template-columns:1fr 1fr}.portfolio figure:first-child{grid-column:auto}.portfolio figure:first-child img,.portfolio figure:nth-child(2) img{height:320px}.portfolio figure:nth-child(2){padding-top:40px}}.brand{display:flex;align-items:center;gap:14px}.brand img{width:78px;height:76px;object-fit:contain}.brand span{font-size:9px;max-width:100px;white-space:normal;line-height:1.6;margin:0}.booking-logo{background:transparent;padding:15px 24px}.booking-logo img{object-fit:contain}.booking-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:35px 0}.booking-steps p{border-top:1px solid var(--line);padding-top:18px;font-size:14px}.booking-steps span{color:var(--accent);margin-right:12px}.booking-options{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.booking-option{display:flex;flex-direction:column;padding:24px;border:1px solid var(--line);transition:border-color .2s,background .2s}.booking-option:hover{border-color:var(--accent);background:#252620}.booking-option strong{font-size:25px}.booking-option>span{font-size:14px;color:var(--muted)}.booking-option b{display:flex;justify-content:space-between;font-size:30px;color:var(--accent);margin:25px 0 12px}.appointment>.text-link{display:inline-block;margin-top:15px}@media(max-width:1100px){.brand span{display:none}.booking-options{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.brand img{height:66px;width:70px}.booking-logo{display:none}.booking-steps{grid-template-columns:1fr;gap:0}.booking-steps p{margin-bottom:8px}.booking-options{gap:12px}.booking-option{padding:18px}.booking-option strong{font-size:22px}}}.toti-header-wrap{position:sticky;top:0;z-index:30;background:#111210}.toti-design{--bg:#111210;--panel:#1b1c19;--text:#f1eee8;--muted:#b5b6ad;--accent:#d7b78b;--line:#363731;color:var(--text);background:var(--bg);font:16px/1.65 Arial,Helvetica,sans-serif}.toti-design .button:after,.toti-design .button:before{display:none}.toti-design h1,.toti-design h2{color:var(--text);font-family:Impact,Arial Narrow,sans-serif}.toti-design p{max-width:none}.toti-design a{text-decoration:none}.toti-design #nav{visibility:visible}.toti-design .menu{cursor:pointer}html{scroll-padding-top:110px}#header-group:has(.toti-header-wrap){position:sticky;top:0;z-index:30}.toti-design footer{margin:0}.toti-design .section{display:block}.toti-design .experience,.toti-design .faq{display:grid}
/*# sourceMappingURL=/cdn/shop/t/7/assets/toti-design.css.map */