/* Exclusively the mobile navigation. Original style.css and scissors untouched. */
.mos-menu-toggle,.mos-mobile-overlay{display:none}
@media(max-width:800px){
  .navbar,.legal-nav,body>header .navbar{
    position:sticky!important;top:0!important;left:0!important;right:0!important;
    width:100%!important;height:70px!important;min-height:70px!important;
    padding:0 24px!important;display:flex!important;align-items:center!important;
    justify-content:flex-end!important;flex-wrap:nowrap!important;
    background:#eee7da!important;border-bottom:1px solid rgba(11,11,10,.16)!important;
    z-index:9000!important;overflow:visible!important;
  }
  body>header:has(> .navbar){position:sticky!important;top:0!important;z-index:9000!important}
  .navbar>ul,.legal-nav>a{display:none!important}
  .mos-menu-toggle{display:flex!important;flex-direction:column;align-items:center;justify-content:center;
    gap:8px;width:48px;height:48px;padding:8px 5px;border:0!important;box-shadow:none!important;
    border-radius:0!important;background:transparent!important;color:#111;cursor:pointer;flex-shrink:0}
  .mos-menu-toggle span{display:block;width:34px;height:1.5px;background:currentColor}
  .mos-mobile-overlay{display:none!important}
  .mos-mobile-overlay.is-open{display:flex!important}
  .mos-mobile-overlay{position:fixed!important;inset:0!important;width:100vw;height:100vh;height:100dvh;
    z-index:2147483000!important;background:#0b0b0a!important;color:#eee7da;
    align-items:center;justify-content:center;padding:88px 22px 55px;
    overflow:auto;overscroll-behavior:contain}
  .mos-menu-close{position:absolute;right:23px;top:clamp(55px,8vh,90px);
    width:48px;height:48px;border:0;background:transparent;color:#eee7da;cursor:pointer}
  .mos-menu-close span{position:absolute;left:6px;top:23px;width:37px;height:1.5px;background:currentColor;transform:rotate(45deg)}
  .mos-menu-close span+span{transform:rotate(-45deg)}
  .mos-overlay-links{display:flex;flex-direction:column;align-items:center;gap:clamp(18px,3.5vh,31px);
    width:100%;max-height:calc(100dvh - 170px);overflow-y:auto}
  .mos-overlay-links a{font:400 clamp(32px,8.5vw,54px)/1.15 Georgia,'Times New Roman',serif;
    letter-spacing:.025em;color:#eee7da;text-decoration:none;text-align:center}
  .mos-overlay-links a.is-current{color:#b3ac91}
  body.mos-menu-open{overflow:hidden!important}
  /* Original scissor glyphs, lines, and their animation rules are deliberately unchanged. */
  @media(hover:none){
    .service-card.mos-in-view .mini-scissor{left:calc(100% - 65px)}
    .svc-item.mos-in-view .svc-cutline:after{left:calc(100% - 32px)}
  }
}

/* Nur iPhone/Mobile: gleiche Text-Symbole wie Desktop, keine farbigen Emoji.
   Position, Animation, Form und Desktop-Regeln bleiben unverändert. */
@media (max-width:800px) {
  .chapter::after, .svc-cutline::after, .showcase::before { content:"✂\FE0E"; }
  .mini-scissor, .animated-scissors, .craft-scissor, .chapter::after,
  .svc-cutline::after, .showcase::before {
    font-family: "Apple Symbols", "Arial Unicode MS", Arial, sans-serif;
    font-variant-emoji: text;
  }
  .team-row .arrow, .job-card::after {
    font-family: Arial, "Apple Symbols", sans-serif;
    font-variant-emoji: text;
  }
  .job-card::after { content:"↗\FE0E"; }
}

/* Mobile-only monochrome vector glyphs. Desktop styles remain untouched. */
@media(max-width:800px){
  .mini-scissor,.animated-scissors,.craft-scissor,.team-row .arrow,.world-arrow{font-size:0!important;line-height:0!important;}
  .mini-scissor::before,.animated-scissors::before,.craft-scissor::before{content:""!important;display:block;width:1.1em;height:1.1em;min-width:26px;min-height:26px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23f7f1e8%22%20stroke-width%3D%222.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%226.8%22%20cy%3D%228%22%20r%3D%223.4%22%2F%3E%3Ccircle%20cx%3D%226.8%22%20cy%3D%2224%22%20r%3D%223.4%22%2F%3E%3Cpath%20d%3D%22M9.4%2010.3%2027%2027M9.4%2021.7%2027%205%22%2F%3E%3Ccircle%20cx%3D%2215.7%22%20cy%3D%2216%22%20r%3D%22.9%22%20fill%3D%22%23f7f1e8%22%20stroke%3D%22none%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/contain no-repeat;}
  .mini-scissor::before{width:27px;height:27px;}
  .animated-scissors::before{width:44px;height:44px;}
  .craft-scissor::before{width:42px;height:42px;}
  .chapter::after,.svc-cutline::after,.showcase::before{content:""!important;display:block;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23f7f1e8%22%20stroke-width%3D%222.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%226.8%22%20cy%3D%228%22%20r%3D%223.4%22%2F%3E%3Ccircle%20cx%3D%226.8%22%20cy%3D%2224%22%20r%3D%223.4%22%2F%3E%3Cpath%20d%3D%22M9.4%2010.3%2027%2027M9.4%2021.7%2027%205%22%2F%3E%3Ccircle%20cx%3D%2215.7%22%20cy%3D%2216%22%20r%3D%22.9%22%20fill%3D%22%23f7f1e8%22%20stroke%3D%22none%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/contain no-repeat;width:32px;height:32px;}
  .svc-cutline::after{top:-16px!important;}
  .showcase::before{width:340px;height:340px;}
  .team-row .arrow::before,.world-arrow::before{content:"";display:block;width:28px;height:28px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M7%2025%2025%207M11%207h14v14%22%20fill%3D%22none%22%20stroke%3D%22%23f7f1e8%22%20stroke-width%3D%222.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;}
  .world-arrow::before{width:24px;height:24px;}
  .job-card::after{content:""!important;display:block;width:28px;height:28px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M7%2025%2025%207M11%207h14v14%22%20fill%3D%22none%22%20stroke%3D%22%23f7f1e8%22%20stroke-width%3D%222.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;}
}
@media(max-width:800px){.mos-vector-arrow{font-size:0!important;display:inline-block;vertical-align:middle}.mos-vector-arrow::before{content:"";display:inline-block;width:22px;height:22px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M7%2025%2025%207M11%207h14v14%22%20fill%3D%22none%22%20stroke%3D%22%23f7f1e8%22%20stroke-width%3D%222.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}}

/* V7: mobile corrections only; desktop stylesheet unchanged. */
@media (max-width:800px) {
  /* Team remains black until an explicit tap. No scroll-triggered beige state. */
  .team-row, .team-row:hover, .team-row.mos-in-view {background:transparent!important;color:#f7f1e8!important;padding-left:18px!important;}
  .team-row p,.team-row:hover p,.team-row.mos-in-view p{color:#c9c0b4!important;}
  .team-row .arrow,.team-row:hover .arrow,.team-row.mos-in-view .arrow{transform:none!important;}
  .team-row.is-selected,.team-row.is-selected:hover {background:#eee7da!important;color:#0b0b0a!important;}
  .team-row.is-selected p,.team-row.is-selected:hover p{color:#514b43!important;}
  .team-row.is-selected .arrow{transform:translateX(8px) rotate(45deg)!important;}
  .team-row{cursor:pointer;}
  .team-row .arrow::before{filter:none;}
  .team-row.is-selected .arrow::before{filter:brightness(0);} 
  /* Scissors over beige services use dark strokes. */
  .svc-cutline::after,.chapter::after{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%230b0b0a%22%20stroke-width%3D%222.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%226.8%22%20cy%3D%228%22%20r%3D%223.4%22%2F%3E%3Ccircle%20cx%3D%226.8%22%20cy%3D%2224%22%20r%3D%223.4%22%2F%3E%3Cpath%20d%3D%22M9.4%2010.3%2027%2027M9.4%2021.7%2027%205%22%2F%3E%3Ccircle%20cx%3D%2215.7%22%20cy%3D%2216%22%20r%3D%22.9%22%20fill%3D%22%230b0b0a%22%20stroke%3D%22none%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/contain no-repeat!important;}
  /* Footer credit arrow is a simple monochrome text arrow, not iOS emoji. */
  .site-footer .footer-credit strong .mos-credit-arrow{display:inline-block;vertical-align:baseline;width:15px;height:15px;margin-left:3px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M5%2019L19%205M8%205h11v11%22%20fill%3D%22none%22%20stroke%3D%22%23111%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;}
  /* Homepage hero and text fit inside the viewport. */
  .editorial-hero{width:100%!important;max-width:100vw!important;grid-template-columns:minmax(0,1fr)!important;}
  .editorial-hero .hero-copy{width:100%!important;min-width:0!important;padding:76px 5vw 65px!important;}
  .editorial-hero .hero-copy h1{font-size:clamp(35px,10.1vw,64px)!important;letter-spacing:-.07em!important;line-height:.93!important;max-width:100%!important;white-space:normal!important;overflow-wrap:normal!important;}
  .editorial-hero .hero-copy h1 span{font-size:1em!important;}
  .editorial-hero .hero-intro,.editorial-hero .hero-script{max-width:100%!important;overflow-wrap:break-word!important;}
  .editorial-hero .hero-actions{flex-wrap:wrap!important;}
  .editorial-hero .hero-portrait{width:100%!important;overflow:hidden!important;}
  .editorial-hero .hero-word{font-size:clamp(30px,9vw,60px)!important;max-width:95vw!important;}
  .editorial-hero .hero-word-top{left:3%!important;}
  .editorial-hero .hero-word-bottom{right:3%!important;}
  /* All five specialties on one row without horizontal clipping. */
  .editorial-marquee{display:flex!important;flex-wrap:nowrap!important;justify-content:center!important;gap:clamp(3px,1.5vw,9px)!important;padding:12px 5px!important;min-height:46px!important;white-space:nowrap!important;overflow:hidden!important;font-size:clamp(10px,2.7vw,15px)!important;letter-spacing:0!important;}
  .editorial-marquee span,.editorial-marquee i{flex:0 0 auto!important;white-space:nowrap!important;}
  /* Legal hero scrolls normally; only hamburger navigation stays sticky. */
  body>header.legal-hero{position:relative!important;top:auto!important;z-index:auto!important;}
}

@media(max-width:800px){.site-footer .footer-credit strong .mos-credit-arrow{font-size:0!important;line-height:0!important;}}

/* V8 – exclusively mobile presentation; desktop stays unchanged. */
@media(max-width:800px){
  /* The salon link sits on a beige background: black arrow. */
  .home-salon-link .mos-vector-arrow::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M7 25 25 7M11 7h14v14' fill='none' stroke='%230b0b0a' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  }
  /* Five identical logo sets: begin at left, loop seamlessly one set at a time. */
  .brand-marquee{width:100%!important;overflow:hidden!important;padding:24px 0!important;}
  .brand-track{display:flex!important;justify-content:flex-start!important;align-items:center!important;
    width:max-content!important;margin:0!important;padding:0!important;transform:translateX(0);
    animation:mosMobileBrandLoop 12s linear infinite!important;will-change:transform;}
  .brand-set{flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;
    gap:34px!important;padding:0 34px 0 0!important;margin:0!important;}
  .brand-set img{height:48px!important;max-width:155px!important;object-fit:contain!important;flex-shrink:0!important;}
}
@keyframes mosMobileBrandLoop{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-1 * var(--mos-brand-step, 20%)),0,0)}}