/* Approved clean header and normally scrolling story. */
:root.clean-layout{--header-height:124px}
.clean-layout .site-toolbar{--surface:#f5f0e6;--ink:#572d1e;--muted:#846857;--rule:rgb(87 45 30 / 18%);height:var(--header-height);grid-template-rows:76px 48px;color:var(--ink);background:var(--surface)}
.clean-layout .site-identity,.clean-layout .toolbar-controls{grid-row:1}
.clean-layout .site-navigation{grid-row:2}
.clean-layout .instagram-quick-link,.clean-layout .toolbar-instagram{display:none!important}
.clean-layout .theme-toggle{border:0;padding-left:0}
.clean-layout #barber.story-section{position:relative;max-width:1400px;padding:clamp(64px,8vw,112px) 6vw 88px;scroll-margin-top:calc(var(--header-height) + 24px)}
.clean-layout .story-intro{margin-bottom:64px}
.clean-layout .story-photo{clip-path:none!important;transform:none!important}
.clean-layout .story-photo img{aspect-ratio:2/3;object-fit:contain}
.clean-layout .name-story{position:relative;margin-top:56px;padding-top:44px}
.clean-layout .name-story::before{content:'';position:absolute;top:-1px;left:0;width:72px;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .65s ease}
.clean-layout .name-story.section-entered::before{transform:scaleX(1)}
.clean-layout .story-section .name-story-copy p{line-height:1.8;margin-bottom:20px}
.clean-layout .story-motto{margin-top:64px}
@media(max-width:650px){
 :root.clean-layout{--header-height:76px}
 .clean-layout .site-toolbar{grid-template-rows:76px}
 .clean-layout .site-navigation{grid-area:auto;top:75px;max-height:calc(calc(100 * var(--orijinz-svh, 1svh)) - 76px);overflow-y:auto;overscroll-behavior:contain}
 .clean-layout .story-intro{gap:44px;margin-bottom:56px}
 .clean-layout .story-intro .story-photo{max-width:420px}
 .clean-layout .name-story{margin-top:48px;padding-top:36px;gap:20px}
 .clean-layout .story-section .story-narrative p{line-height:1.75}
}
@media(prefers-reduced-motion:reduce){.clean-layout .name-story::before{transition:none;transform:none}}

/* Keep the toolbar on one paint layer while Instagram animates its own bars. */
.ios-instagram .site-toolbar{transform:translateZ(0)}

/* Long localized titles must fit narrow phones and tablet columns. */
.book-presentation .detail-copy{min-width:0}
.book-presentation h2{overflow-wrap:anywhere;hyphens:auto}

/* Let the controls and following panel move through their former positions. */
.hero.is-stage-moving{overflow-x:clip;overflow-y:visible}
html.stage-layout-busy{overflow-anchor:none}