:root{--paper:#f8f4eb;--ink:#42392f;--muted:#706457;--terra:#88513c;--sage:#4e634f;--line:#d9cfbd;--serif:Georgia,"Times New Roman",serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-wrap:break-word}a{color:inherit;text-underline-offset:4px}button{font:inherit}.wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}[data-l="en"]{display:none}html[lang="en"] [data-l="de"]{display:none}html[lang="en"] [data-l="en"]{display:revert}.skip{position:absolute;left:1rem;top:-5rem;padding:12px;background:var(--paper);z-index:10}.skip:focus{top:1rem}:focus-visible{outline:3px solid var(--terra);outline-offset:5px}.nav{height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:24px;font-weight:650;letter-spacing:-1px}.brand img{border-radius:12px}.nav nav,.footer nav{display:flex;align-items:center;gap:30px}.nav nav a,.footer a{font-size:13px;text-decoration:none}.nav nav a:hover,.footer a:hover{color:var(--terra);text-decoration:underline}.lang{border:1px solid var(--line);border-radius:50%;width:44px;height:44px;background:transparent;color:var(--ink);font-size:12px;font-weight:650;cursor:pointer}.lang:hover{background:#eae1d1}.hero{position:relative;isolation:isolate;width:min(1320px,calc(100% - 48px));min-height:680px;min-height:clamp(620px,51vw,744px);display:flex;align-items:center;border-radius:8px;overflow:hidden}.hero-art{position:absolute;inset:0;z-index:-2}.hero-art img{width:100%;height:100%;object-fit:cover;display:block}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f8e4b6d9 0%,#f7e3b7c9 29%,#f8e4b681 44%,transparent 61%)}.hero-copy{width:51%;padding:60px 0 60px 6.2%;animation:arrive .8s ease both}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;color:var(--sage);margin:0 0 22px}.hero .eyebrow{color:#514b2b}.hero h1{font:500 clamp(76px,7.6vw,110px)/.95 var(--serif);letter-spacing:-.065em;margin:0 0 27px;color:#382c20}.hero h1>span{display:block;font-size:.35em;line-height:1.25;letter-spacing:-.035em;margin-top:22px}.lead{font-size:18px;line-height:1.7;color:var(--muted);max-width:460px}.hero .lead{font-size:17px;color:#4f402e;max-width:350px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:14px 22px;background:#47573f;color:#fffaf0;border:1px solid #47573f;border-radius:5px;font-size:14px;font-weight:600;text-decoration:none;margin-top:14px;transition:background .2s,transform .2s}.button:hover{background:#34422e;transform:translateY(-2px)}.coming{max-width:315px;font-size:11px;line-height:1.7;color:#55452f;margin:19px 0 0}.about{padding-block:108px 100px}.about h2,.gallery-section h2,.faq h2,.closing h2{font:400 clamp(36px,4.1vw,56px)/1.12 var(--serif);letter-spacing:-.045em;margin:0}.about h2{margin-bottom:48px}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:34px}.features article{border-top:1px solid var(--line);padding-top:18px}.features b{font-size:11px;letter-spacing:.1em;color:var(--terra);font-weight:600}.features h3{font:400 23px/1.25 var(--serif);letter-spacing:-.025em;margin:20px 0 12px}.features p{font-size:14px;color:var(--muted);margin:0}.gallery-section{background:#ece6d8;padding-block:90px}.gallery-section>div>p:not(.eyebrow){color:var(--muted);max-width:580px;margin:22px 0 0}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:36px 28px;margin-top:48px}.gallery figure{margin:0;min-width:0}.screen-link{display:block;border-radius:6px;overflow:hidden;background:#e5dccb;box-shadow:0 6px 20px #473a2110}.gallery img{display:block;width:100%;height:auto;transition:transform .4s ease}.screen-link:hover img{transform:scale(1.018)}.gallery figcaption{padding:16px 2px 0;display:flex;flex-direction:column;gap:5px;font:400 22px/1.3 var(--serif);letter-spacing:-.02em}.shot-number{font:600 10px/1.5 system-ui,sans-serif;letter-spacing:.13em;color:var(--terra)}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;padding-block:104px}.faq details{border-top:1px solid var(--line);padding:21px 0}.faq details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:15px;font-weight:600;padding-right:10px}details p{font-size:15px;color:var(--muted);margin-bottom:0}.closing{display:flex;align-items:center;gap:26px;padding:36px 40px;border:1px solid var(--line);border-radius:6px;margin-bottom:90px}.closing img{border-radius:16px;flex-shrink:0}.closing h2{font-size:32px}.closing p{font-size:14px;color:var(--muted);margin:8px 0 0}.footer{border-top:1px solid var(--line);padding-block:30px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px;color:var(--muted)}.footer strong{font-size:22px;font-weight:500;letter-spacing:-.05em;color:var(--ink)}.footer p{margin:4px 0}.legal{max-width:810px;padding-block:74px 100px}.legal h1{font:400 clamp(45px,6vw,72px)/1.05 var(--serif);letter-spacing:-.05em;margin:0 0 30px}.legal section,.legal article{border-top:1px solid var(--line);padding:25px 0}.legal h2{font:400 26px/1.25 var(--serif);margin:0 0 12px}.legal p{color:var(--muted)}.legal address{font-style:normal}.legal .updated{font-size:13px}.contact{padding:24px;background:#ece6d8}.email{color:var(--terra)}@keyframes arrive{from{transform:translateY(12px)}to{transform:none}}
@media(max-width:1000px){.hero-copy{padding-left:5%;width:55%}.hero{min-height:620px}.hero:before{background:linear-gradient(90deg,#f8e4b6ed,#f7e3b7c9 34%,transparent 72%)}.features{grid-template-columns:1fr 1fr;gap:36px}.hero h1{font-size:84px}.hero .lead{max-width:310px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.nav{height:80px;gap:12px}.brand{font-size:22px;gap:8px}.brand img{width:34px;height:34px;border-radius:10px}.nav nav{gap:14px}.nav nav a{font-size:12px}.nav nav a:nth-child(2){display:none}.lang{height:40px;width:40px}.hero{width:calc(100% - 24px);min-height:0;display:flex;flex-direction:column;background:#eee3ca;border-radius:6px}.hero-art{position:relative;inset:auto;width:100%;height:235px;order:-1;z-index:0}.hero-art img{object-position:75% center}.hero:before{display:none}.hero-copy{width:100%;padding:35px 26px 38px}.hero h1{font-size:76px;margin-bottom:20px}.hero h1>span{font-size:.38em;margin-top:16px}.hero .eyebrow{margin-bottom:20px;font-size:10px}.hero .lead{max-width:100%;font-size:16px}.coming{max-width:290px}.about{padding-block:68px}.about h2{margin-bottom:32px}.features{gap:30px 24px}.features h3{font-size:22px;margin-top:14px}.gallery-section{padding-block:62px}.gallery{grid-template-columns:1fr;gap:30px;margin-top:32px}.gallery figcaption{font-size:23px;padding-top:13px}.faq{grid-template-columns:1fr;gap:30px;padding-block:64px}.closing{padding:26px 22px;gap:18px;margin-bottom:60px;align-items:flex-start}.closing h2{font-size:27px}.closing img{width:48px;height:48px;border-radius:12px}.footer{align-items:flex-start;flex-direction:column;padding-bottom:30px}.footer nav{gap:24px}.legal{padding-block:45px 65px}.legal h1{font-size:48px}}
@media(max-width:380px){.nav nav{gap:10px}.nav nav a{font-size:11px}.brand{font-size:20px}.brand img{width:28px;height:28px}.hero-copy{padding-inline:22px}.hero h1{font-size:68px}.features{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Little Keepings branding and English-first fallback. */
[data-l="de"]{display:none}html[lang="de"] [data-l="en"]{display:none}html[lang="de"] [data-l="de"]{display:revert}
.hero-logo{display:block;width:100%;height:auto;max-width:480px;margin-bottom:12px}.hero h1{font-size:88px}.hero h1>span{font-size:34px}.hero-copy{width:53%}.brand{font-size:21px;letter-spacing:-.6px}.nav nav{gap:24px}
@media(max-width:700px){.hero-copy{width:100%}.hero h1>span{font-size:28px}.nav{height:auto;min-height:100px;flex-wrap:wrap;justify-content:center;padding-block:15px;gap:12px}.nav nav{gap:24px}.nav nav a:nth-child(2){display:inline}.hero-logo{max-width:420px}.hero-art{height:210px}.hero-art img{object-position:right center}}

/* Microsoft Store badge. */
.store{margin:22px 0 0}.store-badge{display:inline-block;line-height:0;border-radius:5px}.store-badge img{display:block;height:48px;width:auto}.store-badge:hover{opacity:.88}.hero .coming{margin-top:12px}.closing .store{margin-top:16px}.lang{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}

/* Microsoft Store badge. */
.store{margin:22px 0 0}.store-badge{display:inline-block;line-height:0;border-radius:5px}.store-badge img{display:block;height:48px;width:auto}.store-badge:hover{opacity:.88}.hero .coming{margin-top:12px}.closing .store{margin-top:16px}.lang{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
