/* Luxuria · design system per DESIGN.md */
:root{--r-btn:999px;--r-card:16px;--r-in:10px;--ink:#0c0b09;--ink-2:#14120f;--ink-3:#1d1a15;--bone:#ece4d2;--bone-2:#b7ad99;--gold:#c8a45a;--gold-deep:#9a7a35;--gold-pale:#f0dfb2;--hair:rgba(200,164,90,.24);--hair-2:rgba(236,228,210,.08);
--display:"Jost","Futura","Avenir Next","Helvetica Neue",sans-serif;--body:"Hanken Grotesk","Helvetica Neue",Arial,sans-serif;
--ease-out:cubic-bezier(.23,1,.32,1);--ease-inout:cubic-bezier(.77,0,.175,1);--z-sticky:10;--z-nav:20;--z-modal:30}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--bone);font:16px/1.7 var(--body);-webkit-font-smoothing:antialiased;text-wrap:pretty}
a{color:inherit;text-decoration:none}img,video,svg{max-width:100%;display:block}
h1,h2,h3{font-family:var(--display);font-weight:300;line-height:1.04;margin:0;letter-spacing:-.015em;text-wrap:balance}
h1{font-size:clamp(2.4rem,4.6vw,4.4rem)}h2{font-size:clamp(1.8rem,3.2vw,3rem)}h3{font-size:clamp(1.3rem,1.8vw,1.7rem);line-height:1.2;font-weight:400}
p{margin:0}.lede{font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.6;color:var(--bone-2);max-width:56ch}
.wrap{width:min(1280px,100% - 48px);margin-inline:auto}
.btn{display:inline-flex;align-items:center;gap:12px;padding:16px 30px;font:600 12px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);background:var(--gold);border:1px solid var(--gold);border-radius:var(--r-btn);transition:transform 160ms var(--ease-out),background 200ms,box-shadow 300ms}.btn:hover{box-shadow:0 10px 30px rgba(200,164,90,.22)}
.btn:hover{background:var(--gold-pale)}.btn:active{transform:scale(.97)}
.btn.line{background:transparent;color:var(--bone);border-color:var(--hair)}.btn.line:hover{border-color:var(--gold);background:transparent;color:var(--gold-pale)}
.btn .arrow{width:18px;height:10px;position:relative}.btn .arrow::before{content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background:currentColor}.btn .arrow::after{content:"";position:absolute;right:0;top:50%;width:7px;height:7px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:translateY(-50%) rotate(45deg)}
/* header */
.hd{position:fixed;top:0;left:0;right:0;z-index:var(--z-nav);background:transparent;transition:background 320ms var(--ease-out),border-color 320ms;border-bottom:1px solid transparent}
.hd.solid{background:rgba(12,11,9,.92);border-bottom-color:var(--hair-2)}
.hd .wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:84px;gap:24px}
.hd .prog{position:absolute;left:0;bottom:-1px;height:1px;width:0;background:var(--gold);transition:width 120ms linear}
.brand{display:flex;align-items:center;gap:14px;justify-self:start}.brand img{width:34px;height:34px}.brand .w{font-family:var(--display);font-weight:500;font-size:1.1rem;letter-spacing:.34em;color:var(--bone)}.brand .w small{display:block;font:500 .56rem/1 var(--body);letter-spacing:.36em;color:var(--gold);margin-top:5px}
.nav{display:flex;align-items:center;gap:36px;font:500 .74rem/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--bone-2);justify-self:center}
.nav a{padding:10px 0;position:relative}.nav a::after{content:"";position:absolute;left:0;right:100%;bottom:4px;height:1px;background:var(--gold);transition:right 280ms var(--ease-out)}.nav a:hover::after,.nav a.on::after{right:0}.nav a.on{color:var(--bone)}
.hd .right{display:flex;align-items:center;gap:22px;justify-self:end}
.lang{display:inline-flex;border:1px solid var(--hair);border-radius:999px;overflow:hidden;font:600 .68rem/1 var(--body);letter-spacing:.16em}.lang a{padding:10px 13px;color:var(--bone-2)}.lang a.on{color:var(--ink);background:var(--gold)}
.hd .btn{padding:14px 22px}
.burger{display:none;width:44px;height:44px;background:none;border:1px solid var(--hair);border-radius:999px;color:var(--bone);font-size:18px;justify-self:end}
@media(max-width:1060px){.hd .wrap{grid-template-columns:auto 1fr auto}.nav{display:none;position:absolute;top:84px;left:0;right:0;background:var(--ink);flex-direction:column;align-items:stretch;gap:0;padding:8px 24px 28px;border-bottom:1px solid var(--hair)}.nav.open{display:flex}.nav a{padding:16px 0;border-bottom:1px solid var(--hair-2)}.hd .right .btn{display:none}.burger{display:block}}
/* hero */
.hero{position:relative;min-height:100vh;display:grid;align-items:end;isolation:isolate;overflow:hidden}
.hero img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;z-index:-2;transform:scale(1.06);filter:brightness(.78) saturate(.92);animation:heroZoom 3s var(--ease-out) forwards}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(12,11,9,.45) 0%,rgba(12,11,9,.2) 35%,rgba(12,11,9,.86) 72%,rgba(12,11,9,.99) 100%)}
.hero .wrap{position:relative;padding:150px 0 clamp(48px,7vh,96px);display:grid;grid-template-columns:7fr 5fr;gap:40px;align-items:end}
.hero h1{font-size:clamp(2.6rem,5.6vw,5.4rem);font-weight:300}.hero h1 .l{display:block;overflow:hidden;padding-bottom:.14em;margin-bottom:-.14em}.hero h1 .l span{display:block;transform:translateY(110%);animation:lineUp 1.1s var(--ease-out) forwards}.hero h1 .l:nth-child(2) span{animation-delay:.12s;font-size:1.28em;color:var(--gold-pale)}.hero h1 .l:nth-child(3) span{animation-delay:.24s;color:var(--bone-2)}
.hero .side{padding-bottom:10px;opacity:0;animation:fade 1s .5s var(--ease-out) forwards}.hero .side .lede{margin-bottom:28px}.hero .cta{display:flex;gap:12px;flex-wrap:wrap}
.vf{position:absolute;inset:112px 24px 24px;pointer-events:none;z-index:1;opacity:0;animation:fade .8s .2s var(--ease-out) forwards}
.vf i{position:absolute;width:28px;height:28px;border:1px solid var(--gold);opacity:.8;border-radius:6px}.vf i:nth-child(1){left:0;top:0;border-right:0;border-bottom:0;border-radius:6px 0 0 0}.vf i:nth-child(2){right:0;top:0;border-left:0;border-bottom:0;border-radius:0 6px 0 0}.vf i:nth-child(3){left:0;bottom:0;border-right:0;border-top:0;border-radius:0 0 0 6px}.vf i:nth-child(4){right:0;bottom:0;border-left:0;border-top:0;border-radius:0 0 6px 0}
.vf .rec{position:absolute;right:0;top:0;transform:translate(-44px,4px);font:500 .68rem/1 var(--body);letter-spacing:.24em;color:var(--gold-pale);display:flex;gap:10px;align-items:center}.vf .rec::before{content:"";width:7px;height:7px;background:#e0574f;border-radius:50%;animation:blink 1.6s steps(1) infinite}
.vf .scroll{position:absolute;left:0;bottom:0;transform:translate(14px,-40px) rotate(-90deg);transform-origin:left bottom;font:500 .66rem/1 var(--body);letter-spacing:.3em;color:var(--bone-2)}
.play{width:min(300px,100%);border:1px solid var(--hair);border-radius:var(--r-card);background:rgba(12,11,9,.55);backdrop-filter:blur(8px);padding:10px;margin-bottom:26px;opacity:0;animation:fade 1s .9s var(--ease-out) forwards}
.play video{width:100%;aspect-ratio:16/9;object-fit:cover;background:#000;display:block;border-radius:calc(var(--r-card) - 6px)}.play .bar{height:1px;background:var(--hair);margin-top:8px;position:relative}.play .bar i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--gold)}.play .lbl{display:flex;justify-content:space-between;font:500 .64rem/1 var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--bone-2);padding:10px 2px 4px}
@media(max-width:960px){.hero .wrap{grid-template-columns:1fr;gap:26px;padding-top:130px}.hero{min-height:92vh}.play{display:none}.vf .rec{display:none}}
@keyframes heroZoom{to{transform:scale(1)}}@keyframes lineUp{to{transform:none}}@keyframes fade{to{opacity:1}}@keyframes blink{50%{opacity:0}}
.page-top{padding-top:84px}.page-top .sec:first-child{padding-top:clamp(40px,5vw,64px)}
/* rhythm */
.sec{padding-block:clamp(56px,7vw,96px)}.sec.tight{padding-block:clamp(40px,5vw,64px)}
.hair{height:1px;background:var(--hair)}.hair.short{width:96px}
.head{display:grid;grid-template-columns:7fr 5fr;gap:40px;align-items:end;margin-bottom:clamp(32px,4.5vw,56px)}.head .lede{margin-top:0}@media(max-width:960px){.head{grid-template-columns:1fr;gap:18px}}
/* statement + ledger */
.state{display:grid;grid-template-columns:6fr 6fr;gap:clamp(40px,7vw,120px);align-items:start}@media(max-width:960px){.state{grid-template-columns:1fr}}
.ledger{border-top:1px solid var(--hair)}.ledger .row{display:grid;grid-template-columns:auto 1fr;gap:28px;padding:26px 0;border-bottom:1px solid var(--hair)}.ledger .row b{font:300 clamp(2rem,3.2vw,2.8rem)/1 var(--display);color:var(--gold-pale);min-width:5.2ch;letter-spacing:-.02em}.ledger .row span{color:var(--bone-2);align-self:center;max-width:36ch}
/* media frame */
.frame{position:relative;padding:12px;border:1px solid var(--hair);border-radius:var(--r-card);background:var(--ink-2)}.frame::after{content:"";position:absolute;inset:-14px;border:1px solid rgba(200,164,90,.12);border-radius:calc(var(--r-card) + 10px);pointer-events:none}.frame video,.frame img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#000;border-radius:calc(var(--r-card) - 8px)}
.cap{display:flex;justify-content:space-between;gap:20px;padding-top:18px;font-size:.85rem;color:var(--bone-2);flex-wrap:wrap}
/* image-led list (services) */
.svc{display:grid;grid-template-columns:5fr 7fr;gap:clamp(28px,5vw,72px);align-items:center;padding-block:clamp(40px,6vw,80px);border-top:1px solid var(--hair)}.svc:nth-child(even){grid-template-columns:7fr 5fr}.svc:nth-child(even) .pic{order:2}.svc .pic img{aspect-ratio:4/3;object-fit:cover;width:100%;border-radius:var(--r-card)}.svc h3{margin-bottom:12px}.svc p{color:var(--bone-2);max-width:52ch}.svc .meta{margin-top:22px;font:500 .78rem/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
@media(max-width:960px){.svc,.svc:nth-child(even){grid-template-columns:1fr}.svc:nth-child(even) .pic{order:0}}
/* timeline */
.tl{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--hair);counter-reset:st}.tl div{padding:34px 28px 0 0;position:relative}.tl div::before{content:"";position:absolute;top:-1px;left:0;width:56px;height:1px;background:var(--gold)}.tl b{display:block;font:300 2rem/1 var(--display);color:var(--gold);margin-bottom:18px}.tl h3{font-size:1.25rem;margin-bottom:10px}.tl p{color:var(--bone-2);font-size:.95rem;max-width:30ch}
@media(max-width:960px){.tl{grid-template-columns:1fr 1fr}}@media(max-width:600px){.tl{grid-template-columns:1fr}}
/* audience */
.aud{position:relative;isolation:isolate;padding:clamp(56px,7vw,96px) 0}.aud img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.aud::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,11,9,.96) 0%,rgba(12,11,9,.86) 45%,rgba(12,11,9,.35) 100%)}
.aud ul{list-style:none;padding:0;margin:34px 0 0;max-width:520px}.aud li{padding:18px 0;border-top:1px solid var(--hair);display:grid;grid-template-columns:28px 1fr;gap:14px}.aud li::before{content:"";width:12px;height:12px;border:1px solid var(--gold);transform:rotate(45deg);margin-top:8px}
/* gold band */
.band{background:var(--gold);color:var(--ink);padding:clamp(56px,7vw,96px) 0}.band .wrap{display:grid;grid-template-columns:7fr 5fr;gap:40px;align-items:end}.band h2{color:var(--ink)}.band p{color:#3a2d12;max-width:46ch;margin-bottom:26px}.band .btn{background:var(--ink);color:var(--gold-pale);border-color:var(--ink)}.band .btn:hover{background:#1d1a15}
@media(max-width:960px){.band .wrap{grid-template-columns:1fr}}
/* packages ledger */
.pk{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:0;border:1px solid var(--hair);border-radius:var(--r-card);overflow:hidden}.pk>div{padding:clamp(28px,4vw,52px) clamp(22px,3vw,40px);border-right:1px solid var(--hair);display:flex;flex-direction:column}.pk>div:last-child{border-right:0}
.pk .feat{background:var(--gold);color:var(--ink)}.pk .feat h3,.pk .feat .price{color:var(--ink)}.pk .feat li{border-color:rgba(12,11,9,.18);color:#2c2210}.pk .feat .btn{background:var(--ink);color:var(--gold-pale);border-color:var(--ink)}.pk .feat .tag{color:var(--ink);border-color:rgba(12,11,9,.35)}
.pk .tag{font:500 .72rem/1 var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--gold);border:1px solid var(--hair);border-radius:999px;padding:8px 14px;align-self:flex-start;margin-bottom:22px}
.pk h3{font-size:1.5rem}.pk .price{font:300 clamp(2.4rem,4vw,3.6rem)/1 var(--display);color:var(--gold-pale);margin:18px 0 6px;letter-spacing:-.02em}.pk .per{font-size:.85rem;opacity:.75;margin-bottom:22px}
.pk ul{list-style:none;padding:0;margin:0 0 28px;flex:1}.pk li{padding:12px 0;border-top:1px solid var(--hair);font-size:.95rem}.pk .btn{justify-content:center}
@media(max-width:960px){.pk{grid-template-columns:1fr}.pk>div{border-right:0;border-bottom:1px solid var(--hair)}}
/* calculator */
.calc{display:grid;grid-template-columns:5fr 7fr;gap:clamp(36px,6vw,96px);align-items:start}@media(max-width:960px){.calc{grid-template-columns:1fr}}
.calc .in label{display:block;font:500 .78rem/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--bone-2);margin-bottom:14px}
.step{display:flex;align-items:center;gap:10px}.step button{width:52px;height:52px;background:transparent;border:1px solid var(--hair);border-radius:999px;color:var(--bone);font-size:22px;cursor:pointer;transition:transform 160ms var(--ease-out),border-color 200ms}.step button:hover{border-color:var(--gold)}.step button:active{transform:scale(.95)}
.step input{width:110px;height:52px;background:var(--ink-2);border:1px solid var(--hair);border-radius:var(--r-in);color:var(--bone);font:300 1.8rem/1 var(--display);text-align:center}.step input:focus{outline:none;border-color:var(--gold)}
input[type=range]{width:100%;margin:22px 0 8px;accent-color:var(--gold)}
.tiers{display:grid;grid-template-columns:repeat(3,1fr);margin-top:26px;border:1px solid var(--hair);border-radius:var(--r-in);overflow:hidden}.tiers div{padding:14px 12px;text-align:center;font-size:.82rem;color:var(--bone-2);border-right:1px solid var(--hair)}.tiers div:last-child{border-right:0}.tiers b{display:block;font:400 1.35rem/1.2 var(--display);color:var(--bone)}.tiers .on{background:var(--gold);color:#3a2d12}.tiers .on b{color:var(--ink)}
.out .line{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:baseline;padding:22px 0;border-top:1px solid var(--hair)}.out .line:last-child{border-bottom:1px solid var(--hair)}.out .line span{color:var(--bone-2)}.out .line b{font:400 clamp(1.6rem,2.6vw,2.2rem)/1 var(--display);color:var(--bone);white-space:nowrap}.out .save b{color:var(--gold);font-size:clamp(2.4rem,4.4vw,3.6rem)}.out .note{padding-top:16px;font-size:.9rem;color:var(--bone-2)}
/* process page */
.proc{display:grid;grid-template-columns:1fr;gap:0}.proc .st{display:grid;grid-template-columns:90px 5fr 6fr;gap:clamp(20px,3vw,48px);align-items:center;padding:clamp(36px,5vw,64px) 0;border-top:1px solid var(--hair)}.proc .st:last-child{border-bottom:1px solid var(--hair)}.proc b{font:300 clamp(2.2rem,3.6vw,3.2rem)/1 var(--display);color:var(--gold)}.proc h3{margin-bottom:10px}.proc p{color:var(--bone-2);max-width:48ch}.proc img{aspect-ratio:3/2;object-fit:cover;width:100%;border-radius:var(--r-card)}
@media(max-width:960px){.proc .st{grid-template-columns:1fr}.proc img{order:-1}}
/* faq */
details{border-top:1px solid var(--hair);padding:22px 0}details:last-of-type{border-bottom:1px solid var(--hair)}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;font:400 1.2rem/1.3 var(--display)}summary::-webkit-details-marker{display:none}summary::after{content:"+";color:var(--gold);font-size:1.6rem;flex:none}details[open] summary::after{content:"\2212"}details p{margin-top:14px;color:var(--bone-2);max-width:66ch}
/* forms */
form{display:grid;gap:18px;grid-template-columns:1fr 1fr}form .full{grid-column:1/-1}label.f{display:grid;gap:8px;font:500 .74rem/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--bone-2)}input:not([type=range]),textarea,select{width:100%;background:var(--ink-2);border:1px solid var(--hair-2);border-radius:var(--r-in);color:var(--bone);padding:16px;font:400 1rem/1.4 var(--body)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--gold)}textarea{min-height:150px;resize:vertical}
@media(max-width:700px){form{grid-template-columns:1fr}}
/* prose */
.prose{max-width:70ch}.prose p{color:var(--bone-2);margin-bottom:18px}.prose h3{margin:40px 0 12px}.prose ul{color:var(--bone-2);padding-left:20px}
.people{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px)}@media(max-width:700px){.people{grid-template-columns:1fr}}.people img{aspect-ratio:4/5;object-fit:cover;width:100%;filter:grayscale(1) contrast(1.05)}.people h3{margin:18px 0 4px}.people p{color:var(--bone-2)}
/* footer */
.ft{border-top:1px solid var(--hair);padding:clamp(48px,7vw,90px) 0 32px;color:var(--bone-2);font-size:.9rem}.ft .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:34px}@media(max-width:900px){.ft .cols{grid-template-columns:1fr 1fr}}.ft h4{font:500 .72rem/1 var(--body);letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin:0 0 18px}.ft a{display:block;padding:5px 0}.ft a:hover{color:var(--bone)}.ft .copy{margin-top:48px;padding-top:22px;border-top:1px solid var(--hair-2);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.8rem}
/* reveal: nur mit JS, sonst sofort sichtbar */
.js .rv{opacity:0;transform:translateY(18px);transition:opacity 900ms var(--ease-out),transform 900ms var(--ease-out)}.js .rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important}.hero h1 .l span{transform:none}.hero .side,.vf,.play{opacity:1}.hero img.bg{transform:none}}

/* preloader */
.pre{position:fixed;inset:0;z-index:40;background:var(--ink);display:grid;place-items:center;transition:clip-path 900ms var(--ease-inout)}.pre.off{clip-path:inset(0 0 100% 0);pointer-events:none}
.pre .m{width:54px;height:54px;opacity:0;transform:scale(.9);transition:opacity 500ms var(--ease-out),transform 500ms var(--ease-out)}.pre.go .m{opacity:1;transform:none}
.pre .ln{position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--gold);transition:width 900ms var(--ease-inout)}.pre.go .ln{width:100%}
/* cursor */
@media(hover:hover) and (pointer:fine){.cur{position:fixed;left:0;top:0;width:12px;height:12px;border:1px solid var(--gold);border-radius:50%;pointer-events:none;z-index:50;transform:translate(-50%,-50%);transition:width 220ms var(--ease-out),height 220ms var(--ease-out),background 220ms,opacity 220ms;mix-blend-mode:difference}.cur.big{width:56px;height:56px;background:rgba(200,164,90,.12)}.cur.play::after{content:"Play";position:absolute;inset:0;display:grid;place-items:center;font:600 .6rem/1 var(--body);letter-spacing:.2em;color:var(--gold-pale)}.cur.play{width:72px;height:72px;background:rgba(12,11,9,.6)}}
/* kinetic strip */
.strip{overflow:hidden;white-space:nowrap;border-block:1px solid rgba(12,11,9,.25);padding:14px 0;margin-bottom:clamp(40px,6vw,70px)}.strip .track{display:inline-flex;width:max-content;animation:mq 28s linear infinite;will-change:transform}.strip span{display:inline-block;font:400 clamp(1.4rem,2.6vw,2.2rem)/1 var(--display)}.strip span i{font-style:normal;opacity:.45;padding:0 22px}@keyframes mq{to{transform:translateX(-50%)}}
/* horizontal services */
.hs{position:relative}.hs .track{display:flex}.hs .panel{flex:0 0 100%;display:grid;grid-template-columns:5fr 6fr;gap:clamp(28px,5vw,72px);align-items:center;padding:0 0 0 0}.hs .panel .pic img{aspect-ratio:4/3;object-fit:cover;width:100%}.hs .panel h3{margin-bottom:12px;font-size:clamp(1.6rem,2.6vw,2.4rem)}.hs .panel p{color:var(--bone-2);max-width:48ch;font-size:1.05rem}.hs .panel .meta{margin-top:22px;font:500 .78rem/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.hs .panel .num{font:400 clamp(4rem,8vw,7rem)/1 var(--display);color:var(--ink-3);margin-bottom:-.2em;position:relative;z-index:-1}
.hs .dots{display:flex;gap:10px;margin-top:34px}.hs .dots i{width:40px;height:1px;background:var(--hair)}.hs .dots i.on{background:var(--gold)}
@media(max-width:960px){.hs .track{flex-direction:column;gap:56px}.hs .panel{grid-template-columns:1fr}.hs .dots{display:none}}
/* page transition */
.pt{position:fixed;inset:0;background:var(--ink);z-index:39;pointer-events:none;opacity:0;transition:opacity 260ms var(--ease-out)}.pt.on{opacity:1;pointer-events:all}
/* tilt */
.pk>div{transform-style:preserve-3d;transition:transform 400ms var(--ease-out)}
@media(prefers-reduced-motion:reduce){.strip .track{animation:none}.pre{display:none}.cur{display:none}}
@media(max-width:600px){.brand .w small{display:none}.brand .w{font-size:1rem;letter-spacing:.28em}.vf .scroll{display:none}.hd .wrap{height:72px}.nav{top:72px}}

/* Rechner als Instrument */
.kick{font:600 .72rem/1 var(--body);letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin:0 0 18px}
.calcsec{position:relative;isolation:isolate;padding-top:calc(84px + clamp(36px,5vw,64px))}.calcsec::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 60% 50% at 70% 20%,rgba(200,164,90,.16),transparent 70%)}
.instr{display:grid;grid-template-columns:5fr 7fr;border:1px solid var(--hair);border-radius:var(--r-card);overflow:hidden;position:relative}.instr::after{content:"";position:absolute;inset:-12px;border:1px solid rgba(200,164,90,.12);border-radius:calc(var(--r-card) + 8px);pointer-events:none}
.instr .in{padding:clamp(28px,4vw,52px);border-right:1px solid var(--hair);background:var(--ink-2)}.instr .out{padding:clamp(28px,4vw,52px);background:linear-gradient(160deg,#171410,#0d0b09)}.instr .out .btn{border-radius:999px}
.instr .in label{display:block;font:500 .78rem/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--bone-2);margin-bottom:14px}.instr .note{margin-top:26px;font-size:.9rem;color:var(--bone-2);max-width:40ch}
.instr .out .line{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end;padding:20px 0;border-bottom:1px solid var(--hair)}.instr .out .line span{color:var(--bone-2);display:grid;gap:4px}.instr .out .line small{font-size:.8rem;letter-spacing:.06em;opacity:.8;white-space:nowrap;display:block}.instr .out .line small span{display:inline}.instr .out .line b{font:400 clamp(1.5rem,2.4vw,2rem)/1 var(--display);color:var(--bone);white-space:nowrap}
.instr .save{display:grid;grid-template-columns:1fr auto;gap:8px 20px;align-items:end;padding:34px 0 10px}.instr .save span{grid-column:1/-1;font:600 .74rem/1 var(--body);letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}.instr .save b{font:400 clamp(3rem,6.4vw,5.6rem)/1 var(--display);color:var(--gold-pale);letter-spacing:-.01em}.instr .save em{font:400 1.3rem/1 var(--display);font-style:normal;color:var(--gold);padding-bottom:.35em}
.instr .pkg{color:var(--bone-2);font-size:.95rem;margin:12px 0 26px}.instr .pkg span{color:var(--bone)}
@media(max-width:960px){.instr{grid-template-columns:1fr}.instr .in{border-right:0;border-bottom:1px solid var(--hair)}}
.legal h3{font-size:1.25rem;margin:34px 0 8px}.legal p{margin-bottom:14px}.legal a{color:var(--gold)}

.instr .out .line small{white-space:nowrap}

.tiers b{white-space:nowrap}.instr .out .line span:first-child{white-space:nowrap}
@media(max-width:600px){.instr .out .line span:first-child{white-space:normal}}

/* Rechner v2: Balkenvergleich */
.calc2{display:grid;grid-template-columns:5fr 7fr;gap:0;border:1px solid var(--hair);border-radius:var(--r-card);overflow:hidden;background:var(--ink-2)}
.calc2 .c-in{padding:clamp(24px,3.5vw,44px);border-right:1px solid var(--hair)}.calc2 .c-out{padding:clamp(24px,3.5vw,44px);background:linear-gradient(160deg,#181510,#0e0c0a)}
.calc2 label{display:block;font:500 .74rem/1 var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--bone-2);margin-bottom:14px}
.calc2 .tiers{margin-top:22px}.calc2 .tiers div{padding:12px 8px}
.bar{padding:6px 0 18px}.bar .lbl{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:10px}.bar .lbl span{color:var(--bone-2);font-size:.95rem}.bar .lbl b{font:300 clamp(1.4rem,2.2vw,1.9rem)/1 var(--display);color:var(--bone);letter-spacing:-.02em;white-space:nowrap}
.bar .trk{height:10px;border-radius:999px;background:rgba(236,228,210,.07);overflow:hidden}.bar .trk i{display:block;height:100%;border-radius:999px;background:rgba(236,228,210,.28);transition:width 600ms var(--ease-out)}.bar.ours .trk i{background:linear-gradient(90deg,var(--gold-deep),var(--gold),var(--gold-pale))}.bar.ours .lbl b{color:var(--gold-pale)}
.bar small{display:block;margin-top:8px;font-size:.78rem;letter-spacing:.06em;color:var(--bone-2);opacity:.85}
.res{display:grid;grid-template-columns:1fr auto;gap:2px 16px;align-items:end;margin-top:14px;padding-top:22px;border-top:1px solid var(--hair)}.res span{grid-column:1/-1;font:600 .72rem/1 var(--body);letter-spacing:.28em;text-transform:uppercase;color:var(--gold)}.res b{font:300 clamp(2.6rem,5vw,4.4rem)/1 var(--display);color:var(--gold-pale);letter-spacing:-.03em}.res em{font:300 1.3rem/1 var(--display);font-style:normal;color:var(--gold);padding-bottom:.3em}
.foot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:22px}.pkgline{color:var(--bone-2);font-size:.92rem}.pkgline b{color:var(--bone);font-weight:500}
@media(max-width:960px){.calc2{grid-template-columns:1fr}.calc2 .c-in{border-right:0;border-bottom:1px solid var(--hair)}}