/** Shopify CDN: Minification failed

Line 427:50 Unexpected "@supports"

**/
:root{--color-stencil:#1E7680;--color-stencil-on-stage:#7DE8DD;--color-on-stencil:#FFFFFF;--color-on-stencil-stage:#1B1716;}
.ms{--font-sans:"Bricolage Grotesque","Avenir Next","Segoe UI",system-ui,sans-serif;
  --font-serif:"Newsreader","Iowan Old Style","Palatino Linotype",Georgia,serif;
  
  --color-paper:#F1F0F3; --color-paper-2:#E6E4EA; --color-ink:#18161D; --color-ink-2:#5A5663; --color-rule-paper:#D3CFD8; --color-line-paper:#7D7887;
  --color-stage:#151413; --color-stage-2:#1E1C1B; --color-chalk:#F2EEEA; --color-chalk-2:#B0ABA7; --color-rule-stage:#34312F; --color-line-stage:#8E8984;
  --color-stencil:#1E7680; --color-stencil-on-stage:#7DE8DD; --color-on-stencil:#FFFFFF; --color-on-stencil-stage:#1B1716;
  --color-error:#B3261E; --color-error-on-stage:#FF8F84;
  
  --radius-0:0; --radius-1:3px; --radius-2:6px;
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:24px; --space-6:32px; --space-7:48px; --space-8:64px; --space-9:96px; --space-10:128px;
  --ease-needle:cubic-bezier(.2,.7,.1,1); --duration-s:.12s; --duration-m:.24s; --duration-l:.48s;
  
   font-family:var(--font-sans); font-optical-sizing:auto;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;}
.ms .paper,.ms .stage{background:var(--bg);color:var(--fg)}
.ms *,.ms *::before,.ms *::after{box-sizing:border-box}
.ms img{display:block;max-width:100%}
.ms :focus-visible{outline:2px dashed var(--acc);outline-offset:3px;border-radius:2px}
.ms a{color:inherit}
.ms button{font:inherit;color:inherit}
.ms .wrap{width:100%;max-width:1360px;margin-inline:auto;padding-inline:max(20px,4.4vw)}
.ms .disp{font-weight:720;font-variation-settings:"wdth" 88;font-size:clamp(2.7rem,7.3vw,7.2rem);line-height:.93;letter-spacing:-.035em;text-wrap:balance;margin:0}
.ms .h1{font-weight:680;font-variation-settings:"wdth" 92;font-size:clamp(2.2rem,5.2vw,4.6rem);line-height:.98;letter-spacing:-.03em;text-wrap:balance;margin:0}
.ms .h2{font-weight:650;font-variation-settings:"wdth" 94;font-size:clamp(1.75rem,3.4vw,3rem);line-height:1.04;letter-spacing:-.022em;text-wrap:balance;margin:0}
.ms .h3{font-weight:620;font-size:clamp(1.2rem,1.7vw,1.45rem);line-height:1.2;letter-spacing:-.01em;margin:0}
.ms .lead{font-size:clamp(1.08rem,1.45vw,1.32rem);line-height:1.5;color:var(--fg-2);max-width:40ch;margin:0}
.ms .body{font-size:1.0625rem;line-height:1.62;max-width:62ch}
.ms .body p{margin:0 0 1em}
.ms .small{font-size:.875rem;line-height:1.5;color:var(--fg-2)}
.ms .lbl{font-size:.75rem;font-weight:620;letter-spacing:.11em;text-transform:uppercase;color:var(--fg-2)}
.ms .serif{font-family:var(--font-serif)}
.ms .quote{font-family:var(--font-serif);font-style:italic;font-weight:380;font-size:clamp(1.25rem,2vw,1.75rem);line-height:1.32;letter-spacing:-.005em;margin:0;text-wrap:pretty}
.ms .num{font-variant-numeric:tabular-nums}
.ms .acc{color:var(--acc)}
.ms .mt-4{margin-top:var(--space-4)}
.ms .mt-5{margin-top:var(--space-5)}
.ms .mt-7{margin-top:var(--space-7)}
.ms .kl{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:.15em .4em}
.ms .kl i{font-family:var(--font-serif);font-style:italic;font-weight:400;color:var(--fg-2);font-size:.95em}
.ms .sec{position:relative;padding-block:var(--section-pt,96px) var(--section-pb,80px)}
.ms .sec[data-sp="s"]{--section-pt:60px;--section-pb:48px}
.ms .sec[data-sp="l"]{--section-pt:120px;--section-pb:120px}
.ms .sec[data-sp="0"]{--section-pt:0px;--section-pb:0px}
.ms .sec-head{display:grid;gap:var(--space-4);margin-bottom:var(--space-7)}
@media (min-width:1080px){.ms .sec-head.split{grid-template-columns:1.1fr .9fr;align-items:end;gap:var(--space-7)}}
.ms .btn{--h:52px;display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:var(--h);padding:0 1.35em;border-radius:var(--radius-1);
  background:var(--acc);color:var(--on-acc);border:0;font-weight:640;font-size:1rem;letter-spacing:-.005em;text-decoration:none;cursor:pointer;
  transition:transform var(--duration-s) var(--ease-needle),box-shadow var(--duration-m) var(--ease-needle)}
.ms .btn:hover{box-shadow:0 0 0 4px color-mix(in srgb,var(--acc) 22%,transparent)}
.ms .btn:active{transform:translateY(1px)}
.ms .btn .arr{transition:transform var(--duration-m) var(--ease-needle)}
.ms .btn:hover .arr{transform:translateX(3px)}
.ms .btn.sm{--h:44px;font-size:.9375rem;padding:0 1em}
.ms .btn.ghost{background:transparent;color:var(--fg);box-shadow:inset 0 0 0 1.5px var(--rule-2)}
.ms .btn.ghost:hover{box-shadow:inset 0 0 0 1.5px var(--fg)}
.ms .btn.block{width:100%}
.ms .lnk{display:inline-flex;align-items:center;gap:.4em;min-height:44px;font-weight:600;text-decoration:none;background:linear-gradient(var(--acc),var(--acc)) 0 calc(100% - 10px)/100% 1.5px no-repeat;padding-bottom:2px;cursor:pointer;border:0;background-color:transparent}
.ms .lnk:hover{background-size:100% 3px}
.ms .micro{display:flex;flex-wrap:wrap;gap:.35em 1.1em;font-size:.875rem;color:var(--fg-2)}
.ms .micro span{display:inline-flex;align-items:center;gap:.4em}
.ms .micro span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--acc)}
.ms .chip{display:inline-flex;align-items:center;gap:.45em;min-height:40px;padding:0 .95em;border-radius:var(--radius-1);border:1.5px solid var(--rule);background:transparent;
  font-size:.9375rem;font-weight:520;cursor:pointer;white-space:nowrap;transition:border-color var(--duration-s),background var(--duration-s)}
.ms .chip:hover{border-color:var(--rule-2)}
.ms .chip[aria-pressed="true"],.ms .chip.on{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.ms .chip .x{font-size:1.1em;line-height:1;opacity:.7}
.ms .chip .ct{font-size:.8em;color:var(--fg-2)}
.ms .chip[aria-pressed="true"] .ct{color:inherit;opacity:.7}
.ms .chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.ms .tag{display:inline-flex;align-items:center;gap:.35em;font-size:.75rem;font-weight:640;letter-spacing:.06em;text-transform:uppercase;padding:.3em .55em;border-radius:var(--radius-1);background:var(--bg);color:var(--fg);box-shadow:inset 0 0 0 1px var(--rule-2)}
.ms .tag.acc{background:var(--acc);color:var(--on-acc);box-shadow:none}
.ms .stars{color:var(--acc);letter-spacing:.08em}
.ms .line-layer{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}
.ms .line-layer svg{position:absolute;left:0;top:0;width:100%;overflow:visible}
.ms .line-layer path{fill:none;stroke:var(--acc);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.95}
.ms .line-layer .dot{fill:var(--acc)}
.ms .sec>.wrap,.ms .hero>.wrap{position:relative;z-index:2}
.ms .hd{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--rule)}
.ms .hd .wrap{display:flex;align-items:center;gap:var(--space-5);min-height:72px}
.ms .brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex:none;min-height:44px}
.ms .mark{width:19px;height:42px;background:currentColor;-webkit-mask:url(../img/s/mark.png) center/contain no-repeat;mask:url(../img/s/mark.png) center/contain no-repeat;flex:none}
.ms .wm{display:grid;gap:3px;line-height:1}
.ms .wm b{font-family:var(--font-serif);font-weight:500;font-size:.98rem;letter-spacing:.32em;text-transform:uppercase}
.ms .wm small{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-2);font-weight:560}
.ms .wm.ms b{font-family:var(--font-sans);font-weight:800;font-variation-settings:"wdth" 75;letter-spacing:.06em;font-size:1.12rem}
.ms .nav{display:none;gap:var(--space-2);margin-left:auto}
.ms .nav a,.ms .nav button{display:inline-flex;align-items:center;min-height:44px;padding:0 .7em;text-decoration:none;font-weight:540;border:0;background:none;cursor:pointer;border-radius:var(--radius-1)}
.ms .nav a[aria-current="page"]{box-shadow:inset 0 -2px 0 var(--acc)}
.ms .hd-act{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}
.ms .boardbtn{display:inline-flex;align-items:center;gap:.5em;min-height:44px;padding:0 .8em;border:1.5px solid var(--rule);border-radius:var(--radius-1);background:transparent;cursor:pointer;font-weight:560;font-size:.9375rem}
.ms .boardbtn .n{min-width:1.5em;height:1.5em;border-radius:99px;background:var(--acc);color:var(--on-acc);display:inline-grid;place-items:center;font-size:.75rem;font-weight:700}
.ms .boardbtn .n[data-z="0"]{background:var(--bg-2);color:var(--fg-2)}
.ms .boardbtn .t{display:none}
.ms .menubtn{display:inline-grid;place-items:center;width:44px;height:44px;border:0;background:none;cursor:pointer}
.ms .menubtn span{display:block;width:22px;height:1.5px;background:currentColor;box-shadow:0 6px 0 currentColor,0 -6px 0 currentColor}
.ms .hd .btn{display:none}
@media (min-width:1080px){.ms .nav{display:flex}.ms .hd-act{margin-left:var(--space-4)}.ms .hd .btn{display:inline-flex}.ms .menubtn{display:none}.ms .boardbtn .t{display:inline}}
.ms .brand{min-width:0}
.ms .wm b{white-space:nowrap}
@media (max-width:560px){.ms .hd .wrap{gap:var(--space-3)}.ms .wm b{letter-spacing:.14em;font-size:.82rem}.ms .wm small{font-size:.6rem;letter-spacing:.1em}.ms .mark{width:15px;height:34px}.ms .boardbtn{padding:0 .55em}}
@media (max-width:360px){.ms .wm small{display:none}}
.ms .mnav{position:absolute;inset:0;z-index:60;display:flex;flex-direction:column;padding:88px max(20px,5vw) 32px;gap:4px;overflow:auto}
.ms .mnav a,.ms .mnav button.mi{display:flex;align-items:center;justify-content:space-between;min-height:56px;font-size:1.6rem;font-weight:650;letter-spacing:-.02em;text-decoration:none;border:0;border-bottom:1px solid var(--rule);background:none;text-align:left;cursor:pointer;padding:0}
.ms .mnav .sub{font-size:1.05rem;font-weight:520;min-height:48px;color:var(--fg-2)}
.ms .mnav .close{position:absolute;top:16px;right:max(12px,4vw);width:48px;height:48px;border:0;background:none;font-size:1.8rem;cursor:pointer}
.ms .mcta{position:absolute;left:0;right:0;bottom:0;z-index:40;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));display:flex;gap:10px;align-items:center;border-top:1px solid var(--rule);
  transform:translateY(110%);transition:transform var(--duration-l) var(--ease-needle)}
.ms .mcta.show{transform:none}
.ms .mcta .btn{flex:1}
.ms .mcta .small{display:none}
@media (min-width:1080px){.ms .mcta{display:none}}
.ms .hero{position:relative;padding-block:var(--space-8) var(--space-7);overflow:hidden}
.ms .hero-grid{display:grid;gap:var(--space-7);align-items:center}
.ms .hero .disp em{font-style:normal;color:var(--acc)}
.ms .hero-copy{display:grid;gap:var(--space-5);align-content:start}
.ms .trust{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--rule);margin-top:var(--space-3)}
.ms .trust div{display:grid;gap:2px}
.ms .trust b{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ms .trust span{font-size:.8125rem;color:var(--fg-2)}
@media (min-width:900px){.ms .hero-grid{grid-template-columns:1.05fr .95fr}.ms .hero{padding-block:var(--space-9) var(--space-8)}}
.ms .wk{position:relative;display:block;margin:0;background:var(--img-bg);overflow:hidden;cursor:zoom-in;border:0;padding:0;text-align:left;width:100%}
.ms .wk img{width:100%;height:auto;transition:transform var(--duration-l) var(--ease-needle)}
.ms .wk:hover img{transform:scale(1.025)}
.ms .wk .cap{position:absolute;left:0;right:0;bottom:0;padding:32px 12px 10px;color:#F2EEEA;background:linear-gradient(transparent,rgba(20,16,15,.88));font-size:.8125rem;line-height:1.35;display:grid;gap:2px;opacity:0;transition:opacity var(--duration-m)}
.ms .wk .cap b{font-size:.9375rem;font-weight:620}
.ms .wk .cap i{font-family:var(--font-serif);opacity:.8}
.ms .wk:hover .cap,.ms .wk:focus-visible .cap{opacity:1}
@media (hover:none){.ms .wk .cap{opacity:1}}
.ms .wk .flag{position:absolute;top:8px;left:8px;z-index:2}
.ms .wkwrap{position:relative}
.ms .save{position:absolute;top:8px;right:8px;z-index:3;width:44px;height:44px;border-radius:var(--radius-1);border:0;display:grid;place-items:center;cursor:pointer;background:rgba(20,16,15,.55);color:#F2EEEA;backdrop-filter:blur(6px)}
.ms .save svg{width:20px;height:20px}
.ms .save[aria-pressed="true"]{background:var(--acc);color:var(--on-acc)}
.ms .voices{display:grid;gap:var(--space-5)}
.ms .voice{display:grid;gap:0;background:var(--bg-2);overflow:hidden}
.ms .voice .ph{position:relative;aspect-ratio:4/5;background:var(--img-bg)}
.ms .voice .ph img{width:100%;height:100%;object-fit:cover}
.ms .voice .ph .tag{position:absolute;left:10px;bottom:10px}
.ms .voice .tx{padding:var(--space-5);display:grid;gap:var(--space-4);align-content:start}
.ms .voice .who{display:flex;flex-wrap:wrap;gap:.2em .8em;align-items:baseline;font-size:.875rem;color:var(--fg-2)}
.ms .voice .who b{color:var(--fg);font-weight:640;font-size:.9375rem}
.ms .voice.is-lead{grid-column:1/-1}
@media (min-width:760px){.ms .voices{grid-template-columns:repeat(2,1fr)}.ms .voice.is-lead{grid-template-columns:1fr 1.2fr}.ms .voice.is-lead .ph{aspect-ratio:auto;min-height:100%}.ms .voice.is-lead .tx{padding:var(--space-7);align-content:center}.ms .voice.is-lead .quote{font-size:clamp(1.5rem,2.6vw,2.25rem)}}
@media (min-width:1080px){.ms .voices{grid-template-columns:repeat(3,1fr)}.ms .voice.is-lead{grid-column:span 3}}
.ms .src{display:inline-flex;align-items:center;gap:.45em;font-size:.8125rem;color:var(--fg-2)}
.ms .steps{display:grid;gap:var(--space-6);counter-reset:st}
.ms .step{display:grid;gap:var(--space-3);padding-top:var(--space-5);border-top:1.5px solid var(--fg)}
.ms .step .no{font-size:.8125rem;font-weight:640;letter-spacing:.1em;color:var(--acc)}
.ms .step p{margin:0;color:var(--fg-2);line-height:1.55}
@media (min-width:760px){.ms .steps{grid-template-columns:repeat(3,1fr)}}
.ms .prisma{display:grid;gap:var(--space-3);grid-template-columns:repeat(2,1fr)}
.ms .prisma .pi{display:grid;gap:var(--space-2)}
.ms .prisma .wk{aspect-ratio:3/4}
.ms .prisma .wk img{height:100%;object-fit:cover}
.ms .prisma .pl{display:grid;gap:1px;font-size:.9375rem;font-weight:600;line-height:1.3}
.ms .prisma .pl i{font-family:var(--font-serif);font-weight:400;color:var(--fg-2)}
@media (min-width:760px){.ms .prisma{grid-template-columns:repeat(4,1fr)}}
@media (min-width:1080px){.ms .prisma{grid-template-columns:repeat(7,1fr)}.ms .prisma.n6{grid-template-columns:repeat(6,1fr)}}
.ms .people{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}
.ms .person{display:grid;gap:var(--space-2);text-decoration:none;cursor:pointer;border:0;background:none;padding:0;text-align:left}
.ms .person .pp{aspect-ratio:3/4;overflow:hidden;background:var(--img-bg);filter:grayscale(1)}
.ms .person .pp img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-l) var(--ease-needle)}
.ms .person:hover .pp img{transform:scale(1.03)}
.ms .person b{font-weight:620}
.ms .person span{font-size:.8125rem;color:var(--fg-2);line-height:1.35}
@media (min-width:760px){.ms .people{grid-template-columns:repeat(5,1fr)}}
@media (min-width:1080px){.ms .people.strip{grid-template-columns:repeat(8,1fr)}}
.ms .calm{display:flex;gap:var(--space-4);align-items:flex-start;padding:var(--space-5);background:var(--bg-2);border-left:2px solid var(--acc)}
.ms .founder{display:grid;gap:var(--space-7);align-items:center}
.ms .founder .pics{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-3)}
.ms .founder .pics figure{margin:0;display:grid;gap:var(--space-2)}
.ms .founder .pics .pp{aspect-ratio:3/4;background:var(--img-bg);overflow:hidden}
.ms .founder .pics img{width:100%;height:100%;object-fit:cover}
@media (min-width:900px){.ms .founder{grid-template-columns:.95fr 1.05fr}}
.ms .ats{display:grid;gap:var(--space-4)}
.ms .at{display:grid;gap:var(--space-3);padding:var(--space-5);border:1.5px solid var(--rule);text-decoration:none;cursor:pointer;background:none;text-align:left;align-content:start;transition:border-color var(--duration-m)}
.ms .at:hover{border-color:var(--fg)}
.ms .at .top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}
.ms .stamp{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:50%;border:1.5px solid var(--acc);color:var(--acc);font-weight:700;line-height:1;text-align:center;flex:none;font-size:.62rem;letter-spacing:.06em;text-transform:uppercase}
.ms .stamp b{font-size:1.15rem;letter-spacing:-.02em;display:block}
.ms .at dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.25em 1em;font-size:.9375rem}
.ms .at dt{color:var(--fg-2)}
.ms .at dd{margin:0}
@media (min-width:760px){.ms .ats{grid-template-columns:repeat(3,1fr)}}
.ms .map{position:relative;aspect-ratio:16/9;background:var(--bg-2);overflow:hidden}
.ms .map svg{width:100%;height:100%}
.ms .faq{display:grid;border-top:1px solid var(--rule)}
.ms .faq details{border-bottom:1px solid var(--rule)}
.ms .faq summary{display:flex;justify-content:space-between;gap:var(--space-4);align-items:center;min-height:64px;cursor:pointer;font-weight:600;font-size:1.0625rem;list-style:none}
.ms .faq summary::-webkit-details-marker{display:none}
.ms .faq summary::after{content:"+";font-size:1.5rem;font-weight:300;color:var(--acc);transition:transform var(--duration-m)}
.ms .faq details[open] summary::after{transform:rotate(45deg)}
.ms .faq .ans{padding:0 0 var(--space-5);color:var(--fg-2);line-height:1.6;max-width:64ch}
.ms .form-grid{display:grid;gap:var(--space-7)}
@media (min-width:1080px){.ms .form-grid{grid-template-columns:1.25fr .75fr;align-items:start}}
.ms .frm{display:grid;gap:var(--space-6)}
.ms .frm fieldset{border:0;margin:0;padding:0;display:grid;gap:var(--space-4)}
.ms .frm legend{padding:0;margin-bottom:var(--space-3);font-weight:650;font-size:1.25rem;letter-spacing:-.01em}
.ms .fld{display:grid;gap:6px}
.ms .fld label,.ms .fld .flabel{font-weight:600;font-size:.9375rem}
.ms .fld .hint{font-size:.8125rem;color:var(--fg-2)}
.ms .opt{font-weight:400;color:var(--fg-2);font-size:.8125rem}
.ms .inp,.ms .ta,.ms .sel{width:100%;min-height:52px;padding:.8em .95em;border-radius:var(--radius-1);border:1.5px solid var(--rule-2);background:var(--bg);color:var(--fg);font:inherit;font-size:1rem}
.ms .ta{min-height:132px;resize:vertical;line-height:1.5}
.ms .inp:focus,.ms .ta:focus,.ms .sel:focus{outline:2px dashed var(--acc);outline-offset:2px;border-color:var(--fg)}
.ms .inp[aria-invalid="true"],.ms .ta[aria-invalid="true"]{border-color:var(--err)}
.ms .err{color:var(--err);font-size:.875rem;font-weight:560;display:flex;gap:.4em}
.ms .seg{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.ms .seg label{position:relative;display:inline-flex}
.ms .seg input{position:absolute;opacity:0;inset:0;cursor:pointer;margin:0}
.ms .seg span{display:inline-flex;align-items:center;min-height:44px;padding:0 .95em;border:1.5px solid var(--rule-2);border-radius:var(--radius-1);font-size:.9375rem;cursor:pointer}
.ms .seg input:checked+span{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.ms .seg input:focus-visible+span{outline:2px dashed var(--acc);outline-offset:2px}
.ms .two{display:grid;gap:var(--space-4)}
@media (min-width:640px){.ms .two{grid-template-columns:1fr 1fr}}
.ms .ctx{display:grid;gap:var(--space-3);padding:var(--space-4);background:var(--bg-2)}
.ms .side{display:grid;gap:var(--space-5)}
.ms .side .box{padding:var(--space-5);border:1.5px solid var(--rule)}
.ms .done{display:grid;gap:var(--space-4);padding:var(--space-6);background:var(--bg-2);border-left:2px solid var(--acc)}
.ms .done ol{margin:0;padding-left:1.2em;display:grid;gap:.5em;line-height:1.5}
.ms .errsum{padding:var(--space-4);border:1.5px solid var(--err);color:var(--fg)}
.ms .errsum a{color:var(--err);font-weight:600}
.ms .thumbs{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.ms .thumbs img{width:64px;height:64px;object-fit:cover}
.ms .gal-top{display:grid;gap:var(--space-4);padding-block:var(--space-6) var(--space-4)}
.ms .gal-top>*,.ms .fd>*,.ms .sec-head>*,.ms .hero-copy>*,.ms .form-grid>*,.ms .founder>*,.ms .prof>*,.ms .athero>*{min-width:0}
.ms .gal-bar{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}
.ms .search{position:relative;flex:1 1 260px;max-width:420px}
.ms .search input{width:100%;min-height:48px;padding:0 1em 0 2.6em;border-radius:var(--radius-1);border:1.5px solid var(--rule-2);background:transparent;color:var(--fg);font:inherit}
.ms .search svg{position:absolute;left:.9em;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--fg-2)}
.ms .qf{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.ms .qf::-webkit-scrollbar{display:none}
.ms .active{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;min-height:44px}
.ms .count{font-size:.9375rem;color:var(--fg-2)}
.ms .count b{color:var(--fg);font-variant-numeric:tabular-nums}
.ms .masonry{columns:2;column-gap:var(--space-3)}
.ms .masonry>*{break-inside:avoid;margin-bottom:var(--space-3)}
@media (min-width:760px){.ms .masonry{columns:3}}
@media (min-width:1180px){.ms .masonry{columns:4;column-gap:var(--space-4)}.ms .masonry>*{margin-bottom:var(--space-4)}}
.ms .inline-cta{display:grid;gap:var(--space-3);padding:var(--space-5);background:var(--acc);color:var(--on-acc)}
.ms .inline-cta .btn{background:var(--on-acc);color:var(--acc)}
.ms .inline-cta p{margin:0;line-height:1.45}
.ms .empty{display:grid;gap:var(--space-4);padding:var(--space-7) 0;max-width:52ch}
.ms .panel{position:absolute;inset:0;z-index:70;display:flex;justify-content:flex-end;background:rgba(10,8,8,.45)}
.ms .panel .sheet{width:min(460px,100%);height:100%;overflow:auto;display:grid;align-content:start;gap:var(--space-6);padding:var(--space-6) var(--space-5) 120px}
.ms .panel .phead{display:flex;justify-content:space-between;align-items:center}
.ms .panel .pfoot{position:absolute;bottom:0;right:0;width:min(460px,100%);padding:var(--space-4) var(--space-5);display:flex;gap:var(--space-3);border-top:1px solid var(--rule)}
.ms .panel .pfoot .btn{flex:1}
.ms .fgroup{display:grid;gap:var(--space-3)}
.ms .fgroup .chips .chip{white-space:normal;text-align:left;min-height:44px;padding-block:.4em}
.ms .x-btn{width:44px;height:44px;border:0;background:none;font-size:1.6rem;cursor:pointer;display:grid;place-items:center}
.ms .modal{position:absolute;inset:0;z-index:80;display:grid;background:rgba(10,8,8,.72)}
.ms .modal .box{position:relative;margin:auto;width:min(1180px,100%);max-height:100%;overflow:auto;display:grid}
.ms .modal .pic{position:relative;background:var(--img-bg);display:grid;place-items:center;min-height:300px}
.ms .modal .pic img{max-height:min(78vh,860px);width:auto;max-width:100%;object-fit:contain}
.ms .modal .info{display:grid;gap:var(--space-5);padding:var(--space-6) var(--space-5);align-content:start}
.ms .modal .facts{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.6em 1.2em;font-size:.9375rem;align-items:baseline}
.ms .modal .facts dt{color:var(--fg-2)}
.ms .modal .facts dd{margin:0;display:flex;flex-wrap:wrap;gap:.4em}
.ms .modal .facts .fl{border:0;background:none;padding:0;cursor:pointer;text-decoration:underline;text-decoration-color:var(--acc);text-underline-offset:4px;text-decoration-thickness:1.5px;min-height:32px;text-align:left}
.ms .modal .close{position:absolute;top:8px;right:8px;z-index:3;width:48px;height:48px;border-radius:var(--radius-1);border:0;background:rgba(20,16,15,.6);color:#F2EEEA;font-size:1.6rem;cursor:pointer}
.ms .modal .nav2{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:64px;border:0;background:rgba(20,16,15,.55);color:#F2EEEA;font-size:1.4rem;cursor:pointer}
.ms .modal .prev{left:0}
.ms .modal .next{right:0}
.ms .modal .sim{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}
.ms .modal .sim .wk{aspect-ratio:1}
.ms .modal .sim .wk img{height:100%;object-fit:cover}
@media (min-width:900px){.ms .modal{padding:var(--space-6)}.ms .modal .box{grid-template-columns:1.2fr .8fr}.ms .modal .info{padding:var(--space-7) var(--space-6)}}
.ms .drawer{position:absolute;inset:0;z-index:75;display:flex;justify-content:flex-end;background:rgba(10,8,8,.45)}
.ms .drawer .sheet{width:min(440px,100%);height:100%;overflow:auto;display:grid;align-content:start;gap:var(--space-5);padding:var(--space-6) var(--space-5)}
.ms .bitems{display:grid;gap:var(--space-2)}
.ms .bi{display:flex;gap:var(--space-3);align-items:center;padding:6px;border:1.5px solid var(--rule)}
.ms .bi img{width:64px;height:64px;object-fit:cover;flex:none}
.ms .bi .ic{width:64px;height:64px;display:grid;place-items:center;flex:none;background:var(--bg-2);color:var(--acc);font-weight:700}
.ms .bi .t{flex:1;min-width:0;display:grid;line-height:1.3}
.ms .bi .t span{font-size:.8125rem;color:var(--fg-2)}
.ms .toast{position:absolute;left:50%;bottom:92px;transform:translate(-50%,20px);z-index:90;padding:.85em 1.2em;border-radius:var(--radius-1);background:var(--color-ink);color:var(--color-paper);font-size:.9375rem;opacity:0;pointer-events:none;transition:all var(--duration-m) var(--ease-needle);max-width:calc(100% - 32px)}
.ms .toast.show{opacity:1;transform:translate(-50%,0)}
@media (min-width:1080px){.ms .toast{bottom:28px}}
.ms .ag{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5) var(--space-3)}
@media (min-width:760px){.ms .ag{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1080px){.ms .ag{grid-template-columns:repeat(5,1fr)}}
.ms .ag .person .sty{display:flex;flex-wrap:wrap;gap:.2em .5em;font-size:.8125rem;color:var(--fg-2)}
.ms .prof{display:grid;gap:var(--space-7)}
.ms .prof .pp{aspect-ratio:3/4;overflow:hidden;background:var(--img-bg);filter:grayscale(1)}
.ms .prof .pp img{width:100%;height:100%;object-fit:cover}
@media (min-width:900px){.ms .prof{grid-template-columns:.8fr 1.2fr;align-items:start}}
.ms .own{padding:var(--space-5) 0 var(--space-5) var(--space-5);border-left:2px solid var(--acc)}
.ms .facts2{display:grid;gap:var(--space-4)}
.ms .facts2>div{display:grid;gap:6px;padding-top:var(--space-3);border-top:1px solid var(--rule)}
.ms .athero{display:grid;gap:var(--space-6)}
.ms .athero .ph{aspect-ratio:16/10;overflow:hidden;background:var(--img-bg)}
.ms .athero .ph img{width:100%;height:100%;object-fit:cover}
@media (min-width:900px){.ms .athero{grid-template-columns:1fr 1.15fr;align-items:center}}
.ms .gallery-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}
.ms .gallery-row figure{margin:0;aspect-ratio:4/3;overflow:hidden;background:var(--img-bg)}
.ms .gallery-row img{width:100%;height:100%;object-fit:cover}
@media (min-width:760px){.ms .gallery-row{grid-template-columns:2fr 1fr 1fr}.ms .gallery-row figure:first-child{grid-row:span 2;aspect-ratio:auto}}
.ms .facts-grid{display:grid;gap:var(--space-5)}
@media (min-width:760px){.ms .facts-grid{grid-template-columns:repeat(3,1fr)}}
.ms .facts-grid>div{display:grid;gap:6px;align-content:start}
.ms .tl{display:grid;gap:0;border-left:1.5px solid var(--acc);margin-left:6px}
.ms .tl li{list-style:none;position:relative;padding:0 0 var(--space-5) var(--space-5)}
.ms .tl li::before{content:"";position:absolute;left:-6.5px;top:.45em;width:11px;height:11px;border-radius:50%;background:var(--bg);border:1.5px solid var(--acc)}
.ms .tl b{display:block;font-variant-numeric:tabular-nums;color:var(--acc);font-weight:700}
.ms .tl ol{margin:0;padding:0}
.ms .kgrid{display:grid;gap:var(--space-4)}
@media (min-width:760px){.ms .kgrid{grid-template-columns:repeat(2,1fr)}.ms .kgrid.c3{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1080px){.ms .kgrid.c4{grid-template-columns:repeat(4,1fr)}}
.ms .kc{display:grid;gap:var(--space-2);padding:var(--space-5);border:1.5px solid var(--rule);text-decoration:none;cursor:pointer;background:none;text-align:left;align-content:start;transition:border-color var(--duration-m)}
.ms .kc:hover{border-color:var(--fg)}
.ms .kc .meta{display:flex;gap:var(--space-3);font-size:.8125rem;color:var(--fg-2)}
.ms .kc.big{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.ms .kc.big .meta,.ms .kc.big .small{color:inherit;opacity:.75}
.ms .kimg{display:grid;gap:var(--space-2);text-decoration:none;cursor:pointer;border:0;background:none;padding:0;text-align:left}
.ms .kimg .ph{aspect-ratio:4/3;overflow:hidden;background:var(--img-bg)}
.ms .kimg .ph img{width:100%;height:100%;object-fit:cover}
.ms .stylegrid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}
@media (min-width:760px){.ms .stylegrid{grid-template-columns:repeat(4,1fr)}}
@media (min-width:1080px){.ms .stylegrid{grid-template-columns:repeat(6,1fr)}}
.ms .sg{display:grid;gap:6px;border:0;background:none;padding:0;text-align:left;cursor:pointer}
.ms .sg .ph{aspect-ratio:1;overflow:hidden;background:var(--img-bg)}
.ms .sg .ph img{width:100%;height:100%;object-fit:cover}
.ms .sg b{font-weight:600;font-size:.9375rem;line-height:1.25}
.ms .sg i{font-family:var(--font-serif);color:var(--fg-2);font-size:.875rem}
.ms .tools{display:grid;gap:var(--space-3)}
@media (min-width:760px){.ms .tools{grid-template-columns:repeat(4,1fr)}}
.ms .tool{display:grid;gap:var(--space-3);padding:var(--space-5);background:var(--bg-2);border:0;text-align:left;cursor:pointer;align-content:start;min-height:180px}
.ms .tool .ic{width:40px;height:40px;color:var(--acc)}
.ms .flow{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-size:.875rem;color:var(--fg-2);margin-top:var(--space-4)}
.ms .flow b{color:var(--fg)}
.ms .gloss{display:grid;gap:0;border-top:1px solid var(--rule)}
.ms .gloss div{display:grid;gap:4px;padding:var(--space-4) 0;border-bottom:1px solid var(--rule)}
@media (min-width:760px){.ms .gloss div{grid-template-columns:200px 1fr;gap:var(--space-5)}}
.ms .gloss dt{font-weight:650}
.ms .gloss dd{margin:0;color:var(--fg-2)}
.ms .fd{display:grid;gap:var(--space-6);max-width:1080px}
.ms .fd-prog{display:flex;gap:6px}
.ms .fd-prog i{flex:1;height:3px;background:var(--rule)}
.ms .fd-prog i.on{background:var(--acc)}
.ms .fd-q{display:grid;gap:var(--space-3)}
.ms .opts{display:grid;gap:var(--space-3);grid-template-columns:repeat(2,1fr)}
@media (min-width:760px){.ms .opts{grid-template-columns:repeat(3,1fr)}.ms .opts.c4{grid-template-columns:repeat(4,1fr)}}
.ms .op{position:relative;display:grid;gap:var(--space-2);padding:0;border:1.5px solid var(--rule);background:var(--bg);text-align:left;cursor:pointer;overflow:hidden;align-content:start;transition:border-color var(--duration-s)}
.ms .op:hover{border-color:var(--rule-2)}
.ms .op[aria-pressed="true"]{border-color:var(--acc);box-shadow:0 0 0 2px var(--acc)}
.ms .op .ph{aspect-ratio:4/3;overflow:hidden;background:var(--img-bg)}
.ms .op .ph img{width:100%;height:100%;object-fit:cover}
.ms .op .ot{padding:var(--space-3) var(--space-4) var(--space-4);display:grid;gap:2px}
.ms .op .ot b{font-weight:640;font-size:1.0625rem}
.ms .op .ot span{font-size:.875rem;color:var(--fg-2);line-height:1.4}
.ms .op .tick{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--acc);color:var(--on-acc);font-weight:700;opacity:0;transform:scale(.6);transition:all var(--duration-m) var(--ease-needle)}
.ms .op[aria-pressed="true"] .tick{opacity:1;transform:none}
.ms .op.txt{padding:var(--space-4);min-height:96px}
.ms .op.txt .ot{padding:0}
.ms .opts.imgs .op .ph{aspect-ratio:3/4}
.ms .fd-nav{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:space-between;padding-top:var(--space-4);border-top:1px solid var(--rule)}
.ms .res{display:grid;gap:var(--space-4)}
.ms .ri{display:grid;gap:var(--space-4);padding:var(--space-5);border:1.5px solid var(--rule)}
.ms .ri.top{border-color:var(--acc)}
.ms .ri .rh{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3);flex-wrap:wrap}
.ms .pct{font-size:clamp(2rem,4vw,3rem);font-weight:720;letter-spacing:-.03em;color:var(--acc);font-variant-numeric:tabular-nums;line-height:1}
.ms .meter{height:6px;background:var(--bg-2);position:relative}
.ms .meter i{position:absolute;inset:0 auto 0 0;background:var(--acc)}
.ms .rfacts{display:grid;gap:var(--space-3);font-size:.9375rem}
@media (min-width:760px){.ms .rfacts{grid-template-columns:repeat(4,1fr)}}
.ms .rfacts>div{display:grid;gap:4px}
.ms .dots{letter-spacing:.15em;color:var(--acc)}
.ms .mini{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}
.ms .mini .wk{aspect-ratio:1}
.ms .mini .wk img{height:100%;object-fit:cover}
.ms .escape{font-size:.9375rem;color:var(--fg-2)}
.ms .matrix{overflow-x:auto;border:1.5px solid var(--rule)}
.ms .matrix table{border-collapse:collapse;font-size:.875rem;min-width:720px;width:100%}
.ms .matrix th,.ms .matrix td{padding:.55em .6em;border-bottom:1px solid var(--rule);text-align:center;white-space:nowrap}
.ms .matrix th:first-child,.ms .matrix td:first-child{text-align:left;position:sticky;left:0;background:var(--bg)}
.ms .matrix thead th{font-weight:600;font-size:.75rem;vertical-align:bottom}
.ms .matrix .y{color:var(--acc);font-size:1.1rem}
.ms .sp{display:grid;gap:var(--space-4);padding:var(--space-4);border:1.5px solid var(--rule);align-items:center}
@media (min-width:760px){.ms .sp{grid-template-columns:120px 1fr 1.2fr}}
.ms .sp .pp{aspect-ratio:3/4;overflow:hidden;filter:grayscale(1);background:var(--img-bg);max-width:120px}
.ms .sp .pp img{width:100%;height:100%;object-fit:cover}
.ms .idea{display:grid;gap:var(--space-3);border:1.5px solid var(--rule);overflow:hidden;align-content:start}
.ms .idea .ph{aspect-ratio:4/3;background:var(--img-bg);overflow:hidden;display:grid;place-items:center}
.ms .idea .ph img{width:100%;height:100%;object-fit:cover}
.ms .idea .ph svg{width:60%;height:60%;color:var(--acc)}
.ms .idea .it{padding:0 var(--space-4) var(--space-4);display:grid;gap:var(--space-2)}
.ms .shop{display:grid;gap:var(--space-4)}
@media (min-width:760px){.ms .shop{grid-template-columns:1.4fr 1fr 1fr 1fr}}
.ms .ft{padding-block:var(--space-8) var(--space-6)}
.ms .ft-grid{display:grid;gap:var(--space-6)}
@media (min-width:900px){.ms .ft-grid{grid-template-columns:1.4fr 1fr 1fr 1fr}}
.ms .ft h4{margin:0 0 var(--space-3);font-size:.75rem;letter-spacing:.11em;text-transform:uppercase;color:var(--fg-2);font-weight:620}
.ms .ft ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.ms .ft li a,.ms .ft li button{display:inline-flex;min-height:40px;align-items:center;text-decoration:none;border:0;background:none;padding:0;cursor:pointer;text-align:left}
.ms .ft .house{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-5);align-items:center;justify-content:space-between;margin-top:var(--space-7);padding-top:var(--space-5);border-top:1px solid var(--rule);font-size:.8125rem;color:var(--fg-2)}
.ms .ft .msw{font-weight:800;font-variation-settings:"wdth" 75;letter-spacing:.06em;color:var(--fg);font-size:1rem}
.ms .nl{display:flex;gap:var(--space-2);margin-top:var(--space-3)}
.ms .nl .inp{min-height:48px}
@media (prefers-reduced-motion:reduce){.ms *{transition:none!important;animation:none!important}}
.ms .rise{animation:rise var(--duration-l) var(--ease-needle) both}
@keyframes rise{from{transform:translateY(10px)}to{transform:none}}
.ms .sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ms .skip{position:absolute;left:8px;top:-60px;z-index:100;padding:.8em 1em;background:var(--acc);color:var(--on-acc);text-decoration:none}
.ms .skip:focus{top:8px}
.ms .hero2{padding-block:0 var(--space-7)}
.ms .hero2 .hero-grid{align-items:stretch}
.ms .hero2 .hero-copy{padding-block:var(--space-7) 0;align-content:center}
.ms .ribbon{display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 0 4px}
.ms .ribbon::-webkit-scrollbar{display:none}
.ms .ribbon .ft-tile{flex:0 0 38%;aspect-ratio:3/4;scroll-snap-align:start}
.ms .ft-tile{position:relative;display:block;padding:0;border:0;margin:0;background:var(--img-bg);overflow:hidden;cursor:zoom-in;width:100%}
.ms .ft-tile img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-l) var(--ease-needle)}
.ms .ft-tile:hover img{transform:scale(1.04)}
.ms .ft-tile .cap{position:absolute;inset:auto 0 0 0;padding:26px 10px 8px;display:grid;gap:1px;text-align:left;color:#F2EEEA;font-size:.75rem;line-height:1.3;background:linear-gradient(transparent,rgba(20,16,15,.85));opacity:0;transition:opacity var(--duration-m)}
.ms .ft-tile .cap b{font-size:.8125rem;font-weight:620}
.ms .ft-tile:hover .cap,.ms .ft-tile:focus-visible .cap{opacity:1}
.ms .flow-art{display:none}
@media (min-width:900px){.ms .ribbon{display:none}.ms .hero2{padding-block:0}.ms .hero2 .hero-copy{padding-block:var(--space-9) var(--space-8)}.ms .flow-art{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;height:100%;min-height:640px;max-height:860px;overflow:hidden;align-self:stretch;
    -webkit-mask:linear-gradient(to bottom,transparent 0,#000 14%,#000 86%,transparent 100%);mask:linear-gradient(to bottom,transparent 0,#000 14%,#000 86%,transparent 100%)}.ms .fcol{display:grid;gap:12px;align-content:start}.ms .fcol .ft-tile{aspect-ratio:4/5}.ms .fcol.f1{transform:translateY(-6%)}.ms .fcol.f2{transform:translateY(-24%)}.ms .fcol.f3{transform:translateY(-12%)}}
@media (prefers-reduced-motion:no-preference){.ms @supports (animation-timeline:scroll()){.fcol.f1{animation:fl1 linear both;animation-timeline:scroll(nearest);animation-range:0 700px}
    .fcol.f2{animation:fl2 linear both;animation-timeline:scroll(nearest);animation-range:0 700px}
    .fcol.f3{animation:fl3 linear both;animation-timeline:scroll(nearest);animation-range:0 700px}
    @keyframes fl1{from{transform:translateY(-6%)}to{transform:translateY(-16%)}}
    @keyframes fl2{from{transform:translateY(-24%)}to{transform:translateY(-8%)}}
    @keyframes fl3{from{transform:translateY(-12%)}to{transform:translateY(-22%)}}}}
.ms .band-sec{border-top:1px solid var(--rule)}
.ms .pband{list-style:none;margin:0;padding:var(--space-5) 0;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4) var(--space-5)}
.ms .pband li{display:grid;gap:2px}
.ms .pband b{font-size:clamp(1.35rem,2.4vw,1.9rem);font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--acc)}
.ms .pband span{font-size:.875rem;color:var(--fg-2);line-height:1.35}
@media (min-width:760px){.ms .pband{grid-template-columns:repeat(4,1fr)}}
.ms .voices.compact{grid-template-columns:1fr}
.ms .voices.compact .voice{grid-template-columns:110px 1fr;align-items:stretch}
.ms .voices.compact .voice .ph{aspect-ratio:auto;min-height:100%}
.ms .voices.compact .voice .tx{padding:var(--space-4);gap:var(--space-2)}
.ms .voices.compact .quote{font-size:1.05rem;line-height:1.38}
.ms .voices.compact .voice.is-lead .quote{font-size:clamp(1.15rem,1.9vw,1.6rem)}
@media (min-width:760px){.ms .voices.compact{grid-template-columns:repeat(2,1fr)}.ms .voices.compact .voice{grid-template-columns:42% 1fr}.ms .voices.compact .voice.is-lead{grid-column:1/-1;grid-template-columns:30% 1fr}.ms .voices.compact .voice.is-lead .tx{padding:var(--space-6)}}
.ms .steps{list-style:none;margin:0;padding:0}
@media (min-width:760px){.ms .steps.s4{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1080px){.ms .steps.s4{grid-template-columns:repeat(4,1fr)}}
.ms .step.now{border-top-color:var(--acc);border-top-width:3px}
.ms .step.now .no{color:var(--acc)}
.ms .states{display:grid;gap:var(--space-4)}
@media (min-width:760px){.ms .states{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1180px){.ms .states{grid-template-columns:repeat(4,1fr)}}
.ms .state{display:grid;grid-template-rows:auto 1fr;text-decoration:none;border:1.5px solid var(--rule);background:var(--bg);transition:border-color var(--duration-m)}
.ms .state:hover{border-color:var(--fg)}
.ms .state .ph{aspect-ratio:16/10;overflow:hidden;background:var(--img-bg)}
.ms .state .ph img{width:100%;height:100%;object-fit:cover}
.ms .state .st-t{display:grid;gap:var(--space-2);padding:var(--space-5);align-content:start}
.ms .state .lnk{justify-self:start;margin-top:var(--space-2)}
.ms .state.go{background:var(--acc);color:var(--on-acc);border-color:var(--acc);grid-template-rows:1fr}
.ms .state.go .lbl,.ms .state.go .small{color:inherit;opacity:.85}
.ms .state.go .lnk{background-image:linear-gradient(var(--on-acc),var(--on-acc))}
.ms .state.go .st-t{align-content:end;min-height:220px}
.ms .std{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid var(--rule)}
.ms .std li{display:grid;grid-template-columns:44px 1fr;align-content:start;gap:4px var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--rule)}
.ms .std .n{grid-row:span 2;font-size:.8125rem;font-weight:700;color:var(--acc);font-variant-numeric:tabular-nums;padding-top:3px}
.ms .std b{font-weight:640;font-size:1.0625rem}
.ms .std span:last-child{color:var(--fg-2);line-height:1.5}
@media (min-width:900px){.ms .std{grid-template-columns:repeat(3,1fr);column-gap:var(--space-6)}}
.ms a.pl{text-decoration:none;min-height:44px;align-content:start}
.ms a.pl:hover{text-decoration:underline;text-decoration-color:var(--acc);text-underline-offset:4px}
.ms .msg{margin:0;padding:.6em .8em;border-radius:6px;line-height:1.45;font-size:.9375rem;max-width:90%}
.ms .msg.me{background:var(--acc);color:var(--on-acc);justify-self:end}
.ms .line-layer path.main{stroke-width:1.5}
.ms .line-layer .mk{opacity:0;transition:opacity .5s var(--ease-needle)}
.ms .line-layer .mk.on{opacity:1}
.ms .line-layer .mk circle{fill:var(--acc);stroke:none}
.ms .line-layer .mk path{stroke:var(--acc);stroke-width:1.5;fill:none}
.ms .line-layer .ring{fill:none;stroke:var(--acc);stroke-width:1.5;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1s var(--ease-needle)}
.ms .line-layer .ring.on{stroke-dashoffset:0}
@media (prefers-reduced-motion:reduce){.ms .line-layer .ring{stroke-dashoffset:0}.ms .line-layer .mk{opacity:1}}
.ms .chip{min-height:44px}
.ms .voice .who a{display:inline-flex;align-items:center;min-height:44px}
.ms .ft li a,.ms .ft li button{min-height:44px}
.ms .ft .house a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px}
.ms .at dd a,.ms .facts-grid .lnk{min-height:44px}
.ms .voices.compact .voice .ph{position:relative;min-height:170px}
.ms .voices.compact .voice .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media (min-width:760px){.ms .voices.compact .voice.is-lead{grid-template-columns:26% 1fr}.ms .voices.compact .voice.is-lead .ph{min-height:240px}}
.ms .ft .house a{min-width:44px;justify-content:center}
.ms .ft li a{min-width:44px}
@media (min-width:1080px){.ms .steps.s4{grid-template-columns:1fr 1fr 1.75fr 1fr}}
.ms .step.design{background:var(--bg-2);padding:var(--space-5);border-top:1.5px solid var(--fg);gap:var(--space-3)}
.ms .step.design .quote{font-size:clamp(1.3rem,2.1vw,1.75rem);color:var(--fg)}
.ms .loop{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:var(--space-2);font-size:.8125rem}
.ms .loop span{padding:.35em .65em;border:1.5px solid var(--rule-2);border-radius:var(--radius-1);background:var(--bg)}
.ms .loop i{font-style:normal;color:var(--acc);font-weight:700}
.ms .loop i.again{font-weight:600;font-size:.8125rem}
.ms .steps .step{align-content:start}
.ms .bm{display:grid;gap:var(--space-7);align-items:start}
@media (min-width:900px){.ms .bm{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-8)}}
.ms .bm-fig{position:relative;width:100%;max-width:400px;margin-inline:auto}
.ms .bm-stage{position:relative}
.ms .bm-fig svg{display:block;width:100%;height:auto;overflow:visible}
.ms .sil{fill:color-mix(in srgb,var(--fg) 3%,transparent);stroke:var(--fg-2);stroke-width:1.25;stroke-linejoin:round}
.ms .dt{fill:none;stroke:var(--rule-2);stroke-width:1;stroke-linecap:round}
.ms .dt.sp{stroke-dasharray:2 5}
.ms .hf{fill:var(--acc);opacity:.22}
.ms pattern line{stroke:var(--acc);stroke-width:1.1;opacity:.55}
.ms .hs{fill:none;stroke:var(--acc);stroke-width:1.8;stroke-linejoin:round}
.ms .hc rect,.ms .hc path{fill:none;stroke:var(--acc);stroke-width:1.4;stroke-dasharray:4 3}
.ms .bm-fig .hlz{opacity:0;transition:opacity var(--duration-m) var(--ease-needle)}
.ms .bm-fig .hlz.on{opacity:1}
.ms .pin{position:absolute;width:44px;height:44px;margin:-22px 0 0 -22px;padding:0;border:0;background:none;border-radius:50%;cursor:pointer;display:grid;place-items:center;z-index:1}
.ms .pin i{width:12px;height:12px;border-radius:50%;background:var(--bg);box-shadow:0 0 0 1.5px var(--acc);transition:transform var(--duration-m) var(--ease-needle),background var(--duration-m)}
.ms .pin:hover i{transform:scale(1.3)}
.ms .pin[aria-pressed="true"] i{background:var(--acc);box-shadow:0 0 0 1.5px var(--acc),0 0 0 6px color-mix(in srgb,var(--acc) 26%,transparent)}
.ms .pin .t{position:absolute;left:36px;top:50%;transform:translateY(-50%);white-space:nowrap;font-size:.75rem;font-weight:620;line-height:1;padding:.4em .55em;border-radius:var(--radius-1);background:var(--fg);color:var(--bg);opacity:0;pointer-events:none;transition:opacity var(--duration-m)}
.ms .pin.l .t{left:auto;right:36px}
.ms .pin:hover,.ms .pin:focus-visible,.ms .pin.cur{z-index:2}
.ms .pin:hover .t,.ms .pin:focus-visible .t,.ms .pin.cur .t{opacity:1}
.ms .bm-prev{display:grid;gap:var(--space-4);align-content:start}
.ms .zpics{display:grid;gap:var(--space-2);aspect-ratio:16/10}
.ms .zpics.n2{grid-template-columns:1fr 1fr}
.ms .zpics.n3{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}
.ms .zpics.n3 button:first-child{grid-row:span 2}
.ms .zpics button{all:unset;cursor:zoom-in;overflow:hidden;background:var(--img-bg);min-height:0;min-width:0}
.ms .zpics img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--duration-l) var(--ease-needle)}
.ms .zpics button:hover img{transform:scale(1.03)}
.ms .zpics.hero{aspect-ratio:1/1.02}
.ms .zpics.hero.n1{aspect-ratio:4/5;max-height:620px}
.ms .bm-facts{margin:0;display:grid;gap:0;border-top:1px solid var(--rule)}
.ms .bm-facts>div{display:grid;grid-template-columns:7em 1fr;gap:var(--space-3);padding:.7em 0;border-bottom:1px solid var(--rule);align-items:baseline}
.ms .bm-facts dt{color:var(--fg-2);font-size:.875rem}
.ms .bm-facts dd{margin:0;line-height:1.45}
.ms .pain{display:inline-flex;align-items:center;gap:.6em;font-weight:600}
.ms .pain .bars{display:inline-flex;gap:3px}
.ms .pain .bars i{width:14px;height:6px;border-radius:3px;background:var(--rule-2)}
.ms .pain .bars i.on{background:var(--acc)}
.ms .zones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5) var(--space-3);margin-top:var(--space-8)}
@media (min-width:760px){.ms .zones{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1080px){.ms .zones{grid-template-columns:repeat(6,minmax(0,1fr))}}
.ms .zc{display:grid;gap:6px;text-decoration:none;align-content:start}
.ms .zc .ph{aspect-ratio:1;overflow:hidden;background:var(--img-bg)}
.ms .zc .ph img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-l) var(--ease-needle)}
.ms .zc:hover .ph img{transform:scale(1.04)}
.ms .zc b{font-weight:600;font-size:.9375rem;line-height:1.25}
.ms .zc.go .ph{display:grid;place-items:center;background:var(--acc);color:var(--on-acc);font-weight:640;font-size:1.05rem;padding:var(--space-4);text-align:center}
.ms .zfacts{display:grid;grid-template-columns:64px 1fr;grid-template-areas:"fig head" "facts facts";gap:var(--space-5) var(--space-5);align-items:center}
.ms .zfig{grid-area:fig;width:64px}
.ms .zfacts .zhead{grid-area:head}
.ms .zfacts .facts-grid{grid-area:facts}
.ms .zfig svg{display:block;width:100%;height:auto}
@media (min-width:760px){.ms .zfacts{grid-template-columns:170px 1fr;grid-template-areas:"fig head" "fig facts";gap:var(--space-5) var(--space-8)}.ms .zfig{width:170px;align-self:center}.ms .zfacts .zhead{align-self:end}.ms .zfacts .facts-grid{grid-template-columns:repeat(2,1fr);align-self:start}}
.ms .zfacts .facts-grid>div{padding-top:var(--space-3);border-top:1px solid var(--rule);line-height:1.5}
.ms a.chip{text-decoration:none;color:inherit}
.ms .hero .disp .l1{display:block}
.ms .gift{display:grid;gap:var(--space-7);align-items:start}
@media (min-width:900px){.ms .gift{grid-template-columns:1.05fr .95fr;gap:var(--space-8)}.ms .gift-card-wrap{position:sticky;top:96px}}
.ms .gcard{position:relative;aspect-ratio:1.6;border-radius:12px;background:var(--color-paper);color:var(--color-ink);padding:clamp(16px,3.2vw,34px);display:grid;grid-template-rows:auto 1fr auto;gap:8px;overflow:hidden;
  box-shadow:0 40px 80px -40px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.04);transform:rotate(-1.5deg)}
.ms .gcard .mark{width:14px;height:31px}
.ms .gc-amt{position:relative;font-weight:720;font-variation-settings:"wdth" 88;font-size:clamp(2.4rem,7vw,4.6rem);line-height:.95;letter-spacing:-.035em}
.ms .gc-to{font-size:clamp(.8rem,1.3vw,1rem)}
.ms .gc-to i{font-family:var(--font-serif);font-size:1.25em;color:var(--color-stencil)}
.ms .gc-to i.blank{display:inline-block;width:9em;border-bottom:1px solid var(--color-ink-2);height:.9em;vertical-align:baseline}
.ms .gc-msg{font-family:var(--font-serif);font-style:italic;font-size:clamp(.72rem,1.1vw,.9rem);color:var(--color-ink-2);min-height:1.2em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ms .gform{padding:clamp(20px,3vw,32px);border-radius:var(--radius-1)}
.ms .seg-amt span{min-width:76px;justify-content:center;font-variant-numeric:tabular-nums;font-weight:600}
.ms .g-rec{display:grid;gap:var(--space-4);margin-top:var(--space-4)}
.ms .redeem{display:flex;flex-wrap:wrap;gap:var(--space-4) var(--space-6);align-items:center;justify-content:space-between;padding:var(--space-5);border:1.5px dashed var(--rule-2)}
.ms .gform{box-shadow:inset 0 0 0 1.5px var(--rule)}
.ms .btn[data-anchor="end"]{outline:1.5px solid transparent;outline-offset:12px;transition:outline-color .7s var(--ease-needle),outline-offset .7s var(--ease-needle),transform var(--duration-s) var(--ease-needle),box-shadow var(--duration-m) var(--ease-needle)}
.ms .btn[data-anchor="end"]:focus-visible{outline:2px dashed var(--acc);outline-offset:5px}
@media (prefers-reduced-motion:reduce){.ms .btn[data-anchor="end"]{transition:none}}
.ms .mnav a.btn{justify-content:center;min-height:56px;font-size:1.05rem;font-weight:640;letter-spacing:-.005em;background:var(--acc);color:var(--on-acc);border:0;border-radius:var(--radius-1)}
.ms .navdd{display:flex}
.ms .navbtn{display:inline-flex;align-items:center;gap:.35em;min-height:44px;padding:0 .7em;border:0;background:none;font:inherit;font-weight:540;color:inherit;cursor:pointer;border-radius:var(--radius-1)}
.ms .navbtn .chev{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform var(--duration-m) var(--ease-needle)}
.ms .navbtn[aria-expanded="true"] .chev{transform:translateY(1px) rotate(-135deg)}
.ms .navbtn[aria-current="page"]{box-shadow:inset 0 -2px 0 var(--acc)}
.ms .cartbtn{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;border:1.5px solid var(--rule);border-radius:var(--radius-1);background:transparent;color:inherit;cursor:pointer}
.ms .cartbtn[hidden]{display:none}
.ms .cartbtn svg{width:20px;height:20px}
.ms .cartbtn .n{position:absolute;top:-7px;right:-7px;min-width:1.45em;height:1.45em;border-radius:99px;background:var(--acc);color:var(--on-acc);display:inline-grid;place-items:center;font-size:.7rem;font-weight:700;padding:0 .3em}
.ms .cartbtn .n[data-z="0"]{display:none}
.ms .crumb{text-decoration:none;color:inherit;border-bottom:1px solid currentColor}
.ms .poster{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(180deg,#E9E6E1,#DCD8D1);padding:9%}
.ms .pcard{display:grid;gap:10px;text-decoration:none;align-content:start}
.ms .pc-t{display:grid;gap:2px}
.ms .pc-t b{font-weight:620;font-size:1rem;line-height:1.25}
.ms .pc-p{display:flex;justify-content:space-between;align-items:center;gap:8px;font-weight:600}
.ms .redeem.on-stage{border-color:var(--rule-2)}
.ms .swatches{display:flex;flex-wrap:wrap;gap:6px}
.ms .gc2{--ink:#F1EEEA;--muted:#A9A2A0;--violet:var(--color-stencil-on-stage);position:relative;aspect-ratio:1.586;border-radius:14px;overflow:hidden;color:var(--ink);
  background:radial-gradient(120% 140% at 88% -10%,#2C2533 0%,#1A1620 45%,#121015 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),0 40px 80px -36px rgba(0,0,0,.85);
  display:grid;grid-template-rows:auto 1fr auto;padding:7% 7% 6.5% 15%;container-type:inline-size}
.ms .gc2 .mark{width:clamp(10px,4.2vw,15px);height:clamp(22px,9.2vw,33px);background:var(--ink)}
.ms .gc2-line{position:absolute;left:7%;top:30%;bottom:calc(6.5% + 6.4vw);width:5%;border-left:1.5px solid var(--violet);border-bottom:1.5px solid var(--violet);border-bottom-left-radius:12px}
.ms .gc2-line::before{content:"";position:absolute;left:-4.5px;top:-4px;width:7.5px;height:7.5px;border-radius:50%;background:var(--violet)}
.ms .gc2-top{display:flex;align-items:center;gap:10px;margin-left:-8%}
.ms .gc2-wm{display:grid;line-height:1.2}
.ms .gc2-wm b{font-family:var(--font-serif);font-weight:500;letter-spacing:.26em;font-size:clamp(.5rem,3.3vw,.82rem)}
.ms .gc2-wm small{font-size:clamp(.42rem,2.3vw,.6rem);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.ms .gc2-tag{margin-left:auto;font-size:clamp(.42rem,2.4vw,.62rem);letter-spacing:.2em;text-transform:uppercase;color:var(--violet);border:1px solid color-mix(in srgb,var(--violet) 60%,transparent);padding:.35em .7em;border-radius:99px}
.ms .gc2-mid{display:grid;align-content:center;gap:4px}
.ms .gc2-to{font-size:clamp(.8rem,4.6vw,1.15rem);color:var(--muted)}
.ms .gc2-to i{font-family:var(--font-serif);font-size:1.5em;color:var(--ink);margin-left:.15em}
.ms .gc2-to i.blank{display:inline-block;width:8em;height:.9em;border-bottom:1px solid rgba(255,255,255,.35);vertical-align:baseline}
.ms .gc2-msg{font-family:var(--font-serif);font-style:italic;font-size:clamp(.66rem,3.4vw,.92rem);color:var(--muted);max-width:30ch;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ms .gc2-bot{display:flex;align-items:flex-end;justify-content:space-between;gap:8px}
.ms .gc2-amt{font-weight:720;font-variation-settings:"wdth" 88;font-size:clamp(1.8rem,12.8vw,3.6rem);line-height:.9;letter-spacing:-.035em}
.ms .gc2-meta{display:grid;justify-items:end;gap:4px;text-align:right;font-size:clamp(.42rem,2.3vw,.62rem);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.ms .gc2-code{font-variant-numeric:tabular-nums;letter-spacing:.2em;color:var(--ink)}
.ms .gk{max-width:560px;margin-inline:auto;display:grid;gap:var(--space-5)}
.ms .gk-code{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4);border:1.5px solid var(--rule-2);border-radius:var(--radius-1)}
.ms .gk-code>div{display:grid;gap:2px}
.ms .gk-code b{font-size:1.3rem;letter-spacing:.14em}
.ms .gk-steps{grid-template-columns:1fr !important}
.ms .gk-more{display:grid;grid-template-columns:auto 1fr;gap:var(--space-5);align-items:center}
.ms .gk-qr{display:grid;gap:6px;justify-items:center}
@media (max-width:560px){.ms .hd-act{gap:6px}.ms .hd .wrap{gap:10px}}
.ms .crumb{display:inline-block;padding:15px 2px;margin:-15px -2px;background-clip:content-box}
.ms .pdp-artist{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;padding:10px 12px;border:1.5px solid var(--rule);border-radius:var(--radius-1);text-decoration:none;min-height:68px}
.ms .pdp-artist:hover{border-color:var(--fg)}
.ms .pa-img{width:48px;height:48px;overflow:hidden;border-radius:50%;filter:grayscale(1)}
.ms .pa-img img{width:100%;height:100%;object-fit:cover}
.ms .pa-t{display:grid;line-height:1.2}
.ms .pa-t b{font-weight:640;font-size:1.05rem}
.ms .pa-go{font-size:.875rem;font-weight:600;display:inline-flex;gap:.4em;align-items:center}
@media (max-width:420px){.ms .pdp-artist{grid-template-columns:48px 1fr}.ms .pa-go{grid-column:1/-1}}
.ms .pband li{align-content:start}
.ms .hd.ads .wrap{justify-content:space-between}
.ms .ft.ads{padding-block:var(--space-7) var(--space-5)}
.ms .ft.ads .house{margin-top:var(--space-6)}
.ms .zpw{display:grid;gap:8px;align-content:start}
@media (min-width:1080px){.ms .facts-grid.c4{grid-template-columns:repeat(4,1fr)}}
@media (min-width:760px){.ms .steps.s3{grid-template-columns:repeat(3,1fr)}}
.ms a.sg{text-decoration:none;color:inherit}
.ms a.sg:hover b{text-decoration:underline;text-underline-offset:3px}
.ms .idea .ph{position:relative}
.ms .idea button.ph{border:0;padding:0;margin:0;cursor:zoom-in;width:100%;font:inherit;color:inherit}
.ms .idea .ph.sk{background:var(--bg-2)}
.ms .idea .ph .tag{position:absolute;left:10px;top:10px}
.ms .sp h3 a{display:inline-flex;align-items:center;min-height:44px}
.ms .stamp{display:inline-flex;align-items:stretch;width:auto;height:auto;border-radius:0;border:1.5px solid var(--acc);color:var(--acc);background:var(--bg);flex:none;line-height:1;font-size:inherit;text-transform:none;letter-spacing:0}
.ms .stamp .sn{display:flex;align-items:baseline;gap:1px;padding:7px 9px 6px 10px;font-weight:700;font-size:.8125rem;letter-spacing:.02em}
.ms .stamp .sn b{font-size:1.55rem;letter-spacing:-.02em;font-variant-numeric:tabular-nums;display:inline}
.ms .stamp .sy{display:grid;align-content:center;padding:6px 10px 6px 9px;border-left:1.5px solid var(--acc);font-size:.6875rem;font-weight:640;letter-spacing:.08em;text-transform:uppercase;line-height:1.25}
.ms .atmosaic{display:grid;gap:var(--space-2);grid-template-columns:repeat(2,1fr)}
.ms .atmosaic figure{margin:0;position:relative;overflow:hidden;background:var(--img-bg);aspect-ratio:4/3}
.ms .atmosaic img{width:100%;height:100%;object-fit:cover;display:block}
.ms .atmosaic figcaption{position:absolute;left:0;bottom:0;padding:6px 10px;font-size:.75rem;font-weight:600;letter-spacing:.04em;color:#F2EEEA;background:linear-gradient(transparent,rgba(20,16,15,.7));right:0;padding-top:24px}
.ms .atmosaic .m1{grid-column:span 2}
@media (min-width:760px){.ms .atmosaic{grid-template-columns:2fr 1fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));aspect-ratio:16/7}.ms .atmosaic figure{aspect-ratio:auto}.ms .atmosaic .m1{grid-column:auto;grid-row:span 2}.ms .atmosaic .m2{grid-row:span 2}.ms .atmosaic .m5{display:none}}
@media (min-width:1080px){.ms .atmosaic{grid-template-columns:2fr 1fr 1fr 1fr}.ms .atmosaic .m5{display:block}.ms .atmosaic .m4{grid-column:3}.ms .atmosaic .m5{grid-column:4;grid-row:1 / span 2}}
.ms .map2{background:var(--bg-2);overflow:hidden}
.ms .map2 svg{display:block;width:100%;height:auto}
.ms .map2 .mp-tall{display:none}
@media (max-width:700px){.ms .map2 .mp-wide{display:none}.ms .map2 .mp-tall{display:block}}
.ms .at.at2{padding:0;gap:0;position:relative;cursor:default}
.ms .at2 .ph{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--img-bg)}
.ms .at2 .ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--duration-l) var(--ease-needle)}
.ms .at2:hover .ph img{transform:scale(1.03)}
.ms .at2 .ph .stamp{position:absolute;left:12px;top:12px}
.ms .at2 .at-b{display:grid;gap:var(--space-3);padding:var(--space-5);align-content:start}
.ms .at2 h3 a{text-decoration:none;color:inherit;display:inline-flex;align-items:center;min-height:44px}
.ms .at2 h3 a::after{content:"";position:absolute;inset:0;z-index:1}
.ms .at2 h3 a:focus-visible{outline:none}
.ms .at2:has(h3 a:focus-visible){outline:2px solid var(--acc);outline-offset:3px}
.ms .at2 .at-links{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center}
.ms .at2 .at-links a{position:relative;z-index:2}
.ms .at-ppl{display:flex;align-items:center;gap:12px}
.ms .avs{display:flex;flex:none}
.ms .avs .av{width:34px;height:34px;border-radius:50%;overflow:hidden;border:2px solid var(--bg);margin-left:-8px;filter:grayscale(1);background:var(--img-bg)}
.ms .avs .av:first-child{margin-left:0}
.ms .avs .av img{width:100%;height:100%;object-fit:cover}
.ms .ft .house a.wr-link,.ms a.wr-link{font-weight:660;color:var(--acc);text-decoration:underline;text-underline-offset:3px}
.ms .wr{display:grid;gap:var(--space-6)}
.ms .inp[type="date"]{height:52px;padding-block:0;line-height:1}
.ms .ft .ft-wr{display:flex;justify-content:center;margin-top:var(--space-7);padding-top:var(--space-5);border-top:1px solid var(--rule)}
.ms .ft .ft-wr a{display:inline-flex;align-items:center;min-height:44px;font-size:1rem}
.ms .ft .ft-wr + .house{margin-top:var(--space-4);border-top:0;padding-top:0}
.ms .ft.ads .house + .ft-wr{margin-top:var(--space-4)}
.ms .ft .legal{display:inline-flex;flex-wrap:wrap;align-items:center;gap:0 .35em}
.ms .wkwrap > .flag{position:absolute;top:8px;left:8px;z-index:3;pointer-events:none}
.ms .state .st-t{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}
.ms .state .st-t .lnk{margin-top:auto;padding-top:var(--space-3)}
.ms .state.go .st-t{justify-content:flex-end}
.ms .state.go .st-t .lnk{margin-top:var(--space-2)}
.ms .at.at2{grid-template-rows:auto 1fr}
.ms .at2 .at-b{display:flex;flex-direction:column;gap:var(--space-3)}
.ms .at2 .at-links{margin-top:auto;padding-top:var(--space-2)}
.ms .idea{grid-template-rows:auto 1fr}
.ms .idea .it{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2)}
.ms .idea .it .btn{margin-top:auto}
.ms .sel{-webkit-appearance:none;appearance:none;padding-right:52px;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 26px) 52%,calc(100% - 20px) 52%;background-size:6px 6px,6px 6px;background-repeat:no-repeat}
.ms .inline-cta.alt{background:var(--bg-2);color:var(--fg);border:1.5px solid var(--rule)}
.ms .inline-cta.alt .btn{background:var(--acc);color:var(--on-acc)}
.ms .inline-cta.alt .btn.ghost{background:transparent;color:var(--fg);border-color:var(--fg)}
.ms .sel{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1.5l6 6 6-6' fill='none' stroke='%2318161D' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 20px center;background-size:14px 9px}
.ms .wkwrap{container-type:inline-size}
.ms .wkwrap > .flag{white-space:nowrap;max-width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis}
@container (max-width:200px){.ms .wkwrap > .flag{top:6px;left:6px;font-size:.625rem;padding:.25em .45em;letter-spacing:.04em}.ms .wkwrap .fl-x{display:none}}
/* Theme-Anpassungen */
/* Abnahme Teil 1, David 08.11. */
/* 4: Herz oben rechts ins Bild, wie bei allen Werken (Produktseite und Schnellansicht behalten ihre Lage) */
.ms .wkwrap:not(.pic) > .save{top:8px;right:8px;bottom:auto;left:auto}
/* 7: eine Regel fuer alle Linien-Links: 1,5 px, 4 px unter der Grundlinie, Breite des Textes */
.ms .lnk{display:inline-block;min-height:44px;padding:11px 0 0;line-height:1.4;background:none!important;background-color:transparent;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px;text-decoration-color:var(--acc);text-decoration-skip-ink:none}
.ms .lnk:hover{text-decoration-thickness:3px}
.ms .lnk .arr{display:inline-block;margin-left:.4em;text-decoration:none}
.ms .state.go .lnk{text-decoration-color:var(--on-acc)}
.ms .f3-leer .lnk,.ms .f3-note .lnk,.ms .ms-active-list .lnk{display:inline-block;min-height:24px;padding:0 0 2px}
.ms .gallery-modal__stelle{margin-top:2px}
/* 11: Fotomosaik, feste Rasterplaetze ohne Luecken */
.ms .atmosaic.atm6{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:clamp(140px,38vw,220px);aspect-ratio:auto;gap:var(--space-2)}
.ms .atmosaic.atm6 figure{aspect-ratio:auto;display:block;grid-column:auto;grid-row:auto}
.ms .atmosaic.atm6 .m1{grid-column:1/-1;grid-row:span 2}
.ms .atmosaic.atm6 .m6{grid-column:1/-1}
@media (min-width:760px){.ms .atmosaic.atm6{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(150px,15vw,230px)}
.ms .atmosaic.atm6 .m1{grid-column:span 2;grid-row:span 2}
.ms .atmosaic.atm6 .m2,.ms .atmosaic.atm6 .m5,.ms .atmosaic.atm6 .m6{grid-column:span 2;grid-row:auto}
.ms .atmosaic.atm6 .m3,.ms .atmosaic.atm6 .m4{grid-column:span 1;grid-row:auto}}
/* 12: Karte halb so hoch, hoechstens 60 % des Viewports, Pins als Links */
.ms .map2 .mp-wide{height:min(60vh,33vw);width:100%}
.ms .map2 .mp-tall{max-height:60vh;width:100%}
.ms .map2 svg a{cursor:pointer}
.ms .map2 svg a:focus-visible circle{stroke-width:4}
.ms .at2[id]{scroll-margin-top:96px}
/* 13: Erftstadt-Zusatz unter der Wortmarke */
.ms .wm .wm-op{text-transform:none;letter-spacing:.02em;font-size:.68rem;font-weight:500}
@media (max-width:759px){.ms .hd .wm .wm-op{display:none}}
/* 14: Atelier-Karten gleich hoch, Artist-Leisten unten buendig */
.ms .ats{align-items:stretch}
.ms .at.at2{display:flex;flex-direction:column;height:100%}
.ms .at.at2 .at-b{display:grid;flex:1 1 auto;align-content:stretch;grid-template-rows:auto auto auto 1fr auto}
.ms .at2 .at-ppl{align-self:end}
/* 17: Fotogalerien der Ateliers als einheitliches Gitter */
.ms .gallery-row{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(130px,30vw,220px)}
.ms .gallery-row figure,.ms .gallery-row figure:first-child{aspect-ratio:auto;height:100%}
.ms .gallery-row figure:first-child{grid-column:1/-1}
@media (min-width:760px){.ms .gallery-row{grid-template-columns:2fr 1fr;grid-auto-rows:clamp(160px,17vw,250px)}
.ms .gallery-row figure:first-child{grid-column:auto;grid-row:span 2}}
.ms .atelier-fotos{grid-auto-rows:clamp(130px,30vw,220px)}
.ms .atelier-fotos figure{height:100%}
.ms .atelier-fotos img{aspect-ratio:auto;height:100%}
@media (min-width:760px){.ms .atelier-fotos{grid-auto-rows:clamp(160px,17vw,250px)}}
.ms .voices{align-items:stretch}
.ms .voices .voice{grid-template-rows:auto 1fr;align-content:stretch}
.ms .voices .voice .ph{aspect-ratio:4/5;overflow:hidden}
.ms .voices .voice .ph img{width:100%;height:100%;object-fit:cover;display:block}
.ms .voices .voice .tx{align-content:start}

/* Abnahme Teil 2a, David 08.11. */
/* 29: Video-Einbettungen 16:9, volle Breite der Spalte, keine feste Hoehe */
.ms iframe[src*="youtube"],.ms iframe[src*="youtube-nocookie"],.ms iframe[src*="vimeo"],.ms .f2-prose iframe,.ms .f2-prose video,.ms video{display:block;width:100%!important;max-width:100%;height:auto!important;aspect-ratio:16/9;border:0}
/* 28: unterste CTA einer Unterseite, wenn vollbreit: Inhaltsbreite, zentriert, damit die Ellipse frei liegt */
.ms-cta-frei{width:fit-content!important;max-width:100%;min-height:48px;padding-left:24px!important;padding-right:24px!important;margin-left:auto!important;margin-right:auto!important;justify-self:center;align-self:center;display:flex!important;align-items:center;justify-content:center}
/* Macher- und Betreiber-Zusatz in Versalien wie die Wortmarke */
.ms .athero .lbl,.ms .at2 .lbl{text-transform:uppercase}

.ms .jlist{list-style:none;margin:var(--space-4) 0 0;padding:0;border-top:1px solid var(--rule)}
.ms .jlist a{display:flex;align-items:center;gap:var(--space-3);min-height:56px;padding:var(--space-3) 0;border-bottom:1px solid var(--rule);text-decoration:none;color:inherit}
.ms .jlist .jl-t{flex:1;font-weight:600}
.ms .jlist .jl-m{color:var(--fg-2);font-size:.875rem;white-space:nowrap}
.ms .jlist a:hover .jl-t{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px;text-decoration-color:var(--acc)}

.ms .pcards{display:grid;gap:var(--space-5);margin-top:var(--space-5)}
.ms .pcard{display:grid;gap:var(--space-4);align-items:center}
.ms .pcard .pp{display:block;aspect-ratio:4/5;overflow:hidden;background:var(--img-bg);max-width:360px}
.ms .pcard .pp img{width:100%;height:100%;object-fit:cover;display:block}
.ms .pcard .pc-t{display:grid;gap:var(--space-3);align-content:center}
@media (min-width:760px){.ms .pcard{grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:var(--space-6)}.ms .pcards.pc-n{grid-template-columns:repeat(2,minmax(0,1fr))}.ms .pcards.pc-n .pcard{grid-template-columns:1fr}}

/* Mobil-Abnahme 3a, David 08.11. */
/* 49 Untermenue: Label und Pfeil getrennt */
.ms .mnav .mrow{display:flex;align-items:stretch;border-bottom:1px solid var(--rule)}
.ms .mnav .mrow>a{flex:1 1 auto;border-bottom:0}
.ms .mnav .mtog{flex:0 0 56px;min-width:44px;min-height:56px;display:grid;place-items:center;margin-right:-12px;padding:0;border:0;background:none;color:inherit;font-size:1.6rem;cursor:pointer}
/* 50 Zeilenumbruch */
:where(.ms,main) :is(p,li,blockquote,dd,figcaption){text-wrap:pretty}
:where(.ms,main) :is(h1,h2,h3,.h1,.h2,.h3,.disp,.lbl,.lead,.btn,label,legend,.chip,.tag){text-wrap:balance}
/* 51 Seitenlinie mobil 1,5 px */
@media (max-width:899px){.ms .line-layer path,.ms .line-layer path.main{stroke-width:1.5}}
/* 52 Schnellansicht */
.ms .ms-kbd-hint{display:none}
@media (hover:hover) and (pointer:fine){.ms .ms-kbd-hint{display:block}}
.ms .modal .nav2,.ms .ms-work-media__box .nav2{width:44px;height:44px;padding:0;border-radius:50%;display:grid;place-items:center;background:rgba(27,23,22,.55);color:#F2EEEA;font-size:1.2rem;line-height:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.ms .modal .nav2.prev{left:12px}.ms .modal .nav2.next{right:12px}
@media (max-width:899px){.ms .modal .nav2{top:auto;bottom:12px;transform:none}.ms .modal .nav2.prev{left:calc(50% - 52px);right:auto}.ms .modal .nav2.next{left:calc(50% + 8px);right:auto}}
/* 53 Banner zwischen den Werken mobil ueber die volle Breite */
@media (max-width:759px){
  .ms :has(> .inline-cta){grid-auto-flow:row dense}
  .ms .inline-cta{grid-column:1/-1;padding:var(--space-5) var(--space-5) var(--space-6)}
  .ms .inline-cta .h3{font-size:1.5rem;line-height:1.2}
  .ms .inline-cta p:not(.h3){font-size:1.0625rem}
  .ms .inline-cta .btn{justify-self:start}
}
/* 54 Wannados: einziger gefuellter Chip */
.ms .qf .chip--wd{background:#1E7680;color:#fff;border-color:#1E7680}
.ms .stage .qf .chip--wd{background:#7DE8DD;color:#1B1716;border-color:#7DE8DD}
.ms .qf .chip--wd .ct{color:inherit;opacity:.8}
.ms .qf .chip--wd[aria-pressed="true"]{outline:2px solid currentColor;outline-offset:2px}
.ms .stage .qf .chip--wd[aria-pressed="true"]{outline-color:#7DE8DD}
/* 55 Atelier-Fotos: Abstand oben wie zwischen den Kacheln */
.ms .atelier-fotos{margin-top:var(--space-3)}

/* Mobil-Abnahme 3a, Ergaenzung 375 px, David 08.11. */
/* Schnellansicht: Spalte nicht breiter als der Bildschirm */
.ms .modal,.ms .modal .box{overflow-x:hidden}
@media (max-width:899px){.ms .modal .box{grid-template-columns:minmax(0,1fr)}.ms .modal .box>*{min-width:0;max-width:100%}}
/* Cover-up-Etiketten: 44 px Tippflaeche */
.ms .cu-link{display:inline-flex;align-items:center;min-height:44px}
/* Formular-Checkboxen 24 px, Zeile mindestens 44 px, Label klickbar */
main form input[type=checkbox]{width:24px;height:24px;min-width:24px;flex:0 0 24px;margin:0;accent-color:var(--color-stencil,#1E7680);cursor:pointer}
main form label:has(> input[type=checkbox]){display:flex;align-items:flex-start;gap:12px;min-height:44px;cursor:pointer}
main form label:has(> input[type=checkbox]) input{margin-top:1px}
/* WhatsApp-Weg unter dem Formular */
.ms.ms-wa-weg{padding:0 max(20px,4.4vw) 32px}
.ms.ms-wa-weg .ms-wa-in{max-width:1360px;margin:0 auto}
.ms.ms-wa-weg .lnk{display:inline-flex;align-items:center;gap:.4em;min-height:44px;font-weight:600}
@media (min-width:1080px){body.template-page-kontakt #MainContent>[id$="__ms_wa"]{grid-column:1}}
/* tel-Links sehen aus wie Text */
.ms .num a[href^="tel:"],.ms a.num[href^="tel:"]{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}

/* Nr. 60 WhatsApp-Knopf, David 08.11. */
main form .ms-wa-btn{display:flex;align-items:center;justify-content:center;gap:.4em;width:fit-content;max-width:100%;min-height:48px;margin-top:12px;box-sizing:border-box;text-decoration:none}
main form .ms-wa-btn,main form .ms-wa-btn:visited{color:var(--color-ink,#1B1716);background:transparent;border:1.5px solid currentColor;border-radius:var(--radius-1,4px);padding:0 20px;font-size:1rem;font-weight:640;line-height:1.2}
main form .ms-wa-btn:hover{background:var(--color-ink,#1B1716);color:var(--color-paper,#F5F3EE)}
main form .ms-wa-btn:focus-visible{outline:2px solid var(--color-stencil,#1E7680);outline-offset:3px}
main form :has(> .ms-wa-btn){flex-direction:column;align-items:flex-start;flex-wrap:nowrap}
main form a.btn.ms-wa-btn.ms-wa-btn{margin:12px 0 0;width:100%}
main form .section-cta > .contact__buttons:has(> .ms-wa-btn){flex:1 1 100%;width:100%;max-width:100%}
main form .button-align-center :has(> .ms-wa-btn),main form .button-align-center:has(> .ms-wa-btn){align-items:center}
main form .button-align-center a.btn.ms-wa-btn.ms-wa-btn{margin:12px auto 0;width:fit-content}
/* Cover-up-Etiketten: 44 px Tippflaeche (3b wurde ueberstimmt) */
.ms .cu-card a.lbl.cu-link{display:inline-flex;align-items:center;min-height:44px}

/* Alex-LP v2, bilderfuehrend (David 08.11.) */
.ms .lpa-hero{padding-top:0}
.ms .lpa-strip{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 max(20px,4.4vw) 4px;scrollbar-width:none}
.ms .lpa-strip::-webkit-scrollbar{display:none}
.ms .lpa-s{flex:0 0 78vw;max-width:420px;aspect-ratio:4/5;scroll-snap-align:start;overflow:hidden;background:var(--img-bg)}
.ms .lpa-s img,.ms .lpa-c img,.ms .lpa-abp img,.ms .lpa-up img,.ms .lpa-op img{width:100%;height:100%;object-fit:cover;display:block}
.ms .lpa-hg{display:grid;gap:28px;margin-top:24px}
.ms .lpa-copy{display:grid;gap:16px;align-content:start}
.ms .lpa-hero .disp{font-size:clamp(2.4rem,9vw,4.4rem)}
@media (min-width:900px){.ms .lpa-hero .disp{font-size:clamp(3rem,4.6vw,4.4rem)}}
.ms .lpa-akt{max-width:52ch}
.ms .lpa-id{display:flex;align-items:center;gap:12px}
.ms .lpa-av{width:64px;height:64px;border-radius:50%;overflow:hidden;flex:0 0 64px;border:2px solid var(--acc)}
.ms .lpa-av img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.ms .lpa-st{margin:0;color:var(--fg)}
.ms .lpa-akt{margin:0;font-size:.875rem}
.ms .lpa-col{display:none}
@media (min-width:900px){
  .ms .lpa-hero{padding-top:var(--space-7,48px)}
  .ms .lpa-strip{display:none}
  .ms .lpa-hg{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;margin-top:0;gap:48px}
  .ms .lpa-col{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:1fr 1fr;gap:10px}
  .ms .lpa-c{overflow:hidden;background:var(--img-bg);aspect-ratio:4/5}
  .ms .lpa-c1{grid-row:1/3;aspect-ratio:auto}
}
.ms .lpa-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:900px){.ms .lpa-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}
.ms .lpa-w[hidden]{display:none}
.ms .lpa-w .wk img{aspect-ratio:4/5;width:100%;height:auto;object-fit:cover}
.ms .lpa-qv{position:fixed;inset:0;z-index:80;background:rgba(15,13,12,.92);display:grid;place-items:center;padding:16px;overflow:auto}
.ms .lpa-qv[hidden]{display:none}
.lpa-qv-open{overflow:hidden}
.ms .lpa-qv-in{position:relative;width:min(1080px,100%);display:grid;gap:16px;color:#F2EEEA}
@media (min-width:900px){.ms .lpa-qv-in{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:32px}}
.ms .lpa-qv-pic{position:relative;margin:0;aspect-ratio:4/5;max-height:80vh;background:#151413;overflow:hidden}
.ms .lpa-qv-pic img{width:100%;height:100%;object-fit:contain}
.ms .lpa-qv-pic .nav2{position:absolute;bottom:12px;width:44px;height:44px;border-radius:50%;border:0;display:grid;place-items:center;background:rgba(27,23,22,.6);color:#F2EEEA;font-size:1.2rem;cursor:pointer}
.ms .lpa-qv-pic .prev{left:calc(50% - 52px)}.ms .lpa-qv-pic .next{left:calc(50% + 8px)}
.ms .lpa-qv-tx{display:grid;gap:12px;justify-items:start}
.ms .lpa-qv-tx .lnk{color:#F2EEEA}
.ms .lpa-qv-x{position:absolute;top:-8px;right:-4px;width:44px;height:44px;border:0;background:none;color:#F2EEEA;font-size:2rem;cursor:pointer}
.ms .lpa-ug{display:grid;gap:24px}
@media (min-width:900px){.ms .lpa-ug{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:56px}}
.ms .lpa-up{aspect-ratio:4/5;overflow:hidden;background:var(--img-bg)}
.ms .lpa-up img{object-position:50% 40%}
.ms .lpa-ut{display:grid;gap:16px;align-content:start}
.ms .lpa-sp{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ms .lpa-sp li{display:flex;gap:10px;align-items:baseline}
.ms .lpa-sp li::before{content:"";flex:0 0 8px;height:8px;border-radius:50%;background:var(--acc);transform:translateY(-1px)}
.ms .lpa-stimme{position:relative}
.ms .lpa-sg{display:grid;gap:24px;align-items:center}
@media (min-width:900px){.ms .lpa-sg{grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:64px}}
.ms .lpa-sf{margin:0;width:100%;aspect-ratio:4/5;overflow:hidden;background:#151413;position:relative}
.ms .lpa-sf img{width:100%;height:100%;object-fit:cover;display:block}
.ms .lpa-sg .lpa-sq{position:static;display:grid;gap:14px;align-content:center;align-self:center;padding:0;color:#F2EEEA;max-width:none}
.ms .lpa-sg .lpa-sz{font-family:var(--font-serif,Georgia,serif);font-size:clamp(1.75rem,3vw,2.75rem);line-height:1.2;font-weight:400;color:#F2EEEA}
@media (min-width:900px){.ms .lpa-sg .lpa-sz{font-size:clamp(2.25rem,3vw,2.75rem)}}
.ms .lpa-sb{position:relative;margin:0;min-height:72vh;display:grid;overflow:hidden}
.ms .lpa-sb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ms .lpa-sb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,13,12,0) 30%,rgba(15,13,12,.7) 60%,rgba(15,13,12,.95) 100%)}
.ms .lpa-sq{position:relative;z-index:1;align-self:end;display:grid;gap:10px;padding-block:32px 40px;color:#F2EEEA;max-width:900px}
.ms .lpa-sq .quote{font-size:clamp(1.5rem,3.6vw,2.6rem);line-height:1.2;font-weight:600;color:#F2EEEA}
.ms .lpa-sq .small,.ms .lpa-sq b{color:#F2EEEA}
.ms .lpa-ab{list-style:none;margin:0;padding:0;display:grid;gap:24px}
@media (min-width:900px){.ms .lpa-ab{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ms .lpa-ab li{display:grid;gap:10px;align-content:start}
@media (max-width:899px){.ms .lpa-ab li{grid-template-columns:112px minmax(0,1fr);column-gap:16px;row-gap:4px;align-items:start}.ms .lpa-ab .lpa-abp{grid-row:1/3}.ms .lpa-ab .lpa-abn{width:32px;height:32px;left:8px;top:8px;font-size:.875rem}}
.ms .lpa-abp{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--img-bg)}
.ms .lpa-abn{position:absolute;left:12px;top:12px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--acc);color:var(--on-acc);font-weight:700}
.ms .lpa-bn{display:grid;gap:24px;justify-items:start;padding-block:24px}
.ms .lpa-bt{margin:0;font-size:clamp(2.2rem,6vw,4.4rem);line-height:1.02}
.ms .lpa-ba{color:var(--acc)}
.ms .lpa-vr{display:grid;grid-auto-flow:column;grid-auto-columns:72vw;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:thin}
@media (min-width:900px){.ms .lpa-vr{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}}
.ms .lpa-v{display:grid;gap:10px;align-content:start;scroll-snap-align:start}
.ms .lpa-vmr{display:none}
@media (min-width:900px){
  .ms .lpa-vr:not(.offen):not(:has(>.lpa-v:nth-child(6)))>.lpa-v:nth-child(n+4){display:none}
  .ms .lpa-vr:not(.offen):has(>.lpa-v:nth-child(6))>.lpa-v:nth-child(n+7){display:none}
  .ms .lpa-vr:has(>.lpa-v:nth-child(4)):not(:has(>.lpa-v:nth-child(6)))+.lpa-vmr,.ms .lpa-vr:has(>.lpa-v:nth-child(7))+.lpa-vmr{display:flex;justify-content:center;margin-top:24px}}
.ms .lpa-vp{aspect-ratio:4/5;overflow:hidden;background:var(--img-bg)}
.ms .lpa-vp img{width:100%;height:100%;object-fit:cover;display:block}
.ms .lpa-v .quote{font-size:1.0625rem;line-height:1.45}
.ms .lpa-v-text{background:#151413;color:#F2EEEA;padding:28px;align-content:center;align-self:stretch}
.ms .lpa-v-text .quote{font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.25;color:#F2EEEA}
.ms .lpa-v-text .small,.ms .lpa-v-text b{color:#F2EEEA}
.ms .lpa-v-text .stars{color:var(--color-stencil-on-stage,#7DE8DD)}
.ms .lpa-aktion{border-top:3px solid var(--acc)}
.ms .lpa-ag{display:grid;gap:24px;align-items:center}
@media (min-width:900px){.ms .lpa-ag{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px}}
.ms .lpa-at{display:grid;gap:12px}
.ms .lpa-ac{display:grid;gap:16px;justify-items:start}
@media (min-width:900px){.ms .lpa-ac{justify-items:end}}
.ms .lpa-cd{display:grid;grid-template-columns:repeat(4,minmax(64px,1fr));gap:8px;width:100%;max-width:440px}
.ms .lpa-cd div{display:grid;justify-items:center;gap:4px;padding:12px 6px;border:1px solid rgba(242,238,234,.18)}
.ms .lpa-cd b{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);line-height:1;font-weight:700;font-variant-numeric:tabular-nums}
.ms .lpa-cd span{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;opacity:.8}
.ms .lpa-og{display:grid;gap:24px}
@media (min-width:900px){.ms .lpa-og{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:48px}}
.ms .lpa-op{aspect-ratio:4/3;overflow:hidden;background:var(--img-bg)}
.ms .lpa-ot{display:grid;gap:12px;align-content:start}

/* Alex-Varianten (David 08.11.): WhatsApp zuerst bei Social-Traffic */
main form a.btn.ms-wa-btn.ms-wa-zuerst{margin:0 0 12px}
main form .button-align-center a.btn.ms-wa-btn.ms-wa-zuerst{margin:0 auto 12px}

/* Artist-LPs, Variante lp-artist (David 08.11.) */
.ms .lp-artist .athero .ph.lp-artist-ph{aspect-ratio:4/5;height:auto;overflow:hidden;background:var(--img-bg)}
@media (max-width:899px){.ms .lp-artist .athero .ph.lp-artist-ph{max-height:70vh;aspect-ratio:4/5}}
.ms .lp-artist-ph img{width:100%;height:100%;object-fit:cover;display:block}
@media (min-width:900px){.ms .lp-artist .athero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.ms .lp-artist .athero .ph.lp-artist-ph{max-height:78vh}}
.ms .lp-artist-sterne{color:inherit;text-decoration:none}
.ms .lp-artist-sterne .u{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}

/* Cover-up-Einzelbilder (David 08.11.): Etikett oben links */
.ms :is(.ft-tile,.lp-cl a,.lpa-s,.lpa-c,.lpa-vp,.lpa-sb,.athero .ph,.voice .ph,.ph){position:relative}
.ms .ms-cv-tag{position:absolute;left:10px;top:10px;z-index:2;pointer-events:none}
.ms .lpa-sb .ms-cv-tag{left:max(20px,4.4vw);top:20px}

/* Pfad-Zeile ohne schwebenden Strich (David 09.11.2026): keine Linie im Ruhezustand, Unterstreichung bei Hover/Fokus direkt am Text */
.ms .crumb{border-bottom:0}
.ms .crumb:hover,.ms .crumb:focus-visible{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}

/* F2 Wissen: nur Wissen, Koerperkarte, Stellen, Guide. Regeln, die der Prototyp nicht kennt. */
.ms .pin{color:inherit;text-decoration:none}
.ms .pin.cur i{background:var(--acc);box-shadow:0 0 0 1.5px var(--acc),0 0 0 6px color-mix(in srgb,var(--acc) 26%,transparent)}
.ms .f2-tabs{justify-content:center;margin-bottom:var(--space-4)}
.ms .f2-stage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.ms .f2-v{min-width:0}
.ms .f2-vs{position:relative}
.ms .f2-vs svg{display:block;width:100%;height:auto;overflow:visible}
.ms .f2-vc{display:block;margin-top:var(--space-4);text-align:center;font-size:.75rem;font-weight:620;letter-spacing:.11em;text-transform:uppercase;color:var(--fg-2)}
.ms .f2-stage[data-a="0"],.ms .f2-stage[data-a="1"]{grid-template-columns:minmax(0,1fr);max-width:230px;margin-inline:auto}
.ms .f2-stage[data-a="0"] .f2-v[data-view="1"],.ms .f2-stage[data-a="1"] .f2-v[data-view="0"]{display:none}
.no-js .ms .f2-tabs{display:none}
.ms .f2-pv{display:grid;gap:var(--space-4);align-content:start}
.ms .f2-pv[hidden]{display:none}
.ms .f2-zp{display:block;overflow:hidden;background:var(--img-bg);min-height:0;min-width:0}
.ms .zpics.n2{grid-template-columns:1fr 1fr}
.ms .zpics.n3{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}
.ms .zpics.n3 .f2-zp:first-child{grid-row:span 2}
/* Klasse hero kollidiert mit der alten Theme-Regel .hero (min-height, Hintergrund, padding) */
.ms section.hero{display:block;min-height:0}
.ms .zpics.f2-zh{aspect-ratio:1/1.02}
.ms .zpics.f2-zh.n1{aspect-ratio:4/5;max-height:620px}
.ms .f2-zp img{width:100%;height:100%;object-fit:cover;display:block}
.ms .bm-facts dt{min-width:0}
.ms .f2-liste{display:none;list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.ms .f2-liste a{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:var(--space-3);align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--rule);text-decoration:none;color:inherit}
.ms .f2-li-b{display:block;width:64px;height:64px;overflow:hidden;background:var(--img-bg)}
.ms .f2-li-b img{width:100%;height:100%;object-fit:cover;display:block}
.ms .f2-li-t{display:grid;gap:2px}
.ms .f2-li-t b{font-weight:620;line-height:1.25}
@media (max-width:759.98px){.ms .f2-bm{display:none}.ms .f2-zones{display:none}.ms .f2-liste{display:block}}
.ms .f2-navi{padding-top:0}
.ms .f2-grid:empty{display:none}
.ms .f2-ph{aspect-ratio:1;background:var(--img-bg)}
.no-js .ms .f2-ph,.no-js .ms [data-f2-fits]{display:none}
.ms .f2-grid .f2w,.ms .f2-grid .wkwrap{min-width:0}
.ms .f2-grid .wk{aspect-ratio:1}
.ms .f2-grid .wk img{width:100%;height:100%;object-fit:cover}
.ms .f2-werke [data-f2-leer] a{color:inherit;text-decoration:underline}
.ms .stylegrid a.sg{text-decoration:none;color:inherit}
.ms a.kc,.ms a.kimg{color:inherit;text-decoration:none}
.ms .kc .lnk{justify-self:start}
.ms .f2-cta .btn{background:var(--on-acc);color:var(--acc)}
.ms .f2-cta-l{color:inherit;text-decoration:underline;text-underline-offset:3px;display:inline-flex;align-items:center;min-height:44px}
/* Guide */
.ms .f2-g-kopf{display:grid;gap:var(--space-4);max-width:860px}
.ms .f2-g-kopf .lead{max-width:60ch}
.ms .f2-g-meta{margin:0}
.ms .f2-g-bild{margin:var(--space-6) 0 0;max-width:1100px}
.ms .f2-g-bild img{width:100%;height:auto;display:block}
.ms .f2-g-bild figcaption{margin-top:var(--space-2)}
.ms .f2-g-raster{display:grid;gap:var(--space-6);margin-top:var(--space-7)}
.ms .f2-g-haupt{display:grid;gap:var(--space-6);min-width:0}
@media (min-width:1080px){.ms .f2-g-raster{grid-template-columns:260px minmax(0,1fr);gap:var(--space-8);align-items:start}.ms .f2-toc{position:sticky;top:96px;max-height:calc(100vh - 120px);overflow:auto}}
.ms .f2-toc[hidden]{display:none}
.ms .f2-toc{padding-left:var(--space-4);border-left:2px solid var(--acc)}
.ms .f2-toc .lbl{margin:0 0 var(--space-2)}
.ms .f2-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.ms .f2-toc a{display:block;padding:.35em 0;min-height:24px;font-size:.9375rem;line-height:1.3;color:var(--fg-2);text-decoration:none}
.ms .f2-toc a:hover,.ms .f2-toc a[aria-current]{color:var(--fg);text-decoration:underline;text-underline-offset:3px}
.ms .f2-take h2{margin:0 0 var(--space-3)}
.ms .f2-take ul{margin:0;padding-left:1.1em;display:grid;gap:.45em;line-height:1.5}
.ms .f2-prose{font-family:var(--font-serif);font-weight:500;font-size:1.2rem;line-height:1.65;max-width:62ch;overflow-wrap:anywhere;min-width:0}
.ms .f2-prose>*{max-width:100%}
.ms .f2-prose p{margin:0 0 1.05em}
.ms .f2-prose h2{font-family:var(--font-sans);font-weight:650;font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.1;letter-spacing:-.02em;margin:1.7em 0 .55em;scroll-margin-top:96px}
.ms .f2-prose h3{font-family:var(--font-sans);font-weight:620;font-size:1.3rem;line-height:1.2;margin:1.4em 0 .45em;scroll-margin-top:96px}
.ms .f2-prose h4{font-family:var(--font-sans);font-weight:620;font-size:1.06rem;line-height:1.25;margin:1.2em 0 .4em}
.ms .f2-prose h1{font-family:var(--font-sans);font-size:1.7rem;line-height:1.1;margin:1.4em 0 .5em}
.ms .f2-prose>:first-child{margin-top:0}
.ms .f2-prose b,.ms .f2-prose strong{font-family:var(--font-sans);font-weight:640;font-size:.94em}
.ms .f2-prose ul,.ms .f2-prose ol{margin:0 0 1.05em;padding-left:1.25em;display:block}
.ms .f2-prose ul{list-style:disc}.ms .f2-prose ol{list-style:decimal}
.ms .f2-prose li{margin:.3em 0}
.ms .f2-prose a{color:inherit;text-decoration:underline;text-decoration-color:var(--acc);text-decoration-thickness:1.5px;text-underline-offset:3px}
.ms .f2-prose img,.ms .f2-prose video,.ms .f2-prose iframe{max-width:100%;height:auto;display:block}
.ms .f2-prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-family:var(--font-sans);font-size:.95rem;line-height:1.4;margin:0 0 1.4em}
.ms .f2-prose th,.ms .f2-prose td{padding:.55em .7em;border:1px solid var(--rule);text-align:left;vertical-align:top}
.ms .f2-prose blockquote{margin:0 0 1.2em;padding-left:var(--space-4);border-left:2px solid var(--acc);font-style:italic;font-weight:380}
.ms .f2-bio{display:grid;gap:var(--space-4);padding-top:var(--space-5);border-top:1px solid var(--rule);max-width:62ch}
@media (min-width:760px){.ms .f2-bio:has(img){grid-template-columns:96px 1fr}}
.ms .f2-bio p{margin:0}
.ms .f2-bio>div{display:grid;gap:6px}
.ms .f2-bio-t{line-height:1.5;color:var(--fg-2)}
.ms .f2-bio-t p{margin:0}
/* F2-FORM-KOPIE: wird von rl_f2_bau.py erzeugt, nicht von Hand aendern */
body[class*="template-page-stelle-"] .contact-box,body.template-page-kontakt .contact-section,body.template-page-widerruf .ah-wr{--font-sans:"Bricolage Grotesque","Avenir Next","Segoe UI",system-ui,sans-serif;--font-serif:"Newsreader","Iowan Old Style","Palatino Linotype",Georgia,serif;--bg:#F1F0F3;--bg-2:#E6E4EA;--fg:#18161D;--fg-2:#5A5663;--rule:#D3CFD8;--rule-2:#7D7887;--acc:var(--color-stencil);--on-acc:#FFFFFF;--err:#B3261E;--ms-r:3px;--ms-e:cubic-bezier(.2,.7,.1,1);background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-weight:400;-webkit-font-smoothing:antialiased;font-optical-sizing:auto}
body[class*="template-page-stelle-"] .contact-box *,body.template-page-kontakt .contact-section *{box-sizing:border-box}
body[class*="template-page-stelle-"] #MainContent>.shopify-section:has(.contact-box):not(.ms-x):not(.ms-y){opacity:1;transform:none}
body[class*="template-page-stelle-"] .contact-box .page-width,body.template-page-kontakt .contact-section .page-width{max-width:1360px;margin-inline:auto;padding-inline:max(20px,4.4vw)}
body[class*="template-page-stelle-"] .contact-box .section-padding,body.template-page-kontakt .contact-section .section-padding{padding-block:var(--section-pt,96px) var(--section-pb,80px)}
body[class*="template-page-stelle-"] .contact-box__header,body.template-page-kontakt .contact-header{text-align:left;margin:0 0 48px;display:grid;gap:16px}
body[class*="template-page-stelle-"] .contact-box .section-label,body.template-page-kontakt .contact-section .section-label{font-family:inherit;font-size:.75rem;font-weight:620;letter-spacing:.11em;text-transform:uppercase;color:var(--fg-2);margin:0}
body[class*="template-page-stelle-"] .contact-box .section-title,body.template-page-kontakt .contact-section .section-title{font-family:inherit;font-weight:680;font-variation-settings:"wdth" 92;font-size:clamp(2.2rem,5.2vw,4.6rem);line-height:.98;letter-spacing:-.03em;text-wrap:balance;margin:0;color:var(--fg)}
body[class*="template-page-stelle-"] .contact-box .section-divider-center,body.template-page-kontakt .contact-section .section-divider-center{display:none}
body[class*="template-page-stelle-"] .contact-box .section-subtitle,body.template-page-kontakt .contact-section .section-subtitle{font-family:inherit;font-size:clamp(1.08rem,1.45vw,1.32rem);font-weight:400;line-height:1.5;color:var(--fg-2);max-width:40ch;margin:0}
body[class*="template-page-stelle-"] .contact-box__form-container,body.template-page-kontakt .contact-section .contact__form-container{background:none;border:0;border-radius:0;box-shadow:none;padding:0;margin:0;max-width:none}
body[class*="template-page-stelle-"] .contact-box__form-title{font-family:inherit;font-weight:650;font-size:1.25rem;letter-spacing:-.01em;text-align:left;margin:0 0 16px;color:var(--fg)}
body[class*="template-page-stelle-"] .contact-box__form,body.template-page-kontakt .contact-section .contact__form{display:grid;gap:20px;max-width:none;margin:0}
body[class*="template-page-stelle-"] .contact-box__form-row{display:grid;gap:16px;margin:0}
@media (min-width:640px){body[class*="template-page-stelle-"] .contact-box__form-row{grid-template-columns:1fr 1fr}}
body[class*="template-page-stelle-"] .contact-box__form-group,body.template-page-kontakt .contact-section .contact__form-group{display:grid;gap:6px;margin:0}
body[class*="template-page-stelle-"] .contact-box .form-label,body.template-page-kontakt .contact-section .form-label{font-family:inherit;font-weight:600;font-size:.9375rem;line-height:1.4;letter-spacing:0;text-transform:none;color:var(--fg);margin:0}
body[class*="template-page-stelle-"] .contact-box .form-input,body[class*="template-page-stelle-"] .contact-box .form-select,body[class*="template-page-stelle-"] .contact-box .form-textarea,body.template-page-kontakt .contact-section .form-input,body.template-page-kontakt .contact-section .form-select,body.template-page-kontakt .contact-section .form-textarea{width:100%;min-height:52px;padding:.8em .95em;border-radius:var(--ms-r);border:1.5px solid var(--rule-2);background:var(--bg);color:var(--fg);font-family:inherit;font-size:1rem;font-weight:400;box-shadow:none;line-height:1.3}
body[class*="template-page-stelle-"] .contact-box .form-textarea,body.template-page-kontakt .contact-section .form-textarea{min-height:132px;resize:vertical;line-height:1.5}
body[class*="template-page-stelle-"] .contact-box .form-input:focus,body[class*="template-page-stelle-"] .contact-box .form-select:focus,body[class*="template-page-stelle-"] .contact-box .form-textarea:focus,body.template-page-kontakt .contact-section .form-input:focus,body.template-page-kontakt .contact-section .form-select:focus,body.template-page-kontakt .contact-section .form-textarea:focus{outline:2px dashed var(--acc);outline-offset:2px;border-color:var(--fg);box-shadow:none}
body[class*="template-page-stelle-"] .contact-box .form-input::placeholder,body[class*="template-page-stelle-"] .contact-box .form-select::placeholder,body[class*="template-page-stelle-"] .contact-box .form-textarea::placeholder,body.template-page-kontakt .contact-section .form-input::placeholder,body.template-page-kontakt .contact-section .form-select::placeholder,body.template-page-kontakt .contact-section .form-textarea::placeholder{color:var(--fg-2);opacity:1}
body[class*="template-page-stelle-"] .contact-box__privacy{display:flex;gap:.75em;align-items:flex-start;line-height:1.45;font-size:.9375rem}
body[class*="template-page-stelle-"] .contact-box__privacy input[type="checkbox"]{width:22px;height:22px;margin:1px 0 0;accent-color:var(--acc);flex:none}
body[class*="template-page-stelle-"] .contact-box__privacy label{font-size:.9375rem;line-height:1.45;color:var(--fg);font-weight:400}
body[class*="template-page-stelle-"] .contact-box__privacy a{color:inherit;text-decoration:underline;text-decoration-color:var(--acc);text-underline-offset:3px}
body[class*="template-page-stelle-"] .contact-box__consent-hint,body.template-page-kontakt .contact-section .contact__consent-hint{display:block;margin-top:.2rem;font-size:.8125rem;line-height:1.5;color:var(--fg-2);opacity:1}
body[class*="template-page-stelle-"] .contact-box__message,body.template-page-kontakt .contact-section .contact__form-message{padding:16px;border-radius:0;text-align:left;margin:0}
body[class*="template-page-stelle-"] .contact-box__message p,body.template-page-kontakt .contact-section .contact__form-message p{margin:0;font-size:.9375rem;line-height:1.5;color:var(--fg)}
body[class*="template-page-stelle-"] .contact-box__message--success,body.template-page-kontakt .contact-section .contact__form-message--success{background:var(--bg-2);color:var(--fg);border:0;border-left:2px solid var(--acc)}
body[class*="template-page-stelle-"] .contact-box__message--error,body.template-page-kontakt .contact-section .contact__form-message--error{background:none;color:var(--fg);border:1.5px solid var(--err)}
body[class*="template-page-stelle-"] .contact-box .section-cta,body.template-page-kontakt .contact-section .section-cta{margin:12px 0 0;display:flex;justify-content:flex-start;text-align:left}
body[class*="template-page-stelle-"] .contact-box .contact-box__submit,body.template-page-kontakt .contact-section .contact__buttons button[type="submit"]{display:inline-flex;align-items:center;justify-content:center;gap:.6em;width:auto;min-height:52px;padding:0 1.35em;border-radius:var(--ms-r);background:var(--acc);color:var(--on-acc);border:0;box-shadow:none;font-family:inherit;font-weight:640;font-size:1rem;letter-spacing:-.005em;text-transform:none;text-decoration:none;cursor:pointer;transition:transform .12s var(--ms-e),box-shadow .24s var(--ms-e)}
body[class*="template-page-stelle-"] .contact-box .contact-box__submit::before,body.template-page-kontakt .contact-section .contact__buttons button[type="submit"]::before{content:none}
body[class*="template-page-stelle-"] .contact-box .contact-box__submit::after,body.template-page-kontakt .contact-section .contact__buttons button[type="submit"]::after{content:"→";position:static;display:inline;background:none;box-shadow:none;width:auto;height:auto;transition:transform .24s var(--ms-e)}
body[class*="template-page-stelle-"] .contact-box .contact-box__submit:hover,body.template-page-kontakt .contact-section .contact__buttons button[type="submit"]:hover{box-shadow:0 0 0 4px color-mix(in srgb,var(--acc) 22%,transparent);transform:none;background:var(--acc);color:var(--on-acc)}
body[class*="template-page-stelle-"] .contact-box .contact-box__submit:hover::after,body.template-page-kontakt .contact-section .contact__buttons button[type="submit"]:hover::after{transform:translateX(3px)}
body[class*="template-page-stelle-"] .contact-box .contact-box__submit:focus-visible,body.template-page-kontakt .contact-section .contact__buttons button[type="submit"]:focus-visible{outline:2px dashed var(--acc);outline-offset:3px}
body[class*="template-page-stelle-"] .contact-box__nap-grid{display:grid;grid-template-columns:1fr;gap:16px;margin:0 0 32px;max-width:none}
body[class*="template-page-stelle-"] .contact-box__nap-card{display:flex;align-items:flex-start;flex-direction:row;text-align:left;gap:12px;padding:24px;border:1.5px solid var(--rule);border-radius:0;background:none;box-shadow:none;color:inherit;text-decoration:none;transform:none;transition:border-color .24s var(--ms-e)}
body[class*="template-page-stelle-"] a.contact-box__nap-card:hover{border-color:var(--fg);transform:none;box-shadow:none;background:none}
body[class*="template-page-stelle-"] .contact-box__nap-icon{width:20px;height:20px;background:none;border:0;border-radius:0;color:var(--acc);margin:2px 0 0;flex:none}
body[class*="template-page-stelle-"] .contact-box__nap-icon svg{width:20px;height:20px}
body[class*="template-page-stelle-"] .contact-box__nap-title{font-family:inherit;font-size:.75rem;font-weight:620;letter-spacing:.11em;text-transform:uppercase;color:var(--fg-2);margin:0 0 4px}
body[class*="template-page-stelle-"] .contact-box__nap-text{font-family:inherit;font-size:.9375rem;font-weight:400;line-height:1.45;color:var(--fg);margin:0}
@media (min-width:1080px){body[class*="template-page-stelle-"] .contact-box .page-width{display:grid;grid-template-columns:1.25fr .75fr;column-gap:48px;align-items:start}body[class*="template-page-stelle-"] .contact-box__header{grid-column:1;grid-row:1}body[class*="template-page-stelle-"] .contact-box__form-container{grid-column:1;grid-row:2}body[class*="template-page-stelle-"] .contact-box__nap-grid{grid-column:2;grid-row:2;margin:0}}

.ms .f2-prose .f2-richt{font-weight:600;margin:24px 0 8px}

/* F3 Finder: Stil, Motiv, Spezialisten. Eigene Datei, wird von rl_gen_css an ms.css gehaengt. */
.ms .f3-app{display:grid;gap:var(--space-6);min-height:420px;min-width:0}
.ms.f3 .fd{max-width:1080px;min-width:0}
.ms.f3 .fd.f3-wide{max-width:none}
.ms.f3 .lead{max-width:60ch}
.ms .f3-step{display:grid;gap:var(--space-5);min-width:0}
.ms.f3 .h2:focus{outline:0}
.ms.f3 .fd-prog{margin-bottom:0}
.ms.f3 .opts{grid-template-columns:repeat(2,minmax(0,1fr))}
.ms.f3 .op{min-width:0;color:inherit;font:inherit}
.ms.f3 .op .ph{background:var(--img-bg)}
.ms.f3 .op .ph img{display:block}
.ms.f3 .op:focus-visible{outline-offset:2px}
.ms.f3 .op .ot{min-width:0;overflow-wrap:anywhere}
.ms.f3 .op[aria-pressed="true"] .tick{opacity:1;transform:none}
.ms.f3 .op .tick{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--acc);color:var(--on-acc);font-weight:700;opacity:0;transform:scale(.6);transition:all var(--duration-m) var(--ease-needle)}
@media (min-width:760px){.ms.f3 .opts{grid-template-columns:repeat(3,minmax(0,1fr))}.ms.f3 .opts.c4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ms .f3-row{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-5);align-items:center}
.ms.f3 .fd-nav{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:space-between;padding-top:var(--space-4);border-top:1px solid var(--rule)}
.ms.f3 button.lnk{font:inherit;font-weight:600;color:inherit}
.ms.f3 .btn[aria-disabled="true"]{opacity:.5;cursor:not-allowed}
.ms .f3-note{margin:0;font-size:.9375rem;line-height:1.5;color:var(--fg-2)}
.ms .f3-warn{margin:0;padding:var(--space-3) var(--space-4);background:var(--bg-2);border-left:2px solid var(--acc);font-size:.9375rem;line-height:1.5}
.ms.f3 .seg label{max-width:100%}
.ms.f3 .seg span{min-height:44px;padding-block:.4em}
.ms.f3 .ri{min-width:0}
.ms.f3 .ri h3{margin:0}
.ms.f3 .ri .rh{align-items:flex-start;flex-wrap:nowrap}
.ms .f3-kl{display:grid;gap:4px;min-width:0}
.ms .f3-kl i{font-family:var(--font-serif);color:var(--fg-2);font-size:1.1rem}
.ms.f3 .rfacts>div{min-width:0}
.ms.f3 .mini{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}
.ms.f3 .mini .wk,.ms.f3 .prisma .wk,.ms .f3-werke .wk{aspect-ratio:1/1;display:block}
.ms.f3 .mini .wk img,.ms.f3 .prisma .wk img,.ms .f3-werke .wk img{width:100%;height:100%;object-fit:cover;display:block}
.ms.f3 .prisma{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:760px){.ms.f3 .prisma,.ms.f3 .prisma.n6{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ms .f3-werke{display:grid;gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:760px){.ms .f3-werke{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ms.f3 .idea{min-width:0}
.ms.f3 .idea .ph svg{width:40%;height:40%}
.ms.f3 .idea .it p{margin:0}
.ms.f3 .idea .it h3{margin:0}
.ms.f3 .idea .ms-save-text{min-height:44px;justify-self:start}
.ms.f3 .ri .ms-save-text{min-height:44px}
.ms.f3 .btn{max-width:100%;white-space:normal;text-align:center}
.ms.f3 .inline-cta .f3-row .btn{min-height:52px}
.ms.f3 .inline-cta .h2{margin:0}
.ms .f3-board{background:none;border:0;padding:0;font:inherit;font-weight:600;color:inherit;text-decoration:underline;cursor:pointer;min-height:24px}
.ms .f3-filter{display:grid;gap:var(--space-4)}
.ms .f3-filter[hidden]{display:none}
.ms.f3 .chip{font:inherit;color:inherit;cursor:pointer;max-width:100%;white-space:normal;text-align:left;padding-block:.35em}
.ms.f3 .chip[aria-pressed="true"]{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.ms .f3-fa{min-height:0}
.ms .f3-arts{display:grid;gap:var(--space-5) var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:760px){.ms .f3-arts{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1080px){.ms .f3-arts{grid-template-columns:repeat(5,minmax(0,1fr))}}
.ms .f3-ak{display:grid;gap:var(--space-2);align-content:start;min-width:0}
.ms .f3-ak[hidden]{display:none}
.ms .f3-ak .person>span:not(.pp):not(.sty){display:none}
.ms .f3-ak .person .sty{display:flex;flex-wrap:wrap;gap:.2em .5em;font-size:.8125rem;color:var(--fg-2)}
.ms .f3-rl{margin:0;font-size:.8125rem;line-height:1.35;color:var(--fg-2)}
.ms .f3-leer[hidden]{display:none}
.ms.f3 .calm p{margin:0;line-height:1.5}
.ms .f3-leer .lnk,.ms .f3-note .lnk{min-height:24px;display:inline-flex;padding:0 0 2px;background-position:0 100%}
.ms .f3-note a:not(.lnk){display:inline-block;min-height:24px;min-width:24px;line-height:24px}
.ms.f3 noscript{display:block}
@media (prefers-reduced-motion:reduce){.ms.f3 .op .tick{transition:none}}
.ms.f3 [data-slot]{display:grid;gap:var(--space-4);min-width:0}
.ms.f3 [data-mini]{display:grid;gap:var(--space-2);min-width:0}
.ms.f3 .ri .pct{white-space:nowrap;flex:none}

/* Schritt 3/10, erzeugt von rl_form_css.py */
body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box,body.template-page-kontakt .contact-section,body.template-page-widerruf .ah-wr{--font-sans:"Bricolage Grotesque","Avenir Next","Segoe UI",system-ui,sans-serif;--font-serif:"Newsreader","Iowan Old Style","Palatino Linotype",Georgia,serif;--bg:#F1F0F3;--bg-2:#E6E4EA;--fg:#18161D;--fg-2:#5A5663;--rule:#D3CFD8;--rule-2:#7D7887;--acc:var(--color-stencil);--on-acc:#FFFFFF;--err:#B3261E;--ms-r:3px;--ms-e:cubic-bezier(.2,.7,.1,1);background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-weight:400;-webkit-font-smoothing:antialiased;font-optical-sizing:auto}
body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box *,body.template-page-kontakt .contact-section *{box-sizing:border-box}
body.template-page-widerruf .ah-wr *,body.template-page-widerruf .ah-wr{box-sizing:border-box}
body.template-page-kontakt #MainContent>.shopify-section:first-child,body.template-page-widerruf #MainContent>.shopify-section:first-child{margin-top:0 !important}
#MainContent>.shopify-section:has(.ms):not(.ms-x):not(.ms-y){opacity:1;transform:none}
body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) #MainContent>.shopify-section:has(.contact-box):not(.ms-x):not(.ms-y){opacity:1;transform:none}
body.template-page-kontakt #MainContent>.shopify-section{opacity:1;transform:none}
.ms .side blockquote{border:0;padding:0;background:none}
body.template-page-kontakt,body.template-page-widerruf,body.template-page-kontakt #MainContent,body.template-page-widerruf #MainContent{background:#F1F0F3}
body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box .page-width,body.template-page-kontakt .contact-section .page-width{max-width:1360px;margin-inline:auto;padding-inline:max(20px,4.4vw)}
body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box .section-padding,body.template-page-kontakt .contact-section .section-padding{padding-block:var(--section-pt,96px) var(--section-pb,80px)}
body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box__header,body.template-page-kontakt .contact-header{text-align:left;margin:0 0 48px;display:grid;gap:16px}
body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box .section-label,body.template-page-kontakt .contact-section .section-label{font-family:inherit;font-size:.75rem;font-weight:620;letter-spacing:.11em;text-transform:uppercase;color:var(--fg-2);margin:0}
body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box .section-title,body.template-page-kontakt .contact-section .section-title{font-family:inherit;font-weight:680;font-variation-settings:"wdth" 92;font-size:clamp(2.2rem,5.2vw,4.6rem);line-height:.98;letter-spacing:-.03em;text-wrap:balance;margin:0;color:var(--fg)}
body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box .section-divider-center,body.template-page-kontakt .contact-section .section-divider-center{display:none}
body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box .section-subtitle,body.template-page-kontakt .contact-section .section-subtitle{font-family:inherit;font-size:clamp(1.08rem,1.45vw,1.32rem);font-weight:400;line-height:1.5;color:var(--fg-2);max-width:40ch;margin:0}
body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box__form-container,body.template-page-kontakt .contact-section .contact__form-container{background:none;border:0;border-radius:0;box-shadow:none;padding:0;margin:0;max-width:none}
body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box__form-title{font-family:inherit;font-weight:650;font-size:1.25rem;letter-spacing:-.01em;text-align:left;margin:0 0 16px;color:var(--fg)}
body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box__form,body.template-page-kontakt .contact-section .contact__form{display:grid;gap:20px;max-width:none;margin:0}
body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box__form-row{display:grid;gap:16px;margin:0}
@media (min-width:640px){body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box__form-row{grid-template-columns:1fr 1fr}}
body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box__form-group,body.template-page-kontakt .contact-section .contact__form-group{display:grid;gap:6px;margin:0}
body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box .form-label,body.template-page-kontakt .contact-section .form-label{font-family:inherit;font-weight:600;font-size:.9375rem;line-height:1.4;letter-spacing:0;text-transform:none;color:var(--fg);margin:0}
body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box .form-input,body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box .form-select,body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box .form-textarea,body.template-page-kontakt .contact-section .form-input,body.template-page-kontakt .contact-section .form-select,body.template-page-kontakt .contact-section .form-textarea{width:100%;min-height:52px;padding:.8em .95em;border-radius:var(--ms-r);border:1.5px solid var(--rule-2);background:var(--bg);color:var(--fg);font-family:inherit;font-size:1rem;font-weight:400;box-shadow:none;line-height:1.3}
body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box .form-textarea,body.template-page-kontakt .contact-section .form-textarea{min-height:132px;resize:vertical;line-height:1.5}
body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box .form-input:focus,body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box .form-select:focus,body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box .form-textarea:focus,body.template-page-kontakt .contact-section .form-input:focus,body.template-page-kontakt .contact-section .form-select:focus,body.template-page-kontakt .contact-section .form-textarea:focus{outline:2px dashed var(--acc);outline-offset:2px;border-color:var(--fg);box-shadow:none}
body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box .form-input::placeholder,body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box .form-select::placeholder,body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box .form-textarea::placeholder,body.template-page-kontakt .contact-section .form-input::placeholder,body.template-page-kontakt .contact-section .form-select::placeholder,body.template-page-kontakt .contact-section .form-textarea::placeholder{color:var(--fg-2);opacity:1}
body.template-page-kontakt .contact-section .contact__select-wrapper::after{border-color:var(--fg-2);color:var(--fg-2)}
body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box__privacy{display:flex;gap:.75em;align-items:flex-start;line-height:1.45;font-size:.9375rem}
body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box__privacy input[type="checkbox"]{width:22px;height:22px;margin:1px 0 0;accent-color:var(--acc);flex:none}
body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box__privacy label{font-size:.9375rem;line-height:1.45;color:var(--fg);font-weight:400}
body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box__privacy a{color:inherit;text-decoration:underline;text-decoration-color:var(--acc);text-underline-offset:3px}
body.template-page-kontakt .contact-section .contact__privacy{display:flex;gap:.75em;align-items:flex-start;line-height:1.45;font-size:.9375rem}
body.template-page-kontakt .contact-section .contact__privacy input[type="checkbox"]{width:22px;height:22px;margin:1px 0 0;accent-color:var(--acc);flex:none}
body.template-page-kontakt .contact-section .contact__privacy label{font-size:.9375rem;line-height:1.45;color:var(--fg);font-weight:400}
body.template-page-kontakt .contact-section .contact__privacy a{color:inherit;text-decoration:underline;text-decoration-color:var(--acc);text-underline-offset:3px}
body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box__consent-hint,body.template-page-kontakt .contact-section .contact__consent-hint{display:block;margin-top:.2rem;font-size:.8125rem;line-height:1.5;color:var(--fg-2);opacity:1}
body.template-page-kontakt .contact-section .contact__file-info{display:flex;gap:.75em;align-items:flex-start;padding:16px;background:var(--bg-2);border:0;border-left:2px solid var(--acc);border-radius:0}
body.template-page-kontakt .contact-section .contact__file-icon{color:var(--acc);flex:none;width:20px;height:20px}
body.template-page-kontakt .contact-section .contact__file-info p{margin:0;font-size:.875rem;line-height:1.5;color:var(--fg-2)}
body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box__message,body.template-page-kontakt .contact-section .contact__form-message{padding:16px;border-radius:0;text-align:left;margin:0}
body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box__message p,body.template-page-kontakt .contact-section .contact__form-message p{margin:0;font-size:.9375rem;line-height:1.5;color:var(--fg)}
body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box__message--success,body.template-page-kontakt .contact-section .contact__form-message--success{background:var(--bg-2);color:var(--fg);border:0;border-left:2px solid var(--acc)}
body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box__message--error,body.template-page-kontakt .contact-section .contact__form-message--error{background:none;color:var(--fg);border:1.5px solid var(--err)}
body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box .section-cta,body.template-page-kontakt .contact-section .section-cta{margin:12px 0 0;display:flex;justify-content:flex-start;text-align:left}
body.template-page-kontakt .contact-section .contact__buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start;width:auto}
body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box .contact-box__submit,body.template-page-kontakt .contact-section .contact__buttons button[type="submit"]{display:inline-flex;align-items:center;justify-content:center;gap:.6em;width:auto;min-height:52px;padding:0 1.35em;border-radius:var(--ms-r);background:var(--acc);color:var(--on-acc);border:0;box-shadow:none;font-family:inherit;font-weight:640;font-size:1rem;letter-spacing:-.005em;text-transform:none;text-decoration:none;cursor:pointer;transition:transform .12s var(--ms-e),box-shadow .24s var(--ms-e)}
body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box .contact-box__submit::before,body.template-page-kontakt .contact-section .contact__buttons button[type="submit"]::before{content:none}
body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box .contact-box__submit::after,body.template-page-kontakt .contact-section .contact__buttons button[type="submit"]::after{content:"→";position:static;display:inline;background:none;box-shadow:none;width:auto;height:auto;transition:transform .24s var(--ms-e)}
body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box .contact-box__submit:hover,body.template-page-kontakt .contact-section .contact__buttons button[type="submit"]:hover{box-shadow:0 0 0 4px color-mix(in srgb,var(--acc) 22%,transparent);transform:none;background:var(--acc);color:var(--on-acc)}
body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box .contact-box__submit:hover::after,body.template-page-kontakt .contact-section .contact__buttons button[type="submit"]:hover::after{transform:translateX(3px)}
body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box .contact-box__submit:focus-visible,body.template-page-kontakt .contact-section .contact__buttons button[type="submit"]:focus-visible{outline:2px dashed var(--acc);outline-offset:3px}
body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box__nap-grid{display:grid;grid-template-columns:1fr;gap:16px;margin:0 0 32px;max-width:none}
body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box__nap-card{display:flex;align-items:flex-start;flex-direction:row;text-align:left;gap:12px;padding:24px;border:1.5px solid var(--rule);border-radius:0;background:none;box-shadow:none;color:inherit;text-decoration:none;transform:none;transition:border-color .24s var(--ms-e)}
body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) a.contact-box__nap-card:hover{border-color:var(--fg);transform:none;box-shadow:none;background:none}
body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box__nap-icon{width:20px;height:20px;background:none;border:0;border-radius:0;color:var(--acc);margin:2px 0 0;flex:none}
body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box__nap-icon svg{width:20px;height:20px}
body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box__nap-title{font-family:inherit;font-size:.75rem;font-weight:620;letter-spacing:.11em;text-transform:uppercase;color:var(--fg-2);margin:0 0 4px}
body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box__nap-text{font-family:inherit;font-size:.9375rem;font-weight:400;line-height:1.45;color:var(--fg);margin:0}
@media (min-width:1080px){body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box .page-width{display:grid;grid-template-columns:1.25fr .75fr;column-gap:48px;align-items:start}body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box__header{grid-column:1;grid-row:1}body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box__form-container{grid-column:1;grid-row:2}body:is(.template-index,[class*="template-page-atelier-"],.template-page-tattoo-galerie,.template-collection-artist,.template-page-standorte,.template-page-artists,.template-page-piercing,.ms-neu-lp,.template-page-style-guide,.template-page-ratenzahlung) .contact-box__nap-grid{grid-column:2;grid-row:2;margin:0}}
body.template-page-kontakt .ms-form-side-sec{padding-block:0 48px}
body.template-page-kontakt #MainContent{max-width:none}
@media (min-width:1080px){body.template-page-kontakt #MainContent{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);column-gap:48px;align-items:start;max-width:1360px;margin-inline:auto;padding-inline:max(20px,4.4vw)}body.template-page-kontakt #MainContent .page-width{padding-inline:0}body.template-page-kontakt .ms-form-side-sec{padding-block:60px 48px}}
@media (max-width:1079px){body.template-page-kontakt .ms-form-side-sec .side{margin-inline:max(20px,4.4vw)}}
body.template-page-widerruf .ah-wr{max-width:780px;margin:0 auto;padding:60px max(20px,4.4vw) 48px;font-size:1.0625rem;line-height:1.5}
body.template-page-widerruf .shopify-section .ah-wr h1{font-family:inherit;font-weight:680;font-variation-settings:"wdth" 92;font-size:clamp(2.2rem,5.2vw,4.6rem);line-height:.98;letter-spacing:-.03em;margin:0 0 16px;color:var(--fg)}
body.template-page-widerruf .shopify-section .ah-wr h1::before{content:"Onlineshop · Widerruf";display:block;margin-bottom:12px;font-size:.75rem;font-weight:620;font-variation-settings:normal;line-height:1.5;letter-spacing:.11em;text-transform:uppercase;color:var(--fg-2)}
body.template-page-widerruf .ah-wr h2{font-family:inherit;font-weight:680;font-variation-settings:"wdth" 92;font-size:clamp(1.75rem,3.4vw,3rem);line-height:1.04;letter-spacing:-.022em;margin:0 0 16px;color:var(--fg)}
body.template-page-widerruf .ah-wr p{font-family:inherit;font-size:inherit;font-weight:400;color:inherit}
body.template-page-widerruf .ah-wr [data-step="1"]>p:first-child,body.template-page-widerruf .ah-wr [data-step="2"]>p:first-child{font-size:clamp(1.08rem,1.45vw,1.32rem);line-height:1.5;color:var(--fg-2);margin:0 0 32px}
body.template-page-widerruf .ah-wr label,body.template-page-widerruf .ah-wr legend{font-family:inherit;font-weight:600;font-size:.9375rem;margin:0 0 6px;display:block;color:var(--fg)}
body.template-page-widerruf .ah-wr input[type=text],body.template-page-widerruf .ah-wr input[type=email],body.template-page-widerruf .ah-wr input[type=date],body.template-page-widerruf .ah-wr textarea{min-height:52px;padding:.8em .95em;border-radius:var(--ms-r);border:1.5px solid var(--rule-2);background:var(--bg);color:var(--fg);font-family:inherit;font-size:1rem;box-shadow:none}
body.template-page-widerruf .ah-wr textarea{min-height:96px;line-height:1.5;resize:vertical}
body.template-page-widerruf .ah-wr input:focus,body.template-page-widerruf .ah-wr textarea:focus{outline:2px dashed var(--acc);outline-offset:2px;border-color:var(--fg);box-shadow:none}
body.template-page-widerruf .ah-wr .ah-wr__hint{margin:6px 0 0;font-size:.8125rem;line-height:1.45;color:var(--fg-2);opacity:1}
body.template-page-widerruf .ah-wr fieldset{margin:24px 0 0 !important}
body.template-page-widerruf .ah-wr legend{font-weight:650 !important;font-size:1.25rem;letter-spacing:-.01em;margin-bottom:12px;padding:0}
body.template-page-widerruf .ah-wr .ah-wr__radio{display:flex;gap:.6em;align-items:center;min-height:44px;margin:0 0 8px;font-weight:400;font-size:.9375rem;cursor:pointer}
body.template-page-widerruf .ah-wr .ah-wr__radio input{width:20px;height:20px;accent-color:var(--acc);margin:0;flex:none}
@supports selector(:has(*)){body.template-page-widerruf .ah-wr fieldset{display:flex;flex-wrap:wrap;gap:8px}body.template-page-widerruf .ah-wr fieldset legend{float:left;width:100%}body.template-page-widerruf .ah-wr .ah-wr__radio{position:relative;width:auto;margin:0;padding:0 .95em;border:1.5px solid var(--rule-2);border-radius:var(--ms-r)}body.template-page-widerruf .ah-wr .ah-wr__radio input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}body.template-page-widerruf .ah-wr .ah-wr__radio:has(input:checked){background:var(--fg);color:var(--bg);border-color:var(--fg)}body.template-page-widerruf .ah-wr .ah-wr__radio:has(input:focus-visible){outline:2px dashed var(--acc);outline-offset:2px}}
body.template-page-widerruf .ah-wr [data-items],body.template-page-widerruf .ah-wr label[for="wr-addr"]{margin-top:24px}
body.template-page-widerruf .ah-wr .ah-wr__err{color:var(--err);font-size:.875rem;font-weight:560;margin:16px 0 0}
body.template-page-widerruf .ah-wr .ah-wr__btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
body.template-page-widerruf .ah-wr .ah-wr__btns .button{display:inline-flex;align-items:center;justify-content:center;gap:.6em;width:auto;min-height:52px;padding:0 1.35em;border-radius:var(--ms-r);background:var(--acc);color:var(--on-acc);border:0;box-shadow:none;font-family:inherit;font-weight:640;font-size:1rem;letter-spacing:-.005em;text-transform:none;text-decoration:none;cursor:pointer;transition:transform .12s var(--ms-e),box-shadow .24s var(--ms-e);min-width:0}
body.template-page-widerruf .ah-wr .ah-wr__btns .button::before,body.template-page-widerruf .ah-wr .ah-wr__btns .button::after{content:none;display:none}
body.template-page-widerruf .ah-wr .ah-wr__btns .button[data-next]::after{content:"→";display:inline}
body.template-page-widerruf .ah-wr .ah-wr__btns .button:hover{box-shadow:0 0 0 4px color-mix(in srgb,var(--acc) 22%,transparent)}
body.template-page-widerruf .ah-wr .ah-wr__btns .button:focus-visible{outline:2px dashed var(--acc);outline-offset:3px;box-shadow:none}
body.template-page-widerruf .ah-wr .ah-wr__btns .button--secondary{background:transparent;color:var(--fg);box-shadow:inset 0 0 0 1.5px var(--rule-2)}
body.template-page-widerruf .ah-wr .ah-wr__btns .button--secondary:hover{box-shadow:inset 0 0 0 1.5px var(--fg)}
body.template-page-widerruf .ah-wr dl{display:grid;grid-template-columns:1fr;gap:0;margin:0;border-top:1px solid var(--rule)}
body.template-page-widerruf .ah-wr dt{font-size:.75rem;font-weight:640;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-2);padding-top:12px}
body.template-page-widerruf .ah-wr dd{margin:0;padding:4px 0 12px;border-bottom:1px solid var(--rule);line-height:1.5;overflow-wrap:anywhere}
@media (min-width:560px){body.template-page-widerruf .ah-wr dl{grid-template-columns:180px 1fr}body.template-page-widerruf .ah-wr dt{padding:12px 0;border-bottom:1px solid var(--rule)}body.template-page-widerruf .ah-wr dd{padding:12px 0}}
@media (min-width:640px){body.template-page-widerruf .ah-wr [data-step="1"]{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}body.template-page-widerruf .ah-wr [data-step="1"]>*{grid-column:1/-1;min-width:0}body.template-page-widerruf .ah-wr label[for="wr-name"]{grid-column:1;grid-row:2}body.template-page-widerruf .ah-wr #wr-name{grid-column:1;grid-row:3}body.template-page-widerruf .ah-wr label[for="wr-email"]{grid-column:2;grid-row:2}body.template-page-widerruf .ah-wr #wr-email{grid-column:2;grid-row:3}body.template-page-widerruf .ah-wr label[for="wr-order"]{grid-column:1;grid-row:4;margin-top:16px}body.template-page-widerruf .ah-wr #wr-order{grid-column:1;grid-row:5}body.template-page-widerruf .ah-wr [data-step="1"]>.ah-wr__hint{grid-column:1;grid-row:6}body.template-page-widerruf .ah-wr label[for="wr-date"]{grid-column:2;grid-row:4;margin-top:16px}body.template-page-widerruf .ah-wr #wr-date{grid-column:2;grid-row:5}}
@media (max-width:639px){body.template-page-widerruf .ah-wr label[for="wr-email"],body.template-page-widerruf .ah-wr label[for="wr-order"],body.template-page-widerruf .ah-wr label[for="wr-date"]{margin-top:16px}}

/* Schritt 4/5: Galerie, Collections, Modal, Produktseite Tattoo */
.ms .tattoo-card.initially-hidden,.ms .tattoo-card.hidden{display:none}
.ms .tattoo-gallery .gal-top{position:relative;padding-block:var(--space-6) var(--space-4)}
.ms .tattoo-gallery{position:relative;padding-bottom:var(--space-8)}
.ms .gallery__filters{display:grid;gap:var(--space-4)}
.ms .tattoo-card{margin-bottom:var(--space-3);break-inside:avoid}
.ms .tattoo-card .wk{display:block}
.ms .tattoo-card img{width:100%;height:auto;aspect-ratio:auto}
.ms .tattoo-card .cap b{color:inherit}
.ms .gallery__load-more{display:flex;justify-content:center;padding-top:var(--space-6)}
.ms .gallery__load-more-spinner svg{animation:ms-spin 1s linear infinite}
@keyframes ms-spin{to{transform:rotate(360deg)}}
.ms .filter-loading-indicator{display:none}
.ms .panel{top:0;right:0;bottom:0;left:0;background:rgba(10,8,8,.45);z-index:70}
.ms .panel[hidden]{display:none}
.ms .panel .sheet{max-height:100%}
.ms .ms-active-list .lnk{min-height:32px;background-color:transparent}
.ms .gallery__wannado-btn.active{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.ms .gallery__wannado-btn.active .ct{color:inherit}
.ms .inline-cta{break-inside:avoid;margin-bottom:var(--space-3)}
.ms .inline-cta.alt{background:var(--bg-2);color:var(--fg)}
.ms .inline-cta.alt .btn{background:var(--acc);color:var(--on-acc)}
.ms .inline-cta.alt .btn.ghost{background:transparent;color:var(--fg)}
/* Modal */
.ms .gallery-modal{top:0;left:0;right:0;bottom:0;z-index:80;display:none}
.ms .gallery-modal.active{display:grid}
.ms .gallery-modal__overlay{position:absolute;inset:0}
.ms .gallery-modal .box{z-index:1}
.ms .gallery-modal__meta-item{display:grid;grid-template-columns:7.5em 1fr;gap:.6em 1.2em;align-items:baseline;font-size:.9375rem}
.ms .gallery-modal__meta-item[hidden]{display:none}
.ms .gallery-modal__meta-label{color:var(--fg-2)}
.ms .gallery-modal__meta-val{display:flex;flex-wrap:wrap;gap:.4em .8em;align-items:baseline}
.ms .gallery-modal__meta{display:grid;gap:.6em}
.ms .gallery-modal .fl{border:0;background:none;padding:0;cursor:pointer;text-decoration:underline;text-decoration-color:var(--acc);text-underline-offset:4px;text-decoration-thickness:1.5px;min-height:32px;text-align:left}
.ms .gallery-modal__sim .sim .wk{display:block;aspect-ratio:1}
.ms .gallery-modal__sim .sim img{width:100%;height:100%;object-fit:cover}
/* Collections */
.ms .ms-coll{--color-foreground:242,238,234;--color-background:27,23,22;color:var(--fg);padding-bottom:var(--space-8)}
.ms .ms-coll .gradient,.ms .ms-coll .loading-overlay{background:transparent}
.ms .ms-coll .page-width,.ms .ms-coll .collection{max-width:1360px;margin-inline:auto;padding-inline:max(20px,4.4vw)}
.ms .ms-coll .masonry{list-style:none;padding:0;margin:0}
.ms .ms-coll .grid__item{width:auto;max-width:none;break-inside:avoid;margin-bottom:var(--space-3);padding:0}
.ms .ms-coll .facets-container,.ms .ms-coll .facets{font-family:inherit}
.ms .ms-coll .pagination__list a,.ms .ms-coll .pagination__item{color:var(--fg)}
.ms .ms-coll .facets__summary,.ms .ms-coll .facets__label,.ms .ms-coll select{color:var(--fg)}
/* Produktseite Tattoo */
.ms .ms-work{display:grid;gap:var(--space-5)}
.ms .ms-work__crumbs{display:flex;flex-wrap:wrap;gap:.3em .6em;font-size:.8125rem;color:var(--fg-2);margin-bottom:var(--space-4)}
.ms .ms-work__crumbs a{text-decoration:none;min-height:32px;display:inline-flex;align-items:center}
.ms .ms-work__crumbs a:hover{text-decoration:underline}
.ms .ms-work .pic{position:relative;background:var(--img-bg);display:grid;place-items:center;min-height:300px;padding:0}
.ms .ms-work__info{display:grid;gap:var(--space-5);align-content:start}
.ms .ms-work .facts{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.6em 1.2em;font-size:.9375rem;align-items:baseline}
.ms .ms-work .facts dt{color:var(--fg-2)}
.ms .ms-work .facts dd{margin:0;display:flex;flex-wrap:wrap;gap:.4em .8em}
.ms .ms-work .fl{text-decoration:underline;text-decoration-color:var(--acc);text-underline-offset:4px;text-decoration-thickness:1.5px;min-height:32px;display:inline-flex;align-items:baseline}
.ms .ms-work__seo{color:var(--fg-2)}
.ms .ms-work-media{display:grid;gap:var(--space-3)}
.ms .ms-work-media__stage{display:grid;place-items:center;background:var(--img-bg)}
.ms .ms-work-media__open{all:unset;display:block;cursor:zoom-in;width:100%;max-width:100%}
.ms .ms-work-media__open[hidden]{display:none}
.ms .ms-work-media__open:focus-visible{outline:2px dashed var(--acc);outline-offset:3px}
.ms .ms-work-media__open img{display:block;width:100%;max-width:100%;max-height:min(78vh,860px);object-fit:contain;height:auto}
.ms .ms-work-media__seg{display:flex;gap:var(--space-2)}
.ms .ms-work-media__box{border:0;padding:0;background:#141010;max-width:100vw;max-height:100vh;width:100vw;height:100vh;color:#F2EEEA}
.ms .ms-work-media__box[open]{display:grid;place-items:center}
.ms .ms-work-media__box::backdrop{background:rgba(10,8,8,.9)}
.ms .ms-work-media__box img{max-width:100%;max-height:100vh;object-fit:contain}
.ms .ms-work-media__box .close{position:absolute;top:8px;right:8px;z-index:3;width:48px;height:48px;border:0;border-radius:var(--radius-1);background:rgba(20,16,15,.6);color:#F2EEEA;font-size:1.6rem;cursor:pointer}
.ms .ms-work-media__box .nav2{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:64px;border:0;background:rgba(20,16,15,.55);color:#F2EEEA;font-size:1.4rem;cursor:pointer;z-index:2}
.ms .ms-work-media__box .prev{left:0}.ms .ms-work-media__box .next{right:0}
.ms .ms-work__more{display:grid;gap:var(--space-4)}
.ms .ms-work__sim{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}
@media (min-width:760px){.ms .ms-work__sim{grid-template-columns:repeat(4,1fr)}}
.ms .ms-work__sim .wk{aspect-ratio:1}
.ms .ms-work__sim .wk img{width:100%;height:100%;object-fit:cover}
@media (min-width:900px){.ms .ms-work{grid-template-columns:1.2fr .8fr;gap:var(--space-7);align-items:start}.ms .ms-work__info{position:sticky;top:96px}}

.ms .ms-coll .facets-container{margin-bottom:var(--space-4)}
.ms .ms-coll .facet-filters__label label{font-size:.875rem;color:var(--fg-2);letter-spacing:0}
.ms .ms-work-media,.ms .ms-work-media__stage{width:100%}
.ms .gallery-modal .gallery-modal__meta{grid-template-columns:1fr}
body.ms-filter-open .section-header{z-index:0}
body.ms-filter-open .contact-sticky{visibility:hidden}

/* Entscheid David 05.11.: Kachel nur Motiv · Stil, einzeilig, immer sichtbar */
.ms .wk .cap,.ms .ft-tile .cap{opacity:1;display:block;padding:24px 52px 10px 12px;font-size:.8125rem;line-height:1.35;color:#F2EEEA;background:linear-gradient(transparent,rgba(20,16,15,.88))}
.ms .cap .cap-l{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Beschriftung vorher/nachher oben im Bild bleibt frei: Herz und Cover-up-Badge unten */
.ms .wkwrap > .save,.ms .gallery-modal .save{top:auto;bottom:6px;right:6px;left:auto}
.ms .wkwrap > .tag.flag:not(.acc){top:auto;bottom:40px;left:8px}
.ms .pic.wkwrap > .tag.flag:not(.acc){bottom:8px}
.ms .pic.wkwrap:has(.ms-work-media__seg) > .save{bottom:62px}
.ms .pic.wkwrap:has(.ms-work-media__seg) > .tag.flag:not(.acc){bottom:64px}
@media (max-width:760px){
  .ms .wk .cap,.ms .ft-tile .cap{top:auto;height:33.34%;display:flex;align-items:flex-end;padding:0 44px 8px 10px;font-size:.75rem}
  .ms .wkwrap > .save,.ms .gallery-modal .save{width:44px;height:44px;bottom:0;right:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none}
  .ms .wkwrap > .save::before,.ms .gallery-modal .save::before{content:"";position:absolute;inset:9px;border-radius:var(--radius-1);background:rgba(20,16,15,.55)}
  .ms .wkwrap > .save[aria-pressed="true"]::before,.ms .gallery-modal .save[aria-pressed="true"]::before{background:var(--acc)}
  .ms .wkwrap > .save[aria-pressed="true"],.ms .gallery-modal .save[aria-pressed="true"]{background:none}
  .ms .wkwrap > .save svg,.ms .gallery-modal .save svg{position:relative;width:15px;height:15px}
  .ms .pic.wkwrap > .save{bottom:0}
  .ms .wkwrap > .tag.flag:not(.acc){bottom:calc(33.34% + 2px)}
  .ms .pic.wkwrap > .tag.flag:not(.acc){bottom:8px}
}

.ms .gallery__search-clear{position:absolute;right:2px;top:50%;transform:translateY(-50%);width:44px;height:44px}
.ms .gallery__search-clear[hidden]{display:none}
/* Raster statt Masonry: Platz steht vor dem Laden fest, nachgeladene Karten nur unten */
.ms .masonry{columns:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);align-items:start;align-content:start}
.ms .masonry>*{margin-bottom:0;min-width:0}
@media (min-width:760px){.ms .masonry{columns:auto;grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1180px){.ms .masonry{columns:auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}.ms .masonry>*{margin-bottom:0}}
.ms .wk{aspect-ratio:1/1;background:var(--color-stage-2)}
.ms .wk img{display:block;width:100%;height:100%;object-fit:cover}
.ms .prisma .wk{aspect-ratio:1/1}
/* Wanna-do-Vorlagen sind hochkant, die Zeichnung bleibt ganz sichtbar */
.ms .wkwrap:has(>.tag.acc) .wk img{object-fit:contain}

/* Hero Startseite, Desktop (David 08.11.2026, Umstellung 3): Raster 3x3, vertikal zentriert, kein Spaltenversatz.
   Ausblendung oben und unten gleich (6% der Bildfläche) und nur im Leerband, damit keine Kachel angeschnitten oder abgeblendet ist. */
@media (min-width:900px){
  .ms .hero2 .flow-art{align-items:center;-webkit-mask:linear-gradient(transparent 0,#000 6%,#000 calc(100% - 6%),transparent 100%);mask:linear-gradient(transparent 0,#000 6%,#000 calc(100% - 6%),transparent 100%)}
  .ms .hero2 .fcol.f1,.ms .hero2 .fcol.f2,.ms .hero2 .fcol.f3{transform:none;animation:none}
}

/* Koerperkarte, Fakten-Liste (David 08.11.): Label-Spalte so breit wie das laengste Label, mindestens 24 px Abstand; Zeilen teilen sich das Raster (Subgrid) */
.ms dl.bm-facts{grid-template-columns:max-content minmax(0,1fr);column-gap:24px}
.ms dl.bm-facts>div{grid-column:1/-1;grid-template-columns:subgrid;column-gap:24px}
@supports not (grid-template-columns:subgrid){.ms dl.bm-facts>div{grid-template-columns:max-content minmax(0,1fr)}}

/* Live-Korrekturen David 08.11.: Barrierefrei-Zeile mit Haken-Marker im Anfahrt-Block; Guests-Zeile unter den Residents */
.ms .at-bf{display:flex;gap:10px;align-items:baseline;margin:8px 0 0;line-height:1.5}
.ms .at-bf::before{content:"";flex:none;width:6px;height:11px;border:solid currentColor;border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}
.ms .ppl-guests{margin:32px 0 16px}

/* Vorteile-Bloecke mit genau vier Eintraegen (David 08.11.): mobil einspaltig, ab Tablet 2 x 2, am Desktop vier Spalten, nie 3 + 1 */
@media (min-width:760px){.ms .facts-grid:has(>:nth-child(4):last-child){grid-template-columns:repeat(2,1fr)}}
@media (min-width:1080px){.ms .facts-grid:has(>:nth-child(4):last-child){grid-template-columns:repeat(4,1fr)}.ms .zfacts .facts-grid:has(>:nth-child(4):last-child){grid-template-columns:repeat(2,1fr)}}

/* Kopf final David 06.11.: kalligrafisches H plus getippte Wortmarke. H mittig auf dem Textblock, Abstand 20 px. */
.ms .ms-logo{display:block;width:auto;flex:none;height:44px}
.ms .brand{display:flex;align-items:center;gap:20px}
.ms .wm{display:grid;gap:3px;justify-items:start;line-height:1}
.ms .wm b{font-family:var(--font-serif);font-weight:500;font-size:22px;line-height:1;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap}
.ms .wm small{font-size:12px;line-height:1;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-2);font-weight:560;white-space:nowrap;display:block}
.ms .ft .ms-logo{height:48px}
.ms .gc2 .ms-logo{height:clamp(22px,9.2cqi,34px)}
@media (max-width:1079px){.ms .hd .ms-logo{height:36px}}
/* 22 px passt mobil nicht neben Ideenbrett und Menue: so gross wie es passt. Label bleibt 12 px. */
@media (max-width:560px){
  .ms .hd .wrap{gap:var(--space-2)}
  .ms .hd .wm b{font-size:min(22px,calc((100vw - 203px)/12.8))}
}

.ms .lp-exp{display:grid;gap:var(--space-6);max-width:78ch}
.ms .lp-qa{display:grid;gap:var(--space-3)}
.ms .lp-qa p{margin:0;line-height:1.65;font-size:1.0625rem}
.ms .lp-preis{display:grid;gap:var(--space-3);max-width:78ch;justify-items:start}
.ms .lp-ats{margin-top:var(--space-5)}
@media (min-width:760px){.ms .lp-ats-1{grid-template-columns:minmax(0,420px)}.ms .lp-ats-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ms .lp-ablauf{margin-top:var(--space-5)}
.ms .lp-cta{display:grid;gap:var(--space-4);justify-items:start;padding:var(--space-6) 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.ms .lp-links{display:flex;flex-wrap:wrap;gap:4px 28px}
.ms .lp-links-sec[data-sp="0"]{padding-top:0}

/* David 06.11.: Rail mobil: Text mind. 20 px rechts vom Marker */
@media (max-width:899px){main .ms .wrap{padding-left:36px}}
/* Stimmen <= 760 px: Bild oben 1:1 mit Fokuspunkt, Zitat 6 Zeilen, kein Wechsel */
@media (max-width:760px){
  .ms .voices,.ms .voices.compact{grid-template-columns:minmax(0,1fr)}
  .ms .voice,.ms .voice.is-lead,.ms .voices.compact .voice,.ms .voices.compact .voice.is-lead{display:grid;grid-template-columns:minmax(0,1fr);grid-column:auto}
  .ms .voice .ph,.ms .voice.is-lead .ph,.ms .voices.compact .voice .ph{aspect-ratio:1/1;min-height:0;width:100%;order:0}
  .ms .voice .ph img{width:100%;height:100%;object-fit:cover;object-position:var(--fp,center)}
  .ms .voice .tx,.ms .voices.compact .voice .tx{order:1}
  .ms .voice .quote{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden}
  .ms .voice .quote.open{display:block;-webkit-line-clamp:unset;overflow:visible}
  .ms .v-more{justify-self:start;font:inherit;font-weight:600}
  .ms .v-more[hidden]{display:none}
}
@media (min-width:761px){.ms .v-more{display:none !important}}
/* Mobiles Menue */
.ms .msub[hidden]{display:none}
.ms .msub{display:grid;gap:4px}
.ms .mnav .chev{transition:transform var(--duration-m) var(--ease-needle)}
.ms .mnav [aria-expanded="true"] .chev{transform:rotate(90deg)}

.ms .navdd{position:relative;display:flex;align-items:center}
.ms .nav .navdd>a{padding-right:.2em}
.ms .nav .navbtn{padding:0 .55em 0 .2em;min-width:24px;color:inherit}
.ms .navbtn .chev{display:inline-block;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform var(--duration-m) var(--ease-needle)}
.ms .navbtn[aria-expanded="true"] .chev{transform:translateY(1px) rotate(-135deg)}
.ms .ddp{position:absolute;top:100%;left:0;z-index:40;display:grid;min-width:240px;padding:8px;border:1px solid var(--rule);border-radius:var(--radius-1);background:var(--bg);color:var(--fg);box-shadow:0 30px 60px -30px rgba(0,0,0,.35)}
.ms .ddp[hidden]{display:none}
@media (hover:hover){.ms .navdd:hover .ddp[hidden]{display:grid}}
.ms .nav .ddp a{min-height:44px;padding:0 12px;font-weight:540;box-shadow:none}
.ms .nav .ddp a:hover,.ms .nav .ddp a:focus-visible{background:var(--bg-2)}
.ms #guides,.ms #finder{scroll-margin-top:96px}
.ms .gallery-modal__stelle{display:block;margin-top:6px;width:max-content;max-width:100%}

/* Motiv-Section Startseite (David 08.11.): Desktop groß 4:5 + 2x2 mit Blättern; mobil groß + wischbare Zeile; Schnellansicht nutzt .lpa-qv */
.ms .prz{display:grid;gap:var(--space-3)}
.ms .prz-i{position:relative;display:grid;gap:var(--space-2);min-width:0}
.ms .prz-a{display:block;position:relative;overflow:hidden;background:#151413}
.ms .prz-a img{display:block;width:100%;height:100%;object-fit:cover}
.ms .prz-b .prz-a{aspect-ratio:4/5;cursor:zoom-in}
.ms .prz-b[hidden]{display:none}
.ms .prz-t .prz-a{aspect-ratio:1/1;cursor:pointer}
.ms .prz-b .pl{font-size:.9375rem;font-weight:600;line-height:1.3}
.ms .prz-t .pl{font-size:.8125rem;font-weight:500;color:var(--fg-2);line-height:1.3}
.ms .prz-t.is-aktiv .prz-a{outline:2px solid var(--acc);outline-offset:-2px}
.ms .prz-a:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.ms .prz-nav{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-3)}
.ms .prz-nav[hidden]{display:none}
.ms .prz-dots{display:flex;gap:6px}
.ms .prz-dots span{width:6px;height:6px;border-radius:50%;background:var(--rule-2)}
.ms .prz-dots span.on{background:var(--fg)}
.ms .prz-next{appearance:none;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--rule-2);background:transparent;color:var(--fg);display:grid;place-items:center;cursor:pointer;font:inherit}
.ms .prz-next:hover{border-color:var(--fg)}
@media (min-width:768px){
  .ms .prz{grid-template-columns:1fr 1fr;align-items:stretch}
  .ms .prz-side{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:var(--space-3);min-height:0}
  .ms .prz-small{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr 1fr;gap:var(--space-3);min-height:0}
  .ms .prz-t{display:none;min-height:0}
  .ms .prz-t.prz-on{display:grid;grid-template-rows:minmax(0,1fr) auto}
  .ms .prz-t.prz-on .prz-a{aspect-ratio:auto;height:100%}
}
/* Mobil unter 768 px: groß oben, darunter eine wischbare Zeile mit allen Werken des Tabs; Tabs als Chip-Zeile */
@media (max-width:767px){
  .ms .prz{grid-template-columns:minmax(0,1fr)}
  .ms .prz-side,.ms .prz-big{min-width:0}
  .ms .prz-small{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px 0}
  .ms .prz-small::-webkit-scrollbar{display:none}
  .ms .prz-t{flex:0 0 28vw;scroll-snap-align:start}
  .ms .prz-t .pl{display:none}
  .ms .prz-nav{display:none}
  .ms .ms-tabs.prz-tabs{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}
  .ms .ms-tabs.prz-tabs::-webkit-scrollbar{display:none}
  .ms .prz-tabs .ms-tab{flex:none;scroll-snap-align:start}
}

/* Motiv-Section (David 09.11.2026): alle Kacheln 4:5, Unterschriften eine Zeile gleicher Höhe; Desktop-Raster passt mit Kopf und
   Blätterleiste in den Bildschirm und skaliert proportional; Auto-Blättern mit Fortschrittsbalken; mobil Pfeil + Zähler */
.ms .prz{--g:var(--space-3);--cap:20px;--c:calc(var(--space-2) + var(--cap))}
.ms .prz .pl{display:block;height:var(--cap);line-height:var(--cap);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ms .prz-t .prz-a{aspect-ratio:4/5}
.ms .prz-reihe{position:relative;min-width:0}
.ms .prz-mnext,.ms .prz-zahl{display:none}
.ms .prz-dw{display:grid;gap:8px}
.ms .prz-dots{gap:9px}
.ms .prz-dots span{width:9px;height:9px}
.ms .prz-bar{display:block;height:2px;min-width:48px;background:var(--rule);overflow:hidden}
.ms .prz-bar i{display:block;height:100%;width:0;background:var(--acc)}
.ms .prz.is-auto .prz-bar i{animation:prz-lauf 6s linear forwards}
.ms .prz.is-auto:hover .prz-bar i,.ms .prz.is-auto:focus-within .prz-bar i,.ms .prz.is-auto:not(.prz-sicht) .prz-bar i{animation-play-state:paused}
.ms .prz:not(.is-auto) .prz-bar{visibility:hidden}
@keyframes prz-lauf{from{width:0}to{width:100%}}
.ms .prz-next{width:66px;height:66px;border:1.5px solid var(--fg);font-size:1.5em}
@media (min-width:768px){
  /* David 09.11. (Live-Fix): 5 Spalten, grosses Werk 2 Spalten über Reihe 1-3, rechts 3x2 kleine; Reihen [Bild][Caption][Bild][Caption] */
  .ms .prz{--g:16px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:auto auto auto auto;column-gap:var(--g);row-gap:0;align-items:start}
  .ms .prz-side,.ms .prz-reihe,.ms .prz-small,.ms .prz-big,.ms .prz-big .prz-b:not([hidden]),.ms .prz-big .prz-i,.ms .prz-t.prz-on,.ms .prz-t.prz-on .prz-i{display:contents}
  .ms .prz-big .prz-a{grid-column:1 / 3;grid-row:1 / 4;align-self:stretch;aspect-ratio:auto;height:auto;min-height:0;position:relative;overflow:hidden}
  .ms .prz-big .prz-a img{position:absolute;inset:0;width:100%;height:100%;max-width:none!important;object-fit:cover}
  .ms .prz-big .pl{grid-column:1 / 3;grid-row:4;margin-top:8px}
  .ms .prz-t.prz-on .prz-a{aspect-ratio:4/5;height:auto}
  .ms .prz .prz-t .pl{font-size:.875rem;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.3;height:calc(2 * 1.3em);margin-top:8px}
  .ms .prz-s1 .prz-a{grid-column:3;grid-row:1}.ms .prz-s1 .pl{grid-column:3;grid-row:2}
  .ms .prz-s2 .prz-a{grid-column:4;grid-row:1}.ms .prz-s2 .pl{grid-column:4;grid-row:2}
  .ms .prz-s3 .prz-a{grid-column:5;grid-row:1}.ms .prz-s3 .pl{grid-column:5;grid-row:2}
  .ms .prz-s4 .prz-a{grid-column:3;grid-row:3;margin-top:var(--g)}.ms .prz-s4 .pl{grid-column:3;grid-row:4}
  .ms .prz-s5 .prz-a{grid-column:4;grid-row:3;margin-top:var(--g)}.ms .prz-s5 .pl{grid-column:4;grid-row:4}
  .ms .prz-s6 .prz-a{grid-column:5;grid-row:3;margin-top:var(--g)}.ms .prz-s6 .pl{grid-column:5;grid-row:4}
  /* Link links, Blätterleiste rechts in einer Zeile, 24 px unter dem Raster */
  .ms .ms-tabpanel{position:relative}
  .ms .ms-tabpanel .ms-motiv-link{margin:24px 0 0;min-height:48px;display:flex;align-items:center;padding-right:180px}
  .ms .prz-nav{position:absolute;right:0;bottom:0;height:48px}
  .ms .prz-next{width:48px;height:48px;font-size:1.125em}
}
@media (max-width:767px){
  .ms .prz-t{flex:0 0 calc((100% - 16px)/2.5)}
  .ms .prz-t.is-aktiv{display:none}
  .ms .prz .prz-t .pl{display:none}
  .ms .prz-mnext{display:grid;place-items:center;position:absolute;right:6px;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1.5px solid var(--fg);background:color-mix(in srgb,var(--bg) 70%,transparent);color:var(--fg);appearance:none;cursor:pointer;font:inherit;font-size:1.125rem;padding:0}
  .ms .prz-mnext[hidden]{display:none}
  .ms .prz-zahl{display:block;margin:var(--space-2) 0 0;font-size:.8125rem;line-height:1.3;color:var(--fg-2)}
}

/* LP Ratenzahlung (David 09.11.2026): Infobox */
.ms .ms-infobox{padding-top:0}
.ms .ms-ib{max-width:820px;border-left:3px solid var(--color-stencil);background:var(--color-paper-2,rgba(0,0,0,.04));padding:24px 28px;display:grid;gap:10px;border-radius:0 var(--radius-1,4px) var(--radius-1,4px) 0}
.ms .ms-ib p{margin:0;font-size:1.0625rem;line-height:1.6}

/* CTA-Umrundung */
.ms.ms-rings{position:absolute;top:0;left:0;width:0;height:0;overflow:visible;pointer-events:none;z-index:5}
.ms.ms-rings svg{display:block;pointer-events:none}
.ms.ms-rings path{transition:stroke-dashoffset 480ms var(--ease-needle)}
.ms.ms-rings path.erase{transition-duration:240ms}
@media (prefers-reduced-motion:reduce){.ms.ms-rings path{transition:none}}
/* Nachbar des Knopfs ab der zweiten Section: 24 px zur Ellipsenkante. Reihe: 12 Luecke + 30 = 42 = Polster 18 + 24. Mobil darunter: 12 Luecke + 26 = 38 = Polster 14 + 24. */
.ms .sec .ms-cta-primary + *{margin-left:30px}
@media (max-width:560px){.ms .sec .ms-cta-primary + *{margin-left:0;margin-top:26px;flex-basis:100%}}
.ms .shop-product .add-to-cart-wrapper > [type="submit"] + .shipping-bar{margin-top:22px}
/* Linie auch ausserhalb von .ms (NAP, Kontaktformular_H1, Widerruf) */
.line-layer{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}
.line-layer svg{position:absolute;left:0;width:100%;overflow:visible}
.line-layer path{fill:none;stroke:var(--acc);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.95}
.line-layer .dot,.line-layer circle{fill:var(--acc)}
/* Prisma n6: 3 x 2 ab Tablet, mobil bleibt 2 x 3 */
@media (min-width:760px){.ms .prisma.n6{grid-template-columns:repeat(3,1fr)}}
/* Standort-Liste: Name ohne Bild, ohne Profil-Link */
.ms .person--plain{cursor:default}
.ms .pp-none{display:grid;place-items:center;background:var(--bg-2);color:var(--fg-2);font-family:var(--font-serif);font-size:2.25rem}

/* Style-Guide: neuer Look, Logik unveraendert. Nur Tokens und Oberflaeche. */
body:is(.template-page-style-guide,.template-page-styleguidesteps){--font-display:"Bricolage Grotesque","Avenir Next","Segoe UI",system-ui,sans-serif;--font-body:"Bricolage Grotesque","Avenir Next","Segoe UI",system-ui,sans-serif;--font-mono:"Bricolage Grotesque","Avenir Next","Segoe UI",system-ui,sans-serif;--color-accent:var(--color-stencil-on-stage);--color-accent-ghost:color-mix(in srgb,var(--color-stencil-on-stage) 12%,transparent);--color-gold:var(--color-stencil-on-stage);--color-dark-bg:#151413;--color-dark-surface:#151413;--color-dark-elevated:#1E1C1B;--color-dark-text:#F2EEEA;--color-dark-text-secondary:#B0ABA7;--color-dark-text-muted:#B0ABA7;--glass-bg:#1E1C1B;--glass-border:#34312F;--radius-sm:3px;--radius-md:6px;--radius-lg:6px;--radius-full:6px;--shadow-md:none}
body:is(.template-page-style-guide,.template-page-styleguidesteps) .shopify-section :is(.tattoo-styleguide,.catalog,section[id^="StyleGuide-"]){background:#151413;color:#F2EEEA}
body:is(.template-page-style-guide,.template-page-styleguidesteps) :is(.section-title,.catalog__name,.styleguide__question-title,.styleguide__result-title,.styleguide__region-title,.catalog__item-title){font-family:"Bricolage Grotesque","Avenir Next","Segoe UI",system-ui,sans-serif;font-weight:700;letter-spacing:-.02em;color:#F2EEEA}
body:is(.template-page-style-guide,.template-page-styleguidesteps) :is(.section-label,.styleguide__teaser-label,.catalog__number,.catalog__count){font-family:"Bricolage Grotesque","Avenir Next","Segoe UI",system-ui,sans-serif;color:#B0ABA7;letter-spacing:.08em}
body:is(.template-page-style-guide,.template-page-styleguidesteps) :is(.section-divider,.section-divider-center){background:#34312F}
body:is(.template-page-style-guide,.template-page-styleguidesteps) :is(.styleguide__action .btn,.styleguide__action button,.styleguide__result-btn,.styleguide__card .btn-primary,.styleguide__start-btn){background:var(--color-stencil-on-stage);color:#1B1716;border:0;border-radius:3px;font-family:"Bricolage Grotesque","Avenir Next","Segoe UI",system-ui,sans-serif;font-weight:700;font-size:1rem;min-height:48px;padding:12px 22px}
body:is(.template-page-style-guide,.template-page-styleguidesteps) :is(.styleguide__card,.styleguide__option-card,.styleguide__region,.styleguide__subpart-card,.styleguide__result,.catalog__card,.catalog__item,.style-image-card){background:#1E1C1B;border-color:#34312F;border-radius:6px;box-shadow:none;backdrop-filter:none}
body:is(.template-page-style-guide,.template-page-styleguidesteps) :is(.styleguide__nav-btn,.styleguide__skip-btn,.styleguide__teaser-link,.link-arrow){color:#F2EEEA;font-family:"Bricolage Grotesque","Avenir Next","Segoe UI",system-ui,sans-serif;min-height:24px}
body:is(.template-page-style-guide,.template-page-styleguidesteps) :is(.styleguide__question-text,.styleguide__result-desc,.catalog__text,.section-subtitle){color:#B0ABA7}
/* Blog */
.ms .bl-g{display:grid;gap:32px}
@media (min-width:760px){.ms .bl-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1080px){.ms .bl-g{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ms .bl-c{display:grid;gap:12px;align-content:start;min-width:0;color:inherit;text-decoration:none}
.ms .bl-c .bl-i{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--color-paper-2)}
.ms .bl-c img{display:block;width:100%;height:100%;object-fit:cover}
.ms .bl-c h2,.ms .bl-c p{margin:0}
.ms .bl-c:hover h2{text-decoration:underline;text-underline-offset:.15em}
.ms .bl-pg{display:flex;gap:16px;flex-wrap:wrap;margin-top:40px}

body:is(.template-page-style-guide,.template-page-styleguidesteps) .styleguide__action :is(.btn,button){display:inline-flex;align-items:center;gap:8px}

/* Bestand setzt body .hN mit eigener Farbe und Schrift: Flaechen-Farbe gilt */
.ms .disp,.ms .h1,.ms .h2,.ms .h3{color:inherit;font-family:var(--font-sans)}
/* ---------- Schritt 9: Gutschein-Karte, Container-Einheiten bleiben an der Karte ---------- */
.ms .gc2 .mark{width:clamp(10px,4.2cqi,15px);height:clamp(22px,9.2cqi,33px)}
.ms .gc2-line{bottom:calc(6.5% + 6.4cqi)}
.ms .gc2-wm b{font-size:clamp(.5rem,3.3cqi,.82rem)}
.ms .gc2-wm small{font-size:clamp(.42rem,2.3cqi,.6rem)}
.ms .gc2-tag{font-size:clamp(.42rem,2.4cqi,.62rem)}
.ms .gc2-to{font-size:clamp(.8rem,4.6cqi,1.15rem)}
.ms .gc2-msg{font-size:clamp(.66rem,3.4cqi,.92rem)}
.ms .gc2-amt{font-size:clamp(1.8rem,12.8cqi,3.6rem)}
.ms .gc2-meta{font-size:clamp(.42rem,2.3cqi,.62rem)}
.ms .g-rec[hidden],.ms .err[hidden]{display:none}
.ms .gift-card__qr-code{background:#fff;padding:8px;width:128px;height:128px}
.ms .gift-card__qr-code img,.ms .gift-card__qr-code canvas{display:block;width:112px;height:112px}
.ms .gkpage{min-height:100vh}
@media print{.no-print{display:none !important}.ms .stage{--bg:#fff;--fg:#18161D;--fg-2:#5A5663;--rule:#D3CFD8;--rule-2:#7D7887}}
/* ---------- Schritt 9: Produktseite. Markup und JS bleiben, nur die Optik wechselt ---------- */
.ms .shop-product,.ms .shop-collection{--color-accent:var(--acc);--color-text-primary:var(--fg);--color-text-secondary:var(--fg-2);--color-text-muted:var(--fg-2);--color-bg-primary:var(--bg);--color-bg-surface:var(--bg-2);--color-bg-subtle:var(--bg-2);--font-display:var(--font-sans);--font-body:var(--font-sans);--font-mono:var(--font-sans);--color-dark-bg:var(--color-ink);--color-dark-text:var(--color-paper);--radius-sm:var(--radius-1);--radius-md:0px;--radius-lg:var(--radius-2);--shop-radius-sm:var(--radius-1);background:var(--bg);color:var(--fg);padding:0;font-family:var(--font-sans);font-weight:400}
.ms .ms-pdp-wrap{padding-block:60px 48px}
.ms .shop-product .product-grid{display:grid;gap:var(--space-7);grid-template-columns:minmax(0,1fr);padding:0;margin:0;max-width:none}
.ms .shop-product .product-grid>.gallery{position:static;top:auto;grid-column:auto;width:auto;max-width:none;display:grid;gap:var(--space-3)}
.ms .shop-product .product-grid>.product-info{position:static;grid-column:auto;width:auto;max-width:none;display:grid;gap:var(--space-4);align-content:start;padding:0}
@media (min-width:900px){.ms .shop-product .product-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--space-8);align-items:start}.ms .shop-product .product-grid>.gallery{position:sticky;top:96px}}
.ms .shop-product .gallery__main{aspect-ratio:1;background:#F4F3F1;overflow:hidden;border-radius:0;display:grid;cursor:zoom-in;margin:0;position:relative;box-shadow:none;border:0}
.ms .shop-product .gallery__main>img{width:100%;height:100%;object-fit:cover}
.ms .shop-product .gallery__badges{position:absolute;top:8px;left:8px;z-index:2;display:flex;gap:6px}
.ms .shop-product .gallery__badge{font-size:.75rem;font-weight:640;letter-spacing:.06em;text-transform:uppercase;padding:.3em .55em;border-radius:var(--radius-1);background:var(--acc);color:var(--on-acc);box-shadow:none;font-family:inherit}
.ms .shop-product .gallery__zoom-hint{font-family:inherit;border-radius:var(--radius-1);background:rgba(20,16,15,.72);color:#F2EEEA;backdrop-filter:none}
.ms .shop-product .gallery__thumbs{display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:thin;margin:0;padding:0}
.ms .shop-product .gallery__thumb{flex:none;width:76px;height:76px;padding:0;border:1.5px solid var(--rule);border-radius:0;background:#F4F3F1;cursor:pointer;overflow:hidden;display:grid;opacity:1}
.ms .shop-product .gallery__thumb img{width:100%;height:100%;object-fit:cover}
.ms .shop-product .gallery__thumb.is-active{border-color:var(--fg);box-shadow:0 0 0 1.5px var(--fg)}
.ms .shop-product .product-title{font-family:var(--font-sans);font-weight:680;font-variation-settings:"wdth" 92;font-size:clamp(2.2rem,5.2vw,4.6rem);line-height:.98;letter-spacing:-.03em;text-wrap:balance;margin:0;color:var(--fg)}
.ms .shop-product .product-price{margin:0;display:flex;flex-wrap:wrap;gap:.5em;align-items:baseline}
.ms .shop-product .product-price__current{font-family:inherit;font-size:1.5rem;font-weight:680;font-variant-numeric:tabular-nums;color:var(--fg)}
.ms .shop-product .product-price__compare{font-family:inherit;font-size:1rem;color:var(--fg-2)}
.ms .shop-product .product-price__save{font-family:inherit;font-size:.75rem;font-weight:640;border-radius:var(--radius-1);background:var(--acc);color:var(--on-acc);padding:.3em .55em}
.ms .shop-product .product-tax{font-family:inherit;margin:0;font-size:.875rem;line-height:1.5;color:var(--fg-2);font-weight:400}
.ms .shop-product .product-tax a{min-height:24px;text-underline-offset:3px}
.ms .shop-product #productForm{display:grid;gap:var(--space-5)}
.ms .shop-product .variant-group{display:grid;gap:var(--space-3);margin:0}
.ms .shop-product .variant-label{display:block;font-family:inherit;font-weight:650;font-size:1.25rem;letter-spacing:-.01em;text-transform:none;color:var(--fg);margin:0}
.ms .shop-product .variant-label__value{font-family:inherit;font-weight:650;color:var(--fg);text-transform:none;letter-spacing:inherit}
.ms .shop-product .color-swatches{display:flex;flex-wrap:wrap;gap:6px}
.ms .shop-product .color-swatch{position:relative;width:44px;height:44px;padding:7px;background-clip:content-box !important;border:0;border-radius:50%;cursor:pointer;box-shadow:none !important;outline-offset:0;transform:none}
.ms .shop-product .color-swatch::before{display:none}
.ms .shop-product .color-swatch::after{content:"";display:block;position:absolute;inset:7px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.25);background:none;opacity:1;transform:none}
.ms .shop-product .color-swatch{--ring:rgba(0,0,0,.2)}
.ms .shop-product .color-swatch.is-active{box-shadow:inset 0 0 0 1.5px var(--fg) !important}
.ms .shop-product .size-options{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.ms .shop-product .size-option{display:inline-flex;align-items:center;justify-content:center;min-width:76px;min-height:44px;padding:0 .95em;border:1.5px solid var(--rule-2);border-radius:var(--radius-1);background:transparent;color:var(--fg);font-family:inherit;font-size:.9375rem;font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer;transform:none}
.ms .shop-product .size-option.is-active{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.ms .shop-product .size-option:disabled,.ms .shop-product .size-option.is-unavailable{opacity:.45}
.ms .shop-product .variant-select{width:100%;min-height:52px;padding:.8em .95em;border-radius:var(--radius-1);border:1.5px solid var(--rule-2);background:var(--bg);color:var(--fg);font:inherit;font-size:1rem}
.ms .shop-product .add-to-cart-wrapper{display:grid;gap:var(--space-4);margin:0;padding:0;border:0}
.ms .shop-product .quantity-selector{display:inline-flex;width:max-content;align-items:center;border:1.5px solid var(--rule);border-radius:var(--radius-1);background:transparent}
.ms .shop-product .quantity-btn{width:44px;height:44px;border:0;background:none;color:var(--fg);font-size:1.2rem;cursor:pointer}
.ms .shop-product .quantity-input{width:3em;height:44px;border:0;background:transparent;color:var(--fg);text-align:center;font:inherit;font-variant-numeric:tabular-nums;-moz-appearance:textfield}
.ms .shop-product .btn-add-cart{--h:52px;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:52px;padding:0 1.35em;border-radius:var(--radius-1);background:var(--acc);color:var(--on-acc);border:0;font-family:inherit;font-weight:640;font-size:1rem;letter-spacing:-.005em;text-transform:none;box-shadow:none;cursor:pointer}
.ms .shop-product .btn-add-cart:hover{transform:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--acc) 22%,transparent)}
.ms .shop-product .btn-add-cart:disabled{background:var(--bg-2);color:var(--fg-2);cursor:not-allowed;box-shadow:none}
.ms .shop-product .shipping-bar{background:transparent;border:0;padding:0;margin:0;font-family:inherit;font-size:.875rem;color:var(--fg-2)}
.ms .shop-product .product-description{background:transparent;border:0;border-top:1px solid var(--rule);border-radius:0;box-shadow:none;margin:0;padding:var(--space-4) 0 0;backdrop-filter:none}
.ms .shop-product .product-description__header{display:none}
.ms .shop-product .product-description__content,.ms .shop-product .product-description__content p,.ms .shop-product .product-description__content li{font-family:inherit;font-size:1rem;line-height:1.6;font-weight:400;color:var(--fg-2)}
.ms .shop-product .accordion-item{border:0;border-bottom:1px solid var(--rule);border-radius:0;background:transparent;margin:0;box-shadow:none}
.ms .shop-product .accordion-item:first-child{border-top:1px solid var(--rule)}
.ms .shop-product .accordion-trigger{display:flex;justify-content:space-between;gap:var(--space-4);align-items:center;width:100%;min-height:64px;padding:0;background:none;border:0;cursor:pointer;font-family:inherit;font-weight:600;font-size:1.0625rem;letter-spacing:0;text-transform:none;color:var(--fg);text-align:left}
.ms .shop-product .accordion-trigger:hover{background:none;color:var(--fg)}
.ms .shop-product .accordion-trigger__label{font-family:inherit;font-weight:600;font-size:1.0625rem;letter-spacing:0;text-transform:none}
.ms .shop-product .accordion-trigger__label svg{display:none}
.ms .shop-product .accordion-trigger__icon{color:var(--acc);width:20px;height:20px}
.ms .shop-product .accordion-content__inner{padding:0 0 var(--space-5);color:var(--fg-2);line-height:1.6;font-family:inherit;font-size:1rem}
.ms .shop-product .accordion-spec__label,.ms .shop-product .accordion-care__title{font-family:inherit;font-size:.875rem;letter-spacing:0;text-transform:none;color:var(--fg-2)}
.ms .shop-product .accordion-spec__value,.ms .shop-product .accordion-note,.ms .shop-product .accordion-care__item{font-family:inherit;color:var(--fg)}
.ms .shop-product .accordion-note{color:var(--fg-2);font-size:.875rem}
.ms .shop-product .shop-related{padding-block:60px 48px;background:var(--bg);border:0;margin:0}
.ms .shop-product .shop-related__header{text-align:left;margin:0 0 var(--space-7)}
.ms .shop-product .shop-related__accent{display:none}
.ms .shop-product .shop-related__title{font-family:var(--font-sans);font-weight:650;font-variation-settings:"wdth" 94;font-size:clamp(1.75rem,3.4vw,3rem);line-height:1.04;letter-spacing:-.022em;color:var(--fg);margin:0}
.ms .shop-product .related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6) var(--space-3)}
@media (min-width:760px){.ms .shop-product .related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1080px){.ms .shop-product .related-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-7) var(--space-4)}}
.ms .shop-product .sticky-atc{background:var(--bg);border-top:1px solid var(--rule);backdrop-filter:none;box-shadow:none}
.ms .shop-product .sticky-atc__title,.ms .shop-product .sticky-atc__price{font-family:inherit;color:var(--fg)}
.ms .shop-cart-notification{background:var(--bg,#F1F0F3);color:var(--fg,#18161D);font-family:var(--font-sans)}
.ms .shop-product .shop-cart-notification{--bg:var(--color-paper)}
.ms .shop-product .shop-cart-notification__title,.ms .shop-product .shop-cart-notification__item-title{font-family:inherit;font-weight:620;color:var(--fg)}
.ms .shop-product .shop-cart-notification__checkout{display:flex;align-items:center;justify-content:center;min-height:52px;border-radius:var(--radius-1);background:var(--acc);color:var(--on-acc);font-family:inherit;font-weight:640;font-size:1rem;letter-spacing:0;text-transform:none;text-decoration:none}
.ms .shop-product .shop-cart-notification__continue{min-height:44px;font-family:inherit;color:var(--fg);background:none;border:0;cursor:pointer}
.ms .shop-product .shop-cart-notification__close{width:44px;height:44px}
/* ---------- Schritt 9: Kacheln (Prototyp pcard) ---------- */
.ms .shop-card{background:transparent;border:0;border-radius:0;box-shadow:none;display:grid;gap:10px;align-content:start;height:auto;overflow:visible;transform:none}
.ms .shop-card:hover{transform:none;box-shadow:none}
.ms .shop-card__link{text-decoration:none;color:inherit;display:grid;gap:10px;align-content:start}
.ms .shop-card__image{aspect-ratio:1;background:#F4F3F1;overflow:hidden;border-radius:0;position:relative}
.ms .shop-card__image img{width:100%;height:100%;object-fit:cover}
.ms .shop-card__info{padding:0;display:grid;gap:4px;background:none}
.ms .shop-card__type{font-family:inherit;font-size:.875rem;letter-spacing:0;text-transform:none;color:var(--fg-2)}
.ms .shop-card__title{font-family:inherit;font-weight:620;font-size:1rem;line-height:1.25;letter-spacing:0;color:var(--fg);margin:0}
.ms .shop-card__price,.ms .shop-card__price span{font-family:inherit;font-size:1rem;font-weight:560;font-variant-numeric:tabular-nums;color:var(--fg)}
.ms .shop-card__price--compare{color:var(--fg-2) !important}
.ms .shop-card__badge{font-family:inherit;font-size:.75rem;font-weight:640;letter-spacing:.06em;text-transform:uppercase;padding:.3em .55em;border-radius:var(--radius-1);background:var(--bg);color:var(--fg);box-shadow:inset 0 0 0 1px var(--rule-2)}
.ms .shop-card__badge--new,.ms .shop-card__badge--sale{background:var(--acc);color:var(--on-acc);box-shadow:none}
.ms .shop-card__quick-btn{min-height:44px;border-radius:var(--radius-1);background:var(--acc);color:var(--on-acc);font-family:inherit;font-weight:640;text-transform:none;letter-spacing:0;border:0}
.ms .shop-card__colors{gap:6px}
.ms .shop-card__color-dot{min-width:24px;min-height:24px}
.ms .shop-card__color-more{font-family:inherit;font-size:.75rem;color:var(--fg-2)}
/* ---------- Schritt 9: Shop-Collection, nur Optik ---------- */
.ms .shop-collection>.wrap{padding-block:60px 0}
.ms .shop-collection .shop-breadcrumbs{display:flex;flex-wrap:wrap;gap:.4em;font-family:inherit;font-size:.75rem;font-weight:620;letter-spacing:.11em;text-transform:uppercase;color:var(--fg-2);margin:0 0 var(--space-4);padding:0}
.ms .shop-collection .shop-breadcrumbs a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor;display:inline-block;padding:15px 2px;margin:-15px -2px;background-clip:content-box}
.ms .shop-collection .collection-header{text-align:left;display:grid;gap:var(--space-4);margin:0 0 var(--space-6);padding:0;background:none}
.ms .shop-collection .collection-title{font-family:var(--font-sans);font-weight:680;font-variation-settings:"wdth" 92;font-size:clamp(2.2rem,5.2vw,4.6rem);line-height:.98;letter-spacing:-.03em;color:var(--fg);margin:0;text-transform:none}
.ms .shop-collection .collection-description,.ms .shop-collection .collection-description p{font-family:inherit;font-size:clamp(1.08rem,1.45vw,1.32rem);line-height:1.5;color:var(--fg-2);max-width:40ch;margin:0;font-weight:400}
.ms .shop-collection .collection-count{font-family:inherit;font-size:.9375rem;letter-spacing:0;text-transform:none;color:var(--fg-2);margin:0}
.ms .shop-collection .category-nav{display:flex;gap:var(--space-2);overflow-x:auto;padding-block:10px;margin:0 0 var(--space-4);border:0;border-bottom:1px solid var(--rule);border-radius:0;background:none;scrollbar-width:none;justify-content:flex-start}
.ms .shop-collection .category-nav__item{flex:none;display:inline-flex;align-items:center;gap:.4em;min-height:44px;padding:0 .9em;border-radius:99px;text-decoration:none;font-family:inherit;font-size:.9375rem;font-weight:560;letter-spacing:0;text-transform:none;color:var(--fg);border:1.5px solid var(--rule);background:none;box-shadow:none}
.ms .shop-collection .category-nav__item.is-active{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.ms .shop-collection .category-nav__icon{display:none}
.ms .shop-collection .product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6) var(--space-3)}
@media (min-width:760px){.ms .shop-collection .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1080px){.ms .shop-collection .product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-7) var(--space-4)}}
.ms .shop-collection .filter-toggle,.ms .shop-collection .filter-pill{display:inline-flex;align-items:center;gap:.45em;min-height:44px;padding:0 .95em;border-radius:var(--radius-1);border:1.5px solid var(--rule);background:transparent;color:var(--fg);font-family:inherit;font-size:.9375rem;font-weight:520;letter-spacing:0;text-transform:none;box-shadow:none;cursor:pointer;white-space:nowrap}
.ms .shop-collection .filter-pill.is-active{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.ms .shop-collection select{min-height:44px;font-family:inherit;border-radius:var(--radius-1);border:1.5px solid var(--rule-2);background:var(--bg);color:var(--fg)}
.ms .shop-search__inner{border-radius:var(--radius-1);border:1.5px solid var(--rule-2);background:transparent;box-shadow:none;backdrop-filter:none}
.ms .shop-search input{min-height:48px;font-family:inherit;color:var(--fg);background:transparent}
.ms .shop-pagination a,.ms .shop-pagination span{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;font-family:inherit;color:var(--fg)}
.ms .filter-drawer{--bg:var(--color-paper);--fg:var(--color-ink);background:var(--bg);color:var(--fg);font-family:var(--font-sans)}
/* ---------- Schritt 9: Warenkorb, nur Optik (Dawn-Abschnitte) ---------- */
.template-cart #MainContent{background:#F1F0F3;color:#18161D;font-family:"Bricolage Grotesque","Avenir Next","Segoe UI",system-ui,sans-serif}
.template-cart #MainContent h1,.template-cart #MainContent h2,.template-cart #MainContent h3,.template-cart #MainContent .title{font-family:inherit;font-weight:650;letter-spacing:-.022em;color:#18161D}
.template-cart #MainContent .button,.template-cart #MainContent button.cart__checkout-button{font-family:inherit;font-weight:640;letter-spacing:-.005em;border-radius:3px;min-height:52px;background:var(--color-stencil);color:#fff;box-shadow:none}
.template-cart #MainContent .button:before,.template-cart #MainContent .button:after{display:none}
.template-cart #MainContent .gradient,.template-cart #MainContent .color-scheme-1,.template-cart #MainContent [class*="color-scheme"]{background:transparent}
.template-cart #MainContent .quantity__button{min-width:44px;min-height:44px}
.template-cart #MainContent .cart-item__name{font-family:inherit;font-weight:620;color:#18161D}
.template-cart #MainContent a{color:#18161D}
.template-cart #MainContent .button{color:#fff}
.template-cart #MainContent .cart__empty-text{font-family:inherit;color:#18161D}
.template-cart #MainContent cart-items{display:block;padding-top:60px}
.template-cart #MainContent .title-wrapper-with-link{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 24px;margin:0 0 32px;padding:0;position:static;transform:none}
.template-cart #MainContent h1.title{font-size:clamp(1.75rem,3.4vw,3rem);line-height:1.04;margin:0;padding:0;font-variation-settings:"wdth" 94;position:static;transform:none}
.template-cart #MainContent .underlined-link{display:inline-flex;align-items:center;min-height:44px;font-size:1rem;font-weight:600}
.template-cart #MainContent .caption-with-letter-spacing{font-family:inherit;font-size:.75rem;font-weight:620;letter-spacing:.11em;color:#5A5663}
.template-cart #MainContent .cart-item__image-container,.template-cart #MainContent .cart-item__image{border-radius:0;background:#F4F3F1;box-shadow:none}
.template-cart #MainContent .cart-item__name{font-size:1rem;line-height:1.25;text-decoration:none}
.template-cart #MainContent .cart-item__details>*,.template-cart #MainContent .product-option,.template-cart #MainContent .product-option *{font-family:inherit;font-size:.875rem;line-height:1.4;max-width:none}
.template-cart #MainContent .cart-item__name.h4{font-size:1rem}
.template-cart #MainContent .price,.template-cart #MainContent .cart-item__totals{font-family:inherit;font-size:1rem;font-variant-numeric:tabular-nums}
.template-cart #MainContent .button.cart-remove-button,.template-cart #MainContent cart-remove-button .button{min-width:44px;min-height:44px;width:44px;height:44px;padding:0;background:transparent;color:#18161D;box-shadow:none;border:0}
.template-cart #MainContent .quantity{width:auto;min-height:44px;border:1.5px solid #D3CFD8;border-radius:3px;background:transparent;box-shadow:none}
.template-cart #MainContent .quantity:before,.template-cart #MainContent .quantity:after{display:none}
.template-cart #MainContent .quantity__input{font-family:inherit;font-size:1rem;width:2.5em;color:#18161D}
.template-cart #MainContent .quantity-popover-wrapper,.template-cart #MainContent .cart-item__quantity-wrapper{display:flex;align-items:center;gap:8px}
.template-cart #MainContent .totals{justify-content:space-between;gap:16px}
.template-cart #MainContent .totals__total,.template-cart #MainContent .totals__total-value{font-family:inherit;font-size:1.1rem;font-weight:640;color:#18161D}
.template-cart #MainContent .tax-note{font-family:inherit;font-size:.875rem;line-height:1.5;color:#5A5663;letter-spacing:0}
.template-cart #MainContent .cart__checkout-button{font-size:1rem;width:100%}
.template-cart #MainContent .cart__note textarea,.template-cart #MainContent .field__input{font-family:inherit;font-size:1rem}
.template-cart #MainContent .cart__empty-text{font-size:clamp(1.75rem,3.4vw,3rem);font-weight:650}
@media (max-width:749px){
  .template-cart #MainContent .cart-item{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:8px 12px;padding:0 0 16px;margin-bottom:16px;border-bottom:1px solid #D3CFD8}
  .template-cart #MainContent .cart-item>td{padding:0;width:auto;min-width:0}
  .template-cart #MainContent .cart-item__media{grid-column:1;grid-row:1 / span 2;width:64px}
  .template-cart #MainContent .cart-item__details{grid-column:2;grid-row:1}
  .template-cart #MainContent .cart-item__totals.medium-hide{grid-column:3;grid-row:1;display:block;text-align:right}
  .template-cart #MainContent .cart-item__quantity{grid-column:2 / -1;grid-row:2}
}
.template-cart #MainContent .title-wrapper-with-link{padding-top:48px}
.template-cart #MainContent th{color:#5A5663;opacity:1}
@media (max-width:749px){
  .template-cart #MainContent .cart-item__media{overflow:hidden;position:relative}
  .template-cart #MainContent .cart-item__image-container{width:64px;height:64px;display:block}
  .template-cart #MainContent .cart-item__image{width:64px;height:64px;max-width:64px;object-fit:cover}
}

/* Leerer Warenkorb: Titel bleibt verborgen wie in MAIN, nur der Leer-Text ist die Ueberschrift */
.template-cart #MainContent cart-items.is-empty .title-wrapper-with-link{display:none}
.template-cart #MainContent cart-items:not(.is-empty) .cart__empty-text{display:none}

/* Shop-Stufe 1, David 08.11. */
/* Kategorie-Chips wie die Galerie-Schnellfilter */
.template-collection-shop .category-nav__icon{display:none}
/* Produktkarten wie die Werkkarten: Bild 4:5, Titel, Preis, kein Rahmen */
.template-collection-shop .shop-card{border:0!important;box-shadow:none!important;background:transparent!important}
.template-collection-shop .shop-card__image{aspect-ratio:4/5!important;overflow:hidden;background:var(--color-paper-2,#E6E4EA)}
.template-collection-shop .shop-card__image img{width:100%!important;height:100%!important;object-fit:cover!important}
.template-collection-shop .shop-card__type,.template-collection-shop .shop-card__colors,.template-collection-shop .shop-card__variants,.template-collection-shop .shop-card__quick-add{display:none!important}
.template-collection-shop .shop-card__info{padding:10px 0 0!important;gap:4px}
.template-collection-shop .shop-card__title{font-weight:600;font-size:.9375rem;line-height:1.3}
/* Shop-Uebersicht */
.ms-shop-kacheln{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin:8px 0 28px}
@media (min-width:900px){.ms-shop-kacheln{grid-template-columns:repeat(5,minmax(0,1fr))}}
.ms-shop-k{display:grid;gap:8px;text-decoration:none;color:inherit}
.ms-shop-k .ph{display:grid;place-items:center;aspect-ratio:4/5;overflow:hidden;background:#E6E4EA}
.ms-shop-k .ph img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.ms-shop-k:hover .ph img{transform:scale(1.03)}
.ms-shop-k b{font-weight:640;font-size:1rem}
.ms-shop-k--bald .ph{background:#151413}
.ms-shop-k--bald b{color:inherit;opacity:.75}
/* Gutschein: Karte auf Papier, Punkte, Fuer wen */
.ms .gc2.gc2-papier{background:var(--color-paper);color:var(--color-ink);border-color:var(--color-rule-paper);--ink:var(--color-ink);--muted:var(--color-ink-2);--violet:var(--color-stencil)}
.ms .gc2.gc2-papier .gc2-tag{color:var(--color-stencil);border-color:var(--color-stencil)}
.ms .gc-punkte{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.875rem;color:var(--fg-2)}
.ms .gc-punkte li::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--acc);margin-right:8px;vertical-align:middle}
.ms .gc-wer{display:grid;gap:8px;margin-top:16px}
.ms .ms-aktion{margin:0 0 20px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}

/* Standort-Einzelseiten (David 08.11.2026): Stempel nur „seit <Jahr>“, gleiche Höhe und Rahmenstärke wie mit Nummer */
.ms .stamp--seit{min-height:2.625rem}
.ms .stamp--seit .sy{border-left:0;padding:6px 11px}
/* Standort-Einzelseiten, Atelierbilder (David 08.11.2026): weißer Streifen kam vom margin-top des Rasters, das durch die
   Sektion ohne Padding (data-sp="0") nach außen fiel (Margin-Collapse, Seitenhintergrund und Linie unterbrochen).
   Jetzt durchgehendes Raster auf Papier: 8px in den Reihen, 8px Padding statt margin zwischen Intro-Reihe und Foto-Sektion. */
.ms .sec .gallery-row,.ms .sec .atelier-fotos{gap:8px}
.ms .atelier-fotos{margin-top:0}
.ms .sec[data-sp="0"]:has(> .wrap > .atelier-fotos){--section-pt:8px}
/* Atelier-Fotos mit genau drei Bildern: volle Dreierreihe statt 2+1 (David 08.11.2026, Hürth nach Entfernen der Dubletten) */
.ms .sec .atelier-fotos:has(> figure:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
.ms .sec .atelier-fotos:has(> figure:nth-child(3):last-child) > figure:first-child{grid-column:auto}
/* Standort-Hero-H1 (David 08.11.2026): Umbruch nur zwischen Wörtern, nie im Wort (vorher word-break: break-word) */
.ms .athero h1.disp{word-break:normal;overflow-wrap:normal;hyphens:manual}
/* Standort-Hero-H1 (David 08.11.2026): Schriftgröße so, dass „in Euskirchen“ bei 1440 px in die Zeile passt; Mobil unverändert */
.ms .athero h1.disp{font-size:clamp(2.7rem,7vw,6.1rem)}
/* Startseite Artist-Übersicht (David 09.11.2026): alle Artists, 4:5, 2/3/4/5 Spalten, kein Wischen */
.ms .people.ms-alle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4) var(--space-3);overflow:visible}
.ms .people.ms-alle .pp{aspect-ratio:4/5}
@media (min-width:768px){.ms .people.ms-alle{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1024px){.ms .people.ms-alle{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1280px){.ms .people.ms-alle{grid-template-columns:repeat(5,minmax(0,1fr))}}

/* Schritt 6-8 */
.ms .founder .pics.one{grid-template-columns:minmax(0,1fr);max-width:520px}
.ms .states.states-3{grid-template-columns:1fr}
@media (min-width:760px){.ms .states.states-3{grid-template-columns:repeat(3,1fr)}}
.ms a.ft-tile{display:block;text-decoration:none}
.ms .btn.save.ms-save-text{position:static;width:auto;height:auto;min-height:52px;background:transparent;color:var(--fg);box-shadow:inset 0 0 0 1.5px var(--rule-2);backdrop-filter:none;display:inline-flex;grid-template:none;padding:0 1.35em}
.ms .btn.save.ms-save-text::after{content:"Merken"}
.ms .btn.save.ms-save-text[aria-pressed="true"]::after{content:"Gemerkt"}
.ms .btn.save.ms-save-text svg{width:18px;height:18px}
.ms .body ul{margin:0 0 1em;padding-left:1.2em}
.ms .ans p{margin:0 0 .7em}
.ms .ans ul{margin:0 0 .7em;padding-left:1.2em}
.ms blockquote{border:0;padding:0;margin:0;font-style:inherit;background:none}
.ms blockquote::before,.ms blockquote::after{content:none}
.ms .person{align-content:start}
.ms .facts-grid .lnk{justify-self:start}
.ms .hero{display:block;height:auto;min-height:0;max-height:none;align-items:initial;justify-content:initial;color:var(--fg)}
.ms .hero::after,.ms .hero::before{content:none}
/* Entscheid David 05.11.: Option C nur mobil im Atelier-Kopf. Bild hinter die Fakten, damit im ersten Bildschirm Text das LCP ist. Ab 900 px unveraendert. */
@media (max-width:899px){
  .ms .wrap:has(>.athero){display:flex;flex-direction:column}
  .ms .wrap:has(>.athero)>.athero{display:contents}
  .ms .wrap:has(>.athero)>.athero>:first-child{order:1}
  .ms .wrap:has(>.athero)>.facts-grid{order:2}
  .ms .wrap:has(>.athero)>.athero>.ph{order:3;margin-top:var(--space-6);width:100%}
}
/* Prisma-Umschalter */
.ms .ms-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5)}
.ms .ms-tab{appearance:none;min-height:44px;padding:0 1.2em;border:1.5px solid var(--rule-2);border-radius:999px;background:transparent;color:var(--fg);font-family:inherit;font-size:.75rem;font-weight:620;letter-spacing:.11em;text-transform:uppercase;cursor:pointer}
.ms .ms-tab:hover{border-color:var(--acc)}
.ms .ms-tab[aria-selected="true"]{background:var(--acc);border-color:var(--acc);color:var(--color-on-stencil)}
.ms .stage .ms-tab[aria-selected="true"]{color:var(--color-on-stencil-stage)}
.ms .ms-tab:focus-visible,.ms .ms-tabpanel:focus-visible{outline:2px dashed var(--acc);outline-offset:3px}
.ms .ms-tabpanels{display:grid}
.ms .ms-tabpanel{grid-area:1/1;min-width:0;transition:opacity 240ms var(--ease-needle)}
.ms .ms-tabpanel[hidden]{display:none}
.ms .ms-tabpanel.entering,.ms .ms-tabpanel.leaving{opacity:0}
.ms .ms-tabpanel.leaving{pointer-events:none}
.ms .ms-motiv-link{margin:var(--space-4) 0 0}
@media (prefers-reduced-motion:reduce){.ms .ms-tabpanel{transition:none}}
/* Cover-up-Teaser */
.ms .cu-row{display:grid;gap:var(--space-4);grid-template-columns:repeat(var(--n,3),minmax(0,1fr))}
.ms .cu-card{display:grid;gap:var(--space-2);align-content:start;min-width:0}
.ms .cu-card .wk{aspect-ratio:908/1211}
.ms .cu-card .wk img{height:100%;object-fit:cover}
.ms .cu-card p{margin:0;font-size:.9375rem;color:var(--fg-2)}
@media (max-width:1079px){.ms .cu-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--space-2)}.ms .cu-card{flex:0 0 42%;scroll-snap-align:start}}
@media (max-width:759px){.ms .cu-a{gap:12px}.ms .cu-a .cu-card{flex-basis:84%}}
.ms .cu-link{display:inline-flex;align-items:center;min-height:24px;text-decoration:none;color:var(--fg)}
.ms .cu-link:hover{text-decoration:underline;text-underline-offset:3px}
/* Vorher/Nachher-Regler. Masse aus der Vorlage 2000 x 2000: Feld 908 x 1211, A ab x 80, B ab x 1012, beide ab y 326. Transform statt clip-path, keine Transition. */
.ms .ms-compare{position:relative;display:block;width:100%;aspect-ratio:908/1211;overflow:hidden;background:var(--img-bg);isolation:isolate;user-select:none;-webkit-user-select:none;touch-action:pan-y;cursor:pointer}
.ms .ms-compare__layer,.ms .ms-compare__clip,.ms .ms-compare__inner{position:absolute;inset:0;overflow:hidden}
.ms .ms-compare img{position:absolute;display:block;max-width:none;max-height:none;width:220.264%;height:165.153%;top:-26.92%;object-fit:fill;pointer-events:none;-webkit-user-drag:none}
.ms .ms-compare__a img{left:-8.811%}
.ms .ms-compare__b img{left:-111.454%}
.ms .ms-compare__tag{position:absolute;top:8px;z-index:2;background:rgba(20,16,16,.78);color:#F2EEEA;pointer-events:none}
.ms .ms-compare__tag.l{left:8px}.ms .ms-compare__tag.r{right:8px}
.ms .ms-compare__range{position:absolute;left:0;top:50%;z-index:3;width:100%;height:64px;margin:-32px 0 0;padding:0;opacity:0;touch-action:none;cursor:ew-resize;-webkit-appearance:none;appearance:none;background:transparent}
.ms .ms-compare__range::-webkit-slider-runnable-track{height:64px;background:transparent}
.ms .ms-compare__range::-webkit-slider-thumb{-webkit-appearance:none;width:44px;height:64px;background:transparent;border:0}
.ms .ms-compare__range::-moz-range-track{height:64px;background:transparent}
.ms .ms-compare__range::-moz-range-thumb{width:44px;height:64px;background:transparent;border:0}
.ms .ms-compare__handle{position:absolute;inset:0;pointer-events:none;z-index:2}
.ms .ms-compare__handle::before{content:"";position:absolute;top:0;bottom:0;left:-1px;width:2px;background:#F2EEEA}
.ms .ms-compare__handle::after{content:"";position:absolute;top:50%;left:0;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:#F2EEEA url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141010' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h18M7.5 7.5 3 12l4.5 4.5M16.5 7.5 21 12l-4.5 4.5'/%3E%3C/svg%3E") center/24px no-repeat;box-shadow:0 1px 6px rgba(0,0,0,.45)}
.ms .ms-compare__range:focus-visible ~ .ms-compare__handle::after{outline:2px dashed #F2EEEA;outline-offset:3px}
.ms .ms-work-media__cmp{width:100%;max-width:calc(min(78vh,860px)*.75);margin-inline:auto}
.ms .ms-work-media__cmp[hidden]{display:none}
/* Teaser Variante A: Punkte und Pfeil, nur mobil */
.ms .cu-nav{display:none}
@media (max-width:759px){.ms .cu-nav{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-2)}.ms .cu-dots{display:flex;gap:8px}.ms .cu-dots span{width:8px;height:8px;border-radius:50%;background:var(--rule-2)}.ms .cu-dots span.on{background:var(--acc)}.ms .cu-next{width:44px;height:44px;border:0;background:transparent;color:var(--fg);font-size:20px;cursor:pointer}}
/* Schritte: Nummer in der Farbe des Labels */
.ms .step .no-n{font-size:1.5em;font-weight:720;letter-spacing:0;margin-right:.5em;vertical-align:-.08em}
/* Stimmen: zuerst 3 mobil, 6 Desktop */
@media (max-width:760px){.ms .voices[data-more]>.voice:nth-child(n+4):not(.v-on){display:none}.ms .voices:not(:has(>.voice:nth-child(4)))+.v-more-row{display:none}}
@media (min-width:761px){.ms .voices[data-more]>.voice:nth-child(n+7):not(.v-on){display:none}.ms .voices:not(:has(>.voice:nth-child(7)))+.v-more-row{display:none}}
.ms .v-more-row{margin-top:var(--space-5)}
.ms .v-more-row[hidden]{display:none}
.ms .voice:focus{outline:none}
/* Stimme ohne Bild: Textkachel ohne Luecke */
.ms .voice.no-img,.ms .voices.compact .voice.no-img{grid-template-columns:minmax(0,1fr)}
/* Gruender gemeinsames Foto */
.ms .founder .pics.duo{grid-template-columns:minmax(0,1fr)}
.ms .founder .pics.duo .pp{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--img-bg)}
.ms .founder .pics.duo img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--fp,50% 50%)}
@media (max-width:759px){.ms .founder .pics.duo .pp{aspect-ratio:4/5}}
/* Karte neben dem Formular */
.contact-box .page-width>.ms-form-side-sec{padding:0;margin-top:32px}
.contact-box .page-width>.ms-form-side-sec .side{margin:0}
@media (min-width:1080px){.contact-box .page-width>.ms-form-side-sec{grid-column:2;grid-row:2;margin-top:0}}
/* Stimmen Start 5, Fokus grosse Karte */
body.template-index .ms .voices[data-more]>.voice:nth-child(6):not(.v-on){display:none}
.ms .voice.is-lead .ph img{object-position:var(--fp,center)}
/* Atelier-Fotos, Kopf eng */
.ms .atelier-fotos{display:grid;gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}
.ms .atelier-fotos figure{margin:0;overflow:hidden;background:var(--img-bg)}
.ms .atelier-fotos img{display:block;width:100%;height:100%;aspect-ratio:4/3;object-fit:cover}
.ms .atelier-fotos figure:first-child:nth-last-child(odd){grid-column:1/-1}
@media (min-width:760px){.ms .atelier-fotos:not(:has(>figure:nth-child(2):last-child)){grid-template-columns:repeat(3,minmax(0,1fr))}.ms .atelier-fotos figure:first-child:nth-last-child(odd){grid-column:span 2}.ms .atelier-fotos figure:first-child:nth-last-child(odd){position:relative}.ms .atelier-fotos figure:first-child:nth-last-child(odd) img{position:absolute;inset:0;aspect-ratio:auto}}
@media (min-width:1080px) and (max-width:1219px){.hd .nav a{padding-inline:6px}}
/* Piercing-Katalog */
.ms .pc{display:grid;margin-top:var(--space-5);border-top:1px solid var(--rule)}
.ms .pc-cat{border-bottom:1px solid var(--rule)}
.ms .pc-cat>summary{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);min-height:64px;cursor:pointer;list-style:none}
.ms .pc-cat>summary::-webkit-details-marker,.ms .pc-row>summary::-webkit-details-marker{display:none}
.ms .pc-cat>summary::after{content:"+";font-size:1.5rem;line-height:1}
.ms .pc-cat[open]>summary::after{content:"–"}
.ms .pc-list{display:grid;padding-bottom:var(--space-4)}
.ms .pc-row{border-top:1px solid var(--rule)}
.ms .pc-row>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-4);align-items:center;min-height:56px;padding:10px 0;cursor:pointer;list-style:none}
.ms .pc-n{display:grid;gap:2px}
.ms .pc-n b{font-weight:600}
.ms .pc-n small{font-size:.875rem;color:var(--fg-2)}
.ms .pc-p{font-weight:620;white-space:nowrap}
.ms .pc-b{display:grid;gap:var(--space-4);padding:4px 0 var(--space-5)}
.ms .pc-b img{display:block;width:100%;max-width:320px;aspect-ratio:1/1;object-fit:cover;background:var(--img-bg)}
.ms .pc-b .body p{margin:0 0 .6em}
.ms .pc-note{margin-top:var(--space-4)}
.ms .pc-note p{margin:0}
@media (min-width:760px){.ms .pc-b:not(.no-img){grid-template-columns:240px minmax(0,1fr);align-items:start}}
.ms .steps.s4:has(>li:nth-child(3):last-child){grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
/* Stimmen Start, letzte Karte */
@media (min-width:760px){body.template-index .ms .voices.compact>.voice:last-child:nth-child(even){grid-column:1/-1}}
/* Cover-up-Seite */
.ms .pc-p--t{font-weight:400;font-size:.875rem;white-space:normal;text-align:right;max-width:9.5em;color:var(--fg-2)}
.ms .ph-cmp{min-width:0;width:100%;max-width:520px;justify-self:end}
.ms .cu-tech{display:grid;gap:var(--space-8,64px);margin-top:var(--space-6)}
.ms .cu-t{display:grid;gap:var(--space-5);align-items:center}
.ms .cu-m{min-width:0}
.ms .cu-m>img{display:block;width:100%;height:auto}
.ms .cu-x{display:grid;gap:var(--space-3);align-content:start;min-width:0}
.ms .cu-x ul{margin:0;padding-left:1.1em;display:grid;gap:.4em}
.ms .cu-x .lnk{justify-self:start}
.ms .cu-grid{display:grid;gap:var(--space-5);grid-template-columns:minmax(0,1fr);margin-top:var(--space-6)}
.ms .cu-g{margin:0;display:grid;gap:var(--space-3);min-width:0;align-content:start}
.ms .cu-g>img{display:block;width:100%;height:auto}
.ms .cu-g figcaption{display:grid;gap:4px;justify-items:start}
@media (min-width:760px){.ms .cu-t{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--space-7)}.ms .cu-t:nth-child(even) .cu-m{order:2}.ms .cu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1080px){.ms .cu-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Suche, Liste, 404, Rechtstexte */
.ms .ms-suche{display:flex;gap:8px;margin-top:24px;max-width:640px}
.ms .ms-suche input{flex:1;min-width:0;height:52px;padding:0 16px;font:inherit;color:var(--fg);background:transparent;border:1px solid var(--fg);border-radius:3px}
.ms .ms-raster{display:grid;gap:var(--space-5) var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:var(--space-5)}
.ms .ms-r{min-width:0}
.ms .ms-k{display:grid;gap:6px;align-content:start;color:var(--fg);text-decoration:none;min-width:0}
.ms .ms-k b{font-weight:600;overflow-wrap:anywhere}
.ms .ms-k__b{display:block;aspect-ratio:4/5;overflow:hidden;background:var(--img-bg);margin-bottom:6px}
.ms .ms-k__b img{display:block;width:100%;height:100%;object-fit:cover}
.ms .ms-k__l{display:grid;place-items:center;font-size:2.5rem;font-weight:680;color:var(--fg-2)}
.ms .ms-k--t{padding:var(--space-4);background:var(--bg-2)}
.ms .ms-seiten{display:flex;gap:var(--space-4);align-items:center;justify-content:center;margin-top:var(--space-6)}
.ms .ms-404{display:grid;gap:20px;justify-items:start;min-height:52vh;align-content:center}
@media (min-width:760px){.ms .ms-raster{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1080px){.ms .ms-raster{grid-template-columns:repeat(4,minmax(0,1fr))}}
body.page-type-policy,body.page-type-policy main{background:#F1F0F3}
body.page-type-policy .shopify-policy__container{box-sizing:border-box;max-width:780px;margin:0 auto;padding:60px max(20px,4.4vw) 64px;color:#18161D;font-family:"Bricolage Grotesque","Avenir Next","Segoe UI",system-ui,sans-serif;font-size:1.0625rem;line-height:1.55}
body.page-type-policy .shopify-policy__title{text-align:left;margin:0 0 24px}
body.page-type-policy .shopify-policy__title h1{font-family:inherit;font-weight:680;font-variation-settings:"wdth" 92;font-size:clamp(2.2rem,5.2vw,4.6rem);line-height:.98;letter-spacing:-.03em;color:#18161D;margin:0}
body.page-type-policy .shopify-policy__body h2,body.page-type-policy .shopify-policy__body h3,body.page-type-policy .shopify-policy__body h4{font-family:inherit;font-weight:640;color:#18161D;letter-spacing:-.01em;line-height:1.2;margin:1.6em 0 .5em}
body.page-type-policy .shopify-policy__body h2{font-size:1.5rem}
body.page-type-policy .shopify-policy__body h3,body.page-type-policy .shopify-policy__body h4{font-size:1.1875rem}
body.page-type-policy .shopify-policy__body p,body.page-type-policy .shopify-policy__body li{font-family:inherit;color:#18161D;font-size:1.0625rem;line-height:1.55}
body.page-type-policy .shopify-policy__body a{color:var(--color-stencil);text-decoration:underline;overflow-wrap:anywhere}
/* Schrift Knoepfe und Restlinks */
.ms button,.ms .btn,.ms input,.ms select,.ms textarea{font-family:"Bricolage Grotesque","Avenir Next","Segoe UI",system-ui,sans-serif !important}
body:is(.template-cart,.template-page-kontakt) main p,body:is(.template-cart,.template-page-kontakt) main a,.template-collection-shop main .filter-drawer a,.template-collection-shop main a{font-family:"Bricolage Grotesque","Avenir Next","Segoe UI",system-ui,sans-serif}
/* Shop mobil: Kopf, Karten, Breadcrumb */
@media (max-width:480px){.hd .wrap:has(.cartbtn) .wm{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.hd .wrap:has(.cartbtn) .hd-act{margin-left:auto}}
.ms .shop-collection .shop-card__image{aspect-ratio:1/1;min-height:0;height:auto;overflow:hidden}
.ms .shop-collection .shop-card__image img{width:100%;height:100%;object-fit:cover}
.ms .shop-collection [class*=breadcrumb] a{border-bottom:0}
.ms .shop-collection .product-grid__item,.ms .shop-collection .shop-card{min-width:0;max-width:100%;width:100%}.ms .shop-collection .shop-card__colors{flex-wrap:wrap}

/* F4 Landingpages */
.ms .lp-cl{display:grid;gap:12px;min-width:0}
.ms .lp-cl a{display:block;overflow:hidden;background:var(--color-paper-2)}
.ms .lp-cl img{display:block;width:100%;height:100%;object-fit:cover}
.ms .lp-cl-1 a{aspect-ratio:4/5}
.ms .lp-cl-2,.ms .lp-cl-3{grid-template-columns:2fr 1fr}
.ms .lp-cl-2 a:first-child,.ms .lp-cl-3 a:first-child{grid-row:span 2;aspect-ratio:4/5}
.ms .lp-cl-3 a:not(:first-child),.ms .lp-cl-2 a:not(:first-child){min-height:0}
.ms .lp-werke{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:760px){.ms .lp-werke{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}
@media (min-width:1080px){.ms .lp-werke{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ms .lp-in{display:grid;gap:40px;max-width:1100px}
@media (min-width:900px){.ms .lp-in{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:64px;row-gap:56px}}
.ms .lp-b{display:grid;gap:12px;align-content:start;min-width:0;scroll-margin-top:80px}
.ms .lp-b h2,.ms .lp-b p{margin:0}
.ms .lp-b p{line-height:1.55}
.ms .lp-pt{margin:0;padding-left:1.1em;display:grid;gap:.6em;line-height:1.5}
.ms .lp-ln{display:flex;flex-wrap:wrap;gap:8px}
.is-ads .hd nav,.is-ads .hd-act>*:not(.ms-keep),.is-ads .ft-grid,.is-ads .lp-noads,.is-ads #ms-footer [data-ads-weg],.is-ads [id$="__lp_artists"],.is-ads [id$="__lp_voices"],.is-ads [id$="__ms_voices"],.is-ads [id$="__ms_steps"],.is-ads .cu-t.cu-noads{display:none!important}
.is-ads .contact-sticky,.is-ads [class*=hanni]{display:none!important}
/* Hero mobil, Wisch-Hinweis: zwei Kacheln, die dritte ragt 12 % ihrer Breite in den Rand */
.ms .hero2 .ribbon .ft-tile{flex:0 0 calc((100% - 12px)/2.12)}
.ms .rb-w{margin-top:12px}
.ms .rb-l{position:relative;height:1px;background:var(--rule)}
.ms .rb-l i{position:absolute;top:-1px;left:calc(var(--p,0)*(100% - 32px));width:32px;height:3px;background:var(--color-stencil)}
@media (min-width:900px){.ms .rb-w{display:none}}
/* Akzent Mint 07.11.: Kontrast auf grauer Flaeche und auf der Akzent-Kachel */
.ms .state.go .lbl,.ms .state.go .small{opacity:1}
.ms .step.design .no,.ms .step.design .loop i{color:color-mix(in srgb,var(--acc) 85%,var(--fg))}

/* Stimmen-Karten (Auftrag 08.11.): Zitat auf allen Breiten 6 Zeilen mit „…“, „Mehr lesen“ klappt auf; Bild fest 4:5 */
.ms .voice .quote{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden}
.ms .voice .quote.open{display:block;-webkit-line-clamp:unset;overflow:visible}
@media (min-width:761px){.ms .voices.compact .voice:not(.is-lead) .ph{aspect-ratio:4/5;min-height:0;height:auto;align-self:start}
  .ms .voices.compact .voice:not(.is-lead) .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}}
/* Globale Regel Stimmen am Desktop (David 08.11.): volle Reihen zu je 3. 3 bis 5 Stimmen: 3 sichtbar, Rest hinter dem Knopf; 6: alle, kein Knopf; ab 7: 6 sichtbar. Nicht fuer die kompakte Startseiten-Liste. */
@media (min-width:761px){
  .ms .voices[data-more]:not(.compact):not(:has(>.voice:nth-child(6)))>.voice:nth-child(n+4):not(.v-on){display:none}
  .ms .voices[data-more]:not(.compact):has(>.voice:nth-child(4)):not(:has(>.voice:nth-child(6)))+.v-more-row{display:flex;justify-content:center}
  .ms .voices[data-more]:not(.compact):has(>.voice:nth-child(6)):not(:has(>.voice:nth-child(7)))+.v-more-row{display:none}
}

/* Weihnachts-Gutschein 2026, Teil B (David 09.11.2026): Akzent statt Lila */
.ms .ak-tw{overflow-x:auto}
.ms .ak-t{width:100%;border-collapse:collapse;min-width:300px}
.ms .ak-t th,.ms .ak-t td{padding:12px 12px 12px 0;border-bottom:1px solid var(--rule);text-align:left}
.ms .ak-t th{font-size:.875rem;color:var(--fg-2);font-weight:600}
.ms .vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ms .ak-box{display:grid;gap:14px;padding:20px;border:1px solid var(--rule);border-top:3px solid var(--acc)}
.ms .ak-box h2,.ms .ak-box h3,.ms .ak-box p{margin:0}
.ms .ak-werte{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}
.ms .ak-werte dt{font-size:.8125rem;color:var(--fg-2)}
.ms .ak-werte dd{margin:0;font-weight:700;font-size:1.25rem}
.ms .ak-na{margin:0;padding:0;list-style:none;display:grid;gap:4px}
.ms .ak-ban{margin:0;padding:8px 16px;text-align:center;background:var(--color-stencil)}
.ms .ak-ban a{color:#fff;font-weight:600;display:inline-flex;align-items:center;gap:.4em;min-height:28px;text-decoration:none}
.ms .ak-ban a:hover{text-decoration:underline}
.ms .ak-ende{margin:0;padding:12px 16px;border-left:3px solid var(--acc);background:var(--bg-2);font-weight:600}
.ms .ak-hero{display:grid;gap:var(--space-6);align-items:center}
.ms .ak-bild{margin:0;position:relative;overflow:hidden;border-radius:var(--radius-1);width:100%}
.ms .ak-bild img{display:block;width:100%;height:100%;object-fit:cover}
.ms .ak-platz{position:absolute;inset:0;display:grid;place-items:center;background:#F1F0F3;color:#18161D;border:1px solid #D3CFD8}
.ms .ak-platz-wm{display:flex;align-items:center;gap:12px;padding:16px}
.ms .ak-platz-wm .ms-logo{width:34px;height:auto;flex:none}
.ms .ak-platz-wm b{display:block;font-family:var(--font-serif);font-weight:400;letter-spacing:.3em;font-size:1rem}
.ms .ak-platz-wm small{display:block;margin-top:3px;font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:#5A5663}
.ms .seg-amt.ak-kacheln{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.ms .seg-amt.ak-kacheln label{display:grid}
.ms .seg-amt.ak-kacheln .ak-kachel{display:grid;gap:2px;justify-items:start;justify-content:stretch;align-content:start;min-width:0;min-height:0;padding:12px 14px;font-weight:400;text-align:left}
.ms .ak-kachel small{font-size:.8125rem;line-height:1.35}
.ms .ak-kachel b{font-size:1.375rem;line-height:1.15;font-weight:700}
@media (min-width:900px){.ms .ak-hero{grid-template-columns:1fr 1fr}}
@media (min-width:1200px){.ms .seg-amt.ak-kacheln{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ms .sec.ak-teil{padding-top:var(--space-8)}
/* Design aus Claude Design (David 09.11.2026): Zweig und Bonus-Zeile auf der Karte, Hero-Bild Aktionsseite */
.ms .gc2-zweig{position:absolute;top:0;right:0;width:24%;height:auto;color:var(--ink);opacity:.9;pointer-events:none}
.ms .gc2--aktion .gc2-tag{margin-right:20%}
.ms .gc2-bonus{display:block;margin-top:clamp(4px,1.6cqi,10px);font-family:var(--font-serif);font-size:clamp(.62rem,3.4cqi,.98rem);line-height:1.25;color:var(--ink)}
.ms .gc2-bonus b{color:var(--violet);font-family:var(--font-sans,inherit);font-weight:500;margin-right:.2em}
.ms .gc2-bonus small{display:block;margin-top:2px;font-size:clamp(.5rem,2cqi,.66rem);color:var(--muted)}
.ms .ak-bonuszeile{margin:12px 0 0;font-family:var(--font-serif);font-size:1.0625rem}
.ms .ak-bonuszeile b{color:var(--acc);font-weight:500;margin-right:.25em}
.ms .ak-hero-bild,.ms .ak-hero-bild img{display:block;width:100%;height:auto}
.ms .ak-hero-bild img{border-radius:var(--radius-1)}
/* Shop-Übersicht Weihnachts-Gutschein (David 09.11.2026) */
.ms .ak-shopban{padding:var(--space-7) 0}
.ms .ak-shopban__in{display:grid;gap:var(--space-6);align-items:center}
.ms .ak-shopban__tx{display:grid;gap:var(--space-4);justify-items:start}
.ms .ak-shopban__tx h2,.ms .ak-shopban__tx p{margin:0}
.ms .ak-shopban__cta{display:flex;flex-wrap:wrap;gap:var(--space-5);align-items:center}
.ms .ak-shopban__bild,.ms .ak-shopban__bild img{display:block;width:100%;height:auto}
.ms .ak-shopban__bild img{border-radius:var(--radius-1)}
.ms .shop-card__badge--aktion{background:var(--color-stencil);color:#fff;box-shadow:none}
.ms .category-nav__item--aktion{border-color:var(--color-stencil)}
@media (min-width:900px){.ms .ak-shopban__in{grid-template-columns:5fr 7fr}}

.ms{font-size:16px;line-height:1.5;font-weight:400;color:inherit;font-family:var(--font-sans)}
.ms .paper{--bg:var(--color-paper);--bg-2:var(--color-paper-2);--fg:var(--color-ink);--fg-2:var(--color-ink-2);--rule:var(--color-rule-paper);--rule-2:var(--color-line-paper);--acc:var(--color-stencil);--on-acc:var(--color-on-stencil);--err:var(--color-error);--img-bg:#E1DED9;color-scheme:light}
.ms .stage{--bg:var(--color-stage);--bg-2:var(--color-stage-2);--fg:var(--color-chalk);--fg-2:var(--color-chalk-2);--rule:var(--color-rule-stage);--rule-2:var(--color-line-stage);--acc:var(--color-stencil-on-stage);--on-acc:var(--color-on-stencil-stage);--err:var(--color-error-on-stage);--img-bg:#231d1b;color-scheme:dark}
.ms .paper,.ms .stage{background:var(--bg);color:var(--fg)}
.ms h1,.ms h2,.ms h3,.ms h4,.ms h5,.ms h6,.ms p,.ms li,.ms label,.ms input,.ms select,.ms textarea{font-family:inherit;color:inherit;letter-spacing:inherit}
.ms h1,.ms h2,.ms h3,.ms h4,.ms h5,.ms h6{line-height:inherit;font-weight:inherit;font-size:inherit;margin:0}
.ms p{font-size:inherit;font-weight:inherit;line-height:inherit}
.ms a{color:inherit}
.ms button{font:inherit;color:inherit}
.ms img{display:block;max-width:100%;height:auto}
.ms ul,.ms ol{letter-spacing:inherit}
.ms .sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Prototyp-Overlays hingen am Bildschirm-Rahmen, im Theme am Viewport */
.ms .mnav,.ms .drawer,.ms .panel,.ms .modal,.ms .mcta,.ms .toast{position:fixed}
.ms .mnav[hidden],.ms .drawer[hidden],.ms .modal[hidden],.ms .panel[hidden]{display:none}
.section-header{position:sticky;top:0;z-index:30}
.ms .hd{position:relative}
.ms .hd.stage{background:var(--bg)}
.ms .cartbtn{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;text-decoration:none}
.ms .cartbtn svg{width:22px;height:22px}
.ms .cartbtn .n{position:absolute;top:2px;right:0;min-width:1.4em;height:1.4em;padding:0 .2em;border-radius:99px;background:var(--acc);color:var(--on-acc);display:grid;place-items:center;font-size:.6875rem;font-weight:700}
.ms .nl{display:flex;gap:var(--space-2);flex-wrap:wrap}
.ms .nl .inp{flex:1 1 120px;min-width:0;width:auto}
/* E6: Daumen-Leiste. Button verdeckt nur im Modus button, im Modus chatbot sitzt die Leiste nicht ueber dem Widget */
.ms .mcta{transition:transform var(--duration-l) var(--ease-needle)}
@media (max-width:1079px){
  body.ms-widget-button.ms-has-thumb .contact-sticky{display:none !important}
  body.ms-has-thumb{padding-bottom:76px}
}
body.ms-widget-chatbot .ms .mcta{display:none}
body:not(.ms-has-thumb) .ms .mcta{display:none}
body.ms-board-open,body.ms-menu-open{overflow:hidden}
@media (prefers-reduced-motion:reduce){.ms *,.ms *::before,.ms *::after{animation-duration:.01ms !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}
/* Altbestand zieht die erste Section nach oben; gilt nicht fuer neue ms-Sections */
#MainContent>.shopify-section:first-child:has(.ms){margin-top:0 !important}
/* Bestands-Facetten mobil: Kontrast (axe) */
.mobile-facets__open-label{color:#F2EEEA !important}
.mobile-facets__open svg{color:#F2EEEA}
/* Name des Ideenbrett-Knopfs bleibt mobil lesbar fuer Screenreader */
@media (max-width:1079px){.ms .boardbtn .t{display:inline;position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}}