@font-face{font-family:'Archivo Black';src:url('/acomply-websites/assets/fade-archivo-black.woff2') format('woff2');font-style:normal;font-weight:400;font-display:block}
@font-face{font-family:'Barlow Condensed';src:url('/acomply-websites/assets/fade-barlow-condensed-500.woff2') format('woff2');font-style:normal;font-weight:500;font-display:block}
@font-face{font-family:'Barlow Condensed';src:url('/acomply-websites/assets/fade-barlow-condensed-600.woff2') format('woff2');font-style:normal;font-weight:600;font-display:block}
@font-face{font-family:'Permanent Marker';src:url('/acomply-websites/assets/fade-permanent-marker.woff2') format('woff2');font-style:normal;font-weight:400;font-display:block}
:root{--paper:#e9e1d2;--red:#b80d1b;--black:#101010}*{box-sizing:border-box}body{margin:0;background:var(--black);color:var(--paper);font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid var(--paper);outline-offset:7px}button{color:inherit}a{color:inherit;text-decoration:none}.fade-page{overflow:hidden}.hero{position:relative;isolation:isolate;width:100%;min-height:820px;height:100svh;margin:0;background:linear-gradient(#101010cf,#101010cf),#101010 url('/acomply-websites/assets/fine-plaster-v3.webp') center/cover;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(135deg,#0000,#0003)}.masthead{position:absolute;left:5%;right:5%;top:4.8%;display:flex;justify-content:space-between;font-size:13px;line-height:1.35;z-index:5}.masthead>span:nth-child(2){padding-top:9px}.location{white-space:pre-line}.wordmark{position:absolute;z-index:1;top:12.2%;left:4.5%;width:91%;margin:0;font-family:'Archivo Black',Arial Black,Arial,sans-serif;font-weight:900;font-size:31vw;line-height:1;letter-spacing:-.065em;transform:scaleY(.9);transform-origin:top center;text-align:center}.barber{position:absolute;z-index:3;bottom:-21%;left:19%;width:64%;height:102%;object-fit:contain;object-position:center bottom;filter:brightness(.82) contrast(1.08);pointer-events:none}.slogan{position:absolute;z-index:4;top:32%;left:6%;color:var(--red);font-family:'Permanent Marker',cursive;font-size:clamp(45px,5.6vw,90px);line-height:.96;transform:rotate(-12deg);letter-spacing:-.05em}.slogan span{display:block}.slogan span:nth-child(2){margin-left:65px}.slogan svg{width:260px;height:65px;margin-left:65px;display:block;margin-top:-5px}.left-note{position:absolute;z-index:5;left:5%;top:58%;width:18%;font-size:13px;line-height:1.5}.left-note p{margin:0 0 0 24px}.crosshair{position:absolute;left:-7px;top:-6px;color:#777;font-size:20px}.small-dash{display:block;color:#777;margin:0 0 15px 24px}.work-strip{position:relative;border:0;padding:0;background:var(--paper);cursor:pointer;width:100%;display:block;height:76px}.work-strip img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.8)}.red-cross{position:absolute;right:-24px;bottom:-40px;font-size:90px;line-height:1;font-weight:200;color:var(--red);transform:rotate(-12deg)}.walkin{width:120px;height:120px;border:1px solid #777;border-radius:50%;margin-top:22px;padding:18px 15px;position:relative;font-size:12px;line-height:1.2;text-align:center}.walkin svg{width:100px;margin-top:5px;stroke:var(--paper);stroke-width:1.1}.walkin:after{content:"";position:absolute;width:115px;height:2px;background:var(--red);bottom:7px;left:12px;transform:rotate(-13deg)}.barcode{margin-top:16px;width:95px;height:28px;background:repeating-linear-gradient(90deg,var(--paper) 0 1px,transparent 1px 3px,var(--paper) 3px 5px,transparent 5px 6px,var(--paper) 6px 7px,transparent 7px 11px)}.serial{font-size:9px;display:block;margin-left:11px;margin-top:3px}.right-note{position:absolute;z-index:5;right:5%;top:53.5%;width:17%;font-size:13px}.service-list h2{font-size:13px;font-weight:400;color:#df5d59;margin:0 0 18px}.service-list button{display:block;background:none;border:0;padding:0;margin:0 0 6px;text-transform:uppercase;cursor:pointer;text-align:left;font-size:13px}.service-list button:hover{color:#df5d59;transform:translateX(4px)}.red-dash{display:block;width:24px;height:2px;background:var(--red);margin-top:11px}.book{position:relative;display:flex;border:1px solid #64615b;align-items:center;margin-top:42px;height:46px;white-space:nowrap;font-size:12px;transition:background .2s}.book>span:first-of-type{padding:0 15px;flex:1}.arrow{border-left:1px solid #64615b;height:100%;width:48px;display:flex;align-items:center;justify-content:center;font-size:30px}.book:hover{background:var(--red)}.book:after{content:"";position:absolute;left:18px;bottom:5px;width:105px;height:2px;background:var(--red);transform:rotate(-3deg)}.book-star{position:absolute;width:56px;height:56px;left:-30px;top:-28px;color:var(--red)}.hours{margin-top:45px;display:flex;flex-direction:column;gap:10px}.hours>span{color:#df5d59;font-size:12px}.hours strong{font-family:'Barlow Condensed',sans-serif;font-size:30px;font-weight:500;letter-spacing:1px;white-space:nowrap}.hours small{font-size:9px}.bottom-cross{display:block;color:#777;font-size:28px;margin-top:16px;text-align:right}.ruler{position:absolute;right:3%;top:25%;height:95px;width:10px;background:repeating-linear-gradient(0deg,#666 0 1px,transparent 1px 7px);opacity:.5}.hero-footer{position:absolute;bottom:16px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#888;z-index:6}.modal-backdrop{position:fixed;inset:0;background:#000b;backdrop-filter:blur(10px);z-index:20;display:grid;place-items:center;padding:24px}.modal{position:relative;width:min(620px,100%);border:1px solid #555;background:#141414;padding:48px}.close{position:absolute;top:10px;right:16px;background:none;border:0;font-size:32px;cursor:pointer}.eyebrow{font-size:11px;color:#df5d59;letter-spacing:2px}.modal h2{font-family:'Archivo Black',sans-serif;font-size:42px;text-transform:uppercase;margin:20px 0}.modal p{line-height:1.7;color:#bcb6aa}.modal img{width:100%}.modal-book{display:block;margin-top:30px;border-top:1px solid #555;padding-top:20px;font-size:13px}@media(min-aspect-ratio:17/10){.wordmark{font-size:29.2vw;transform:scaleY(.8);top:7%}.hero{min-height:850px}.slogan{top:30%}.left-note{top:57%}.right-note{top:53%}}@media(max-width:1100px) and (min-width:701px){.hero{min-height:800px}.barber{width:65%;left:19%;height:82%}.wordmark{top:14%}.slogan{top:31%}.left-note{top:56%;width:19%}.right-note{top:51%;width:20%}.book>span:first-of-type{padding:0 8px}.hours strong{font-size:25px}.hours{margin-top:50px}}@media(max-width:700px){.hero{height:auto;min-height:1040px}.masthead{top:25px;font-size:10px;left:6%;right:6%}.masthead>span:nth-child(2){font-size:10px}.wordmark{font-size:30vw;top:110px;left:2%;width:96%;letter-spacing:-.075em;transform:scaleY(1.35)}.slogan{top:238px;left:7%;font-size:45px}.slogan span:nth-child(2){margin-left:20px}.slogan svg{width:135px;height:35px;margin-left:20px}.barber{top:205px;bottom:auto;left:10%;width:90%;height:520px;object-position:center bottom}.left-note{top:690px;left:6%;width:38%;font-size:11px}.left-note p{margin-left:0}.crosshair,.small-dash{display:none}.work-strip{margin-top:20px;height:62px}.walkin{width:105px;height:105px;padding:16px 12px;font-size:10px;margin-top:24px}.walkin svg{width:80px}.barcode{display:none}.serial{margin-top:18px}.right-note{right:6%;top:690px;width:41%}.service-list h2{margin-bottom:12px;font-size:11px}.service-list button{font-size:12px;margin-bottom:5px}.book{margin-top:24px;font-size:10px;height:45px}.book>span:first-of-type{padding:0 8px}.arrow{width:35px}.book-star{width:40px;height:40px;left:-20px;top:-20px}.hours{margin-top:25px;gap:7px}.hours strong{font-size:24px}.bottom-cross,.ruler{display:none}.hero-footer{font-size:6px;bottom:15px;letter-spacing:.8px}.modal{padding:35px 24px}.modal h2{font-size:30px}}.wordmark{overflow:visible;white-space:nowrap}.letter{display:inline-block}.slogan-ink [data-ink-draw-path]{stroke-dasharray:1}

/* Static word masks keep independent characters inside the heading line. */
.motion-heading-word{display:inline-block;white-space:nowrap;vertical-align:top;overflow:clip;overflow-clip-margin:.16em}
.scene-letter,.letter{transform-origin:50% 100%}

@media(max-width:700px){.hero{background-size:auto 100%;min-height:1040px}.barber{top:195px;bottom:auto;left:7%;width:96%;height:530px}.wordmark{top:112px;font-size:30vw;transform:scaleY(1.2)}.slogan{top:245px}.hours{margin-top:25px}}

/* Original's ink marks: irregular tapered silhouettes, no typographic substitute. */
.slogan .slogan-ink{width:260px;height:78px;margin-top:-6px;margin-left:65px;overflow:visible}
.red-cross{width:67px;height:67px;right:-24px;bottom:-32px;transform:none}
.walkin:after,.book:after{display:none}
.walkin>svg:not(.badge-underline){width:97px;height:47px;margin-left:-6px;margin-top:7px}
.walkin .badge-underline{position:absolute;left:13px;bottom:-9px;width:126px;height:27px;transform:rotate(-10deg);margin:0;color:var(--red);stroke:none}
.book-underline{position:absolute;bottom:-12px;left:13px;width:145px;height:29px;color:var(--red);pointer-events:none}
.book-star{width:49px;height:49px;left:-25px;top:-25px;transform:rotate(-6deg)}
.hours strong{font-size:clamp(22px,1.8vw,30px);letter-spacing:0}
.walkin{font-size:10px;line-height:1.25;padding-top:19px}
@media(max-width:700px){.slogan{font-size:42px}.slogan .slogan-ink{width:160px;height:45px;margin-left:20px;margin-top:-2px}.red-cross{width:44px;height:44px;right:-16px;bottom:-22px}.walkin{font-size:9px;padding:15px 8px}.walkin>svg:not(.badge-underline){width:82px;height:37px;margin-left:0;margin-top:5px}.walkin .badge-underline{width:109px;height:24px;left:7px;bottom:-10px}.book-star{width:35px;height:35px;left:-18px;top:-18px}.book-underline{width:104px;left:8px;bottom:-10px;height:24px}.hours strong{font-size:19px;letter-spacing:0}}


/* Keep the sidebar artifacts above a dedicated footer band. */
.hero-footer{bottom:max(21px,env(safe-area-inset-bottom));align-items:flex-end;gap:24px;line-height:1.5;pointer-events:none}
.hero-footer>span:last-child{text-align:right}
.barcode-lockup{width:104px;margin-top:17px;display:flex;flex-direction:column;align-items:center;gap:5px}
.barcode-lockup .barcode{display:block;width:104px;height:31px;margin:0;background:none;overflow:visible}
.barcode-lockup .serial{display:block;margin:0;line-height:12px;letter-spacing:1.3px;white-space:nowrap;font-variant-numeric:tabular-nums}
@media(min-width:701px){
  .left-note{top:auto;bottom:69px}
  .left-note p{font-size:12px;line-height:1.35}
  .small-dash{line-height:17px;margin-bottom:9px}
  .work-strip{height:68px}
  .walkin{margin-top:20px}
  .right-note{top:auto;bottom:69px;padding-bottom:35px}
  .right-note .bottom-cross{position:absolute;right:0;bottom:0;margin:0;width:28px;height:28px;line-height:28px;text-align:center;pointer-events:none}
  .hours{margin-top:32px;gap:8px}
}
@media(min-width:701px) and (max-height:900px){
  .left-note{bottom:65px}
  .walkin{width:110px;height:110px;margin-top:17px;padding-top:16px}
  .barcode-lockup{margin-top:14px}
  .right-note{bottom:65px;padding-bottom:30px}
  .book{margin-top:32px}
  .hours{margin-top:29px}
}
@media(max-width:1100px) and (min-width:701px){
  .hero-footer{font-size:7px;letter-spacing:1px}
  .left-note p{font-size:11px}
  .right-note .bottom-cross{font-size:23px}
  .hours{margin-top:28px}
}
@media(max-width:700px){
  .barcode-lockup{width:97px;margin-top:19px;gap:4px}
  .barcode-lockup .barcode{display:block;width:97px;height:27px}
  .barcode-lockup .serial{font-size:8px;line-height:11px;letter-spacing:1px}
  .hero-footer{left:6%;right:6%;bottom:max(16px,env(safe-area-inset-bottom));font-size:6px;letter-spacing:.55px;gap:15px}
  .hero-footer>span{max-width:48%}
}
@media(max-width:700px){.hero{min-height:1160px}}