/* Variante 24 · Premium Flagship — warmes Charcoal, Champagner-Gold, zeremonielle Serifen. */
.kwpf{
  --bg:#1c1a17;--bg-deep:#141210;--panel:#232019;--cream:#f2ead9;--cream-mut:#a89e8c;
  --gold:#c9a961;--gold-deep:#8a7440;--hair:rgba(201,169,97,.3);--hair-soft:rgba(201,169,97,.16);
  box-sizing:border-box;margin:0;background:var(--bg);color:var(--cream);
  font:16px/1.7 Georgia,'Times New Roman',serif;overflow:hidden;
}
.kwpf *,.kwpf *:before,.kwpf *:after{box-sizing:border-box}
.kwpf img{display:block;max-width:100%;height:auto}
.kwpf h1,.kwpf h2,.kwpf h3,.kwpf p,.kwpf ul,.kwpf ol,.kwpf figure{margin:0}
.kwpf a{color:var(--gold)}
.kwpf a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}

.kwpf-summary{max-width:860px;margin:0 auto;padding:14px 22px 0;font-size:12px;line-height:1.6;color:#6f675a;text-align:center;font-family:Arial,Helvetica,sans-serif}

.kwpf-header{display:flex;flex-direction:column;align-items:center;gap:8px;padding:38px 22px 26px;text-align:center;border-bottom:1px solid var(--hair-soft)}
.kwpf-mark{font-family:Georgia,serif;font-size:26px;letter-spacing:.28em;text-transform:uppercase;color:var(--cream)}
.kwpf-header-sub{font-family:Arial,Helvetica,sans-serif;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}

.kwpf-vbar{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 22px;border-bottom:1px solid var(--hair-soft);font-family:Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:.08em;color:var(--cream-mut)}
.kwpf-vbar-model{color:var(--cream);font-weight:bold;text-decoration:none}
.kwpf-vbar-link{font-weight:bold;text-decoration:none}
.kwpf-vbar-link:hover{text-decoration:underline}
.kwpf-vbar-sep{width:4px;height:4px;background:var(--gold);transform:rotate(45deg)}

.kwpf-hero{padding:90px 22px 70px;text-align:center}
.kwpf-eyebrow,.kwpf-label{font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:bold;letter-spacing:.34em;text-transform:uppercase;color:var(--gold)}
.kwpf-h1{margin-top:22px;font-size:clamp(38px,5.6vw,68px);font-weight:400;line-height:1.12;letter-spacing:.01em;color:var(--cream)}
.kwpf-lead{max-width:640px;margin:26px auto 0;font-size:18px;line-height:1.75;color:var(--cream-mut);font-style:italic}

.kwpf-stage{max-width:880px;margin:60px auto 0;padding:70px 50px;background:radial-gradient(ellipse 62% 70% at 50% 42%,#3a352c 0%,var(--bg-deep) 78%);border:1px solid var(--hair-soft)}
.kwpf-stage img{margin:0 auto;filter:drop-shadow(0 26px 40px rgba(0,0,0,.55))}

.kwpf-plaque{display:flex;justify-content:center;margin:-34px auto 0;position:relative;z-index:2;padding:0 22px}
.kwpf-plaque-inner{
  background:linear-gradient(160deg,#e2cc96 0%,#c9a961 34%,#a4884b 62%,#d9c188 100%);
  color:#241d0d;border:1px solid #8a7440;box-shadow:0 14px 34px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 4px rgba(60,45,10,.4);
  padding:20px 34px;display:grid;grid-template-columns:repeat(4,auto);gap:8px 44px;
}
.kwpf-plaque-row{display:flex;flex-direction:column;gap:1px;text-align:left}
.kwpf-plaque-row span{font-family:Arial,Helvetica,sans-serif;font-size:9px;font-weight:bold;letter-spacing:.22em;text-transform:uppercase;color:#5c4a1e}
.kwpf-plaque-row b{font-family:Georgia,serif;font-size:15px;letter-spacing:.04em;text-shadow:0 1px 0 rgba(255,255,255,.35)}

.kwpf-hero-actions{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:44px}
.kwpf-button{display:inline-block;font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:bold;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;padding:15px 32px;background:var(--gold);color:#1c1a17;border:1px solid var(--gold)}
.kwpf-button:hover{background:#d9bc78}
.kwpf-button-ghost{background:transparent;color:var(--gold)}
.kwpf-button-ghost:hover{background:rgba(201,169,97,.1)}
.kwpf-button:focus-visible{outline:3px solid var(--cream);outline-offset:3px}

.kwpf-section{max-width:1060px;margin:0 auto;padding:90px 22px 0;text-align:center}
.kwpf-section:before{content:"";display:block;width:74px;height:1px;background:var(--gold);margin:0 auto 26px}
.kwpf-h2{margin-top:18px;font-size:clamp(28px,3.6vw,44px);font-weight:400;line-height:1.2;color:var(--cream)}
.kwpf-section-copy{max-width:600px;margin:16px auto 0;color:var(--cream-mut)}
.kwpf-section-cta{margin-top:44px}
.kwpf-inline-link{font-weight:bold;text-decoration:none}
.kwpf-inline-link:hover{text-decoration:underline}

.kwpf-trio{margin-top:54px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hair-soft);border:1px solid var(--hair-soft)}
.kwpf-trio-item{background:var(--bg);padding:44px 30px;text-align:center}
.kwpf-trio-num{display:block;font-family:Georgia,serif;font-size:clamp(40px,4.4vw,58px);line-height:1;color:var(--gold)}
.kwpf-trio-num i{font-style:normal;font-family:Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:.2em;text-transform:uppercase;margin-left:8px;color:var(--gold-deep)}
.kwpf-trio-item h3{margin-top:16px;font-size:19px;font-weight:400;color:var(--cream)}
.kwpf-trio-item p{margin-top:10px;font-size:14px;line-height:1.65;color:var(--cream-mut);font-family:Arial,Helvetica,sans-serif}

.kwpf-fit{max-width:820px;margin:70px auto 0;padding:26px 32px;border-left:3px solid var(--gold);background:var(--panel);text-align:left}
.kwpf-fit-title{font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:bold;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
.kwpf-fit p:last-child{margin-top:8px;color:var(--cream-mut);font-size:15px}

.kwpf-gallery{margin-top:54px;display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.kwpf-vitrine{display:flex;flex-direction:column;gap:14px}
.kwpf-vitrine-frame{display:block;border:1px solid var(--gold-deep);outline:1px solid var(--hair-soft);outline-offset:5px;background:#fff;padding:22px}
.kwpf-vitrine-frame img{width:100%;aspect-ratio:1/1;object-fit:contain}
.kwpf-vitrine figcaption{font-family:Arial,Helvetica,sans-serif;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--cream-mut)}

.kwpf-included{list-style:none;margin:54px auto 0;padding:0;max-width:720px;text-align:left}
.kwpf-included li{display:grid;grid-template-columns:74px 1fr;gap:20px;align-items:baseline;padding:22px 6px;border-top:1px solid var(--hair-soft)}
.kwpf-included li:last-child{border-bottom:1px solid var(--hair-soft)}
.kwpf-included-num{font-family:Georgia,serif;font-size:26px;color:var(--gold)}
.kwpf-included h3{font-size:19px;font-weight:400;color:var(--cream)}
.kwpf-included p{margin-top:2px;font-family:Arial,Helvetica,sans-serif;font-size:13px;color:var(--cream-mut)}

.kwpf-offers{margin-top:54px;display:grid;grid-template-columns:1fr 1fr;gap:26px;text-align:left}
.kwpf-offer{background:var(--panel);border:1px solid var(--hair-soft);padding:36px;display:flex;flex-direction:column}
.kwpf-offer-this{border:1px solid var(--gold)}
.kwpf-offer-chip{align-self:flex-start;font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:bold;letter-spacing:.22em;text-transform:uppercase;background:var(--gold);color:#1c1a17;padding:6px 14px}
.kwpf-offer-chip-alt{background:transparent;color:var(--cream-mut);border:1px solid var(--hair)}
.kwpf-offer h3{margin-top:20px;font-size:26px;font-weight:400}
.kwpf-offer-sub{margin-top:6px;font-family:Arial,Helvetica,sans-serif;font-size:13px;color:var(--cream-mut)}
.kwpf-offer ul{list-style:none;padding:0;margin:22px 0 30px;display:grid;gap:12px;font-family:Arial,Helvetica,sans-serif;font-size:14px;color:var(--cream)}
.kwpf-offer ul li{padding-left:24px;position:relative}
.kwpf-offer ul li:before{content:"";position:absolute;left:2px;top:7px;width:7px;height:7px;background:var(--gold);transform:rotate(45deg)}
.kwpf-offer .kwpf-button{margin-top:auto;text-align:center}

.kwpf-tablewrap{margin-top:50px;border:1px solid var(--hair-soft);background:var(--panel);padding:8px 28px;text-align:left}
.kwpf-table{width:100%;border-collapse:collapse;font-family:Arial,Helvetica,sans-serif;font-size:13px}
.kwpf-table th,.kwpf-table td{text-align:left;padding:13px 10px;border-bottom:1px solid var(--hair-soft);vertical-align:top}
.kwpf-table tbody tr:last-child td{border-bottom:0}
.kwpf-table thead th{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--hair)}
.kwpf-table td{color:var(--cream)}
.kwpf-table td:first-child{color:var(--cream-mut)}

.kwpf-detail{margin-top:54px;display:grid;grid-template-columns:1fr 1fr;gap:26px;text-align:left}
.kwpf-detail-card .kwpf-vitrine-frame{margin-bottom:24px}
.kwpf-detail-kicker{font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:bold;letter-spacing:.28em;text-transform:uppercase;color:var(--gold)}
.kwpf-detail-card h3{margin-top:8px;font-size:24px;font-weight:400}
.kwpf-detail-card p:last-child{margin-top:10px;font-size:15px;color:var(--cream-mut)}

.kwpf-specs{margin-top:54px;display:grid;grid-template-columns:1fr 1fr;gap:26px;text-align:left}
.kwpf-spec-col{border:1px solid var(--hair-soft);background:var(--panel);padding:30px 32px}
.kwpf-spec-col h3{font-size:21px;font-weight:400;color:var(--cream);padding-bottom:16px;border-bottom:1px solid var(--gold)}
.kwpf-spec-table{width:100%;border-collapse:collapse;font-family:Arial,Helvetica,sans-serif;font-size:14px}
.kwpf-spec-table th,.kwpf-spec-table td{padding:11px 0;border-bottom:1px solid var(--hair-soft);vertical-align:top}
.kwpf-spec-table tr:last-child th,.kwpf-spec-table tr:last-child td{border-bottom:0}
.kwpf-spec-table th{text-align:left;font-weight:normal;color:var(--cream-mut)}
.kwpf-spec-table td{text-align:right;color:var(--cream);font-weight:bold}

.kwpf-notes{margin-top:54px;display:grid;grid-template-columns:1fr 1fr;gap:26px;text-align:left}
.kwpf-note{border:1px solid var(--hair-soft);background:var(--panel);padding:32px}
.kwpf-note h3{font-size:21px;font-weight:400}
.kwpf-note>p{margin-top:12px;font-size:15px;color:var(--cream-mut)}
.kwpf-note-doc-title{font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:bold;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-top:26px}
.kwpf-doclist{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:1px;background:var(--hair-soft);border:1px solid var(--hair-soft)}
.kwpf-doclist a{display:block;background:var(--bg);padding:11px 16px;font-family:Arial,Helvetica,sans-serif;font-size:13px;color:var(--cream);text-decoration:none}
.kwpf-doclist a:hover{color:var(--gold)}

.kwpf-more{margin-top:54px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.kwpf-more-card{display:flex;flex-direction:column;gap:14px;text-decoration:none}
.kwpf-more-media{display:block;border:1px solid var(--hair-soft);background:var(--bg-deep);padding:16px}
.kwpf-more-card:hover .kwpf-more-media{border-color:var(--gold)}
.kwpf-more-media img{width:100%;aspect-ratio:1/1;object-fit:contain}
.kwpf-more-action{font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:bold;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);text-align:center}

.kwpf-brands{max-width:1060px;margin:90px auto 0;padding:56px 22px;border-top:1px solid var(--hair-soft);border-bottom:1px solid var(--hair-soft);text-align:center}
.kwpf-brands-row{margin-top:36px;display:grid;grid-template-columns:repeat(5,1fr);gap:38px;align-items:center}
.kwpf-brands-row img{width:100%;height:auto;opacity:.85}

.kwpf-finale{padding-bottom:20px}
.kwpf-finale .kwpf-h2{margin-top:18px}

.kwpf-faq{margin-top:54px;display:grid;grid-template-columns:1fr 1fr;gap:26px;text-align:left}
.kwpf-faq-item{border-top:1px solid var(--gold);padding-top:20px}
.kwpf-faq-item h3{font-size:19px;font-weight:400;color:var(--cream)}
.kwpf-faq-item p{margin-top:10px;font-size:15px;color:var(--cream-mut)}

.kwpf-footer{margin-top:100px;border-top:1px solid var(--hair-soft);padding:50px 22px 60px;text-align:center}
.kwpf-footer p{max-width:560px;margin:14px auto 0;font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#6f675a}
.kwpf-token{overflow-wrap:anywhere;font-size:11px}

@media(prefers-reduced-motion:no-preference){
  .kwpf-button,.kwpf-doclist a,.kwpf-more-media{transition:background .2s ease,border-color .2s ease,color .2s ease}
}

@media(max-width:900px){
  .kwpf-trio{grid-template-columns:1fr}
  .kwpf-gallery{grid-template-columns:1fr 1fr}
  .kwpf-gallery .kwpf-vitrine:last-child{grid-column:1/-1}
  .kwpf-more{grid-template-columns:1fr 1fr}
  .kwpf-plaque-inner{grid-template-columns:repeat(2,auto);gap:14px 40px}
}

@media(max-width:740px){
  .kwpf-hero{padding:60px 18px 50px}
  .kwpf-section{padding:66px 18px 0}
  .kwpf-stage{padding:34px 22px;margin-top:44px}
  .kwpf-offers,.kwpf-detail,.kwpf-specs,.kwpf-notes,.kwpf-faq,.kwpf-gallery{grid-template-columns:1fr}
  .kwpf-gallery .kwpf-vitrine:last-child{grid-column:auto}
  .kwpf-brands-row{grid-template-columns:repeat(3,1fr);gap:26px}
  .kwpf-included li{grid-template-columns:50px 1fr}
  .kwpf-tablewrap{padding:2px 14px}
  .kwpf-table,.kwpf-table tbody,.kwpf-table tr,.kwpf-table td{display:block}
  .kwpf-table thead{display:none}
  .kwpf-table tr{border-bottom:1px solid var(--hair-soft);padding:12px 0}
  .kwpf-table tr:last-child{border-bottom:0}
  .kwpf-table td{border:0;padding:4px 4px 4px 46%;position:relative;min-height:26px}
  .kwpf-table td:first-child{color:var(--cream-mut)}
  .kwpf-table td:before{content:attr(data-label);position:absolute;left:4px;top:7px;width:42%;font-size:9px;font-weight:bold;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
}

@media(max-width:420px){
  .kwpf-plaque-inner{grid-template-columns:1fr;padding:18px 26px}
  .kwpf-more{grid-template-columns:1fr}
  .kwpf-brands-row{grid-template-columns:repeat(2,1fr)}
  .kwpf-vbar{gap:10px}
  .kwpf-table td{padding-left:42%}
  .kwpf-table td:before{width:38%}
}

.kwpf a.kwpf-button{color:#1c1a17}.kwpf a.kwpf-button-ghost{color:var(--gold)}