#kies-viewport{--ink:#1f1612;--ink-2:#4a3f30;--muted:#6f6757;--green:#10b981;--green-deep:#047857;--green-soft:#dcf6e7;--orange:#f97316;--orange-deep:#d04711;--orange-soft:#ffe2c4;--line:#e7eef2;--font-display:"Baloo 2", system-ui, sans-serif;--font-body:"Quicksand", system-ui, sans-serif;--sky:#cfe8f7;--sky-deep:#a6d2ec;--ray:#f6e496ad;--cloud-fill-back:#ededec}#kies-viewport *{box-sizing:border-box;margin:0;padding:0}#kies-viewport{font-family:var(--font-body);color:var(--ink);background:linear-gradient(#cfe8f7 0%,#a6d2ec 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}#kies-stage{transform-origin:50%;background:linear-gradient(#cfe8f7 0%,#a6d2ec 100%);flex:none;justify-content:center;align-items:center;width:1920px;height:1080px;display:flex;position:relative;overflow:hidden}#kies-viewport .sunrays{background:repeating-conic-gradient(from 0deg, var(--ray) 0deg 13.846deg, transparent 13.846deg 27.692deg);opacity:1;z-index:5;width:2300px;height:2300px;animation:85s linear infinite raySpin,1.2s ease-out 1.1s backwards rayFade;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask:radial-gradient(circle,#0000 11%,#000 18% 44%,#0000 60%);mask:radial-gradient(circle,#0000 11%,#000 18% 44%,#0000 60%)}@keyframes rayFade{0%{opacity:0}to{opacity:1}}@keyframes cardIn{0%{opacity:0;transform:translateY(40px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes raySpin{to{transform:translate(-50%,-50%)rotate(360deg)}}#kies-viewport .picker{z-index:5;justify-content:center;align-items:stretch;gap:430px;width:100%;max-width:1600px;padding:40px;display:flex;position:relative}#kies-viewport .logo-center{z-index:6;pointer-events:none;width:405px;animation:2.6s cubic-bezier(.5,0,.2,1) .15s backwards logoGrow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#kies-viewport .logo-center img{filter:drop-shadow(0 18px 30px #14285a59);width:100%;height:auto;display:block}#kies-viewport .logo-badge{z-index:8;white-space:nowrap;font-family:var(--font-body);letter-spacing:.2px;color:#3a6a8c;background:#ffffffeb;border:1px solid #ffffffe6;border-radius:999px;padding:13px 28px;font-size:19px;line-height:1;animation:.9s .55s backwards badgeFade;position:absolute;top:300px;left:50%;transform:translate(-50%);box-shadow:0 14px 34px -16px #1e3c6480}@keyframes badgeFade{0%{opacity:0}to{opacity:1}}#kies-viewport .logo-badge strong{color:#1f8a3b;font-weight:800}#kies-viewport .logo-badge .sep{color:#b7cbdb;margin:0 3px}#kies-viewport .logo-year{z-index:7;text-align:center;font-family:var(--font-display);color:#fff;-webkit-text-stroke:6px #1a2b3c;paint-order:stroke fill;text-shadow:0 6px 14px #14285a59;margin-top:calc(10px - 14%);font-size:min(5vw,60px);font-weight:800;line-height:1;animation:2.6s cubic-bezier(.5,0,.2,1) .15s backwards yearFade;position:relative}#kies-viewport .picker-wrap{z-index:5;transform-origin:50%;flex-direction:column;align-items:center;display:flex;position:relative;transform:scale(.85)}#kies-viewport .pick-foot{z-index:8;text-align:center;pointer-events:none;width:min(90vw,620px);margin-top:12px;position:absolute;top:100%;left:50%;transform:translate(-50%)}#kies-viewport .pick-foot p{font-family:var(--font-body);color:var(--ink);text-wrap:balance;margin:0;font-size:22px;font-weight:500;line-height:1.5}#kies-viewport .pick-foot strong{font-weight:800}#kies-viewport .logo-edition{z-index:8;white-space:nowrap;font-family:var(--font-display);letter-spacing:.28em;text-transform:uppercase;color:var(--green-deep);margin-bottom:26px;font-size:13px;font-weight:800;animation:.9s .7s backwards badgeFade;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}#kies-viewport .pick-head{z-index:8;text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffffd1;border-radius:26px;width:min(90vw,540px);padding:18px 30px 20px;animation:.8s .5s backwards headIn;position:absolute;top:49px;left:50%;transform:translate(-50%);box-shadow:0 14px 34px -18px #1e3c6480}@keyframes headIn{0%{opacity:0;transform:translate(-50%)translateY(-10px)}}#kies-viewport .pick-title{font-family:var(--font-display);color:var(--ink);margin:0 0 8px;font-size:40px;font-weight:800}#kies-viewport .pick-intro{max-width:460px;font-family:var(--font-body);color:var(--ink);text-wrap:pretty;margin:0 auto;font-size:clamp(13px,1.05vw,16px);font-weight:500;line-height:1.5}@keyframes logoGrow{0%{transform:translate(-50%,calc(6vh - 50%))scale(.28)}to{transform:translate(-50%,-50%)scale(1)}}#kies-viewport .gem-card{text-align:left;width:470px;color:inherit;background:#fff;border:3px solid #0000;border-radius:26px;flex-direction:column;text-decoration:none;transition:transform .18s cubic-bezier(.2,.7,.3,1),box-shadow .18s,border-color .18s;animation:.8s cubic-bezier(.5,0,.2,1) 1.6s backwards cardIn;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 44px -24px #14325080,0 2px #00000008}#kies-viewport .gem-card:hover{transform:translateY(-6px);box-shadow:0 32px 56px -24px #1432508c}#kies-viewport .gc-banner{align-items:flex-end;height:200px;padding:16px;display:flex;position:relative;overflow:hidden}#kies-viewport .gem-card:nth-of-type(2){animation-delay:1.75s}#kies-viewport .gc-banner img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}#kies-viewport .gc-banner:after{content:"";background:linear-gradient(#0000000d 30%,#140c1e8c 100%);position:absolute;inset:0}#kies-viewport .gc-region{z-index:2;font-family:var(--font-display);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff38;border:1px solid #fff6;border-radius:999px;padding:6px 13px;font-size:14px;font-weight:800;position:relative}#kies-viewport .gc-body{flex-direction:column;flex:1;padding:20px 22px;display:flex}#kies-viewport .gc-name{font-family:var(--font-display);color:var(--ink);font-size:27px;font-weight:800}#kies-viewport .gc-desc{color:var(--muted);flex:1;margin-top:6px;font-size:16px;font-weight:500;line-height:1.5}#kies-viewport .gc-meta{flex-wrap:wrap;gap:6px;margin-top:16px;display:flex}#kies-viewport .gc-chip{font-family:var(--font-display);color:var(--green-deep);background:var(--green-soft);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:5px 9px;font-size:12.5px;font-weight:700;display:inline-flex}#kies-viewport .gc-chip.orange{color:var(--orange-deep);background:var(--orange-soft)}#kies-viewport .gc-chip.pink{color:#b83280;background:#fce0ef}#kies-viewport .gc-arrow{z-index:3;width:48px;height:48px;font-family:var(--font-display);color:var(--green-deep);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:24px;font-weight:800;line-height:1;transition:transform .25s cubic-bezier(.34,1.56,.64,1),color .25s;display:flex;position:absolute;top:16px;right:16px;box-shadow:0 8px 18px -8px #14325080}#kies-viewport .gem-card:hover .gc-arrow{color:var(--green-deep)}#kies-viewport .clouds{pointer-events:none;position:absolute;inset:0;overflow:hidden}#kies-viewport .clouds-back{z-index:4}#kies-viewport .clouds-front{z-index:7}#kies-viewport .band{flex-direction:column;width:100%;display:flex;position:absolute;left:0;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}#kies-viewport .band img{width:110%;max-width:none;margin-left:-5%;display:block}#kies-viewport .band.top img{margin-top:-2px}#kies-viewport .band.bottom img{margin-bottom:-2px}#kies-viewport .band .fill{flex:1}#kies-viewport .band.top.back img{animation:26s ease-in-out infinite drift}#kies-viewport .band.top.front img{animation:20s ease-in-out infinite reverse drift}#kies-viewport .band.bottom.back img{animation:30s ease-in-out infinite reverse drift}#kies-viewport .band.bottom.front img{animation:23s ease-in-out infinite drift}@keyframes drift{0%,to{transform:translate(-2.5%)}50%{transform:translate(2.5%)}}#kies-viewport .band.top{top:0}#kies-viewport .band.top .fill{order:0}#kies-viewport .band.top img{order:1}#kies-viewport .band.bottom{bottom:0}#kies-viewport .band.bottom img{order:0}#kies-viewport .band.bottom .fill{order:1}#kies-viewport .band.back .fill{background:var(--cloud-fill-back)}#kies-viewport .band.front .fill{background:#fff}#kies-viewport .band.top.back{height:1080px;animation:3.4s cubic-bezier(.33,0,.15,1) .1s backwards openTopBack;transform:translateY(-734px)}#kies-viewport .band.top.front{height:1080px;animation:2.4s cubic-bezier(.5,0,.2,1) .3s backwards openTopFront;transform:translateY(-821px)}#kies-viewport .band.bottom.back{height:1080px;animation:3.4s cubic-bezier(.33,0,.15,1) .1s backwards openBotBack;transform:translateY(734px)}#kies-viewport .band.bottom.front{height:1080px;animation:2.4s cubic-bezier(.5,0,.2,1) .3s backwards openBotFront;transform:translateY(821px)}@keyframes openTopBack{0%{transform:translateY(-65px)}to{transform:translateY(-734px)}}@keyframes openTopFront{0%{transform:translateY(0)}to{transform:translateY(-821px)}}@keyframes openBotBack{0%{transform:translateY(65px)}to{transform:translateY(734px)}}@keyframes openBotFront{0%{transform:translateY(0)}to{transform:translateY(821px)}}#kies-viewport .scroll-hint,#kies-viewport .cards-panel{display:none}@media (max-width:760px){#kies-viewport{background:#fff;height:auto;min-height:0;display:block;position:static;inset:auto}#kies-stage{width:100%;height:var(--hero-h,100svh);min-height:var(--hero-h,100svh);flex-direction:column;justify-content:center;align-items:center;padding:2svh 24px 14svh;display:flex;position:relative;overflow:hidden;transform:none!important}#kies-viewport .sunrays{display:none}#kies-viewport .logo-center:before{content:"";background:repeating-conic-gradient(from 0deg, var(--ray) 0deg 13.846deg, transparent 13.846deg 27.692deg);opacity:.85;z-index:-1;width:158svh;max-width:205vw;height:158svh;max-height:205vw;animation:85s linear infinite raySpin,1.2s ease-out 1.1s backwards rayFade;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask:radial-gradient(circle,#0000 8%,#000 15% 46%,#0000 62%);mask:radial-gradient(circle,#0000 8%,#000 15% 46%,#0000 62%)}#kies-viewport .picker-wrap{z-index:3;flex-direction:column;align-items:center;width:100%;display:flex;position:static;transform:none}#kies-viewport .picker{display:none}#kies-viewport .logo-center{z-index:2;order:-1;width:min(62vw,250px);margin:0 auto 18px;animation:none;position:relative;top:auto;left:auto;transform:none}#kies-viewport .logo-center img{will-change:transform;animation:2.6s cubic-bezier(.5,0,.2,1) .15s backwards mLogoGrow}#kies-viewport .logo-edition{margin-bottom:14px}#kies-viewport .pick-foot{order:0;width:100%;max-width:400px;margin:0 auto;padding:0;position:static;transform:none}#kies-viewport .pick-foot p{color:var(--ink);font-size:16px}#kies-viewport .scroll-hint{z-index:3;font-family:var(--font-display);letter-spacing:.05em;color:var(--green-deep);text-shadow:0 1px 2px #ffffff8c;flex-direction:column;align-items:center;gap:0;font-size:12.5px;font-weight:800;display:flex;position:absolute;bottom:24%;left:0;right:0}#kies-viewport .scroll-chevron{margin-top:2px;font-size:24px;line-height:.9;animation:1.6s ease-in-out infinite scrollBounce}#kies-viewport .clouds{position:absolute;inset:0;overflow:hidden}#kies-viewport .clouds-back{z-index:1}#kies-viewport .clouds-front{z-index:4}#kies-viewport .band{will-change:transform;width:100%;height:auto;position:absolute;left:0}#kies-viewport .band .fill{height:calc(var(--hero-h,100svh) * 1.2);flex:none;display:block}#kies-viewport .band img{width:150%;margin-left:-25%}#kies-viewport .band.top{top:0}#kies-viewport .band.bottom{bottom:0}#kies-viewport .band.top img{margin-top:-1px}#kies-viewport .band.bottom img{margin-bottom:-1px}#kies-viewport .band.top.back{height:auto;transform:translateY(calc(var(--hero-h,100svh) * -1.23));animation:3.4s cubic-bezier(.33,0,.15,1) .1s backwards mOpenTopB}#kies-viewport .band.top.front{height:auto;transform:translateY(calc(var(--hero-h,100svh) * -1.23));animation:2.4s cubic-bezier(.5,0,.2,1) .3s backwards mOpenTopF}#kies-viewport .band.bottom.back{height:auto;transform:translateY(calc(var(--hero-h,100svh) * 1.26));animation:3.4s cubic-bezier(.33,0,.15,1) .1s backwards mOpenBotB}#kies-viewport .band.bottom.front{height:auto;transform:translateY(calc(var(--hero-h,100svh) * 1.26));animation:2.4s cubic-bezier(.5,0,.2,1) .3s backwards mOpenBotF}#kies-viewport .band.top.back img{animation:26s ease-in-out infinite drift}#kies-viewport .band.top.front img{animation:20s ease-in-out infinite reverse drift}#kies-viewport .band.bottom.back img{animation:30s ease-in-out infinite reverse drift}#kies-viewport .band.bottom.front img{animation:23s ease-in-out infinite drift}#kies-viewport .cards-panel{z-index:2;background:#fff;margin-top:-1px;padding:4px 18px 40px;display:block;position:relative}#kies-viewport .cards-panel-title{text-align:center;font-family:var(--font-display);color:var(--ink);margin:0 0 16px;font-size:22px;font-weight:800}#kies-viewport .cards-panel-grid{flex-direction:column;align-items:center;gap:16px;display:flex}#kies-viewport .cards-panel .gem-card{width:100%;max-width:400px;animation:none;box-shadow:0 20px 40px -22px #14325080,0 5px 14px -5px #14325029}#kies-viewport .cards-panel .gc-banner{height:150px}#kies-viewport .gem-card:hover{transform:none;box-shadow:0 18px 40px -20px #14325066}#kies-viewport .gem-card:hover .gc-arrow{transform:none}}@keyframes mOpenTopB{0%{transform:translateY(-56svh)}to{transform:translateY(-123svh)}}@keyframes mOpenTopF{0%{transform:translateY(-50svh)}to{transform:translateY(-123svh)}}@keyframes mOpenBotB{0%{transform:translateY(56svh)}to{transform:translateY(126svh)}}@keyframes mOpenBotF{0%{transform:translateY(50svh)}to{transform:translateY(126svh)}}@keyframes scrollBounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes fadeInLate{0%{opacity:0}to{opacity:1}}@keyframes mLogoGrow{0%{transform:translateY(6vh)scale(.28)}to{transform:translateY(0)scale(1)}}