:root{--sky-top:#e8e1d4;--sky-bottom:#e6bca4;--ink:#294542;--far-top:#a4b6af;--far-bottom:#92aaa1;--snow-far:#e4e1cc;--far-shade:#79968e;--middle:#738e83;--snow-mid:#b9c7b5;--middle-shade:#5f7c73;--front-top:#466b60;--front-bottom:#254a42;--snow:#cbd3b9;--rock-light:#62806a;--rock-dark:#365c51;--ridge-line:#d8debd;--foothill:#294e45;--trees:#173e36;--ground:#173b34;--mist:#dce1c8;--cream:#f3eedc}
*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;font-family:Arial,Helvetica,sans-serif}body{background:var(--ground)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #e68a62;outline-offset:7px}button{touch-action:manipulation}.world{height:100svh;min-height:640px;overflow:hidden;position:relative;color:var(--ink);isolation:isolate}.sky{position:absolute;inset:0;background:linear-gradient(180deg,var(--sky-top) 0%,var(--sky-bottom) 80%);transition:background 1.5s}.sun{position:absolute;width:116px;height:116px;right:20%;top:27%;border-radius:50%;background:#f4d29d;box-shadow:0 0 90px 30px #f2ce9b40;transition:all 1.5s}.sun:after{content:'';position:absolute;width:90%;height:90%;top:-15%;right:-25%;border-radius:50%;background:transparent;transition:background 1.5s}.cloud{position:absolute;width:310px;height:35px;filter:blur(13px);background:#fff8e755;border-radius:50%;animation:drift 55s linear infinite alternate}.cloud-one{top:39%;left:5%}.cloud-two{top:18%;right:6%;width:220px;opacity:.6;animation-delay:-30s}@keyframes drift{to{transform:translateX(100px)}}header{position:absolute;inset:35px 4% auto;z-index:5;display:flex;justify-content:space-between;align-items:center}.wordmark{text-decoration:none;color:inherit;display:flex;align-items:center;font-size:17px;font-weight:700;letter-spacing:2.5px}.wordmark svg{width:35px;height:27px;margin-right:12px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}.domain{font-size:11px;letter-spacing:1px;margin-left:2px;align-self:center;opacity:.6}.icon-button{display:flex;align-items:center;gap:9px;border:1px solid #29454230;background:transparent;border-radius:50px;padding:10px 14px;color:inherit;font-size:11px}.icon-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4}.intro{position:absolute;top:16%;left:0;width:100%;text-align:center;z-index:2;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:3.3px;font-weight:600;margin:0 0 25px;display:flex;align-items:center;justify-content:center;gap:10px}.eyebrow .eyebrow-dot{width:5px;height:5px;background:#bd765a;border-radius:50%}h1{margin:0;font-size:clamp(64px,6.9vw,112px);line-height:.98;letter-spacing:-5px;font-weight:400}h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:1.13em;letter-spacing:-6px}.subtitle{font-size:12px;letter-spacing:.2px;margin-top:24px;opacity:.75}.landscape{position:absolute;inset:0;z-index:3;pointer-events:none}.mountains{width:100%;height:100%;display:block}.mountains path{transition:fill 1.4s}.far-ridge{animation:breathe 16s ease-in-out infinite alternate;transform-origin:50% 100%}@keyframes breathe{to{transform:translateY(5px)}}.gamz{position:absolute;left:32.5%;top:57%;width:clamp(79px,7.4vw,120px);height:auto;aspect-ratio:1;border:0;padding:0;background:transparent;transform:translate(-50%,-93%);transform-origin:50% 93%;pointer-events:auto;filter:drop-shadow(0 3px 2px #122f3020);will-change:left,top,transform;z-index:2}.gamz svg{width:100%;height:100%;overflow:visible}.gamz-name{position:absolute;top:-8px;left:36%;font-size:8px;letter-spacing:2px;color:var(--ink);white-space:nowrap;font-weight:bold;opacity:.8}.gamz-name span{color:#b56848}.scarf{transform-origin:86px 78px;animation:scarf 1.3s ease-in-out infinite alternate}@keyframes scarf{to{transform:rotate(9deg)}}.gamz.airborne .legs-front{transform:rotate(-17deg);transform-origin:65px 95px}.gamz.airborne .legs-back{transform:rotate(16deg);transform-origin:65px 95px}.legs-front,.legs-back{transition:transform .15s}.peak-shadow{position:absolute;width:50px;height:7px;border-radius:50%;background:#102c3340;transform:translate(-50%,-50%);left:32.5%;top:57%;filter:blur(2px)}.dust-particle{position:absolute;width:4px;height:4px;background:var(--snow);border-radius:50%;animation:dust .65s ease-out forwards}@keyframes dust{to{transform:translate(var(--dx),-20px);opacity:0}}.interaction{position:absolute;z-index:4;bottom:15%;left:0;right:0;text-align:center;color:var(--cream)}.little-line{display:block;width:1px;height:28px;background:#f3eedc70;margin:0 auto 17px}.interaction button{background:transparent;border:none;border-bottom:1px solid #f3eedc50;padding:0 0 9px;color:inherit;font-size:13px;letter-spacing:1px}.interaction button .jump-arrow{display:inline-block;margin-left:20px;font-size:20px;transition:transform .2s}.interaction button:hover .jump-arrow{transform:translate(3px,-3px)}.interaction p{font-size:10px;letter-spacing:.5px;opacity:.5;margin-top:13px}footer{position:absolute;z-index:5;bottom:29px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;color:var(--cream);font-size:9px;letter-spacing:1.5px}.coming{display:flex;align-items:center;gap:9px}.coming i{width:5px;height:5px;background:#c5cda2;border-radius:50%;box-shadow:0 0 9px #c5cda250}.footer-center{letter-spacing:.3px;opacity:.45;position:absolute;left:50%;transform:translateX(-50%)}.pause{color:inherit;border:0;background:transparent;font-size:10px;display:flex;gap:9px;align-items:center;opacity:.7;padding:8px 0 8px 10px}.pause span:first-child{font-size:14px}.grain{position:absolute;inset:0;z-index:7;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.stars{position:absolute;inset:0;opacity:0;transition:opacity 1.4s;background-image:radial-gradient(1px 1px at 8% 23%,#fff 80%,transparent),radial-gradient(1px 1px at 21% 14%,#fff 80%,transparent),radial-gradient(1px 1px at 28% 38%,#fff 80%,transparent),radial-gradient(2px 2px at 68% 17%,#fff 80%,transparent),radial-gradient(1px 1px at 89% 28%,#fff 80%,transparent),radial-gradient(1px 1px at 54% 9%,#fff 80%,transparent),radial-gradient(1px 1px at 92% 12%,#fff 80%,transparent),radial-gradient(1px 1px at 15% 40%,#fff 80%,transparent),radial-gradient(1px 1px at 62% 36%,#fff 80%,transparent)}.night{--sky-top:#142e3a;--sky-bottom:#667d7a;--ink:#e9e7d5;--far-top:#56717a;--far-bottom:#46626a;--snow-far:#9eafac;--far-shade:#304e5b;--middle:#365660;--snow-mid:#7c9694;--middle-shade:#2a4651;--front-top:#2b4c51;--front-bottom:#18373b;--snow:#a8bbb0;--rock-light:#466963;--rock-dark:#213e45;--foothill:#17383a;--trees:#102e30;--ground:#102c2e}.night .sun{background:#eeecd2;box-shadow:0 0 80px 20px #dedfc820}.night .sun:after{background:#2a424b}.night .stars{opacity:.65}.night .icon-button{border-color:#e9e7d530}.night .cloud{opacity:.15}.paused *{animation-play-state:paused!important}
@media(min-width:1700px){.intro{top:17%}h1{font-size:126px}}
@media(max-width:700px){.world{min-height:620px}header{inset:24px 6% auto}.wordmark{font-size:13px;letter-spacing:1.8px}.wordmark svg{width:27px;margin-right:8px}.domain{font-size:8px}.icon-button{padding:10px}.icon-button span{display:none}.intro{top:18%}.eyebrow{font-size:7px;letter-spacing:2px;margin-bottom:22px}h1{font-size:66px;letter-spacing:-3px}h1 em{letter-spacing:-3px}.subtitle{font-size:10px;max-width:240px;line-height:1.6;margin:20px auto 0}.sun{width:74px;height:74px;right:10%;top:39%}.gamz{width:78px}.gamz-name{font-size:7px;top:-12px}.interaction{bottom:16%}.interaction p{font-size:9px}footer{left:6%;right:6%;bottom:21px}.coming{font-size:7px;letter-spacing:1px}.footer-center{display:none}.little-line{height:20px}.cloud{width:130px}.cloud-one{top:45%}}
@media(max-height:700px) and (min-width:701px){.intro{top:15%}h1{font-size:70px}.eyebrow{margin-bottom:16px}.subtitle{margin-top:15px}.interaction{bottom:14%}.sun{width:90px;height:90px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Keep the headline in open sky at both desktop and phone proportions. */
.landscape{top:28%}
@media(max-width:700px){.landscape{top:25%}.subtitle{max-width:280px}}
@media(max-width:700px){h1{font-size:clamp(48px,16.9vw,66px)}}
@media(max-width:700px) and (max-height:700px){.sun{top:52%}}

:root{--lake-back:#7fbaa9;--lake-front:#3c817c;--lake-reflection:#d5e0bf;--water-glint:#d7ecd5;--shore:#648975}
.night{--lake-back:#47777a;--lake-front:#244b59;--lake-reflection:#92b8bb;--water-glint:#b2d0cb;--shore:#3e625b}
.lake-ripples{animation:waterRipple 6s ease-in-out infinite alternate;transform-origin:800px 920px}
.lake-reflections{animation:waterReflection 9s ease-in-out infinite alternate;transform-origin:800px 850px}
@keyframes waterRipple{from{transform:translateX(-9px) scaleX(.98);opacity:.6}to{transform:translateX(10px) scaleX(1.025);opacity:1}}
@keyframes waterReflection{to{transform:translateX(5px) skewX(1.5deg);opacity:.23}}
@media(prefers-reduced-motion:reduce){.lake-ripples,.lake-reflections{animation:none}}

.header-controls{display:flex;align-items:center;gap:22px}
.languages{display:flex;align-items:center;gap:3px}
.languages a{color:inherit;text-decoration:none;font-size:10px;letter-spacing:1px;padding:9px 7px;border-bottom:1px solid transparent;opacity:.45;transition:opacity .2s}
.languages a:hover{opacity:1}.languages a[aria-current="true"]{opacity:1;border-bottom-color:currentColor}
html[lang="de"] h1,html[lang="en"] h1{font-size:clamp(56px,6.4vw,102px);letter-spacing:-4px}
html[lang="de"] h1 em,html[lang="en"] h1 em{letter-spacing:-4px}
@media(max-width:700px){.header-controls{gap:10px}.languages a{font-size:9px;padding:8px 5px;letter-spacing:.3px}.wordmark{font-size:11px;letter-spacing:1.2px}.wordmark svg{width:24px;margin-right:6px}.domain{font-size:7px}.icon-button{padding:8px}html[lang="de"] h1,html[lang="en"] h1{font-size:clamp(37px,10.9vw,62px);letter-spacing:-2px}html[lang="de"] h1 em,html[lang="en"] h1 em{letter-spacing:-2px}.subtitle{min-height:32px}.eyebrow{letter-spacing:1.6px}}
@media(max-width:360px){.header-controls{gap:5px}.domain{display:none}header{left:5%;right:5%}}

.cave{position:absolute;left:81%;top:83%;width:clamp(76px,8vw,118px);transform:translate(-50%,-85%);color:var(--cream);text-decoration:none;pointer-events:auto;z-index:3;display:block;touch-action:manipulation;border-radius:45% 45% 10% 10%;outline-offset:3px}
.cave svg{width:100%;display:block;overflow:visible;transition:filter .25s}
.cave-label{display:block;text-align:center;font-size:10px;letter-spacing:2px;margin-top:-5px;opacity:.65;transition:opacity .25s}
.cave-label span{font-size:11px;margin-left:3px}.cave:hover .cave-label,.cave:focus-visible .cave-label{opacity:1}
.cave:hover svg,.cave:focus-visible svg{filter:drop-shadow(0 0 8px #ffb95b45)}
.flame{transform-box:view-box;transform-origin:72px 84px;animation:fireDance .85s ease-in-out infinite alternate}
.flame-middle{animation-duration:.65s;animation-delay:-.3s}.flame-core{animation-duration:.5s;animation-delay:-.2s}
.cave-glow{animation:fireGlow 1.7s ease-in-out infinite alternate}.ember{animation:emberRise 2.3s linear infinite}.ember-two{animation-delay:-.8s}.ember-three{animation-delay:-1.6s}
@keyframes fireDance{0%{transform:scale(.92,1) skewX(-3deg)}50%{transform:scale(1.04,.92) skewX(2deg)}100%{transform:scale(.96,1.09) skewX(3deg)}}
@keyframes fireGlow{from{opacity:.6}to{opacity:1}}
@keyframes emberRise{0%{transform:translate(0,5px);opacity:0}20%{opacity:.9}100%{transform:translate(-5px,-22px);opacity:0}}
@media(max-width:700px){.cave{left:80%;width:78px;top:83%}.cave-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){.flame,.cave-glow,.ember{animation:none}.ember{opacity:.5}}