:root{color-scheme:dark;--ink:#101d21;--paper:#f3eee1;--muted:#b5c6c6;--gold:#edc88b;--line:#c9ddda24;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--paper);background:var(--ink);font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit;text-underline-offset:5px}a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}img{max-width:100%;height:auto;display:block}p{line-height:1.75;color:var(--muted)}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400}h1,h2{line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(3.2rem,5.6vw,6rem);margin:.4em 0}h2{font-size:clamp(2.7rem,4vw,4.5rem);margin:.3em 0 .65em}h3{font-size:1.65rem;margin:.6em 0 .25em}em{font-weight:400;color:var(--gold)}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 5%;position:relative;z-index:2;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:1.4rem Georgia,serif}.brand img{border-radius:9px}nav{display:flex;gap:30px}nav a{text-decoration:none;font-size:.9rem}nav a:hover{color:var(--gold)}.skip{position:fixed;top:-80px;left:20px;padding:16px;background:var(--paper);color:var(--ink);z-index:20}.skip:focus{top:16px}.eyebrow{font-size:.875rem;font-weight:500;letter-spacing:.16em;color:var(--gold);line-height:1.6}.hero{max-width:1500px;margin:auto;min-height:720px;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:20px;padding:30px 5% 55px;overflow:hidden}.hero-copy{position:relative;z-index:1;padding:40px 0}.intro{font-size:1.15rem;max-width:480px;line-height:1.8}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:16px 26px;border:1px solid #f3d5a1;background:#edc88b;color:#172125;border-radius:4px;text-decoration:none;font-weight:600;margin:16px 0 8px;transition:background .2s}.button:hover{background:#ffe0aa}.availability{font-size:.9rem;margin-top:20px;color:var(--paper)}.availability span{color:var(--muted)}.hero-art{height:650px;position:relative;isolation:isolate;display:grid;place-items:center}.hero-art:before{content:"";position:absolute;inset:5% -10%;background:radial-gradient(ellipse,#d2a96327,transparent 68%);z-index:-1}.hero-art img{position:absolute;width:74%;height:95%;object-fit:contain;filter:drop-shadow(0 20px 28px #0008)}.hero-art .center{z-index:2}.hero-art .side{width:54%;height:80%;opacity:.58;top:15%}.hero-art .left{left:-12%;transform:rotate(-6deg)}.hero-art .right{right:-12%;transform:rotate(6deg)}.numbers{display:flex;justify-content:space-around;gap:24px;max-width:1250px;margin:0 auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 20px}.numbers p{margin:0;font-size:.95rem}.numbers strong{font:2.6rem Georgia,serif;color:var(--gold);display:inline-block;margin-right:10px}.section{max-width:1240px;margin:auto;padding:110px 40px}.play{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.phone{max-width:285px;margin:auto;border:6px solid #344247;border-radius:42px;overflow:hidden;box-shadow:0 30px 70px #0006}.phone img{width:100%;height:auto}.play-copy>p{margin-top:0}.step{display:flex;gap:20px;border-top:1px solid var(--line);padding:18px 0}.step>span{font:1.05rem Georgia,serif;color:var(--gold);padding-top:12px}.step h3{font-size:1.4rem;margin:6px 0}.step p{margin:4px 0}.gallery{border-top:1px solid var(--line)}.section-heading{display:flex;gap:60px;align-items:flex-end;justify-content:space-between;margin-bottom:45px}.section-heading>p{max-width:360px;margin-bottom:38px}.windows{display:grid;grid-template-columns:repeat(3,1fr);column-gap:40px;row-gap:64px}.window{margin:0}.window-art{background:radial-gradient(ellipse at 50% 50%,#29413f77,transparent 70%);padding:10px 20px 20px;transition:filter .6s}.window-art:hover{filter:brightness(1.15)}.window-art img{width:100%;height:390px;object-fit:contain}.window figcaption{border-top:1px solid var(--line);padding-top:20px}.window .eyebrow{font-size:.875rem;margin:0}.window p{font-size:.95rem;margin:8px 0}.closing{padding:90px 24px 110px;text-align:center;background:radial-gradient(ellipse at bottom,#32554b66,transparent 75%);border-top:1px solid var(--line)}.closing img{margin:0 auto 30px;border-radius:21px}.closing h2{margin-top:20px}.closing .launch{color:var(--gold);font-size:1.1rem;margin:30px 0 0}.closing small{font-size:.875rem;color:var(--muted)}footer{padding:45px 5%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line)}footer p{margin:0;font-size:.9rem}footer small{width:100%;font-size:.875rem;color:var(--muted)}.document{max-width:830px;padding:85px 35px 110px;margin:auto;min-height:60vh}.document h1{font-size:clamp(3rem,6vw,5rem)}.document h2{font-size:2rem;letter-spacing:-.025em;margin:42px 0 16px}.document .intro{max-width:650px}.document section{margin-top:45px}.document p{overflow-wrap:anywhere}.document .email{margin:10px 0}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:1.05rem;line-height:1.6;padding:4px 0}details p{padding:0 18px;color:var(--muted)}@media(min-width:1500px){.hero-art{height:730px}}@media(max-width:900px){.hero{min-height:0;gap:0;grid-template-columns:1fr 1fr}.hero-art{height:510px}.hero h1{font-size:3.5rem}.play{gap:50px}.section{padding:80px 30px}.window-art img{height:300px}.windows{gap:45px 22px}.section-heading{gap:30px}.numbers strong{display:block}.numbers p{text-align:center}.brand{font-size:1.2rem}}@media(max-width:640px){header{padding:20px;gap:14px}header nav{gap:16px}header nav a{font-size:.875rem}.brand{font-size:1.1rem;gap:8px}.brand img{width:30px;height:30px}.hero{grid-template-columns:1fr;padding:25px 26px 35px}.hero-copy{padding:15px 0 0;text-align:center}.hero .eyebrow{font-size:.8rem}.hero h1{font-size:3.7rem}.intro{font-size:1.05rem;margin:20px auto}.hero-art{height:450px;max-width:420px;width:100%;margin:15px auto 0}.hero-art img{width:65%}.hero-art .side{width:44%}.hero-art .left{left:0}.hero-art .right{right:0}.numbers{gap:12px;margin:0 20px;padding:24px 0}.numbers p{font-size:.875rem;line-height:1.5;flex:1}.numbers strong{font-size:2.2rem;margin:0 0 8px}.section{padding:65px 24px}.play{grid-template-columns:1fr;gap:40px}.play-copy{grid-row:1}.phone{max-width:245px}.section-heading{display:block;margin-bottom:25px}.section-heading>p{margin:20px 0 25px;max-width:none}.windows{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 22px}.window-art{padding:0 0 18px}.window-art img{height:245px}.window h3{font-size:1.3rem;line-height:1.2}.window .eyebrow{font-size:.75rem;letter-spacing:.09em}.window p{font-size:.9rem}.closing{padding:65px 24px}.closing h2{font-size:3rem}footer{padding:35px 24px;display:block}footer p{margin:18px 0}footer nav{flex-wrap:wrap;gap:22px;margin:25px 0}footer small{display:block}.document{padding:50px 24px 75px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media(max-width:360px){header{flex-wrap:wrap}.hero h1{font-size:3rem}.windows{grid-template-columns:1fr}.window-art img{height:350px}} 
/* Native, keyboard-accessible language menu; navigation preserves the page. */
header>nav{margin-left:auto}.language{position:relative;padding:0;border:0}.language summary{font-size:.9rem;padding:10px 6px;white-space:nowrap}.language nav{position:absolute;right:0;top:100%;min-width:165px;display:flex;flex-direction:column;gap:0;padding:8px;background:#17282e;border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 35px #0008;z-index:10}.language nav a{padding:10px 14px;border-radius:4px}.language nav a[aria-current]{color:var(--gold);background:#ffffff0a}h1,h2,h3{overflow-wrap:break-word}.hero-copy{min-width:0}.window .eyebrow{font-size:.875rem}.window h3{hyphens:auto}html[lang=de] .hero h1{font-size:clamp(2.8rem,5vw,5.4rem)}@media(max-width:640px){header{flex-wrap:wrap;gap:8px 14px}header>.brand{flex:1 0 50%}header>nav{order:3;width:100%;justify-content:center;border-top:1px solid var(--line);padding-top:12px}.language{margin-left:auto}.hero h1,html[lang=de] .hero h1{font-size:clamp(2.5rem,11vw,3.2rem)}.hero .eyebrow{font-size:.875rem}.windows{column-gap:18px}.section-heading h2{font-size:2.8rem}}
