@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-vietnamese-wght-normal.BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-ext-wght-normal.CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-wght-normal.DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#f5f2ef;color-scheme:dark;background:#050506;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:#050506;margin:0}button,a{font:inherit}.hero{background:radial-gradient(circle at 50% 45%,#151317 0,#050506 62%);height:100svh;min-height:620px;position:relative;overflow:hidden}.canvas-shell{position:absolute;inset:0}.header{z-index:20;pointer-events:none;justify-content:space-between;align-items:center;padding:28px clamp(22px,4vw,64px);display:flex;position:absolute;top:0;left:0;right:0}.logo{letter-spacing:-.5px;color:#eee;pointer-events:auto;font-family:Georgia,serif;font-size:24px;text-decoration:none}.logo b{color:#ef302d;font-size:31px;font-weight:500}.nav{pointer-events:auto;gap:clamp(22px,3vw,48px);display:flex}.nav a{color:#d9d7d7;font-size:14px;text-decoration:none}.nav a:hover{color:#fff}.mobile-menu{pointer-events:auto;color:#fff;background:#121214;border:1px solid #444;border-radius:50%;width:42px;height:42px;display:none}.intro{z-index:10;pointer-events:none;text-shadow:0 2px 18px #000;max-width:410px;position:absolute;bottom:clamp(25px,6vh,64px);left:clamp(22px,4vw,64px)}.eyebrow{color:#ef4b47;letter-spacing:.2em;text-transform:uppercase;font-size:10px}.intro h1{letter-spacing:-.04em;margin:10px 0;font-size:clamp(23px,3vw,42px);font-weight:450;line-height:1.06}.intro p{color:#aaa;margin:0;font-size:13px;line-height:1.5}.instructions{z-index:10;color:#777;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;font-size:10px;position:absolute;bottom:24px;right:clamp(20px,3vw,45px)}.hotspot{color:#fff;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:0;align-items:center;gap:9px;padding:0;display:flex}.hotspot-dot{background:#160b0ccc;border:1px solid #ff716d;border-radius:50%;place-items:center;width:32px;height:32px;font-size:20px;font-weight:200;animation:2.8s ease-in-out infinite pulse;display:grid;box-shadow:0 0 15px #e1323277}.hotspot-label strong,.hotspot-label span{display:block}.hotspot-label strong{letter-spacing:.06em;text-transform:uppercase;font-size:10px}.hotspot-label span{color:#bbb;margin-top:3px;font-size:9px}.hotspot:hover .hotspot-dot,.hotspot:focus-visible .hotspot-dot{background:#ef302d;transform:scale(1.08)}@keyframes pulse{50%{box-shadow:0 0 25px #e1323299}}.panel-backdrop{z-index:29;pointer-events:none;background:#0002;position:absolute;inset:0}.info-panel{z-index:30;backdrop-filter:blur(16px);background:#0c0c0ee8;border:1px solid #2d2929;width:min(380px,100vw - 40px);padding:38px;animation:.35s enter;position:absolute;top:96px;bottom:20px;right:20px}.info-panel button.close{color:#fff;cursor:pointer;background:0 0;border:1px solid #444;border-radius:50%;width:35px;height:35px;position:absolute;top:18px;right:18px}.info-panel .number{color:#ef403d;letter-spacing:.2em;font-size:11px}.info-panel h2{letter-spacing:-.03em;margin:13px 0;font-size:31px;font-weight:400}.info-panel p{color:#aaa;font-size:14px;line-height:1.65}.info-panel ul{border-top:1px solid #292929;border-bottom:1px solid #292929;margin:20px 0;padding:18px 0;list-style:none}.info-panel li{padding:8px 0;font-size:13px}.info-panel li:before{content:"↗";color:#ef403d;margin-right:10px}.cta{color:#fff;cursor:pointer;background:#8f1c1d;border:1px solid #ef403d;padding:13px 18px}.seo{color:#aaa;background:#09090a;grid-template-columns:1fr 2fr;gap:30px;padding:55px clamp(22px,8vw,130px);display:grid}.seo h2{color:#eee;margin:0;font-weight:400}.seo p{max-width:720px;margin:0;line-height:1.7}@keyframes enter{0%{opacity:0;transform:translate(25px)}}@media (width<=720px){.hero{min-height:640px}.nav{display:none}.mobile-menu{display:block}.intro{max-width:270px;bottom:26px}.intro h1{font-size:25px}.instructions,.hotspot-label{display:none}.hotspot-dot{width:29px;height:29px}.info-panel{border-radius:22px 22px 0 0;width:100%;max-height:70svh;padding:32px 25px;position:fixed;inset:auto 0 0;overflow:auto}.seo{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}:root{font-family:Bricolage Grotesque Variable,Bricolage Grotesque,sans-serif}button,a,input,textarea,select{font:inherit}.intro h1{font-family:Bricolage Grotesque Variable,Bricolage Grotesque,sans-serif}@media (width<=720px){.nav.is-open{backdrop-filter:blur(14px);background:#0d0d0fee;border:1px solid #333;flex-direction:column;gap:0;width:190px;padding:8px;display:flex;position:absolute;top:78px;right:22px}.nav.is-open a{border-bottom:1px solid #242426;padding:13px 12px}}.header .logo{width:clamp(150px,12vw,184px);line-height:0;display:block}.header .logo img{width:100%;height:auto;display:block}@media (width<=720px){.header .logo{width:142px}}.figma-home .site-header{z-index:30;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:30px;left:30px;right:30px}.figma-home .brand{pointer-events:auto;width:226px;line-height:0;display:block}.figma-home .brand img{width:100%;height:auto;display:block}.header-right{pointer-events:auto;flex-direction:column;align-items:flex-end;gap:20px;display:flex}.top-menu,.main-menu{justify-content:flex-end;align-items:center;gap:23px;display:flex}.top-menu a,.top-menu button{color:#8c8c8c;cursor:pointer;background:0 0;border:0;padding:0;font-size:16px;line-height:1;text-decoration:none}.top-menu button{align-items:center;gap:10px;display:flex}.main-menu a{color:#fff;align-items:center;gap:8px;font-size:18px;font-weight:600;line-height:1;text-decoration:none;display:flex}.main-menu a:hover,.main-menu a.active{color:#fff}.main-menu a:not(.active):hover{color:#e33a37}.main-menu span{color:#999;font-size:15px}.figma-copy{z-index:20;text-shadow:0 2px 18px #000;flex-direction:column;gap:30px;width:466px;display:flex;position:absolute;bottom:30px;left:30px}.figma-copy>div{flex-direction:column;gap:20px;display:flex}.figma-copy h1{color:#fff;letter-spacing:-.025em;max-width:466px;margin:0;font-size:37px;font-weight:700;line-height:38px}.figma-copy p{color:#a1a1a1;max-width:466px;margin:0;font-size:16px;font-weight:400;line-height:18px}.catalog-cta{color:#fff;width:466px;text-shadow:none;grid-template-columns:412px 50px;gap:4px;text-decoration:none;display:grid}.catalog-cta span,.catalog-cta b{background:#ca1517;border-radius:4px;place-items:center;height:50px;display:grid}.catalog-cta span{font-size:18px;font-weight:600}.catalog-cta b{font-size:24px;font-weight:400}.figma-home .mobile-menu{pointer-events:auto;display:none}@media (width<=900px){.figma-home .site-header{top:20px;left:22px;right:22px}.figma-home .brand{width:165px}.header-right{display:none}.figma-home .mobile-menu{display:block}.figma-home .main-menu.is-open{backdrop-filter:blur(15px);background:#09090bf2;border:1px solid #333;flex-direction:column;align-items:stretch;gap:0;width:230px;padding:10px;display:flex;position:absolute;top:58px;right:0}.figma-home .main-menu.is-open a{border-bottom:1px solid #242426;padding:14px 12px;font-size:15px}.figma-copy{gap:22px;width:min(466px,100vw - 44px);bottom:22px;left:22px}.figma-copy>div{gap:13px}.figma-copy h1{font-size:clamp(28px,8vw,37px);line-height:1.02}.figma-copy p{max-width:390px;font-size:13px;line-height:1.35}.catalog-cta{grid-template-columns:1fr 50px;width:100%}.catalog-cta span{font-size:15px}}@media (height<=700px) and (width>=901px){.figma-copy{gap:18px;bottom:24px}.figma-copy>div{gap:10px}.figma-copy h1{font-size:31px;line-height:32px}.figma-copy p{font-size:13px;line-height:15px}}
