:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#10151d;color:#f0f3eb}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 12% 0,#233c32,transparent 55%),#10151d}a{color:inherit}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #e8c669;outline-offset:4px}.wrap{max-width:1120px;margin:auto;padding:28px 24px 40px}.top{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{text-decoration:none;font-size:15px;font-weight:700;letter-spacing:.2px}.brand span{color:#afcf71}.language{display:flex;gap:4px;border:1px solid #44554b;border-radius:20px;padding:4px}.language button{border:0;background:transparent;color:#bec8c1;border-radius:15px;padding:5px 10px}.language button[aria-pressed=true]{background:#b9d98a;color:#162114}.hero{margin:35px 0 24px}.eyebrow{color:#b5d789;font-size:12px;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px}h1{font-size:clamp(28px,4vw,46px);line-height:1.12;margin:0 0 12px;letter-spacing:-1px}.intro{color:#b9c4bb;line-height:1.6;max-width:670px;margin:0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:19px}.actions a{text-decoration:none;border:1px solid #4b5b4f;border-radius:9px;padding:11px 17px;font-size:14px}.actions a:first-child{background:#c5dc90;color:#182519;border:1px solid #c5dc90;font-weight:700}.viewer{border:1px solid #465141;border-radius:15px;overflow:hidden;background:#090d12;box-shadow:0 16px 42px #0004}.stage{position:relative;display:flex;justify-content:center;align-items:center;height:clamp(260px,52vw,540px);background:#080b0f}.stage img{width:100%;height:100%;object-fit:contain}.arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:50px;border:1px solid #8b978877;border-radius:10px;background:#15221ae6;color:white;font-size:26px}.arrow:hover{background:#395139}.previous{left:12px}.next{right:12px}.caption{display:flex;align-items:center;gap:16px;padding:14px 19px;background:#1d2822;min-height:58px}.counter{color:#bcd98c;font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.caption h2{font-size:15px;margin:0;font-weight:500;flex:1}.caption a{color:#c9d7ba;font-size:12px;white-space:nowrap;text-underline-offset:3px}.help{font-size:12px;color:#87978a;margin:12px 2px 23px}.grid-title{display:flex;gap:8px;align-items:center;font-size:18px;margin:30px 0 13px}.grid-title span:last-child{color:#afc69b;font-size:12px;border:1px solid #42563f;padding:3px 8px;border-radius:12px}.thumbnails{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.thumbnails button{background:#19231f;color:#d7dfd4;border:1px solid #39493d;border-radius:9px;padding:0;overflow:hidden;text-align:left;transition:border-color .1s}.thumbnails button[aria-pressed=true]{border:2px solid #c2d783}.thumbnails img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:contain;background:#0b0f13}.thumbnails span{display:block;font-size:12px;padding:10px;line-height:1.4;min-height:36px}.thumbnails button:hover{border-color:#9eaf85}.note{color:#83928a;font-size:12px;line-height:1.7;margin:26px 0 0;max-width:780px}footer{display:flex;justify-content:space-between;gap:16px;color:#809087;font-size:12px;margin-top:36px;border-top:1px solid #2d3d33;padding-top:16px}footer a{text-underline-offset:3px}@media(max-width:700px){.wrap{padding:20px 14px 28px}.brand{font-size:12px;max-width:220px}.hero{margin-top:28px}.thumbnails{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stage{height:auto;aspect-ratio:1.6}.arrow{width:34px;height:42px;font-size:22px}.previous{left:6px}.next{right:6px}.caption{padding:12px;flex-wrap:wrap;gap:8px}.caption h2{font-size:13px}.caption a{margin-left:auto}.help{line-height:1.5}footer{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}