/* Barbershop: deep green masthead, full-bleed photographic hero, cream pages, brass actions and Playfair headings. */
*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd,ul{margin:0}ul{padding:0;list-style:none}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}[hidden]{display:none!important}
:root{--ink:#1d1b17;--muted:#6b655b;--paper:#f6f1e7;--cream:#fffdf8;--line:#e5dccb;--deep:#18291f;--green:var(--second);--panel:#21382c;--brass:var(--accent);--brown:#8a5a36;--on-dark:#efe7d6;--accent:var(--public-accent,var(--theme-accent,#c9a063));--second:var(--brand-secondary,var(--theme-secondary,#1b3127));--eyivo-color-primary:var(--accent);--eyivo-color-secondary:var(--second);--eyivo-color-text:var(--ink);--eyivo-color-background:var(--paper);--eyivo-font-body:'DM Sans',Arial,sans-serif;--eyivo-font-heading:'Playfair Display',Georgia,serif;--eyivo-radius:.5rem;--eyivo-container-width:74rem;--eyivo-nav-menu-bg:#14231b;--eyivo-nav-menu-text:#efe7d6}
body{min-width:320px;background:var(--paper);color:var(--ink);font:400 1rem/1.7 var(--eyivo-font-body);-webkit-font-smoothing:antialiased}
.shell{width:min(100% - 2.5rem,var(--eyivo-container-width));margin-inline:auto}
h1,h2,h3,h4{font-family:var(--eyivo-font-heading);font-weight:600;line-height:1.2;color:var(--ink);overflow-wrap:anywhere;text-wrap:balance}
h1{font-size:clamp(2rem,3.4vw,3.1rem)}h2{font-size:clamp(1.55rem,2.3vw,2.2rem)}h3{font-size:1.12rem}
p{color:var(--muted)}p+p,[data-eyivo-rich-text]>*+*{margin-top:.9rem}
:focus-visible{outline:2px solid var(--brass);outline-offset:3px}
.eyebrow{margin-bottom:.55rem;color:var(--brass);font:700 .7rem/1.4 var(--eyivo-font-body);letter-spacing:.2em;text-transform:uppercase}
.section{padding-block:clamp(3rem,6vw,5.25rem)}
.section-heading{display:flex;flex-direction:column;align-items:center;gap:.6rem;max-width:44rem;margin:0 auto 2.4rem;text-align:center}
.section-heading h2::after,.barber-divider{content:"";display:block;width:3.2rem;height:9px;margin:.85rem auto 0;background:radial-gradient(circle,var(--brass) 2px,transparent 2.5px) center/9px 9px no-repeat,linear-gradient(var(--brass),var(--brass)) center/100% 1px no-repeat}
.section-heading>p{max-width:38rem}
.sr-only,.honeypot{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;z-index:200;top:1rem;inset-inline-start:1rem;padding:.7rem 1rem;background:#fff;color:var(--ink);transform:translateY(-220%)}.skip-link:focus{transform:none}
.button,.header-cta{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:46px;padding:.75rem 1.5rem;border:1px solid var(--brass);border-radius:.3rem;background:var(--brass);color:#1d1b17;font:700 .74rem/1 var(--eyivo-font-body);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
.button:hover,.header-cta:hover{border-color:#ddbd86;background:#ddbd86}
.button-ghost{border-color:var(--brown);background:var(--brown);color:#fff}.button-ghost:hover{border-color:#6f4628;background:#6f4628;color:#fff}
.button-row{display:flex;flex-wrap:wrap;align-items:center;gap:1.4rem;margin-top:1.8rem}
.text-link{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;color:var(--brown);font-size:.82rem;font-weight:700;letter-spacing:.04em}.text-link:hover{color:var(--ink)}

/* Header */
.site-header{position:relative;z-index:20;background:var(--deep);color:var(--on-dark)}
.barber-utility{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;min-height:84px}
.barber-call a{display:inline-flex;align-items:center;gap:.7rem}.barber-call-text{display:grid;font-size:.86rem;font-weight:600;line-height:1.35}.barber-call small{color:#b9b2a2;font-size:.68rem;font-weight:500;letter-spacing:.06em}
.barber-call-icon{display:grid;place-items:center;width:2.4rem;height:2.4rem;border:1px solid #c9a06366;border-radius:50%}
.barber-call-icon::before{content:"";width:1rem;height:1rem;background:var(--brass);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11.4 11.4 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11.4 11.4 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1z'/%3E%3C/svg%3E") center/contain no-repeat}
.brand{display:inline-grid;justify-items:center;gap:.2rem;text-align:center}
.brand-name{color:#fff;font:600 1.55rem/1 var(--eyivo-font-heading);letter-spacing:.08em;text-transform:uppercase}
.brand-rule{display:flex;align-items:center;gap:.45rem;color:var(--brass);font-size:.58rem;font-weight:700;letter-spacing:.32em;text-transform:uppercase}.brand-rule i{width:1.1rem;height:1px;background:currentColor}
.barber-utility-end{display:flex;align-items:center;justify-content:flex-end;gap:1.1rem;font-size:.8rem}
.barber-mail{color:#d9d1c0}.barber-mail:hover{color:var(--brass)}
.locale-switcher{display:flex;gap:.5rem;text-transform:uppercase}.locale-switcher a{padding:.2rem .3rem;color:#c9c1af}.locale-switcher a[aria-current]{color:var(--brass)}
.barber-nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:68px;border-top:1px solid #ffffff1a}
.desktop-nav{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem}
.desktop-nav>a,.desktop-nav>.eyivo-navigation-item>a,.more-menu>summary{display:flex;align-items:center;min-height:44px;padding:.5rem .8rem;color:#e7dfcd;font-size:.86rem;font-weight:500}
.desktop-nav a:hover,.desktop-nav a[aria-current]{color:var(--brass)}
.header-cta{min-height:42px;padding:.65rem 1.45rem;border-radius:999px}
.more-menu{position:relative}.more-menu>summary{gap:.35rem;list-style:none;cursor:pointer}.more-menu>summary::-webkit-details-marker{display:none}
.more-menu>div{position:absolute;z-index:30;top:calc(100% + .35rem);inset-inline-start:0;display:grid;min-width:13rem;padding:.45rem;border:1px solid #ffffff14;border-radius:.45rem;background:#14231b;box-shadow:0 16px 36px #0008}.more-menu>div>a{padding:.65rem .8rem;border-radius:.3rem;color:#efe7d6}.more-menu>div>a:hover{background:#21382c;color:var(--brass)}
:root .barbershop .site-header .eyivo-navigation-item.eyivo-navigation-parent{border:0;background:transparent;color:#e7dfcd}
:root .barbershop .site-header .eyivo-navigation-item.eyivo-navigation-parent:is(:hover,:has(>a[aria-current])){background:transparent;color:var(--brass)}
:root .barbershop .site-header .eyivo-navigation-dropdown>summary{width:1.6rem;min-width:1.6rem;color:inherit}
:root .barbershop .eyivo-navigation-item .eyivo-navigation-submenu{border-color:#ffffff14;background:#14231b;color:#efe7d6}
:root .barbershop .eyivo-navigation-item .eyivo-navigation-submenu>a:is(:hover,[aria-current=page]){background:#21382c;color:var(--brass)}
.mobile-menu{display:none}

/* Homepage hero: full-bleed photograph with a left-side shade */
.hero-component{position:relative;overflow:hidden;background:var(--deep);color:#fff;isolation:isolate}
.hero-component-grid{display:flex;align-items:center;min-height:clamp(30rem,46vw,38rem);padding-block:4.5rem}
.hero-component figure{position:absolute;z-index:-1;inset:0}
.hero-component figure img{width:100%;height:100%;object-fit:cover;object-position:70% 30%}
.hero-component figure::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0c140fef 0%,#0c140fc4 38%,#0c140f33 72%,#0c140f1a 100%)}
.hero-component figcaption{display:none}
.hero-component .hero-copy{max-width:35rem}
.hero-component h1{color:#fff;font-size:clamp(2.1rem,3.6vw,3.2rem);letter-spacing:.03em;text-transform:uppercase}
.hero-component .eyebrow{color:var(--brass)}
.hero-component .hero-summary{max-width:40ch;margin-top:1.1rem;color:#e6dfd1;font-size:1.02rem}
.hero-component .button{border-radius:.25rem}
.hero-component .text-link{color:#fff;font-weight:600}
.hero-component .text-link span{display:grid;place-items:center;order:-1;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--brass);color:transparent;font-size:0}
.hero-component .text-link span::before{content:"";margin-inline-start:2px;border-block:5px solid transparent;border-inline-start:8px solid #1d1b17}
[dir=rtl] .hero-component figure::after{background:linear-gradient(270deg,#0c140fef 0%,#0c140fc4 38%,#0c140f33 72%,#0c140f1a 100%)}

/* Inner page heading */
.page-hero{position:relative;overflow:hidden;padding-block:3.4rem 3.6rem;background:var(--deep);color:#fff;text-align:center;isolation:isolate}
.page-hero.has-image{padding-block:4.6rem}
.page-hero .hero-backdrop{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover}
.page-hero.has-image::after{content:"";position:absolute;z-index:-1;inset:0;background:#0f1a14c7}
.page-hero h1{max-width:24ch;margin-inline:auto;color:#fff;font-size:clamp(1.9rem,3vw,2.6rem)}
.page-hero p{max-width:44rem;margin:.9rem auto 0;color:#ddd5c4}
.page-hero .button{margin-top:1.4rem}
.breadcrumbs{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:.9rem;color:#c9c1af;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.breadcrumbs a:hover{color:var(--brass)}
.blog-post-meta{font-size:.84rem}.blog-post-meta a{color:var(--brass)}

/* Image and text */
.image-text-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,4.5rem)}
.image-text figure{position:relative;padding-block-end:2.5rem;padding-inline-end:2.5rem}
.image-text figure img{width:100%;aspect-ratio:5/4;border-radius:.6rem;object-fit:cover;box-shadow:0 18px 40px #1b312722}
.image-text figcaption{position:absolute;bottom:0;inset-inline-end:0;max-width:13rem;padding:1.1rem 1.25rem;border:6px solid var(--paper);border-radius:.6rem;background:var(--deep);color:var(--on-dark);font:600 1rem/1.35 var(--eyivo-font-heading)}
.image-text-image_right figure{order:2}
.image-text-copy h2{max-width:18ch}
.image-text-copy>p:not(.eyebrow){margin-top:1.1rem}
.image-text-copy .text-link{margin-top:1rem}

/* Cards */
.feature-grid,.service-list,.project-grid,.team-grid,.event-list,.article-list,.testimonial-grid,.native-card-grid,.blog-grid,.editorial-gallery,.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.feature-grid{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}
.feature-grid article{position:relative;display:flex;flex-direction:column;align-items:center;gap:.55rem;padding:2rem 1.1rem 1.6rem;border:1px solid var(--line);border-radius:.55rem;background:var(--cream);text-align:center;transition:transform .2s,box-shadow .2s}
.feature-grid article:hover{transform:translateY(-3px);box-shadow:0 14px 30px #1b31271a}
.feature-grid article::before{content:"";width:3rem;height:3rem;margin-bottom:.4rem;background:var(--deep);-webkit-mask:var(--barber-icon,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='14' cy='36' r='5'/%3E%3Ccircle cx='34' cy='36' r='5'/%3E%3Cpath d='M17.5 32.5 36 6M30.5 32.5 12 6'/%3E%3C/svg%3E")) center/contain no-repeat;mask:var(--barber-icon,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='14' cy='36' r='5'/%3E%3Ccircle cx='34' cy='36' r='5'/%3E%3Cpath d='M17.5 32.5 36 6M30.5 32.5 12 6'/%3E%3C/svg%3E")) center/contain no-repeat}
.feature-grid article:nth-child(5n+2){--barber-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M14 18c0-7 4.5-11 10-11s10 4 10 11'/%3E%3Cpath d='M14 18v6c0 9 4 15 10 17 6-2 10-8 10-17v-6'/%3E%3Cpath d='M18 30c2 2 4 3 6 3s4-1 6-3M20 23h2M26 23h2'/%3E%3C/svg%3E")}
.feature-grid article:nth-child(5n+3){--barber-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M8 30 30 8l4 4-22 22z'/%3E%3Cpath d='M30 8c4-2 9 3 7 7M12 34l-3 7 7-3M24 22l14 14'/%3E%3C/svg%3E")}
.feature-grid article:nth-child(5n+4){--barber-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Crect x='17' y='5' width='14' height='8' rx='2'/%3E%3Cpath d='M19 13h10v6H19zM16 19h16l-2 24H18z'/%3E%3Cpath d='M20 27h8'/%3E%3C/svg%3E")}
.feature-grid article:nth-child(5n+5){--barber-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='24' cy='16' r='8'/%3E%3Cpath d='M10 42c1-8 7-13 14-13s13 5 14 13M18 12c3 2 9 2 12 0'/%3E%3C/svg%3E")}
.feature-grid .card-number{display:none}
.feature-grid h3{font-size:1rem}
.feature-grid .feature-icon{order:2;color:var(--brown);font:700 1.05rem/1.2 var(--eyivo-font-heading)}
.feature-grid article p{order:3;font-size:.86rem;line-height:1.55}

.service-list article{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:.6rem;background:var(--deep);color:#fff;isolation:isolate}
.service-list article>span{display:none}
.service-card-media{width:100%}.service-card-media img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform .5s}
.service-list article:hover .service-card-media img{transform:scale(1.04)}
.service-list article:has(.service-card-media) .service-card-copy{position:absolute;inset:auto 0 0;padding:4rem 1.3rem 1.3rem;background:linear-gradient(180deg,transparent,#0c140fe6)}
.service-card-copy{padding:1.3rem}.service-card-copy h3{color:#fff;font-size:1.15rem}.service-card-copy p{margin-top:.25rem;color:#ddd5c4;font-size:.86rem}
.service-list article>a{position:absolute;inset:0;z-index:2;color:transparent}.service-list article>a:focus-visible{outline-offset:-4px}
.service-section-informative .service-list article{border:1px solid var(--line);background:var(--cream);color:var(--ink)}.service-section-informative .service-card-copy h3{color:var(--ink)}.service-section-informative .service-card-copy p{color:var(--muted)}

/* Credentials: the dark "difference" band */
.credentials-section{padding-block:clamp(3rem,6vw,4.75rem);background:linear-gradient(90deg,var(--deep) 0 58%,var(--panel) 58%);color:#fff}
.credentials-section>.shell{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.6fr);align-items:center;gap:2.5rem}
.credentials-section h2{color:#fff}
.credentials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:1.5rem}
.credentials-grid article{display:grid;justify-items:center;gap:.35rem;text-align:center}
.credentials-grid article::before{content:"";display:grid;width:3.4rem;height:3.4rem;margin-bottom:.4rem;border:1px solid #c9a06380;border-radius:50%;background:radial-gradient(circle,var(--brass) 0 .32rem,transparent .36rem)}
.credentials-grid strong{color:#fff;font:600 1rem/1.3 var(--eyivo-font-heading)}.credentials-grid span{color:#c9c1af;font-size:.82rem;line-height:1.5}

/* Stats band */
.stats-section{padding-block:clamp(2.75rem,5vw,4rem);background:var(--deep);color:#fff}
.stats-section .section-heading{margin-bottom:1.8rem}.stats-section h2{color:#fff}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.stats-grid article{display:grid;justify-items:center;gap:.25rem;padding:.4rem 1rem;text-align:center}
.stats-grid article+article{border-inline-start:1px solid #ffffff26}
.stats-grid strong{color:#fff;font:600 clamp(2rem,3.3vw,2.8rem)/1.1 var(--eyivo-font-heading)}
.stats-grid span{color:#e8e0cf;font-size:.88rem;font-weight:600}.stats-grid small{color:#aaa391;font-size:.76rem}

/* Slider */
.slider-section .section-heading{flex-direction:row;justify-content:space-between;align-items:end;max-width:none;text-align:start}
.slider-section .section-heading h2::after{margin-inline:0}
.slider-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3.6rem)/4);gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.slider-track::-webkit-scrollbar{display:none}
.slider-track figure{position:relative;overflow:hidden;border-radius:.55rem;scroll-snap-align:start}
.slider-track img{width:100%;aspect-ratio:1;object-fit:cover}
.slider-track figcaption{position:absolute;inset:auto 0 0;display:grid;padding:2.4rem 1rem .9rem;background:linear-gradient(transparent,#0c140fd9);color:#fff;font-size:.8rem}.slider-track figcaption span{color:#ddd5c4}
.slider-controls{display:none;gap:.5rem}.theme-ready .slider-controls{display:flex}
.slider-controls button{display:grid;place-items:center;width:2.75rem;height:2.75rem;border:0;border-radius:50%;background:var(--brass);color:#1d1b17;font-size:1rem;cursor:pointer}.slider-controls button:disabled{background:var(--line);color:var(--muted);cursor:default}

/* Gallery */
.editorial-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}
.editorial-gallery figure,.gallery-grid figure{overflow:hidden;border-radius:.55rem;background:var(--cream)}
.editorial-gallery img,.gallery-grid img{width:100%;aspect-ratio:1;object-fit:cover}
.editorial-gallery figcaption,.gallery-grid figcaption{display:grid;gap:.1rem;padding:.8rem 1rem;font-size:.82rem}.editorial-gallery figcaption span,.gallery-grid figcaption span{color:var(--muted)}
.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.barber-gallery-masonry img{aspect-ratio:auto}

/* Testimonials */
.testimonial-section{background:var(--paper)}
.testimonial-grid blockquote{display:flex;flex-direction:column;gap:1rem;padding:1.6rem;border:1px solid var(--line);border-radius:.55rem;background:var(--cream)}
.testimonial-grid blockquote::before{content:"★★★★★";color:var(--brass);font-size:.9rem;letter-spacing:.18em}
.testimonial-grid blockquote>p{color:var(--ink);font-size:.95rem}
.testimonial-grid footer{display:grid;grid-template-columns:auto 1fr;column-gap:.8rem;align-items:center;margin-top:auto;font-size:.86rem}
.testimonial-grid footer::before{content:"";grid-row:span 2;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--deep) radial-gradient(circle at 50% 38%,var(--brass) 0 .42rem,transparent .45rem)}
.testimonial-grid footer span{color:var(--muted);font-size:.78rem}

/* Price list */
.specs-layout{display:grid;gap:2rem}
.specs-layout>h2{text-align:center}.specs-layout>h2::after{content:"";display:block;width:3.2rem;height:1px;margin:.9rem auto 0;background:var(--brass)}
.specs-layout dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:3.5rem}
.specs-layout dl>div{display:flex;align-items:baseline;gap:.6rem;padding-block:1.05rem;border-bottom:1px solid var(--line)}
.specs-layout dt{font-weight:600}
.specs-layout dd{margin-inline-start:auto;color:var(--brown);font:600 1.02rem/1.2 var(--eyivo-font-heading);text-align:end}

/* Offer */
.price-offer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(1.5rem,4vw,3.25rem);padding:clamp(1.8rem,4vw,3rem);border-radius:.7rem;background:var(--deep);color:#fff}
.price-offer>div:first-child{display:contents}
.price-offer .eyebrow,.price-offer h2{grid-column:2}
.price-offer h2{color:#fff}
.price{grid-column:1;grid-row:1/span 3;display:grid;place-content:center;width:9.5rem;height:9.5rem;border:2px dashed var(--brass);border-radius:50%;text-align:center;outline:6px solid var(--deep);outline-offset:-10px;background:#21382c}
.price strong{color:#fff;font:700 1.45rem/1.1 var(--eyivo-font-heading)}.price span{color:#ddd5c4;font-size:.72rem}
.price-offer ul{grid-column:2;display:flex;flex-wrap:wrap;gap:.4rem 1.2rem}.price-offer li{display:flex;gap:.4rem;color:#ddd5c4;font-size:.88rem}.price-offer li span{color:var(--brass)}
.price-offer>.button{grid-column:3;grid-row:1/span 3}

/* Team */
.team-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.team-grid article{overflow:hidden;border:1px solid var(--line);border-radius:.55rem;background:var(--cream);text-align:center}
.team-grid-image{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:top}
.team-grid h3{margin-top:1rem;padding-inline:1rem;font-size:1.02rem}.team-grid article>p{color:var(--brown);font-size:.78rem;font-weight:600}.team-grid article>span{display:block;padding:.5rem 1rem 1.2rem;color:var(--muted);font-size:.82rem;line-height:1.5}

/* Projects (journal cards), articles, events */
.native-card{position:relative;display:block;min-width:0;overflow:hidden;border-radius:.6rem;background:var(--deep);isolation:isolate}
.native-card img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform .5s}.native-card:hover img{transform:scale(1.04)}
.native-card>div{position:absolute;inset:auto 0 0;display:grid;gap:.3rem;padding:4.5rem 1.3rem 1.3rem;background:linear-gradient(180deg,transparent,#0c140fe8)}
.native-card>div>span{display:none}.native-card :is(h2,h3){color:#fff;font-size:1.15rem}.native-card p{color:#ddd5c4;font-size:.85rem}.native-card b{margin-top:.3rem;color:var(--brass);font-size:.76rem;letter-spacing:.06em}
.project-grid>a,.article-list>a,.event-card,.blog-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:.55rem;background:var(--cream);transition:transform .2s,box-shadow .2s}
.project-grid>a:hover,.article-list>a:hover,.blog-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #1b31271a}
.project-grid img,.event-card-image img,.blog-card img{width:100%;aspect-ratio:16/11;object-fit:cover}
.project-grid>a>div,.event-card-content,.blog-card-copy{display:flex;flex:1;flex-direction:column;gap:.55rem;padding:1.25rem}
.project-grid span,.article-list span,.blog-card time{color:var(--brass);font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.project-grid h3,.blog-card h2{color:var(--brown);font-size:1.08rem}
.project-grid p,.blog-card p{font-size:.88rem}
.article-list b{margin-top:auto;color:var(--ink);font-size:.8rem}
.article-list>a{gap:.6rem;padding:1.5rem}
.event-card-meta{display:flex;flex-wrap:wrap;gap:.5rem}.event-card-meta span{padding:.25rem .65rem;border-radius:999px;background:#efe6d4;color:var(--brown);font-size:.7rem;font-weight:700}
.event-card-location{font-size:.82rem}.event-card-location span{margin-inline-end:.35rem;color:var(--brass)}
.event-card-link{margin-top:auto;color:var(--ink);font-size:.8rem;font-weight:700}

/* FAQ */
.faq-layout,.lead-form-layout,.contact-details,.location-grid,.hours-layout,.product-hero-grid,.contact-actions{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2rem,4vw,3.5rem)}
.faq-list{display:grid;gap:.7rem}
.faq-list details{border:1px solid var(--line);border-radius:.5rem;background:var(--cream)}
.faq-list summary{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;font-weight:600;list-style:none;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span{display:grid;place-items:center;flex:none;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--deep);color:var(--brass);transition:transform .2s}
.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{padding:0 1.2rem 1.1rem}

/* CTA */
.cta-section{position:relative;padding-block:clamp(3.2rem,6vw,5rem);background:radial-gradient(circle at 85% 30%,#2b4637 0,transparent 45%),var(--deep);color:#fff}
.cta-section>.shell{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem 2rem}
.cta-section .eyebrow{grid-column:1/-1;margin:0}
.cta-section h2{max-width:24ch;color:#fff}.cta-section p{margin-top:.6rem;color:#d7cfbe}

/* Forms */
.lead-form{display:grid;gap:1rem;padding:clamp(1.3rem,3vw,2rem);border:1px solid var(--line);border-radius:.6rem;background:var(--cream)}
.lead-form label{display:grid;gap:.35rem;font-size:.86rem;font-weight:600}.lead-form small{color:var(--muted);font-weight:400}
.lead-form :is(input,select,textarea),.catalog-toolbar input,.filter-panel input{width:100%;min-height:46px;padding:.75rem .9rem;border:1px solid var(--line);border-radius:.35rem;background:#fff;color:var(--ink)}
.lead-form :is(input,select,textarea):focus,.catalog-toolbar input:focus,.filter-panel input:focus{border-color:var(--brass);outline:2px solid #c9a06333;outline-offset:0}
.lead-form input[type=checkbox]{width:1.15rem;min-height:1.15rem;accent-color:var(--deep)}
.lead-form input.honeypot{position:absolute;width:1px;min-height:0;padding:0;border:0}
.lead-form .button{justify-self:start}
.lead-form .eyivo-verification{border-color:var(--line);background:#fff}.lead-form .eyivo-verification button{border:1px solid var(--line);border-radius:.3rem;background:var(--paper)}
.form-error{color:#9b2c2c}.form-success{color:var(--green)}

/* Contact, hours, map */
.contact-details>div:last-child,.hours-layout dl{display:grid;gap:0;padding:.4rem 1.4rem;border:1px solid var(--line);border-radius:.55rem;background:var(--cream)}
.contact-details>div:last-child>p{display:grid;gap:.2rem;padding-block:1rem;border-bottom:1px solid var(--line);color:var(--ink);overflow-wrap:anywhere}.contact-details>div:last-child>p:last-child{border:0}
.contact-details span,.contact-actions span{color:var(--brass);font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.hours-layout dl>div{display:flex;justify-content:space-between;gap:1rem;padding-block:.95rem;border-bottom:1px solid var(--line)}.hours-layout dl>div:last-child{border:0}.hours-layout dt{font-weight:600}.hours-layout dd{color:var(--brown);font-weight:600}
.contact-actions-section{background:var(--deep)}.contact-actions h2{color:#fff}.contact-actions p{color:#d7cfbe}
.contact-actions>div:last-child{display:grid;gap:.75rem}
.contact-actions>div:last-child a{display:grid;gap:.2rem;padding:1rem 1.2rem;border:1px solid #ffffff1f;border-radius:.5rem;color:#fff;overflow-wrap:anywhere}.contact-actions>div:last-child a:hover{border-color:var(--brass)}
.location-grid{align-items:center}.location-grid>div>p:not(.eyebrow){margin-block:.8rem 1.2rem}
.map-visual{position:relative;display:block;overflow:hidden;border-radius:.6rem}.map-visual img{width:100%;aspect-ratio:16/10;object-fit:cover}
.map-visual span{position:absolute;bottom:1rem;inset-inline-start:1rem;padding:.5rem .9rem;border-radius:999px;background:var(--brass);color:#1d1b17;font-size:.78rem;font-weight:700}

/* Announcement, search, logos, downloads, tabs, video, rich text */
.announcement-panel{padding-block:1.6rem;background:var(--brown);color:#fff}
.announcement-panel>.shell{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem}
.announcement-panel>.shell>span{padding:.35rem .8rem;border:1px solid #ffffff59;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.announcement-panel>.shell>div{flex:1 1 20rem}.announcement-panel h2{color:#fff;font-size:1.3rem}.announcement-panel p{color:#f3e9da}
.announcement-panel .button-ghost{border-color:#fff;background:transparent}.announcement-panel .button-ghost:hover{background:#fff;color:var(--brown)}
.filter-panel{padding-block:2.4rem;border-block:1px solid var(--line);background:var(--cream)}
.filter-panel>.shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:1rem 2rem}.filter-panel h2{font-size:1.45rem}
.filter-chips{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.5rem}
.filter-chips button,.tab-buttons button{min-height:42px;padding:.5rem 1rem;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-size:.84rem;font-weight:600;cursor:pointer}
.filter-chips button[aria-pressed=true],.tab-buttons button[aria-selected=true]{border-color:var(--deep);background:var(--deep);color:var(--brass)}
.catalog-toolbar{max-width:24rem;margin-bottom:1.6rem}
.logo-cloud{padding-block:2rem;border-block:1px solid var(--line)}
.logo-cloud>.shell{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem}.logo-cloud p{color:var(--ink);font:600 1rem/1.3 var(--eyivo-font-heading)}
.logo-cloud>.shell>div{display:flex;flex-wrap:wrap;gap:.6rem 2rem}.logo-cloud span{color:#9b927f;font:600 1.05rem/1 var(--eyivo-font-heading);letter-spacing:.14em;text-transform:uppercase}.logo-cloud img{max-height:2.4rem}
.download-list{display:grid;gap:.7rem}
.download-list a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.3rem 1rem;padding:1rem 1.2rem;border:1px solid var(--line);border-radius:.5rem;background:var(--cream)}
.download-list a>span{grid-row:span 2;display:grid;place-items:center;min-width:3.2rem;height:3.2rem;border-radius:.4rem;background:var(--deep);color:var(--brass);font-size:.68rem;font-weight:700}
.download-list small{grid-column:2;color:var(--muted)}.download-list b{grid-column:3;grid-row:1/span 2;color:var(--brown)}
.tabs-component h2{text-align:center}
.tab-buttons{display:none;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-block:1.4rem}.theme-ready .tab-buttons{display:flex}
.tabs-component article{max-width:46rem;margin:1rem auto 0;padding:1.6rem;border:1px solid var(--line);border-radius:.55rem;background:var(--cream)}.tabs-component article p{margin-top:.5rem}
.video-feature .video-poster{position:relative;display:block;overflow:hidden;border-radius:.7rem}
.video-poster img{width:100%;aspect-ratio:16/8;object-fit:cover}
.video-poster::after{content:"";position:absolute;inset:0;background:#0c140f59}
.play-button{position:absolute;z-index:1;top:50%;left:50%;display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 1.4rem;border-radius:999px;background:var(--brass);color:#1d1b17;font-weight:700;transform:translate(-50%,-50%)}
.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
.video-card{display:grid;gap:1rem;padding:1rem;border:1px solid var(--line);border-radius:.6rem;background:var(--cream)}.video-card video{width:100%;border-radius:.4rem}.video-card h2{font-size:1.25rem}
.video-placeholder{display:flex;align-items:center;justify-content:center;gap:.8rem;min-height:14rem;border-radius:.45rem;background:var(--deep);color:#fff;font-weight:700}
.play-dot{width:3rem;height:3rem;border-radius:50%;background:var(--brass) conic-gradient(from 0deg,transparent 0 0) ;position:relative}.play-dot::after{content:"";position:absolute;top:50%;left:54%;border-block:7px solid transparent;border-inline-start:11px solid #1d1b17;transform:translate(-50%,-50%)}
.prose-layout{display:grid;grid-template-columns:minmax(10rem,.3fr) minmax(0,1fr);gap:2.5rem}
.prose-index{display:flex;align-items:center;gap:.8rem;align-self:start;color:var(--brass);font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.prose-index i{flex:1;height:1px;background:var(--line)}
.prose{max-width:70ch}.prose h2{margin-bottom:1rem}.prose a{color:var(--brown);text-decoration:underline;text-underline-offset:3px}.prose strong{color:var(--ink)}
.collection-section .section-action{display:flex;justify-content:center;margin-top:2rem}

/* Product */
.product-hero{padding-block:clamp(2.5rem,5vw,4rem);background:var(--deep);color:#fff}
.product-hero-grid{align-items:center}.product-hero .breadcrumbs{justify-content:flex-start}
.product-hero h1{color:#fff;font-size:clamp(1.9rem,3vw,2.6rem)}.product-hero .hero-summary{margin-block:1rem 1.5rem;color:#ddd5c4}
.product-hero figure img{width:100%;aspect-ratio:4/3;border-radius:.6rem;object-fit:cover}

/* Blog */
.blog-category-links,.blog-pagination{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.6rem}
.blog-category-links a,.blog-pagination a{padding:.45rem 1rem;border:1px solid var(--line);border-radius:999px;background:var(--cream);font-size:.84rem;font-weight:600}.blog-category-links a[aria-current]{border-color:var(--deep);background:var(--deep);color:var(--brass)}
.blog-pagination{margin-top:2rem}
.blog-card-copy .text-link{margin-top:auto}
.blog-post{max-width:48rem}.blog-post-lead{margin-bottom:1.6rem;color:var(--ink);font:500 1.2rem/1.6 var(--eyivo-font-heading)}
.blog-post-cover{width:100%;aspect-ratio:16/9;margin-bottom:2rem;border-radius:.6rem;object-fit:cover}
.blog-post-body{font-size:1.04rem;line-height:1.8}.blog-post-body>*+*{margin-top:1.1rem}.blog-post-body img{width:100%;border-radius:.5rem}.blog-post-body a{color:var(--brown);text-decoration:underline}.blog-post-body h2{font-size:1.5rem}.blog-post-body h3{font-size:1.2rem}

/* Footer */
.site-footer{padding-top:clamp(3rem,6vw,4.5rem);background:var(--deep);color:var(--on-dark)}
.barber-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:2rem;padding-bottom:2.5rem}
.barber-footer-brand .brand{justify-items:start;text-align:start}.barber-footer-brand p{max-width:30ch;margin-top:1rem;color:#b9b2a2;font-size:.9rem}
.site-footer h2{margin-bottom:1rem;color:#fff;font:700 .8rem/1.3 var(--eyivo-font-body);letter-spacing:.12em;text-transform:uppercase}
.barber-footer-grid nav,.barber-footer-grid address{display:flex;flex-direction:column;gap:.55rem;font-size:.88rem;font-style:normal}
.barber-footer-grid nav a,.barber-footer-grid address a{color:#c9c1af}.barber-footer-grid nav a:hover,.barber-footer-grid address a:hover{color:var(--brass)}
.barber-footer-grid address p{color:#c9c1af}
.barber-line{display:flex;gap:.6rem}.barber-line::before{content:"";flex:none;width:.45rem;height:.45rem;margin-top:.55em;border-radius:50%;background:var(--brass)}
.barber-social{display:flex!important;flex-direction:row!important;flex-wrap:wrap;margin-top:1.2rem}.barber-social a{padding:.35rem .8rem;border:1px solid #ffffff2e;border-radius:999px}
.barber-footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.6rem 2rem;padding-block:1.2rem;border-top:1px solid #ffffff1a;color:#9e9785;font-size:.8rem}

@media (max-width:1080px){
    .team-grid,.editorial-gallery,.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .slider-track{grid-auto-columns:calc((100% - 1.2rem)/2)}
    .price-offer{grid-template-columns:auto minmax(0,1fr)}.price-offer>.button{grid-column:2;grid-row:auto;justify-self:start}
    .barber-footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
    .barber-nav-wrap,.barber-mail,.locale-switcher{display:none}
    .barber-utility{grid-template-columns:auto 1fr auto;min-height:74px}
    .barber-call-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.brand-name{font-size:1.15rem}
    .mobile-menu{position:relative;display:block}
    .mobile-menu>summary{display:flex;align-items:center;gap:.5rem;min-height:44px;padding:.4rem .9rem;border:1px solid #ffffff2e;border-radius:999px;font-size:.84rem;list-style:none;cursor:pointer}.mobile-menu>summary::-webkit-details-marker{display:none}
    .mobile-menu>nav{position:absolute;z-index:40;top:calc(100% + .5rem);inset-inline-end:0;display:grid;width:min(19rem,86vw);padding:.5rem;border:1px solid #ffffff14;border-radius:.5rem;background:#14231b;box-shadow:0 18px 40px #000a}
    .mobile-menu>nav a{display:flex;align-items:center;min-height:44px;padding:.5rem .8rem;border-radius:.35rem;color:#efe7d6}.mobile-menu>nav a[aria-current]{color:var(--brass)}
    .mobile-menu .mobile-cta{justify-content:center;margin-top:.4rem;background:var(--brass);color:#1d1b17;font-weight:700}
    .image-text-grid,.faq-layout,.lead-form-layout,.contact-details,.location-grid,.hours-layout,.product-hero-grid,.contact-actions,.credentials-section>.shell,.prose-layout,.filter-panel>.shell{grid-template-columns:1fr}
    .image-text-image_right figure{order:0}
    .credentials-section{background:var(--deep)}
    .feature-grid,.service-list,.project-grid,.event-list,.article-list,.testimonial-grid,.native-card-grid,.blog-grid,.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:1.5rem}.stats-grid article:nth-child(odd){border-inline-start:0}
    .specs-layout dl{grid-template-columns:1fr}
    .cta-section>.shell{grid-template-columns:1fr}.cta-section .button{justify-self:start}
}
@media (max-width:600px){
    .feature-grid,.service-list,.project-grid,.event-list,.article-list,.testimonial-grid,.native-card-grid,.blog-grid,.video-grid,.team-grid,.editorial-gallery,.gallery-grid,.barber-footer-grid{grid-template-columns:1fr}
    .slider-track{grid-auto-columns:86%}
    .slider-section .section-heading{flex-direction:column;align-items:flex-start}
    .hero-component-grid{min-height:34rem;padding-block:3.5rem}
    .hero-component figure::after{background:linear-gradient(180deg,#0c140f8c,#0c140fe6)}
    .hero-component h1{font-size:2.05rem}
    .image-text figure{padding:0 0 2rem}.image-text figcaption{inset-inline-end:1rem}
    .price-offer{grid-template-columns:1fr}.price-offer :is(.eyebrow,h2,ul,.button){grid-column:1}.price{grid-column:1;grid-row:auto;width:8rem;height:8rem}
    .download-list a{grid-template-columns:auto minmax(0,1fr)}.download-list b{display:none}
    .barber-footer-bottom{flex-direction:column}
}
[dir=rtl] .play-button{transform:translate(50%,-50%);left:auto;right:50%}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}