.karte-page{min-height:100svh;display:flex;flex-direction:column}
.karte-header .karte-back{margin-left:auto;font-size:.92rem;text-decoration:none;color:#eee9ef}
.karte-header .karte-back:hover{color:#d7b1dd}
.karte-content{flex:1}
.karte-main{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:clamp(32px,6vw,88px);padding-block:clamp(56px,8vw,112px)}
.karte-copy h1{font-size:clamp(2.1rem,5.8vw,4.75rem);white-space:normal;line-height:1.06;max-width:none}
.karte-intro{max-width:440px;font-size:1.12rem;line-height:1.75;margin-top:24px;color:#d6ced9}
.karte-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:34px}
.karte-actions .button{gap:14px;min-height:56px}
.karte-pdf-label{padding:3px 5px;border:1px solid #20172438;border-radius:3px;font-size:.62rem;font-weight:600;letter-spacing:.04em}
.karte-download{display:inline-flex;gap:8px;align-items:center;min-height:44px;font-size:.9rem;font-weight:500}
.karte-note{max-width:400px;font-size:.8rem;line-height:1.65;margin-top:22px;color:#a69daa}
.karte-visual{display:flex;justify-content:center;padding:12px}
.karte-paper{width:min(330px,100%);aspect-ratio:4/5;display:flex;flex-direction:column;align-items:center;padding:32px 30px 25px;background:#ece6ee;color:#201724;border:1px solid #fff4;border-radius:8px;box-shadow:0 24px 65px #0003;transform:rotate(3deg);transition:transform .25s ease}
.karte-visual:hover .karte-paper{transform:rotate(1deg)}
.karte-paper-logo{width:210px;filter:brightness(0);height:auto}
.karte-paper-rule{width:100%;height:1px;background:#20172426;margin-top:25px}
.karte-glass{width:min(160px,70%);flex:1;min-height:0;margin-block:16px;color:#55385d}
.karte-paper-title{font-size:1.45rem;font-weight:650;letter-spacing:-.035em;text-align:center;line-height:1.3}
.karte-paper-title span{display:block;font-size:.84rem;font-weight:400;letter-spacing:.06em;margin-top:5px}
.karte-paper-bottom{font-size:.67rem;letter-spacing:.12em;text-transform:uppercase;margin-top:23px;color:#67556e}
.karte-footer{margin-top:auto}
.karte-pages{max-width:1120px;padding-block:0 80px}
.karte-pages-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;padding-block:30px 26px;border-top:1px solid #fff2}
.karte-pages-heading h2{font-size:clamp(1.65rem,3vw,2.3rem);letter-spacing:-.035em;max-width:500px;line-height:1.15}
.karte-pages-heading p{font-size:.8rem;line-height:1.65;max-width:310px;color:#a69daa}
.karte-page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.karte-page-grid figure{margin:0;min-width:0}
.karte-page-link{display:block;border:1px solid #fff2;border-radius:6px;overflow:hidden;background:#000;transition:border-color .2s ease}
.karte-page-link:hover{border-color:#c8a0cd}
.karte-page-link img{width:100%;height:auto;aspect-ratio:1110/2200;object-fit:contain}
.karte-page-grid figcaption{margin-top:12px;font-size:.76rem;line-height:1.5;color:#a69daa}
@media(max-width:700px){.karte-header .logo img{width:180px}.karte-header .nav-row{gap:20px}.karte-header .karte-back{display:none}.karte-header .button{margin-left:auto}.karte-main{grid-template-columns:1fr;gap:34px;padding-block:48px 52px}.karte-copy h1{font-size:clamp(2.1rem,8.8vw,3.5rem)}.karte-intro{font-size:1rem;margin-top:20px}.karte-actions{gap:16px;margin-top:28px}.karte-visual{padding:4px 12px}.karte-paper{width:235px;padding:24px 24px 20px}.karte-paper-logo{width:170px}.karte-paper-rule{margin-top:18px}.karte-glass{width:112px;margin-block:10px}.karte-paper-title{font-size:1.12rem}.karte-paper-bottom{margin-top:16px;font-size:.6rem}}
@media(max-width:700px){.karte-pages{padding-bottom:52px;max-width:560px}.karte-pages-heading{align-items:start;flex-direction:column;gap:14px;padding-block:25px}.karte-pages-heading p{max-width:none}.karte-page-grid{grid-template-columns:1fr;gap:30px}}
@media(max-width:390px){.karte-header .logo img{width:150px}.karte-header .button.small{padding:10px 14px;font-size:.82rem}.karte-actions{align-items:stretch;flex-direction:column;gap:12px}.karte-actions .button{width:100%}.karte-download{align-self:flex-start}.karte-visual{padding-top:4px}}
@media(prefers-reduced-motion:reduce){.karte-paper{transition:none}.karte-visual:hover .karte-paper{transform:rotate(3deg)}}