:root{
    --mocha:#7e6757;--mocha-dark:#6c5648;--espresso:#241810;--espresso-2:#2c1f15;
    --card:#6b5343;--cream:#f1e9df;--white:#ffffff;--tan:#e3b27c;--tan-deep:#cf9d63;
    --gold:#cca06c;--soft:rgba(241,233,223,.55);--maxw:1180px;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{background:var(--espresso);color:var(--cream);font-family:"Mulish",system-ui,sans-serif;font-size:18px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px}
  /* вертикальная панель мессенджеров */
  .msg-rail{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:70;display:flex;flex-direction:column;gap:0;background:var(--mocha);border-top-left-radius:14px;border-bottom-left-radius:14px;box-shadow:-4px 0 18px rgba(0,0,0,.28);overflow:hidden}
  .msg-rail a{width:50px;height:50px;display:grid;place-items:center;color:var(--cream);transition:background .2s,color .2s}
  .msg-rail a:hover{background:var(--tan);color:var(--espresso)}
  .msg-rail a svg{width:22px;height:22px}
  .msg-rail a+a{border-top:1px solid rgba(255,255,255,.10)}
  @media (max-width:640px){.msg-rail a{width:48px;height:48px}.msg-rail a svg{width:19px;height:19px}}

  a{color:inherit;text-decoration:none}
  img{display:block;max-width:100%}
  h2.section-title{font-family:"Mulish",sans-serif;font-weight:600;color:var(--white);font-size:clamp(2.1rem,4.6vw,3.1rem);letter-spacing:.005em}

  .btn{display:inline-block;font-family:"Mulish",sans-serif;font-weight:600;font-size:.96rem;letter-spacing:.02em;padding:15px 34px;border-radius:7px;cursor:pointer;transition:.3s ease;border:1.5px solid transparent}
  .btn-fill{background:var(--tan);color:#3a2817;border-color:var(--tan)}
  .btn-fill:hover{background:var(--tan-deep);border-color:var(--tan-deep)}
  .btn-out{background:transparent;color:var(--tan);border-color:var(--gold)}
  .btn-out:hover{background:var(--tan);color:#3a2817}
  .btn-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:32px}

  .sun{display:block}.sun line{stroke:currentColor;stroke-width:1.4;stroke-linecap:round}

  header{position:sticky;top:0;z-index:60;background:var(--mocha);border-bottom:1px solid rgba(255,255,255,.07)}
  header .wrap.nav{max-width:100%;padding:0 48px}
  .nav{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:88px;padding:10px 0}
  .nav-left{display:flex;align-items:center;gap:20px}
  .logo{display:flex;flex-direction:column;align-items:center;color:var(--cream);line-height:1}
  .logo .sun{width:96px;height:34px;margin-bottom:4px}
  .logo .name{font-weight:400;letter-spacing:.34em;font-size:.92rem;color:var(--white);padding-left:.34em}
  .burger{background:none;border:0;color:var(--cream);cursor:pointer;width:44px;height:44px;display:grid;place-items:center}
  .burger span{display:block;width:26px;height:2px;background:var(--cream);position:relative}
  .burger span::before,.burger span::after{content:"";position:absolute;left:0;width:26px;height:2px;background:var(--cream)}
  .burger span::before{top:-8px}.burger span::after{top:8px}
  .nav-right{display:flex;align-items:center;gap:24px}
  .contact-lead{display:flex;align-items:center;gap:12px;color:var(--cream);font-size:1rem}
  .contact-lead .arrow{font-size:1.3rem}
  .socials{display:flex;gap:11px}
  .socials a{width:44px;height:44px;border:1.5px solid rgba(255,255,255,.6);border-radius:50%;display:grid;place-items:center;color:var(--white);transition:.3s}
  .socials a:hover{background:rgba(255,255,255,.12);border-color:#fff}
  .socials svg{width:19px;height:19px}
  .menu{position:absolute;top:100%;left:0;right:0;background:var(--mocha);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px rgba(0,0,0,.3);display:none}
  .menu.open{display:block}
  .menu ul{list-style:none;max-width:var(--maxw);margin:0 auto;padding:14px 32px}
  .menu li a{display:block;padding:14px 0;color:var(--white);font-weight:500;border-bottom:1px solid rgba(255,255,255,.08);transition:.25s}
  .menu li:last-child a{border-bottom:0}
  .menu li a:hover{color:var(--tan);padding-left:8px}

  .hero-banner{position:relative;min-height:300px;display:grid;place-items:center;text-align:center;overflow:hidden;background:radial-gradient(130% 130% at 50% 30%,#4a3526,#2a1c12 58%,#1b120b)}
  .hero-banner img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  .hero-banner .veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(36,24,16,.30),rgba(36,24,16,.62))}
  .hero-banner .lockup{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:34px 24px}
  .hero-banner .lockup .sun{width:104px;height:38px;color:var(--cream)}
  .hero-wordmark{font-family:"Cormorant Garamond",serif;font-weight:300;color:var(--white);font-size:clamp(2.4rem,7vw,5rem);letter-spacing:.08em;line-height:.95;text-shadow:0 2px 30px rgba(0,0,0,.4)}
  /* декоративные линии-завитки по бокам надписи */
  .hero-flourish{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:4px}
  .hero-flourish .line{height:1px;width:clamp(40px,9vw,120px);background:linear-gradient(90deg,transparent,var(--gold));}
  .hero-flourish .line.r{background:linear-gradient(90deg,var(--gold),transparent);}
  .hero-flourish .dot{color:var(--gold);font-size:.9rem;letter-spacing:.4em}
  .hero-tagline{color:var(--gold-soft,#d8b890);font-family:"Cormorant Garamond",serif;font-style:italic;font-size:clamp(1rem,2.2vw,1.4rem);letter-spacing:.18em;text-transform:uppercase;margin-top:10px;opacity:.9}

  .hero-intro{background:var(--espresso);padding:70px 0 90px}
  .hero-intro .grid{display:grid;grid-template-columns:1.25fr .75fr;gap:46px;align-items:center}
  .hero-intro h1{font-family:"Mulish",sans-serif;font-weight:500;color:var(--white);font-size:clamp(2.4rem,5vw,3.4rem);margin-bottom:22px}
  .hero-intro p{color:var(--cream);font-size:1.15rem;max-width:44ch;font-weight:300}
  .hero-intro .fig{aspect-ratio:3/4;max-height:560px}
  .fig{border-radius:8px;overflow:hidden;border:1px solid rgba(241,233,223,.12)}
  .fig img{width:100%;height:100%;object-fit:cover}

  /* ----- Laufband / CTA-Streifen ----- */
  .ticker{display:block;overflow:hidden;background:var(--mocha);color:var(--cream);
    border-top:1px solid rgba(241,233,223,.14);border-bottom:1px solid rgba(241,233,223,.14);
    padding:15px 0;transition:background .3s;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
            mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
  .ticker:hover{background:var(--mocha-dark)}
  .ticker-track{display:flex;width:max-content;animation:ticker-scroll 34s linear infinite}
  .ticker:hover .ticker-track,.ticker:focus-visible .ticker-track{animation-play-state:paused}
  .ticker-group{display:flex;align-items:center;flex:0 0 auto}
  .ticker-group span{white-space:nowrap;font-family:"Cormorant Garamond",serif;
    font-size:1.3rem;font-weight:400;letter-spacing:.015em;padding:0 24px}
  .ticker .sep{color:var(--tan);font-size:.85rem;padding:0}
  .ticker .tk-ico{display:flex;align-items:center;padding:0 24px 0 0;color:var(--tan)}
  .ticker .tk-ico svg{width:21px;height:21px}
  @keyframes ticker-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
  @media (max-width:560px){
    .ticker{padding:12px 0}
    .ticker-group span{font-size:1.08rem;padding:0 17px}
    .ticker .tk-ico{padding-right:17px}
    .ticker .tk-ico svg{width:18px;height:18px}
    .ticker-track{animation-duration:26s}
  }
  @media (prefers-reduced-motion:reduce){.ticker-track{animation:none}}

  section{padding:96px 0}
  .about .grid{display:grid;grid-template-columns:.8fr 1.2fr;grid-template-rows:auto 1fr;gap:0 52px;align-items:start}
  .about .fig{aspect-ratio:3/4;grid-column:1;grid-row:1/3}
  .about .about-head{grid-column:2;grid-row:1}
  .about .about-copy{grid-column:2;grid-row:2}
  .about h2{margin-bottom:20px}
  .about p{color:var(--cream);font-weight:300;margin-bottom:16px;max-width:60ch}

  /* ----- Über mich: Eyebrow + Lead ----- */
  .about .eyebrow{display:block;color:var(--tan);font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:.74rem;margin-bottom:14px}
  .about .about-lead{font-family:"Cormorant Garamond",serif;font-style:italic;font-weight:400;color:var(--white);
    font-size:clamp(1.32rem,3.4vw,1.78rem);line-height:1.42;max-width:32ch;
    margin:0 0 28px;padding:2px 0 2px 20px;border-left:2px solid var(--gold)}
  .about .about-close{margin-top:24px}
  .about .fit{margin:30px 0 14px}

  /* ----- Über mich: Ritual-Karten ----- */
  .ritual-cards{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 4px;padding:0}
  .ritual-cards li{display:flex;align-items:flex-start;gap:13px;
    background:rgba(255,255,255,.035);border:1px solid rgba(241,233,223,.13);border-radius:14px;
    padding:18px 18px 17px;transition:border-color .3s,background .3s}
  .ritual-cards li:hover{border-color:var(--gold);background:rgba(255,255,255,.06)}
  .ritual-cards .rc-mark{flex:0 0 auto;color:var(--tan);font-size:.95rem;line-height:1.75}
  .ritual-cards h3{font-family:"Cormorant Garamond",serif;font-weight:500;color:var(--white);
    font-size:1.28rem;line-height:1.25;margin:0 0 5px}
  .about .ritual-cards p{color:rgba(241,233,223,.72);font-size:.94rem;font-weight:300;line-height:1.5;margin:0;max-width:none}

  .services{padding-top:60px}
  .services .section-title{margin-bottom:40px}
  .acc{display:grid;gap:20px;max-width:1040px;margin:0 auto}
  .acc-item{border:1.5px solid var(--soft);border-radius:60px;overflow:hidden;transition:border-radius .3s,background .3s}
  .acc-item.open{border-radius:30px;background:rgba(255,255,255,.03)}
  .acc-head{width:100%;background:none;border:0;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 38px;text-align:left;color:var(--white)}
  .acc-head .t{font-family:"Cormorant Garamond",serif;font-weight:500;font-size:1.55rem}
  .acc-head .star{color:var(--tan);font-size:1.4rem;flex:0 0 auto;transition:transform .4s}
  .acc-item.open .acc-head .star{transform:rotate(180deg) scale(1.1)}
  .acc-body{max-height:0;overflow:hidden;transition:max-height .45s ease}
  .acc-body .pad{padding:4px 40px 30px}
  .acc-body p{color:var(--cream);font-weight:300;margin-bottom:16px;max-width:80ch}
  .fit{font-weight:700;color:var(--tan);font-size:.95rem;display:block;margin-bottom:8px}
  .acc-body ul{list-style:none;display:grid;gap:8px}
  .acc-body ul li{position:relative;padding-left:22px;color:var(--cream);font-weight:300}
  .acc-body ul li::before{content:"✦";position:absolute;left:0;top:0;color:var(--tan);font-size:.85rem}
  .services .btn-row{justify-content:center;margin-top:44px}

  /* ----- QUIZ ----- */
  .quiz{background:linear-gradient(180deg,var(--espresso),#1c130c)}
  .quiz .grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}
  .quiz .fig{aspect-ratio:3/4;max-height:560px}
  .quiz-card{background:linear-gradient(180deg,rgba(43,31,21,.85),rgba(28,19,12,.7));border:1.5px solid var(--soft);border-radius:22px;padding:38px 36px;min-height:430px;display:flex;flex-direction:column}
  .quiz-eyebrow{color:var(--tan);font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:.74rem;margin-bottom:10px}
  .quiz-card h2{font-family:"Mulish",sans-serif;font-weight:600;color:var(--white);font-size:1.7rem;margin-bottom:8px}
  .quiz-sub{color:var(--cream);font-weight:300;margin-bottom:22px}
  .progress{height:6px;border-radius:4px;background:rgba(241,233,223,.15);overflow:hidden;margin-bottom:26px}
  .progress span{display:block;height:100%;width:100%;background:var(--tan);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
  .q-step{display:none;animation:fade .4s ease}
  .q-step.active{display:block}
  @keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
  .q-question{font-family:"Cormorant Garamond",serif;font-size:1.7rem;color:var(--white);margin-bottom:20px;line-height:1.25}
  .opt{width:100%;text-align:left;background:rgba(241,233,223,.05);border:1.5px solid rgba(241,233,223,.2);color:var(--cream);
       padding:15px 20px;border-radius:12px;cursor:pointer;font-family:"Mulish",sans-serif;font-size:1rem;margin-bottom:12px;transition:.25s}
  .opt:hover{border-color:var(--tan);background:rgba(227,178,124,.12);color:#fff}
  .q-count{margin-top:auto;color:rgba(241,233,223,.85);font-size:.85rem;letter-spacing:.05em;padding-top:18px}
  .q-result{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}
  .q-result .star-big{color:var(--tan);font-size:2rem;margin-bottom:8px}
  .q-result h3{font-family:"Cormorant Garamond",serif;font-weight:500;color:var(--white);font-size:2rem;margin-bottom:14px}
  .q-result p{color:var(--cream);font-weight:300;max-width:46ch;margin-bottom:8px}
  .q-result .teaser{color:var(--tan);font-weight:500;margin:14px 0 26px}
  .wa-btn{display:inline-flex;align-items:center;gap:12px;background:#e3b27c;color:#3a2817;font-weight:700;font-size:1.08rem;padding:18px 40px;border-radius:40px;transition:.3s;box-shadow:0 6px 20px rgba(0,0,0,.2)}
  .wa-btn:hover{background:#cf9d63;transform:translateY(-3px)}
  .wa-btn svg{width:24px;height:24px}
  .q-restart{background:none;border:0;color:rgba(241,233,223,.85);cursor:pointer;margin-top:18px;font-size:.85rem;text-decoration:underline}

  .why .grid{display:grid;grid-template-columns:1.2fr .8fr;gap:52px;align-items:center}
  .why h2{margin-bottom:24px}
  .why p{color:var(--cream);font-weight:300;max-width:60ch}
  .stats{list-style:none;display:grid;gap:16px;margin:26px 0 8px}
  .stats li{display:flex;gap:20px;align-items:baseline;border-bottom:1px solid rgba(241,233,223,.16);padding-bottom:14px}
  .stats .num{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:2.6rem;color:var(--tan);line-height:1;min-width:104px}
  .stats .txt{color:var(--cream);font-weight:300;font-size:1rem}
  .why .fig{aspect-ratio:3/4}

  .reviews{padding-bottom:110px}
  .reviews .section-title{text-align:center;margin-bottom:18px}
  .reviews .lead{text-align:center;color:var(--cream);font-weight:300;max-width:74ch;margin:0 auto 10px}
  .priv{text-align:center;color:rgba(241,233,223,.85);font-style:italic;font-size:.92rem;max-width:74ch;margin:0 auto 44px}
  .carousel{position:relative;max-width:1040px;margin:0 auto}
  .track{overflow:hidden;touch-action:pan-y}
  .slides{display:flex;transition:transform .5s ease}
  .slide{min-width:100%;padding:6px}
  .story-card{background:var(--card);border-radius:44px;padding:46px 50px}
  .story-text h3{font-weight:600;color:var(--white);font-size:1.6rem;margin-bottom:14px}
  .story-text p{color:var(--cream);font-weight:300;line-height:1.7}
  .nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:54px;height:54px;border-radius:50%;border:1.5px solid var(--soft);background:rgba(36,24,16,.6);color:var(--cream);font-size:1.4rem;cursor:pointer;display:grid;place-items:center;transition:.3s;z-index:2}
  .nav-arrow:hover{border-color:var(--tan);color:var(--tan)}
  .nav-arrow.prev{left:-12px}.nav-arrow.next{right:-12px}
  .dots{display:flex;gap:9px;justify-content:center;margin-top:26px;flex-wrap:wrap}
  .dot{width:9px;height:9px;border-radius:50%;background:rgba(241,233,223,.3);border:0;cursor:pointer;transition:.3s}
  .dot.active{background:var(--tan);width:24px;border-radius:5px}
  .dot{position:relative}.dot::after{content:"";position:absolute;inset:-16px}
  .reviews .btn-row{justify-content:center;margin-top:46px}

  .contact{background:var(--mocha);text-align:center}
  .contact .section-title{margin-bottom:22px}
  .contact .lead{color:var(--white);font-weight:300;max-width:70ch;margin:0 auto 16px;font-size:1.12rem}
  .wa-number{color:#fff;font-weight:600;letter-spacing:.04em;margin-bottom:34px}
  .wa-number a{text-decoration:underline}
  .contact-btns{display:flex;gap:22px;justify-content:center;flex-wrap:wrap}
  .brush{display:inline-flex;align-items:center;gap:12px;background:var(--tan);color:#3a2817;font-weight:600;font-size:1.06rem;padding:18px 42px;border-radius:40px 36px 42px 34px/34px 42px 36px 40px;min-width:210px;justify-content:center;box-shadow:0 6px 20px rgba(0,0,0,.18);transition:.3s}
  .brush:hover{background:var(--tan-deep);transform:translateY(-3px)}
  .brush svg{width:22px;height:22px}

  footer{background:var(--mocha-dark);text-align:center;padding:26px 0;color:#f1e9df;font-size:.92rem}

  @media (max-width:900px){
    .hero-intro .grid,.about .grid,.why .grid,.quiz .grid{grid-template-columns:1fr}
    .about .grid{grid-template-rows:none;gap:0}
    .about .about-head,.about .fig,.about .about-copy{grid-column:1;grid-row:auto}
    .about .about-head{margin-bottom:26px}
    .about .fig,.why .fig,.quiz .fig{max-width:420px;margin:0 auto}
    .hero-intro .fig{max-width:420px;margin:0 auto}
    .about .fig{margin-bottom:30px}
    .story-card{padding:34px 26px}
    .contact-lead{display:none}
    section{padding:72px 0}
  }
  @media (max-width:700px){
    .ritual-cards{grid-template-columns:1fr;gap:11px}
    .ritual-cards li{padding:16px 16px 15px}
  }
  @media (max-width:560px){
    .acc-head{padding:22px 24px}.acc-head .t{font-size:1.3rem}
    .nav-arrow.prev{left:4px}.nav-arrow.next{right:4px}
    .logo .sun{width:78px}.stats .num{min-width:78px;font-size:2rem}
    .quiz-card{padding:30px 22px}
    /* Über mich kompakter auf dem Handy */
    .hero-intro{padding:48px 0 40px}
    .hero-intro .grid{gap:34px}
    .hero-intro .fig{max-width:290px;max-height:none}
    .about{padding-top:44px}
    .about .about-head{margin-bottom:22px}
    .about .fig{max-width:290px;margin-bottom:26px}
    .about .about-lead{padding-left:16px;margin-bottom:24px;max-width:none}
    .about p{font-size:1rem}
    .about .fit{margin:26px 0 12px}
    .about .btn-row{gap:12px}
    .about .btn-row .btn{flex:1 1 46%;text-align:center;padding:15px 18px}
  }
  /* ----- Header auf Mobil sauber ausrichten ----- */
  @media (max-width:720px){
    header .wrap.nav{padding:0 18px}
    .nav{gap:12px;min-height:72px}
    .nav-left{flex:1}
    .burger{margin-left:auto}
    .nav-right .socials{display:none}
    .logo .name{white-space:nowrap;font-size:.82rem;letter-spacing:.28em}
    .logo .sun{width:74px;height:26px}
  }
  @media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

  /* ----- Liebes-Orakel (Tarot) ----- */
  .orakel-head{text-align:center;margin-bottom:40px}
    .orakel-head .eyebrow{color:var(--tan);font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:.74rem}
    .orakel-head p{color:var(--cream);font-weight:300;max-width:60ch;margin:14px auto 0}
    .cards{display:flex;gap:26px;justify-content:center;flex-wrap:wrap;margin-top:10px;perspective:1200px}
    .tcard{width:190px;min-height:300px;cursor:pointer;position:relative;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.8,.2,1);border-radius:16px;display:grid}
    .tcard.flipped{transform:rotateY(180deg);cursor:default}
    .tcard.dim{opacity:.45;filter:grayscale(.3);pointer-events:none}
    .tface{grid-area:1/1;border-radius:16px;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px 20px;text-align:center;border:1.5px solid var(--gold)}
    .tback{background:radial-gradient(120% 120% at 50% 0%,#3a2a1e,#22160e);box-shadow:0 10px 30px rgba(0,0,0,.4)}
    .tback .sun{width:90px;height:34px;color:var(--gold-soft)}
    .tback .ring{margin-top:16px;width:64px;height:64px;border:1.5px solid rgba(227,178,124,.5);border-radius:50%;display:grid;place-items:center;color:var(--tan);font-size:1.5rem}
    .tfront{background:linear-gradient(180deg,#2e2016,#1c130c);transform:rotateY(180deg);gap:12px}
    .tfront .glyph{color:var(--tan);font-size:2.4rem;line-height:1}
    .tfront h4{font-family:"Cormorant Garamond",serif;font-weight:500;color:#fff;font-size:1.5rem;margin:0}
    .tfront p{color:var(--cream);font-weight:300;font-size:.92rem;margin:0}
    .orakel-result{max-width:640px;margin:36px auto 0;text-align:center;display:none}
    .orakel-result.show{display:block;animation:fade .5s ease}
    .orakel-result p{color:var(--cream);font-weight:300;margin-bottom:10px}
    .orakel-result .teaser{color:var(--tan);font-weight:500;margin:8px 0 24px}
    .orakel-hint{text-align:center;color:rgba(241,233,223,.85);font-size:.9rem;margin-top:26px}
    .orakel-restart{background:none;border:0;color:rgba(241,233,223,.85);cursor:pointer;text-decoration:underline;font-size:.85rem;margin-top:16px}
    @media (max-width:560px){
      .cards{gap:14px}
      .tcard{width:150px;min-height:230px}
      .tface{padding:18px 13px}
      .tfront h4{font-size:1.28rem}
      .tfront p{font-size:.86rem;line-height:1.4}
      .tback .sun{width:72px}
      .tback .ring{width:52px;height:52px;margin-top:12px}
    }

  /* ===== Unterseiten / Magazin / Rechtliches ===== */

  .subhero{background:radial-gradient(130% 130% at 50% 0%,#3a2a1e,#241810 60%,#1b120b);padding:64px 0 54px;border-bottom:1px solid rgba(255,255,255,.06)}
  .crumbs{font-size:.85rem;color:rgba(241,233,223,.7);margin-bottom:18px;letter-spacing:.02em}
  .crumbs a{color:var(--tan)}.crumbs a:hover{text-decoration:underline}
  .subhero h1{font-family:"Cormorant Garamond",serif;font-weight:500;color:#fff;font-size:clamp(2.2rem,5.2vw,3.4rem);line-height:1.1;max-width:20ch}
  .subhero .kicker{color:var(--tan);font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:.74rem;margin-bottom:14px;display:block}
  .prose{max-width:760px;margin:0 auto}
  .prose h2{font-family:"Mulish",sans-serif;font-weight:600;color:#fff;font-size:clamp(1.5rem,3.4vw,2rem);margin:42px 0 14px}
  .prose h3{font-family:"Cormorant Garamond",serif;font-weight:500;color:#fff;font-size:1.5rem;margin:30px 0 10px}
  .prose p{color:var(--cream);font-weight:300;margin-bottom:16px}
  .prose ul{list-style:none;display:grid;gap:10px;margin:8px 0 20px}
  .prose ul li{position:relative;padding-left:24px;color:var(--cream);font-weight:300}
  .prose ul li::before{content:"✦";position:absolute;left:0;top:1px;color:var(--tan);font-size:.85rem}
  .prose .lead{font-size:1.18rem;color:#efe6da}
  .prose a{color:var(--tan)}.prose a:hover{text-decoration:underline}
  .cta-box{background:linear-gradient(180deg,rgba(43,31,21,.7),rgba(28,19,12,.6));border:1.5px solid var(--soft);border-radius:22px;padding:34px 32px;margin:40px 0;text-align:center}
  .cta-box h3{font-family:"Cormorant Garamond",serif;color:#fff;font-size:1.7rem;margin-bottom:10px}
  .cta-box p{color:var(--cream);font-weight:300;margin-bottom:22px}
  .related{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-top:18px}
  .related a{display:block;background:rgba(255,255,255,.03);border:1.5px solid var(--soft);border-radius:16px;padding:22px 24px;transition:.25s}
  .related a:hover{border-color:var(--tan);background:rgba(227,178,124,.08)}
  .related a .t{display:block;font-family:"Cormorant Garamond",serif;color:#fff;font-size:1.25rem;margin-bottom:4px}
  .related a .d{color:rgba(241,233,223,.75);font-weight:300;font-size:.92rem}
  .acc-more{display:inline-block;margin-top:10px;color:var(--tan);font-weight:600;font-size:.95rem}
  .acc-more:hover{text-decoration:underline}

  /* ===== Footer (mehrspaltig) ===== */
  .site-footer{background:var(--mocha-dark);padding:54px 0 28px;color:#f1e9df}
  .site-footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
  .site-footer h4{font-weight:700;font-size:.92rem;letter-spacing:.04em;color:#fff;margin-bottom:14px}
  .site-footer ul{list-style:none;display:grid;gap:9px}
  .site-footer a{color:#e9ddcf;font-weight:300;font-size:.95rem}
  .site-footer a:hover{color:var(--tan)}
  .site-footer .about-col p{color:#e9ddcf;font-weight:300;font-size:.95rem;max-width:34ch}
  .site-footer .fsoc{display:flex;gap:12px;margin-top:14px}
  .site-footer .fsoc a{width:40px;height:40px;border:1.5px solid rgba(255,255,255,.5);border-radius:50%;display:grid;place-items:center;color:#fff}
  .site-footer .fsoc a:hover{background:rgba(255,255,255,.12)}
  .site-footer .fsoc svg{width:18px;height:18px}
  .site-footer .copy{border-top:1px solid rgba(255,255,255,.14);margin-top:38px;padding-top:20px;text-align:center;font-size:.9rem;color:#d9ccbe}
  @media (max-width:780px){.site-footer .cols{grid-template-columns:1fr 1fr}.site-footer .about-col{grid-column:1/-1}}
  @media (max-width:480px){.site-footer .cols{grid-template-columns:1fr}}