:root{--bg:#f5ebe1;--paper:#fbf5ee;--ink:#2b1f1a;--mute:#6f5e53;--gold:#b8894b;--gold2:#c99a5b;--rose:#d9a99a;--line:rgba(43,31,26,.14);--serif:'Playfair Display',Georgia,serif;--sans:'Plus Jakarta Sans',system-ui,sans-serif;--btn-bg:#2b1f1a;--btn-ink:#fbf5ee;
--cta-bg:#2b1f1a;--cta-ink:#f5ebe1;--cta-line:rgba(245,235,225,.22);--cta-accent:#c99a5b;--cta-r:999px 999px 28px 28px;--cta-sec:#f5ebe1}
body{font-weight:400}
.h2{font-size:clamp(38px,4.2vw,60px);font-weight:400}
.h2 em,.hero-h em{font-style:italic;color:var(--gold)}
.kicker{color:var(--gold)}
/* intro */
.intro{align-items:center;justify-content:center}
.intro-bg{position:absolute;inset:0;background:var(--ink)}
.intro-core{position:relative;text-align:center;color:#f5ebe1}
.lotus{width:96px;height:96px;display:block;margin:0 auto 18px;overflow:visible}
.intro-word{font-family:var(--serif);font-style:italic;font-size:clamp(70px,9vw,130px);line-height:1.15;margin:0;padding:0 .08em}
.intro-lang{position:relative;height:30px;margin-top:10px}
.il{position:absolute;left:0;right:0;font-size:13px;letter-spacing:.4em;text-transform:uppercase;color:var(--gold2);line-height:30px}
/* nav */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px clamp(20px,4vw,56px);transition:background .4s,box-shadow .4s}
.nav.scrolled{background:rgba(245,235,225,.94);backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--line)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--serif);font-size:24px;line-height:1.2}
.brand svg{width:30px;height:30px;color:var(--gold)}
.brand i{color:var(--gold)}
.nav-links{display:flex;gap:26px}.nav-links a{text-decoration:none;font-size:14.5px}.nav-links a:hover{color:var(--gold)}
/* hero */
.hero{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(30px,5vw,80px);align-items:center;padding:130px clamp(30px,6vw,100px) 70px}
.hero-h{font-size:clamp(54px,6.2vw,100px);line-height:1.06;margin-bottom:28px;font-weight:400}
.hw{display:inline-block}
.hw-s{display:block;font-size:.5em;font-family:var(--sans);font-weight:300;letter-spacing:-.01em;margin-top:14px;line-height:1.3}
.hero-lead{font-size:19px;color:var(--mute);max-width:52ch;margin-bottom:34px}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px}
.hero-vis{position:relative;height:min(78vh,740px)}
.hv-main{position:absolute;right:0;top:0;width:74%;height:100%;margin:0;border-radius:999px 999px 24px 24px;overflow:hidden}
.hv-main img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.hv-main::after{content:'';position:absolute;inset:14px;border:1px solid rgba(251,245,238,.7);border-radius:999px 999px 16px 16px;pointer-events:none}
.hv-small{position:absolute;left:0;bottom:6%;width:40%;aspect-ratio:1;margin:0;border-radius:50%;overflow:hidden;border:8px solid var(--bg);box-shadow:0 30px 60px -30px rgba(43,31,26,.5)}
.hv-small img{width:100%;height:100%;object-fit:cover}
.ring{position:absolute;left:-30px;top:8%;width:150px;height:150px;overflow:visible}
.ring text{font-size:12.5px;letter-spacing:.32em;fill:var(--gold);font-family:var(--sans);font-weight:500}
/* trust */
.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper)}
.trust-row{display:grid;grid-template-columns:repeat(4,1fr)}
.trust-row li{padding:34px clamp(20px,3vw,44px);display:flex;flex-direction:column;gap:6px;line-height:1.4}
.trust-row li+li{border-left:1px solid var(--line)}
.trust-row b{font-family:var(--serif);font-size:24px;font-weight:400;color:var(--ink)}
.trust-row li:first-child b{color:var(--gold);letter-spacing:.1em}
.trust-row span{font-size:14px;color:var(--mute)}
/* menu */
.menu{padding:clamp(100px,11vw,160px) 0;position:relative}
.m-head{display:grid;grid-template-columns:1.2fr 1fr;gap:16px 60px;align-items:end;margin-bottom:60px}
.m-head .kicker{grid-column:1/-1;margin:0}
.m-head p:not(.kicker){color:var(--mute);margin:0}
.m-list li{display:grid;grid-template-columns:70px 1fr 200px 120px;gap:30px;align-items:center;padding:30px 0;border-top:1px solid var(--line);position:relative;cursor:default}
.m-list li:last-child{border-bottom:1px solid var(--line)}
.m-list li::before{content:'';position:absolute;inset:0;background:var(--paper);transform:scaleY(0);transform-origin:50% 100%;transition:transform .5s cubic-bezier(.2,.8,.2,1);z-index:-1}
.m-list li:hover::before{transform:scaleY(1)}
.m-no{font-family:var(--serif);font-style:italic;color:var(--gold);font-size:22px}
.m-txt h3{font-size:clamp(26px,2.4vw,34px);font-weight:400;margin:0 0 8px;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.m-list li:hover h3{transform:translateX(12px)}
.m-txt p{margin:0;color:var(--mute);font-size:16px;max-width:60ch}
.m-meta{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.m-pr{font-family:var(--serif);font-weight:400;font-size:24px;text-align:right}
.m-follow{position:fixed;left:0;top:0;width:260px;height:320px;pointer-events:none;z-index:40;border-radius:140px 140px 12px 12px;overflow:hidden;opacity:0;visibility:hidden}
.m-follow img{width:100%;height:100%;object-fit:cover}
/* presso */
.presso{background:var(--ink);color:#f5ebe1;padding:clamp(100px,11vw,160px) 0}
.presso .kicker{color:var(--gold2)}
.p-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,100px);align-items:start}
.p-vis{position:sticky;top:120px}
.p-vis figure{margin:0;border-radius:24px;overflow:hidden}
.p-vis img{width:100%;aspect-ratio:4/3.4;object-fit:cover}
.p-price{position:absolute;right:-24px;bottom:-24px;width:150px;height:150px;border-radius:50%;background:var(--gold);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.2}
.p-price b{font-family:var(--serif);font-weight:400;font-size:30px}
.p-price span{font-size:13px}
.p-copy .h2{margin-bottom:22px}
.p-lead{color:rgba(245,235,225,.78);font-size:18px}
.steps{margin:40px 0 0;counter-reset:s;position:relative}
.steps::before{content:'';position:absolute;left:21px;top:10px;bottom:10px;width:1px;background:rgba(201,154,91,.35)}
.steps li{display:flex;gap:24px;align-items:flex-start;padding:16px 0;font-size:17px;line-height:1.55;color:rgba(245,235,225,.9);position:relative}
.steps li span{flex:0 0 43px;height:43px;border-radius:50%;border:1px solid var(--gold2);display:flex;align-items:center;justify-content:center;font-family:var(--serif);color:var(--gold2);background:var(--ink);font-size:17px}
.p-note{margin-top:30px;padding:20px 24px;border:1px solid rgba(245,235,225,.2);border-radius:14px;color:rgba(245,235,225,.8);font-size:15.5px}
/* marken */
.marken{padding:clamp(100px,11vw,160px) 0}
.brands{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.brands article{background:var(--paper);border:1px solid var(--line);border-radius:200px 200px 16px 16px;padding:70px 28px 34px;text-align:center}
.brands i{font-family:var(--serif);color:var(--gold);font-size:30px;display:block;margin-bottom:18px}
.brands h3{font-size:24px;font-weight:400;margin:0 0 12px;line-height:1.25}
.brands p{font-size:15px;color:var(--mute);margin:0}
/* monica */
.monica{padding:clamp(80px,9vw,130px) 0 clamp(100px,11vw,160px)}
.mo-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,100px);align-items:center}
.mo-imgs{position:relative;height:620px}
.mo-a{position:absolute;left:0;top:0;width:62%;margin:0;border-radius:999px 999px 20px 20px;overflow:hidden;z-index:2}
.mo-a img{width:100%;aspect-ratio:978/1200;object-fit:cover}
.mo-b{position:absolute;right:0;bottom:0;width:52%;margin:0;border-radius:20px;overflow:hidden}
.mo-b img{width:100%;aspect-ratio:1241/1400;object-fit:cover}
.mo-copy .h2{margin-bottom:24px}
.mo-copy>p{color:var(--mute);font-size:18px}
.sig{font-family:var(--serif);font-style:italic;font-size:26px;color:var(--ink)!important;margin-top:30px;line-height:1.3}
.sig span{display:block;font-family:var(--sans);font-style:normal;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-top:6px}
/* voices */
.voices{padding:clamp(100px,11vw,150px) 0;background:var(--paper)}
.v-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:40px}
.v-grid blockquote{margin:0;padding:40px;border:1px solid var(--line);border-radius:24px;background:var(--bg)}
.v-grid blockquote:nth-child(even){transform:translateY(50px)}
.v-grid p{font-family:var(--serif);font-size:22px;line-height:1.5;margin:0 0 20px}
.v-grid cite{font-style:normal;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.v-link{display:inline-block;margin-top:80px;text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:3px}
/* gift */
.gift{padding:clamp(80px,8vw,110px) 0;background:var(--rose)}
.g-row{display:grid;grid-template-columns:1fr 1.2fr auto;gap:50px;align-items:center}
.gift .kicker{color:var(--ink)}
.gift p:not(.kicker){margin:0;font-size:17px}
.gift .btn-ghost{border-color:var(--ink)}
/* faq */
.faq{padding:clamp(100px,11vw,150px) 0}
.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font-family:var(--serif);font-size:23px;line-height:1.35}
.faq-list summary span{flex:0 0 30px;height:30px;border-radius:50%;border:1px solid var(--gold);position:relative}
.faq-list summary span::before,.faq-list summary span::after{content:'';position:absolute;left:8px;right:8px;top:50%;height:1px;background:var(--gold);transition:transform .4s}
.faq-list summary span::after{transform:rotate(90deg)}
.faq-list details[open] summary span::after{transform:rotate(0)}
.faq-list details p{color:var(--mute);margin:0;padding-bottom:24px}
/* kontakt */
.kontakt{padding:0 0 clamp(100px,11vw,150px)}
.k-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.k-copy .h2{margin-bottom:20px}.k-copy>p{color:var(--mute);margin-bottom:30px}
.k-card{margin:0;background:var(--paper);border:1px solid var(--line);border-radius:999px 999px 28px 28px;padding:110px 60px 50px;display:grid;grid-template-columns:1fr 1fr;gap:28px}
.k-card dt{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.k-card dd{margin:0;font-size:16.5px;line-height:1.65}
.k-card a{text-decoration:none;border-bottom:1px solid var(--rose)}
.footer{background:var(--ink);color:rgba(245,235,225,.78);padding:30px clamp(20px,5vw,80px);font-size:14px}
.footer-row{display:flex;flex-wrap:wrap;gap:16px 40px;justify-content:space-between}
.footer nav{display:flex;gap:24px}.footer a{text-decoration:none}
.tnv-cta .btn{--btn-bg:#c99a5b;--btn-ink:#2b1f1a}