.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/space-grotesk-vietnamese-wght-normal.D0rl6rjA.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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/space-grotesk-latin-ext-wght-normal.D9tNdqV9.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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/space-grotesk-latin-wght-normal.BhU9QXUp.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{--palette-blue-600:#4c60e6;--palette-blue-500:#6478ff;--palette-blue-400:#8c9cff;--palette-blue-200:#ccd3ff;--palette-blue-100:#ebedff;--palette-neutral-900:#212126;--palette-neutral-700:#41414c;--palette-neutral-500:#828299;--palette-neutral-300:#b8b8cc;--palette-neutral-200:#d5d7e0;--palette-neutral-100:#f0f1f5;--palette-neutral-50:#f6f6f6;--palette-white:#fff;--palette-red-700:#b42318;--color-accent:var(--palette-blue-500);--color-accent-text:var(--palette-blue-600);--color-accent-soft:var(--palette-blue-400);--color-accent-light:var(--palette-blue-200);--color-accent-subtle:var(--palette-blue-100);--color-on-accent:var(--palette-white);--color-bg:var(--palette-white);--color-surface:var(--palette-neutral-100);--color-surface-raised:var(--palette-white);--color-text:var(--palette-neutral-900);--color-text-muted:var(--palette-neutral-700);--color-text-subtle:var(--palette-neutral-500);--color-border:var(--palette-neutral-200);--color-border-strong:var(--palette-neutral-500);--color-divider:var(--palette-neutral-300);--color-focus:var(--color-accent);--color-placeholder:var(--palette-neutral-200);--color-media-bg:var(--palette-neutral-50);--color-inverse-bg:var(--palette-neutral-900);--color-inverse-surface:var(--palette-neutral-700);--color-on-inverse:var(--palette-white);--color-on-inverse-muted:var(--palette-neutral-200);--color-on-inverse-subtle:var(--palette-neutral-300);--color-inverse-border:var(--palette-neutral-700);--color-error:var(--palette-red-700);--font-sans:"Space Grotesk Variable", "Space Grotesk", system-ui, sans-serif;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--text-display:clamp(50px, 9.2vw, 140px);--text-h1:clamp(44px, 7vw, 112px);--text-h2:clamp(40px, 6vw, 96px);--text-h3:clamp(26px, 2.4vw, 34px);--text-statement:clamp(28px, 3.8vw, 56px);--text-lead:clamp(18px, 1.5vw, 21px);--text-lg:22px;--text-md:18px;--text-body:17px;--text-base:16px;--text-sm:15px;--text-xs:14px;--text-label:13px;--leading-none:.95;--leading-tight:1.1;--leading-snug:1.3;--leading-normal:1.5;--leading-body:1.6;--tracking-tightest:-.05em;--tracking-tighter:-.045em;--tracking-tight:-.035em;--tracking-snug:-.02em;--tracking-label:.12em;--gutter:clamp(20px, 2.5vw, 56px);--section:clamp(96px, 12vw, 200px);--grid-max-width:1600px;--media-max-width:1440px;--media-max-height:90svh;--card-max-width:720px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:2px;--radius-md:4px;--radius-pill:999px;--ease-out:cubic-bezier(.2, .7, .2, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--duration-fast:.25s;--duration-base:.5s;--duration-slow:.9s;--shadow-card:0 18px 40px color-mix(in srgb, var(--palette-neutral-900) 8%, transparent);--shadow-float:0 12px 32px color-mix(in srgb, var(--palette-neutral-900) 25%, transparent);--scrim:color-mix(in srgb, var(--palette-neutral-900) 85%, transparent);--z-sticky:20;--z-header:50;--z-menu:60;--z-cursor:70;--z-skip:100;--z-loader:200;--blue:var(--color-accent);--blue-text:var(--color-accent-text);--blue-mid:var(--color-accent-soft);--blue-light:var(--color-accent-light);--blue-tint:var(--color-accent-subtle);--ink:var(--palette-neutral-900);--graphite:var(--palette-neutral-700);--slate:var(--palette-neutral-500);--mist:var(--palette-neutral-300);--fog:var(--palette-neutral-200);--paper:var(--palette-neutral-100);--white:var(--palette-white)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}img,video,svg{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}h1,h2,h3,h4{font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-tight);margin:0;line-height:1}p{margin:0}ul{margin:0;padding:0;list-style:none}::selection{background:var(--color-accent);color:var(--color-on-inverse)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;border-radius:6px}.wrap{width:100%;padding-inline:var(--gutter);margin:0 auto}.section{padding-block:var(--section)}[hidden]{display:none!important}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:var(--z-skip);background:var(--color-inverse-bg);color:var(--color-on-inverse);border-radius:var(--radius-pill);padding:12px 18px;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}.label{font-size:var(--text-label);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-text-muted)}.label--blue{color:var(--color-accent-soft)}.display{font-size:var(--text-display);letter-spacing:var(--tracking-tightest);line-height:.94}.h1{font-size:var(--text-h1);line-height:var(--leading-none);letter-spacing:var(--tracking-tighter)}.h2{font-size:var(--text-h2);line-height:var(--leading-none);letter-spacing:var(--tracking-tighter)}.h3{font-size:var(--text-h3);letter-spacing:var(--tracking-snug);line-height:var(--leading-tight)}.lead{font-size:var(--text-lead);line-height:var(--leading-normal);color:var(--color-text-muted)}.muted{color:var(--color-text-muted)}.soft{color:var(--color-text-subtle)}.mark{color:var(--color-on-inverse);isolation:isolate;padding:0 .12em;display:inline-block;position:relative}.mark:before{content:"";z-index:-1;background:var(--color-accent);border-radius:var(--radius-sm);transform-origin:0;transition:transform .9s var(--ease-in-out) .35s;position:absolute;inset:.08em 0 .02em;transform:scaleX(0)}.mark.in:before,.no-js .mark:before{transform:scaleX(1)}.lines .line{margin-bottom:-.05em;padding-bottom:.05em;display:block;overflow:hidden}.lines .line>span{transition:transform .9s var(--ease-out);display:block;transform:translateY(110%)}.lines.in .line>span,.no-js .lines .line>span{transform:none}.lines .line:nth-child(2)>span{transition-delay:80ms}.lines .line:nth-child(3)>span{transition-delay:.16s}.lines .line:nth-child(4)>span{transition-delay:.24s}.reveal{opacity:0;transition:opacity .9s var(--ease-out), transform .9s var(--ease-out);transform:translateY(28px)}.reveal.in,.no-js .reveal{opacity:1;transform:none}.reveal[data-delay="1"]{transition-delay:.1s}.reveal[data-delay="2"]{transition-delay:.2s}.reveal[data-delay="3"]{transition-delay:.3s}.btn{border-radius:var(--radius-pill);min-height:52px;font-weight:var(--font-weight-medium);font-size:var(--text-base);white-space:nowrap;cursor:pointer;transition:background .25s ease, color .25s ease, border-color .25s ease, transform .35s var(--ease-out);will-change:transform;border:1.5px solid #0000;justify-content:center;align-items:center;gap:10px;padding:0 26px;line-height:1;display:inline-flex}.btn--dark{background:var(--color-inverse-bg);color:var(--color-on-inverse)}.btn--dark:hover{background:var(--color-accent)}.btn--outline{border-color:var(--color-text);color:var(--color-text)}.btn--outline:hover{background:var(--color-inverse-bg);color:var(--color-on-inverse)}.btn--light{background:var(--color-surface-raised);color:var(--color-text)}.btn--light:hover{background:var(--color-accent);color:var(--color-on-inverse)}.btn--lg{min-height:60px;font-size:var(--text-md);padding:0 32px}.btn .arrow{transition:transform .35s var(--ease-out)}.btn:hover .arrow{transform:translate(4px)}.link{font-weight:var(--font-weight-medium);text-underline-offset:6px;align-items:center;gap:6px;min-height:44px;text-decoration:underline 1.5px;transition:color .2s;display:inline-flex}.link:hover{color:var(--color-accent-text)}.tag{background:var(--color-accent-subtle);border-radius:var(--radius-pill);font-size:var(--text-label);line-height:var(--leading-snug);color:var(--color-text);align-items:center;padding:5px 12px;display:inline-flex}.tag--outline{border:1px solid var(--color-divider);color:var(--color-text-muted);background:0 0}.header{z-index:var(--z-header);transition:background .3s, box-shadow .3s, transform .4s var(--ease-out);position:sticky;top:0}.header.scrolled{background:color-mix(in srgb, var(--color-bg) 88%, transparent);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--color-border)}.header.hide{transform:translateY(-100%)}.header__in{justify-content:space-between;align-items:center;gap:16px;padding-block:16px;display:flex}.header__logo img{width:clamp(150px,14vw,188px)}.header__nav{align-items:center;gap:4px;display:flex}.header__nav a:not(.btn){min-height:44px;font-weight:var(--font-weight-medium);align-items:center;padding:0 16px;transition:color .2s;display:inline-flex}.header__nav a:not(.btn):hover,.header__nav a[aria-current=page]{color:var(--color-accent-text)}.header__nav .btn{min-height:48px;margin-left:10px}.menu-btn{display:none}@media (width<=860px){.header__nav{display:none}.menu-btn{min-height:44px;padding:0 18px;display:inline-flex}}.menu-btn__lines{flex-direction:column;gap:4px;display:inline-flex}.menu-btn__lines span{background:currentColor;width:14px;height:1.5px}.menu{z-index:var(--z-menu);background:var(--color-inverse-bg);color:var(--color-on-inverse);clip-path:inset(0 0 100%);transition:clip-path .6s var(--ease-in-out);visibility:hidden;flex-direction:column;display:flex;position:fixed;inset:0}.menu.open{clip-path:inset(0);visibility:visible}.menu__top{justify-content:space-between;align-items:center;padding-block:16px;display:flex}.menu__top img{width:150px}.menu__links{flex-direction:column;flex:1;justify-content:center;gap:2px;display:flex}.menu__links a{font-size:clamp(48px,13vw,88px);font-weight:var(--font-weight-medium);letter-spacing:-.04em;line-height:var(--leading-tight);display:block;overflow:hidden}.menu__links a span{transition:transform .7s var(--ease-out);display:inline-block;transform:translateY(105%)}.menu.open .menu__links a span{transform:none}.menu.open .menu__links a:nth-child(2) span{transition-delay:60ms}.menu.open .menu__links a:nth-child(3) span{transition-delay:.12s}.menu.open .menu__links a:nth-child(4) span{transition-delay:.18s}.menu__links a:hover,.menu__links a[aria-current=page]{color:var(--color-accent-soft)}.menu__foot{flex-direction:column;gap:20px;padding-block:24px 36px;display:flex}.menu__meta{font-size:var(--text-xs);color:var(--color-on-inverse-subtle);justify-content:space-between;display:flex}.cursor{z-index:var(--z-cursor);border-radius:var(--radius-pill);background:var(--color-accent);width:112px;height:112px;color:var(--color-on-inverse);font-weight:var(--font-weight-medium);font-size:var(--text-body);pointer-events:none;transition:transform .35s var(--ease-out);box-shadow:0 0 0 3px var(--color-bg), var(--shadow-float);justify-content:center;align-items:center;margin:-56px 0 0 -56px;display:flex;position:fixed;top:0;left:0;transform:scale(0)}.cursor.show{transform:scale(1)}.marquee{border-block:1px solid var(--color-border);padding-block:clamp(18px,2vw,26px);overflow:hidden}.marquee__track{width:max-content;font-size:clamp(26px,4vw,56px);font-weight:var(--font-weight-medium);letter-spacing:-.03em;white-space:nowrap;animation:30s linear infinite marquee;display:flex}.marquee__track span{padding-right:clamp(28px,3vw,44px)}.marquee__track .star{color:var(--color-accent)}@keyframes marquee{to{transform:translate(-50%)}}.hero-scroll{--p:0;--h:clamp(420px, 46vw, 680px);height:170svh;position:relative}.hero-scroll__sticky{height:100svh;position:sticky;top:0;overflow:hidden}.hero-scroll__media{width:calc(100% - 2 * var(--gutter) * (1 - var(--p)));height:calc(var(--h) + (100svh - var(--h)) * var(--p));border-radius:calc(4px * (1 - var(--p)));background:var(--color-inverse-bg);color:var(--color-on-inverse);display:block;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%)}.hero-scroll__media video,.hero-scroll__media img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-scroll__caption{background:linear-gradient(transparent, var(--scrim));opacity:clamp(0, calc((var(--p) - .65) * 3), 1);transform:translateY(calc((1 - clamp(0, calc((var(--p) - .65) * 3), 1)) * 24px));flex-direction:column;align-items:flex-start;gap:10px;padding:clamp(24px,4vw,64px);display:flex;position:absolute;bottom:0;left:0;right:0}.hero-scroll__title{font-size:clamp(48px,8vw,128px);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-tightest);line-height:var(--leading-none)}.hero-scroll__line{color:var(--color-on-inverse-muted);max-width:560px;margin-bottom:12px;font-size:clamp(17px,1.6vw,22px)}.hero-scroll__btn{pointer-events:none}.no-js .hero-scroll{height:auto}.no-js .hero-scroll__sticky{height:auto;position:relative}.no-js .hero-scroll__media{height:var(--h);position:relative}.blocks{grid-template-columns:repeat(var(--cols,12), minmax(0, 1fr));grid-template-rows:repeat(var(--rows,6), minmax(0, 1fr));gap:clamp(8px,1vw,12px);display:grid;position:absolute;inset:clamp(20px,2.4vw,32px)}.blocks span{border-radius:var(--radius-sm);animation:block 4s var(--ease-in-out) infinite;animation-delay:calc(var(--i) * .11s)}@keyframes block{0%,to{opacity:1;transform:scale(1)}45%{opacity:.35;transform:scale(.55)}}@media (width<=700px){.blocks{--cols:5;--rows:7}.blocks span:nth-child(n+36){display:none}}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(56px,6vw,96px) clamp(24px,4vw,64px);display:grid}.wrap--grid{max-width:calc(var(--grid-max-width) + 2 * var(--gutter));margin-inline:0 auto}.work-grid>.card{width:var(--w,100%);max-width:calc(var(--card-max-width) * var(--k,1));justify-self:var(--j,start)}.work-grid>.card--p1,.work-grid>.card--p3{margin-top:clamp(0px,9vw,150px)}.card--s0{--ar:4 / 5}.card--s1{--ar:1 / 1;--w:82%;--k:.82;--j:end}.card--s2{--ar:4 / 3}.card--s3{--ar:3 / 4;--w:78%;--k:.78}.card--s4{--ar:5 / 4;--w:86%;--k:.86;--j:end}.card--s5{--ar:16 / 10}.work-grid>.card--wide{--ar:3 / 2}@media (width<=700px){.work-grid{grid-template-columns:1fr;row-gap:56px}.work-grid>.card--p1,.work-grid>.card--p3{margin-top:0}.work-grid>.card{--w:100%;--j:start}.work-grid>.card--p1{--w:80%;--j:end}.work-grid>.card--p3{--w:80%;--j:start}}.card{flex-direction:column;gap:16px;display:flex}.card__media{border-radius:var(--radius-md);aspect-ratio:var(--ar,4 / 5);background:var(--color-media-bg);position:relative;overflow:hidden}.card__media>*{transition:transform .9s var(--ease-out)}.card:hover .card__media>*{transform:scale(1.04)}.card__top{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.card__title{font-size:clamp(26px,2.4vw,32px);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-snug)}.card__meta{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.card__tags{flex-wrap:wrap;gap:6px;display:flex}.card[hidden]{display:none}.ph{width:100%;height:100%;color:var(--color-on-inverse);background:var(--c,var(--color-inverse-surface));flex-direction:column;justify-content:space-between;padding:clamp(20px,2.4vw,32px);display:flex}.ph__name{font-size:clamp(48px,6vw,96px);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tightest);line-height:var(--leading-none)}.ph__label{background:color-mix(in srgb, var(--palette-neutral-900) 60%, transparent);border-radius:var(--radius-pill);font-size:12px;line-height:var(--leading-snug);align-self:flex-start;padding:6px 12px}.ph--light{--c:var(--color-placeholder);color:var(--color-text-muted);text-align:center;justify-content:center;align-items:center}.ph--light .ph__label{background:var(--color-surface-raised);color:var(--color-text);align-self:center}.dark{background:var(--color-inverse-bg);color:var(--color-on-inverse)}.dark .muted{color:var(--color-on-inverse-muted)}.rounded-top{border-radius:0}.srow{border-top:1px solid var(--color-inverse-border);transition:color .25s, padding .35s var(--ease-out);flex-wrap:wrap;align-items:center;gap:clamp(16px,3vw,32px);padding-block:clamp(24px,2.6vw,34px);display:flex}.srow:hover{color:var(--color-accent-soft);padding-left:16px}.srow__num{width:40px;font-size:var(--text-sm);color:var(--color-accent-soft)}.srow__name{font-size:clamp(30px,4vw,60px);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-tight);flex:300px;line-height:1}.srow__text{font-size:var(--text-body);color:var(--color-on-inverse-muted);line-height:var(--leading-normal);flex:280px}.srow__arrow{border-radius:var(--radius-pill);border:1px solid var(--color-inverse-border);width:60px;height:60px;font-size:var(--text-lg);transition:transform .35s var(--ease-out), background .25s, border-color .25s;color:var(--color-on-inverse);flex:none;justify-content:center;align-items:center;display:flex}.srow:hover .srow__arrow{background:var(--color-accent);border-color:var(--color-accent);transform:rotate(45deg)}@media (width<=700px){.srow__num{width:auto}.srow__name{flex:1 1 0;min-width:0}.srow__arrow{width:44px;height:44px;font-size:var(--text-md)}.srow__text{flex-basis:100%;order:4}}.bento{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.tile{border-radius:var(--radius-md);flex-direction:column;justify-content:space-between;gap:24px;min-height:260px;padding:clamp(24px,2.6vw,36px);display:flex}.tile--paper{background:var(--color-surface);color:var(--color-text)}.tile--blue{background:var(--color-accent);color:var(--color-on-inverse)}.tile--light{background:var(--color-accent-light);color:var(--color-text)}.tile--graphite{background:var(--color-inverse-surface);color:var(--color-on-inverse)}.tile--wide{grid-column:span 2}.tile--full{grid-column:1/-1;min-height:0}.tile__num{font-size:clamp(56px,6vw,96px);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-tightest);line-height:1}@media (width<=1000px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.tile{min-height:170px}.tile--wide{grid-column:1/-1}}.brands{flex-direction:column;gap:clamp(20px,2.4vw,32px);width:100vw;margin-top:clamp(56px,7vw,96px);margin-left:calc(50% - 50vw);display:flex}.brands__label{padding-inline:var(--gutter);width:100%;color:var(--color-on-inverse-muted);margin:0 auto}.brands__viewport{border-block:1px solid var(--color-inverse-border);padding-block:clamp(24px,3vw,44px);overflow:hidden}.brands__track{align-items:center;gap:clamp(28px,3.4vw,56px);width:max-content;padding-right:clamp(28px,3.4vw,56px);animation:32s linear infinite marquee;display:flex}.brands:hover .brands__track{animation-play-state:paused}.brands__name{font-size:clamp(44px,6.4vw,104px);font-weight:var(--font-weight-medium);letter-spacing:-.04em;white-space:nowrap;color:var(--color-on-inverse);line-height:1;transition:color .25s}.brands__name:hover{color:var(--color-accent-soft)}.brands__sq{aspect-ratio:1;background:var(--color-accent);flex:none;width:clamp(12px,1.2vw,18px)}.clients{flex:1;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.clients span{border-radius:var(--radius-sm);background:var(--color-inverse-bg);min-height:56px;color:var(--color-on-inverse-muted);font-size:var(--text-sm);font-weight:var(--font-weight-medium);letter-spacing:-.01em;text-align:center;justify-content:center;align-items:center;padding:8px;display:flex}.quote{font-size:clamp(22px,2.2vw,32px);line-height:var(--leading-snug);font-weight:var(--font-weight-medium);letter-spacing:-.015em}.quote-person{align-items:center;gap:14px;display:flex}.avatar{border-radius:var(--radius-pill);background:var(--color-accent-soft);width:52px;height:52px;font-weight:var(--font-weight-semibold);color:var(--color-text);flex:none;justify-content:center;align-items:center;display:flex}.round-btn{border-radius:var(--radius-pill);border:1.5px solid var(--color-text);width:48px;height:48px;font-size:var(--text-md);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:background .25s,color .25s;display:inline-flex}.round-btn:hover,.round-btn--fill{background:var(--color-inverse-bg);color:var(--color-on-inverse)}.round-btn--fill:hover{background:var(--color-accent);border-color:var(--color-accent)}[data-slide][hidden]{display:none}.slide{flex-direction:column;flex:1;justify-content:space-between;gap:24px;display:flex}.tile--paper .muted,.tile--light .muted{color:var(--color-text-muted)}.faq details{border-top:1px solid var(--color-divider)}.faq details:last-child{border-bottom:1px solid var(--color-divider)}.faq summary{min-height:84px;font-size:clamp(19px,1.8vw,26px);font-weight:var(--font-weight-medium);letter-spacing:-.01em;cursor:pointer;justify-content:space-between;align-items:center;gap:24px;padding-block:12px;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq__icon{border-radius:var(--radius-pill);border:1.5px solid var(--color-text);width:44px;height:44px;font-size:var(--text-lg);transition:transform .3s var(--ease-out), background .3s, color .3s;flex:none;justify-content:center;align-items:center;display:flex}.faq details[open] .faq__icon{background:var(--color-inverse-bg);color:var(--color-on-inverse);transform:rotate(45deg)}.faq details p{max-width:640px;font-size:var(--text-md);color:var(--color-text-muted);padding-bottom:28px}.split{flex-wrap:wrap;gap:clamp(28px,5vw,96px);display:flex}.split__side{flex:300px}.split__main{flex:2.2 600px;min-width:0}.cta{background:var(--color-accent);color:var(--color-on-inverse);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:40px;padding:clamp(48px,7vw,112px) clamp(28px,5vw,80px);display:flex}.cta h2{letter-spacing:var(--tracking-tightest);font-size:clamp(52px,8.4vw,136px);line-height:.92}.footer{border-top:1px solid var(--color-inverse-border);background:var(--color-inverse-bg);color:var(--color-on-inverse);padding-top:clamp(72px,9vw,140px);overflow:hidden}.footer__cta{border-bottom:1px solid var(--color-inverse-border);justify-content:space-between;align-items:flex-end;gap:32px;padding-bottom:clamp(56px,7vw,96px);display:flex}.footer__cta-text{font-size:clamp(48px,9vw,152px);line-height:var(--leading-none);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-tightest);display:block}.footer__cta-arrow{border-radius:var(--radius-pill);background:var(--color-accent);width:clamp(64px,9vw,140px);height:clamp(64px,9vw,140px);color:var(--color-on-inverse);transition:transform .5s var(--ease-out), background .25s;flex:none;justify-content:center;align-items:center;font-size:clamp(28px,4vw,56px);display:flex}.footer__cta:hover .footer__cta-arrow{background:var(--color-surface-raised);color:var(--color-text);transform:rotate(-45deg)scale(1.06)}.footer__grid{grid-template-columns:2fr 1fr 1fr 1.2fr;gap:clamp(32px,4vw,56px);padding-block:clamp(48px,6vw,80px);display:grid}.footer__studio{flex-direction:column;gap:24px;display:flex}.footer__status{border:1px solid var(--color-inverse-border);border-radius:var(--radius-pill);font-size:var(--text-xs);color:var(--color-on-inverse-muted);align-self:flex-start;align-items:center;gap:10px;padding:8px 16px 8px 12px;display:inline-flex}.footer__dot{border-radius:var(--radius-pill);background:var(--color-accent-soft);width:9px;height:9px;box-shadow:0 0 0 0 color-mix(in srgb, var(--color-accent-soft) 60%, transparent);animation:2s infinite pulse}@keyframes pulse{70%{box-shadow:0 0 0 10px #0000}to{box-shadow:0 0 #0000}}.footer__clock{flex-direction:column;line-height:1;display:flex}.footer__city{font-size:clamp(26px,2.6vw,40px);font-weight:var(--font-weight-medium);letter-spacing:-.03em}.footer__time{font-size:clamp(26px,2.6vw,40px);font-weight:var(--font-weight-medium);letter-spacing:-.03em;color:var(--color-text-subtle);font-variant-numeric:tabular-nums;margin-top:6px}.footer__tagline{max-width:380px;font-size:var(--text-body);line-height:var(--leading-normal);color:var(--color-on-inverse-muted)}.footer__col{font-size:var(--text-md);flex-direction:column;gap:10px;display:flex}.footer__col a:not(.btn){min-height:32px;transition:background-size .35s var(--ease-out), color .2s;background:linear-gradient(currentColor,currentColor) 0 100%/0 1.5px no-repeat;align-self:flex-start;align-items:center;display:inline-flex}.footer__col a:not(.btn):hover{color:var(--color-accent-soft);background-size:100% 1.5px}.footer__label{font-size:var(--text-label);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-on-inverse-subtle);margin-bottom:6px}.footer__btn{align-self:flex-start;margin-top:18px}.footer__ticker{border-top:1px solid var(--color-inverse-border);border-bottom:1px solid var(--color-inverse-border);padding-block:clamp(24px,3vw,40px);overflow:hidden}.footer__track{align-items:center;gap:clamp(32px,4vw,64px);width:max-content;animation:40s linear infinite marquee;display:flex}.footer__phrase{white-space:nowrap;font-size:clamp(64px,11vw,184px);line-height:1;font-weight:var(--font-weight-light);letter-spacing:var(--tracking-tightest);flex:none}.footer__phrase em{color:var(--color-accent-soft);font-style:normal}.footer__square{background:var(--color-accent);flex:none;width:1rem;height:1rem}.footer__base{font-size:var(--text-xs);color:var(--color-on-inverse-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-block:24px 32px;display:flex}.footer__top{min-height:44px;color:var(--color-on-inverse);font-weight:var(--font-weight-medium);align-items:center;gap:8px;display:inline-flex}.footer__top span{transition:transform .35s var(--ease-out)}.footer__top:hover span{transform:translateY(-4px)}.footer__legal{flex-wrap:wrap;gap:24px;display:flex}.footer__legal a:hover{color:var(--color-on-inverse)}@media (width<=900px){.footer__grid{grid-template-columns:1fr 1fr}.footer__studio{grid-column:1/-1}}@media (width<=560px){.footer__cta{flex-direction:column;align-items:flex-start}.footer__grid{grid-template-columns:1fr 1fr;row-gap:40px}.footer__col:last-child{grid-column:1/-1}}.page-head{padding-top:clamp(56px,8vw,120px);padding-bottom:clamp(32px,4vw,56px)}.page-head__row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.filters{top:var(--header-h,76px);transition:top .4s var(--ease-out);z-index:var(--z-sticky);background:var(--color-surface-raised);border-bottom:1px solid var(--color-border);padding-block:14px;position:sticky}html.header-hidden .filters{top:0}.filters__row{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.filters__row::-webkit-scrollbar{display:none}.chip{border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background:var(--color-surface-raised);min-height:44px;font-size:var(--text-sm);cursor:pointer;flex:none;padding:0 18px;transition:background .2s,color .2s,border-color .2s}.chip:hover{border-color:var(--color-text)}.chip[aria-pressed=true]{background:var(--color-inverse-bg);color:var(--color-on-inverse);border-color:var(--color-text)}.cs-cover{border-radius:var(--radius-md);height:clamp(360px,50vw,760px);overflow:hidden}.cs-meta{align-content:start;gap:24px;display:grid}.cs-meta dt{margin-bottom:4px}.cs-meta dd{font-size:var(--text-body);margin:0}.cs-body{flex-direction:column;gap:48px;display:flex}.cs-body .lead-xl{font-size:clamp(24px,2.4vw,36px);line-height:1.25;font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-snug);color:var(--color-text)}.cs-sections{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:40px;display:grid}.cs-sections p+p{margin-top:14px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.6vw,24px);display:grid}.gallery figure{border-radius:var(--radius-md);background:var(--color-media-bg);aspect-ratio:4/5;margin:0;overflow:hidden}.gallery figure.full{aspect-ratio:16/9;grid-column:1/-1}.gallery img{object-fit:cover;width:100%;height:100%}@media (width<=640px){.gallery{grid-template-columns:1fr}.gallery figure.full{aspect-ratio:4/3}}.next{flex-direction:column;align-items:flex-start;gap:16px;max-width:960px;display:flex}.next__title{font-size:clamp(40px,6vw,96px);line-height:var(--leading-tight);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-tighter);text-wrap:balance;transition:color .25s}.next__text{font-size:var(--text-lead);line-height:var(--leading-body);color:var(--color-text-muted);max-width:620px}.next:hover .next__title{color:var(--color-accent)}.form{flex-direction:column;gap:28px;display:flex}.form__row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.field{font-size:var(--text-sm);font-weight:var(--font-weight-medium);flex-direction:column;gap:8px;display:flex}.input{font:inherit;font-size:var(--text-base);font-weight:var(--font-weight-regular);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface-raised);min-height:54px;color:var(--color-text);width:100%;padding:12px 16px;transition:border-color .2s}.input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle);outline:none}textarea.input{resize:vertical;min-height:170px}.fieldset{border:0;margin:0;padding:0}.fieldset legend{font-size:var(--text-sm);font-weight:var(--font-weight-medium);margin-bottom:10px;padding:0}.choices{flex-wrap:wrap;gap:8px;display:flex}.choice{position:relative}.choice input{opacity:0;cursor:pointer;position:absolute;inset:0}.choice span{border-radius:var(--radius-pill);border:1.5px solid var(--color-border-strong);background:var(--color-surface-raised);min-height:44px;font-size:var(--text-sm);font-weight:var(--font-weight-regular);align-items:center;padding:0 18px;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.choice input:checked+span{background:var(--color-inverse-bg);color:var(--color-on-inverse);border-color:var(--color-text)}.choice input:focus-visible+span{outline:2px solid var(--color-focus);outline-offset:3px}.form__error{color:var(--color-error);font-size:var(--text-sm)}.form__note{font-size:var(--text-label);color:var(--color-text-muted)}.hp{position:absolute;left:-9999px}.success{background:var(--color-surface);border-radius:var(--radius-md);flex-direction:column;gap:14px;padding:clamp(28px,4vw,48px);display:flex}.prose{max-width:760px}.prose h2{letter-spacing:var(--tracking-snug);margin:48px 0 16px;font-size:clamp(26px,2.6vw,34px)}.prose p,.prose li{color:var(--color-text-muted)}.prose p+p{margin-top:14px}.prose ul{margin-top:10px;padding-left:22px;list-style:outside}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-scroll{height:auto}.hero-scroll__sticky{height:auto;position:relative}.hero-scroll__media{height:var(--h);margin-inline:auto;position:relative;left:0;transform:none}*,:before,:after{transition:none!important;animation:none!important}.reveal,.lines .line>span,.menu__links a span{opacity:1!important;transform:none!important}.mark:before{transform:scaleX(1)!important}}.packages{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:stretch;gap:16px;display:grid}.package{background:var(--color-surface);border-radius:var(--radius-md);flex-direction:column;gap:22px;padding:clamp(24px,2.6vw,36px);display:flex}.package__head{border-bottom:1px solid var(--color-border);flex-direction:column;gap:6px;padding-bottom:20px;display:flex}.package__price{font-size:clamp(36px,3.4vw,52px);font-weight:var(--font-weight-medium);letter-spacing:-.04em;margin-top:10px;line-height:1}.package__time{font-size:var(--text-sm);color:var(--color-text-muted)}.package__summary{font-size:var(--text-body);color:var(--color-text)}.package__list{flex-direction:column;flex:1;gap:10px;display:flex}.package__list li{font-size:var(--text-sm);color:var(--color-text-muted);padding-left:22px;line-height:1.45;position:relative}.package__list li:before{content:"";background:var(--color-accent);width:8px;height:8px;position:absolute;top:.5em;left:0}.package__for{font-size:var(--text-sm);color:var(--color-text-muted);flex-direction:column;gap:6px;display:flex}.package .btn{align-self:flex-start}.package--dark{background:var(--color-inverse-bg);color:var(--color-on-inverse)}.package--dark .package__head{border-color:var(--color-inverse-border)}.package--dark .package__time,.package--dark .package__list li,.package--dark .package__for,.package--dark .label{color:var(--color-on-inverse-muted)}.package--dark .package__summary{color:var(--color-on-inverse)}.blocks-flow{flex-direction:column;gap:clamp(56px,7vw,112px);padding-bottom:clamp(24px,3vw,40px);display:flex}.cb-prose{font-size:var(--text-md);color:var(--color-text-muted);flex-direction:column;gap:16px;max-width:760px;display:flex}.cb-list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 32px;display:grid}.cb-list li{border-top:1px solid var(--color-divider);font-size:var(--text-md);font-weight:var(--font-weight-medium);padding-block:14px}.cb-image{margin:0 auto}.cb-image__frame{border-radius:var(--radius-md);background:var(--color-media-bg);overflow:hidden}.cb-image__frame img{object-fit:contain!important;height:auto!important}.cb-video video{width:100%;height:auto;display:block}.cb-image__frame .ph{aspect-ratio:16/9}.cb-caption{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:12px}.cb-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.cb-compare figure{background:var(--color-surface);border-radius:var(--radius-md);flex-direction:column;gap:16px;margin:0;padding:clamp(16px,2vw,28px);display:flex}.cb-compare__label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);align-items:center;gap:10px;display:flex}.cb-dot{background:var(--color-divider);width:10px;height:10px}.cb-dot--new{background:var(--color-accent)}.cb-compare__frame{border-radius:var(--radius-sm);background:var(--color-media-bg);overflow:hidden}.cb-compare__frame img{object-fit:contain!important;height:auto!important}@media (width<=700px){.cb-compare{grid-template-columns:1fr}}.cb-quote blockquote{max-width:1040px;font-size:clamp(28px,3.4vw,52px);line-height:1.15;font-weight:var(--font-weight-regular);letter-spacing:-.03em;text-align:center;color:var(--color-text);margin:0 auto}.cb-quote__mark{color:var(--color-accent)}.cb-cards__grid{grid-template-columns:repeat(var(--cols,3), minmax(0, 1fr));gap:16px;display:grid}@media (width<=1200px){.cb-cards__grid[style*=--cols\:5]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1000px){.cb-cards__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.cb-cards__grid{grid-template-columns:1fr}}.cb-card{background:var(--color-surface);border-radius:var(--radius-md);flex-direction:column;gap:10px;padding:clamp(22px,2.4vw,32px);display:flex}.cb-card__num{font-size:var(--text-xs);color:var(--color-accent-text);font-weight:var(--font-weight-medium)}.cb-card__title{font-size:clamp(20px,1.8vw,24px);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-snug);margin-top:12px;line-height:1.2}.cb-card__text{font-size:var(--text-base);color:var(--color-text-muted);line-height:var(--leading-normal)}.cb-timeline{background:var(--color-inverse-bg);color:var(--color-on-inverse);padding-block:clamp(64px,8vw,112px)}.cb-timeline .lead{color:var(--color-on-inverse-muted)!important}.cb-timeline__track{scrollbar-width:thin;padding-inline:var(--gutter);padding-bottom:12px;overflow-x:auto}.cb-timeline__track:focus-visible{outline:2px solid var(--color-on-inverse)}.cb-timeline__list{gap:0;width:max-content;margin:0 auto;padding:0;list-style:none;display:flex;position:relative}.cb-step{flex-direction:column;gap:8px;width:clamp(260px,26vw,340px);padding-right:40px;display:flex;position:relative}.cb-step__num{font-size:var(--text-lg);font-weight:var(--font-weight-medium);color:var(--color-accent-soft)}.cb-step__date{font-size:var(--text-xs);color:var(--color-on-inverse-subtle)}.cb-step__dot{background:var(--color-accent);width:14px;height:14px;margin:14px 0 18px;position:relative}.cb-step__dot:after{content:"";background:var(--color-inverse-surface);width:clamp(246px,26vw,326px);height:2px;position:absolute;top:6px;left:14px}.cb-step:last-child .cb-step__dot:after{display:none}.cb-step__title{font-size:var(--text-lg);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-snug);line-height:1.2}.cb-step__text{font-size:var(--text-sm);color:var(--color-on-inverse-muted);line-height:1.55}.cb-row{grid-template-columns:repeat(var(--cols,3), minmax(0, 1fr));gap:clamp(28px,3vw,44px) 16px;display:grid}.cb-row__head{margin-bottom:clamp(24px,3vw,40px)}.cb-heading{margin-bottom:clamp(20px,2.4vw,32px)}.cb-row figure{margin:0}.cb-row__frame{border-radius:var(--radius-md);background:var(--color-media-bg);overflow:hidden}.cb-row__frame .ph{aspect-ratio:16/10}.cb-row--plain .cb-row__frame,.cb-image__frame--plain{background:0 0}@media (width<=1000px){.cb-row[style*=--cols\:4]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.cb-row:not([style*=--cols\:4]){grid-template-columns:1fr}}.cb-stats__grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}.cb-stat{background:var(--color-surface);border-radius:var(--radius-md);flex-direction:column;gap:12px;min-height:230px;padding:clamp(20px,2vw,28px);display:flex}.cb-stat__label{font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:var(--leading-snug)}.cb-stat__value{font-size:clamp(44px,4.4vw,64px);font-weight:var(--font-weight-medium);letter-spacing:-.04em;color:var(--color-text);margin-top:auto;line-height:1}.cb-stat__change{color:var(--color-text-muted);font-size:var(--text-sm);justify-content:space-between;align-items:center;display:flex}.cb-stat__arrow{background:var(--color-accent);width:40px;height:40px;color:var(--color-on-inverse);border-radius:50%;place-items:center;display:grid}@media (width<=1100px){.cb-stats__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=600px){.cb-stats__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cb-stats__grid>:last-child:nth-child(odd){grid-column:1/-1}.cb-stat{min-height:180px}}.statement{font-size:var(--text-statement);line-height:var(--leading-tight);font-weight:var(--font-weight-medium);letter-spacing:-.03em}.statement .w{transition:color .35s var(--ease-out)}html:not(.no-js) [data-darken]:not(.is-done) .w:not(.on){color:var(--color-on-inverse-subtle)}.statement{position:relative}.statement__cursor{background:var(--color-accent);opacity:0;pointer-events:none;width:.26em;height:.26em;transition:transform .25s var(--ease-out), opacity .3s;border-radius:1px;position:absolute;top:0;left:0}.statement.is-moving .statement__cursor{opacity:1}.stack__head{margin-bottom:clamp(40px,5vw,80px)}.stack__heading{letter-spacing:var(--tracking-tighter);max-width:14ch;font-size:clamp(40px,5.4vw,88px);line-height:1}.stack__list{flex-direction:column;gap:clamp(16px,2vw,24px);margin:0;padding:0;list-style:none;display:flex}.stack__card{top:calc(clamp(92px, 9vw, 120px) + var(--i) * 18px);border-radius:var(--radius-md);transform-origin:50% 0;will-change:transform;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(28px,5vw,96px);min-height:clamp(340px,46vh,480px);padding:clamp(28px,4vw,64px);transition:transform .2s linear,filter .2s linear;display:grid;position:sticky}.stack__card--0{background:var(--color-accent-light);color:var(--color-text)}.stack__card--1{background:var(--color-inverse-bg);color:var(--color-on-inverse)}.stack__card--2{background:var(--color-surface);color:var(--color-text)}.stack__card--3{background:var(--color-inverse-surface);color:var(--color-on-inverse)}.stack__problem{flex-direction:column;gap:16px;display:flex}.stack__num{border-radius:var(--radius-sm);background:var(--color-accent-text);width:44px;height:44px;color:var(--color-on-inverse);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);justify-content:center;align-items:center;margin-bottom:auto;display:inline-flex}.stack__title{letter-spacing:var(--tracking-tight);max-width:18ch;margin-top:clamp(32px,5vw,72px);font-size:clamp(30px,3.4vw,52px);line-height:1.05}.stack__sub{font-size:var(--text-body);color:var(--color-text-muted)}.stack__card--1 .stack__sub,.stack__card--3 .stack__sub{color:var(--color-on-inverse-muted)}.stack__answer{border-top:1px solid;border-color:color-mix(in srgb, var(--palette-neutral-500) 35%, transparent);flex-direction:column;justify-content:flex-end;align-self:end;gap:14px;padding-top:24px;display:flex}.stack__label{font-size:var(--text-label);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-text-muted)}.stack__card--1 .stack__label,.stack__card--3 .stack__label{color:var(--color-on-inverse-muted)}.stack__text{font-size:clamp(17px,1.4vw,20px);line-height:var(--leading-normal)}.stack__link{border-radius:var(--radius-pill);background:var(--color-inverse-bg);min-height:44px;color:var(--color-on-inverse);font-size:var(--text-sm);font-weight:var(--font-weight-medium);align-self:flex-start;align-items:center;gap:8px;margin-top:8px;padding:0 20px;transition:background .25s,color .25s;display:inline-flex}.stack__card--1 .stack__link,.stack__card--3 .stack__link{background:var(--color-surface-raised);color:var(--color-text)}.stack__link:hover{background:var(--color-accent);color:var(--color-on-inverse)}@media (width<=860px){.stack__card{top:calc(84px + var(--i) * 12px);grid-template-columns:1fr;gap:28px;min-height:0}.stack__title{margin-top:24px}}.how{background:var(--color-surface);overflow:hidden}.how__grid{grid-template-columns:minmax(320px,1fr) minmax(0,2.4fr);align-items:stretch;gap:clamp(32px,4vw,72px);display:grid}.how__intro{flex-direction:column;align-items:flex-start;gap:22px;display:flex}.how__heading{align-items:flex-end;gap:12px;display:flex}.how__title{font-size:clamp(38px,3.4vw,60px)}.how__corner{width:clamp(28px,2.6vw,40px);height:auto;color:var(--color-text);flex:none;margin-bottom:.2em}.how__text{color:var(--color-text-muted);font-size:var(--text-body);max-width:380px;line-height:1.55}.how__cta{margin-top:6px}.how__note{font-size:var(--text-sm);color:var(--color-text-muted);max-width:220px;margin-top:auto;padding-top:32px;line-height:1.45}.how__rail{min-width:0;margin-right:calc(-1 * var(--gutter));flex-direction:column;gap:clamp(20px,2.4vw,32px);display:flex}.how__track{padding:4px var(--gutter) 4px 0;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;cursor:grab;grid-auto-columns:clamp(270px,24vw,380px);grid-auto-flow:column;gap:clamp(12px,1.2vw,18px);margin:0;scroll-padding-left:0;list-style:none;display:grid;overflow-x:auto}.how__track::-webkit-scrollbar{display:none}.how__track.is-dragging{cursor:grabbing;scroll-snap-type:none}.how__track.is-dragging *{pointer-events:none;user-select:none}.how__track:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.how__card{scroll-snap-align:start;background:var(--color-surface-raised);border-radius:var(--radius-md);min-height:clamp(400px,34vw,500px);transition:opacity .9s var(--ease-out), transform .9s var(--ease-out), box-shadow .5s var(--ease-out);flex-direction:column;justify-content:space-between;gap:32px;padding:clamp(24px,2.2vw,32px);display:flex}.how__card:hover{box-shadow:var(--shadow-card)}.how__art{aspect-ratio:1;width:clamp(120px,11vw,160px);color:var(--color-text);transition:transform .9s var(--ease-out)}.how__card:hover .how__art{transform:rotate(-8deg)scale(1.04)}.how__art svg{width:100%;height:100%;overflow:visible}.how__art svg :is(circle,rect,path,line):not(.dot){stroke:currentColor;stroke-width:1.4px;vector-effect:non-scaling-stroke}.how__art .dash{stroke-dasharray:.012 .018;stroke:var(--color-text-subtle)!important}.how__art .dot{fill:var(--color-accent)}.how__art .dot--light{fill:var(--color-surface-raised);stroke:var(--color-accent);stroke-width:1.4px;vector-effect:non-scaling-stroke}html:not(.no-js) .how__card .how__art svg :is(circle,rect,path,line):not(.dot):not(.dash){stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 1.6s var(--ease-in-out)}html:not(.no-js) .how__card.in .how__art svg :is(circle,rect,path,line):not(.dot):not(.dash){stroke-dashoffset:0}html:not(.no-js) .how__card .how__art :is(.dot,.dash){opacity:0;transition:opacity .6s var(--ease-out) .9s}html:not(.no-js) .how__card.in .how__art :is(.dot,.dash){opacity:1}.how__body{flex-direction:column;gap:10px;display:flex}.how__num{font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-accent-text)}.how__name{letter-spacing:-.03em;font-size:clamp(26px,2.2vw,34px)}.how__dash{background:var(--color-inverse-bg);width:24px;height:1.5px;margin:10px 0 6px}.how__desc{font-size:var(--text-base);color:var(--color-text-muted);max-width:32ch;line-height:1.55}.how__controls{padding-right:var(--gutter);justify-content:space-between;align-items:center;display:flex}.how__arrows{gap:8px;display:flex}.how__arrow{border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background:var(--color-surface-raised);width:48px;height:48px;font-size:var(--text-md);cursor:pointer;transition:background .25s,color .25s,border-color .25s,opacity .25s}.how__arrow:hover:not(:disabled){background:var(--color-inverse-bg);color:var(--color-on-inverse);border-color:var(--color-text)}.how__arrow:disabled{opacity:.35;cursor:default}.how__dots{gap:8px;display:flex}.how__dots span{background:var(--color-divider);width:40px;height:2px;transition:background .3s, width .3s var(--ease-out)}.how__dots span.is-on{background:var(--color-inverse-bg);width:56px}@media (width<=900px){.how__grid{grid-template-columns:1fr}.how__note{margin-top:0;padding-top:0}.how__rail{margin-left:calc(-1 * var(--gutter))}.how__track{padding-left:var(--gutter);scroll-padding-left:var(--gutter);grid-auto-columns:min(78vw,340px)}.how__controls{padding-left:var(--gutter)}.how__card{min-height:380px}}@media (prefers-reduced-motion:reduce){.how__card,.how__art,html:not(.no-js) .how__card .how__art svg *{transition:none!important}}.loader{display:none}.intro .loader{z-index:var(--z-loader);background:var(--color-inverse-bg);animation:loader-out .75s var(--ease-in-out) 1.25s forwards;place-items:center;display:grid;position:fixed;inset:0}.loader__mark{grid-template-columns:repeat(11,1fr);gap:5px;width:min(46vw,220px);display:grid}.loader__mark span{aspect-ratio:1;border-radius:1px}.loader__mark span.on{background:var(--color-surface-raised);opacity:0;animation:loader-block .45s var(--ease-out) forwards;animation-delay:calc(80ms + var(--i) * 9ms);transform:translateY(14px)scale(.4)}.loader__mark span.b{background:var(--color-accent)}@keyframes loader-block{to{opacity:1;transform:none}}@keyframes loader-out{to{clip-path:inset(0 0 100%);visibility:hidden}}.intro .loader{clip-path:inset(0)}.header{transition:background .4s,box-shadow .4s}.img-reveal{clip-path:inset(0);transition:clip-path 1.1s var(--ease-in-out)}.img-reveal>*{transition:scale 1.4s var(--ease-out)}html:not(.no-js) .img-reveal:not(.in){clip-path:inset(100% 0 0)}html:not(.no-js) .img-reveal:not(.in)>*{scale:1.18}.card__media{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s var(--ease-out), clip-path 1.1s var(--ease-in-out)}@media (prefers-reduced-motion:reduce){.stack__card,body,.statement .w{transition:none!important}}.cs-page .wrap{max-width:calc(var(--media-max-width) + 2 * var(--gutter));margin-inline:auto}.cb-media,.cb-row,.cb-compare,.cs-cover{max-width:var(--media-max-width)}.cb-compare{box-sizing:content-box}.cb-media__inner{width:fit-content;max-width:100%;margin-inline:auto}.cb-media__inner>.cb-caption,.cb-row figure>.cb-caption{contain:inline-size}.cb-media__inner--ph{width:100%}.cb-image--half .cb-media__inner{max-width:min(100%,720px)}.cb-media__inner .cb-image__frame{width:fit-content;max-width:100%}.cb-media__inner .cb-image__frame img,.cb-row__frame img{max-width:100%;max-height:var(--media-max-height);display:block;width:auto!important;height:auto!important}.cb-row figure{justify-self:center;width:fit-content;max-width:100%}.cb-row figure.cb-row__ph{width:100%}.cb-row__frame{width:fit-content;max-width:100%}.cb-row--devices{column-gap:clamp(20px,4vw,64px);max-width:min(100%,1080px);margin-inline:auto}.cb-carousel{max-width:var(--media-max-width)}.cb-carousel__track{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;cursor:grab;grid-auto-columns:clamp(200px,19vw,260px);grid-auto-flow:column;gap:clamp(24px,3.2vw,56px);padding-bottom:4px;display:grid;overflow-x:auto}.cb-carousel__track::-webkit-scrollbar{display:none}.cb-carousel__track.is-dragging{cursor:grabbing;scroll-snap-type:none}.cb-carousel__track.is-dragging *{pointer-events:none;user-select:none}.cb-carousel__track:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.cb-carousel__track figure{scroll-snap-align:start;margin:0}.cb-carousel .cb-row__frame{width:100%}.cb-carousel .cb-row__frame img{max-height:none;width:100%!important}.cb-carousel__nav{align-items:center;gap:10px;margin-top:clamp(20px,2.4vw,32px);display:flex}.cb-carousel__count{font-size:var(--text-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums;margin-left:8px}@media (width<=800px){.cb-carousel__track{grid-auto-columns:62vw}}.insta{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.insta>li,.insta>span{aspect-ratio:4/5;border-radius:var(--radius-sm);display:block;overflow:hidden}.insta a{height:100%;display:block}.insta img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-out)}.insta a:hover img{transform:scale(1.04)}@media (width<=900px){.insta{grid-template-columns:repeat(3,minmax(0,1fr))}}
