:root{color-scheme:dark;--forest:#101713;--moss:#1e2720;--cream:#efe5d1;--gold:#c9a96e;--paper:#e9ddc3;--serif:Georgia,'Times New Roman',serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--forest);color:var(--cream);font:16px/1.6 var(--serif)}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400;line-height:1.1}img{display:block;max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:10px;left:10px;padding:12px;background:var(--cream);color:var(--forest);transform:translateY(-150%);z-index:20}.skip-link:focus{transform:none}
.site-header{position:absolute;z-index:2;top:0;left:0;width:100%;height:clamp(82px,7.65vw,110px);padding:0 6.7%;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:21px;white-space:nowrap}.brand>span{font-size:17px;letter-spacing:6px}.brand img{flex-shrink:0}.site-header nav{display:flex;gap:38px;margin-left:clamp(20px,7vw,100px);align-items:center;text-shadow:0 1px 8px #000}.site-header nav a{font-size:16px;padding:12px 0}.site-header nav a:hover{color:var(--gold)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:10px 29px;color:#182016;background:#d3b576;border:1px solid #e0c58e;border-radius:7px;font-size:19px;letter-spacing:.15px;transition:background .2s,transform .2s}.button:hover{background:#e2c991;transform:translateY(-2px)}.header-button{min-height:43px;font-size:16px;margin-left:auto;padding:6px 24px}.text-link{display:inline-block;padding:9px 0 5px;background:none;border:0;border-bottom:1px solid #c9a96e70;font:16px/1.4 var(--serif);color:var(--cream);cursor:pointer}.text-link:hover{color:var(--gold);border-color:var(--gold)}
.hero{height:min(54vw,850px);min-height:0;position:relative;isolation:isolate;overflow:hidden}.hero-scene{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;object-position:center}.hero-content{padding-top:clamp(128px,12vw,195px);margin-left:6.7%;max-width:46%}h1{font-size:clamp(50px,4.75vw,77px);letter-spacing:-2px;line-height:1.04}.hero-content>p:not(.hero-facts){font-size:clamp(19px,1.9vw,27px);line-height:1.38;margin-top:30px}.hero-actions{display:flex;align-items:center;gap:42px;margin-top:39px}.hero-facts{font:12px/1.8 var(--sans);letter-spacing:2px;margin-top:31px;color:var(--cream)}
.cards-section{padding:28px 6.7% 26px;text-align:center;background:var(--forest) url('assets/winteratelier-botanical.webp') center/100% 100% no-repeat}.section-heading h2{font-size:clamp(30px,3.3vw,48px);letter-spacing:-1px}.section-heading p{margin-top:8px;font-size:17px;letter-spacing:1px}.card-gallery{max-width:min(61vw,1000px);margin:22px auto 12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.art-card{position:relative;display:flex;flex-direction:column;width:100%;padding:0;border:1px solid var(--gold);border-radius:10px;background:#151d17;overflow:hidden;transition:transform .3s,box-shadow .3s}.art-card img{width:100%;height:auto;aspect-ratio:4/5;object-fit:contain}.art-card:hover{transform:translateY(-8px);box-shadow:0 16px 26px #0005}.card-number{position:absolute;left:50%;transform:translateX(-50%);top:12px;min-width:34px;padding:2px 6px;background:#101713c9;border-radius:3px;color:#dfc384;font-size:16px}.card-name{display:block;padding:12px 5px 14px;font-size:25px;line-height:1.2}.all-cards{font-size:14px;color:var(--gold);margin:4px auto 0}
.sisters-section{display:grid;grid-template-columns:1.12fr 1fr 1fr;gap:16px;padding:34px 9% 32px 6.7%;background:#e9ddc3 url('assets/paper-texture.webp') center/750px;color:#142018}.sisters-intro{padding:30px 24px 12px 0}.eyebrow{font-size:10px;letter-spacing:2.6px;line-height:1.8}.sisters-intro h2{font-size:clamp(27px,2.8vw,42px);letter-spacing:-1px;margin-top:15px}.fine-rule{display:block;height:1px;width:44px;background:#8e7951;margin:29px 0}.sisters-intro>p:last-child{font-size:19px}.sister-card{position:relative;isolation:isolate;min-height:clamp(320px,29.3vw,480px);overflow:hidden;border-radius:4px;color:var(--cream);display:flex;align-items:flex-end;background:var(--moss)}.sister-card>img{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover}.sister-copy{width:100%;padding:18px 23px 20px;background:#0f1712e8}.concept-label{display:inline-block;font-size:9px;letter-spacing:2px;border:1px solid #c9a96e88;color:#e0c89c;border-radius:3px;padding:1px 7px}.sister-copy h3{font-size:29px;margin:10px 0 6px}.sister-copy p{font-size:16px}.sister-copy .text-link{color:#dfc384;font-size:15px;margin-top:3px;padding:7px 0 1px}
.site-footer{padding:24px 5.3% 20px;background:#101713 url('assets/winteratelier-botanical.webp') center/cover}.footer-signature{display:flex;align-items:center;gap:48px}.footer-signature>span{height:1px;flex:1;background:#c9a96e88}.footer-brand{flex-direction:column;gap:8px}.footer-brand>span{font-size:13px;letter-spacing:6px}.footer-links{display:flex;justify-content:center;align-items:center;gap:28px;margin-top:25px;font:11px/1.5 var(--sans);color:#b4b4a3}.footer-links button{font:inherit;background:none;border:0;padding:10px 0}.footer-links a:hover,.footer-links button:hover{color:var(--cream)}
dialog{width:min(850px,calc(100% - 32px));max-height:calc(100dvh - 48px);border:1px solid #c9a96e88;border-radius:13px;background:#19221b;color:var(--cream);padding:55px 40px 40px;box-shadow:0 25px 100px #0009}dialog::backdrop{background:#070d09d9;backdrop-filter:blur(7px)}dialog h2{font-size:38px;margin-bottom:18px}dialog h3{font-size:24px;margin:22px 0 10px}dialog p{margin-bottom:18px}dialog .eyebrow{color:var(--gold);margin-bottom:12px}.dialog-close{position:absolute;right:22px;top:14px;background:none;border:0;padding:9px 4px;color:#d5ceb8;font:13px var(--sans)}.card-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:center}.card-detail img{border:1px solid var(--gold);border-radius:8px}.card-detail p{font-size:18px}.card-detail .button{font-size:16px}.card-search{display:block;width:100%;padding:13px 15px;margin:20px 0 24px;border:1px solid #c9a96e66;border-radius:5px;background:#101713;color:var(--cream);font:16px var(--sans)}.catalog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.catalog .card-name{font-size:15px;min-height:55px;padding:10px 4px}.catalog .card-number{font-size:12px;left:5px;transform:none;top:5px;min-width:25px}.catalog .art-card:hover{transform:translateY(-3px)}.catalog-status{font:13px var(--sans);color:#b4b4a3}.concept-dialog{max-width:520px;margin:auto}.concept-dialog .button{margin-top:10px}.noscript{padding:20px;text-align:center}
@media(min-width:1600px){.hero-content{max-width:700px}.hero{height:850px}.cards-section{padding-top:55px;padding-bottom:45px}.card-gallery{max-width:1000px}.sisters-section{padding-block:45px}.sister-card{min-height:480px}}
@media(max-width:1000px){.site-header{padding-inline:5%;height:95px;gap:20px}.brand>span{font-size:14px;letter-spacing:4px}.brand{gap:12px}.brand img{width:35px;height:35px}.site-header nav{gap:20px;margin-left:auto}.header-button{margin-left:0;padding-inline:15px}.hero{height:680px}.hero-content{margin-left:5%;max-width:48%;padding-top:155px}h1{font-size:54px}.hero-actions{gap:22px}.hero-actions .button{font-size:17px;padding-inline:23px}.hero-facts{letter-spacing:1px;font-size:11px}.cards-section{padding-inline:6%}.card-gallery{max-width:880px}.sisters-section{padding:30px 5%;gap:18px;grid-template-columns:1fr 1fr}.sisters-intro{grid-column:1/-1;padding:0 0 6px}.sisters-intro h2{font-size:37px}.sisters-intro .fine-rule{display:none}.sisters-intro>p:last-child{margin-top:12px;font-size:17px}.sister-card{min-height:490px}.sister-copy{padding:20px}}
@media(max-width:640px){.site-header{background:#101713a6;height:95px;align-items:flex-start;padding-top:17px;flex-wrap:wrap;gap:0}.brand>span{font-size:12px;letter-spacing:3px}.brand img{width:27px;height:27px}.site-header nav{order:3;width:100%;justify-content:center;gap:34px;margin-top:10px}.site-header nav a{font-size:13px;padding:3px 0}.header-button{margin-left:auto;min-height:32px;padding:3px 11px;font-size:12px}.hero{height:auto;min-height:780px;padding-top:400px;background:#101713}.hero-scene{height:430px;object-fit:cover;object-position:73% center}.hero-content{position:relative;max-width:none;margin:0;padding:26px 7% 34px;background:#101713}.hero h1{font-size:42px;letter-spacing:-1.8px}.hero-content>p:not(.hero-facts){font-size:19px;margin-top:20px}.hero-actions{gap:26px;margin-top:25px}.hero-actions .button{min-height:48px;font-size:17px}.hero-actions .text-link{font-size:15px}.hero-facts{margin-top:23px;letter-spacing:1.2px;font-size:10px}.cards-section{padding:33px 7% 30px;border-top:1px solid #c9a96e33}.section-heading h2{font-size:32px;max-width:310px;margin:auto}.section-heading p{font-size:14px;letter-spacing:.5px;margin-top:12px}.card-gallery{max-width:none;display:flex;gap:15px;overflow-x:auto;margin:28px -8% 10px;padding:5px 8% 15px;scroll-snap-type:x mandatory;scrollbar-color:#7b704d transparent}.card-gallery .art-card{flex:0 0 68%;scroll-snap-align:center}.card-name{font-size:22px}.sisters-section{padding:32px 7%;grid-template-columns:1fr;gap:23px}.sisters-intro{padding-bottom:5px}.sisters-intro h2{font-size:35px;margin-top:12px}.sister-card{min-height:465px}.sister-copy{padding:16px 20px 20px}.sister-copy h3{font-size:30px}.footer-signature{gap:24px}.footer-links{gap:16px;flex-wrap:wrap;margin-top:18px;font-size:11px}.footer-brand>span{font-size:11px;letter-spacing:4px}.site-footer{padding-block:28px}dialog{padding:55px 22px 28px}dialog h2{font-size:30px}.card-detail{grid-template-columns:1fr;gap:22px}.card-detail img{max-width:240px;margin:auto}.catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.card-detail p{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Produktüberblick und bestätigte Schwesternapps. */
.app-details{padding:50px 8% 55px;text-align:center;border-top:1px solid #c9a96e33;background:#152018}.app-details h2{font-size:clamp(30px,3vw,42px)}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;max-width:1050px;margin:35px auto}.feature-grid h3{font-size:26px;color:#d4b77d;margin-bottom:13px}.feature-grid p{font:16px/1.7 var(--sans);color:#d6d2c0}.app-details>.button{font-size:17px}
.sisters-section{display:block;padding:42px 6.7% 45px;background:#e9ddc3 url('assets/winteratelier-parchment.webp') center/100% 100% no-repeat}.sisters-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:0 0 28px}.sisters-intro h2{margin-top:9px}.sisters-intro>p:last-child{font-size:18px}.sister-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.sister-card{display:flex;flex-direction:column;min-height:0;isolation:auto;background:#100d1a}.sister-card>img{position:static;z-index:auto;width:100%;height:auto;aspect-ratio:1.3;object-fit:cover;object-position:left center}.sister-x369>img{object-position:75% center}.sister-copy{flex:1;display:flex;flex-direction:column;align-items:flex-start;background:#100d1a;padding:23px}.sister-copy .text-link{margin-top:15px}.sister-copy h3{font-size:30px}.sister-copy p{font-size:16px}.concept-label{font:9px/1.5 var(--sans);letter-spacing:1.4px}
@media(max-width:760px){.feature-grid{grid-template-columns:1fr;gap:26px;text-align:left;max-width:480px}.app-details{padding:36px 7%}.feature-grid h3{font-size:25px;margin-bottom:8px}.sisters-intro{display:block}.sisters-intro>p:last-child{margin-top:15px}.sister-grid{grid-template-columns:1fr;max-width:480px;margin:auto;gap:24px}.sisters-section{padding:34px 7%;background-image:url('assets/paper-texture.webp');background-size:600px auto;background-repeat:repeat}.sister-card>img{aspect-ratio:1.35}.sister-copy{width:100%}.sister-copy h3{font-size:30px}}

/* Jede Bedienfläche mindestens 44 Pixel hoch (Regel der App-Familie). */
.brand,.site-header nav a,.text-link,.footer-links a,.footer-links button{min-height:44px;display:inline-flex;align-items:center}

.site-header .button{min-height:44px}

/* Gemeinsamer Fuß der Web-Familie (x369/docs/web-familie.md). */
.familie{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:18px;font:13px/1.5 var(--sans);color:#b4b4a3}
.familie-icons{display:flex;gap:6px}
.familie-icons img{width:28px;height:28px;border-radius:22%}

/* Familienband wie auf allen Seiten der Familie (x369/docs/web-familie.md). */
.sisters-hinweis{text-align:right;font:15px/1.4 var(--sans)}
.sisters-hinweis p:last-child{font-size:12px;opacity:.75}
.sister-name{display:flex;align-items:center;gap:14px;margin-top:4px}
.sister-name img{width:48px;height:48px;border-radius:22%;flex-shrink:0}
.sister-copy .sister-name h3{margin:0}
.sister-copy p{margin-top:10px}
.sister-copy .sister-stand{font:13px/1.5 var(--sans);opacity:.75;margin-top:14px}
@media (max-width:700px){.sisters-hinweis{text-align:left;margin-top:12px}}