:root{
  --canvas:#14100c;
  --panel:#1e1712;
  --panel-2:#241c16;
  --accent:#c19a5b;
  --accent-hover:#d9b578;
  --accent-muted:rgba(193,154,91,.35);
  --blush:#b98f9b;
  --text-primary:#f4ebdd;
  --text-secondary:#b6a992;
  --border:rgba(244,235,221,.12);
  --border-strong:rgba(244,235,221,.24);
  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-soft:cubic-bezier(.4,0,.2,1);
  --tshadow:0 1px 2px rgba(5,4,3,.95),0 3px 12px rgba(5,4,3,.78),0 10px 44px rgba(5,4,3,.8);
  color-scheme: dark;
}
*{box-sizing:border-box}
html,body{overflow-x:hidden;overflow-x:clip}
body{
  margin:0;background:var(--canvas);color:var(--text-primary);
  font-family:'Jost',system-ui,sans-serif;font-weight:300;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
h1,h2,h3{font-family:'Italiana',serif;font-weight:400;margin:0;letter-spacing:.01em}
p{margin:0;line-height:1.6}
a{color:inherit}
.kicker{font-family:'Space Mono',monospace;font-weight:700;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--panel);color:var(--text-primary);padding:12px 20px;z-index:1000;border-radius:0 0 8px 0}
.skip-link:focus{left:0}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.wrap{max-width:1180px;margin:0 auto;padding-inline:24px}
@media(min-width:900px){.wrap{padding-inline:48px}}

/* nav */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:18px 24px;transition:background .4s var(--ease-soft),padding .4s var(--ease-soft),border-color .4s var(--ease-soft);border-bottom:1px solid transparent}
.nav.solid{background:rgba(20,16,12,.88);backdrop-filter:blur(10px);padding:12px 24px;border-color:var(--border)}
.nav-logo img{height:26px;width:auto}
.nav-links{display:none;gap:32px;list-style:none;margin:0;padding:0;font-size:.92rem;letter-spacing:.02em}
.nav-links a{text-decoration:none;opacity:.86;transition:opacity .25s}
.nav-links a:hover,.nav-links a.active{opacity:1}
@media(min-width:860px){.nav-links{display:flex}}
.nav-right{display:flex;align-items:center;gap:20px}
.nav-quick{display:none;align-items:center;gap:8px}
@media(min-width:860px){.nav-quick{display:flex}}
.nav-icon-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--border-strong);display:flex;align-items:center;justify-content:center;color:var(--text-primary);transition:border-color .2s,color .2s;flex:none}
.nav-icon-btn svg{width:17px;height:17px}
.nav-icon-btn:hover{border-color:var(--accent);color:var(--accent)}
.nav-icon-btn.whatsapp:hover{border-color:#7bc47f;color:#7bc47f}
.nav-cta{font-family:'Space Mono',monospace;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;background:var(--accent);color:#1a140d;padding:10px 20px;border-radius:2px;text-decoration:none;border:none;cursor:pointer;transition:background .25s,transform .25s;display:inline-flex;align-items:center;min-height:38px}
@media(pointer:coarse){.nav-cta{min-height:44px}}
.nav-cta:hover{background:var(--accent-hover);transform:translateY(-1px)}

/* live open/closed status (desktop nav) */
.status-pill{display:none;align-items:center;gap:8px;font-family:'Space Mono',monospace;font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);opacity:0;transition:opacity .3s}
.status-pill.ready{opacity:1}
.status-pill .dot{width:7px;height:7px;border-radius:50%;background:var(--text-secondary);flex:none}
.status-pill.open .dot{background:#7bc47f;box-shadow:0 0 0 3px rgba(123,196,127,.18)}
.status-pill.closed .dot{background:#c98080}
@media(min-width:860px){.status-pill{display:inline-flex}}

/* quick booking bar (mobile only) */
.quickbar{position:fixed;left:0;right:0;bottom:0;z-index:90;display:flex;background:rgba(20,16,12,.95);backdrop-filter:blur(10px);border-top:1px solid var(--border);padding:6px max(6px,env(safe-area-inset-left)) calc(6px + env(safe-area-inset-bottom))}
@media(min-width:860px){.quickbar{display:none}}
.quickbar-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 4px;text-decoration:none;color:var(--text-secondary);font-family:'Space Mono',monospace;font-size:.6rem;letter-spacing:.03em;text-transform:uppercase;border-radius:2px;transition:color .2s,background .2s}
.quickbar-item svg{width:19px;height:19px}
.quickbar-item:active{background:var(--panel-2)}
.quickbar-cta{color:var(--accent)}
.quickbar-whatsapp{color:#7bc47f}
@media(max-width:859px){body{padding-bottom:64px}}
.nav-burger{display:flex;background:none;border:1px solid var(--border-strong);color:var(--text-primary);width:42px;height:42px;border-radius:2px;align-items:center;justify-content:center;cursor:pointer}
@media(pointer:coarse){.nav-burger{width:44px;height:44px}}
@media(min-width:860px){.nav-burger{display:none}}
.mobile-menu{position:fixed;inset:0;background:var(--canvas);z-index:99;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;transform:translateY(-100%);transition:transform .5s var(--ease);}
.mobile-menu.open{transform:translateY(0)}
.mobile-menu a{font-family:'Italiana',serif;font-size:1.6rem;text-decoration:none}

.btn{font-family:'Space Mono',monospace;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;padding:15px 30px;border-radius:2px;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:background .25s,transform .25s,border-color .25s;text-shadow:none}
.btn-solid{background:var(--accent);color:#1a140d}
.btn-solid:hover{background:var(--accent-hover);transform:translateY(-1px)}
.btn-ghost{border-color:var(--border-strong);color:var(--text-primary)}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}
@media(pointer:coarse){.btn{min-height:44px}}

/* page head (non-home pages) */
.page-head{padding-block:168px 30px}
.page-head h1{font-size:clamp(2.1rem,5vw,3.2rem);margin-top:14px}
.page-head p{margin-top:16px;color:var(--text-secondary);font-size:1.08rem;max-width:56ch}

/* sections */
section{position:relative;padding:min(14vh,120px) 0}
.section-head{max-width:640px;margin-bottom:56px}
.section-head h2{font-size:clamp(1.8rem,4vw,2.7rem);margin-top:14px}
.section-head p{margin-top:16px;color:var(--text-secondary);font-size:1.05rem;max-width:48ch}

.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease-soft),transform .8s var(--ease-soft)}
.reveal.in{opacity:1;transform:translateY(0)}
.stagger .reveal:nth-child(1){transition-delay:0s}
.stagger .reveal:nth-child(2){transition-delay:.09s}
.stagger .reveal:nth-child(3){transition-delay:.18s}
.stagger .reveal:nth-child(4){transition-delay:.27s}
.stagger.done .reveal{transition-delay:0s!important}

/* wipe reveals: images sweep open, dividers draw themselves.
   Triggered from an UNCLIPPED ancestor (.wipe-trigger): a fully clip-path'd
   element has zero intersection area, so it can never cross its own
   IntersectionObserver threshold and would never receive .in itself. */
.wipe-h{clip-path:inset(0 100% 0 0);transition:clip-path 1.15s var(--ease-soft)}
.wipe-trigger.in .wipe-h{clip-path:inset(0 0 0 0)}
.wipe-h-r{clip-path:inset(0 0 0 100%);transition:clip-path 1.15s var(--ease-soft)}
.wipe-trigger.in .wipe-h-r{clip-path:inset(0 0 0 0)}
.wipe-v{clip-path:inset(100% 0 0 0);transition:clip-path 1.05s var(--ease-soft)}
.wipe-trigger.in .wipe-v{clip-path:inset(0 0 0 0)}
.wipe-v-r{clip-path:inset(0 0 100% 0);transition:clip-path 1.05s var(--ease-soft)}
.wipe-trigger.in .wipe-v-r{clip-path:inset(0 0 0 0)}

.divider{max-width:1180px;margin:0 auto;padding:0 24px}
@media(min-width:900px){.divider{padding:0 48px}}
.divider svg{width:100%;height:2px;display:block;overflow:visible}
.divider line{stroke:var(--border-strong);stroke-width:1;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.3s var(--ease-soft)}
.divider.in line{stroke-dashoffset:0}

.trust-item svg path{stroke-dasharray:22;stroke-dashoffset:22;transition:stroke-dashoffset .6s var(--ease-soft) .2s}
.trust-item.in svg path{stroke-dashoffset:0}

.section-watermark{position:absolute;pointer-events:none;opacity:.05;color:var(--accent);z-index:0}

/* ritual: blooming flower behind the hold button, driven by --hp on #ritual */
.bloom-flower{position:absolute;top:50%;left:50%;width:min(82vw,680px);height:min(82vw,680px);transform:translate(-50%,-50%);pointer-events:none;z-index:0;overflow:visible}
.bloom-flower .petal ellipse{transform-box:fill-box;transform-origin:center;transform:scale(calc(.12 + var(--hp,0) * .88));opacity:calc(var(--hp,0) * .85);fill:var(--blush);transition:transform .06s linear,opacity .06s linear}
.bloom-flower .petal-center{transform-box:fill-box;transform-origin:center;transform:scale(calc(.25 + var(--hp,0) * .75));opacity:var(--hp,0);fill:var(--accent);transition:transform .06s linear,opacity .06s linear}
#ritual.bloomed .bloom-flower .petal-center{animation:softGlow 3.2s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.bloom-flower .petal ellipse,.bloom-flower .petal-center{transition:none}}

/* studio collage */
.studio-collage{display:grid;gap:44px;margin-top:10px}
@media(min-width:860px){.studio-collage{grid-template-columns:1fr 1fr;gap:36px}}
.studio-label{display:block;margin-bottom:14px}
.collage-grid{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:1fr 1fr;gap:8px;height:340px}
@media(min-width:500px){.collage-grid{height:400px}}
.collage-big{grid-row:1/3;position:relative;overflow:hidden;border:1px solid var(--border)}
.collage-small{position:relative;overflow:hidden;border:1px solid var(--border)}
.collage-grid img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}

/* leistungen */
.cards{display:grid;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:2px;overflow:hidden}
@media(min-width:640px){.cards{grid-template-columns:1fr 1fr}}
@media(min-width:1020px){.cards{grid-template-columns:repeat(4,1fr)}}
.card{background:var(--panel);padding:34px 26px;position:relative}
.card h3{font-size:1.3rem;margin-bottom:12px}
.card p{color:var(--text-secondary);font-size:.94rem}
.card .num{font-family:'Space Mono',monospace;color:var(--accent-muted);font-size:.78rem;display:block;margin-bottom:18px}


/* feature image sections */
.feature{display:grid;gap:0;border:1px solid var(--border)}
@media(min-width:900px){.feature{grid-template-columns:1.1fr 1fr}}
.feature.reverse{direction:rtl}
.feature.reverse>*{direction:ltr}
.feature-media{position:relative;min-height:340px;overflow:hidden}
.feature-media img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.feature-copy{padding:48px 40px;background:var(--panel);display:flex;flex-direction:column;justify-content:center}
.feature-copy h2{font-size:clamp(1.7rem,3.4vw,2.3rem);margin-top:14px}
.feature-copy p{margin-top:18px;color:var(--text-secondary)}

/* craft duo */
.duo{display:grid;gap:20px}
@media(min-width:720px){.duo{grid-template-columns:1.3fr 1fr;gap:20px}}
.duo img{width:100%;height:100%;object-fit:cover;border:1px solid var(--border)}
.duo .tall{aspect-ratio:4/5}
.duo .short{aspect-ratio:4/5}

/* ritual interactive */
.ritual{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center}
.hold-btn{position:relative;width:132px;height:132px;border-radius:50%;background:var(--panel);border:1px solid var(--border-strong);cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;touch-action:none;margin-top:30px}
.hold-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.hold-ring circle{fill:none;stroke-width:2.4}
.hold-ring .bg{stroke:var(--border)}
.hold-ring .fg{stroke:var(--accent);stroke-dasharray:276.5;stroke-dashoffset:calc(276.5 * (1 - var(--hp,0)))}
.hold-icon{font-size:2.1rem;color:var(--accent);transform:scale(calc(1 + var(--hp,0)*.14));transition:none}
.hold-hint{margin-top:22px;color:var(--text-secondary);font-size:.92rem;font-family:'Space Mono',monospace;letter-spacing:.03em}
.hold-reveal{margin-top:22px;font-family:'Italiana',serif;font-size:1.5rem;color:var(--text-primary);opacity:0;transform:translateY(10px);transition:opacity .7s var(--ease-soft),transform .7s var(--ease-soft)}
.hold-reveal.show{opacity:1;transform:translateY(0)}

/* trust strip */
.trust{display:grid;gap:1px;background:var(--border);border:1px solid var(--border)}
@media(min-width:760px){.trust{grid-template-columns:repeat(4,1fr)}}
.trust-item{background:var(--panel);padding:28px 22px;font-size:.98rem;display:flex;gap:14px;align-items:flex-start}
.trust-item svg{flex:none;width:20px;height:20px;color:var(--accent);margin-top:3px}

/* bewertungen */
.rating-badge{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:44px}
.rating-badge .stars{color:var(--accent);font-size:1.3rem;letter-spacing:.06em}
.rating-badge .rating-num{font-family:'Italiana',serif;font-size:1.8rem;color:var(--text-primary)}
.rating-badge .rating-count{color:var(--text-secondary);font-size:.94rem}
.reviews-grid{display:grid;gap:1px;background:var(--border);border:1px solid var(--border)}
@media(min-width:760px){.reviews-grid{grid-template-columns:repeat(3,1fr)}}
.review-card{background:var(--panel);padding:28px 26px;display:flex;flex-direction:column;gap:14px}
.review-card .stars{color:var(--accent);font-size:.95rem;letter-spacing:.06em}
.review-card p{color:var(--text-secondary);font-size:.94rem;font-style:italic;flex:1}
.review-card .reviewer{font-family:'Space Mono',monospace;font-size:.76rem;color:var(--text-primary);letter-spacing:.04em}

/* standorte */
.locations{display:grid;gap:24px}
@media(min-width:760px){.locations{grid-template-columns:1fr 1fr}}
.location-card{border:1px solid var(--border);background:var(--panel);padding:36px}
.location-card h3{font-size:1.4rem;margin-bottom:6px}
.location-card .tag{color:var(--accent);font-family:'Space Mono',monospace;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}
.location-card address{font-style:normal;margin-top:18px;color:var(--text-secondary);line-height:1.8}
.location-card a{color:var(--text-primary);text-decoration:none;border-bottom:1px solid var(--border-strong)}
.location-card a:hover{border-color:var(--accent);color:var(--accent)}
.hours{margin-top:20px;border-top:1px solid var(--border);padding-top:18px;font-size:.9rem;color:var(--text-secondary)}
.hours div{display:flex;justify-content:space-between;padding:3px 0}
.map-embed{margin-top:24px;border:1px solid var(--border);border-radius:2px;overflow:hidden;filter:grayscale(.25) contrast(1.05)}
.map-embed iframe{display:block;width:100%;height:280px;border:0}

/* faq */
.faq-item{border-top:1px solid var(--border)}
.faq-item:last-child{border-bottom:1px solid var(--border)}
.faq-q{width:100%;text-align:left;background:none;border:none;color:var(--text-primary);padding:22px 4px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-family:'Jost',sans-serif;font-size:1.05rem}
.faq-q .plus{font-family:'Space Mono',monospace;color:var(--accent);transition:transform .3s var(--ease-soft);flex:none;margin-left:20px}
.faq-item.open .plus{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s var(--ease-soft)}
.faq-a p{padding:0 4px 22px;color:var(--text-secondary);max-width:60ch}

/* kontakt: call-to-call cards */
.call-cards{display:grid;gap:28px;margin-top:8px}
@media(min-width:700px){.call-cards{grid-template-columns:1fr 1fr}}
.call-card{background:var(--panel);border:1px solid var(--border);padding:48px 30px 36px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}
.call-card .tag{font-family:'Space Mono',monospace;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-secondary)}
.call-button{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;text-decoration:none;color:var(--text-primary)}
.call-icon-wrap{position:relative;width:92px;height:92px;display:flex;align-items:center;justify-content:center}
.call-icon-circle{position:absolute;inset:0;border-radius:50%;background:var(--accent);z-index:1;transition:background .25s,transform .25s}
.call-button:hover .call-icon-circle,.call-button:focus-visible .call-icon-circle{background:var(--accent-hover);transform:scale(1.06)}
.call-icon-wrap svg{position:relative;z-index:2;width:32px;height:32px;color:#1a140d}
.call-icon-wrap svg.blossom{position:absolute;z-index:3;width:30px;height:30px;pointer-events:none;transform-origin:center;animation:blossomBloom 3.6s ease-in-out infinite}
.call-icon-wrap svg.blossom .bp{fill:#e8b6c5}
.call-icon-wrap svg.blossom .bc{fill:var(--accent)}
.blossom-1{top:-20px;left:-14px;animation-delay:0s}
.blossom-2{top:4px;right:-28px;animation-delay:1.2s}
.blossom-3{bottom:-18px;left:-6px;animation-delay:2.4s}
@keyframes blossomBloom{
  0%{transform:scale(.15) rotate(-14deg) translateY(0);opacity:0}
  30%{transform:scale(1) rotate(0deg) translateY(-3px);opacity:1}
  65%{transform:scale(1) rotate(5deg) translateY(-6px);opacity:1}
  100%{transform:scale(.25) rotate(12deg) translateY(-13px);opacity:0}
}
.call-number{font-family:'Italiana',serif;font-size:1.75rem;letter-spacing:.01em}
.call-label{font-family:'Space Mono',monospace;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-top:-6px}
.call-alt{margin-top:4px;font-family:'Space Mono',monospace;font-size:.72rem;letter-spacing:.04em;color:var(--text-secondary);text-decoration:none;border-bottom:1px solid var(--border-strong)}
.call-alt:hover{color:#7bc47f;border-color:#7bc47f}
@media(prefers-reduced-motion:reduce){.call-icon-wrap svg.blossom{animation:none;display:none}}

/* standorte: card link + galleries */
.location-card a.card-link{display:inline-flex;align-items:center;gap:10px;margin-top:22px;font-family:'Space Mono',monospace;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);border-bottom:1px solid var(--accent-muted);padding-bottom:3px}
.location-card a.card-link:hover{color:var(--accent-hover);border-color:var(--accent-hover)}
.location-card a.card-link span{transition:transform .3s var(--ease)}
.location-card a.card-link:hover span{transform:translateY(3px)}

.gal-block{overflow:hidden;scroll-margin-top:60px}
.gal-block>.wrap{position:relative}
.gal-block .section-watermark{width:560px;height:560px;top:50%;left:50%;margin:-280px 0 0 -280px;animation:slowSpin 160s linear infinite}
@keyframes slowSpin{to{transform:rotate(360deg)}}
.gal-head{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 32px;margin-bottom:34px}
.gal-head h2{font-size:clamp(1.8rem,4vw,2.7rem);margin-top:12px}
.gal-head p{color:var(--text-secondary);font-size:.95rem;margin-top:10px}
.gal-count{font-family:'Space Mono',monospace;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary);padding-bottom:6px}
.gal-petals{position:absolute;left:0;right:0;top:-30px;height:300px;pointer-events:none;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 40%,transparent);mask-image:linear-gradient(180deg,#000 40%,transparent)}
.gal-petals i{position:absolute;top:0;width:9px;height:13px;background:#e8b6c5;border-radius:100% 0 100% 0;opacity:0;animation:petalFall 9s ease-in-out infinite}
.gal-petals i:nth-child(1){left:8%;animation-delay:0s}
.gal-petals i:nth-child(2){left:24%;animation-delay:2.4s;animation-duration:11s;width:7px;height:10px}
.gal-petals i:nth-child(3){left:47%;animation-delay:4.8s}
.gal-petals i:nth-child(4){left:63%;animation-delay:1.2s;animation-duration:10s;width:8px;height:11px}
.gal-petals i:nth-child(5){left:79%;animation-delay:6.2s}
.gal-petals i:nth-child(6){left:92%;animation-delay:3.4s;animation-duration:12s;width:7px;height:10px}
@keyframes petalFall{0%{transform:translate3d(0,-20px,0) rotate(0);opacity:0}12%{opacity:.75}55%{transform:translate3d(38px,150px,0) rotate(170deg)}100%{transform:translate3d(-14px,300px,0) rotate(340deg);opacity:0}}

.gallery{position:relative;z-index:1}
.gallery.collage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:start}
.g-col{display:flex;flex-direction:column;gap:10px}
.g-col.mid{margin-top:56px}
@media(max-width:860px){
  .gallery.collage{display:block;column-count:2;column-gap:8px}
  .g-col{display:contents}
  .gallery.collage .g-item{break-inside:avoid;margin-bottom:8px}
}
.gallery.flow{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.gallery.flow .g-item{aspect-ratio:4/5}
@media(max-width:560px){.gallery.flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
.g-item{position:relative;margin:0;aspect-ratio:var(--ar);overflow:hidden;border:1px solid transparent;transition:border-color .6s var(--ease-soft) .3s}
.g-item.in{border-color:var(--border)}
.g-btn{all:unset;box-sizing:border-box;display:block;position:absolute;inset:0;cursor:zoom-in}
.g-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}
.g-media{position:absolute;inset:0;transform:scale(1);clip-path:inset(0 0 100% 0);transition:transform 1.2s var(--ease),clip-path 1.15s var(--ease-soft) var(--d,0s)}
.g-item.in .g-media{clip-path:inset(0 0 0 0)}
.g-item:hover .g-media,.g-btn:focus-visible .g-media{transform:scale(1.07)}
.g-media img{position:absolute;left:0;top:-7%;width:100%;height:114%;object-fit:cover;transform:translate3d(0,var(--py,0px),0);will-change:transform}
.g-item::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(20,16,12,0) 48%,rgba(20,16,12,.8) 100%);opacity:0;transition:opacity .5s var(--ease-soft)}
.g-item::before{content:"";position:absolute;inset:10px;z-index:2;pointer-events:none;border:1px solid rgba(232,182,197,0);transition:border-color .5s var(--ease-soft),inset .5s var(--ease)}
.g-item:hover::after,.g-item:focus-within::after{opacity:1}
.g-item:hover::before,.g-item:focus-within::before{border-color:rgba(232,182,197,.55);inset:14px}
.g-cap{position:absolute;left:22px;right:64px;bottom:20px;z-index:3;font-family:'Italiana',serif;font-size:1.25rem;line-height:1.2;text-shadow:var(--tshadow);opacity:0;transform:translateY(14px);transition:opacity .5s var(--ease-soft),transform .6s var(--ease);pointer-events:none}
.g-plus{position:absolute;right:18px;bottom:17px;z-index:3;width:34px;height:34px;border-radius:50%;border:1px solid var(--border-strong);background:rgba(20,16,12,.45);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.6) rotate(-90deg);transition:opacity .4s var(--ease-soft),transform .6s var(--ease);pointer-events:none}
.g-plus svg{width:14px;height:14px}
.g-item:hover .g-cap,.g-item:focus-within .g-cap{opacity:1;transform:none}
.g-item:hover .g-plus,.g-item:focus-within .g-plus{opacity:1;transform:none}
@media(hover:none){
  .g-item::after{opacity:.9}
  .g-cap{opacity:1;transform:none;font-size:.98rem;left:12px;right:46px;bottom:10px}
  .g-plus{opacity:1;transform:none;right:8px;bottom:8px;width:28px;height:28px}
}

.gallery.hero{margin-bottom:10px}
.gallery.hero .g-item::after{opacity:1;background:linear-gradient(180deg,rgba(20,16,12,0) 40%,rgba(20,16,12,.82) 100%)}
.gallery.hero .g-cap{opacity:1;transform:none;font-size:clamp(1.5rem,3.4vw,2.4rem);left:clamp(20px,3vw,40px);bottom:clamp(20px,3vw,36px)}
.gallery.hero .g-plus{opacity:1;transform:none;right:clamp(16px,2.6vw,32px);bottom:clamp(18px,2.8vw,34px)}

/* galerie.html: image only, no caption/icon overlay */
.gallery.flow .g-cap,.gallery.flow .g-plus{display:none}
.gallery.flow .g-item::after{display:none}
@media(max-width:640px){.gallery.hero .g-item{--ar:1.3!important}}

.lb{position:fixed;inset:0;z-index:300;background:rgba(10,8,6,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .35s var(--ease-soft),visibility 0s .35s}
.lb.open{opacity:1;visibility:visible;transition:opacity .35s var(--ease-soft)}
.lb-stage{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:min(92vw,1400px);padding:0 4px}
.lb-img{max-width:100%;max-height:76vh;object-fit:contain;border:1px solid var(--border);opacity:0;transform:scale(.96);transition:opacity .45s var(--ease-soft),transform .6s var(--ease)}
.lb-img.show{opacity:1;transform:none}
.lb-cap{font-family:'Italiana',serif;font-size:1.35rem;text-align:center;min-height:1.6em}
.lb-count{position:absolute;top:26px;left:26px;font-family:'Space Mono',monospace;font-size:.74rem;letter-spacing:.14em;color:var(--text-secondary)}
.lb-btn{position:absolute;width:48px;height:48px;border-radius:50%;border:1px solid var(--border-strong);background:rgba(20,16,12,.6);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .25s,color .25s,background .25s}
.lb-btn[hidden]{display:none}
.lb-btn:hover{border-color:var(--accent);color:var(--accent)}
.lb-btn svg{width:18px;height:18px}
.lb-close{top:18px;right:18px}
.lb-prev{left:18px;top:50%;margin-top:-24px}
.lb-next{right:18px;top:50%;margin-top:-24px}
@media(max-width:640px){.lb-prev{top:auto;bottom:22px;left:22px;margin:0}.lb-next{top:auto;bottom:22px;right:22px;margin:0}.lb-img{max-height:70vh}}
body.lb-lock{overflow:hidden}

@media(prefers-reduced-motion:reduce){
  .g-media{clip-path:none!important}
  .g-item,.g-media,.g-cap,.g-plus,.lb-img{transition:none}
  .g-media img{transform:none!important}
  .gal-petals{display:none}
}

/* geschichte: before/after tale */
.tale{overflow:hidden}
.tale-mark{position:absolute;right:-1%;top:4%;font-family:'Noto Serif JP','Hiragino Mincho ProN','Yu Mincho',serif;font-size:clamp(9rem,25vw,21rem);line-height:1;color:var(--accent);opacity:.05;pointer-events:none;user-select:none;letter-spacing:-.04em}
.tale-grid{position:relative;z-index:1;display:flex;flex-direction:column;gap:30px}
.tale-copy{display:contents}
.tale-head{order:1}
.tale-studios{order:2}
.tale-stage{order:3}
.tale-rooms{order:4}
.tale-story{order:5}
@media(min-width:960px){
  .tale-grid{display:grid;grid-template-columns:minmax(300px,.72fr) 1.5fr;column-gap:64px;row-gap:0;align-items:center}
  .tale-copy{display:block}
  .tale-stage{order:0}
}
.tale-head h2{font-size:clamp(1.9rem,3.6vw,2.8rem);margin:14px 0 18px}
@media(min-width:960px){.tale-head{margin-bottom:34px}.tale-studios{margin-bottom:6px}.tale-rooms{margin-bottom:26px}}
.tale-studios{display:flex;gap:28px;border-bottom:1px solid var(--border)}
.tale-studio{position:relative;background:none;border:0;padding:0 0 13px;font-family:'Italiana',serif;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;transition:color .3s}
.tale-studio:hover{color:var(--text-primary)}
.tale-studio.on{color:var(--text-primary)}
.tale-studio::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease)}
.tale-studio.on::after{transform:scaleX(1)}
.tale-rooms{list-style:none;margin:0;padding:0}
.tale-room{display:flex;align-items:baseline;gap:16px;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--border);padding:15px 0;font-family:'Jost',sans-serif;font-weight:300;font-size:1.02rem;color:var(--text-secondary);cursor:pointer;transition:color .3s,padding-left .4s var(--ease)}
.tale-room .n{font-family:'Space Mono',monospace;font-size:.72rem;letter-spacing:.06em;color:var(--accent-muted);transition:color .3s}
.tale-room:hover{color:var(--text-primary)}
.tale-room.on{color:var(--text-primary);padding-left:10px}
.tale-room.on .n{color:var(--accent)}
.tale-story{font-family:'Italiana',serif;font-size:1.32rem;line-height:1.5;color:var(--text-primary);min-height:6.2em;transition:opacity .3s var(--ease-soft)}
.tale-story{margin-top:26px}
.tale-story.swap{opacity:0}
.tale-media{position:relative;isolation:isolate}
.tale-media::before{content:"";position:absolute;inset:16px -16px -16px 16px;border:1px solid var(--accent-muted);z-index:-1;pointer-events:none}
@media(max-width:640px){.tale-media::before{inset:10px -8px -10px 10px}}
.ba-frame{--pos:50%;position:relative;width:100%;aspect-ratio:4/3;max-height:80vh;overflow:hidden;background:var(--panel);border:1px solid var(--border);touch-action:pan-y;cursor:ew-resize;user-select:none;-webkit-user-select:none;transition:opacity .3s var(--ease-soft)}
.ba-frame.swap{opacity:0}
.ba-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}
.ba-before{clip-path:inset(0 calc(100% - var(--pos)) 0 0);filter:saturate(.7) brightness(.94)}
.ba-line{position:absolute;top:0;bottom:0;left:var(--pos);width:1.5px;margin-left:-.75px;background:linear-gradient(180deg,transparent,var(--accent) 12%,var(--accent) 88%,transparent);box-shadow:0 0 20px rgba(193,154,91,.55);pointer-events:none}
.ba-knob{position:absolute;top:50%;left:var(--pos);width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent);background:rgba(20,16,12,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1.5px solid var(--accent);box-shadow:0 0 0 6px rgba(193,154,91,.12),0 10px 30px rgba(0,0,0,.45);touch-action:none;cursor:grab;transition:transform .3s var(--ease),box-shadow .3s,background .3s}
.ba-knob svg{width:22px;height:22px}
.ba-knob:focus-visible{outline:2px solid var(--text-primary);outline-offset:4px}
.ba-frame.drag .ba-knob{transform:scale(1.1);background:rgba(20,16,12,.8);box-shadow:0 0 0 10px rgba(193,154,91,.16),0 10px 30px rgba(0,0,0,.5);cursor:grabbing}
.ba-tag{position:absolute;top:16px;padding:7px 12px;font-family:'Space Mono',monospace;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-primary);background:rgba(20,16,12,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border-strong);pointer-events:none;transition:opacity .3s}
.ba-tag.b{left:16px}
.ba-tag.a{right:16px}
.ba-frame.hide-b .ba-tag.b,.ba-frame.hide-a .ba-tag.a{opacity:0}
.ba-hint{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);padding:8px 16px;font-family:'Space Mono',monospace;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:var(--text-primary);background:rgba(20,16,12,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border-strong);border-radius:99px;pointer-events:none;transition:opacity .5s}
.ba-frame.touched .ba-hint{opacity:0}
.tale-foot{display:flex;align-items:center;justify-content:space-between;margin-top:34px}
.tale-count{font-family:'Space Mono',monospace;font-size:.76rem;letter-spacing:.14em;color:var(--text-secondary)}
.tale-count b{color:var(--accent);font-weight:700}
.tale-arrows{display:flex;gap:10px}
.tale-btn{width:46px;height:46px;border-radius:50%;border:1px solid var(--border-strong);background:none;color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .25s,color .25s}
.tale-btn:hover{border-color:var(--accent);color:var(--accent)}
.tale-btn svg{width:18px;height:18px}
@media(prefers-reduced-motion:reduce){.ba-frame,.tale-story,.ba-hint{transition:none}}

/* leistungen: columns + price dialog */
.svc-grid{display:grid;grid-template-columns:1fr;gap:34px 24px}
@media(min-width:641px){.svc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 32px}}
@media(min-width:960px){.svc-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:64px 30px}}
.svc-card{position:relative;display:flex;flex-direction:column}
.svc-media{position:relative;isolation:isolate;aspect-ratio:4/5;margin:0 14px 30px 0}
.svc-media::before{content:"";position:absolute;inset:14px -14px -14px 14px;border:1px solid var(--accent-muted);z-index:-1;transition:inset .6s var(--ease),border-color .4s}
.svc-pic{position:absolute;inset:0;overflow:hidden;z-index:2;border:1px solid var(--border)}
.svc-pic img{width:100%;height:100%;object-fit:cover}
.svc-media.has-img .svc-num{display:none}
.svc-media.has-img .svc-bar{z-index:3}
.svc-wash{position:absolute;inset:0;overflow:hidden;background:linear-gradient(158deg,rgba(185,143,155,.24) 0%,rgba(193,154,91,.09) 52%,rgba(20,16,12,0) 100%),var(--panel);border:1px solid var(--border);transition:transform .8s var(--ease)}
.svc-petal{position:absolute;right:-22%;top:-12%;width:88%;height:auto;aspect-ratio:1;color:var(--blush);opacity:.16;transform:rotate(14deg);transition:transform 1.2s var(--ease),opacity .6s;pointer-events:none}
.svc-num{position:absolute;left:18px;bottom:14px;font-family:'Italiana',serif;font-size:clamp(3.4rem,5vw,4.6rem);line-height:1;color:var(--accent);opacity:.7;transition:opacity .4s,transform .6s var(--ease)}
.svc-bar{position:absolute;left:18px;right:18px;bottom:0;height:2px;background:var(--accent);transform:scaleX(.16);transform-origin:left;transition:transform .7s var(--ease)}
.svc-title{font-size:clamp(1.6rem,2.3vw,2.05rem);line-height:1.12;margin-bottom:12px}
.svc-desc{color:var(--text-secondary);font-size:.96rem;line-height:1.65;flex:1;max-width:36ch}
.svc-more{align-self:flex-start;display:inline-flex;flex-direction:column;gap:7px;margin-top:22px;font-family:'Space Mono',monospace;font-weight:700;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--text-primary);cursor:pointer;background:none;border:0;padding:0}
.svc-more i{display:block;width:34px;height:2px;background:var(--accent);transition:width .5s var(--ease)}
.svc-more:hover,.svc-more:focus-visible{color:var(--accent)}
.svc-more:hover i,.svc-more:focus-visible i,.svc-card:hover .svc-more i{width:100%}
@media(hover:hover) and (pointer:fine){
  .svc-card:hover .svc-media::before{inset:7px -7px -7px 7px;border-color:var(--accent)}
  .svc-card:hover .svc-wash{transform:translate(-4px,-4px)}
  .svc-card:hover .svc-petal{transform:rotate(42deg) scale(1.07);opacity:.24}
  .svc-card:hover .svc-bar{transform:scaleX(1)}
  .svc-card:hover .svc-num{opacity:1;transform:translateY(-3px)}
}
.svc-help{position:relative;overflow:hidden;justify-content:center;border:1px solid var(--border-strong);background:linear-gradient(160deg,rgba(185,143,155,.09),rgba(193,154,91,.04) 60%,transparent),var(--panel);padding:34px 28px}
.svc-help .kicker{margin-bottom:14px}
.svc-help .svc-desc{flex:none;margin-bottom:26px}
.svc-help .btn{align-self:flex-start;white-space:nowrap}
.svc-help>*:not(.svc-help-petal){position:relative}
.svc-help-petal{position:absolute;right:-70px;bottom:-80px;width:290px;height:290px;color:var(--blush);opacity:.08;transform:rotate(-14deg);pointer-events:none}
@media(min-width:641px){.svc-help{grid-column:span 2;padding:40px 44px}.svc-help .svc-title{font-size:clamp(1.9rem,3vw,2.5rem)}.svc-help .svc-desc{max-width:44ch}}
@media(max-width:640px){
  .svc-card:not(.svc-help){display:grid;grid-template-columns:104px 1fr;column-gap:22px;align-items:start}
  .svc-media{grid-row:1/5;margin:0 10px 0 0;aspect-ratio:4/5}
  .svc-media::before{inset:8px -8px -8px 8px}
  .svc-num{font-size:2.3rem;left:10px;bottom:8px}
  .svc-bar{left:10px;right:10px}
  .svc-title{margin-bottom:8px;font-size:1.5rem}
  .svc-desc{font-size:.9rem}
  .svc-more{margin-top:14px}
  .svc-card template{display:none}
}

.svc-dialog{padding:0;border:1px solid var(--border-strong);background:var(--panel);color:var(--text-primary);width:min(560px,calc(100vw - 32px));max-height:min(86vh,760px);overflow:hidden;opacity:0;transform:translateY(22px) scale(.985);transition:opacity .35s var(--ease-soft),transform .5s var(--ease)}
.svc-dialog.in{opacity:1;transform:none}
.svc-dialog::backdrop{background:rgba(10,8,6,.82);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .35s var(--ease-soft)}
.svc-dialog.in::backdrop{opacity:1}
.svc-panel{position:relative;padding:40px 38px 34px;max-height:min(86vh,760px);overflow-y:auto;overscroll-behavior:contain}
.svc-dlg-petal{position:absolute;right:-70px;top:-70px;width:230px;height:230px;color:var(--blush);opacity:.09;transform:rotate(18deg);pointer-events:none}
.svc-panel>*:not(.svc-dlg-petal){position:relative}
.svc-close{position:absolute!important;top:16px;right:16px;width:42px;height:42px;border-radius:50%;border:1px solid var(--border-strong);background:none;color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .25s,color .25s;z-index:2}
.svc-close:hover{border-color:var(--accent);color:var(--accent)}
.svc-panel h3{font-size:clamp(1.9rem,4vw,2.4rem);margin:10px 0 14px;padding-right:44px}
.svc-dlg-desc{color:var(--text-secondary);font-size:.98rem;max-width:46ch}
.svc-dlg-label{margin:28px 0 6px;font-family:'Space Mono',monospace;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.svc-prices .pr{display:flex;align-items:baseline;gap:14px;padding:12px 0;border-bottom:1px solid var(--border);font-size:.98rem}
.svc-prices .pr>span:first-child{flex:1}
.svc-prices .amt{font-family:'Space Mono',monospace;color:var(--accent);white-space:nowrap;text-align:right}
.svc-prices .pr3 .amt,.svc-prices .pr-head .amt{width:5.4rem}
.svc-prices .pr-head{padding-bottom:8px;border-bottom-color:var(--border-strong);font-family:'Space Mono',monospace;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}
.svc-prices .pr-head .amt{color:var(--text-secondary)}
.svc-note{margin-top:16px;font-size:.86rem;line-height:1.6;color:var(--text-secondary)}
.svc-dlg-foot{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
@media(max-width:640px){
  .svc-dialog{width:100%;max-width:none;margin:auto 0 0;max-height:90vh;border-left:0;border-right:0;border-bottom:0;transform:translateY(40px)}
  .svc-panel{padding:34px 22px 26px;max-height:90vh}
  .svc-dlg-foot .btn{flex:1;white-space:nowrap;padding-inline:12px}
}
@media(prefers-reduced-motion:reduce){.svc-dialog,.svc-dialog::backdrop,.svc-wash,.svc-petal,.svc-num,.svc-bar,.svc-media::before,.svc-more i{transition:none}}

/* preise: editorial rows */
.pr-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:8px}
.pr-chip{display:inline-flex;align-items:center;gap:10px;padding:11px 16px;border:1px solid var(--border-strong);font-family:'Space Mono',monospace;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--text-secondary);transition:border-color .25s,color .25s,background .25s}
.pr-chip span{color:var(--accent)}
.pr-chip:hover{border-color:var(--accent);color:var(--text-primary);background:rgba(193,154,91,.06)}
.pr-row{display:grid;grid-template-columns:1fr;gap:38px;padding:min(9vh,84px) 0;scroll-margin-top:70px}
.pr-row+.pr-row{border-top:1px solid var(--border)}
.pr-visual{position:relative;width:100%;max-width:440px}
.pr-visual .svc-media{margin:0 16px 0 0;aspect-ratio:4/5}
.pr-visual.duo{padding-bottom:9%;max-width:480px}
.pr-visual.duo .svc-media:not(.small){width:80%}
.pr-visual .svc-media.small{position:absolute;right:0;bottom:0;width:46%;margin:0;aspect-ratio:1;box-shadow:0 0 0 9px var(--canvas)}
.pr-visual .svc-media.small::before{display:none}
@media(hover:hover) and (pointer:fine){
  .pr-row:hover .pr-visual .svc-media::before{inset:7px -7px -7px 7px;border-color:var(--accent)}
  .pr-row:hover .svc-bar{transform:scaleX(1)}
}
.pr-num{font-family:'Space Mono',monospace;font-size:.78rem;letter-spacing:.16em;color:var(--accent)}
.pr-title{font-size:clamp(2.1rem,4.4vw,3.2rem);line-height:1.08;margin:12px 0 10px}
.pr-sub{font-family:'Space Mono',monospace;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:12px}
.pr-desc{color:var(--text-secondary);max-width:46ch;margin-bottom:26px}
.pl-row{display:flex;align-items:baseline;gap:14px;padding:13px 0;font-size:1.02rem;opacity:0;transform:translateY(10px);transition:opacity .6s var(--ease-soft),transform .6s var(--ease-soft)}
.pl-row .lead{flex:1;min-width:14px;height:1px;border-bottom:1px dotted rgba(244,235,221,.3);transform:translateY(-5px)}
.pl-row .amt{font-family:'Space Mono',monospace;color:var(--accent);white-space:nowrap;text-align:right}
.pl-row:has(.amt+.amt) .amt{width:5.4rem}
.pl-head{padding-bottom:6px;font-family:'Space Mono',monospace;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary)}
.pl-head .lead{border-bottom-color:transparent}
.pl-head .amt{color:var(--text-secondary)}
.pr-row.in .pl-row{opacity:1;transform:none}
.pr-row.in .pl-row:nth-child(2){transition-delay:.05s}
.pr-row.in .pl-row:nth-child(3){transition-delay:.1s}
.pr-row.in .pl-row:nth-child(4){transition-delay:.15s}
.pr-row.in .pl-row:nth-child(5){transition-delay:.2s}
.pr-row.in .pl-row:nth-child(6){transition-delay:.25s}
.pr-row.in .pl-row:nth-child(7){transition-delay:.3s}
.pr-row.in .pl-row:nth-child(8){transition-delay:.35s}
.pl-note{margin-top:16px;font-size:.86rem;line-height:1.65;color:var(--text-secondary);max-width:52ch}
@media(min-width:900px){
  .pr-row{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:92px;align-items:center}
  .pr-row.flip{grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr)}
  .pr-row.flip .pr-visual{order:2;justify-self:end}
  .pr-row.flip .pr-visual .svc-media{margin:0 0 0 16px}
  .pr-row.flip .pr-visual .svc-media::before{inset:14px 14px -14px -14px}
  .pr-row.flip:hover .pr-visual .svc-media::before{inset:7px 7px -7px -7px}
}
@media(max-width:640px){.pr-nav{gap:8px}.pr-chip{padding:10px 12px;font-size:.66rem}.pr-visual{max-width:none}.pl-row{gap:10px;font-size:.98rem}.pl-row:has(.amt+.amt) .amt{width:4.5rem}}
@media(prefers-reduced-motion:reduce){.pl-row{opacity:1!important;transform:none!important;transition:none}}

/* direkt anrufen: quick studio cards under the hero */
.qs{padding:34px 0 0}
@media(min-width:760px){.qs{padding:44px 0 0}}
.qs-kicker{margin-bottom:22px}
.qs-grid{display:grid;grid-template-columns:1fr;gap:18px}
@media(min-width:760px){.qs-grid{grid-template-columns:1fr 1fr;gap:24px}}
.qs-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:28px 30px;border:1px solid var(--border-strong);background:linear-gradient(150deg,rgba(185,143,155,.10),rgba(193,154,91,.04) 55%,transparent),var(--panel);box-shadow:7px 7px 0 0 var(--canvas),8px 8px 0 0 var(--accent-muted);transition:border-color .4s,box-shadow .4s}
@media(hover:hover) and (pointer:fine){.qs-card:hover{border-color:var(--accent);box-shadow:5px 5px 0 0 var(--canvas),6px 6px 0 0 var(--accent)}}
.qs-info{min-width:0}
.qs-info .tag{font-family:'Space Mono',monospace;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.qs-info h3{font-size:clamp(1.7rem,3vw,2.15rem);line-height:1.1;margin:8px 0 8px}
.qs-addr{color:var(--text-secondary);font-size:.92rem}
.qs-status{display:flex;align-items:center;gap:9px;margin-top:14px;font-family:'Space Mono',monospace;font-size:.66rem;letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);min-height:1.2em}
.qs-status .dot{width:7px;height:7px;border-radius:50%;background:var(--text-secondary);flex:none}
.qs-status.open .dot{background:#7bc47f;box-shadow:0 0 0 3px rgba(123,196,127,.18)}
.qs-status.closed .dot{background:#c98080}
.qs-wa{display:inline-block;margin-top:14px;font-family:'Space Mono',monospace;font-size:.68rem;letter-spacing:.04em;color:var(--text-secondary);text-decoration:none;border-bottom:1px solid var(--border-strong)}
.qs-wa:hover{color:#7bc47f;border-color:#7bc47f}
.qs-call{flex:none;gap:8px;align-items:center;padding:6px 2px}
.qs .call-icon-wrap{width:68px;height:68px}
.qs .call-icon-wrap svg:not(.blossom){width:26px;height:26px}
.qs .call-icon-wrap svg.blossom{width:22px;height:22px}
.qs .blossom-1{top:-14px;left:-10px}
.qs .blossom-2{top:2px;right:-20px}
.qs .blossom-3{bottom:-14px;left:12px}
.qs-num{font-family:'Space Mono',monospace;font-size:.78rem;letter-spacing:.04em;color:var(--text-primary);white-space:nowrap}
.qs-label{font-family:'Space Mono',monospace;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-top:-4px}
@media(max-width:640px){.qs-card{padding:22px 20px}}
@media(max-width:380px){.qs-num{font-size:.72rem}}

/* unsere arbeit: instagram work showcase */
.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.work-item .svc-media{aspect-ratio:4/5;margin:0}
@media(max-width:760px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.work-item:last-child{grid-column:1/3}.work-item:last-child .svc-media{aspect-ratio:16/9}}
@media(max-width:500px){.work-grid{grid-template-columns:minmax(0,1fr)}.work-item:last-child{grid-column:auto}.work-item:last-child .svc-media{aspect-ratio:4/5}}
.ig-pill{display:inline-flex;align-items:center;gap:12px;padding:15px 28px;border:1px solid var(--border-strong);border-radius:99px;text-decoration:none;color:var(--text-primary);font-family:'Space Mono',monospace;font-size:.8rem;letter-spacing:.04em;transition:border-color .25s,color .25s,background .25s}
.ig-pill svg{width:20px;height:20px;flex:none}
@media(hover:hover) and (pointer:fine){.ig-pill:hover{border-color:var(--accent);color:var(--accent);background:rgba(193,154,91,.06)}}

/* footer */
footer{border-top:1px solid var(--border);padding:60px 0 40px}
.footer-grid{display:grid;gap:40px}
@media(min-width:760px){.footer-grid{grid-template-columns:1.3fr 1fr 1fr}}
footer img{height:24px;margin-bottom:14px}
footer p{color:var(--text-secondary);font-size:.92rem;max-width:34ch}
.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;font-size:.92rem}
.footer-links a{text-decoration:none;color:var(--text-secondary)}
.footer-links a:hover{color:var(--accent)}
.footer-bottom{margin-top:50px;padding-top:24px;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;color:var(--text-secondary);font-size:.8rem;font-family:'Space Mono',monospace}
.footer-bottom .legal-links{display:flex;gap:18px}
.footer-bottom a{color:var(--text-secondary);text-decoration:none}
.footer-bottom a:hover{color:var(--accent)}

@keyframes softGlow{0%,100%{opacity:.55}50%{opacity:1}}
.hold-btn{animation:softGlow 4.5s ease-in-out infinite;animation-delay:-1.6s}
body.paused *,body.paused *::before,body.paused *::after{animation-play-state:paused!important}

@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1!important;transform:none!important;transition:none!important}
  *{animation:none!important}
}