:root{--ink:#0b0b0d;--paper:#f5f1e8;--gold:#d6aa52;--red:#b61f2e;--blue:#144a9b;--muted:#6f6a63}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit}.site-header{color:#fff;z-index:20;background:#09090b;border-bottom:1px solid #333;align-items:center;gap:32px;height:98px;padding:10px clamp(20px,5vw,72px);display:flex;position:sticky;top:0}.brand{width:210px;height:78px;margin-right:auto;display:block;position:relative}.brand img{object-fit:contain;width:100%;height:100%}nav{gap:24px;display:flex}nav a{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;text-decoration:none}.phone{color:var(--gold);white-space:nowrap;font-weight:900;text-decoration:none}.hero{color:#fff;background:url(/media/robs-background.png) 50%/cover,#111;align-items:center;min-height:730px;display:flex;position:relative;overflow:hidden}.hero:after{content:"";filter:drop-shadow(0 15px 30px #000);background:url(/media/barber-in-Myrtle-Beach-South-Carolina.png) bottom/contain no-repeat;position:absolute;inset:0 0 0 48%}.hero-shade{background:linear-gradient(90deg,#000000f2 0%,#000000c7 48%,#0000001f 100%);position:absolute;inset:0}.hero-copy{z-index:2;width:min(650px,90%);margin-left:clamp(24px,8vw,140px);position:relative}.hero-photos{display:none}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--gold);font-size:12px;font-weight:900}h1,h2,h3{margin:0 0 18px;font-family:Georgia,Times New Roman,serif;line-height:.95}h1{letter-spacing:-.055em;font-size:clamp(60px,8vw,116px)}h2{letter-spacing:-.04em;font-size:clamp(42px,5vw,70px)}h3{font-size:31px}p{font-size:17px;line-height:1.7}.hero-copy>p:not(.eyebrow){font-size:21px}.actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.button{text-transform:uppercase;letter-spacing:.08em;border:1px solid;justify-content:center;align-items:center;min-height:52px;padding:0 24px;font-size:12px;font-weight:900;text-decoration:none;display:inline-flex}.button.gold{background:var(--gold);color:#111;border-color:var(--gold)}.button.ghost{color:#fff;background:0 0}.button.dark{color:#fff;background:#111;border-color:#111;margin-top:14px}.barber-actions{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.social-links{gap:10px;display:flex}.social-links a{color:#fff;background:#111;border-radius:50%;place-items:center;width:42px;height:42px;text-decoration:none;transition:transform .2s,background .2s;display:grid}.social-links a:hover{background:var(--red);transform:translateY(-2px)}.social-links svg{width:22px;height:22px}.booksy-icon{font:900 18px/1 Arial,sans-serif}.section{padding:110px clamp(22px,6vw,100px)}.section-heading{text-align:center;max-width:700px;margin:0 auto 56px}.section-heading>p:last-child{color:var(--muted)}.barbers{background:#fff}.barber-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;max-width:1200px;margin:auto;display:grid}.barber-card{background:var(--paper);grid-template-columns:45% 1fr;min-height:430px;display:grid}.barber-card>div:last-child{align-self:center;padding:45px 35px}.portrait{background:#ddd;min-height:430px;position:relative;overflow:hidden}.portrait img{object-fit:cover;object-position:center top}.barber-card-shea{grid-column:1/-1;justify-self:center;width:min(760px,100%);min-height:330px}.barber-card-shea .portrait{min-height:330px}.portrait-placeholder{color:#fff;background:linear-gradient(145deg,#0b0b0df0,#0b0b0dc2),repeating-linear-gradient(125deg,var(--red) 0 24px,#f3f0e8 24px 48px,var(--blue) 48px 72px,#f3f0e8 72px 96px);align-content:center;place-items:center;gap:14px;display:grid}.portrait-placeholder:after{content:"";pointer-events:none;border:1px solid #d6aa528c;position:absolute;inset:16px}.portrait-initial{border:2px solid var(--gold);background:#09090be6;border-radius:50%;place-items:center;width:104px;height:104px;font:700 58px/1 Georgia,serif;display:grid;box-shadow:0 16px 36px #0008}.portrait-note{z-index:1;color:var(--gold);letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:900;position:relative}.event-section{color:#fff;background:radial-gradient(circle at 100% 0,#1c3974 0,#0000 32%),radial-gradient(circle at 0 100%,#7b121b 0,#0000 30%),#08090b;grid-template-columns:.8fr 1.2fr;align-items:center;gap:70px;padding:110px clamp(22px,6vw,100px);display:grid}.event-lead{font-family:Georgia,serif;font-size:24px;line-height:1.45}.event-facts{border-top:1px solid #444;margin-top:32px}.event-facts div{border-bottom:1px solid #333;grid-template-columns:75px 1fr;padding:15px 0;display:grid}.event-facts dt{color:var(--gold);text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:900}.event-facts dd{margin:0;font-weight:700}.flyers{gap:22px;display:grid}.flyers figure{background:#fff;border:2px solid #fff;margin:0;padding:10px;transform:rotate(-1deg);box-shadow:0 22px 50px #000}.flyers figure+figure{transform:rotate(1deg)}.flyers img{width:100%;height:auto;display:block}.flyers figcaption{color:#333;text-transform:uppercase;letter-spacing:.1em;padding:9px 4px 3px;font-size:12px;font-weight:800}.services{background:var(--paper)}.service-grid{border-top:1px solid #ccc;border-left:1px solid #ccc;grid-template-columns:repeat(3,1fr);max-width:1200px;margin:auto;display:grid}.service-grid article{border-bottom:1px solid #ccc;border-right:1px solid #ccc;padding:38px}.service-grid span{color:var(--red);font-size:12px;font-weight:700}.service-grid p{color:var(--muted)}.proof{background:var(--blue);color:#fff;grid-template-columns:.55fr 1.45fr;gap:60px;padding:100px clamp(22px,6vw,100px);display:grid}.quotes{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}blockquote{border-top:3px solid var(--gold);background:#ffffff14;margin:0;padding:28px}blockquote>img{object-fit:cover;background:#fff;border-radius:50%;width:54px;height:54px;margin-bottom:8px}blockquote p{font-family:Georgia,serif;font-size:19px;line-height:1.5}blockquote cite{color:var(--gold);font-style:normal;font-weight:800}.gallery{background:#fff}.gallery-grid{grid-template-columns:repeat(5,1fr);grid-auto-rows:230px;gap:8px;display:grid}.gallery-image{background:#eee;position:relative;overflow:hidden}.gallery-image:nth-child(7n+1),.gallery-image:nth-child(7n+4){grid-row:span 2}.gallery-image img{object-fit:cover;transition:transform .4s}.gallery-image:hover img{transform:scale(1.04)}.contact{color:#fff;background:#0b0b0d;grid-template-columns:1.4fr .6fr;gap:80px;padding:110px clamp(22px,8vw,140px);display:grid}.contact-details{border-left:1px solid #444;padding-left:38px}.contact-details a{color:var(--gold)}footer{text-align:center;color:#aaa;background:#050506;padding:50px 22px}footer img{object-fit:contain}footer p{text-transform:uppercase;letter-spacing:.1em;margin:5px;font-size:13px}.floating-call{z-index:25;background:var(--red);color:#fff;text-transform:uppercase;letter-spacing:.08em;border-radius:30px;padding:16px 22px;font-size:12px;font-weight:900;text-decoration:none;position:fixed;bottom:18px;right:18px;box-shadow:0 8px 28px #0008}@media (max-width:1000px){nav{display:none}.barber-card,.event-section,.proof{grid-template-columns:1fr}.service-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:650px){.site-header{justify-content:center;height:92px;padding:8px 16px;position:sticky}.brand{width:230px;height:76px;margin:0}.phone{border:1px solid var(--gold);background:#111;border-radius:50%;place-items:center;width:42px;height:42px;font-size:0;display:grid;position:absolute;right:12px}.phone:after{content:"☎";color:var(--gold);font-size:19px}.hero{background-position:50%;align-items:flex-start;min-height:1100px;padding:74px 0 30px}.hero:before{content:"";z-index:1;opacity:.045;background:url(/media/Robs-logo-1.png) 50%/contain no-repeat;width:330px;height:150px;position:absolute;top:40px;left:50%;transform:translate(-50%)}.hero:after{display:none}.hero-shade{background:linear-gradient(#050506 0% 48%,#050506e0 56%,#05050647 78%,#050506 100%)}.hero-copy{width:auto;margin:0 22px}.hero h1{max-width:340px;font-size:clamp(50px,16vw,66px);line-height:.9}.hero-copy>p:not(.eyebrow){max-width:330px;font-size:17px;line-height:1.55}.hero .actions{gap:10px;width:min(300px,100%)}.hero .button{width:100%;min-height:54px}.hero-photos{z-index:3;filter:drop-shadow(0 18px 32px #000b);width:360px;height:460px;display:block;position:absolute;top:560px;left:50%;transform:translate(-50%)}.hero-photos>img{object-fit:contain;object-position:center top}.section,.event-section{padding:70px 18px}.section-heading{margin-bottom:36px}.barber-grid,.service-grid,.quotes,.contact{grid-template-columns:1fr}.barber-grid{gap:18px}.barber-card{border-radius:16px;display:block;overflow:hidden;box-shadow:0 12px 32px #0002}.barber-card>div:last-child{padding:30px 24px 32px}.barber-card .button{width:100%}.portrait{min-height:410px}.barber-card-shea{width:100%;min-height:0}.barber-card-shea .portrait{min-height:250px}.portrait-initial{width:92px;height:92px;font-size:50px}.social-links{justify-content:center;width:100%;padding-top:2px}.social-links a{width:46px;height:46px}.event-section{gap:42px}.event-lead{font-size:21px}.flyers{gap:16px}.flyers figure{border-radius:8px;overflow:hidden;transform:rotate(-1.2deg)}.flyers figure+figure{transform:rotate(1.2deg)}.service-grid{border-left:0}.gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:180px}.gallery-image:nth-child(n){grid-row:span 1}.contact{gap:35px;padding:75px 22px}.contact-details{border-top:1px solid #444;border-left:0;padding:30px 0 0}.floating-call{bottom:14px;right:14px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.interior-hero{color:#fff;align-items:center;min-height:430px;display:flex;position:relative;overflow:hidden}.interior-hero>img{object-fit:cover;filter:grayscale()brightness(.38)}.interior-hero>div{z-index:1;text-align:center;width:min(900px,90%);margin:auto;position:relative}.interior-hero h1{font-size:clamp(58px,9vw,110px)}.interior-body{background:#fff;min-height:420px;padding:90px clamp(22px,12vw,220px)}.interior-body h2{max-width:850px}.interior-body>p{max-width:850px;color:var(--muted)}.simple-list{background:#ddd;grid-template-columns:repeat(2,1fr);gap:1px;max-width:900px;margin:40px 0;display:grid}.simple-list p{background:var(--paper);margin:0;padding:25px}@media (max-width:650px){.interior-hero{min-height:350px}.simple-list{grid-template-columns:1fr}}.original-story{background:#b9c0c2;grid-template-columns:.75fr 1.25fr;display:grid}.story-copy{align-self:center;padding:90px clamp(28px,6vw,90px)}.story-images{grid-template-columns:1fr 1fr;gap:16px;min-height:620px;padding:28px;display:grid}.story-images>div{background:#aeb5b7;position:relative;overflow:hidden}.story-images img{object-fit:contain}.shop-video{color:#fff;background:#050506 url(/media/robs-background.png) 50%/cover;grid-template-columns:.55fr 1.45fr;align-items:center;gap:60px;padding:100px clamp(22px,8vw,130px);display:grid}.shop-video video{background:#000;border:1px solid #333;width:100%;max-height:680px;box-shadow:0 20px 60px #000}.jim-review{color:#fff;background:#08090b;grid-template-columns:320px 1fr;align-items:center;gap:60px;padding:95px clamp(22px,12vw,190px);display:grid}.jim-photo{border:8px solid #fff;min-height:400px;position:relative;overflow:hidden}.jim-photo img{object-fit:cover}.jim-identity{flex-direction:column;gap:18px;display:flex}.searchooli-pill{background:0 0;width:100%;display:block}.searchooli-pill img{width:100%;height:auto;display:block}.jim-review blockquote{border-top:3px solid var(--gold);background:0 0}.jim-review blockquote p{font-size:21px}.jim-review blockquote cite{margin-top:22px;font-size:20px;display:block}.jim-review blockquote span{color:#aaa;text-transform:uppercase;letter-spacing:.08em;margin-top:5px;font-size:11px;display:block}.jim-review blockquote>a{width:max-content;color:var(--gold);text-underline-offset:3px;margin-top:8px;font-weight:800;text-decoration-thickness:1px;display:block}@media (max-width:800px){.original-story,.shop-video,.jim-review{grid-template-columns:1fr}.story-images{grid-template-columns:1fr;min-height:auto;padding:16px}.story-images>div{height:460px}.jim-review{padding:70px 22px}.jim-photo{min-height:480px}}
