.ssm-global-nav,.ssm-mobile-links{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;color:#f3ead9}
.ssm-global-nav{position:fixed;z-index:110;top:20px;left:5%;right:5%;height:106px;display:flex;align-items:center;gap:28px;padding:0 14px 0 20px;isolation:isolate;pointer-events:none;--light-x:48%}
.ssm-global-nav::before,.ssm-global-nav::after{content:none}
.ssm-energy-ribbon{position:absolute!important;z-index:-1;left:190px;top:-7px;width:calc(100% - 174px)!important;height:128px!important;overflow:visible;pointer-events:none;fill:none;stroke:none}
.ssm-global-nav a,.ssm-global-nav button{pointer-events:auto;touch-action:manipulation}
.ssm-brand{position:relative;display:flex;align-items:center;flex-shrink:0;width:228px;height:100px;margin-top:-2px}
.ssm-brand img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 5px #0b080666)}
.ssm-links{display:flex;align-items:center;justify-content:center;gap:28px;flex:1;margin:19px 0 0;padding:0;font-size:17px;letter-spacing:.01em}
.ssm-links a{position:relative;display:block;padding:13px 0;text-decoration:none;color:#e5dac6;line-height:1.4;white-space:nowrap;transition:color .2s;text-shadow:0 1px 1px #08060366}
.ssm-links a:hover,.ssm-links a[aria-current]{color:#f2d49e}
.ssm-links a[aria-current]::after{content:"";position:absolute;height:2px;bottom:5px;left:12%;right:12%;background:linear-gradient(90deg,transparent,#e3bf7a,transparent);box-shadow:none}
.ssm-controls{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-top:19px}
.ssm-back,.ssm-cart,.ssm-menu{box-sizing:border-box;display:grid;place-items:center;background:transparent;border:1px solid #d9b77b44;border-radius:50%;width:44px;height:44px;min-height:44px;min-width:44px;padding:10px;color:#e5c28c;cursor:pointer;transition:background .2s,border-color .2s}
.ssm-back:hover,.ssm-cart:hover,.ssm-menu:hover{background:#d9b77b18;border-color:#d9b77bb3}
.ssm-controls svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ssm-global-nav a:focus-visible,.ssm-global-nav button:focus-visible,.ssm-mobile-links a:focus-visible{outline:2px solid #efcf91;outline-offset:4px}
.ssm-menu{display:none}.ssm-mobile-links[hidden]{display:none}.ssm-mobile-links:not([hidden]){display:block}
.ssm-mobile-links{position:fixed;z-index:111;top:139px;left:5%;right:5%;padding:12px;background:linear-gradient(125deg,#4b4035d9,#211c18ed 50%);border:1px solid #d6b87d38;border-radius:18px 10px 20px 12px;box-shadow:0 12px 35px #0b080844;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);margin:0}
.ssm-mobile-links a{display:block;padding:15px;color:#f3ead9;text-decoration:none;font-size:18px;border-radius:6px;line-height:1.5}
.ssm-mobile-links a:hover,.ssm-mobile-links a[aria-current]{color:#f3d39c;background:#e5bf7612}.ssm-mobile-links a[aria-current]{box-shadow:inset 2px 0 #d9b77b}
.ssm-home{padding-top:144px}.ssm-home>.preview{display:none}.ssm-world{padding:0!important;margin:0!important}.ssm-world .identity{visibility:hidden!important;pointer-events:none!important}.ssm-world #scene-back{visibility:hidden!important;pointer-events:none!important}
.ssm-home::before,.ssm-world::before{content:"";position:fixed;z-index:109;inset:0 0 auto;height:148px;background:linear-gradient(180deg,#211c18e6 0%,#211c1880 32%,#211c1829 70%,transparent);pointer-events:none}
.ssm-world .ssm-cart{visibility:hidden;pointer-events:none}
.ssm-world .ssm-global-nav .bc-main-bag{position:static!important;top:auto!important;right:auto!important;left:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;box-sizing:border-box!important;width:44px!important;min-width:44px!important;height:44px!important;padding:8px!important;gap:2px!important;border:1px solid #d9b77b44!important;border-radius:50%!important;background:transparent!important;color:#e5c28c!important;pointer-events:auto!important;box-shadow:none!important}
.ssm-world .bc-main-bag .bc-bag-word{display:none!important}.ssm-world .bc-main-bag svg{width:17px!important;height:17px!important}.ssm-world .bc-main-bag [data-cart-count]{font-size:10px!important;min-width:14px!important;height:14px!important;line-height:14px!important}
.ssm-global-nav.is-travelling .ssm-energy-flow{stroke-dasharray:90 1100;animation:energy-travel .95s ease-out}
@keyframes energy-travel{0%{stroke-dashoffset:90;opacity:0}15%{opacity:.65}100%{stroke-dashoffset:-1000;opacity:0}}
@media(max-width:1100px){.ssm-global-nav{gap:20px;padding-left:18px}.ssm-brand{width:205px;height:90px}.ssm-links{font-size:16px;gap:20px}.ssm-energy-ribbon{left:171px;width:calc(100% - 155px)!important;top:-3px}}
@media(max-width:900px){.ssm-global-nav{gap:14px}.ssm-brand{width:190px;height:84px}.ssm-links{font-size:15px;gap:16px}.ssm-energy-ribbon{left:160px;width:calc(100% - 144px)!important}}
@media(max-width:820px){.ssm-global-nav{height:92px;top:15px;left:4%;right:4%;padding:0 10px;gap:8px}.ssm-brand{width:180px;height:79px;margin-right:auto;margin-top:0}.ssm-links{display:none}.ssm-controls{gap:7px;margin-top:17px}.ssm-menu{display:grid}.ssm-back,.ssm-cart,.ssm-menu{width:40px;height:42px;min-width:40px;min-height:42px;padding:10px}.ssm-controls svg{width:20px;height:20px}.ssm-energy-ribbon{left:150px;top:2px;width:calc(100% - 139px)!important;height:100px!important}.ssm-global-nav::before{inset:26px -7px -2px -4px}.ssm-global-nav::after{inset:24px 0 0}.ssm-mobile-links{top:120px;left:4%;right:4%}.ssm-home{padding-top:129px}.ssm-home::before,.ssm-world::before{height:130px}.ssm-world .ssm-global-nav .bc-main-bag{width:40px!important;min-width:40px!important;height:42px!important}}
@media(max-width:400px){.ssm-brand{width:166px;height:73px}.ssm-global-nav{padding-inline:8px}.ssm-controls{gap:5px}.ssm-energy-ribbon{left:137px;width:calc(100% - 125px)!important;top:7px;height:94px!important}}
@media(max-width:360px){.ssm-brand{width:141px;height:62px}.ssm-energy-ribbon{left:118px;width:calc(100% - 107px)!important;top:12px;height:87px!important}}
@media(prefers-reduced-motion:reduce){.ssm-global-nav.is-travelling .ssm-energy-flow{animation:none}.ssm-links a,.ssm-controls button,.ssm-controls a{transition:none}}

/* One sharp lower light edge; the light above it dissolves without a top border. */
.ssm-global-nav .ssm-energy-ribbon{left:-8px;top:0;width:calc(100% + 16px)!important;height:124px!important}
.ssm-links a[aria-current]::after{content:none}
.ssm-links a::before{content:"";position:absolute;z-index:-1;inset:6px -10px;border-radius:11px;opacity:0;transition:opacity .2s;background:linear-gradient(180deg,#100d0873,#d6b77b0a);box-shadow:inset 0 2px 4px #080603a6,inset 0 -1px 0 #e7c9952e}
.ssm-links a[aria-current]::before,.ssm-links a:active::before{opacity:1}
.ssm-links a:active{transform:translateY(1px);color:#ffe4ae}
.ssm-home::before,.ssm-world::before{height:166px;background:linear-gradient(180deg,#211c18 0px,#211c18 131px,#211c18e6 139px,#211c184d 154px,transparent 166px)}
.ssm-mobile-links a[aria-current]{box-shadow:inset 0 2px 5px #08060388,inset 0 -1px #d9b77b22;background:#100d0833}
@media(max-width:820px){.ssm-global-nav .ssm-energy-ribbon{left:-6px;top:0;width:calc(100% + 12px)!important;height:103px!important}.ssm-home::before,.ssm-world::before{height:143px;background:linear-gradient(180deg,#211c18 0px,#211c18 113px,#211c18d9 121px,#211c1833 135px,transparent 143px)}}
@media(prefers-reduced-motion:reduce){.ssm-links a::before{transition:none}}
@media(max-width:820px){.ssm-world::before{height:117px;background:linear-gradient(180deg,#211c18 0px,#211c18 106px,#211c1880 111px,transparent 117px)}}

/* Finish the transition without changing the established composition. */
.ssm-home::before,.ssm-world::before{height:186px;background:linear-gradient(180deg,#211c18 0px,#211c18 112px,#211c18fa 124px,#211c18db 134px,#211c1894 146px,#211c184d 158px,#211c1814 172px,transparent 186px)}
.ssm-links a::before{background:linear-gradient(180deg,#100d0859,#d6b77b08);box-shadow:inset 0 2px 3px #08060380,inset 0 -1px 0 #e7c99524;transition:opacity .25s}
.ssm-global-nav.is-travelling .ssm-brand img{animation:brand-light .9s ease-out}
@keyframes brand-light{0%,100%{filter:drop-shadow(0 2px 5px #0b080666)}30%{filter:drop-shadow(0 0 7px #e2be7940)}}
@media(max-width:820px){.ssm-home::before{height:153px;background:linear-gradient(180deg,#211c18 0px,#211c18 96px,#211c18fa 104px,#211c18e0 114px,#211c1880 126px,#211c182e 138px,transparent 153px)}.ssm-world::before{height:117px;background:linear-gradient(180deg,#211c18 0px,#211c18 106px,#211c1880 111px,transparent 117px)}}
@media(prefers-reduced-motion:reduce){.ssm-global-nav.is-travelling .ssm-brand img{animation:none}.ssm-links a::before{transition:none}}

/* Slow coloured mineral-light currents, shared by the navigation lettering. */
:root{--aurora-a:#769aff;--aurora-b:#ba83e9;--aurora-c:#e8ba7d;--aurora-glow:#9d92ff}
:root[data-light-world=schmuck]{--aurora-a:#6f9bed;--aurora-b:#b0a0df;--aurora-c:#efc47d;--aurora-glow:#e9c48b}
:root[data-light-world=geschenke]{--aurora-a:#d17bc2;--aurora-b:#c29aef;--aurora-c:#f2ae7d;--aurora-glow:#e6a5cd}
:root[data-light-world=spiele]{--aurora-a:#5a91ff;--aurora-b:#b17cfa;--aurora-c:#85b7f5;--aurora-glow:#9b9dff}
.ssm-aurora{position:absolute;z-index:-2;inset:-15px -18px -2px;overflow:hidden;pointer-events:none;mix-blend-mode:screen;mask-image:linear-gradient(180deg,transparent,#000 25%,#000 76%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 25%,#000 76%,transparent)}
.ssm-aurora svg{display:block;width:100%;height:100%;overflow:visible}
.ssm-aurora stop{transition:stop-color 3.5s ease}
.ssm-aurora .aurora-a{stop-color:var(--aurora-a)}.ssm-aurora .aurora-b{stop-color:var(--aurora-b)}.ssm-aurora .aurora-c{stop-color:var(--aurora-c)}
.aurora-drift{transform-origin:50% 60%;animation:aurora-drift 29s ease-in-out infinite;will-change:transform,opacity}
@keyframes aurora-drift{0%,100%{transform:translate(-3%,1%) scale(1.08);opacity:.7}18%{opacity:.2}38%{transform:translate(2%,-5%) scale(1.13);opacity:.95}58%{opacity:.35}78%{transform:translate(-1%,4%) scale(1.06);opacity:.85}}
.ssm-links{font-family:Georgia,'Times New Roman',serif;font-size:18px;letter-spacing:.025em}
.ssm-links a{isolation:isolate;transition:transform .2s,filter .2s;color:#eee4d5;text-shadow:none}
.ssm-nav-word{display:block;background:linear-gradient(110deg,#f4ebda 0%,#f4ebda 32%,var(--aurora-a) 46%,#fff3df 53%,var(--aurora-b) 62%,#f4ebda 76%);background-size:320% 100%;background-position:0% 50%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:aurora-type 29s ease-in-out infinite;filter:drop-shadow(0 1px 1px #080603aa)}
@keyframes aurora-type{0%,100%{background-position:0% 50%}40%{background-position:70% 50%}75%{background-position:15% 50%}}
.ssm-links a::before{inset:0 -16px;border-radius:50%;box-shadow:none;background:radial-gradient(ellipse at center,#0c090659 0 20%,transparent 40%),radial-gradient(ellipse at center,var(--aurora-glow),transparent 67%);filter:blur(8px);opacity:0;transform:scaleY(.55);transition:opacity .3s}
.ssm-links a[aria-current]::before{opacity:.2}.ssm-links a:hover::before,.ssm-links a:focus-visible::before{opacity:.32}
.ssm-links a[aria-current] .ssm-nav-word{filter:drop-shadow(0 0 6px var(--aurora-glow));background-position:50% 50%}
.ssm-links a:active{transform:translateY(2px) scale(.97);filter:brightness(1.15)}
.ssm-links a[aria-current]::after{content:none}
.ssm-mobile-links a[aria-current]{box-shadow:none;background:radial-gradient(ellipse at 15% 50%,#a896e52b,transparent 75%);color:#f6e7ce;text-shadow:0 0 12px var(--aurora-glow)}
.ssm-mobile-links a:active{transform:translateY(1px);text-shadow:0 0 10px var(--aurora-glow)}
.ssm-aurora.is-paused .aurora-drift{animation-play-state:paused}.ssm-global-nav.is-light-paused .ssm-nav-word{animation-play-state:paused}
.ssm-light-toggle{position:absolute;right:0;bottom:-28px;border:0;padding:4px 8px;background:transparent;color:#c2b8a8;font:10px Arial,sans-serif;line-height:20px;cursor:pointer;pointer-events:auto;opacity:.7}
.ssm-light-toggle:hover,.ssm-light-toggle:focus-visible{opacity:1;color:#f3d39c}
@media(max-width:1100px){.ssm-links{font-size:17px}}
@media(max-width:900px){.ssm-links{font-size:16px}}
@media(max-width:820px){.ssm-aurora{inset:-6px -10px 0}.ssm-light-toggle{bottom:-20px;font-size:9px;padding:2px 5px;line-height:18px}.ssm-mobile-links{top:134px}}
@media(prefers-reduced-motion:reduce){.aurora-drift,.ssm-nav-word{animation:none;will-change:auto}.aurora-drift{opacity:.45}.ssm-aurora stop,.ssm-links a{transition:none}.ssm-light-toggle{display:none}}

.ssm-aurora .aurora-cloud-a{fill:var(--aurora-a);transition:fill 3.5s ease}.ssm-aurora .aurora-cloud-b{fill:var(--aurora-b);transition:fill 3.5s ease}.ssm-aurora .aurora-cloud-c{fill:var(--aurora-c);transition:fill 3.5s ease}
.ssm-aurora{mask-image:linear-gradient(180deg,transparent,#000 25%,#000 76%,transparent),linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(180deg,transparent,#000 25%,#000 76%,transparent),linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-composite:source-in}
.ssm-mobile-links .ssm-light-toggle{position:static;display:block;width:100%;margin-top:8px;padding:12px 15px;text-align:left;border-top:1px solid #d6b87d26;font-size:12px;line-height:1.5}
@media(prefers-reduced-motion:reduce){.ssm-mobile-links .ssm-light-toggle{display:none}}

/* Separate aurora curtains; quiet, stable lettering. */
.ssm-nav-word{background:none;background-clip:initial;-webkit-background-clip:initial;animation:none!important;color:#eee4d5;filter:none;text-shadow:0 1px 2px #080603aa;transition:color .25s,text-shadow .25s}
.ssm-links a[aria-current] .ssm-nav-word{background:none;color:#fff0cb;filter:none;text-shadow:0 0 9px #f4d79f59,0 1px 2px #080603cc}
.ssm-links a::before{background:radial-gradient(ellipse at center,#08060380 0 25%,#e5c58c18 52%,transparent 72%);filter:blur(3px);transform:scaleY(.65)}
.ssm-links a[aria-current]::before{opacity:.65}.ssm-links a:hover::before{opacity:.8}
.aurora-island-a{animation:curtain-a 31s ease-in-out infinite;transform-origin:22% 65%}
.aurora-island-b{animation:curtain-b 37s ease-in-out infinite;transform-origin:52% 60%}
.aurora-island-c{animation:curtain-c 43s ease-in-out infinite;transform-origin:84% 55%}
@keyframes curtain-a{0%,100%{opacity:.7;transform:translate(0,0) skewX(-7deg)}25%{opacity:.18;transform:translate(2%,-5%) skewX(3deg)}53%{opacity:.95;transform:translate(-1%,4%) skewX(-3deg)}77%{opacity:.35;transform:translate(1%,-2%) skewX(5deg)}}
@keyframes curtain-b{0%,100%{opacity:.35;transform:translate(0,3%) skewX(5deg)}34%{opacity:.9;transform:translate(-2%,-5%) skewX(-5deg)}67%{opacity:.2;transform:translate(1%,4%) skewX(7deg)}}
@keyframes curtain-c{0%,100%{opacity:.8;transform:translate(0,-3%) skewX(-4deg)}36%{opacity:.2;transform:translate(1%,5%) skewX(6deg)}72%{opacity:.85;transform:translate(-2%,-2%) skewX(-6deg)}}
.ssm-light-toggle{right:2px;bottom:-18px;width:30px;height:30px;padding:7px;line-height:1;opacity:.65}
.ssm-light-toggle svg{display:block;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.ssm-light-toggle .light-toggle-label{display:none}
.ssm-mobile-links .ssm-light-toggle{height:auto;display:flex;align-items:center;gap:10px}.ssm-mobile-links .light-toggle-label{display:inline}
/* Keep scrolling text fully behind the lower edge, then dissolve into imagery. */
.ssm-home::before,.ssm-world::before{height:184px;background:linear-gradient(180deg,#211c18 0px,#211c18 139px,#211c18eb 146px,#211c1880 159px,#211c1826 173px,transparent 184px)}
@media(max-width:820px){.ssm-home::before{height:149px;background:linear-gradient(180deg,#211c18 0px,#211c18 116px,#211c18eb 123px,#211c1873 134px,#211c1826 142px,transparent 149px)}.ssm-world::before{height:117px;background:linear-gradient(180deg,#211c18 0px,#211c18 106px,#211c1880 111px,transparent 117px)}}
@media(prefers-reduced-motion:reduce){.aurora-island-a,.aurora-island-b,.aurora-island-c{animation:none;opacity:.45}.ssm-nav-word{transition:none}.ssm-light-toggle,.ssm-mobile-links .ssm-light-toggle{display:none}}

/* The light grows upwards from the straight lower edge. Only two composited layers move. */
.ssm-aurora{inset:0 -8px auto;height:112px;overflow:hidden;mix-blend-mode:screen;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);contain:layout paint;z-index:-2}
.ssm-aurora .aurora-drift{position:absolute;inset:0 -14%;transform-origin:50% 100%;will-change:transform,opacity;backface-visibility:hidden;pointer-events:none;background-repeat:no-repeat}
.aurora-wash-a{background:
 radial-gradient(ellipse 39% 105% at 27% 105%,color-mix(in srgb,var(--aurora-a) 48%,transparent) 0%,color-mix(in srgb,var(--aurora-a) 24%,transparent) 26%,color-mix(in srgb,var(--aurora-a) 8%,transparent) 53%,transparent 78%),
 radial-gradient(ellipse 36% 90% at 62% 109%,color-mix(in srgb,var(--aurora-b) 42%,transparent) 0%,color-mix(in srgb,var(--aurora-b) 20%,transparent) 31%,color-mix(in srgb,var(--aurora-b) 7%,transparent) 56%,transparent 82%),
 linear-gradient(0deg,color-mix(in srgb,var(--aurora-c) 16%,transparent),transparent 28%);
 animation:aurora-tide-a 24s ease-in-out infinite}
.aurora-wash-b{background:
 radial-gradient(ellipse 30% 82% at 80% 104%,color-mix(in srgb,var(--aurora-c) 43%,transparent),color-mix(in srgb,var(--aurora-c) 15%,transparent) 39%,transparent 82%),
 radial-gradient(ellipse 27% 119% at 43% 112%,color-mix(in srgb,var(--aurora-b) 30%,transparent),color-mix(in srgb,var(--aurora-a) 10%,transparent) 47%,transparent 81%);
 animation:aurora-tide-b 31s ease-in-out infinite}
@keyframes aurora-tide-a{0%,100%{transform:translate3d(-3%,0,0);opacity:.75}50%{transform:translate3d(3%,0,0);opacity:1}}
@keyframes aurora-tide-b{0%,100%{transform:translate3d(3%,0,0);opacity:.9}50%{transform:translate3d(-4%,0,0);opacity:.55}}
.ssm-aurora.is-paused .aurora-drift{animation-play-state:paused}
@media(max-width:820px){.ssm-aurora{inset:0 -6px auto;height:93px}}
@media(prefers-reduced-motion:reduce){.ssm-aurora .aurora-drift{animation:none;will-change:auto;opacity:.75}}

@property --aurora-a{syntax:"<color>";inherits:true;initial-value:#769aff}
@property --aurora-b{syntax:"<color>";inherits:true;initial-value:#ba83e9}
@property --aurora-c{syntax:"<color>";inherits:true;initial-value:#e8ba7d}
:root{transition:--aurora-a 3.5s ease,--aurora-b 3.5s ease,--aurora-c 3.5s ease}
@media(prefers-reduced-motion:reduce){:root{transition:none}}

/* Compact shared header: preserve the scene, reclaim its viewing area. */
.ssm-global-nav{top:8px;height:76px;gap:24px;padding:0 12px 0 16px}
.ssm-brand{width:190px;height:78px;margin-top:0}
.ssm-links{margin-top:7px;font-size:17px;gap:25px}
.ssm-controls{margin-top:7px;gap:9px}
.ssm-global-nav .ssm-energy-ribbon{height:90px!important;top:0}
.ssm-aurora{height:81.3px}
.ssm-home{padding-top:110px}
.ssm-home::before,.ssm-world::before{height:115px;background:linear-gradient(180deg,#211c18 0px,#211c18 82px,#211c18e0 91px,#211c1852 103px,transparent 115px)}
.ssm-world::before{height:103px;background:linear-gradient(180deg,#211c18 0px,#211c18 78px,#211c18b3 88px,transparent 103px)}
.ssm-light-toggle{bottom:-15px}
/* Separate, unequal light pockets with dark breathing space; no full-width colour wash. */
.aurora-wash-a{background:
 radial-gradient(ellipse 19% 108% at 24% 115%,color-mix(in srgb,var(--aurora-a) 29%,transparent),color-mix(in srgb,var(--aurora-a) 9%,transparent) 41%,transparent 77%),
 radial-gradient(ellipse 17% 63% at 67% 108%,color-mix(in srgb,var(--aurora-b) 21%,transparent),color-mix(in srgb,var(--aurora-b) 6%,transparent) 43%,transparent 82%)}
.aurora-wash-b{background:
 radial-gradient(ellipse 15% 83% at 44% 116%,color-mix(in srgb,var(--aurora-b) 22%,transparent),color-mix(in srgb,var(--aurora-a) 6%,transparent) 45%,transparent 81%),
 radial-gradient(ellipse 17% 105% at 84% 121%,color-mix(in srgb,var(--aurora-c) 24%,transparent),color-mix(in srgb,var(--aurora-c) 6%,transparent) 45%,transparent 82%)}
@media(max-width:1100px){.ssm-global-nav{gap:17px}.ssm-brand{width:174px;height:72px}.ssm-links{font-size:16px;gap:19px}}
@media(max-width:900px){.ssm-global-nav{gap:12px}.ssm-brand{width:162px;height:68px}.ssm-links{gap:16px}}
@media(max-width:820px){
 .ssm-global-nav{top:7px;height:66px;left:4%;right:4%;padding:0 8px;gap:7px}
 .ssm-brand{width:160px;height:66px}
 .ssm-controls{margin-top:5px;gap:6px}
 .ssm-global-nav .ssm-energy-ribbon{height:77px!important}
 .ssm-aurora{height:69.55px}
 .ssm-home{padding-top:97px}
 .ssm-home::before{height:101px;background:linear-gradient(180deg,#211c18 0px,#211c18 73px,#211c18c7 82px,#211c1840 92px,transparent 101px)}
 .ssm-world::before{height:91px;background:linear-gradient(180deg,#211c18 0px,#211c18 69px,#211c1880 79px,transparent 91px)}
 .ssm-mobile-links{top:91px}
}
@media(max-width:400px){.ssm-brand{width:146px;height:61px}.ssm-controls{gap:5px}}
@media(max-width:360px){.ssm-brand{width:130px;height:54px}.ssm-global-nav{padding-inline:4px}.ssm-controls{gap:4px}.ssm-back,.ssm-cart,.ssm-menu{width:38px;min-width:38px}}

/* Pastel calm punctuated by slow, richer colour moments. No animated text or filters. */
.ssm-light-edge{position:absolute;z-index:-1;pointer-events:none;top:80.8px;left:-8px;right:-8px;height:1px;overflow:hidden;background:linear-gradient(90deg,transparent,#e2c38c99 8%,#e2c38c73 32%,#b8b6df66 62%,#e2c38c73 91%,transparent)}
.ssm-edge-sweep{position:absolute;inset:-1px auto -1px 0;width:24%;opacity:0;background:linear-gradient(90deg,transparent,#a7c7ff99 24%,#fff2d9 56%,#f9b89e99 78%,transparent);will-change:transform,opacity}
.ssm-global-nav.is-travelling .ssm-edge-sweep{animation:edge-arrival 1.35s cubic-bezier(.22,.5,.35,1) both}
@keyframes edge-arrival{0%{transform:translate3d(-105%,0,0);opacity:0}15%{opacity:1}75%{opacity:1}100%{transform:translate3d(440%,0,0);opacity:0}}
.ssm-links a[aria-current]::before{background:radial-gradient(ellipse at 50% 70%,color-mix(in srgb,var(--aurora-glow) 22%,transparent),#08060340 42%,transparent 73%);opacity:.8}
.ssm-aurora .aurora-moment{inset:0 -12%;transform-origin:50% 100%}
.ssm-aurora .aurora-ember{background:radial-gradient(ellipse 26% 108% at 42% 113%,#ff6652d9 0%,#e8a35d55 30%,#e9c4a319 58%,transparent 82%);animation:colour-ember 32s ease-in-out -9s infinite}
.ssm-aurora .aurora-blue{background:radial-gradient(ellipse 23% 126% at 71% 116%,#729effd9 0%,#a28ce755 32%,#b6c9ed19 59%,transparent 81%);animation:colour-blue 43s ease-in-out -25s infinite}
.ssm-aurora .aurora-green{background:radial-gradient(ellipse 24% 97% at 23% 111%,#8de5a7c9 0%,#e3d77c4d 34%,#d5e7b319 59%,transparent 83%);animation:colour-green 37s ease-in-out -3s infinite}
@keyframes colour-ember{0%,100%{opacity:.04;transform:translate3d(-3%,0,0) scaleY(.65)}20%{opacity:.12}35%{opacity:.9;transform:translate3d(2%,0,0) scaleY(1)}54%,82%{opacity:0;transform:translate3d(5%,0,0) scaleY(.7)}}
@keyframes colour-blue{0%,100%{opacity:.06;transform:translate3d(3%,0,0) scaleY(.7)}25%,40%{opacity:.02}69%{opacity:.8;transform:translate3d(-2%,0,0) scaleY(1)}90%{opacity:.12}}
@keyframes colour-green{0%,100%{opacity:.02;transform:translate3d(-2%,0,0) scaleY(.8)}25%{opacity:.1}48%{opacity:.8;transform:translate3d(3%,0,0) scaleY(1)}72%,88%{opacity:0;transform:translate3d(5%,0,0) scaleY(.65)}}
.ssm-global-nav.is-light-paused .ssm-edge-sweep{animation:none;opacity:0}
@media(max-width:820px){.ssm-light-edge{top:69.05px;left:-6px;right:-6px}}
@media(prefers-reduced-motion:reduce){.ssm-aurora .aurora-moment{animation:none;opacity:.12;will-change:auto}.ssm-global-nav.is-travelling .ssm-edge-sweep{animation:none;opacity:0}}

/* One quiet selection row and an opening surface that shares the header's light language. */
.entry-status-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.ssm-home .entry-controls{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 0 8px}
.ssm-home .entry-nav{gap:12px}
.ssm-home .entry-arrow{width:46px;height:46px;min-width:46px;border-radius:50%;border:1px solid #d9b77b38;background:radial-gradient(ellipse at 50% 100%,#d9b77b0c,transparent 75%);transition:background .2s,border-color .2s,transform .2s}
.ssm-home .entry-arrow:hover{border-color:#d9b77b99;background:#d9b77b10}
.ssm-home .entry-arrow:active{transform:translateY(1px) scale(.96)}
.ssm-home .world-dots{gap:0}.ssm-home .world-dots button{width:32px;height:46px;padding:19px 12px}.ssm-home .world-dots button::after{width:6px;height:6px;background:#bcb09e42}.ssm-home .world-dots button.selected::after{background:#f0d39d;box-shadow:0 0 9px #e2be7955;transform:scale(1.15)}
.world-open{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:28px;min-width:285px;min-height:66px;max-width:100%;padding:10px 12px 10px 24px;border:1px solid #e2be791c;border-bottom-color:#e2be7999;border-radius:7px;background:linear-gradient(155deg,#ffffff05,transparent 40%),linear-gradient(90deg,#1915119c,#30292259);color:#f3ead9;box-shadow:inset 0 1px 0 #fff5df07,0 8px 20px #100c081a;text-align:left;font:21px Georgia,'Times New Roman',serif;line-height:1.25;cursor:pointer;transition:transform .18s,border-color .25s,box-shadow .25s;touch-action:manipulation}
.world-open::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 70% 110%,color-mix(in srgb,var(--aurora-a) 21%,transparent),transparent 65%),radial-gradient(ellipse at 18% 120%,#e2be791f,transparent 62%);opacity:.7;transition:opacity .3s}
.world-open::after{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;width:32%;pointer-events:none;background:linear-gradient(105deg,transparent,#fff0c91c,transparent);transform:translate3d(-110%,0,0);opacity:0}
.world-open.is-switching::after{animation:opening-light 1.1s ease-out both}
@keyframes opening-light{0%{transform:translate3d(-110%,0,0);opacity:0}25%{opacity:1}100%{transform:translate3d(420%,0,0);opacity:0}}
.world-open-label{position:relative}.world-open-direction{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border:1px solid #e2be7966;border-radius:50%;color:#e9cb91;background:linear-gradient(145deg,#e2be790a,transparent);box-shadow:inset 0 1px 0 #fff0ce0a}
.world-open-direction svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.world-open:hover,.world-open:focus-visible{border-bottom-color:#ffe1a5;box-shadow:inset 0 1px 0 #fff5df0a,0 7px 20px #100c0826}.world-open:hover::before,.world-open:focus-visible::before{opacity:1}.world-open:hover .world-open-direction svg{transform:translateX(3px)}
.world-open:active{transform:translateY(2px);box-shadow:inset 0 2px 7px #08060380}.world-open:active .world-open-direction svg{transform:translateX(4px)}
.world-open:focus-visible{outline:2px solid #e9cb91;outline-offset:5px}
@media(max-width:800px){.ssm-home .entry-controls{gap:16px}.world-open{min-width:255px;font-size:20px;gap:20px}}
@media(max-width:550px){.ssm-home .entry-controls{flex-direction:column;gap:13px;padding-top:15px}.ssm-home .entry-nav{align-self:center;gap:18px}.ssm-home .world-dots button{width:34px;padding-inline:13px}.world-open{width:100%;min-width:0;min-height:64px;padding-left:22px;font-size:21px}.ssm-home .entry-track{height:clamp(190px,calc(100svh - 245px),400px)}}
@media(prefers-reduced-motion:reduce){.world-open,.world-open::before,.world-open-direction svg,.ssm-home .entry-arrow{transition:none}.world-open.is-switching::after{animation:none}}
@media(max-width:360px){.world-open{font-size:18px;gap:14px;padding-left:18px}}

/* Free vertical movement; controls belong to the image stage. */
html{scroll-snap-type:none!important;scroll-padding-top:104px}
.ssm-home .entry-carousel{scroll-snap-align:none;scroll-margin:0;margin-bottom:52px}
.ssm-home .entry-track{height:clamp(300px,65svh,560px)}
.ssm-home .entry-arrow{position:absolute;z-index:30;top:50%;transform:translateY(-50%);width:48px;height:48px;min-width:48px;background:#211c18a8;border-color:#e2be796b;box-shadow:0 2px 14px #08060333}
.ssm-home .entry-arrow:hover{background:#332b21e0;border-color:#f0d29a}
.ssm-home .entry-arrow:active{transform:translateY(-50%) scale(.94)}
.ssm-home .entry-prev{left:calc(7.5% - 24px)}.ssm-home .entry-next{right:calc(7.5% - 24px)}
.entry-open-cue{position:absolute;z-index:3;right:23px;top:23px;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;border:1px solid #e2be7980;color:#f1d5a0;background:radial-gradient(ellipse at 50% 100%,#b6b2df26,transparent 70%),#211c1870;box-shadow:inset 0 1px 0 #fff4d912,0 3px 15px #08060320;opacity:0;transform:translateY(4px);transition:opacity .25s,transform .25s;pointer-events:none}
.entry-open-cue svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.35;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.entry-card.is-active .entry-open-cue{opacity:1;transform:none}.entry-card.is-active:hover .entry-open-cue svg{transform:translate(2px,-2px)}
.entry-card.is-active{cursor:pointer}.entry-card.is-active:active .entry-open-cue{box-shadow:inset 0 2px 5px #08060399}
.ssm-home #natur,.ssm-home #ideen,.ssm-home #welten,.ssm-home #besuch,.ssm-home #alle-stuecke{scroll-margin-top:0;scroll-snap-align:none}
@media(max-width:820px){html{scroll-padding-top:91px}}
@media(max-width:800px){.ssm-home .entry-prev{left:12px}.ssm-home .entry-next{right:12px}.ssm-home .entry-track{height:clamp(320px,64svh,520px)}}
@media(max-width:550px){.ssm-home .entry-carousel{margin-bottom:38px}.ssm-home .entry-prev{left:-4%}.ssm-home .entry-next{right:-4%}.ssm-home .entry-arrow{width:44px;height:44px;min-width:44px}.ssm-home .entry-track{height:clamp(330px,62svh,460px)}.entry-open-cue{right:17px;top:17px;width:44px;height:44px}}
@media(max-height:520px){.ssm-home .entry-track{height:clamp(260px,68svh,370px)}}
@media(prefers-reduced-motion:reduce){.entry-open-cue,.entry-open-cue svg{transition:none}}
@media(min-width:801px){.entry-card:not(.is-active) .entry-card-copy{left:10px;right:10px}.entry-card:not(.is-active) .entry-title{font-size:clamp(14px,1.6vw,22px);white-space:nowrap;overflow-wrap:normal}}

/* Overview contains only the entrance; each world has its own document. */
.ssm-overview .entry-carousel{margin-bottom:60px}
.ssm-content .collection .section-head{margin-bottom:28px}
.ssm-content main>h1.entry-status-sr{margin:0}
.ssm-content .visit{margin-top:30px}
@media(max-width:550px){.ssm-overview .entry-carousel{margin-bottom:35px}}