.fg-gallery,.fg-gallery *{box-sizing:border-box}.fg-gallery{font-family:Arial,"Microsoft YaHei",sans-serif;color:#f4f5f0}.fg-gallery button{font:inherit}.fg-gallery button,.fg-gallery a{-webkit-tap-highlight-color:transparent}.fg-gallery button:focus-visible,.fg-gallery a:focus-visible{outline:2px solid #c4ed69;outline-offset:6px}
.fg-gallery{position:relative;isolation:isolate;overflow:hidden;background:#020404;min-height:810px;padding:32px 50px 26px}.fg-gallery::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 15% 0%,#183d462d,transparent 42%),radial-gradient(ellipse at 85% 0%,#36253e25,transparent 45%)}.fg-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:2px;color:#959f99}.fg-top span:first-child{color:#c6ed71}.fg-mark{margin:54px auto 0;text-align:center;color:#e2e7df;font-size:31px;line-height:1}.fg-stage{position:relative;height:360px;max-width:1100px;margin:24px auto 0;perspective:1600px;touch-action:pan-y}.fg-art{--x:0px;--y:0px;--r:0deg;--s:1;--dim:1;position:absolute;top:20px;left:50%;width:300px;height:300px;margin-left:-150px;padding:0;border:1px solid #ffffff62;border-radius:23px;overflow:hidden;background:#181c19;cursor:pointer;transform:translate3d(var(--x),var(--y),0) rotate(var(--r)) scale(var(--s));filter:brightness(var(--dim)) blur(var(--blur,0px));box-shadow:0 20px 65px #0009;transition:transform .65s cubic-bezier(.22,.68,.15,1),filter .65s,border-color .3s;will-change:transform}.fg-art img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.fg-art[data-position="0"]{z-index:5;border-color:#e4e9d995;cursor:default}.fg-art[data-position="-1"]{--x:-245px;--y:28px;--r:-12deg;--s:.9;--dim:.76;z-index:4}.fg-art[data-position="1"]{--x:245px;--y:28px;--r:12deg;--s:.9;--dim:.76;z-index:4}.fg-art[data-position="-2"]{--x:-417px;--y:85px;--r:-18deg;--s:.64;--dim:.32;--blur:1px;z-index:2}.fg-art[data-position="2"]{--x:417px;--y:85px;--r:18deg;--s:.64;--dim:.32;--blur:1px;z-index:2}.fg-art:hover:not([data-position="0"]){filter:brightness(.95);border-color:#dae4cf}.fg-caption{text-align:center;position:relative;z-index:6;margin:6px auto 0;max-width:780px}.fg-counter{font-size:10px;letter-spacing:2px;color:#b6c3ae;line-height:1.4}.fg-caption h4{font-weight:400;font-size:38px;letter-spacing:-1px;line-height:1.35;margin:17px 0 9px}.fg-caption p{font-size:12px;line-height:1.8;color:#9ba49e;margin:0}.fg-enter{display:inline-flex;align-items:center;gap:24px;background:#f4f5ef;color:#10150e;border-radius:40px;padding:6px 6px 6px 23px;font-size:12px;text-decoration:none;margin-top:25px;transition:transform .2s,background .2s}.fg-enter b{background:#141a12;color:#cfef9f;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;font-size:20px;font-weight:400}.fg-enter:hover{transform:translateY(-2px);background:#d7edb7}.fg-controls{display:flex;justify-content:center;gap:4px;margin:22px auto 0}.fg-controls button{width:36px;height:40px;padding:0;background:transparent;border:0;color:#7c867d;cursor:pointer}.fg-controls button::after{content:"";display:block;margin:auto;width:5px;height:5px;border-radius:50%;background:currentColor;transition:width .25s}.fg-controls button[aria-pressed="true"]{color:#c4ed69}.fg-controls button[aria-pressed="true"]::after{width:22px;border-radius:10px}.fg-footer{display:flex;justify-content:space-between;margin-top:30px;color:#737e76;font-size:9px;letter-spacing:1px}.fg-hint{letter-spacing:0}
@media(min-width:1500px){.fg-gallery{max-width:1600px;margin:auto}}
@media(max-width:900px){.fg-gallery{padding:28px;min-height:730px}.fg-stage{height:315px}.fg-art{width:250px;height:250px;margin-left:-125px}.fg-art[data-position="-1"]{--x:-190px}.fg-art[data-position="1"]{--x:190px}.fg-art[data-position="-2"]{--x:-315px;--y:65px}.fg-art[data-position="2"]{--x:315px;--y:65px}.fg-mark{margin-top:45px}.fg-caption h4{font-size:32px}}
@media(max-width:600px){.fg-gallery{padding:24px 18px;min-height:630px}.fg-top{font-size:8px;letter-spacing:1px}.fg-top span:last-child{letter-spacing:.5px}.fg-mark{margin-top:40px;font-size:25px}.fg-stage{height:240px;margin-top:21px}.fg-art{width:190px;height:190px;margin-left:-95px;border-radius:17px;top:10px}.fg-art[data-position="-1"]{--x:-130px;--y:24px;--s:.78;--r:-14deg}.fg-art[data-position="1"]{--x:130px;--y:24px;--s:.78;--r:14deg}.fg-art[data-position="-2"]{--x:-207px;--y:57px;--s:.52}.fg-art[data-position="2"]{--x:207px;--y:57px;--s:.52}.fg-caption{margin-top:0}.fg-caption h4{font-size:25px;letter-spacing:-.6px;margin:17px 0 10px}.fg-caption p{font-size:11px}.fg-counter{font-size:9px;letter-spacing:1px}.fg-enter{margin-top:23px}.fg-footer{margin-top:24px;font-size:8px}.fg-hint{max-width:90px;text-align:right}.fg-controls button{width:44px;height:44px}.fg-controls{margin-top:16px}}
@media(prefers-reduced-motion:reduce){.fg-art,.fg-enter,.fg-controls button::after{transition:none}}
/* Round the artwork inside the baked-in black margin, not the JPG canvas. */
.fg-art{background:#000}
.fg-art img{clip-path:inset(var(--picture-inset,10%) round 4%)}
.fg-art img[src$="culture.jpg"]{--picture-inset:10% 9.9167% 10% 10%}
.fg-art img[src$="illustration.jpg"]{--picture-inset:9.9167% 10.25% 10.1667% 10%}
.fg-art img[src$="information.jpg"]{--picture-inset:10% 9.9167% 9.9167% 9.8333%}
.fg-art img[src$="packaging.jpg"]{--picture-inset:9.4167% 15.0833% 9.3333% 15.1667%}