@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.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:#07070a;--surface:#121218;--ink:#ecebe6;--muted:#b0afb8;--soft:#8a8994;--violet:#7f79f7;--oxide:#b4532a;--sage:#8fa58a;--wa:#25d366;--font:"Archivo Variable", "Archivo", system-ui, "Segoe UI", sans-serif;--t-small:.875rem;--t-body:1.0625rem;--t-sub:clamp(1.45rem, 2.1vw, 2rem);--t-head:clamp(2.1rem, 4.4vw, 4.2rem);--t-show:clamp(2.6rem, 7.6vw, 7.4rem);--margin:clamp(16px, 2.4vw, 32px);--max:1440px;--gap-section:clamp(120px, 16vw, 220px);--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--logo-z:var(--ink);--logo-c:var(--violet);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:var(--t-body);-webkit-font-smoothing:antialiased;margin:0;font-weight:380;line-height:1.6;overflow-x:hidden}#root{isolation:isolate;position:relative}img{max-width:100%;height:auto;display:block}h1,h2,h3{letter-spacing:-.025em;text-wrap:balance;margin:0;font-weight:420;font-stretch:108%;line-height:1.02}p,ul,figure{margin:0}ul{padding:0;list-style:none}a{color:inherit;text-underline-offset:4px;text-decoration-thickness:1.5px}::selection{background:var(--ink);color:var(--bg)}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wrap{width:100%;max-width:var(--max);padding-inline:var(--margin);margin-inline:auto}.stars{z-index:-1;pointer-events:none;will-change:transform;width:100%;position:fixed;inset:0 0 auto}.btn{min-height:48px;font:560 var(--t-body)/1 var(--font);white-space:nowrap;cursor:pointer;transition:transform .16s var(--ease-out), background-color .2s ease;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 24px;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn--solid{background:var(--ink);color:var(--bg)}@media (hover:hover) and (pointer:fine){.btn--solid:hover{background:#fff}}.js [data-reveal]{opacity:0;transition:opacity .7s var(--ease-out) var(--d,0s), transform .7s var(--ease-out) var(--d,0s);transform:translateY(24px)}.js [data-reveal].is-in{opacity:1;transform:none}.bar{z-index:50;height:64px;padding-inline:var(--margin);align-items:center;gap:24px;transition:background-color .25s;display:flex;position:fixed;inset:0 0 auto}.bar--solid{background:var(--bg)}.bar__logo{width:84px;display:block}.bar__nav{align-items:center;gap:28px;margin-left:auto;display:flex}.bar__nav a:not(.btn){color:var(--muted);font-size:var(--t-body);text-decoration:none;transition:color .16s}.bar__nav a:not(.btn):hover,.bar__nav a[aria-current=page]{color:var(--ink)}.bar__cta{min-height:40px;padding:0 18px}.bar__menu{color:var(--ink);font:500 1rem var(--font);cursor:pointer;background:0 0;border:0;margin-left:auto;padding:10px 4px;display:none}@media (width<=860px){.bar__menu{display:block}.bar__nav{padding:24px var(--margin) 32px;background:var(--bg);flex-direction:column;align-items:flex-start;gap:22px;display:none;position:fixed;inset:64px 0 auto}.bar--open{background:var(--bg)}.bar--open .bar__nav{display:flex}.bar__nav a:not(.btn){color:var(--ink);font-size:1.4rem}}.hero{grid-template-rows:minmax(0,1fr) auto;height:100svh;min-height:560px;padding-top:64px;display:grid}.hero__stage{min-height:0;display:grid;position:relative}.hero__canvas{width:100%;height:100%;min-height:0}.hero__try{left:var(--margin);right:var(--margin);flex-wrap:wrap;align-items:center;gap:12px 18px;display:flex;position:absolute;bottom:8px}.hero__try label{color:var(--muted);font-size:var(--t-small)}.hero__try input{background:var(--surface);width:min(320px,60vw);min-height:46px;color:var(--ink);font:600 var(--t-body) var(--font);letter-spacing:.02em;border:0;border-radius:999px;padding:0 18px;transition:background-color .2s}.hero__try input:focus{box-shadow:inset 0 0 0 2px var(--ink);background:#1c1c24;outline:none}.hero__spools{gap:10px;display:flex}.spool{background:var(--c);width:30px;height:30px;box-shadow:inset 0 0 0 9px color-mix(in srgb, var(--c) 72%, black), inset 0 0 0 11px #2b2b33;cursor:pointer;transition:transform .16s var(--ease-out);border:0;border-radius:50%;padding:0}.spool:active{transform:scale(.92)}.spool--on{outline:2px solid var(--ink);outline-offset:3px}.hero__layer{color:var(--soft);font-size:var(--t-small);font-variant-numeric:tabular-nums;margin-left:auto}.hero__band{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);align-items:end;gap:24px 48px;padding-bottom:28px;display:grid}.hero__name{min-width:0}.hero__word{transform-origin:0 100%;will-change:transform;--logo-c:var(--ink);display:block}.hero__word svg{width:100%;height:auto;max-height:34svh;color:var(--ink);display:block}.hero__side{justify-items:start;gap:24px;padding-bottom:8px;display:grid}.hero__lead{max-width:34ch;line-height:1.5}@media (width<=760px){.hero{grid-template-rows:minmax(40svh,1fr) auto;height:auto;min-height:100svh}.hero__try{padding-inline:var(--margin);position:static}.hero__try input{flex:200px;width:100%}.hero__layer{display:none}.hero__band{grid-template-columns:1fr}.hero__side{order:-1}}.pieces{margin-top:var(--gap-section)}.room{min-height:100svh;padding:104px var(--margin) 40px;isolation:isolate;grid-template-rows:auto 1fr auto;grid-template-columns:1fr minmax(0,506px) 1fr;gap:24px;display:grid;position:relative}.room__field{z-index:-1;background:var(--field);clip-path:inset(20px);will-change:clip-path;position:absolute;inset:0}.room__title{max-width:18ch;font-size:var(--t-sub);grid-area:1/1/auto/-1;font-weight:430}.room__piece{transform-origin:50% 60%;will-change:transform;grid-area:1/2/4;align-self:center}.obj{width:100%;height:auto;font-family:var(--font);display:block}.room__text{max-width:32ch;color:var(--ink);grid-area:3/1;align-self:end}.room__link{grid-area:3/3;place-self:end;font-weight:520}.window__vinyl{transform-box:fill-box;transform-origin:50%}.keychain{justify-items:center;gap:8px;display:grid}.keychain__btn{cursor:pointer;width:100%;transition:transform .22s var(--ease-out);background:0 0;border:0;padding:0;transform:rotate(-6deg)}.keychain__click{transform-box:fill-box;transform-origin:50%;transition:transform .11s var(--ease-out)}.keychain__btn.is-down .keychain__click{transform:translateY(5px)scale(.93)}.keychain__nfc{opacity:.35;transition:opacity .2s}.keychain__btn.is-down .keychain__nfc{opacity:1}.keychain__count{color:var(--muted);font-size:var(--t-small);font-variant-numeric:tabular-nums}@media (hover:hover) and (pointer:fine){.keychain__btn:hover{transform:rotate(-2deg)}}@media (width<=760px){.room{min-height:auto;padding:72px var(--margin) 56px;grid-template-rows:auto auto auto auto;grid-template-columns:1fr}.room__title,.room__piece,.room__text,.room__link{grid-area:auto/1;justify-self:start}.room__piece{justify-self:center;width:80%}}.workshop{padding-block:var(--gap-section);grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;display:grid}.workshop__title{font-size:var(--t-head);grid-column:1/7}.workshop__lead{font-size:var(--t-sub);grid-column:8/13;align-self:end;line-height:1.4}.workshop__cols{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:96px;display:grid}.workshop__col h3{font-size:var(--t-sub);outline-offset:6px;font-weight:520}.workshop__machine{color:var(--muted);font-size:var(--t-small);margin-top:6px}.workshop__col ul{color:var(--soft);gap:4px;margin-top:22px;line-height:1.35;transition:color .2s;display:grid}.workshop__col.is-active ul{color:var(--ink)}@media (width<=860px){.workshop__title,.workshop__lead{grid-column:1/-1}.workshop__lead{margin-top:20px}.workshop__cols{grid-template-columns:1fr 1fr;gap:44px 24px;margin-top:56px}.workshop__col ul{color:var(--ink);font-size:1.05rem}}@media (width<=480px){.workshop__cols{grid-template-columns:1fr}}.gallery{padding-bottom:var(--gap-section)}.gallery__head{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;margin-bottom:72px;display:grid}.gallery__head h2{font-size:var(--t-head);grid-column:1/7}.gallery__head p{font-size:var(--t-sub);grid-column:8/13;align-self:end;line-height:1.4}.gallery__list{grid-template-columns:repeat(12,minmax(0,1fr));gap:7vh 24px;display:grid}.shot figure{gap:10px;display:grid}.shot__frame{background:var(--surface);overflow:hidden}.shot__frame img{object-fit:cover;filter:brightness(.82)contrast(1.06);width:100%;height:100%;transition:transform .9s var(--ease-out), filter .4s ease}.shot figcaption{color:var(--muted);font-size:var(--t-small)}.shot--0{grid-column:1/6}.shot--1{grid-column:7/13;margin-top:12vh}.shot--2{grid-column:6/13}.shot--3{grid-column:1/5;margin-top:10vh}@media (hover:hover) and (pointer:fine){.shot:hover img{filter:brightness(.95)contrast(1.04);transform:scale(1.03)}}@media (width<=760px){.gallery__head h2,.gallery__head p{grid-column:1/-1}.gallery__head p{margin-top:16px}.gallery__list{grid-template-columns:1fr;row-gap:64px}.shot--0,.shot--1,.shot--2,.shot--3{grid-column:1;margin-top:0}.shot--0{width:70%}.shot--1{justify-self:end;width:84%}.shot--2{width:100%}.shot--3{width:60%}}.menu{padding-bottom:var(--gap-section);grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;display:grid}.menu__head{grid-column:1/5}.menu__head h2{font-size:var(--t-head)}.menu__head p{color:var(--muted);max-width:30ch;margin-top:18px}.menu__list{grid-column:5/13;grid-template-columns:1fr 1fr;gap:48px 64px;display:grid}.menu__group h3{font-size:var(--t-sub);margin-bottom:18px;font-weight:520}.menu__item+.menu__item{margin-top:22px}.menu__row{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.menu__name{font-weight:520}.menu__price{font-variant-numeric:tabular-nums}.menu__desc{max-width:40ch;color:var(--muted);margin-top:4px}@media (width<=860px){.menu__head,.menu__list{grid-column:1/-1}.menu__list{grid-template-columns:1fr;gap:40px;margin-top:40px}}.contact{background:var(--ink);color:var(--bg);--logo-z:var(--bg)}.contact__inner{grid-template-rows:auto 1fr auto;min-height:92svh;padding-block:40px 32px;display:grid}.contact__title{max-width:24ch;font-size:var(--t-sub);font-weight:450;line-height:1.25}.contact__number{letter-spacing:-.045em;white-space:nowrap;font-variant-numeric:tabular-nums;align-self:end;margin-bottom:8vh;font-size:clamp(3.2rem,12.6vw,11.4rem);font-weight:380;font-stretch:100%;line-height:.9;text-decoration:none;transition:color .2s}@media (hover:hover) and (pointer:fine){.contact__number:hover{color:#4b46b8}}.contact__foot{font-size:var(--t-small);grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 24px;display:grid}@media (width<=760px){.contact__foot{grid-template-columns:1fr}}.foot{padding-top:56px}.foot__cols{color:var(--muted);font-size:var(--t-small);grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.foot__cols div{align-content:start;gap:4px;display:grid}.foot__cols a{text-decoration:none}.foot__cols a:hover,.foot__strong{color:var(--ink)}.foot__word{margin-top:18vh}.foot__word svg{--logo-c:var(--ink);width:100%;height:auto;color:var(--ink);display:block}.foot__legal{color:var(--soft);font-size:var(--t-small);padding-block:20px 24px}@media (width<=760px){.foot__cols{grid-template-columns:1fr 1fr;row-gap:32px}.foot__word{margin-top:12vh}}.works__title{font-size:var(--t-show);letter-spacing:-.04em;font-weight:400;line-height:.92}.works__lead{max-width:44ch;font-size:var(--t-sub);margin-top:28px;line-height:1.4}.case{margin-top:var(--gap-section);grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:clamp(24px,4vw,64px);display:grid}.case__client{font-size:var(--t-sub);margin-bottom:14px}.case--xeito .case__client{color:#e08a5c}.case--aura .case__client{color:var(--sage)}.case__client span{color:var(--muted)}.case h2{font-size:clamp(1.6rem,2.4vw,2.2rem)}.case ul{gap:12px;margin-top:22px;display:grid}.case li{padding-left:22px;position:relative}.case li:before{content:"";background:var(--ink);border-radius:50%;width:9px;height:9px;position:absolute;top:.62em;left:0}.case__gal{gap:16px;display:grid}.case__gal--3{grid-template-columns:1fr 1fr}.case__gal--3 figure:first-child{grid-column:1/-1}.case__gal figure{gap:10px;display:grid}.case__gal img{aspect-ratio:4/3;object-fit:cover;filter:brightness(.86)contrast(1.05);width:100%}.case__gal--3 figure:first-child img{aspect-ratio:16/8}.case--aura .case__gal img{aspect-ratio:auto;object-fit:contain;filter:none;background:#f4f3ef;max-height:620px;padding:clamp(16px,3vw,40px)}.case__gal figcaption{color:var(--muted);font-size:var(--t-small)}.works__back{margin-top:96px}@media (width<=860px){.case{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js [data-reveal]{transition:opacity .3s;transform:none}.room__field{clip-path:none!important}.room__piece,.hero__word{transform:none!important}}@font-face{font-family:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-ext-400-normal-C2je3j2s.woff2)format("woff2"),url(/assets/instrument-serif-latin-ext-400-normal-CFCUzsTy.woff)format("woff");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:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-normal-DnYpCC2O.woff2)format("woff2"),url(/assets/instrument-serif-latin-400-normal-BVbkICAY.woff)format("woff");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}.btn--dark{color:#f2f1ec;background:#0b0b0e}@media (hover:hover) and (pointer:fine){.btn--dark:hover{background:#26262d}}.intro{height:100svh;min-height:560px;position:relative;overflow:hidden}.intro__window{clip-path:inset(30% 32% 22% round 28px);will-change:clip-path;background:#e7e7e5;position:absolute;inset:0}.intro__canvas{width:100%;height:100%;position:absolute;inset:0}.intro__name{left:var(--margin);right:var(--margin);transform-origin:50% 100%;position:absolute;bottom:clamp(20px,4svh,40px)}.intro__logo svg{--logo-c:var(--ink);width:100%;max-height:22svh;color:var(--ink);display:block}.intro__lead{top:96px;left:var(--margin);right:var(--margin);font-size:var(--t-sub);justify-content:space-between;gap:24px;line-height:1.2;display:flex;position:absolute}.intro__lead p:first-child{max-width:30ch}.intro__hint{color:var(--muted);font-size:var(--t-body);align-self:end}.intro__beats{padding:96px var(--margin) clamp(24px, 5svh, 56px);color:#0b0b0e;pointer-events:none;align-content:center;display:grid;position:absolute;inset:0}.beat{letter-spacing:-.045em;opacity:0;font-size:clamp(3rem,9.4vw,9.6rem);font-weight:640;font-stretch:118%;line-height:.9}.intro__cta{right:var(--margin);max-width:30ch;font-size:var(--t-body);opacity:0;pointer-events:auto;justify-items:start;gap:18px;display:grid;position:absolute;bottom:clamp(24px,5svh,56px)}.intro.is-static .intro__window{clip-path:none;height:100svh;position:relative}.intro.is-static .beat,.intro.is-static .intro__cta{opacity:1}.intro.is-static{height:auto}.intro.is-static .intro__name,.intro.is-static .intro__lead{display:none}@media (width<=760px){.intro__lead{flex-direction:column}.intro__window{clip-path:inset(28% 12% 30% round 22px)}.intro__beats{align-content:start;padding-top:110px}.intro__cta{left:var(--margin);right:var(--margin)}}.track{height:100svh;position:relative;overflow:hidden}.track__rail{height:100%;padding:64px 12vw 0 var(--margin);will-change:transform;align-items:center;gap:clamp(56px,10vw,180px);width:max-content;display:flex}.track__intro{flex:none;width:min(40vw,560px)}.track__intro h2{letter-spacing:-.045em;font-size:clamp(3rem,8vw,8.6rem);font-weight:600;font-stretch:118%;line-height:.9}.track__intro p{max-width:28ch;font-size:var(--t-sub);color:var(--muted);margin-top:28px;line-height:1.3}.panel{color:inherit;flex:none;gap:14px;text-decoration:none;display:grid;position:relative}.panel__frame{background:var(--surface);overflow:hidden}.panel--tall .panel__frame{width:min(34vw,62svh);height:70svh}.panel--wide .panel__frame,.panel--end .panel__frame{width:min(56vw,110svh);height:60svh}.panel__frame img{object-fit:cover;filter:brightness(.9)contrast(1.05);width:116%;max-width:none;height:100%;margin-left:-8%}.panel__title{letter-spacing:-.045em;white-space:nowrap;color:var(--ink);pointer-events:none;font-size:clamp(2.8rem,5.4vw,6rem);font-weight:640;font-stretch:112%;line-height:.9;position:absolute;top:0;left:-.04em;transform:translateY(-58%)}.panel__text{max-width:34ch;color:var(--muted)}.panel--end .panel__title{font-size:clamp(2.6rem,6vw,6.4rem)}@media (hover:hover) and (pointer:fine){.panel--end:hover .panel__text{color:var(--ink)}}.track.is-static{scroll-snap-type:x mandatory;height:auto;padding-block:18svh 8svh;overflow-x:auto}.track.is-static .panel,.track.is-static .track__intro{scroll-snap-align:start}@media (width<=760px){.track__intro{width:78vw}.panel--tall .panel__frame{width:70vw;height:56svh}.panel--wide .panel__frame,.panel--end .panel__frame{width:86vw;height:44svh}.panel__title{font-size:clamp(2.4rem,12vw,3.6rem)}}.try{min-height:100svh;transition:none;position:relative}.try__inner{height:100svh;min-height:600px;padding:88px var(--margin) 40px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:32px;display:grid}.try__copy{align-content:center;gap:18px;max-width:560px;display:grid}.try__title{font-size:var(--t-head);letter-spacing:-.04em;font-weight:600;font-stretch:116%}.try__label{color:var(--muted);margin-top:10px}.try__input{width:100%;min-height:64px;color:var(--ink);font:700 clamp(1.4rem, 2.2vw, 2rem) var(--font);letter-spacing:.01em;background:#ffffff14;border:0;border-radius:999px;padding:0 24px;font-stretch:118%}.try__input:focus{box-shadow:inset 0 0 0 2px var(--ink);outline:none}.try__steps{min-height:7.5em;margin-top:18px;position:relative}.try__step{position:absolute;inset:0 0 auto}.try__step h3{font-size:var(--t-sub);font-weight:520}.try__step p{max-width:36ch;margin-top:8px}.try__ask{justify-self:start;font-weight:560}.try__stage{height:min(76svh,720px);position:relative}.try__obj{place-items:center;display:grid;position:absolute;inset:0}.try__obj .obj,.try__obj .keychain{width:auto;max-width:100%;height:100%}.try__obj .keychain__btn .obj{height:calc(min(76svh,720px) - 40px)}.try.is-static .try__inner{grid-template-columns:1fr;height:auto}.try.is-static .try__step{margin-bottom:18px;position:static}.try.is-static .try__stage{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;height:auto;display:grid}.try.is-static .try__obj{position:static}@media (width<=760px){.try__inner{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;gap:12px;padding-top:76px}.try__title{font-size:clamp(2rem,9vw,2.6rem)}.try__steps{min-height:6.5em;margin-top:4px}.try__step p{font-size:.95rem}.try__input{min-height:54px}.try__stage{height:40svh}.try__obj .keychain__btn .obj{height:calc(40svh - 36px)}}.works{padding-top:0;padding-bottom:0}.works__head{padding-top:150px;padding-bottom:12svh}.works__head h1{font-size:var(--t-show);letter-spacing:-.045em;font-weight:600;font-stretch:116%;line-height:.9}.works__head p{max-width:40ch;font-size:var(--t-sub);margin-top:28px;line-height:1.3}.works__client{font-size:var(--t-sub);color:#e08a5c;margin-bottom:14px}.works__client--aura{color:var(--sage)}.xeito,.aura{height:100svh;min-height:600px;position:relative;overflow:hidden}.xeito{background:#160e0a}.aura{background:#0f1612}.xeito__plantilla{opacity:.28;pointer-events:none;width:260vw;max-width:none;position:absolute;top:8svh;left:0}.xeito__inner,.aura__inner{grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);align-items:center;gap:clamp(24px,4vw,64px);height:100%;padding-top:72px;display:grid;position:relative}.xeito h2,.aura h2{font-size:clamp(1.8rem,3vw,2.8rem);font-weight:520}.xeito ul,.aura ul{gap:12px;margin-top:22px;display:grid}.xeito li,.aura li{padding-left:22px;position:relative}.xeito li:before,.aura li:before{content:"";background:var(--ink);border-radius:50%;width:9px;height:9px;position:absolute;top:.62em;left:0}.xeito__shots{height:min(70svh,620px);position:relative}.xeito__shot{grid-template-rows:minmax(0,1fr) auto;gap:10px;display:grid;position:absolute;inset:0}.xeito__shot img{object-fit:cover;width:100%;height:100%}.xeito__shot figcaption,.aura__note{color:var(--muted);font-size:var(--t-small)}.aura__stage{perspective:1400px;height:min(76svh,700px);position:relative}.aura__card{backface-visibility:hidden;background:#f4f3ef;place-items:center;display:grid;position:absolute;inset:0 0 40px}.aura__card img{width:auto;max-height:92%}.aura__real{opacity:0}.aura__note{position:absolute;bottom:0;left:0}.aura__note--out{opacity:0}.works__end{padding-block:16svh}.works.is-static .xeito,.works.is-static .aura{height:auto}.works.is-static .xeito__shots{gap:16px;height:auto;display:grid}.works.is-static .xeito__shot,.works.is-static .aura__card{position:static}.works.is-static .aura__real{opacity:1}.works.is-static .aura__stage{gap:16px;height:auto;display:grid}@media (width<=860px){.xeito,.aura{height:auto}.xeito__inner,.aura__inner{grid-template-columns:1fr;padding-block:72px 48px}.xeito__shots,.aura__stage{height:60svh}}:root{--z-bg:#07070a;--z-ink:#ecebe6;--z-muted:#9a99a3;--z-soft:#6d6c75;--z-line:#ecebe61f;--z-violet:#7f79f7;--z-serif:"Instrument Serif", "Iowan Old Style", Georgia, serif;--z-sans:"Archivo Variable", "Archivo", system-ui, sans-serif;--z-ease:cubic-bezier(.23, 1, .32, 1);--z-ease-io:cubic-bezier(.77, 0, .175, 1);--z-max:1320px;--z-pad:clamp(18px, 3vw, 40px)}body{font-family:var(--z-sans);background:var(--z-bg);font-size:15px;font-weight:380;line-height:1.6}.wrapz{width:100%;max-width:var(--z-max);padding-inline:var(--z-pad);margin-inline:auto}.kick{letter-spacing:.16em;text-transform:uppercase;color:var(--z-muted);font-size:11px;font-weight:520}.display{font-family:var(--z-serif);letter-spacing:-.01em;text-wrap:balance;font-size:clamp(2.5rem,5vw,4.6rem);font-weight:400;font-stretch:100%;line-height:1}.display--m{font-size:clamp(2rem,3.4vw,3.2rem);line-height:1.04}.tag{border:1px solid var(--z-line);letter-spacing:.04em;color:var(--z-muted);background:#07070a99;border-radius:999px;padding:3px 10px;font-size:11px;display:inline-block}.tag--real{color:#c4d4bf;border-color:#8fa58a80}.reveal{z-index:-1;pointer-events:none;opacity:0;-webkit-mask-image:radial-gradient(circle 190px at var(--mx,50%) var(--my,50%), #000 0%, #0000008c 45%, transparent 100%);-webkit-mask-image:radial-gradient(circle 190px at var(--mx,50%) var(--my,50%), #000 0%, #0000008c 45%, transparent 100%);mask-image:radial-gradient(circle 190px at var(--mx,50%) var(--my,50%), #000 0%, #0000008c 45%, transparent 100%);transition:opacity .6s;position:fixed;inset:0}.reveal.is-on{opacity:1;transition-duration:.25s}.reveal svg{display:block}.zbtn{isolation:isolate;white-space:nowrap;min-height:42px;transition:transform .16s var(--z-ease), background-color .2s ease, color .2s ease;border-radius:999px;justify-content:center;align-items:center;padding:0 20px;font-size:13px;font-weight:520;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.zbtn:active{transform:scale(.97)}.zbtn:before{content:"";z-index:-1;background:radial-gradient(circle 70px at var(--gx,50%) var(--gy,50%), #ffffff59, transparent 70%);opacity:0;transition:opacity .2s;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.zbtn:hover:before{opacity:1}}.zbtn--violet{background:var(--z-violet);color:#0b0a1a}.zbtn--light{background:var(--z-ink);min-height:34px;color:var(--z-bg);padding:0 16px}.zbtn--ghost{box-shadow:inset 0 0 0 1px var(--z-line);color:var(--z-ink)}.zbtn--big{min-height:52px;padding:0 28px;font-size:14px}@media (hover:hover) and (pointer:fine){.zbtn--violet:hover{background:#948ff9}.zbtn--ghost:hover{box-shadow:inset 0 0 0 1px #ecebe666}}.zb{z-index:40;height:64px;padding-inline:var(--z-pad);align-items:center;gap:24px;transition:background-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;display:flex;position:fixed;inset:0 0 auto}.zb.is-solid{-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--z-line);background:#07070ab8}.zb__logo svg{width:auto;height:20px;display:block}.zb__nav{align-items:center;gap:26px;margin-left:auto;display:flex}.zb__nav a:not(.zbtn){color:var(--z-muted);font-size:13px;text-decoration:none;transition:color .2s}.zb__nav a:not(.zbtn):hover{color:var(--z-ink)}.zb__menu{color:var(--z-ink);font:500 13px var(--z-sans);background:0 0;border:0;margin-left:auto;display:none}.hero{align-items:end;min-height:100svh;display:grid;position:relative;overflow:hidden}.hero__media{position:absolute;inset:0}.reel{z-index:1;top:88px;right:max(var(--z-pad), calc((100vw - var(--z-max)) / 2 + var(--z-pad)));width:min(54vw,860px,133.333svh - 200px);position:absolute}.reel__stage{aspect-ratio:4/3;box-shadow:0 40px 80px -30px #000c, 0 0 0 1px var(--z-line);background:#101015;border-radius:16px;position:relative;overflow:hidden}.reel__shot{z-index:0;opacity:0;clip-path:inset(0 0 0 100%);position:absolute;inset:0}.reel__shot img,.reel__shot video{object-fit:cover;width:100%;height:100%;transform:scale(1.14)}.reel__shot.is-out{z-index:1;opacity:1;clip-path:inset(0)}.reel__shot.is-on{z-index:2;opacity:1;clip-path:inset(0);transition:clip-path 1s var(--z-ease-io)}.reel__shot.is-on img,.reel__shot.is-on video{transition:transform calc(var(--reel-ms) + 1s) cubic-bezier(.2, .6, .3, 1);transform:scale(1.02)}.reel__cap{z-index:3;background:linear-gradient(#0000,#07070ad9);align-items:flex-end;gap:16px;padding:60px 22px 20px;display:flex;position:absolute;inset:auto 0 0}.reel__n{font-family:var(--z-serif);font-size:2.4rem;line-height:.9}.reel__title{font-size:14px;font-weight:560}.reel__text{color:var(--z-muted);font-size:13px}.reel__bars{gap:6px;margin-top:12px;display:flex}.reel__bars i{background:var(--z-line);border-radius:2px;flex:1;height:2px;position:relative;overflow:hidden}.reel__bars i:after{content:"";background:var(--z-ink);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.reel__bars i.is-done:after{transform:scaleX(1)}.reel__bars i.is-run:after{animation:reelbar var(--reel-ms) linear forwards}@keyframes reelbar{to{transform:scaleX(1)}}.hero__ribbon{width:100%;height:100%;position:absolute;inset:0}.hero__ribbon path{fill:none;stroke:var(--z-violet);stroke-width:34px;stroke-linecap:round;opacity:.9}.hero__copy{justify-items:start;gap:22px;padding-bottom:14svh;display:grid;position:relative}.hero__copy .display{max-width:11ch}.hero__copy>*{max-width:min(40%,520px)}.hero__copy>.display{max-width:min(40%,11ch)}.hero__copy .kick{max-width:none}.hero__lead{max-width:40ch;color:var(--z-muted)}.hero__cta{flex-wrap:wrap;gap:10px;display:flex}.hero__foot{letter-spacing:.12em;text-transform:uppercase;color:var(--z-soft);justify-content:space-between;font-size:11px;display:flex;position:absolute;inset:auto 0 22px}.rib{height:100svh;min-height:640px;position:relative;overflow:hidden}.rib__head{z-index:2;gap:14px;padding-top:104px;display:grid;position:relative}.rib__head .display{max-width:14ch}.rib__svg{width:100%;height:100%;position:absolute;inset:0}.rib__line{fill:none;stroke:var(--z-violet);stroke-width:64px;stroke-linecap:round}.rib__item{transition:opacity .2s linear}.rib__shadow{fill:#000;opacity:.55;filter:blur(18px);transform:translateY(18px)}.rib__edge{fill:none;stroke:#ecebe624;stroke-width:1.5px}.rib__info{z-index:2;grid-template-columns:auto minmax(0,36ch) auto;align-items:end;gap:28px;display:grid;position:absolute;inset:auto 0 32px}.rib__n,.mrc__n{font-family:var(--z-serif);font-size:2.4rem;line-height:1}.rib__n span,.mrc__n span{color:var(--z-soft);font-size:.45em}.rib__info h3{font-size:15px;font-weight:540}.rib__info p{color:var(--z-muted);font-size:14px}.rib.is-static{height:auto;padding-bottom:96px}.rib__list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:32px;margin-top:48px;display:grid}.rib__list img{width:auto;height:200px;margin-bottom:12px}.rib__list p{color:var(--z-muted);font-size:14px}html{overflow-x:clip}.dsp{height:100svh;min-height:680px;max-width:var(--z-max);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;margin-inline:auto;display:grid;position:relative;overflow:hidden}.dsp__head{align-self:center;justify-items:start;gap:18px;display:grid}.dsp__lead{max-width:36ch;color:var(--z-muted)}.dsp__stage{aspect-ratio:1400/1738;justify-self:center;height:min(86svh,820px);position:relative}.dsp__img{object-fit:contain;width:100%;height:100%;-webkit-mask-image:radial-gradient(70% 72%,#000 62%,#0000 100%);mask-image:radial-gradient(70% 72%,#000 62%,#0000 100%)}.dsp__part{top:var(--y);align-items:center;width:46%;display:flex;position:absolute;transform:translateY(-50%)}.dsp__part--r{left:64%}.dsp__part--l{text-align:right;flex-direction:row-reverse;right:64%}.dsp__dot{background:var(--z-violet);border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 4px #7f79f733}.dsp__line{transform-origin:0;background:#ecebe680;flex:none;width:clamp(28px,4vw,60px);height:1px}.dsp__part--l .dsp__line{transform-origin:100%}.dsp__txt{padding-inline:12px}.dsp__txt h3{font-size:13px;font-weight:560}.dsp__txt p{color:var(--z-muted);max-width:24ch;font-size:12.5px;line-height:1.45}.dsp__part--l .dsp__txt p{margin-left:auto}.dsp.is-static{height:auto;padding-block:96px}.mrc{height:100svh;min-height:640px;padding:88px var(--z-pad) 40px;max-width:calc(var(--z-max) + 160px);grid-template-columns:minmax(280px,.42fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,64px);margin-inline:auto;display:grid;position:relative}.mrc__copy{justify-items:start;gap:18px;display:grid}.mrc__lead{max-width:34ch;color:var(--z-muted)}.mrc__now{border-top:1px solid var(--z-line);gap:4px;width:100%;margin-top:10px;padding-top:18px;display:grid}.mrc__name{font-size:14px;font-weight:540}.mrc__name span{color:var(--z-muted);font-weight:380}.mrc__stage{background:#111;border-radius:8px;height:min(76svh,720px);position:relative;overflow:hidden}.mrc__shot{position:absolute;inset:0;overflow:hidden}.mrc__shot img{object-fit:cover;width:100%;height:100%}.mrc.is-static{grid-template-columns:1fr;height:auto}.mrc.is-static .mrc__stage{background:0 0;gap:12px;height:auto;display:grid}.mrc.is-static .mrc__shot{position:static}.mrc.is-static figcaption{color:var(--z-muted);margin-top:8px;font-size:13px}.tll{isolation:isolate;align-content:center;min-height:100svh;padding-block:112px 64px;display:grid;position:relative;overflow:hidden}.tll:after{content:"";left:var(--z-pad);right:var(--z-pad);background:linear-gradient(90deg, var(--z-violet) calc(var(--tll-p,0) * 100%), var(--z-line) 0);height:1px;position:absolute;bottom:24px}.tll__video{z-index:-1;opacity:.55;position:absolute;inset:0}.tll__frame{object-fit:cover;will-change:opacity, transform;width:100%;height:100%;position:absolute;inset:0}.tll__video:after{content:"";background:linear-gradient(180deg, var(--z-bg) 0%, #07070a66 35%, #07070a66 65%, var(--z-bg) 100%);position:absolute;inset:0}.tll__head{gap:16px;display:grid}.tll__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2.4vw,36px);margin-top:clamp(56px,7vw,96px);display:grid}.tll__grid li{border-top:1px solid var(--z-line);padding-top:18px}.tll__n{font-family:var(--z-serif);font-size:clamp(2.6rem,4vw,3.6rem);line-height:1}.tll__n small{font-family:var(--z-sans);color:var(--z-muted);margin-left:6px;font-size:12px}.tll__grid h3{margin-top:14px;font-size:14px;font-weight:560}.tll__grid p:last-child{color:var(--z-muted);margin-top:6px;font-size:13.5px}.trb{padding-block:clamp(100px,12vw,180px)}.trb__head{gap:14px;margin-bottom:clamp(56px,7vw,100px);display:grid}.trb__head>p:last-child{color:var(--z-muted)}.job{border-top:1px solid var(--z-line);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,80px);padding-block:clamp(48px,6vw,88px);display:grid}.job__kind{letter-spacing:.14em;text-transform:uppercase;color:#e08a5c;font-size:11px}.job h3{font-family:var(--z-serif);margin-top:10px;font-size:clamp(1.9rem,3vw,2.6rem);font-weight:400;line-height:1.05}.job__sub{color:var(--z-muted);margin-top:8px}.job__steps{gap:16px;margin:26px 0 0;padding:0;list-style:none;display:grid}.job__steps li{grid-template-columns:30px 1fr;gap:8px;display:grid}.job__steps span{font-family:var(--z-serif);color:var(--z-violet);font-size:1.15rem}.job__steps h4{margin:0;font-size:14px;font-weight:560}.job__steps p,.job__list li{color:var(--z-muted);font-size:14px}.job__list{gap:10px;margin-top:22px;display:grid}.job__list li{padding-left:18px;position:relative}.job__list li:before{content:"";background:var(--z-violet);border-radius:50%;width:6px;height:6px;position:absolute;top:.65em;left:0}.job__gal{align-content:start;gap:10px;display:grid}.job__gal--3{grid-template-columns:repeat(3,minmax(0,1fr))}.job__gal--2{grid-template-columns:repeat(2,minmax(0,1fr))}.job__gal--small{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:10px}.job__gal img{aspect-ratio:4/5;object-fit:cover;background:#15151a;border-radius:6px;width:100%}.job__gal--small img{aspect-ratio:3/4}.job__gal figcaption{color:var(--z-soft);margin-top:8px;font-size:12px}.ba2{aspect-ratio:5/4;-webkit-user-select:none;user-select:none;background:#15151a;border-radius:6px;position:relative;overflow:hidden}.ba2>img,.ba2__top img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ba2__top{clip-path:inset(0 calc(100% - var(--x)) 0 0);background:#f2efe8;position:absolute;inset:0}.ba2__top img{object-fit:contain}.ba2__line{top:0;bottom:0;left:var(--x);background:var(--z-ink);pointer-events:none;width:1px;position:absolute}.ba2__line:after{content:"";background:var(--z-ink);border-radius:50%;width:34px;height:34px;margin:-17px 0 0 -17px;position:absolute;top:50%;left:50%}.ba2 input{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.ba2 .tag{pointer-events:none;position:absolute;top:12px}.ba2__l{left:12px}.ba2__r{right:12px}.trb__more{margin-top:40px}.pck{padding-block:clamp(80px,10vw,140px)}.pck__head{gap:14px;margin-bottom:48px;display:grid}.pck__head>p:last-child{max-width:44ch;color:var(--z-muted)}.pck{background:radial-gradient(70% 50% at 50% 0,#7f79f71a,#0000 70%)}.pck__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,24px);display:grid}.pck__card a{isolation:isolate;height:100%;box-shadow:0 0 0 1px var(--z-line);color:inherit;transition:transform .3s var(--z-ease), box-shadow .3s ease;background:#0e0e13;border-radius:16px;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.pck__card a:before{content:"";z-index:2;pointer-events:none;background:radial-gradient(circle 220px at var(--gx,50%) var(--gy,50%), #7f79f72e, transparent 70%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.pck__img{aspect-ratio:4/3;position:relative;overflow:hidden}.pck__img img{object-fit:cover;width:100%;height:100%;transition:transform .9s var(--z-ease)}.pck__num{font-family:var(--z-serif);color:#fff;text-shadow:0 1px 12px #0009;font-size:1.5rem;line-height:1;position:absolute;top:14px;left:16px}.pck__body{flex-direction:column;flex:1;gap:10px;padding:20px 22px 22px;display:flex}.pck__for{letter-spacing:.12em;text-transform:uppercase;color:var(--z-soft);font-size:11px}.pck__body h3{font-family:var(--z-serif);font-size:1.75rem;font-weight:400;line-height:1.05}.pck__items{color:var(--z-muted);gap:4px;font-size:13.5px;display:grid}.pck__items li{padding-left:14px;position:relative}.pck__items li:before{content:"";background:var(--z-violet);border-radius:50%;width:5px;height:5px;position:absolute;top:.7em;left:0}.pck__cta{color:var(--z-violet);margin-top:auto;padding-top:14px;font-size:13px;font-weight:540}.pck__cta span{transition:transform .2s var(--z-ease);display:inline-block}.pck__note{color:var(--z-soft);margin-top:22px;font-size:12px}@media (hover:hover) and (pointer:fine){.pck__card a:hover{transform:translateY(-4px);box-shadow:0 0 0 1px #7f79f773,0 30px 60px -30px #7f79f759}.pck__card a:hover:before{opacity:1}.pck__card a:hover .pck__img img{transform:scale(1.05)}.pck__card a:hover .pck__cta span{transform:translate(4px)}}.pck__card a:active{transform:scale(.99)}.cnt{text-align:center;background:radial-gradient(50% 60% at 50% 60%,#7f79f729,#0000 70%);padding-block:clamp(120px,14vw,200px)}.cnt__in{justify-items:center;gap:20px;display:grid}.cnt__lead{max-width:40ch;color:var(--z-muted)}.pie{border-top:1px solid var(--z-line);padding-block:56px 40px}.pie__logo svg{width:auto;height:26px;display:block}.pie__cols{color:var(--z-muted);grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px;font-size:13px;display:grid}.pie__cols a{color:inherit;text-decoration:none}.pie__cols a:hover{color:var(--z-ink)}.pie__legal{color:var(--z-soft);max-width:80ch;margin-top:40px;font-size:11.5px}.intro-logo{z-index:100;background:var(--z-bg);place-items:center;display:grid;position:fixed;inset:0}.intro-logo svg{width:min(92vw,1100px);height:auto}.intro-logo__wipe{background:var(--z-violet);position:absolute;inset:0}.intro-logo__skip{right:var(--z-pad);color:var(--z-muted);font:500 12px var(--z-sans);cursor:pointer;transition:transform .16s var(--z-ease), color .2s ease;background:#ecebe614;border:0;border-radius:999px;padding:8px 16px;position:absolute;bottom:28px}.intro-logo__skip:hover{color:var(--z-ink)}.intro-logo__skip:active{transform:scale(.97)}@media (width<=900px){.zb__menu{display:block}.zb__nav{padding:24px var(--z-pad) 32px;opacity:0;pointer-events:none;transition:opacity .2s var(--z-ease), transform .2s var(--z-ease);background:#07070af5;flex-direction:column;align-items:flex-start;gap:18px;position:fixed;inset:64px 0 auto;transform:translateY(-8px)}.zb.is-open .zb__nav{opacity:1;pointer-events:auto;transform:none}.zb__nav a:not(.zbtn){font-size:15px}.hero{align-items:start;padding-top:84px}.reel{width:auto;margin-inline:var(--z-pad);position:relative;top:auto;right:auto;transform:none}.hero__copy{padding-block:28px 64px}.hero__copy>*,.hero__copy>.display{max-width:none}.hero__foot{display:none}.rib__info{grid-template-columns:auto 1fr}.rib__info .tag{display:none}.dsp{grid-template-rows:auto 1fr;grid-template-columns:1fr;align-items:start;padding-top:84px}.dsp__stage{width:min(52vw,40svh);height:auto}.dsp__part--r{left:70%}.dsp__part--l{right:70%}.dsp__txt h3{font-size:11.5px}.dsp__head .tag,.dsp__lead{display:none}.dsp__part{width:46%}.dsp__txt p{display:none}.mrc{grid-template-rows:auto 1fr;grid-template-columns:1fr;align-items:start;padding-top:80px}.mrc__lead{display:none}.mrc__stage{height:46svh}.tll__grid,.pck__grid{grid-template-columns:1fr 1fr}.job,.pie__cols{grid-template-columns:1fr}}@media (width<=560px){.tll__grid,.pck__grid{grid-template-columns:1fr}.job__gal--3{grid-template-columns:1fr 1fr}.job__gal--3 figure:first-child{grid-column:span 2}}.ctg{padding-block:clamp(96px,11vw,160px)}.ctg__head{justify-items:start;gap:16px;margin-bottom:clamp(40px,5vw,64px);display:grid}.ctg__head>p:not(.kick){max-width:46ch;color:var(--z-muted)}.ctg__grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(260px,auto);gap:clamp(10px,1.4vw,18px);display:grid}.ctg__item--0,.ctg__item--3{grid-area:span 2/span 2}.ctg__item--6,.ctg__item--cta{grid-column:span 2}.ctg__item a{isolation:isolate;height:100%;min-height:260px;box-shadow:0 0 0 1px var(--z-line);color:inherit;transition:transform .3s var(--z-ease), box-shadow .3s ease;background:#0e0e13;border-radius:16px;text-decoration:none;display:block;position:relative;overflow:hidden}.ctg__item figure{z-index:-1;position:absolute;inset:0}.ctg__item figure img{object-fit:cover;width:100%;height:100%;transition:transform .9s var(--z-ease)}.ctg__item figure:after{content:"";background:linear-gradient(#07070a00 30%,#07070a59 55%,#07070aeb 100%);position:absolute;inset:0}.ctg__txt{gap:6px;padding:20px 22px;display:grid;position:absolute;inset:auto 0 0}.ctg__n{font-family:var(--z-serif);color:var(--z-violet);font-size:1.2rem}.ctg__txt h3{font-family:var(--z-serif);font-size:clamp(1.4rem,2vw,1.9rem);font-weight:400;line-height:1.05}.ctg__item--0 .ctg__txt h3,.ctg__item--3 .ctg__txt h3{font-size:clamp(1.8rem,2.8vw,2.6rem)}.ctg__txt p{color:#ecebe6bf;font-size:13px}.ctg__go{color:var(--z-ink);font-size:12.5px;font-weight:540}.ctg__go span{transition:transform .2s var(--z-ease);display:inline-block}.ctg__item--cta a{background:radial-gradient(circle at 80% 0,#7f79f759,#0000 60%),#111019}.ctg__item--cta .ctg__txt{align-content:end;inset:0}@media (hover:hover) and (pointer:fine){.ctg__item a:hover{transform:translateY(-3px);box-shadow:0 0 0 1px #7f79f780,0 30px 60px -30px #7f79f759}.ctg__item a:hover figure img{transform:scale(1.05)}.ctg__item a:hover .ctg__go span{transform:translate(4px)}}.cat{padding-top:120px}.cat__head{gap:18px;padding-bottom:40px;display:grid}.cat__lead{max-width:52ch;color:var(--z-muted)}.cat__index{z-index:5;-webkit-backdrop-filter:blur(10px);background:#07070ad9;flex-wrap:wrap;gap:8px;margin-top:12px;padding:12px 0;display:flex;position:sticky;top:64px}.cat__index a{box-shadow:inset 0 0 0 1px var(--z-line);color:var(--z-muted);border-radius:999px;padding:7px 14px;font-size:12.5px;text-decoration:none;transition:color .2s,box-shadow .2s}.cat__index a span{color:var(--z-violet);margin-right:4px}.cat__index a:hover{color:var(--z-ink);box-shadow:inset 0 0 0 1px #7f79f799}.cat__fam{border-top:1px solid var(--z-line);grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:clamp(28px,5vw,72px);padding-block:clamp(56px,7vw,96px);scroll-margin-top:130px;display:grid}.cat__fam:nth-of-type(2n) .cat__gal{order:2}.cat__main{aspect-ratio:4/3;background:#111116;border-radius:14px;position:relative;overflow:hidden}.cat__main img{object-fit:cover;width:100%;height:100%;animation:catIn .5s var(--z-ease)}@keyframes catIn{0%{opacity:.4;transform:scale(1.02)}}.cat__main figcaption{color:var(--z-muted);background:#07070ab3;border-radius:999px;padding:3px 10px;font-size:11px;position:absolute;bottom:12px;left:12px}.cat__thumbs{gap:8px;margin-top:10px;display:flex;overflow-x:auto}.cat__thumbs button{aspect-ratio:1;cursor:pointer;opacity:.55;width:76px;box-shadow:0 0 0 1px var(--z-line);transition:opacity .2s ease, box-shadow .2s ease, transform .16s var(--z-ease);background:0 0;border:0;border-radius:8px;flex:none;padding:0;overflow:hidden}.cat__thumbs button:active{transform:scale(.96)}.cat__thumbs button.is-on,.cat__thumbs button:hover{opacity:1}.cat__thumbs button.is-on{box-shadow:0 0 0 2px var(--z-violet)}.cat__thumbs img{object-fit:cover;width:100%;height:100%}.cat__info{justify-items:start;gap:16px;display:grid;position:sticky;top:140px}.cat__p{max-width:48ch}.cat__p--soft{color:var(--z-muted);font-size:14px}.cat__opts{flex-wrap:wrap;gap:6px;display:flex}.cat__opts li{color:#c9c6ff;background:#7f79f71f;border-radius:999px;padding:5px 12px;font-size:12.5px}.cat__how{color:var(--z-muted);font-size:13px}.cat__how span{color:var(--z-ink);font-weight:540}.cat__note{color:var(--z-soft);max-width:50ch;font-size:12px}.cat__end{border-top:1px solid var(--z-line);color:var(--z-muted);gap:18px;padding-block:64px 96px;font-size:13px;display:grid}.cat__endbtns{flex-wrap:wrap;gap:10px;display:flex}@media (width<=900px){.ctg__grid{grid-template-columns:1fr 1fr}.ctg__item--0,.ctg__item--3{grid-row:span 1}.cat__fam{grid-template-columns:1fr}.cat__fam:nth-of-type(2n) .cat__gal{order:0}.cat__info{position:static}}@media (width<=560px){.ctg__grid{grid-template-columns:1fr}.ctg__item--0,.ctg__item--3{grid-column:auto}}.cfr{height:100svh;padding-top:64px}.cfr__frame{background:var(--z-bg);border:0;width:100%;height:calc(100svh - 64px);display:block}.tll2{padding-block:clamp(96px,11vw,160px)}.tll2__head{gap:16px;margin-bottom:clamp(40px,5vw,64px);display:grid}.tll2__head>p:last-child{max-width:46ch;color:var(--z-muted)}.tll2__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.8vw,24px);display:grid}.tll2__item figure{aspect-ratio:4/5;box-shadow:0 0 0 1px var(--z-line);background:#111116;border-radius:14px;margin-bottom:18px;overflow:hidden}.tll2__item img{object-fit:cover;width:100%;height:100%;transition:transform .9s var(--z-ease)}@media (hover:hover) and (pointer:fine){.tll2__item:hover img{transform:scale(1.05)}}.tll2__item h3{margin-top:10px;font-size:14px;font-weight:560}.tll2__txt{color:var(--z-muted);margin-top:6px;font-size:13.5px}@media (width<=900px){.tll2__grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.tll2__grid{grid-template-columns:1fr}.tll2__item figure{aspect-ratio:4/3}}
