/* ORIJINZ: a pinned opening with uninterrupted sections passing above it. */
:root[data-theme=dark]{--surface:#572d1e;--ink:#f5f0e6;--muted:#d8c9ba;--rule:rgb(245 240 230 / 22%);--stage:#462419}
.site-toolbar{position:sticky;top:0;z-index:40;margin:0;padding-left:5vw;padding-right:5vw;background:var(--surface)}
#main{position:relative;isolation:isolate}
#top{position:sticky;top:var(--intro-pin-top,var(--header-height));z-index:0;background:var(--surface)}
#barber-experience{position:relative;z-index:2;background:var(--surface)}
.barber-services{--ink:#f5f0e6;--surface:#572d1e;--muted:#d8c9ba;--rule:rgb(245 240 230 / 22%);display:block;margin:0;padding:clamp(48px,6vw,88px) 5vw;background:var(--surface);color:var(--ink);border:0;text-align:center}
.barber-services-heading,.barber-services-copy{max-width:760px;margin-inline:auto}
.barber-services h2{max-width:20ch;margin:0 auto 25px}
.barber-services-copy>p{max-width:58ch;margin:0 auto 28px}
.barber-contact{min-height:48px;padding:15px 28px}
.barber-review-link{margin:22px auto 0;color:var(--muted)}
#smp{position:relative;z-index:2;margin:0;padding-left:5vw;padding-right:5vw;background:var(--surface)}
.site-footer{--surface:#572d1e;--ink:#f5f0e6;--muted:#d8c9ba;--rule:rgb(245 240 230 / 22%);position:relative;z-index:3;background:var(--surface);color:var(--ink)}
@media(max-width:650px){.site-toolbar{padding-left:6vw;padding-right:6vw}.site-navigation{left:0;right:0}.barber-services,#smp{padding-left:6vw;padding-right:6vw}.barber-services h2{max-width:16ch}.barber-services-copy>p{font-size:15px;line-height:1.7}.barber-review-link{max-width:32ch}}
@media(prefers-reduced-motion:reduce){#top{position:relative;top:auto}}
/* Small hanging letters echo the main sign without moving whole headings. */
.detail-letter{display:inline-block;transform-origin:16% 12%;will-change:transform,opacity}
@media(prefers-reduced-motion:reduce){.detail-letter{transform:none!important;opacity:1!important;will-change:auto}}

/* Approved compact introduction and direct Instagram access. */
.barber-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0;padding:36px 6vw 34px;background:var(--surface);color:var(--ink);border-top:1px solid var(--rule)}
.barber-intro .eyebrow{margin:0 0 8px;font-size:9px;letter-spacing:.14em;color:var(--muted)}
.barber-intro h2{margin:0;font-family:'ORIJINZ Editorial','Arial Narrow',sans-serif;font-size:30px;font-weight:700;letter-spacing:-.02em;line-height:1.1}
.barber-collaborations{display:inline-flex;align-items:center;gap:9px;min-height:44px;font-size:12px;line-height:1.5;border-bottom:1px solid var(--rule)}
.barber-collaborations svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4}
@media(max-width:650px){.barber-intro{display:block;padding:27px 6vw 25px}.barber-intro h2{font-size:29px}.barber-collaborations{margin-top:11px;min-height:38px;font-size:12px}}
/* Direct Instagram access; the existing pinned hero and covering sections stay intact. */
:root{--header-height:168px}
.site-toolbar{height:168px;grid-template-rows:44px 76px 48px;row-gap:0}
.site-identity,.toolbar-controls{grid-row:2}
.site-navigation{grid-row:3}
.instagram-quick-link{grid-row:1;grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;margin-inline:-5vw;padding:0 5vw;background:var(--ink);color:var(--surface);font:600 12px/1.3 Arial,sans-serif;letter-spacing:.055em}
.instagram-quick-link svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4}
.instagram-quick-link:focus-visible{outline-offset:-5px}
@media(max-width:650px){:root{--header-height:120px}.site-toolbar{height:120px;grid-template-rows:44px 76px;row-gap:0}.instagram-quick-link{margin-inline:-6vw;padding-inline:6vw}.site-navigation{grid-area:auto;top:119px}}

/* A larger outlined Instagram panel stays beneath the next section. */
.barber-intro{position:sticky;top:var(--header-height);z-index:0;min-height:clamp(330px,calc(56 * var(--orijinz-svh, 1svh)),560px);padding:52px 6vw 58px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;text-align:center;background:var(--surface);border-top:1px solid var(--rule)}
.barber-intro .eyebrow{font-size:10px;margin-bottom:12px}
.barber-intro h2{font-size:clamp(32px,4vw,48px);max-width:20ch;margin:0}
.barber-collaborations{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:min(100%,460px);min-height:104px;margin-top:32px;padding:18px 24px;border:1px solid var(--ink);background:transparent;color:var(--ink);text-decoration:none;transition:background-color .2s,color .2s}
.barber-collaborations svg{width:29px;height:29px;flex:none}
.instagram-button-label{display:flex;flex-direction:column;align-items:center;gap:5px}
.instagram-button-title{font-family:'ORIJINZ Editorial','Arial Narrow',sans-serif;font-size:38px;line-height:1;letter-spacing:-.015em}
.instagram-button-context{font-size:11px;line-height:1.35;font-weight:400;letter-spacing:.035em;color:var(--muted)}
.barber-collaborations:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
#barber-experience>.editorial-gallery,#barber-experience>.story-section{position:relative;z-index:1;background:var(--surface)}
@media(max-width:650px){.barber-intro{min-height:calc(56 * var(--orijinz-svh, 1svh));padding:44px 6vw 48px}.barber-intro h2{font-size:34px}.barber-collaborations{min-height:100px;margin-top:30px;padding:18px 20px}.instagram-button-title{font-size:36px}}
@media(prefers-reduced-motion:reduce){.barber-intro{position:relative;top:auto}.barber-collaborations{transition:none}}

/* The approved Instagram panel is the only element in this introduction. */
.barber-intro .barber-collaborations{margin-top:0}