:root{--green:#063f35;--green-2:#0b5b4c;--copper:#d88942;--sand:#f4eadb;--ink:#151b19;--white:#fff;--line:rgba(255,255,255,.22);--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f6f1;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}.topbar{height:84px;position:absolute;z-index:10;top:0;left:50%;transform:translateX(-50%);width:min(calc(100% - 48px),var(--max));display:flex;align-items:center;gap:34px;color:white;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;margin-right:auto}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--copper);color:var(--copper);font-family:Georgia,serif;font-weight:bold;transform:rotate(45deg)}.brand-mark::first-line{transform:rotate(-45deg)}.brand strong,.brand small{display:block;line-height:1.25}.brand strong{font-family:Georgia,serif;font-size:20px}.brand small{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#ddd}.topbar nav{display:flex;gap:28px;font-size:14px}.topbar nav a:hover{color:var(--copper)}.menu-button{display:none}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;background:var(--copper);color:#17120d;font-weight:700;border:0;transition:.2s}.button:hover{background:#efa15b;transform:translateY(-2px)}.button-small{min-height:40px;padding:0 18px;font-size:14px}.hero{min-height:760px;height:100vh;position:relative;overflow:hidden;background:#092e29;color:white}.hero-photo{position:absolute;inset:0 0 0 42%;background:url('assets/barber-at-work.webp') center/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,28,24,.98) 0%,rgba(3,28,24,.91) 43%,rgba(3,28,24,.25) 75%,rgba(3,28,24,.15))}.hero-content{position:relative;z-index:2;width:min(calc(100% - 48px),var(--max));margin:auto;padding-top:190px}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:12px;font-weight:700;color:var(--copper);margin:0 0 20px}.hero h1,.section h2,.salon h2,.final-cta h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:.98;margin:0}.hero h1{font-size:clamp(58px,7.6vw,108px);max-width:850px;letter-spacing:-.045em}.hero h1 em{font-weight:400;color:var(--copper)}.hero-text{max-width:510px;color:#d4ddd9;font-size:18px;margin:30px 0}.hero-actions{display:flex;align-items:center;gap:30px}.text-link{display:inline-block;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:3px}.open-note{margin-top:60px;font-size:13px;color:#ccd7d3;letter-spacing:.04em}.open-note span{display:inline-block;width:8px;height:8px;border-radius:50%;background:#7bcf9d;margin-right:8px}.moroccan-tile,.cta-pattern{position:absolute;background-color:transparent;background-image:linear-gradient(45deg,transparent 43%,rgba(216,137,66,.25) 43%,rgba(216,137,66,.25) 57%,transparent 57%),linear-gradient(-45deg,transparent 43%,rgba(216,137,66,.25) 43%,rgba(216,137,66,.25) 57%,transparent 57%);background-size:36px 36px}.moroccan-tile{right:-25px;bottom:-38px;width:230px;height:160px;transform:rotate(-8deg);opacity:.7}.section{max-width:var(--max);margin:auto;padding:120px 24px}.services{display:grid;grid-template-columns:.78fr 1.22fr;gap:100px}.section-heading h2,.salon h2,.info-intro h2{font-size:clamp(44px,5vw,72px);letter-spacing:-.04em}.section-heading>p:last-child{max-width:430px;color:#5d6662;margin-top:24px}.service-list{border-top:1px solid #c9cfcb}.service-list article{display:grid;grid-template-columns:72px 1fr;gap:10px;padding:30px 0;border-bottom:1px solid #c9cfcb}.service-number{font-family:Georgia,serif;color:var(--copper);font-size:18px}.service-list h3{font-family:Georgia,serif;font-size:30px;margin:0 0 4px}.service-list p{margin:0;color:#616865;max-width:520px}.salon{background:var(--green);color:white;padding:100px max(24px,calc((100% - var(--max))/2));display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center}.photo-grid{height:680px;display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:1fr 1fr;gap:12px}.photo-grid figure{margin:0;overflow:hidden}.photo-large{grid-row:1/3}.salon-copy p:not(.eyebrow){color:#cad8d3;font-size:18px}.salon-copy blockquote{font-family:Georgia,serif;font-size:25px;color:var(--sand);margin:40px 0 0;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.info-intro{display:flex;align-items:end;justify-content:space-between;margin-bottom:60px}.info-cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cbd1cd;border-bottom:1px solid #cbd1cd}.info-cards article{padding:36px 34px;min-height:250px;border-right:1px solid #cbd1cd}.info-cards article:first-child{padding-left:0}.info-cards article:last-child{border-right:0}.info-label{font-size:12px;text-transform:uppercase;letter-spacing:.2em;color:#75807b}.info-cards h3{font-family:Georgia,serif;font-size:25px;line-height:1.3;margin:25px 0}.info-cards p{color:#66706c}.final-cta{position:relative;overflow:hidden;background:var(--copper);padding:70px max(24px,calc((100% - var(--max))/2));display:flex;align-items:center;justify-content:space-between;gap:30px}.final-cta .eyebrow{color:#4d2d15}.final-cta h2{font-size:clamp(38px,4.5vw,64px)}.button-light{position:relative;background:var(--green);color:white;min-width:210px}.cta-pattern{inset:0 55% 0 0;opacity:.42;background-size:30px 30px}footer{background:#10221e;color:#aab7b2;display:flex;justify-content:space-between;padding:28px max(24px,calc((100% - var(--max))/2));font-size:13px}.menu-button{background:none;color:white;border:1px solid var(--line);padding:8px 12px;font:inherit}
@media(max-width:850px){.topbar{width:calc(100% - 32px);height:72px}.topbar nav{display:none;position:absolute;top:72px;left:0;right:0;background:#082e28;padding:20px;flex-direction:column}.topbar nav.open{display:flex}.menu-button{display:block}.header-call{display:none}.hero{min-height:690px;height:auto}.hero-photo{inset:0;background-position:58% center}.hero-shade{background:linear-gradient(90deg,rgba(3,28,24,.95),rgba(3,28,24,.67))}.hero-content{width:calc(100% - 40px);padding:155px 0 80px}.hero h1{font-size:clamp(49px,14vw,72px)}.hero-text{font-size:16px;max-width:420px}.open-note{margin-top:45px}.services{grid-template-columns:1fr;gap:50px;padding-top:85px;padding-bottom:85px}.salon{grid-template-columns:1fr;padding-top:70px;padding-bottom:75px;gap:55px}.photo-grid{height:480px}.info-cards{grid-template-columns:1fr}.info-cards article,.info-cards article:first-child{padding:28px 0;min-height:0;border-right:0;border-bottom:1px solid #cbd1cd}.info-cards article:last-child{border-bottom:0}.final-cta{align-items:flex-start;flex-direction:column}.section{padding-top:85px;padding-bottom:85px}.cta-pattern{right:0}footer{gap:15px;flex-direction:column}}
@media(max-width:520px){.brand strong{font-size:17px}.brand small{font-size:9px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.photo-grid{height:520px;grid-template-columns:1fr 1fr;grid-template-rows:1.25fr .75fr}.photo-large{grid-column:1/3;grid-row:1}.service-list article{grid-template-columns:45px 1fr}.salon-copy blockquote{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Flyer-inspired homepage and, updated pricing and access */
.hero{background:linear-gradient(125deg,#f4eadb 0%,#eee3d2 64%,#e6d7c2 100%);color:var(--green)}
.hero-pattern{position:absolute;inset:0;background-image:url('assets/flyer-pattern.png');background-size:cover;background-position:center;mix-blend-mode:multiply;opacity:.22}
.hero-pattern::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(244,234,219,.98) 0%,rgba(244,234,219,.9) 48%,rgba(244,234,219,.28) 100%)}
.hero-text{color:#36544d}.open-note{color:#39564f}.topbar{color:var(--green);border-color:rgba(6,63,53,.22)}.brand small{color:#496b63}.menu-button{color:var(--green);border-color:rgba(6,63,53,.3)}
.pricing{background:var(--sand);padding:110px max(24px,calc((100% - var(--max))/2));display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:start}
.pricing h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(44px,5vw,72px);font-weight:400;line-height:.98;letter-spacing:-.04em;margin:0}.pricing-heading>p:last-child{color:#5d6662;max-width:390px;margin-top:25px}.price-list{border-top:1px solid #b9c2bd}.price-list div{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:22px 0;border-bottom:1px solid #b9c2bd}.price-list span{font-family:Georgia,serif;font-size:clamp(20px,2.2vw,29px)}.price-list strong{white-space:nowrap;color:var(--green);font-size:19px}
.photo-grid img{transition:transform .45s ease}.photo-grid figure:hover img{transform:scale(1.02)}.photo-large img{object-position:center 34%}.photo-grid figure:nth-child(2) img{object-position:center 38%}.photo-grid figure:nth-child(3) img{object-position:center 52%}
.map-block{margin-top:72px;background:var(--green);color:white;display:grid;grid-template-columns:.85fr 1.15fr;min-height:430px;overflow:hidden}.map-copy{padding:60px;align-self:center}.map-copy h3{font-family:Georgia,serif;font-size:clamp(34px,4vw,54px);line-height:1.05;margin:0 0 22px}.map-copy>p:not(.eyebrow){color:#cad8d3;max-width:430px;margin-bottom:30px}.map-image{min-height:430px;overflow:hidden}.map-image img{object-position:center 58%;transition:transform .35s ease}.map-image:hover img{transform:scale(1.02)}
@media(max-width:850px){.topbar nav{background:#f4eadb;border:1px solid rgba(6,63,53,.16)}.pricing{grid-template-columns:1fr;gap:48px;padding-top:80px;padding-bottom:80px}.map-block{grid-template-columns:1fr}.map-copy{padding:42px 30px}.map-image{min-height:390px}.hero-pattern::after{background:rgba(244,234,219,.76)}}
@media(max-width:520px){.price-list div{gap:16px}.price-list span{font-size:20px}.price-list strong{font-size:16px}.map-image{min-height:320px}}

/* Clear, separated contact actions */
.contact-method{padding:20px 0;border-bottom:1px solid #cbd1cd}
.contact-method:last-child{border-bottom:0;padding-bottom:0}
.contact-method h3{font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.35;margin:0 0 8px;overflow-wrap:anywhere}
.contact-method .text-link{font-size:14px;color:var(--green)}

/* The full-width hero scales cleanly through 1920px and beyond. */
.hero{width:100%;max-width:none}