:root{--surface:#eee0c9;--ink:#572d1e;--muted:#7c5b47;--rule:rgb(87 45 30 / 22%);--stage:#e6d6bd;--header-height:88px;color-scheme:light}
:root[data-theme=dark]{--surface:#191614;--ink:#eee0c9;--muted:#bba68e;--rule:rgb(238 224 201 / 22%);--stage:#211c18;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:var(--header-height)}body{margin:0;background:var(--surface);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;transition:background-color .3s,color .3s}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;border-radius:0;background:none;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:5px}svg{display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;left:5vw;top:12px;z-index:100;padding:14px 20px;background:var(--ink);color:var(--surface);transform:translateY(-160%)}.skip-link:focus{transform:none}
.site-toolbar{height:var(--header-height);margin:0 5vw;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--rule);position:relative;z-index:10}.site-identity{font-size:11px;letter-spacing:.08em;font-weight:600;white-space:nowrap;min-height:44px;display:flex;align-items:center}.toolbar-controls,.language-options{display:flex;align-items:center}.toolbar-controls{gap:16px}.language-options{gap:3px}.language-button{position:relative;min-width:32px;min-height:44px;font-size:11px;color:var(--muted);padding:0 5px}.language-button:after{content:'';position:absolute;left:7px;right:7px;bottom:6px;height:1px;background:currentColor;transform:scaleX(0);transition:transform .2s}.language-button[aria-pressed=true]{color:var(--ink)}.language-button[aria-pressed=true]:after{transform:scaleX(1)}.theme-toggle{width:44px;min-height:44px;display:grid;place-items:center;border-left:1px solid var(--rule);padding-left:16px}.theme-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.sun-icon{display:none}html[data-theme=dark] .sun-icon{display:block}html[data-theme=dark] .moon-icon{display:none}
.hero{min-height:calc(calc(100 * var(--orijinz-svh, 1svh)) - var(--header-height));padding:0 5vw;display:flex;flex-direction:column;justify-content:space-between;position:relative;isolation:isolate;overflow:hidden}.logo-space{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:350px;padding:60px 0 80px}.wordmark{display:block;width:min(790px,78vw);aspect-ratio:775/290;margin:0;padding:0;position:relative;overflow:visible}.logo-fixed,.logo-layer{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.logo-layer{opacity:0}.logo-orijinz{opacity:1}.logo-ending,.logo-subtitle{transform-box:view-box;transform-origin:0 0;will-change:transform}
.choices{display:grid;grid-template-columns:1fr 1fr;gap:56px;border-top:1px solid var(--rule)}.choice{--choice-size:clamp(32px,4vw,58px);--choice-open-size:clamp(38px,4.6vw,66px);position:relative;text-align:left;padding:25px 0 31px;min-width:0;touch-action:manipulation}.choice-label{font-size:10px;letter-spacing:.12em;display:flex;align-items:center;gap:9px;margin-bottom:14px;color:var(--muted);transition:color .3s}.choice-label:before{content:'';width:4px;height:4px;flex:none;border-radius:50%;background:currentColor;opacity:0;transform:scale(.3);transition:transform .4s,opacity .3s}.choice.active .choice-label{color:var(--ink)}.choice.active .choice-label:before{opacity:1;transform:scale(1)}.choice-title{display:flex;align-items:center;min-height:calc(var(--choice-open-size) + 12px)}.choice-title strong{font-size:var(--choice-size);font-weight:400;line-height:1.05;letter-spacing:-.055em;white-space:nowrap;transition:font-size .55s cubic-bezier(.2,.8,.2,1),transform .18s}.choice.active .choice-title strong{font-size:var(--choice-open-size)}.choice:active .choice-title strong{transform:translateY(2px)}.choice-description{display:block;font-size:12px;line-height:1.6;color:var(--muted);margin-top:12px;transition:color .3s,transform .5s}.choice.active .choice-description{color:var(--ink);transform:translateY(-2px)}.choice:after{content:'';position:absolute;top:-1px;left:0;right:0;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.choice.active:after{transform:scaleX(1)}
.detail{margin:0 5vw;padding:85px 0 95px;border-top:1px solid var(--rule);display:grid;grid-template-columns:1fr 2.2fr;gap:65px}.section-label{font-size:10px;letter-spacing:.1em;line-height:1.5;display:flex;flex-direction:column;gap:10px}.section-label span:last-child{color:var(--muted);letter-spacing:0;font-size:12px}.eyebrow{font-size:10px;letter-spacing:.14em;text-transform:uppercase;line-height:1.5;margin:0 0 22px;color:var(--muted)}.detail h2{font-size:clamp(36px,4.5vw,64px);font-weight:400;letter-spacing:-.055em;line-height:1.08;max-width:850px;margin:0 0 25px;text-wrap:pretty}.section-description{font-size:15px;line-height:1.7;color:var(--muted);margin:0;max-width:570px}.video-stage{margin-top:40px;background:var(--stage)}.presentation-video{display:block;width:100%;height:auto;max-height:calc(78 * var(--orijinz-svh, 1svh));object-fit:contain;background:var(--stage)}.book-actions{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--rule);padding-top:24px;margin-top:25px}.coming-soon{font-size:10px;line-height:1.5;letter-spacing:.13em;text-transform:uppercase}.booklink{display:flex;align-items:center;gap:35px;border-bottom:1px solid currentColor;min-height:44px;padding:9px 0;font-size:13px;white-space:nowrap}.booklink svg,.site-footer svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 5vw;padding:21px 0 24px;border-top:1px solid var(--rule);font-size:10px;letter-spacing:.06em;color:var(--muted)}.site-footer a{display:flex;align-items:center;gap:16px;min-height:44px}[hidden]{display:none!important}
@media(max-width:650px){:root{--header-height:76px}.site-toolbar{margin:0 6vw;gap:10px}.site-identity{font-size:9px;letter-spacing:.02em}.toolbar-controls{gap:10px}.language-options{gap:0}.language-button{min-width:26px;padding:0 2px;font-size:10px}.theme-toggle{width:40px;padding-left:12px}.hero{padding:0 6vw}.logo-space{min-height:280px;padding:50px 0 80px}.wordmark{width:min(97vw,110%)}.choices{gap:24px}.choice{padding:22px 0 27px;--choice-size:clamp(25px,6.5vw,32px);--choice-open-size:clamp(27px,7.8vw,38px)}html[lang=en] .choice,html[lang=de] .choice{--choice-size:clamp(24px,5.8vw,30px);--choice-open-size:clamp(26px,6.6vw,34px)}.choice-label{font-size:9px;margin-bottom:10px;letter-spacing:.08em}.choice-description{font-size:11px;margin-top:10px;max-width:150px;min-height:36px}.detail{margin:0 6vw;grid-template-columns:1fr;gap:38px;padding:48px 0 58px}.section-label{flex-direction:row;justify-content:space-between;gap:16px}.section-label span:last-child{font-size:11px}.detail h2{font-size:clamp(32px,8.4vw,43px);line-height:1.12;letter-spacing:-.045em}.eyebrow{margin-bottom:18px}.section-description{font-size:14px}.video-stage{margin-top:28px}.book-actions{gap:16px;margin-top:20px;padding-top:16px}.booklink{font-size:12px;gap:20px}.coming-soon{font-size:9px}.site-footer{margin:0 6vw;font-size:9px;letter-spacing:0}.site-footer a{gap:8px}}
@media(hover:hover) and (pointer:fine){.choice:not(:active):hover .choice-title strong{transform:translateY(-3px)}.language-button:hover,.site-footer a:hover{color:var(--ink)}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.choice:active .choice-title strong,.choice:hover .choice-title strong{transform:none}}

/* Editorial presentation: a clear heading, an uninterrupted film, one primary action. */
.book-presentation{grid-template-columns:1fr 2.2fr;row-gap:46px;padding-top:72px}
.book-presentation .section-label{grid-column:1/-1;flex-direction:row;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--rule)}
.book-presentation .detail-copy{grid-column:1/-1;text-align:center;max-width:940px;justify-self:center;padding:15px 20px 8px}
.book-presentation .eyebrow{font-size:11px;letter-spacing:.2em;margin-bottom:24px}
.book-presentation h2{font-size:clamp(38px,5.5vw,76px);max-width:900px;margin:0 auto 24px;line-height:1.06;letter-spacing:-.05em}
.book-presentation .section-description{margin:0 auto;font-size:16px}
.book-presentation .video-stage{grid-column:1/-1;margin:0;width:100%;overflow:hidden}
.book-presentation .presentation-video{max-height:calc(82 * var(--orijinz-svh, 1svh));min-height:240px}
.book-presentation .book-actions{grid-column:1/-1;margin:0;border:0;padding:0}
.booklink{position:relative;justify-content:center;border:1px solid var(--ink);padding:18px 30px;min-width:200px;min-height:56px;gap:26px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;transition:background-color .25s,color .25s}
.booklink:hover,.booklink:focus-visible{background:var(--ink);color:var(--surface)}
@media(max-width:650px){.book-presentation{grid-template-columns:1fr;row-gap:28px;padding-top:40px}.book-presentation .section-label{padding-bottom:16px}.book-presentation .detail-copy{padding:10px 0}.book-presentation h2{font-size:clamp(34px,9vw,49px);line-height:1.1;margin-bottom:20px}.book-presentation .eyebrow{font-size:9px;letter-spacing:.16em;margin-bottom:20px}.book-presentation .section-description{font-size:14px}.book-presentation .presentation-video{min-height:0;max-height:calc(74 * var(--orijinz-svh, 1svh))}.book-presentation .book-actions{flex-direction:column;align-items:stretch;gap:20px}.book-presentation .coming-soon{text-align:center}.booklink{width:100%;font-size:10px;padding:18px 24px;min-height:56px}}
/* The same identity across a complete editorial site. */
.site-toolbar{display:grid;grid-template-columns:1fr auto;grid-template-rows:76px 48px;height:124px;align-content:start;column-gap:24px}
:root{--header-height:124px}
.site-navigation{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:42px;border-top:1px solid var(--rule);height:48px;font-size:11px;letter-spacing:.07em}
.site-navigation a,.site-navigation button{display:flex;align-items:center;min-height:44px;padding:0 6px;position:relative}
.site-navigation a:after,.site-navigation button:after{content:'';position:absolute;bottom:6px;height:1px;left:6px;right:6px;background:currentColor;transform:scaleX(0);transition:transform .25s}
.site-navigation a:hover:after,.site-navigation button:hover:after,.site-navigation button[aria-current=true]:after{transform:scaleX(1)}
.menu-toggle{display:none}
.brand-intro{margin:0 5vw;padding:90px 0 64px;border-top:1px solid var(--rule);scroll-margin-top:30px}
.intro-grid{display:grid;grid-template-columns:1.25fr 1fr;align-items:end;gap:10vw}
.brand-intro h2{font-weight:400;font-size:clamp(42px,5.4vw,78px);letter-spacing:-.055em;line-height:1.06;margin:0;max-width:680px;text-wrap:balance}
.intro-grid .section-description{max-width:380px;padding-bottom:5px}
.brand-index{display:grid;grid-template-columns:auto 1fr auto 1fr;align-items:center;gap:24px;margin-top:60px;padding-top:25px;border-top:1px solid var(--rule);font-size:11px;letter-spacing:.06em}
.brand-index span:nth-child(even){font-size:15px;letter-spacing:0;color:var(--muted)}
.book-presentation{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:35px 7vw;padding-top:60px;align-items:center}
.book-presentation .detail-copy{grid-column:1;grid-row:2;justify-self:stretch;text-align:left;padding:0;max-width:none}
.book-presentation h2{font-size:clamp(34px,3.9vw,60px);max-width:650px;margin:0 0 25px;line-height:1.1}
.book-presentation .section-description{margin:0;font-size:15px}
.book-presentation .video-stage{grid-column:2;grid-row:2;margin:0;align-self:center}
.book-presentation .presentation-video{min-height:0;max-height:calc(65 * var(--orijinz-svh, 1svh))}
.book-presentation .book-actions{grid-column:1/-1;grid-row:3;padding-top:28px;margin-top:10px;border-top:1px solid var(--rule)}
.brand-principles{display:grid;grid-template-columns:1fr 1fr;gap:9vw;margin:0 5vw;padding:75px 0 95px;border-top:1px solid var(--rule)}
.brand-principles article{min-width:0}.brand-principles h2{font-size:clamp(30px,3.2vw,48px);font-weight:400;line-height:1.12;letter-spacing:-.045em;margin:0 0 25px;max-width:480px}
.brand-principles .section-description{font-size:14px;max-width:460px}
@media(max-width:650px){:root{--header-height:76px}.site-toolbar{height:76px;grid-template-rows:76px;gap:8px;position:relative}.toolbar-controls{gap:7px}.site-identity{font-size:9px}.theme-toggle{padding-left:8px;width:32px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:32px;min-height:44px;padding:6px}.menu-toggle span{width:20px;height:1px;background:currentColor;transition:transform .25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.site-navigation{display:none;position:absolute;top:75px;left:-6vw;right:-6vw;z-index:20;height:auto;padding:24px 6vw;background:var(--surface);border-bottom:1px solid var(--rule);align-items:stretch;gap:8px;box-shadow:0 18px 20px rgb(0 0 0 / 5%)}.site-navigation.is-open{display:flex;flex-direction:column}.site-navigation a,.site-navigation button{font-size:20px;text-align:left;min-height:48px}.site-navigation a:after,.site-navigation button:after{display:none}.brand-intro{margin:0 6vw;padding:48px 0 38px}.intro-grid{grid-template-columns:1fr;gap:26px}.brand-intro h2{font-size:clamp(38px,10vw,52px)}.intro-grid .section-description{max-width:340px;font-size:14px}.brand-index{grid-template-columns:auto 1fr;gap:16px 24px;margin-top:32px;padding-top:22px;font-size:9px}.brand-index span:nth-child(even){font-size:13px}.book-presentation{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:38px}.book-presentation .detail-copy{grid-column:1;grid-row:2}.book-presentation h2{font-size:clamp(33px,8.6vw,47px);margin-bottom:20px}.book-presentation .video-stage{grid-column:1;grid-row:3}.book-presentation .book-actions{grid-column:1;grid-row:4;gap:18px;padding-top:24px;margin-top:0}.book-presentation .section-description{font-size:14px}.brand-principles{margin:0 6vw;grid-template-columns:1fr;gap:42px;padding:46px 0 54px}.brand-principles h2{font-size:34px;margin-bottom:20px}.brand-principles .section-description{font-size:14px}.brand-principles article+article{padding-top:35px;border-top:1px solid var(--rule)}}

@media(max-width:380px){.site-identity{font-size:8px;letter-spacing:0}.toolbar-controls{gap:4px}.language-button{min-width:22px}.theme-toggle{width:28px;padding-left:6px}.menu-toggle{width:28px;padding:4px}}
.editorial-gallery{margin:0 3vw;padding:70px 0 80px;border-top:1px solid var(--rule);scroll-margin-top:30px}
.gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:0 2vw 42px}.gallery-heading .eyebrow{margin:0 0 6px}.gallery-heading h2{font-size:clamp(32px,3.7vw,56px);font-weight:400;line-height:1.1;letter-spacing:-.045em;margin:0;text-wrap:balance}
.editorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:54px 28px}.editorial-frame{margin:0;min-width:0}.editorial-frame img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 38%;filter:grayscale(1) contrast(1.06);background:#171717}.editorial-frame figcaption{display:flex;justify-content:space-between;gap:12px;margin-top:14px;font-size:9px;letter-spacing:.12em;color:var(--muted)}.frame-06 img{object-position:50% 45%}.frame-08 img{object-position:50% 62%}
@media(max-width:760px){.editorial-gallery{margin:0;padding:44px 0 50px}.gallery-heading{display:block;margin:0 6vw 30px}.gallery-heading .eyebrow{margin-bottom:22px}.gallery-heading h2{font-size:clamp(34px,8.7vw,48px);max-width:440px}.editorial-grid{grid-template-columns:minmax(0,1fr);gap:38px}.editorial-frame img{aspect-ratio:auto;object-fit:contain}.editorial-frame figcaption{font-size:9px;margin:13px 6vw 0}}

/* Large photographic sections with live editorial text over the image. */
.editorial-gallery{margin:0;padding-bottom:0;border-top:0}.gallery-heading{margin-left:5vw;margin-right:5vw}.editorial-grid{gap:2px;background:var(--surface)}
.editorial-frame{position:relative;isolation:isolate;overflow:hidden;background:#171717}.editorial-frame:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 42%,rgb(0 0 0 / 22%) 60%,rgb(0 0 0 / 86%) 100%)}
.editorial-frame figcaption{position:absolute;inset:auto 0 0;z-index:2;display:block;margin:0;padding:48px 7%;color:#fff;letter-spacing:0;text-shadow:0 1px 10px rgb(0 0 0 / 20%)}
.photo-brand{display:block;font-size:10px;letter-spacing:.18em;margin-bottom:16px}.editorial-frame h3{font-size:clamp(32px,4vw,60px);font-weight:400;line-height:1.08;letter-spacing:-.035em;margin:0 0 14px;overflow-wrap:anywhere}.editorial-frame figcaption p{font-size:15px;line-height:1.6;margin:0;max-width:390px;color:#fff;letter-spacing:.01em}.editorial-frame img{transition:transform .8s cubic-bezier(.2,.7,.3,1)}
@media(hover:hover) and (pointer:fine){.editorial-frame:hover img{transform:scale(1.025)}}
@media(max-width:760px){.gallery-heading{margin-left:6vw;margin-right:6vw}.editorial-grid{gap:2px}.editorial-frame figcaption{margin:0;padding:36px 7vw}.photo-brand{font-size:9px;margin-bottom:14px}.editorial-frame h3{font-size:clamp(36px,10vw,52px);margin-bottom:12px}.editorial-frame figcaption p{font-size:14px;max-width:300px}.editorial-frame:after{background:linear-gradient(180deg,transparent 42%,rgb(0 0 0 / 28%) 65%,rgb(0 0 0 / 88%) 100%)}}
/* Warm charcoal and sand connect the photographic chapter to the brand. */
.editorial-gallery{background:#191614;color:#eee0c9;padding-top:72px}.gallery-heading{padding-bottom:32px;border-bottom:1px solid rgb(238 224 201 / 22%)}.gallery-heading .eyebrow{color:#bba68e}.editorial-grid{background:#191614;gap:1px}
/* Each caption stays within its own photograph while the page scrolls naturally. */
.editorial-frame{display:grid;grid-template-columns:minmax(0,1fr);overflow:clip;align-items:start;background:#191614}
.editorial-frame img{grid-area:1/1;align-self:stretch;height:100%;aspect-ratio:2/3;min-height:calc(calc(42 * var(--orijinz-svh, 1svh)) + 230px);object-fit:cover;transform:none;transition:none}
.editorial-frame figcaption{grid-area:1/1;align-self:start;position:sticky;inset:auto;top:calc(42 * var(--orijinz-svh, 1svh));margin:calc(42 * var(--orijinz-svh, 1svh)) 0 0;padding:30px 7% 42px;color:#eee0c9;text-shadow:0 2px 12px #000;background:linear-gradient(180deg,transparent,rgb(25 22 20 / 65%));}
.editorial-frame h3{letter-spacing:-.045em}.editorial-frame figcaption p{color:#eee0c9}.photo-brand{color:#d3b99b}.editorial-frame:after{background:linear-gradient(180deg,transparent 38%,rgb(25 22 20 / 12%) 58%,rgb(25 22 20 / 80%) 100%)}
@media(hover:hover) and (pointer:fine){.editorial-frame:hover img{transform:none}}
@media(max-width:760px){.editorial-gallery{padding-top:42px}.gallery-heading{padding-bottom:25px}.editorial-frame img{aspect-ratio:auto;height:100%;min-height:calc(calc(42 * var(--orijinz-svh, 1svh)) + 230px);object-fit:cover}.editorial-frame figcaption{top:calc(42 * var(--orijinz-svh, 1svh));margin:calc(42 * var(--orijinz-svh, 1svh)) 0 0;padding:28px 7vw 38px}.editorial-frame h3{font-size:clamp(36px,10vw,50px)}.editorial-frame figcaption p{max-width:300px}}
@media(prefers-reduced-motion:reduce){.editorial-frame figcaption{position:relative;top:auto;margin:0;align-self:end}.editorial-frame img{min-height:0}}
/* Two distinct paths, with a shared typographic language. */
.path-intro{padding:6px 0 28px}.path-intro .eyebrow{margin-bottom:12px;font-size:10px}.path-intro h2{font-size:clamp(25px,2.7vw,40px);font-weight:400;line-height:1.15;letter-spacing:-.035em;margin:0}
.choices{gap:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-bottom:32px}.choice{padding:28px 34px 30px;transition:background-color .35s,color .35s}.choice+.choice{border-left:1px solid var(--rule)}.choice.active{background:var(--ink);color:var(--surface)}.choice.active .choice-label,.choice.active .choice-description{color:var(--surface)}.choice-description{max-width:340px;min-height:40px;font-size:13px;margin-top:14px}.choice-action{display:inline-block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-top:24px;padding-bottom:7px;border-bottom:1px solid currentColor;transition:transform .25s}.choice:after{display:none}.choice-title strong{font-size:clamp(34px,4vw,58px);transition:transform .4s cubic-bezier(.2,.8,.2,1)}.choice.active .choice-title strong{font-size:clamp(34px,4vw,58px);transform:translateX(5px)}.choice-title{min-height:65px}.choice-label:before{display:none}.choice:hover .choice-action{transform:translateX(4px)}
#barber-experience{display:flow-root}
@media(max-width:650px){.logo-space{min-height:240px;padding:38px 0 54px}.path-intro{padding:0 0 24px}.path-intro h2{font-size:clamp(26px,7.4vw,34px);max-width:330px}.path-intro .eyebrow{font-size:9px}.choices{margin-bottom:28px}.choice{padding:23px 17px 25px}.choice-title{min-height:43px}.choice-title strong,.choice.active .choice-title strong,html[lang=en] .choice-title strong,html[lang=de] .choice-title strong{font-size:clamp(25px,6.7vw,34px)}.choice-label{font-size:8px;letter-spacing:.06em}.choice-description{font-size:11px;line-height:1.6;min-height:72px;max-width:none}.choice-action{font-size:8px;letter-spacing:.05em;line-height:1.6;margin-top:18px}.choice.active .choice-title strong{transform:translateX(2px)}}
@media(max-width:360px){.choice{padding-left:12px;padding-right:12px}.choice-action{font-size:7px}.choice-title strong,.choice.active .choice-title strong,html[lang=en] .choice-title strong,html[lang=de] .choice-title strong{font-size:24px}}
/* Photograph captions begin above and travel downward with the visitor's scroll. */
.editorial-gallery,.editorial-grid,.editorial-frame{background:#211913}.editorial-gallery{color:#eee0c9}.editorial-frame{display:block}.editorial-frame img{height:auto;aspect-ratio:2/3;min-height:0}.editorial-frame figcaption{position:absolute;grid-area:auto;top:clamp(28px,calc(5 * var(--orijinz-svh, 1svh)),64px);right:0;bottom:auto;left:0;align-self:auto;margin:0;padding:26px 7% 34px;transform:translateY(var(--caption-travel,0px));will-change:transform;color:#eee0c9;background:linear-gradient(180deg,rgb(33 25 19 / 60%),rgb(33 25 19 / 32%) 72%,transparent);text-shadow:0 2px 12px rgb(0 0 0 / 80%)}.editorial-frame h3{margin-bottom:12px}.editorial-frame:after{background:linear-gradient(180deg,rgb(33 25 19 / 12%),transparent 38%,rgb(33 25 19 / 16%))}.editorial-frame figcaption p{color:#eee0c9}.gallery-heading{justify-content:flex-start;border-color:rgb(238 224 201 / 18%)}
@media(max-width:760px){.editorial-frame img{aspect-ratio:auto;height:auto;min-height:0}.editorial-frame figcaption{top:28px;margin:0;padding:24px 7vw 32px}.editorial-frame h3{font-size:clamp(34px,9.5vw,48px)}}
@media(prefers-reduced-motion:reduce){.editorial-frame figcaption{position:absolute;top:auto;bottom:0;transform:none!important;will-change:auto}}
.editorial-frame figcaption{background:linear-gradient(180deg,transparent,rgb(33 25 19 / 58%) 22%,rgb(33 25 19 / 38%) 70%,transparent);text-shadow:0 1px 6px rgb(0 0 0 / 70%)}

/* A clean photographic surface with typography closer to the original wordmark. */
@font-face{font-family:'ORIJINZ Editorial';src:url('assets/fonts/nimbus-sans-narrow-bold.woff') format('woff');font-style:normal;font-weight:700;font-display:swap}
.editorial-gallery{padding:0;margin:0;background:transparent;border:0}.gallery-heading{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.editorial-grid{gap:0;background:transparent;border:0}.editorial-frame{border:0;background:transparent}.editorial-frame:after{content:none}.editorial-frame figcaption{background:none;color:#eee0c9;text-shadow:0 1px 5px rgb(0 0 0 / 85%)}
.editorial-frame h3{font-family:'ORIJINZ Editorial','Arial Narrow',Arial,sans-serif;font-weight:700;font-size:clamp(44px,5.4vw,78px);letter-spacing:-.025em;line-height:.98;text-transform:lowercase;margin-bottom:14px}.editorial-frame figcaption p{color:#eee0c9;font-size:14px;letter-spacing:.01em}
.choice-title strong,.choice.active .choice-title strong{font-family:'ORIJINZ Editorial','Arial Narrow',Arial,sans-serif;font-weight:700;letter-spacing:-.025em}.path-intro h2{font-family:'ORIJINZ Editorial','Arial Narrow',Arial,sans-serif;font-weight:700;letter-spacing:-.02em}
@media(max-width:760px){.editorial-gallery{padding:0}.editorial-frame h3{font-size:clamp(42px,12vw,64px)}.editorial-frame figcaption p{font-size:13px}.editorial-frame figcaption{background:none}}
.editorial-frame figcaption{color:#fff;mix-blend-mode:difference;text-shadow:none}.editorial-frame figcaption p{color:#fff;text-shadow:none}

.editorial-frame figcaption{top:24px;padding-top:12px;mix-blend-mode:normal;color:var(--photo-ink,#eee0c9);text-shadow:none}.editorial-frame figcaption p{color:inherit;text-shadow:none}.frame-01,.frame-02,.frame-06{--photo-ink:#572d1e}.editorial-frame h3{font-size:clamp(44px,4.8vw,70px)}
@media(max-width:760px){.editorial-frame figcaption{top:18px;padding-top:12px}.editorial-frame h3{font-size:clamp(42px,11vw,58px)}}
@media(prefers-reduced-motion:reduce){.editorial-frame figcaption{top:auto;bottom:0;color:#eee0c9}}
/* A light, quiet interface; colour comes from the original wordmark. */
:root{--surface:#f5f0e6;--ink:#572d1e;--muted:#806451;--rule:rgb(87 45 30 / 18%);--stage:#ede7dd}
:root[data-theme=dark]{--surface:#191614;--ink:#eee0c9;--muted:#bba68e;--rule:rgb(238 224 201 / 22%);--stage:#211c18}
.choice.active{background:transparent;color:var(--ink)}.choice.active .choice-label,.choice.active .choice-description{color:var(--ink)}.choice{background:transparent}.choice.active .choice-action{border-bottom-width:2px}.choice.active .choice-title strong{transform:none}.choice:hover{background:rgb(128 100 81 / 4%)}
.toolbar-instagram{width:36px;min-height:44px;display:grid;place-items:center}.toolbar-instagram svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4}.toolbar-instagram svg circle:last-child{fill:currentColor;stroke:none}
.site-footer{display:block;margin:0;padding:64px 5vw 20px;border-top:1px solid var(--rule);color:var(--ink);background:var(--surface);letter-spacing:0;scroll-margin-top:25px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1.25fr 1fr;gap:40px;padding-bottom:48px}.footer-wordmark{font-family:'ORIJINZ Editorial','Arial Narrow',Arial,sans-serif;font-weight:700;font-size:32px;letter-spacing:-.035em}.footer-brand p{max-width:220px;font-size:12px;line-height:1.7;color:var(--muted);margin:12px 0 0}.footer-column{display:flex;align-items:flex-start;flex-direction:column}.footer-column h2{font-size:10px;font-weight:600;line-height:1.5;text-transform:uppercase;letter-spacing:.13em;margin:0 0 18px}.site-footer .footer-column a,.footer-column button{font-size:12px;min-height:40px;line-height:1.6;padding:4px 0;display:flex;flex-wrap:wrap;gap:4px 8px;text-align:left}.footer-column a span{color:var(--muted)}.footer-column a:hover,.footer-column button:hover{text-decoration:underline;text-underline-offset:5px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--rule);padding-top:16px;color:var(--muted);font-size:9px;letter-spacing:.06em}.footer-bottom a{gap:14px}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.toolbar-instagram{display:none}}
@media(max-width:650px){.site-footer{padding:42px 6vw 18px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 20px;padding-bottom:32px}.footer-brand{grid-column:1/-1}.footer-wordmark{font-size:34px}.footer-brand p{max-width:none;margin-top:8px}.footer-column h2{font-size:9px;margin-bottom:12px}.site-footer .footer-column a,.footer-column button{font-size:11px;min-height:44px}.footer-bottom{font-size:8px;gap:14px}.footer-bottom a{font-size:9px}.choice.active .choice-title strong{transform:none}.choice.active{background:transparent}}
/* Keep the page light, with the selected path clearly marked. */
.choice.active{background:var(--ink);color:var(--surface)}.choice.active .choice-description,.choice.active .choice-label,.choice.active .choice-action{color:var(--surface)}.choice.active:hover{background:var(--ink)}
/* Reserve the full hanging-sign envelope below the original, unchanged wordmark. */
.logo-space{flex:none;justify-content:flex-start;min-height:max(calc(70 * var(--orijinz-svh, 1svh)),calc(min(790px,78vw)*.84 + 80px));padding:clamp(64px,calc(12 * var(--orijinz-svh, 1svh)),120px) 0 clamp(170px,calc(23 * var(--orijinz-svh, 1svh)),260px)}
.site-toolbar{background:var(--surface)}
@media(max-width:650px){.logo-space{min-height:max(calc(66 * var(--orijinz-svh, 1svh)),calc(97vw*.84 + 72px));padding:clamp(64px,calc(12 * var(--orijinz-svh, 1svh)),96px) 0 180px}.path-intro{padding-bottom:28px}.choices{margin-bottom:40px}.choice.active{background:var(--ink);color:var(--surface)}.choice.active .choice-description,.choice.active .choice-action{color:var(--surface)}}

/* The founder story: open editorial space, original brand palette. */
.story-section{padding:clamp(64px,9vw,140px) clamp(24px,6vw,100px);max-width:1600px;margin:auto;scroll-margin-top:32px}
.story-intro{max-width:1000px;margin-bottom:clamp(64px,8vw,130px)}
.story-intro h2,.social-feature h2{font-family:'ORIJINZ Editorial',sans-serif;font-size:clamp(56px,8.5vw,132px);line-height:.96;letter-spacing:-.035em;margin:24px 0 30px;font-weight:700}
.founder-name{font-size:15px;color:var(--muted);letter-spacing:.04em}
.story-narrative,.story-origins{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(32px,7vw,120px);margin-bottom:100px}
.story-section h3{font-family:'ORIJINZ Editorial',sans-serif;font-size:clamp(36px,4.5vw,68px);line-height:1.04;margin:0 0 28px;font-weight:700;letter-spacing:-.02em}
.story-section p:not(.eyebrow):not(.founder-name):not(.story-motto){font-size:clamp(17px,1.5vw,22px);line-height:1.65;margin:0 0 24px;max-width:64ch;color:var(--muted)}
.story-journey{margin-bottom:110px}.journey-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:48px}.journey-grid article{padding-top:24px;border-top:1px solid var(--rule)}
.journey-grid h4{font-family:'ORIJINZ Editorial',sans-serif;font-size:38px;margin:0 0 20px;font-weight:700}.journey-grid p{font-size:17px!important}
.story-values{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,9vw,150px)}.story-values .eyebrow{margin-bottom:28px}
.story-motto{font-family:'ORIJINZ Editorial',sans-serif;font-weight:700;font-size:clamp(44px,7vw,100px);line-height:1.04;max-width:1000px;margin:110px 0 0;letter-spacing:-.025em}
.social-feature{padding:clamp(64px,9vw,140px) clamp(24px,6vw,100px);border-top:1px solid var(--rule);text-align:center}.social-feature h2{max-width:900px;margin:24px auto 32px}.social-feature>p:not(.eyebrow){font-size:20px;color:var(--muted);line-height:1.6}
.story-link{display:inline-flex;align-items:center;gap:56px;padding:20px 0 12px;border-bottom:1px solid currentColor;color:var(--ink);text-decoration:none;font-size:18px;margin-top:20px}.story-link:hover{gap:72px}.story-link{transition:gap .25s}
.photo-profile{display:inline-block;color:inherit;font-size:12px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid currentColor;padding:8px 0 5px;margin-top:10px;pointer-events:auto}.editorial-frame figcaption{pointer-events:none}.photo-profile:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(max-width:800px){.story-narrative,.story-origins{grid-template-columns:1fr;gap:12px;margin-bottom:64px}.journey-grid{grid-template-columns:1fr 1fr;gap:28px}.story-values{grid-template-columns:1fr;gap:40px}.story-journey{margin-bottom:64px}.story-motto{margin-top:64px}.story-intro{margin-bottom:64px}}
@media(prefers-reduced-motion:reduce){.story-link{transition:none}}

/* The sign gets room to fall, then the controls return naturally beneath it. */
.hero{justify-content:flex-start;overflow-anchor:none}
.logo-space{height:max(calc(70 * var(--orijinz-svh, 1svh)),calc(min(790px,78vw)*.84 + 80px));min-height:0;padding-bottom:0;flex-shrink:0}
.hero.is-compact{min-height:0}
.hero.is-compact .logo-space{height:calc(min(790px,78vw)*.3742 + clamp(64px,calc(12 * var(--orijinz-svh, 1svh)),120px) + 72px);min-height:0;padding-bottom:0}
.choice:focus-visible{outline-offset:-5px}
#story{scroll-margin-top:40px}
.photo-profile{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:650px){
 .logo-space{height:max(calc(66 * var(--orijinz-svh, 1svh)),calc(97vw*.84 + 72px));min-height:0;padding-bottom:0}
 .hero.is-compact .logo-space{height:calc(97vw*.3742 + clamp(64px,calc(12 * var(--orijinz-svh, 1svh)),96px) + 64px);min-height:0;padding-bottom:0}
 .story-intro h2{overflow-wrap:normal;text-wrap:balance}
 .journey-grid{column-gap:24px}
}
@media(max-width:380px){.journey-grid{grid-template-columns:1fr}.story-link{gap:28px;font-size:16px}.story-link:hover{gap:32px}}

/* Final editorial rhythm: a working photograph alongside the founder's introduction. */
.story-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(40px,6vw,100px);max-width:none}
.story-intro-copy{min-width:0}.story-intro h2{font-size:clamp(56px,7vw,108px);text-wrap:balance;line-height:1}
.story-photo{margin:0;overflow:hidden}.story-photo img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 52%;filter:grayscale(1) contrast(1.04)}
.story-section .eyebrow{display:inline-block;padding-bottom:10px;border-bottom:1px solid var(--rule)}
.story-values article{padding-top:30px;border-top:1px solid var(--rule)}.story-values .eyebrow{border:0;padding:0}
.book-presentation h2{font-family:'ORIJINZ Editorial','Arial Narrow',sans-serif;font-weight:700;font-size:clamp(42px,5vw,72px);letter-spacing:-.025em;line-height:1.03;text-wrap:balance}
.booklink{min-height:58px;transition:background-color .25s,color .25s,transform .25s}.booklink:active{transform:translateY(2px)}
.site-navigation [aria-current=location]:after{transform:scaleX(1)}
.site-navigation .menu-instagram{display:none}
.site-navigation{gap:clamp(12px,2.4vw,42px)}
.footer-column a{overflow-wrap:anywhere}.story-link span:last-child{transition:transform .25s}.story-link:hover span:last-child{transform:translate(3px,-3px)}
@media(max-width:800px){.story-intro{grid-template-columns:1fr 1fr;gap:30px}.story-intro h2{font-size:clamp(48px,8vw,70px)}}
@media(max-width:650px){
 .story-intro{grid-template-columns:1fr;gap:34px}.story-intro h2{font-size:clamp(54px,12vw,76px);max-width:10ch;margin-top:20px}.story-photo img{aspect-ratio:4/3;object-position:center 45%}
 .story-narrative{margin-top:8px}.story-section{padding-top:64px;padding-bottom:64px}
 .book-presentation h2{font-size:clamp(38px,10vw,52px)}
 .site-navigation{padding-top:26px;padding-bottom:28px;gap:4px;box-shadow:0 16px 24px rgb(0 0 0 / 4%)}
 .site-navigation a,.site-navigation button{font-family:'ORIJINZ Editorial',sans-serif;font-size:28px;min-height:50px}
 .site-navigation [aria-current=location]{text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}
 .site-navigation .menu-instagram{display:flex;justify-content:space-between;margin-top:15px;padding-top:16px;border-top:1px solid var(--rule);font-family:Arial,sans-serif;font-size:12px;min-height:48px}
 .social-feature>p:not(.eyebrow){font-size:16px;max-width:30ch;margin-left:auto;margin-right:auto}
 .story-values article{padding-top:24px}
}
@media(prefers-reduced-motion:reduce){.booklink,.story-link span:last-child{transition:none}}

/* A short, continuous founder story, with the supplied portrait. */
.story-intro{margin-bottom:clamp(44px,6vw,80px)}
.story-photo img{aspect-ratio:2/3;object-fit:contain;object-position:center;filter:grayscale(1)}
.story-photo .founder-name{font-size:13px;line-height:1.6;letter-spacing:.02em;margin:14px 0 0;color:var(--muted)}
.story-narrative,.story-origins{margin-bottom:clamp(40px,5vw,68px)}
.story-narrative p{max-width:58ch!important}.story-narrative p+p{margin-top:18px}
.story-section p:not(.eyebrow):not(.founder-name):not(.story-motto){font-size:clamp(17px,1.4vw,20px);line-height:1.65}
.story-values{gap:clamp(32px,7vw,100px)}.story-motto{margin-top:clamp(44px,6vw,80px);font-size:clamp(42px,6vw,84px)}
@media(max-width:650px){.story-intro{gap:28px;margin-bottom:44px}.story-photo{max-width:440px;width:100%;justify-self:center}.story-photo img{aspect-ratio:2/3;object-fit:contain}.story-photo .founder-name{font-size:12px}.story-narrative,.story-origins{margin-bottom:40px}.story-values{gap:28px}.story-section h3{font-size:36px}.story-section{padding-bottom:48px}}

/* The name's meaning is told in two short chapters, without repeated mission statements. */
.name-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(28px,7vw,120px);margin-top:48px;padding-top:40px;border-top:1px solid var(--rule)}
.name-story h3{max-width:11ch;text-wrap:balance}.name-story-copy{min-width:0}.name-story-copy p{max-width:58ch!important}.name-story-copy p:last-child{margin-bottom:0!important}
.history-reference{font-size:12px;line-height:1.6;color:var(--muted);display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}.history-reference:hover{color:var(--ink)}
@media(max-width:800px){.name-story{grid-template-columns:1fr;gap:10px;margin-top:32px;padding-top:30px}.name-story h3{max-width:20ch}.history-reference{font-size:11px}}

/* Compact, clearly bounded navigation and contact links. */
.site-footer{padding-top:34px}.footer-grid{gap:24px;padding-bottom:28px;grid-template-columns:1.25fr 1fr 1.25fr 1fr}.footer-column h2{margin-bottom:12px}
.footer-column{gap:7px}.site-footer .footer-column a,.footer-column button{border:1px solid var(--rule);padding:9px 12px;min-height:40px;width:100%;font-size:11px;transition:background-color .2s,border-color .2s}
.footer-column a:hover,.footer-column button:hover{background:var(--stage);border-color:var(--ink);text-decoration:none}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:22px}.footer-brand{grid-column:1/-1}}
@media(max-width:650px){.site-footer{padding-top:28px}.footer-grid{gap:20px 14px;padding-bottom:22px}.site-footer .footer-column a,.footer-column button{font-size:11px;padding:9px 10px;min-height:44px}.footer-column:last-child{grid-column:1/-1}.footer-column:last-child a{width:100%;max-width:none}.footer-column h2{margin-bottom:5px}}

/* Motion echoes the hanging sign, with crisp lettering and no scale or blur. */
.path-intro h2,.detail-copy h2,.story-section h2,.story-section h3{transform-origin:12% 0}
.story-photo,.video-stage{transform-origin:center top}
.footer-column button,.footer-column a,.choice{transform-origin:20% 0}
@keyframes menu-sign-arrive{0%{transform:translateY(-20px) rotate(-1.5deg)}65%{transform:translateY(2px) rotate(.55deg)}100%{transform:translateY(0) rotate(0)}}
@media(max-width:650px) and (prefers-reduced-motion:no-preference){
 .site-navigation.is-open>a,.site-navigation.is-open>button{transform-origin:8% 0;animation:menu-sign-arrive .55s cubic-bezier(.22,.65,.3,1) both}
 .site-navigation.is-open>:nth-child(2){animation-delay:.035s}.site-navigation.is-open>:nth-child(3){animation-delay:.07s}.site-navigation.is-open>:nth-child(4){animation-delay:.105s}.site-navigation.is-open>:nth-child(5){animation-delay:.14s}.site-navigation.is-open>:nth-child(6){animation-delay:.175s}.site-navigation.is-open>:nth-child(7){animation-delay:.21s}.site-navigation.is-open>:nth-child(8){animation-delay:.245s}
}

/* Footer sections stay shut until opened; their labels echo the original hanging sign. */
.footer-grid{align-items:start}.footer-disclosure{display:block;min-width:0;border:1px solid var(--rule)}
.footer-disclosure summary{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:52px;padding:14px 16px;cursor:pointer;list-style:none;user-select:none}
.footer-disclosure summary::-webkit-details-marker{display:none}.footer-disclosure summary::marker{content:''}
.footer-disclosure summary h2{font-family:'ORIJINZ Editorial',sans-serif;font-size:22px;letter-spacing:-.01em;text-transform:none;line-height:1.15;margin:0;overflow:visible}
.disclosure-symbol{position:relative;flex:none;width:12px;height:12px}.disclosure-symbol:before,.disclosure-symbol:after{content:'';position:absolute;top:5px;left:0;width:12px;height:1px;background:currentColor}.disclosure-symbol:after{transform:rotate(90deg);transition:transform .2s}.footer-disclosure[open] .disclosure-symbol:after{transform:rotate(0)}
.footer-disclosure[open] summary{border-bottom:1px solid var(--rule)}.footer-disclosure summary:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.footer-panel{overflow:hidden;padding:6px 10px 10px}.site-footer .footer-panel a,.footer-panel button{border:0;border-bottom:1px solid var(--rule);padding:10px 4px;min-height:44px;font-size:12px;line-height:1.5}.footer-panel>:last-child{border-bottom:0}
.quick-sign-letter{display:inline-block;transform-origin:85% 8%;white-space:pre}
@media(max-width:650px){.footer-disclosure summary{padding:12px;min-height:50px}.footer-disclosure summary h2{font-size:22px}.footer-column:last-child{grid-column:1/-1}.footer-panel{padding:4px 10px 6px}.site-footer .footer-panel a,.footer-panel button{font-size:12px}}

/* One short interruption cue before the letters release; no repeating flashes. */
.sign-interruption{position:fixed;inset:0;z-index:1000;pointer-events:none;opacity:0;background:linear-gradient(180deg,rgb(87 45 30 / 7%),rgb(255 239 208 / 20%) 47%,rgb(255 246 226 / 28%) 49%,rgb(87 45 30 / 8%) 52%,rgb(87 45 30 / 5%));}
:root[data-theme=dark] .sign-interruption{background:linear-gradient(180deg,rgb(238 224 201 / 3%),rgb(238 224 201 / 12%) 49%,rgb(238 224 201 / 4%) 53%)}
@media(prefers-reduced-motion:reduce){.sign-interruption{display:none}}

/* A perceptible, single power dip; the warm palette stays intact. */
.sign-interruption{background:linear-gradient(180deg,rgb(47 25 18 / 24%),rgb(47 25 18 / 30%) 46%,rgb(255 236 198 / 32%) 49%,rgb(47 25 18 / 25%) 53%,rgb(47 25 18 / 20%))}
:root[data-theme=dark] .sign-interruption{background:linear-gradient(180deg,rgb(238 224 201 / 12%),rgb(238 224 201 / 20%) 49%,rgb(238 224 201 / 10%) 53%)}

/* A stronger single electrical flash, followed by the existing sign release. */
.sign-interruption{background:linear-gradient(180deg,rgb(31 17 12 / 42%),rgb(31 17 12 / 48%) 43%,rgb(255 234 186 / 60%) 49%,rgb(31 17 12 / 44%) 55%,rgb(31 17 12 / 36%))}
:root[data-theme=dark] .sign-interruption{background:linear-gradient(180deg,rgb(238 224 201 / 18%),rgb(255 235 193 / 38%) 49%,rgb(238 224 201 / 16%) 55%)}
.path-intro{position:relative;padding-right:54px}.sign-audio-toggle{position:absolute;right:0;top:0;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--rule);color:var(--ink);background:transparent}.sign-audio-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.sound-muted{display:none}.is-muted .sound-muted{display:block}.is-muted .sound-waves{display:none}.sign-audio-toggle:hover{background:var(--stage)}

/* Light is drawn from the original letter silhouettes, including the subtitle. */
.logo-electric{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;overflow:visible}
.logo-electric-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
@media(prefers-reduced-motion:reduce){.logo-electric{display:none}}

/* The original book cover is visible before any video request. */
.book-film{position:relative;justify-self:center;width:min(100%,390px)}
.book-film-cover{display:block;position:relative;width:100%;padding:0;overflow:hidden;aspect-ratio:928/1695;background:transparent;text-align:left;box-shadow:0 18px 38px rgb(45 24 15 / 12%)}
.book-film-cover img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .8s cubic-bezier(.22,.75,.22,1)}
.book-film-cover:hover img{transform:scale(1.025)}
.book-film-play{position:absolute;inset:auto 0 0;display:flex;gap:12px;align-items:center;padding:40px 22px 24px;color:#fff6e7;background:linear-gradient(transparent,rgb(30 19 12 / 85%));font-size:13px;line-height:1.4}
.book-film-play svg{width:34px;height:34px;flex:none;fill:none;stroke:currentColor;stroke-width:1.2}
.book-film .presentation-video{display:block;width:100%;height:auto;max-height:none;aspect-ratio:928/1695;object-fit:contain;background:transparent}
.book-film [hidden]{display:none!important}
.book-domain{display:block;margin-top:8px;font:11px Arial,sans-serif;letter-spacing:.06em;color:var(--muted)}
.book-film.is-ready .book-film-cover{animation:book-settle 1s cubic-bezier(.22,.75,.22,1) both}
@keyframes book-settle{from{opacity:.3;transform:translateY(24px) rotate(1.5deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
@media(max-width:650px){.book-film{width:min(100%,360px)}.book-film-play{padding:40px 18px 20px}}
@media(prefers-reduced-motion:reduce){.book-film.is-ready .book-film-cover{animation:none}.book-film-cover img{transition:none}.book-film-cover:hover img{transform:none}}
.book-presentation .book-film{width:min(100%,390px);justify-self:center}
.book-presentation .detail-copy{align-self:center}
@media(max-width:650px){.book-presentation .book-film{width:min(100%,360px)}}
/* A compact founder story beside the original portrait. */
.story-intro{align-items:center;gap:clamp(32px,6vw,90px);grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);margin-bottom:48px}
.story-intro h2{font-size:clamp(50px,6.3vw,88px);max-width:12ch;margin:0 0 30px}
.story-intro .story-narrative{display:block;margin:0;max-width:56ch}
.story-intro .story-narrative h3{font-size:clamp(23px,2.3vw,30px);line-height:1.15;margin:0 0 18px;max-width:24ch}
.story-intro .story-narrative p{font-size:clamp(16px,1.2vw,18px);line-height:1.65;margin:0}
.story-intro .story-narrative p+p{margin-top:16px}
.story-intro .story-photo{width:100%;max-width:420px;justify-self:end}
.name-story{gap:clamp(28px,5vw,80px);margin-top:32px;padding-top:32px}
.name-story-copy p{margin-top:0;margin-bottom:16px}
.story-section .name-story-copy p{font-size:clamp(16px,1.25vw,18px);line-height:1.65}
.gallery-heading h2{max-width:15ch;text-wrap:balance}
@media(max-width:800px){.story-intro{grid-template-columns:1fr 1fr;gap:28px}.story-intro h2{font-size:clamp(44px,6vw,64px)}}
@media(max-width:650px){.story-intro{grid-template-columns:1fr;gap:30px;margin-bottom:32px}.story-intro h2{font-size:clamp(48px,12vw,68px);max-width:12ch;margin:0 0 24px}.story-intro .story-photo{max-width:360px;justify-self:center}.story-intro .story-narrative p{font-size:16px;line-height:1.6}.name-story{margin-top:28px;padding-top:28px}.story-section .name-story-copy p{font-size:16px;line-height:1.6}}

/* One active language; the full selection opens on demand. */
.language-picker{position:relative;flex:none}
.language-current{display:flex;align-items:center;gap:7px;min-height:44px;padding:0 4px;cursor:pointer;list-style:none;font-size:11px;letter-spacing:.04em}
.language-current::-webkit-details-marker{display:none}
.language-current .current-flag{font-size:20px;line-height:1}
.language-current svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.3;transition:transform .2s}
.language-picker[open] .language-current svg{transform:rotate(180deg)}
.language-current:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.language-picker .language-options{position:absolute;z-index:60;top:calc(100% + 9px);right:0;display:flex;flex-direction:column;align-items:stretch;gap:3px;width:174px;padding:8px;background:var(--surface);color:var(--ink);border:1px solid var(--rule);box-shadow:0 12px 32px rgb(35 20 10 / 12%)}
.language-picker .language-button{display:flex;align-items:center;gap:12px;text-align:left;padding:8px 12px;min-height:44px;font-size:13px;color:var(--ink)}
.language-picker .language-button span{font-size:21px;line-height:1}
.language-picker .language-button:after{display:none}
.language-picker .language-button:hover,.language-picker .language-button[aria-pressed=true]{background:var(--ink);color:var(--surface)}
.language-picker[open] .language-options{animation:language-open .18s ease-out}
@keyframes language-open{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.language-picker[open] .language-options{animation:none}.language-current svg{transition:none}}
.language-picker .language-options{max-height:min(calc(72 * var(--orijinz-svh, 1svh)),490px);overflow-y:auto;overscroll-behavior:contain}
.language-picker .language-options a.language-button{display:flex}
html:lang(ja),html:lang(zh),html:lang(ko){line-break:strict}
html:lang(ja) h2,html:lang(zh) h2,html:lang(ko) h2{font-family:system-ui,sans-serif;font-weight:700;line-height:1.2;letter-spacing:0}
html:lang(ja) .choice-title strong,html:lang(zh) .choice-title strong,html:lang(ko) .choice-title strong{font-family:system-ui,sans-serif;font-size:clamp(25px,4vw,49px);letter-spacing:0}
html:lang(ja) .story-intro h2,html:lang(zh) .story-intro h2,html:lang(ko) .story-intro h2{font-size:clamp(36px,5vw,66px);max-width:13ch}
html:lang(ja) .editorial-frame h3,html:lang(zh) .editorial-frame h3,html:lang(ko) .editorial-frame h3{font-family:system-ui,sans-serif;letter-spacing:0;font-size:clamp(35px,5vw,66px)}
.choice-title strong{white-space:normal;overflow-wrap:anywhere}
@media(max-width:650px){html:lang(ru) .choice-title strong,html:lang(tr) .choice-title strong{font-size:clamp(27px,7vw,40px)}}

.language-picker .language-button[aria-current="page"]{background:var(--ink);color:var(--surface)}

/* Clear local services and a direct contact before the portfolio. */
.barber-services{margin:0 5vw;padding:clamp(36px,5vw,68px) 0;border-top:1px solid var(--rule);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,6vw,88px);align-items:start}
.barber-services .eyebrow{margin-bottom:16px}
.barber-services h2{font-size:clamp(34px,4.4vw,60px);font-weight:400;line-height:1.08;letter-spacing:-.045em;max-width:16ch;margin:0;text-wrap:balance}
.barber-services-copy>p{font-size:clamp(16px,1.35vw,19px);line-height:1.65;max-width:52ch;margin:0 0 24px}
.barber-contact{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:13px 23px;border:1px solid var(--ink);background:var(--ink);color:var(--surface);font-size:13px;line-height:1.4;transition:background-color .2s,color .2s}
.barber-contact:hover{background:var(--surface);color:var(--ink)}
.barber-review-link{display:block;width:fit-content;max-width:52ch;margin-top:20px;color:var(--muted);font-size:13px;line-height:1.6;text-decoration:underline;text-underline-offset:4px}
.barber-review-link:hover{color:var(--ink)}
.site-navigation .nav-direct-contact{font-weight:600}
@media(max-width:650px){.barber-services{grid-template-columns:1fr;gap:24px;padding:36px 0}.barber-services h2{font-size:clamp(34px,9vw,46px)}.barber-services-copy>p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.barber-contact{transition:none}}

/* Keep the original scrolling captions; change only the ink over each photograph. */
.editorial-frame figcaption{mix-blend-mode:normal}
.editorial-frame figcaption h3,.editorial-frame figcaption p{color:var(--caption-ink,var(--photo-ink,#f5f0e6));text-shadow:var(--caption-shadow,none)}

/* Approved vertical reel: large cover and native full-screen playback. */
.book-presentation .book-film{width:min(100%,480px)}
.book-film-cover,.book-film .presentation-video{aspect-ratio:9/16}
.book-film .presentation-video:fullscreen{width:100%;height:100%;object-fit:contain;background:#30241E}
@media(max-width:650px){.book-presentation .book-film{width:100%}}
