@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-vietnamese-standard-normal-Br4FGdAc.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;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-latin-ext-standard-normal-qp-RdZgh.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;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-latin-standard-normal-C5Lc8Qmc.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{--bg:#0c1424;--bg-deep:#080e1a;--surface:#152138;--line:color-mix(in srgb, var(--ice) 14%, transparent);--text:#eef2f7;--text-soft:#9db0c6;--night:#11243b;--white:#fffdf8;--mango:#ffb21e;--berry:#e5446d;--mint:#2fbf8f;--navy:#1a1f3d;--ice:#c9d6ff;--font:"Bricolage Grotesque Variable", system-ui, sans-serif;--gutter:clamp(16px, 4vw, 56px);--measure:62ch;--ease-out:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-variation-settings:"opsz" 14;margin:0;font-size:clamp(1.0625rem,.4vw + .95rem,1.25rem);line-height:1.5;overflow-x:clip}img,canvas{max-width:100%;display:block}a{color:inherit}h1,h2,h3{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}:focus-visible{outline:3px solid var(--berry);outline-offset:3px;border-radius:4px}.skip{position:absolute;left:-9999px}.skip:focus{left:var(--gutter);z-index:100;background:var(--text);color:var(--bg);padding:.5em 1em;top:12px}.site-head{z-index:50;padding:18px var(--gutter);pointer-events:none;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:fixed;inset:0 0 auto}.site-head>*{pointer-events:auto}.wordmark{letter-spacing:-.01em;font-size:1.15rem;font-weight:760;font-stretch:80%;text-decoration:none}.site-nav{background:color-mix(in srgb, var(--surface) 75%, transparent);box-shadow:inset 0 0 0 1px var(--line);-webkit-backdrop-filter:blur(14px);border-radius:999px;gap:4px;padding:4px;display:flex}.site-nav a{border-radius:999px;padding:.45em .95em;font-size:.95rem;font-weight:560;text-decoration:none;transition:background .2s}.site-nav a:hover,.site-nav a[aria-current=page]{background:var(--text);color:var(--bg)}@media (width<=720px){.site-head:before{content:"";z-index:-1;background:color-mix(in srgb, var(--bg) 80%, transparent);-webkit-backdrop-filter:blur(14px);position:absolute;inset:0}}@media (width<=520px){.wm-long{display:none}.site-nav a{padding:.45em .7em;font-size:.875rem}}.hero{background:radial-gradient(110% 80% at 50% 105%, #1d3050 0%, var(--bg) 60%, var(--bg-deep) 100%);height:100svh;min-height:560px;position:relative;overflow:hidden}.hero canvas{width:100%;height:100%;position:absolute;inset:0}.hero-copy{width:min(36rem, calc(100% - 2 * var(--gutter)));text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-name{letter-spacing:-.02em;font-variation-settings:"opsz" 96;margin:0;font-size:clamp(2.6rem,12vw,4.6rem);font-weight:800;font-stretch:75%;line-height:.9}.hero-name .w{will-change:transform;display:inline-block}.hero-lead{margin:.8rem 0 0;font-size:clamp(1.1rem,1.6vw,1.35rem);font-weight:650;font-stretch:88%;line-height:1.2}.hero-sub{max-width:40ch;color:var(--text-soft);margin:.4rem auto 0;font-size:.95rem;font-weight:450}.hero-links{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:1.3rem;display:flex}.hero-links .btn{padding:.6em 1.1em;font-size:.9rem}.section{padding:clamp(56px, 10vw + 24px, 160px) var(--gutter)}.section-title{letter-spacing:-.03em;margin:0 0 clamp(28px,5vh,56px);font-size:clamp(2.4rem,6vw,5.5rem);font-weight:780;font-stretch:78%;line-height:.92}.prose{max-width:var(--measure)}.prose p{margin:0 0 1em}.projects{grid-template-columns:7fr 5fr;gap:clamp(14px,2vw,24px);display:grid}@media (width<=900px){.projects{grid-template-columns:1fr}}.tile{isolation:isolate;flex-direction:column;justify-content:flex-end;min-height:clamp(420px,62vh,640px);padding:clamp(22px,3vw,40px);text-decoration:none;display:flex;position:relative;overflow:hidden}.tile h3{letter-spacing:-.04em;transition:font-stretch .5s var(--ease-out), letter-spacing .5s var(--ease-out);margin:0;font-size:clamp(3rem,7.5vw,7.5rem);font-weight:800;font-stretch:75%;line-height:.85}.tile:focus-visible h3{letter-spacing:-.05em;font-stretch:100%}@media (hover:hover){.tile:hover h3{letter-spacing:-.05em;font-stretch:100%}}.tile p{max-width:34ch;margin:.8rem 0 0}.tile .meta{margin-top:1.2rem;font-size:.9rem;font-weight:600}.tile-boom{background:var(--mango);color:var(--night);border-radius:48px 48px 48px 12px}.tile-boom canvas{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.tile-filedra{background:var(--navy);color:var(--white);box-shadow:inset 0 0 0 1px var(--line);border-radius:12px 48px 48px}.tile-filedra img{width:clamp(120px,16vw,230px);height:auto;transition:transform .5s var(--ease-out);border-radius:23%;position:absolute;top:clamp(28px,5vw,64px);right:clamp(28px,5vw,64px);transform:rotate(-8deg);box-shadow:0 40px 80px -24px #000c,0 0 0 1px #c9d6ff22}.tile-filedra p{color:var(--ice)}.about{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(28px,5vw,80px);display:grid}@media (width<=900px){.about{grid-template-columns:1fr}}.craft{counter-reset:craft;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,24px);margin:clamp(24px,5vh,56px) 0 0;padding:0;list-style:none;display:grid}@media (width<=900px){.craft{grid-template-columns:1fr}}.craft li{counter-increment:craft;background:var(--surface);border-radius:28px;padding:clamp(22px,3vw,36px)}.craft li:nth-child(2){background:var(--mango);color:var(--night)}.craft li:nth-child(3){background:var(--white);color:var(--night)}.craft li:before{content:counter(craft);opacity:.35;font-size:clamp(3rem,6vw,5rem);font-weight:800;font-stretch:75%;line-height:.85;display:block}.craft h3{letter-spacing:-.02em;margin:1.4rem 0 0;font-size:clamp(1.7rem,2.6vw,2.4rem);font-weight:760;font-stretch:82%;line-height:1}.craft p{max-width:36ch;margin:.6em 0 0}.contact{background:var(--surface);border-radius:48px 48px 0 0}.contact .section-title{color:var(--ice)}.mail-link{letter-spacing:-.03em;color:var(--mango);overflow-wrap:anywhere;transition:background-size .5s var(--ease-out);background:linear-gradient(currentColor,currentColor) 0 100%/0 .08em no-repeat;font-size:clamp(1.8rem,6.4vw,6rem);font-weight:760;font-stretch:80%;line-height:1;text-decoration:none;display:inline-block}.mail-link:hover,.mail-link:focus-visible{background-size:100% .08em}.site-foot{padding:28px var(--gutter) 36px;background:var(--bg-deep);color:var(--text-soft);flex-wrap:wrap;justify-content:space-between;gap:1rem 2rem;font-size:.95rem;display:flex}.site-foot nav{flex-wrap:wrap;gap:.4rem 1.4rem;display:flex}.site-foot a{text-decoration:none}.site-foot a:hover{color:var(--text);text-decoration:underline}.product-hero{min-height:100svh;padding:120px var(--gutter) clamp(28px, 6vh, 64px);align-items:end;display:grid;position:relative;overflow:hidden}.product-hero canvas{width:100%;height:100%;position:absolute;inset:0}.product-hero .copy{pointer-events:none;max-width:48rem;position:relative}.product-hero .copy a,.product-hero .copy button{pointer-events:auto}.product-title{letter-spacing:-.045em;margin:0;font-size:clamp(3.6rem,13vw,13rem);font-weight:800;font-stretch:75%;line-height:.82}.lede{max-width:34ch;margin:1rem 0 0;font-size:clamp(1.15rem,1vw + .9rem,1.6rem);font-weight:500;line-height:1.3}.actions{flex-wrap:wrap;gap:10px;margin-top:1.6rem;display:flex}.btn{font:inherit;cursor:pointer;background:var(--text);color:var(--bg);transition:transform .25s var(--ease-out);border:0;border-radius:999px;align-items:center;gap:.5em;padding:.8em 1.3em;font-weight:650;text-decoration:none;display:inline-flex}@media (hover:hover){.btn:hover{transform:translateY(-2px)}}.btn.ghost{color:inherit;background:0 0;box-shadow:inset 0 0 0 2px}.product-title.one-line{white-space:nowrap;font-size:clamp(3rem,8.4vw,10rem)}.boom{--bg:#1a1330;--surface:#261c42;background:var(--bg)}.boom .product-hero{background:radial-gradient(80% 70% at 70% 40%, #4a2a55 0%, var(--bg) 62%, #120d22 100%)}.fighter-switch{right:var(--gutter);align-items:center;gap:12px;display:flex;position:absolute;bottom:clamp(28px,6vh,64px)}.fighter-switch button{background:var(--text);width:56px;height:56px;color:var(--bg);font:inherit;cursor:pointer;transition:transform .2s var(--ease-out);border:0;border-radius:50%;font-size:1.4rem}.fighter-switch button:hover{transform:scale(1.08)}.fighter-name{text-align:center;min-width:7ch;font-size:1.4rem;font-weight:760;font-stretch:80%}@media (width<=720px){.actions .btn{padding:.75em 1.15em;font-size:.9rem}.steps li{grid-template-columns:2.6rem 1fr;gap:0 1rem}.steps li:before{font-size:2.6rem}.boom .product-hero{align-items:start;padding-top:96px}.fighter-switch{left:var(--gutter);right:var(--gutter);justify-content:space-between}}.modes{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:18px;display:grid}.mode{background:var(--surface);border-radius:32px;padding:clamp(24px,3vw,40px)}.mode:nth-child(2){background:var(--berry);color:var(--white)}.mode h3{margin:0 0 .4em;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:760;font-stretch:80%;line-height:1}.mode p{margin:0}.ranks{scroll-snap-type:x mandatory;grid-template-columns:repeat(9,minmax(110px,1fr));align-items:end;gap:8px;margin:2.5rem 0 0;padding:0 0 12px;list-style:none;display:grid;overflow-x:auto}.ranks li{scroll-snap-align:start;height:calc(90px + var(--h) * 300px);background:var(--c);color:var(--t,var(--night));border-radius:20px 20px 6px 6px;flex-direction:column;justify-content:flex-end;gap:2px;padding:16px;font-size:1.2rem;font-weight:760;font-stretch:85%;line-height:1.1;display:flex}.ranks li span{opacity:.8;font-size:.8rem;font-weight:560;font-stretch:100%}.collection{border-radius:28px;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:2px;margin:0;display:grid;overflow:hidden}.collection div{background:var(--surface);padding:clamp(22px,3vw,36px)}.collection dt{font-size:clamp(1.4rem,2vw,1.9rem);font-weight:760;font-stretch:85%;line-height:1.1}.collection dd{color:var(--text-soft);margin:.2em 0 0}.pin-hero{height:210svh}.pin-hero .product-hero{height:100svh;min-height:0;position:sticky;top:0}.settled{opacity:calc((var(--p,0) - .75) * 4);transform:translateY(calc((1 - var(--p,0)) * 30px));margin:0;font-size:clamp(1.6rem,3.4vw,3rem);font-weight:760;font-stretch:80%;line-height:1}.pin-hero .copy{gap:0;display:grid}.dark{background:var(--navy)}.dark .product-hero{background:radial-gradient(80% 70% at 75% 35%, #2a3466 0%, var(--navy) 65%)}.dark .lede,.dark .prose{color:var(--ice)}.steps{counter-reset:step;gap:0;max-width:64rem;margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;border-top:1px solid color-mix(in srgb, var(--ice) 22%, transparent);grid-template-columns:4.5rem 1fr;gap:0 1.5rem;padding:28px 0;display:grid}.steps li:before{content:counter(step);color:var(--ice);grid-row:span 2;font-size:3.4rem;font-weight:800;font-stretch:75%;line-height:.9}.steps h3{margin:0;font-size:clamp(1.5rem,2.4vw,2.1rem);font-weight:720;font-stretch:85%}.steps p{color:var(--ice);max-width:52ch;margin:.3em 0 0}.vault{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px;display:grid}.vault div{background:color-mix(in srgb, var(--ice) 8%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ice) 16%, transparent);border-radius:28px;padding:28px}.vault h3{margin:0 0 .4em;font-size:1.4rem;font-weight:720}.vault p{color:var(--ice);margin:0}.prices{flex-wrap:wrap;gap:18px;display:flex}.price{background:var(--white);color:var(--navy);border-radius:28px;flex:260px;padding:30px}.price strong{font-size:clamp(2.6rem,5vw,4rem);font-weight:800;font-stretch:78%;line-height:1;display:block}.legal{padding:140px var(--gutter) 100px}.legal h1{letter-spacing:-.035em;margin:0 0 2rem;font-size:clamp(2.6rem,8vw,6rem);font-weight:800;font-stretch:75%;line-height:.9}.legal h2{margin:2.2em 0 .5em;font-size:1.35rem;font-weight:720}.legal .prose{font-size:1.05rem}.legal h3{margin:1.6em 0 .4em;font-size:1.1rem;font-weight:700}.legal ul{margin:0 0 1em;padding-left:1.2em}.legal address{font-style:normal}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
