@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,700;0,800;1,700;1,800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#101719;--paper:#f5f1e8;--accent:#ec5537;--accent2:#f6cc55;--line:rgba(16,23,25,.16);--soft:#dce1d6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}.preview-bar{background:#101719;color:white;padding:10px 5vw;display:flex;justify-content:space-between;gap:16px;align-items:center;font:500 10px 'DM Mono',monospace;letter-spacing:.12em;text-transform:uppercase}.preview-bar b{color:var(--accent2)}header{padding:24px 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{font:800 20px 'Space Grotesk',sans-serif;letter-spacing:-.04em}.brand small{display:block;font:500 9px 'DM Mono',monospace;letter-spacing:.18em;margin-top:4px;color:#58615d}.links{display:flex;gap:24px;align-items:center}.links a{color:inherit;text-decoration:none;font-size:13px;font-weight:700}.pill{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:0 19px;border:1px solid var(--ink);background:var(--ink);color:#fff;text-decoration:none;font-size:13px;font-weight:800;letter-spacing:.015em;transition:transform .2s,box-shadow .2s}.pill:hover{transform:translateY(-2px);box-shadow:4px 4px 0 var(--accent2)}.pill.light{background:transparent;color:var(--ink)}.hero{min-height:650px;display:grid;grid-template-columns:1fr 1fr}.hero-copy{padding:clamp(42px,7vw,104px) 6vw;display:flex;flex-direction:column;justify-content:center}.kicker,.eyebrow{font:500 10px 'DM Mono',monospace;letter-spacing:.16em;text-transform:uppercase}.kicker{display:flex;align-items:center;gap:12px}.kicker:before{content:'';height:2px;width:28px;background:var(--accent)}h1{font:800 clamp(50px,7.4vw,110px)/.91 'Space Grotesk',sans-serif;letter-spacing:-.09em;white-space:pre-line;margin:24px 0 18px}p{line-height:1.65;color:#515b57}.hero-copy>p{font-size:16px;max-width:460px}.actions{display:flex;flex-wrap:wrap;gap:11px;margin:22px 0 28px}.meta{display:grid;grid-template-columns:auto 1fr;gap:10px 14px;max-width:440px;padding-top:19px;border-top:1px solid var(--line);font-size:12px}.meta strong{font:500 10px 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:#67726d}.visual{position:relative;min-height:550px;overflow:hidden;background:#ddd7c8}.photo{position:absolute;inset:0;background-image:url('assets/barber-collage.jpg');background-size:300% 200%;background-position:var(--img-x,0%) var(--img-y,0%);}.visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(10,15,15,.35))}.visual-label{position:absolute;z-index:1;left:22px;bottom:22px;color:#fff;font:500 10px 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase;background:rgba(12,18,19,.76);padding:10px 12px}.visual-stamp{position:absolute;z-index:1;right:22px;top:22px;width:104px;height:104px;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--accent2);font:800 11px 'DM Mono',monospace;line-height:1.25;transform:rotate(10deg)}.section{padding:66px 6vw}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.section h2{font:800 clamp(32px,5vw,58px)/.95 'Space Grotesk',sans-serif;letter-spacing:-.07em;margin:10px 0}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.card{border:1px solid var(--line);padding:24px;min-height:160px;background:rgba(255,255,255,.33)}.card h3{font:700 22px 'Space Grotesk';margin:0 0 8px;letter-spacing:-.04em}.card p{margin:0}.rating{font:700 12px 'DM Mono',monospace;color:var(--ink);display:inline-block;margin-top:12px}.rating a{color:inherit}.source-note{font:400 10px 'DM Mono',monospace;color:#727974;margin-top:14px}.visit{background:var(--ink);color:#f8f4ea;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:32px 6vw}.visit p{color:#c6ccc8;margin:6px 0 0}.visit h2{font:800 clamp(28px,4vw,48px) 'Space Grotesk';letter-spacing:-.06em;margin:0}.visit .pill{background:var(--accent);border-color:var(--accent)}footer{padding:24px 6vw 72px;font-size:11px;color:#69736e;display:flex;justify-content:space-between;gap:20px}.watermark{position:fixed;bottom:15px;right:15px;z-index:4;background:var(--ink);color:#fff;border:1px solid var(--accent2);padding:9px 12px;font:500 9px 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 3px 15px #0003}.guide-link{color:inherit}.style-macks{--paper:#f8f2e4;--ink:#153b31;--accent:#c74c32;--accent2:#ecc85e;--img-x:0%;--img-y:0%}.style-macks h1{font-family:'Playfair Display',serif;letter-spacing:-.07em}.style-macks .hero{grid-template-columns:1.03fr .97fr}.style-macks .hero-copy{background:repeating-linear-gradient(135deg,#f8f2e4 0 18px,#f1e6cf 18px 19px)}.style-ourbarber{--paper:#f4f7f7;--ink:#10242c;--accent:#167fb2;--accent2:#b7d8e8;--img-x:0%;--img-y:100%}.style-ourbarber h1{font-family:'Playfair Display',serif}.style-ourbarber .hero{grid-template-columns:1.12fr .88fr}.style-ourbarber .visual{margin:30px 5vw 30px 0;min-height:560px;border-radius:46% 46% 8px 8px}.style-tommys{--paper:#f4e4bd;--ink:#371d17;--accent:#b3422e;--accent2:#efbb4b;--img-x:100%;--img-y:0%}.style-tommys h1{font-family:'Playfair Display',serif;font-style:italic}.style-tommys .hero{grid-template-columns:1fr 1.04fr}.style-tommys .hero-copy{background:radial-gradient(ellipse at 95% 90%,#d9be84 0 16%,transparent 17%),var(--paper)}.style-realkuttz{--paper:#101516;--ink:#f7f5eb;--accent:#e9593a;--accent2:#caff39;--line:#ffffff35;--img-x:50%;--img-y:100%}.style-realkuttz p,.style-realkuttz .source-note{color:#b7c0bd}.style-realkuttz .brand small,.style-realkuttz .meta strong{color:#a8b3af}.style-realkuttz .hero-copy{background:linear-gradient(135deg,#101516 60%,#172121)}.style-realkuttz .card{background:#182020}.style-realkuttz .visit{background:#caff39;color:#101516}.style-realkuttz .visit p{color:#243020}.style-realkuttz .visit .pill{background:#101516;color:#fff}.style-joelee{--paper:#f1e7d2;--ink:#251d17;--accent:#9d3d2b;--accent2:#d6ad56;--img-x:100%;--img-y:100%}.style-joelee h1{font-family:'Playfair Display',serif}.style-joelee .hero-copy{background:linear-gradient(90deg,transparent calc(100% - 7px),var(--accent) calc(100% - 7px))}.style-joelee .section h2{font-family:'Playfair Display',serif}.style-phenomenal{--paper:#fff0ea;--ink:#21152b;--accent:#e54066;--accent2:#f6db52;--img-x:50%;--img-y:0%}.style-phenomenal h1{font-family:'Space Grotesk';font-weight:700;letter-spacing:-.09em}.style-phenomenal .hero-copy{background:radial-gradient(circle at 8% 10%,#f9d6ce 0 90px,transparent 91px)}.style-phenomenal .visual{clip-path:polygon(8% 0,100% 0,100% 100%,0 100%,0 9%)}.style-kelloggs{--paper:#eef0df;--ink:#183b34;--accent:#bf5539;--accent2:#dfd08b;--img-x:0%;--img-y:0%}.style-kelloggs h1{font-family:'Playfair Display',serif;letter-spacing:-.065em}.style-kelloggs .hero-copy{background:linear-gradient(90deg,#eef0df,#e5eadb)}.style-kelloggs .visual{border:14px solid #c8d0b5}.style-kelloggs .visual-stamp{border-radius:0;background:#183b34;color:#eee}.style-ronnies{--paper:#f5f0e4;--ink:#172b39;--accent:#bd4030;--accent2:#f4c950;--img-x:50%;--img-y:100%}.style-ronnies h1{font-family:'Playfair Display',serif;font-size:clamp(64px,10vw,134px);line-height:.8}.style-ronnies h1 em{color:var(--accent)}.style-ronnies .hero-copy{background:linear-gradient(135deg,#f5f0e4 0 72%,#e4d6b6 72%)}.style-ronnies .hero{grid-template-columns:.95fr 1.05fr}@media(max-width:760px){.preview-bar{font-size:8px}header{padding:18px 5vw}.links{gap:12px}.links a:not(.pill){display:none}.hero,.style-macks .hero,.style-ourbarber .hero,.style-tommys .hero,.style-realkuttz .hero,.style-joelee .hero,.style-phenomenal .hero,.style-kelloggs .hero{grid-template-columns:1fr}.hero-copy{padding:54px 7vw}.visual{min-height:430px}.style-ourbarber .visual{margin:0 7vw;min-height:430px}.cards{grid-template-columns:1fr}.section{padding:52px 7vw}.section-head{display:block}.visit{display:block;padding:28px 7vw}.visit .pill{margin-top:20px}.meta{font-size:11px}.watermark{font-size:8px;bottom:8px;right:8px}footer{padding:22px 7vw 65px;display:block}footer>*{display:block;margin:8px 0}}