body{min-width:320px;min-height:100vh;margin:0}img{max-width:100%;display:block}::selection{color:#111;background:#d6ad60}:root{color:#f5f1e8;--gold:#d6ad60;--muted:#aaa69e;background:#090909;font-family:Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{background:#090909;min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}img{width:100%;display:block}.site{color:#f5f1e8;background:#090909;transition:background .25s,color .25s;overflow:hidden}.topbar{text-align:center;background:var(--gold);color:#111;letter-spacing:2px;padding:10px;font-size:10px;font-weight:800}.header{z-index:5;background:#0b0b0b;border-bottom:1px solid #302b21;justify-content:space-between;align-items:center;gap:18px;min-height:82px;padding:18px 5%;display:flex;position:relative}.brand{letter-spacing:1.5px;white-space:nowrap;align-items:center;gap:10px;font-size:13px;display:flex}.brand b{color:var(--gold)}.brand-mark{border:1px solid var(--gold);width:42px;height:42px;color:var(--gold);place-items:center;font:italic 30px Georgia,serif;display:grid}.nav{align-items:center;gap:22px;display:flex}.nav>a:not(.nav-cta){color:#ddd7cc;font-size:12px}.nav>a:hover{color:var(--gold)}.nav-cta{background:var(--gold);color:#111;padding:14px 17px;font-size:11px;font-weight:800}.menu-toggle{color:var(--gold);background:0 0;border:1px solid #6b5732;padding:9px 12px;display:none}.theme-toggle{border:1px solid var(--gold);color:var(--gold);white-space:nowrap;background:0 0;flex-shrink:0;padding:12px 14px;font-size:11px;font-weight:700}.theme-toggle:hover{background:var(--gold);color:#111}.hero{background:#17130e url(https://crossroadclippers.com/assets/images/crossroad1.jpeg) 50% 40%/cover no-repeat;align-items:center;min-height:760px;padding:90px 8%;display:flex;position:relative}.hero-shade{background:linear-gradient(90deg,#050505e0 0%,#05050599 40%,#0505051f 100%);position:absolute;inset:0}.hero-content{max-width:650px;position:relative}.eyebrow{color:var(--gold);letter-spacing:2px;font-size:10px;font-weight:800;line-height:1.8}.hero h1,.section h2,.closing h2{letter-spacing:-1.5px;font:500 clamp(38px,5.5vw,68px)/1.1 Georgia,serif}h1 em,h2 em{color:var(--gold);font-weight:400}.hero-description{color:#d0c9bd;max-width:460px;font-size:14px;line-height:1.9}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.button{letter-spacing:1px;text-align:center;border:1px solid #0000;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:16px 20px;font-size:10px;font-weight:800;display:inline-flex}.button-gold{background:var(--gold);color:#111}.button-gold:hover{background:#f0cb80}.button-outline{color:#fff;border-color:#aaa08e}.button-outline:hover{border-color:var(--gold);color:var(--gold)}.hero-note{color:#c5bcae;letter-spacing:1px;margin-top:35px;font-size:9px;line-height:2}.hero-caption{color:var(--gold);letter-spacing:1.5px;font-size:9px;position:absolute;bottom:20px;right:5%}.trust-strip{background:#13120f;border-top:1px solid #4b3d24;border-bottom:1px solid #4b3d24;flex-wrap:wrap;justify-content:space-around;gap:20px;padding:24px 5%;display:flex}.trust-strip div{letter-spacing:1px;font-size:10px}.trust-strip div:first-letter{color:var(--gold)}.section{padding:85px 8%}.about{grid-template-columns:1fr 1fr;align-items:center;gap:8%;display:grid}.about-image{min-width:0;position:relative}.about-image>img{object-fit:cover;object-position:center;height:420px}.image-label{background:var(--gold);color:#111;letter-spacing:1px;flex-direction:column;gap:5px;padding:18px 22px;font-size:9px;display:flex;position:absolute;bottom:20px;right:-15px}.image-label b{font:700 25px Georgia,serif}.about-copy>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:2}.about-copy h2{font-size:clamp(35px,4vw,52px)}.text-link{color:var(--gold);letter-spacing:1px;border-bottom:1px solid #6b5732;margin-top:20px;padding-bottom:12px;font-size:10px;font-weight:800;display:inline-block}.haircuts-section{background:#11110f}.section-heading{text-align:center;max-width:650px;margin:0 auto 40px}.section-heading h2{font-size:clamp(34px,4.5vw,53px)}.section-heading>p:last-child{color:var(--muted);font-size:12px;line-height:1.9}.haircut-filters{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:35px;display:flex}.haircut-filter{color:#e0d8ca;background:#171714;border:1px solid #48402f;padding:11px 15px;font-size:11px;transition:all .2s}.haircut-filter:hover,.haircut-filter.active{border-color:var(--gold);background:var(--gold);color:#111}.haircut-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.haircut-card{background:#191815;border:1px solid #39342a;min-width:0;transition:border-color .2s,transform .2s;overflow:hidden}.haircut-card:hover,.haircut-card.selected{border-color:var(--gold);transform:translateY(-3px)}.haircut-photo{background:#111;height:320px;position:relative;overflow:hidden}.haircut-card img{object-fit:contain;object-position:center;background:#111;width:100%;height:100%;transition:transform .25s}.haircut-card:hover .haircut-photo img{transform:scale(1.02)}.haircut-category{color:var(--gold);background:#080808e6;border:1px solid #65512f;padding:7px 10px;font-size:9px;position:absolute;top:12px;left:12px}.haircut-info{padding:19px}.haircut-info h3{color:#f5f1e8;margin:0 0 10px;font:400 22px Georgia,serif}.haircut-info>p{min-height:44px;color:var(--muted);font-size:12px;line-height:1.8}.haircut-bottom{border-top:1px solid #39342a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding-top:16px;display:flex}.haircut-price{color:var(--gold);font:22px Georgia,serif}.book-style-button{border:1px solid var(--gold);background:var(--gold);color:#111;padding:11px 12px;font-size:9px;font-weight:800}.book-style-button:hover{background:#f0cb80}.haircut-card.selected .book-style-button{color:var(--gold);background:#191815}.price-note{color:#969084;text-align:center;margin-top:30px;font-size:10px;line-height:1.8}.booking{background:#151410;grid-template-columns:.9fr 1.1fr;align-items:start;gap:7%;display:grid}.booking-copy{padding-top:25px}.booking-copy>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:2}.selected-cut-summary{background:#1b1913;border:1px solid #6b5732;margin-top:28px;padding:22px}.selected-cut-summary>span{color:var(--gold);letter-spacing:1.5px;font-size:10px}.selected-cut-summary h3{font:400 24px Georgia,serif}.selected-cut-summary strong,.chosen-price strong{color:var(--gold)}.booking-form{background:#0c0c0b;border:1px solid #39342a;padding:30px}.booking-form h3{margin-top:0;font:400 24px Georgia,serif}.form-intro{color:var(--muted);margin-bottom:25px;font-size:11px;line-height:1.8}.booking-form label{color:#e2dacc;flex-direction:column;gap:9px;margin-bottom:18px;font-size:11px;display:flex}.booking-form input,.booking-form select{color:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#191815;border:1px solid #48402f;border-radius:0;width:100%;min-height:46px;padding:12px}.booking-form input:focus,.booking-form select:focus{outline:1px solid var(--gold)}.form-row{grid-template-columns:1fr 1fr;gap:15px;display:grid}.chosen-price{color:#d6cdbd;margin:0 0 20px;font-size:12px}.submit-button{border:0;width:100%}.form-disclaimer{color:#928a7d;margin-top:17px;font-size:10px;line-height:1.8}.closing{text-align:center;background:#0d0c09;border-top:1px solid #443722;padding:75px 20px}.closing h2{font-size:clamp(30px,4vw,48px)}.closing .button{margin-top:15px}.footer{background:#080808;padding:40px 8% 20px}.footer>p{color:var(--muted);font-size:12px}.back-top{color:var(--gold);margin-top:15px;font-size:10px;display:inline-block}.footer-bottom{color:#969084;letter-spacing:1px;border-top:1px solid #39342a;justify-content:space-between;gap:15px;margin-top:28px;padding-top:20px;font-size:9px;display:flex}.site.theme-light{color:#211e19;--muted:#6e675d;background:#f7f4ed}.site.theme-light .header,.site.theme-light .footer,.site.theme-light .booking-form,.site.theme-light .closing{color:#211e19;background:#fff}.site.theme-light .haircuts-section,.site.theme-light .booking,.site.theme-light .trust-strip{color:#211e19;background:#eee8dc}.site.theme-light .haircut-card{background:#fff;border-color:#d8cbb4}.site.theme-light .haircut-info h3,.site.theme-light .booking-form h3,.site.theme-light .selected-cut-summary h3{color:#211e19}.site.theme-light .haircut-info>p,.site.theme-light .section-heading>p:last-child,.site.theme-light .about-copy>p:not(.eyebrow),.site.theme-light .booking-copy>p:not(.eyebrow),.site.theme-light .footer>p,.site.theme-light .form-intro,.site.theme-light .form-disclaimer{color:#6e675d}.site.theme-light .nav>a:not(.nav-cta),.site.theme-light .booking-form label{color:#211e19}.site.theme-light .booking-form input,.site.theme-light .booking-form select{color:#211e19;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border-color:#d8cbb4}.site.theme-light .selected-cut-summary{color:#211e19;background:#eee8dc;border-color:#d8cbb4}.site.theme-light .footer-bottom{color:#6e675d;border-color:#d8cbb4}.site.theme-light .haircut-card.selected .book-style-button{color:#8d6826;background:#fff}.site.theme-light .haircut-filter{color:#211e19;background:#fff;border-color:#d8cbb4}.site.theme-light .haircut-filter.active{background:var(--gold);color:#111;border-color:var(--gold)}.site.theme-light .hero-shade{background:linear-gradient(90deg,#050505d1 0%,#0505057a 45%,#05050514 100%)}.site.theme-light .hero-description,.site.theme-light .hero-note{color:#fff}@media (width>=1400px){.hero{background-position:50% 38%;min-height:820px;padding-left:10%}.haircut-photo{height:360px}}@media (width<=1100px){.header{gap:12px;padding-left:4%;padding-right:4%}.nav{gap:12px}.nav>a:not(.nav-cta){font-size:11px}.theme-toggle{padding:10px}}@media (width<=950px){.header{flex-wrap:wrap}.haircut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-toggle{margin-left:auto}}@media (width<=700px){.topbar{letter-spacing:1px;font-size:8px}.header{min-height:72px}.brand{font-size:10px}.brand-mark{width:36px;height:36px;font-size:24px}.menu-toggle{color:var(--gold);background:0 0;border:1px solid #6b5732;padding:9px 12px;display:block}.nav{background:#0b0b0b;border-bottom:1px solid #493b25;flex-direction:column;align-items:stretch;gap:0;padding:20px 6%;display:none;position:absolute;top:100%;left:0;right:0}.nav.nav-open{display:flex}.nav>a:not(.nav-cta){border-bottom:1px solid #302b21;padding:15px 0}.nav-cta{text-align:center;margin-top:15px}.theme-toggle{width:100%;margin:12px 0 0}.hero{background-position:60%;min-height:560px;padding:70px 6%}.hero-shade{background:linear-gradient(90deg,#050505eb,#0505059e)}.hero h1{font-size:clamp(40px,10vw,60px)}.hero-actions{flex-direction:column;align-items:stretch;max-width:280px}.hero-caption{font-size:8px}.trust-strip{flex-direction:column;align-items:center}.section{padding:60px 6%}.about,.booking{grid-template-columns:1fr;gap:35px}.about-image>img{height:330px}.haircut-grid{grid-template-columns:1fr}.haircut-photo{height:320px}.haircut-info{padding:17px}.booking-copy{padding-top:0}.booking-form{padding:22px 17px}.form-row{grid-template-columns:1fr;gap:0}.footer-bottom{flex-direction:column;line-height:1.8}}.location-section{background:var(--section-bg,#101010);color:var(--text-color,#f5f5f5);padding:90px 6%}.location-heading{text-align:center;max-width:720px;margin:0 auto 40px}.location-eyebrow{color:#d4af37;letter-spacing:3px;font-size:12px;font-weight:700}.location-heading h2{margin:12px 0;font-size:clamp(30px,5vw,46px)}.location-heading h2 span{color:#d4af37}.location-heading>p:last-child{opacity:.8;line-height:1.7}.location-layout{grid-template-columns:minmax(0,1.3fr) minmax(280px,.8fr);align-items:stretch;gap:30px;max-width:1200px;margin:0 auto;display:grid}.location-map{background:#222;border:1px solid #d4af37;border-radius:14px;min-height:450px;overflow:hidden}.location-map iframe{min-height:450px;display:block}.location-details{background:#80808012;border:1px solid #d4af3766;border-radius:14px;padding:28px}.location-pin{font-size:32px}.location-details h3{margin:12px 0}.location-details p{overflow-wrap:anywhere;line-height:1.7}.location-button{box-sizing:border-box;color:#111;text-align:center;cursor:pointer;background:#d4af37;border:1px solid #d4af37;border-radius:7px;justify-content:center;align-items:center;width:100%;margin:12px 0;padding:13px 18px;font-family:inherit;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.location-button:hover{color:#d4af37;background:0 0}.customer-location{border-top:1px solid #d4af374d;margin-top:30px;padding-top:20px}.customer-location label{margin:18px 0 8px;font-size:13px;display:block}.customer-location input{box-sizing:border-box;width:100%;color:inherit;font:inherit;background:#8080801a;border:1px solid #777;border-radius:7px;padding:13px;display:block}.customer-location input:focus{outline-offset:2px;outline:2px solid #d4af37}.location-status{color:#d4af37;font-size:13px}.location-privacy{opacity:.7;font-size:12px}.site.theme-light .location-section{color:#222;background:#f7f4ec}.site.theme-light .location-details{background:#fff}.site.theme-light .customer-location input{color:#222;background:#fff;border-color:#bbb}@media (width<=800px){.location-section{padding:60px 5%}.location-layout{grid-template-columns:1fr}.location-map,.location-map iframe{min-height:330px}.location-details{padding:22px}}@keyframes smoothRise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes smoothFade{0%{opacity:0}to{opacity:1}}.animate-on-load{opacity:0;animation:1s cubic-bezier(.22,1,.36,1) forwards smoothRise}.animate-delay-1{animation-delay:.2s}.animate-delay-2{animation-delay:.45s}.animate-delay-3{animation-delay:.7s}.animate-delay-4{animation-delay:.95s}@media (prefers-reduced-motion:reduce){.animate-on-load{opacity:1;animation:none;transform:none}}@keyframes darlingRise{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes darlingFade{0%{opacity:0}to{opacity:1}}.animate-on-load{animation:1s cubic-bezier(.22,1,.36,1) both darlingRise}.delay-1{animation-delay:.15s}.delay-2{animation-delay:.35s}.delay-3{animation-delay:.6s}.delay-4{animation-delay:.85s}.delay-5{animation-delay:1.1s}.button,.book-style-button,.haircut-filter{transition:transform .3s,background-color .3s,color .3s,box-shadow .3s}.button:hover,.book-style-button:hover{transform:translateY(-3px)}.haircut-card{transition:transform .4s,box-shadow .4s}.haircut-card:hover{transform:translateY(-5px)}@media (prefers-reduced-motion:reduce){.animate-on-load{opacity:1;animation:none;transform:none}.button,.book-style-button,.haircut-filter,.haircut-card{transition:none}}.original-gallery{color:#f5f1e8;background:#11110f;padding:85px 8%}.original-gallery .section-heading{text-align:center;max-width:650px;margin:0 auto 40px}.original-gallery .section-heading h2{font:500 clamp(34px,4.5vw,53px)/1.1 Georgia,serif}.original-gallery .section-heading h2 em{color:var(--gold);font-weight:400}.original-gallery .section-heading>p:last-child{color:var(--muted);font-size:12px;line-height:1.9}.gallery-count{color:var(--gold);letter-spacing:2px;text-align:center;margin-bottom:22px;font-size:10px;font-weight:800}.gallery-empty{color:var(--muted);text-align:center}.original-gallery-grid{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:22px;width:100%;display:flex}.original-gallery-card{background:#191815;border:1px solid #39342a;flex:0 calc(33.333% - 15px);min-width:0;transition:border-color .3s,transform .3s;overflow:hidden}.original-gallery-card:hover{border-color:var(--gold);transform:translateY(-5px)}.original-gallery-image{background:#111;height:320px;position:relative;overflow:hidden}.original-gallery-image img{object-fit:contain;object-position:center;background:#111;width:100%;height:100%;transition:transform .3s;display:block}.original-gallery-card:hover .original-gallery-image img{transform:scale(1.02)}.original-gallery-number{color:var(--gold);background:#080808e6;border:1px solid #65512f;padding:7px 10px;font-size:9px;position:absolute;top:12px;left:12px}.original-gallery-info{padding:19px}.original-gallery-info h3{color:#f5f1e8;margin:0 0 10px;font:400 22px Georgia,serif}.original-gallery-info>p{min-height:44px;color:var(--muted);margin:0;font-size:12px;line-height:1.8}.original-gallery-actions{border-top:1px solid #39342a;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;padding-top:16px;display:flex}.gallery-view-button,.gallery-book-button{border:1px solid var(--gold);background:var(--gold);color:#111;cursor:pointer;flex:110px;min-height:40px;padding:11px 12px;font-size:9px;font-weight:800;transition:background .25s,color .25s}.gallery-view-button{color:var(--gold);background:0 0}.gallery-view-button:hover{background:var(--gold);color:#111}.gallery-book-button:hover{background:#f0cb80}.gallery-modal{z-index:1000;background:#000000eb;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.gallery-modal-content{border:1px solid var(--gold);background:#191815;width:min(900px,100%);max-height:90vh;position:relative;overflow:auto}.gallery-modal-content>img{object-fit:contain;background:#080808;width:100%;max-height:70vh;display:block}.gallery-modal-close{z-index:2;border:1px solid var(--gold);width:40px;height:40px;color:var(--gold);background:#111;font-size:20px;position:absolute;top:10px;right:10px}.gallery-modal-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding:18px;display:flex}.gallery-modal-bottom h3{color:#f5f1e8;font:400 22px Georgia,serif}.site.theme-light .original-gallery{color:#211e19;background:#eee8dc}.site.theme-light .original-gallery-card{background:#fff;border-color:#d8cbb4}.site.theme-light .original-gallery-info h3{color:#211e19}.site.theme-light .gallery-modal-content{background:#fff}.site.theme-light .gallery-modal-bottom h3{color:#211e19}@media (width<=950px){.original-gallery{padding:70px 6%}.original-gallery-card{flex-basis:calc(50% - 11px)}}@media (width<=700px){.original-gallery{padding:60px 6%}.original-gallery-grid{gap:22px}.original-gallery-card{flex-basis:100%}.original-gallery-image{height:320px}.original-gallery-info{padding:17px}.original-gallery-actions{gap:8px}.gallery-modal{padding:10px}}@media (width>=1400px){.original-gallery-image{height:360px}}@media (prefers-reduced-motion:reduce){.original-gallery-card,.original-gallery-image img,.gallery-view-button,.gallery-book-button{transition:none}.original-gallery-card:hover{transform:none}}.business-extras{color:#fff;text-align:center;background:#111;padding:85px 20px}.extras-heading h2{color:#d4af37;margin:12px 0;font-size:clamp(2rem,5vw,3rem)}.extras-eyebrow{color:#d4af37;letter-spacing:3px;font-size:12px;font-weight:700}.extras-heading p,.social-section p{color:#aaa}.shop-status{border-radius:30px;align-items:center;gap:9px;margin:22px 0;padding:10px 18px;font-weight:700;display:inline-flex}.shop-status.open{color:#70e4a1;background:#153b28}.shop-status.closed{color:#f99;background:#422}.status-dot{background:currentColor;border-radius:50%;width:9px;height:9px}.hours-card{background:#1b1b1b;border:1px solid #735e2c;border-radius:18px;max-width:620px;margin:20px auto;padding:20px 25px;box-shadow:0 15px 40px #00000040}.hours-row{text-align:left;border-bottom:1px solid #333;justify-content:space-between;gap:16px;padding:16px 0;display:flex}.hours-row:last-child{border-bottom:none}.hours-row strong{color:#d4af37;text-align:right}.social-section{margin-top:55px}.social-section h3{color:#d4af37;font-size:25px}.social-buttons{flex-wrap:wrap;justify-content:center;gap:15px;margin-top:25px;display:flex}.social-button{color:#fff;border-radius:30px;padding:14px 25px;font-weight:700;text-decoration:none;transition:transform .3s,box-shadow .3s}.instagram{background:linear-gradient(45deg,#feda75,#d62976,#962fbf)}.tiktok{background:#080808;border:1px solid #555}.social-button:hover{transform:translateY(-5px);box-shadow:0 8px 22px #d4af374d}.floating-whatsapp{z-index:9999;color:#fff;background:#25d366;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .3s,box-shadow .3s;animation:.6s ease-out whatsapp-entrance;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 6px 25px #0006}.floating-whatsapp svg{width:32px;height:32px}.floating-whatsapp:hover{transform:scale(1.12);box-shadow:0 8px 30px #25d36666}@keyframes whatsapp-entrance{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.hours-card{padding:15px}.hours-row{font-size:13px}.floating-whatsapp{width:54px;height:54px;bottom:18px;right:18px}}@media (prefers-reduced-motion:reduce){.floating-whatsapp,.social-button{transition:none;animation:none}}