@property --p{syntax:"<number>";inherits:true;initial-value:0}
:root{
  --ink:#0b0b0a; --ink2:#131311; --cream:#efe6d2; --cream2:#d9cfb8;
  --red:#b3171d; --red-t:#e5393f; --blue:#35568f;
  --f-big:"Anton","Impact",sans-serif;
  --f-ui:"Barlow Semi Condensed","Arial Narrow",sans-serif;
  --f-body:"Barlow","Helvetica Neue",Arial,sans-serif;
  --f-brush:"Permanent Marker","Comic Sans MS",cursive;
  --f-hand:"Reenie Beanie","Permanent Marker",cursive;
  --pad:clamp(20px,4vw,64px); --nav-h:78px; --cut:clamp(16px,2.6vw,40px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--ink);color:var(--cream);font-family:var(--f-body);font-size:18px;line-height:1.35;overflow-x:hidden}
body.is-loading{overflow:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
ul{list-style:none}
address{font-style:normal}
:focus-visible{outline:3px solid var(--red-t);outline-offset:3px}
.skip{position:fixed;left:12px;top:-60px;z-index:400;background:var(--cream);color:var(--ink);padding:10px 14px}
.skip:focus{top:12px}
body::after{content:"";position:fixed;inset:0;z-index:150;pointer-events:none;opacity:.08;mix-blend-mode:screen;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}

.util{font-family:var(--f-ui);font-weight:600;letter-spacing:.09em;text-transform:uppercase;font-size:clamp(13px,1vw,16px);line-height:1.3}
.wrap{padding-inline:var(--pad);max-width:1600px;margin-inline:auto;position:relative}
.kicker{font-family:var(--f-ui);font-weight:600;letter-spacing:.16em;text-transform:uppercase;font-size:14px;display:flex;gap:12px;align-items:center;margin-bottom:10px}
.kicker b{color:var(--red-t);font-weight:600}
.kicker::after{content:"";width:44px;height:2px;background:var(--red-t)}
.kicker--ink b{color:var(--red)} .kicker--ink::after{background:var(--red)}
.kicker--cream b{color:var(--cream)} .kicker--cream::after{background:var(--cream)}
.marker{font-family:var(--f-brush);color:var(--red-t);line-height:1.05}
.huge{font-family:var(--f-big);font-weight:400;font-size:clamp(96px,15vw,236px);line-height:.86;text-transform:uppercase;color:var(--cream)}
.huge--ink{color:var(--ink)}
.link{display:inline-flex;align-items:center;font-family:var(--f-ui);font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:16px;padding-bottom:6px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 6' preserveAspectRatio='none'><path d='M1 4 C30 1 70 1 119 3' stroke='%23e5393f' stroke-width='3' fill='none' stroke-linecap='round'/></svg>") left bottom/100% 6px no-repeat}

/* arrows + buttons */
.arr{display:inline-block;width:1.1em;height:.7em;position:relative;margin-left:.5em;vertical-align:middle;transition:transform .25s cubic-bezier(.3,1.6,.5,1)}
.arr::before{content:"";position:absolute;left:0;right:1px;top:50%;height:2px;background:currentColor;transform:translateY(-50%)}
.arr::after{content:"";position:absolute;right:1px;top:50%;width:.5em;height:.5em;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:translateY(-50%) rotate(45deg)}
.arr--lg{width:2.4em;height:1.4em}
a:hover>.arr,.btn:hover .arr,.panel:hover .arr{transform:translateX(7px)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--f-ui);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:17px;padding:14px 22px;border:2px solid var(--red);position:relative;overflow:hidden;isolation:isolate;min-height:48px;transition:color .25s}
.btn::before{content:"";position:absolute;inset:0;background:var(--cream);transform:translateY(101%);transition:transform .3s cubic-bezier(.7,0,.2,1);z-index:-1}
.btn--red{background:var(--red);color:var(--cream)} .btn--red:hover{color:var(--ink)}
.btn--ghost{border-color:var(--cream);color:var(--cream);background:rgba(11,11,10,.82)} .btn--ghost:hover{color:var(--ink)}
.btn:hover::before{transform:none}
.btn--lg{font-size:21px;padding:18px 28px}

/* registration marks */
.reg{position:absolute;width:20px;height:20px;z-index:4;pointer-events:none}
.reg::before,.reg::after{content:"";position:absolute;background:var(--cream);opacity:.7}
.reg::before{left:50%;top:0;bottom:0;width:1px} .reg::after{top:50%;left:0;right:0;height:1px}
.reg--tl{left:var(--pad);top:calc(var(--nav-h) + 6px)} .reg--br{right:calc(var(--pad) + 40px);bottom:18px}
.sec .reg--tl{top:26px}
.mapfig .reg--tl{left:10px;top:10px} .mapfig .reg--br{right:10px;bottom:10px}

/* LOGO (cropped from the supplied artwork) */
.nav__logo{display:block;flex:none}
.logo{display:block;width:clamp(100px,8.2vw,122px);height:auto}
.logo--lg{width:min(340px,70vw)}

/* LOADER: the MVP clipper shaves the cover away, right to left */
.loader{position:fixed;inset:0;z-index:300;--p:0;animation:shave 1.15s .45s cubic-bezier(.6,0,.3,1) forwards;animation-play-state:paused}
body.is-go .loader{animation-play-state:running}
@keyframes shave{from{--p:0}to{--p:170}}
.loader__cover{position:absolute;inset:0;background:var(--ink);display:grid;place-items:center;
  -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - var(--p)*1%),transparent calc(100% - var(--p)*1% + 8%));
  mask-image:linear-gradient(90deg,#000 calc(100% - var(--p)*1%),transparent calc(100% - var(--p)*1% + 8%))}
.loader__cover .logo{opacity:0;animation:fadeIn .3s .05s forwards}
@keyframes fadeIn{to{opacity:1}}
.loader__clipwrap{position:absolute;left:0;top:50%;width:min(380px,64vw);transform:translate(calc(100vw - var(--p)*1vw - 14px),-46%)}
.loader__clipper{display:block;width:100%;height:auto;animation:buzz .06s linear infinite alternate;filter:drop-shadow(0 14px 18px rgba(0,0,0,.65))}
@keyframes buzz{from{transform:translate(0,-1.5px) rotate(-.5deg)}to{transform:translate(1.5px,1.5px) rotate(.5deg)}}
.loader.is-gone{display:none}

/* BARBER POLE (glass tube, chrome balls) */
.pole{position:fixed;right:clamp(10px,1.4vw,24px);top:calc(var(--nav-h) + 6px);bottom:70px;width:18px;z-index:60;display:flex;flex-direction:column;align-items:center;pointer-events:none}
.pole__ball{width:24px;height:24px;border-radius:50%;flex:none;background:radial-gradient(circle at 35% 30%,#fff 0 12%,#cfcfcd 30%,#6b6b69 70%,#2b2b2a);margin:-2px 0}
.pole__tube{flex:1;width:16px;border-radius:2px;background:repeating-linear-gradient(135deg,var(--red) 0 12px,#f1ece0 12px 24px,var(--blue) 24px 36px,#f1ece0 36px 48px);background-size:68px 68px;animation:pole 3.4s linear infinite;box-shadow:inset 4px 0 5px rgba(255,255,255,.4),inset -5px 0 6px rgba(0,0,0,.5)}
@keyframes pole{to{background-position:0 68px}}

/* NAV */
.nav{position:fixed;inset:0 0 auto 0;height:var(--nav-h);z-index:90;display:flex;align-items:center;gap:clamp(16px,3vw,48px);padding-inline:var(--pad);padding-right:calc(var(--pad) + 36px);transition:background .3s}
.nav.is-solid{background:rgba(11,11,10,.9);backdrop-filter:blur(8px)}
.nav__links{display:flex;gap:clamp(18px,2.8vw,46px);margin-inline:auto;font-family:var(--f-ui);font-weight:600;letter-spacing:.07em;text-transform:uppercase;font-size:16px}
.nav__links a{position:relative;padding:8px 0;transition:color .2s}
.nav__links a::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--red-t);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.nav__links a:hover::after,.nav__links a.is-active::after{transform:scaleX(1)}
.nav__links a.is-active{color:var(--red-t)}
.nav__phone{display:flex;align-items:center;gap:10px;font-family:var(--f-ui);font-size:26px;letter-spacing:.01em;font-weight:500}
.nav__burger{display:none;width:48px;height:48px;background:none;border:0;color:var(--cream);cursor:pointer;position:relative}
.nav__burger span{position:absolute;left:10px;right:10px;height:3px;background:currentColor;transition:transform .3s,top .3s}
.nav__burger span:first-child{top:18px} .nav__burger span:last-child{top:28px}
.nav__burger[aria-expanded=true] span:first-child{top:23px;transform:rotate(45deg)} .nav__burger[aria-expanded=true] span:last-child{top:23px;transform:rotate(-45deg)}

/* HERO */
.hero{display:block;background:var(--ink);--sy:0}
.art{position:relative;overflow:hidden;height:100svh;min-height:700px}
.art__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.2);opacity:.2;-webkit-mask-image:radial-gradient(ellipse at 50% 55%,#000 15%,transparent 72%);mask-image:radial-gradient(ellipse at 50% 55%,#000 15%,transparent 72%)}
.art__palm{position:absolute;bottom:-4%;height:62%;width:auto;aspect-ratio:120/400;color:#4a4a45;opacity:.55}
.art__palm--l{left:5%} .art__palm--r{right:15%;height:50%}
.art__type{position:absolute;left:50%;top:calc(var(--nav-h) - 8px);width:min(92vw,calc((100svh - 120px) * 1.92));height:auto;transform:translateX(-50%);overflow:visible}
.L{transition:transform .12s linear}
.L--m{transform:translateX(calc(var(--sy) * -.1px))} .L--v{transform:translateY(calc(var(--sy) * -.07px))} .L--p{transform:translateX(calc(var(--sy) * .1px))}
.art__owner{position:absolute;bottom:-3%;left:50%;height:104%;width:auto;max-width:none;transform:translate(-47%,calc(var(--sy) * .06px));filter:drop-shadow(0 0 0 transparent)}
.art__crown{position:absolute;left:67%;top:20%;width:66px;height:48px;color:var(--red-t);transform:rotate(10deg)}
.art__burst{position:absolute;right:calc(var(--pad) + 70px);top:calc(var(--nav-h) + 20px);width:90px}
.art__marker{position:absolute;left:14%;top:44%;font-family:var(--f-brush);color:var(--red-t);font-size:clamp(32px,5.2vw,84px);line-height:.92;transform:rotate(-12deg);transform-origin:left;z-index:3;text-shadow:0 3px 0 rgba(0,0,0,.4)}
.art__swish{position:absolute;left:15%;top:calc(44% + clamp(120px,15vw,230px));width:clamp(120px,19vw,300px);z-index:3}
.art__swish path{stroke-dasharray:480;stroke-dashoffset:480;animation:draw 1s 1.5s forwards cubic-bezier(.6,0,.2,1)}
@keyframes draw{to{stroke-dashoffset:0}}
.hero__mix,.art__left,.art__svc{mix-blend-mode:difference;color:#efe6d2}
.art__left{position:absolute;left:var(--pad);top:calc(var(--nav-h) + 30px);z-index:4;display:flex;flex-direction:column;gap:16px}
.rule{display:block;width:2px;height:30px;background:currentColor;opacity:.7}
.rule--red{width:34px;height:2px;background:#fff;margin-top:-8px}
.art__crown2{width:44px;height:32px;color:#fff}
.art__film{position:absolute;left:calc(var(--pad) + clamp(250px,23vw,360px));bottom:4.5%;z-index:4;display:flex;gap:4px}
.art__film img{width:clamp(56px,5.6vw,92px);aspect-ratio:4/5;object-fit:cover;filter:grayscale(1) contrast(1.15);border:2px solid #cfc7b5}
.art__film svg{position:absolute;right:-18px;bottom:-14px;width:58px;height:58px}
.art__sign{position:absolute;left:calc(var(--pad) + 6px);bottom:calc(5% + clamp(80px,8vw,130px));z-index:4;background:#1c2420;border:2px solid #cfc7b5;color:#efe6d2;font-family:var(--f-ui);font-weight:700;font-size:16px;letter-spacing:.08em;text-transform:uppercase;padding:6px 14px;transform:rotate(-7deg);opacity:.95}
.art__svc{position:absolute;right:calc(var(--pad) + 74px);top:calc(var(--nav-h) + 90px);z-index:4;display:flex;flex-direction:column;gap:5px}
.art__svc::after{content:"";width:34px;height:2px;background:#fff;margin-top:8px}
.art__hand{position:absolute;right:calc(var(--pad) + 92px);top:44%;font-family:var(--f-hand);font-size:clamp(28px,3vw,46px);line-height:.8;color:var(--cream);transform:rotate(-12deg);z-index:3;opacity:.95}
.art__social{position:absolute;right:calc(var(--pad) + 40px);top:calc(var(--nav-h) + 90px);z-index:5;display:flex;flex-direction:column;gap:16px;margin-top:230px}
.art__social a{display:block;padding:4px;transition:color .2s,transform .2s} .art__social a:hover{color:var(--red-t);transform:scale(1.15)}
.art__cta{position:absolute;right:calc(var(--pad) + 74px);bottom:20%;z-index:5;display:flex;flex-direction:column;gap:10px;width:clamp(190px,14vw,230px)}
.art__real{position:absolute;right:calc(var(--pad) + 62px);bottom:3.5%;z-index:3;font-family:var(--f-hand);font-size:clamp(20px,1.9vw,30px);line-height:.85;transform:rotate(-8deg);color:var(--cream);opacity:.9;text-align:left}
.stamp{position:absolute;left:62%;bottom:4%;z-index:5;width:clamp(96px,9vw,138px);aspect-ratio:1;border-radius:50%;background:var(--ink);border:2px solid var(--cream);display:grid;place-items:center;color:var(--cream);transition:transform .4s cubic-bezier(.3,1.6,.5,1),background .3s}
.stamp:hover{transform:scale(1.08) rotate(-6deg);background:var(--red)}
.stamp svg{position:absolute;inset:3%;width:94%;height:94%;animation:spin 18s linear infinite}
.stamp__ring{font-family:var(--f-ui);font-weight:700;font-size:15.5px;letter-spacing:2.2px;fill:currentColor}
.stamp__mid{font-family:var(--f-brush);font-size:clamp(15px,1.4vw,20px);line-height:.95;text-align:center;color:var(--red-t)}
.stamp:hover .stamp__mid{color:var(--cream)}
@keyframes spin{to{transform:rotate(360deg)}}

/* PANELS (three, like the reference) */
.panels{display:grid;grid-template-columns:repeat(3,1fr);min-height:clamp(240px,28vw,380px);border-top:1px solid rgba(239,230,210,.25);position:relative;z-index:6}
.panel{position:relative;overflow:hidden;display:flex;align-items:flex-end;border-right:1px solid rgba(239,230,210,.18);padding:clamp(16px,2vw,32px)}
.panel>img,.panel__map{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.1);opacity:.42;transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .4s}
.panel__map{opacity:1;filter:none;background:#10100e}
.panel::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,11,10,.88) 0,rgba(11,11,10,.35) 70%,rgba(11,11,10,.1))}
.panel:hover>img,.panel:hover .panel__map{transform:scale(1.06);opacity:.6}
.panel__in{position:relative;z-index:2}
.panel__no{font-family:var(--f-ui);font-weight:600;font-size:13px;letter-spacing:.14em;display:flex;align-items:center;gap:10px;margin-bottom:6px}
.panel__no b{color:var(--red-t)} .panel__no::after{content:"";width:28px;height:2px;background:var(--red-t)}
.panel h2{font-family:var(--f-big);font-weight:400;font-size:clamp(34px,4.1vw,66px);line-height:.88;text-transform:uppercase}
.panel__txt{font-size:clamp(13px,1vw,16px);margin:10px 0 12px;max-width:26ch;line-height:1.3;color:#e6dec9}
.panel__go{font-family:var(--f-ui);font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:15px;padding-bottom:6px;display:inline-block;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 6' preserveAspectRatio='none'><path d='M1 4 C30 1 70 1 119 3' stroke='%23e5393f' stroke-width='3' fill='none' stroke-linecap='round'/></svg>") left bottom/100% 6px no-repeat}

/* section frame */
.sec{position:relative;padding-block:clamp(48px,6vw,96px)}
.vtext{position:absolute;right:calc(var(--pad) + 30px);top:50%;writing-mode:vertical-rl;transform:rotate(180deg) translateY(50%);opacity:.5;letter-spacing:.22em}

/* SHOP */
.shop{background:var(--ink2)}
.shop__grid{display:grid;grid-template-columns:5fr 6fr;gap:clamp(20px,4vw,70px);align-items:center}
.shop__copy{font-family:var(--f-big);text-transform:uppercase;font-size:clamp(28px,3.4vw,54px);line-height:1;margin:clamp(14px,2vw,28px) 0}
.shop__note{display:flex;gap:26px;align-items:flex-end;margin-bottom:22px}
.shop__note .marker{font-size:clamp(20px,2vw,30px);transform:rotate(-6deg)}
.shop__pics{position:relative;height:clamp(420px,44vw,640px)}
.ph{position:absolute;background:var(--cream);padding:8px 8px 8px;box-shadow:0 18px 40px rgba(0,0,0,.55);transition:transform .5s cubic-bezier(.3,1.4,.5,1)}
.ph img{width:100%;height:100%;object-fit:cover;filter:grayscale(.9) contrast(1.1);transition:filter .5s}
.ph:hover img{filter:none}
.ph--a{right:0;top:0;width:60%;aspect-ratio:4/5;transform:rotate(2.2deg)}
.ph--b{left:2%;bottom:0;width:40%;aspect-ratio:4/5;transform:rotate(-4.5deg)}
.ph--a:hover{transform:rotate(1deg) translateY(-6px)} .ph--b:hover{transform:rotate(-2deg) translateY(-6px)}
.tape{position:absolute;left:50%;top:-14px;width:96px;height:28px;background:rgba(229,57,63,.8);transform:translateX(-50%) rotate(-4deg);mix-blend-mode:multiply}
.tape--r{background:rgba(217,207,184,.85);left:30%}
.shop__crown{position:absolute;right:62%;top:4%;width:56px;height:40px;color:var(--red-t);transform:rotate(-12deg)}
.shop__clip{position:absolute;right:-2%;bottom:-5%;width:32%;height:auto;transform:rotate(-8deg);filter:drop-shadow(0 12px 18px rgba(0,0,0,.6));z-index:3;transition:transform .5s}
.shop__pics:hover .shop__clip{transform:rotate(-8deg) translateX(-14px)}

/* CUTS */
.cuts{background:var(--cream);color:var(--ink);clip-path:polygon(0 var(--cut),100% 0,100% calc(100% - var(--cut)),0 100%);margin-block:calc(-1*var(--cut));padding-block:calc(var(--cut) + clamp(48px,6vw,96px))}
.cuts::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><filter id='p'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/><feColorMatrix values='0 0 0 0 .45  0 0 0 0 .38  0 0 0 0 .25  0 0 0 .55 -.1'/></filter><rect width='100%' height='100%' filter='url(%23p)'/></svg>")}

/* SERVICES */
.services{background:var(--ink);overflow:hidden;padding-top:calc(clamp(48px,6vw,96px) + var(--cut))}
.services__bg{position:absolute;right:0;top:0;height:100%;width:44%;object-fit:cover;filter:grayscale(1) contrast(1.25);opacity:.2;-webkit-mask-image:linear-gradient(90deg,transparent,#000 60%);mask-image:linear-gradient(90deg,transparent,#000 60%)}
.services__in{position:relative}
.svc li{border-top:1px solid rgba(239,230,210,.22);display:flex;align-items:baseline;justify-content:space-between;gap:20px;overflow:hidden}
.svc li:last-child{border-bottom:1px solid rgba(239,230,210,.22)}
.svc span{font-family:var(--f-big);text-transform:uppercase;font-size:clamp(46px,8vw,128px);line-height:1;padding:.05em 0;position:relative;transition:transform .45s cubic-bezier(.3,1.2,.4,1)}
.svc span::after{content:"";position:absolute;left:0;right:0;bottom:.1em;height:.06em;background:var(--red-t);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.7,0,.2,1)}
.svc em{font-family:var(--f-ui);font-style:normal;font-weight:600;letter-spacing:.14em;color:var(--red-t);font-size:15px}
.svc li:hover span,.svc li.is-in span{transform:translateX(clamp(6px,1.6vw,26px))}
.svc li:hover span::after,.svc li.is-in span::after{transform:scaleX(1)}
.svc__note{margin-top:22px;opacity:.9} .svc__note a{border-bottom:2px solid var(--red-t)}

/* REVIEWS */
.reviews{background:var(--red);clip-path:polygon(0 var(--cut),100% 0,100% 100%,0 100%);margin-top:calc(-1*var(--cut));padding-top:calc(var(--cut) + clamp(48px,6vw,96px));overflow:hidden}
.reviews__crown{position:absolute;right:6%;top:18%;width:min(34vw,380px);aspect-ratio:60/44;color:rgba(11,11,10,.16);transform:rotate(8deg)}
.qs{display:grid;grid-template-columns:1fr 1fr;gap:clamp(26px,4vw,64px) clamp(24px,5vw,80px);margin-top:clamp(18px,2.4vw,32px)}
.q p{font-family:var(--f-big);text-transform:uppercase;font-size:clamp(38px,5.2vw,86px);line-height:.94}
.q footer{margin-top:12px;font-family:var(--f-ui);font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:14px}
.q footer::before{content:"";display:inline-block;width:30px;height:2px;background:var(--cream);vertical-align:middle;margin-right:10px}
.q--3 p{color:var(--ink)}
.q--4 p{-webkit-text-stroke:2px var(--cream);color:transparent}
.rev__links{margin-top:clamp(28px,3.4vw,48px);display:flex;gap:30px;flex-wrap:wrap}
.rev__links a{border-bottom:2px solid var(--cream);padding-bottom:3px}

/* FIND */
.find{background:var(--ink);clip-path:polygon(0 0,100% var(--cut),100% 100%,0 100%);margin-top:calc(-1*var(--cut));padding-top:calc(var(--cut) + clamp(48px,6vw,96px))}
.find__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,70px);align-items:center}
.find__addr{font-family:var(--f-big);text-transform:uppercase;font-size:clamp(26px,3.3vw,52px);line-height:1;margin-top:clamp(16px,2vw,28px)}
.find__phone{font-family:var(--f-ui);font-size:clamp(26px,2.8vw,42px);font-weight:500;margin-top:10px} .find__phone a{border-bottom:3px solid var(--red-t)}
.find__btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.find__alt{margin-top:18px;display:flex;gap:18px;flex-wrap:wrap;align-items:center} .find__alt a{border-bottom:1px solid var(--cream)}
.mapfig{position:relative;border:1px solid rgba(239,230,210,.3);background:#10100e;aspect-ratio:600/460;overflow:hidden}
.mapfig svg{position:absolute;inset:0;width:100%;height:100%}
.pin__ring{transform-box:fill-box;transform-origin:center;animation:ping 2.4s infinite}
@keyframes ping{0%{transform:scale(.4);opacity:1}100%{transform:scale(1.7);opacity:0}}

/* FOOTER */
.foot{background:var(--ink2);padding-top:clamp(24px,4vw,56px);padding-bottom:calc(26px + env(safe-area-inset-bottom));position:relative;overflow:hidden}
.foot__clip{position:absolute;right:var(--pad);top:clamp(10px,2vw,30px);width:clamp(130px,14vw,220px);height:auto;transform:rotate(-8deg);opacity:.95;filter:drop-shadow(0 10px 16px rgba(0,0,0,.6));z-index:2}
.foot__mvp{display:block;width:min(calc(100% - 2*var(--pad)),115vh);margin-inline:auto;height:auto;overflow:visible}
.foot__row{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;margin-top:22px;line-height:1.5}
.foot__links{display:flex;gap:26px;align-items:flex-end} .foot__links a,.foot__row a{border-bottom:2px solid var(--red-t)}
.mbar{display:none}

/* reveal helpers */
.js [data-split]{clip-path:inset(0 0 100% 0)}
.js [data-split].is-in{clip-path:inset(0 0 -10% 0);transition:clip-path .9s cubic-bezier(.7,0,.2,1)}
.js .q,.js .kicker,.js .shop__pics .ph{opacity:0;transform:translateY(36px) rotate(.6deg)}
.js .q.is-in,.js .kicker.is-in{opacity:1;transform:none;transition:opacity .6s,transform .8s cubic-bezier(.2,.9,.2,1)}
.js .shop__pics.is-in .ph--a{opacity:1;transform:rotate(2.2deg);transition:opacity .6s,transform .9s cubic-bezier(.2,.9,.2,1)}
.js .shop__pics.is-in .ph--b{opacity:1;transform:rotate(-4.5deg);transition:opacity .6s .15s,transform .9s .15s cubic-bezier(.2,.9,.2,1)}

/* TABLET + MOBILE */
@media (max-width:1100px){
  .art__svc,.art__social,.art__hand,.art__real,.art__sign{display:none}
  .art__cta{right:var(--pad);bottom:8%}
}
@media (max-width:980px){
  :root{--nav-h:66px}
  .nav__links{position:fixed;inset:var(--nav-h) 0 auto 0;background:var(--ink);flex-direction:column;gap:0;padding:6px var(--pad) 22px;clip-path:inset(0 0 100% 0);transition:clip-path .4s cubic-bezier(.7,0,.2,1);font-size:30px;border-bottom:3px solid var(--red)}
  .nav__links.is-open{clip-path:inset(0 0 0 0)}
  .nav__links a{padding:14px 0;border-bottom:1px solid rgba(239,230,210,.15)}
  .nav__burger{display:block;margin-left:auto}
  .nav__phone span,.nav__cta{display:none}
  .nav__phone{margin-left:auto}
  .nav{padding-right:calc(var(--pad) + 22px)}
  .logo{width:118px;height:auto}
  .shop__grid,.find__grid{grid-template-columns:1fr}
  .qs{grid-template-columns:1fr}
}
@media (max-width:720px){
  body{font-size:17px;padding-bottom:64px}
  .pole{right:4px;width:14px;top:var(--nav-h);bottom:70px}
  .pole__ball{width:18px;height:18px}.pole__tube{width:12px}
  .hero{height:auto;min-height:0;display:block}
  .art{height:calc(100svh - 64px);min-height:600px}
  .art__type{width:100vw;height:56svh;top:calc(var(--nav-h) + 6px)}
  .art__owner{height:78%;bottom:-2%}
  .art__crown{left:70%;top:36%;width:44px;height:32px}
  .art__burst{display:none}
  .art__marker{left:5vw;top:46%;font-size:12.5vw}
  .art__swish{display:none}
  .art__left{top:calc(var(--nav-h) + 8px);gap:8px;left:var(--pad)} .art__left .art__tag,.art__left .rule,.art__left .art__crown2{display:none}
  .art__film{display:none}
  .stamp{left:auto;right:calc(var(--pad) + 22px);bottom:auto;top:calc(var(--nav-h) + 10px);width:84px}
  .stamp__ring{font-size:14.5px}
  .art__cta{left:var(--pad);right:calc(var(--pad) + 22px);bottom:14px;flex-direction:row;width:auto}
  .art__cta .btn{flex:1;padding-inline:8px;font-size:16px}
  .reg--br{display:none}
  .panels{grid-template-columns:1fr}
  .panel{min-height:200px;border-right:0;border-bottom:1px solid rgba(239,230,210,.18)}
  .shop__pics{height:112vw}
  .cuts__hint{display:none}
  .frame{width:66vw} .frame--b{margin-top:22px}
  .vtext{display:none}
  .mbar{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;left:0;right:0;bottom:0;z-index:120;background:var(--ink);border-top:3px solid var(--red);padding-bottom:env(safe-area-inset-bottom)}
  .mbar a{padding:16px 6px;text-align:center;font-family:var(--f-ui);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:15px;border-right:1px solid rgba(239,230,210,.2);min-height:52px}
  .mbar a:first-child{background:var(--red)} .mbar a:last-child{border-right:0}
  .foot{padding-bottom:calc(88px + env(safe-area-inset-bottom))}
  .foot__clip{display:none}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .pole__tube,.stamp svg{animation:none}
  .art__swish path{stroke-dashoffset:0}
  .js [data-split],.js .q,.js .kicker,.js .shop__pics .ph{clip-path:none;opacity:1;transform:none}
  .js .shop__pics .ph--a{transform:rotate(2.2deg)} .js .shop__pics .ph--b{transform:rotate(-4.5deg)}
}

/* mid-width desktop tuning */
.nav__links a,.nav__phone,.nav__cta{white-space:nowrap}
@media (max-width:1250px) and (min-width:981px){
  .nav{gap:18px}
  .nav__links{gap:18px;font-size:15px}
  .nav__phone{font-size:20px}
  .art__svc,.art__social{display:none}
}
@media (max-width:900px){.art__film{display:none}}

/* CUTS: link out to Instagram, photos only as background texture */
.cuts{overflow:hidden}
.cuts__bg{position:absolute;top:0;height:100%;width:30%;object-fit:cover;filter:grayscale(1) contrast(1.3);mix-blend-mode:multiply;opacity:.16;pointer-events:none}
.cuts__bg--a{right:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 45%);mask-image:linear-gradient(90deg,transparent,#000 45%)}
.cuts__bg--b{right:26%;opacity:.1;-webkit-mask-image:linear-gradient(90deg,transparent,#000 50%,transparent);mask-image:linear-gradient(90deg,transparent,#000 50%,transparent)}
.cuts__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,70px);align-items:center;position:relative;z-index:1}
.cuts__cta{display:flex;flex-direction:column;align-items:flex-start;gap:18px;position:relative;z-index:2}
.cuts__line{font-family:var(--f-big);text-transform:uppercase;font-size:clamp(30px,3.8vw,60px);line-height:1}
.cuts__handle{opacity:.7}
.cuts__clip{position:absolute;left:37%;top:-10%;width:clamp(180px,20vw,320px);height:auto;transform:rotate(-14deg);filter:drop-shadow(0 18px 18px rgba(0,0,0,.4));animation:float 4s ease-in-out infinite alternate;z-index:3;pointer-events:none}
@keyframes float{to{transform:rotate(-9deg) translateY(10px)}}
@media (max-width:980px){.cuts__grid{grid-template-columns:1fr}.cuts__clip{left:auto;right:4%;top:0;width:44vw}.cuts__bg{width:50%}}

/* =====================================================================
   POLISH PASS: clipper-teeth dividers, ribbons, collage backgrounds
   ===================================================================== */
:root{--teeth:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='12'><path d='M0 0H16V3H15L13 12H3L1 3H0Z'/></svg>")}
.sec .wrap{z-index:2}

/* sections: drop the slants, use blade teeth hanging from the section above */
.cuts,.reviews,.find{clip-path:none;margin-block:0}
.shop,.cuts,.services,.reviews,.find{padding-block:clamp(60px,6.6vw,108px)}
.sec{--prev:#0b0b0a}
.shop{--prev:#0b0b0a}
.cuts{--prev:#131311}
.services{--prev:#efe6d2}
.reviews{--prev:#0b0b0a}
.find{--prev:#b3171d}
.sec::after{content:"";position:absolute;left:0;right:0;top:0;height:12px;background:var(--prev);-webkit-mask:var(--teeth) repeat-x 0 0/16px 12px;mask:var(--teeth) repeat-x 0 0/16px 12px;z-index:5;pointer-events:none}
.foot::before{content:"";position:absolute;left:0;right:0;top:0;height:12px;background:#0b0b0a;-webkit-mask:var(--teeth) repeat-x 0 0/16px 12px;mask:var(--teeth) repeat-x 0 0/16px 12px;z-index:5}
.foot{padding-top:clamp(36px,5vw,70px)}

/* progress: a strip of clipper teeth that grows as you scroll */
.progress{position:absolute;left:0;bottom:-8px;height:12px;width:calc(var(--prog,0) * 100%);background:var(--red-t);-webkit-mask:var(--teeth) repeat-x 0 0/16px 12px;mask:var(--teeth) repeat-x 0 0/16px 12px;pointer-events:none;opacity:.95}
.nav__logo .logo{transition:transform .4s cubic-bezier(.3,1.6,.5,1)}
.nav__logo:hover .logo{transform:rotate(-3deg) scale(1.05)}

/* ribbons (marquee tape) */
.ribbon{position:relative;z-index:8;overflow:hidden;white-space:nowrap;width:104vw;margin:-22px -2vw 0;padding:11px 0 9px;transform:rotate(-1.2deg)}
.ribbon--red{background:var(--red);color:var(--cream);border-block:2px solid #0b0b0a;box-shadow:0 12px 26px rgba(0,0,0,.55)}
.ribbon--cream{background:var(--cream);color:var(--ink);border-block:2px solid #0b0b0a;transform:rotate(1deg);margin-block:-22px -26px;box-shadow:0 12px 26px rgba(0,0,0,.45)}
.ribbon__track{display:inline-flex;animation:ribbon 46s linear infinite;will-change:transform}
.ribbon:hover .ribbon__track{animation-play-state:paused}
.ribbon__set{display:inline-flex;align-items:center;gap:30px;padding-right:30px;font-family:var(--f-big);font-size:clamp(20px,2.1vw,32px);letter-spacing:.07em;text-transform:uppercase;line-height:1}
.ribbon__set svg{height:1.25em;width:auto;flex:none;opacity:.9}
@keyframes ribbon{to{transform:translateX(-50%)}}

/* cut line: scissors run along a dashed line and cut it open */
.cutline{position:relative;height:34px;margin-bottom:6px}
.cutline::before{content:"";position:absolute;left:var(--pad);right:var(--pad);top:50%;border-top:2px dashed rgba(239,230,210,.38);clip-path:inset(0 100% 0 0)}
.cutline__s{position:absolute;left:var(--pad);top:2px;width:22px;height:30px;color:var(--red-t);transform:rotate(90deg);opacity:0}
.cutline.is-in::before{clip-path:inset(0 0 0 0);transition:clip-path 1.5s cubic-bezier(.5,0,.3,1)}
.cutline.is-in .cutline__s{animation:cutrun 1.5s cubic-bezier(.5,0,.3,1) forwards}
@keyframes cutrun{0%{left:var(--pad);opacity:1}92%{opacity:1}100%{left:calc(100% - var(--pad) - 22px);opacity:0}}

/* service icons */
.svc__ico{width:40px;height:54px;color:var(--cream);opacity:.26;margin-left:auto;margin-right:clamp(8px,2vw,28px);align-self:center;flex:none;transition:transform .5s cubic-bezier(.3,1.5,.5,1),opacity .3s,color .3s}
.svc__ico--w{width:clamp(70px,8vw,120px);height:34px}
.svc li.is-in .svc__ico{opacity:.5}
.svc li:hover .svc__ico{opacity:1;color:var(--red-t);transform:rotate(-10deg) scale(1.08)}

/* ornament row in the footer */
.ornaments{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:22px var(--pad) 4px;max-width:1600px;margin:0 auto;color:var(--cream)}
.ornaments svg{height:30px;width:auto;opacity:.38;flex:none}
.ornaments i{width:6px;height:6px;border-radius:50%;background:var(--red-t);flex:none;opacity:.8}

/* ===== collage layer ===== */
.collage{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.art .collage{z-index:3}
.cg{position:absolute;display:block}
.cg svg{display:block;width:100%;height:auto}
.cg--ht{overflow:hidden;filter:grayscale(1) contrast(1.55) brightness(.9)}
.cg--ht img{width:100%;height:100%;object-fit:cover}
.cg--ht::after{content:"";position:absolute;inset:0;background:radial-gradient(circle,#000 0 1.2px,transparent 1.7px) 0 0/5px 5px;mix-blend-mode:multiply;opacity:.6}
.cg--paper{background-color:#e4d9bf;box-shadow:0 10px 24px rgba(0,0,0,.3);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='260' height='260'><filter id='p'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/><feColorMatrix values='0 0 0 0 .45  0 0 0 0 .38  0 0 0 0 .25  0 0 0 .5 -.1'/></filter><rect width='100%' height='100%' filter='url(%23p)'/></svg>")}
.cg--kraft{background-color:#cdbd9a}
.cg--ink{background-color:#1d1c19;background-image:none;box-shadow:0 10px 24px rgba(0,0,0,.45)}
.cg--red{background-color:#8f1217;background-image:none}
.cg--tape{height:26px;background:rgba(229,57,63,.7);mix-blend-mode:multiply}
.cg--tape.cg--creamtape{background:rgba(217,207,184,.85)}
.mapfig::before,.mapfig::after{content:"";position:absolute;z-index:3;width:90px;height:26px;background:rgba(217,207,184,.8);mix-blend-mode:screen;opacity:.55}
.mapfig::before{left:-22px;top:14px;transform:rotate(-38deg)}
.mapfig::after{right:-22px;bottom:14px;transform:rotate(-38deg)}

@media (max-width:720px){
  .ribbon{margin-top:-14px;padding:9px 0 7px}
  .svc__ico{width:28px;height:38px;margin-right:6px}.svc__ico--w{width:64px}
  .ornaments svg{height:22px}
  .ornaments .o-hide{display:none}
}
@media (prefers-reduced-motion:reduce){
  .ribbon__track{animation:none}
  .cutline::before{clip-path:none}.cutline__s{display:none}
}
.cuts__clip{left:auto;right:4%;top:auto;bottom:-7%;width:clamp(180px,19vw,290px);transform:rotate(-20deg)}
@keyframes float{to{transform:rotate(-15deg) translateY(-8px)}}
@media (max-width:980px){.cuts__clip{right:3%;bottom:-3%;width:40vw}}
/* collage photos fade into the page instead of sitting as hard rectangles */
.cg--ht{-webkit-mask-image:radial-gradient(ellipse at center,#000 35%,transparent 78%);mask-image:radial-gradient(ellipse at center,#000 35%,transparent 78%)}

/* ===== pass 3: logo fits the nav, clipper placed so its cropped end is hidden ===== */
.nav__logo{display:block;line-height:0}
.logo{width:clamp(100px,8.2vw,122px);height:auto}
.logo--lg{width:min(340px,70vw)}

/* loader: clipper rises from the bottom edge of the screen while it shaves */
.loader__clipwrap{top:auto;bottom:-34px;transform:translateX(calc(100vw - var(--p)*1vw - 14px))}

.shop{overflow:hidden}
.shop__clip{right:-1%;bottom:calc(-1 * clamp(80px,8vw,125px) - 36px);width:30%;transform:rotate(5deg)}
.shop__pics:hover .shop__clip{transform:rotate(2deg) translateX(-10px)}

.cuts__clip{left:auto;right:5%;top:auto;bottom:0;width:clamp(190px,20vw,300px);transform:translateY(44%);animation:none}
@media (max-width:980px){.cuts__clip{right:3%;bottom:0;width:42vw}}

.foot__clip{left:50%;right:auto;top:auto;bottom:0;margin-left:calc(-1 * clamp(70px,7vw,110px));width:clamp(140px,14vw,220px);transform:translateY(46%)}