.work-page.v2{--v2-h:var(--body)}.work-page.v2 h1,.work-page.v2 h2{font-family:var(--v2-h);letter-spacing:-.035em;font-weight:600}.work-page.v2 .label{font:500 13px/1.2 var(--body);letter-spacing:0;text-transform:none;color:var(--muted)}.v2 .whero h1{max-width:15ch;font-size:clamp(40px,5.6vw,84px);line-height:1.02}.v2 .whero h1 em{color:var(--warm);font-style:normal}.v2 .whero p{color:var(--muted);max-width:54ch;font-size:clamp(17px,1.4vw,20px)}.v2 .whero{min-height:92svh}.v2 .whero h1{letter-spacing:-.04em;font-weight:600}.v2 .whero-cue{font:500 13px/1 var(--body);letter-spacing:0;text-transform:none;margin-top:48px;position:static}.v2 .wstage{grid-template-rows:auto minmax(0,1fr);row-gap:28px;padding-top:76px}.v2-index{z-index:3;grid-column:1/-1;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid;position:relative}.v2-index button{text-align:left;cursor:pointer;color:var(--faint);font:500 13px/1.2 var(--body);transition:color .25s var(--ease);background:0 0;border:0;gap:10px;padding:10px 0 0;display:grid}.v2-index button span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.v2-index button[aria-current=true]{color:var(--fg)}@media (hover:hover){.v2-index button:not([aria-current=true]):hover{color:var(--muted)}}.v2-index i{background:#ffffff1a;border-radius:2px;order:-1;height:2px;display:block;overflow:hidden}.v2-index b{background:var(--c);transform-origin:0;height:100%;transition:transform .2s linear;display:block}.v2copy{align-self:center;gap:0;max-width:480px;padding-bottom:24px}.v2copy>*{animation:rise .5s var(--ease) both}.v2-cat{font:500 13px/1 var(--body);color:var(--muted);align-items:center;gap:8px;margin-bottom:14px;display:inline-flex}.v2-cat:before{content:"";background:var(--g);border-radius:50%;width:7px;height:7px}.v2copy h2{margin:0 0 14px;font-size:clamp(48px,5.2vw,80px);line-height:.98}.v2-tag{color:#dfe6e3;text-wrap:pretty;max-width:30ch;margin-bottom:28px;font-size:clamp(18px,1.45vw,21px);line-height:1.4}.v2-stats{gap:clamp(24px,3vw,44px);margin-bottom:28px;display:flex}.v2-stats div{gap:4px;display:grid}.v2-stats b{font:600 clamp(28px, 2.4vw, 36px)/1 var(--body);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.v2-stats span{font:400 13px/1.3 var(--body);color:var(--muted);max-width:16ch}.v2-story{border-top:1px solid var(--line);margin:0 0 28px;padding:0;list-style:none;display:grid}.v2-story li{border-bottom:1px solid var(--line);grid-template-columns:104px minmax(0,1fr);gap:16px;padding:12px 0;display:grid}.v2-story li span{font:500 13px/1.5 var(--body);color:var(--faint)}.v2-story li p{color:var(--muted);font-size:14.5px;line-height:1.5}.v2copy .ph{color:var(--faint);font-style:normal}.v2 .mmap-cap{font:500 12px/1 var(--body);letter-spacing:0;text-transform:none}.v2 .wend h2{font-size:clamp(36px,4.6vw,64px)}@media (min-width:701px) and (max-width:1000px){.v2-index{grid-template-columns:repeat(6,minmax(0,1fr))}.v2-index button span{font-size:12px}.v2copy h2{font-size:clamp(40px,6vw,56px)}}@media (max-width:700px){.v2 .wstage{grid-template-rows:auto auto minmax(0,1fr);row-gap:14px;padding-top:64px}.v2-index{gap:6px}.v2-index button{gap:0;padding-top:0}.v2-index button span{display:none}.v2copy h2{margin-bottom:6px;font-size:36px}.v2-cat{margin-bottom:8px;font-size:12px}.v2-tag{margin-bottom:12px;font-size:15px}.v2-stats{gap:22px;margin-bottom:12px}.v2-stats b{font-size:22px}.v2-stats span{font-size:11.5px}.v2-story{display:none}.v2copy{padding-bottom:0}.v2copy .act{display:none}}@media (min-width:701px) and (max-height:820px){.v2 .wstage{row-gap:18px;padding-top:68px}.v2copy h2{margin-bottom:8px;font-size:clamp(44px,4.4vw,60px)}.v2-cat{margin-bottom:10px}.v2-tag{margin-bottom:18px;font-size:17px}.v2-stats{margin-bottom:18px}.v2-stats b{font-size:28px}.v2-story{margin-bottom:18px}.v2-story li{padding:8px 0}.v2-story li p{font-size:13.5px}}.wmore{padding:120px var(--gutter) 40px}.wmore-h{gap:12px;margin-bottom:36px;display:grid}.wmore-h h2{font:600 clamp(30px, 3.4vw, 46px)/1.05 var(--body);letter-spacing:-.035em;max-width:20ch;margin:0}.wmore-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:18px;display:grid;position:relative}.wmore-tile{all:unset;box-sizing:border-box;cursor:pointer;border:1px solid var(--line);transition:transform .35s var(--ease), border-color .3s, background .3s;background:#ffffff06;border-radius:20px;grid-template-rows:auto 1fr;display:grid;overflow:hidden}.wmore-tile:focus-visible{outline:1.5px solid var(--fg);outline-offset:3px}@media (hover:hover){.wmore-tile:hover{border-color:color-mix(in srgb, var(--c) 45%, var(--line));background:#ffffff0a;transform:translateY(-4px)}.wmore-tile:hover .wmore-shot>*{transform:scale(1.025)}.wmore-tile:hover .wmore-open i{transform:rotate(90deg)}}.wmore-shot{background:radial-gradient(70% 90% at 50% 0%, color-mix(in srgb, var(--c) 20%, transparent), transparent 70%);pointer-events:none;height:280px;padding:20px 20px 0;display:block;position:relative;overflow:hidden;-webkit-mask:linear-gradient(#000 70%,#0000);mask:linear-gradient(#000 70%,#0000)}.wmore-shot>*{max-width:520px;transition:transform .5s var(--ease);transform-origin:50% 0;margin:0 auto;display:block}.wmore-copy{align-content:start;gap:8px;padding:18px 24px 22px;display:grid}.wmore-name{font:600 22px/1.1 var(--body);letter-spacing:-.02em;color:var(--fg);align-items:center;gap:10px;display:flex}.wmore-name:before{content:"";background:var(--c);border-radius:50%;width:8px;height:8px}.wmore-line{color:#dfe6e3;font-size:15px}.wmore-stat{color:var(--muted);align-items:baseline;gap:8px;font-size:13px;display:flex}.wmore-stat b{font:600 22px/1 var(--body);letter-spacing:-.02em;color:var(--fg);font-variant-numeric:tabular-nums}.wmore-open{font:500 14px/1 var(--body);color:var(--fg);justify-self:start;align-items:center;gap:8px;margin-top:6px;display:inline-flex}.wmore-open i{border:1px solid var(--line2,#fff3);width:22px;height:22px;transition:transform .35s var(--ease);border-radius:50%;place-items:center;font-style:normal;display:grid}.wmore-open-panel{background:radial-gradient(60% 70% at 75% 30%, color-mix(in srgb, var(--c) 12%, transparent), transparent 70%), #ffffff06;border:1px solid var(--line);border-radius:22px;grid-column:1/-1;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:40px;min-height:min(820px,92svh);padding:48px 48px 0;scroll-margin-top:88px;display:grid;position:relative;overflow:hidden}.wmore-open-panel[data-from]{animation:.65s cubic-bezier(.22,1,.36,1) both wmore-grow}@keyframes wmore-grow{0%{clip-path:inset(var(--ft) var(--fr) var(--fb) var(--fl) round 20px)}to{clip-path:inset(0 round 22px)}}.wmore-open-panel>.v2copy,.wmore-open-panel>.wmore-vis{animation:rise .6s var(--ease) .25s both}.wmore-close{z-index:3;border:1px solid var(--line);width:40px;height:40px;color:var(--fg);cursor:pointer;background:#0a0e0d99;border-radius:50%;font-size:22px;line-height:1;transition:background .2s,transform .2s;position:absolute;top:18px;right:18px}@media (hover:hover){.wmore-close:hover{background:#ffffff14;transform:rotate(90deg)}}.wmore-vis{justify-content:flex-start;align-self:stretch;padding-top:10px}.wmore-stage{flex:1;width:100%;max-width:640px;min-height:0;-webkit-mask:linear-gradient(#000 82%,#0000);mask:linear-gradient(#000 82%,#0000)}.wmore-rest{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px;margin-top:18px;display:grid}.wmore-tile[data-small] .wmore-shot{height:180px}@media (max-width:900px){.wmore{padding-top:80px}.wmore-open-panel{grid-template-columns:minmax(0,1fr);gap:24px;min-height:0;padding:56px 20px 0}.wmore-open-panel .v2-story{display:grid}.wmore-open-panel .v2copy .act{display:flex}.wmore-stage{max-width:360px;height:520px;margin:0 auto}.wmore-open-panel .mmap{opacity:1;width:100%;height:200px;position:relative;top:auto;right:auto}.wmore-open-panel .mmap-cap{display:flex}.wmore-shot{height:240px}}.wmore-soon{cursor:default;--c:#6b7773;background:0 0;border-style:dashed;border-color:#ffffff24}.wmore-soon:hover{transform:none!important}.wmore-soon .wmore-shot{background:0 0;align-content:center;gap:14px;padding:0 48px;display:grid;-webkit-mask:none;mask:none}.wmore-soon .wmore-shot i{background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d) 0 0/200% 100%;border-radius:6px;height:10px;animation:2.4s linear infinite soon;display:block}.wmore-soon .wmore-shot i:first-child{width:46%}.wmore-soon .wmore-shot i:nth-child(2){width:78%}.wmore-soon .wmore-shot i:nth-child(3){width:62%}.wmore-soon .wmore-name{color:var(--muted)}.wmore-soon .wmore-stat b{color:var(--faint)}@keyframes soon{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.wmore-soon .wmore-shot i{animation:none}}.whero-short,.wmore-open-m{display:none}.wkr{box-sizing:border-box;width:100%;max-width:calc(640px + 2 * var(--gutter,20px));padding:24px var(--gutter,20px) 140px;margin:0 auto}@media (max-width:760px),(pointer:coarse) and (max-height:500px){.whero-label,.whero-long{display:none}.whero-short{display:inline}.v2 .whero h1{font-size:clamp(32px,10.2vw,44px)}.v2 .whero{padding-top:calc(64px + min(250px,30svh))}.v2 .whero p{font-size:16.5px}.mwork{padding:0 20px}.mprod{padding:48px 0 8px;scroll-margin-top:56px}.mprod+.mprod{border-top:1px solid var(--line)}.mprod-cat{color:var(--muted);align-items:center;gap:7px;font-size:13px;display:flex}.mprod-cat i{background:var(--c);border-radius:50%;width:6px;height:6px}.mprod h2{font:600 34px/1.05 var(--body);letter-spacing:-.03em;color:var(--fg);margin:6px 0 4px}.mprod-tag{color:#c9d3d0;margin:0 0 14px;font-size:16px;line-height:1.5}.mprod-stats{gap:26px;margin-bottom:16px;display:flex}.mprod-stats b{font:600 24px/1.1 var(--body);letter-spacing:-.02em;color:var(--fg);display:block}.mprod-stats span{color:var(--muted);font-size:12.5px}.mprod-more{all:unset;box-sizing:border-box;cursor:pointer;min-height:40px;font:500 14.5px/1 var(--body);color:var(--fg);border-radius:99px;align-items:center;gap:8px;padding:0 14px 0 12px;transition:background .2s,transform .2s;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff29}.mprod-more i{background:var(--c);border-radius:50%;width:7px;height:7px}.mprod-more svg{opacity:.7}.mprod-more:active{background:#ffffff0f;transform:scale(.97)}.mprod-more:focus-visible{outline:1.5px solid var(--fg);outline-offset:3px}.mprod-shot{margin:22px -4px 0;position:relative}.mprod-shot:before{content:"";background:radial-gradient(60% 55% at 50% 40%, color-mix(in srgb, var(--c) 28%, transparent), transparent 70%);pointer-events:none;position:absolute;inset:8% -16px 0}.mprod-scene{aspect-ratio:360/540;width:min(100%,358px);margin:0 auto;position:relative;-webkit-mask:linear-gradient(#000 80%,#0000);mask:linear-gradient(#000 80%,#0000)}.wmore{border-top:1px solid var(--line);padding:64px 20px 8px}.wmore-h{margin-bottom:22px}.wmore-open-d{display:none}.wmore-open-m{display:inline}.wmore-tile:active{transform:scale(.985)}.wmore-soon{border-radius:14px;grid-template-rows:auto}.wmore-soon .wmore-shot{display:none}.wmore-soon .wmore-copy{flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:14px 16px;display:flex}.wmore-soon .wmore-name{font-size:15px}.wmore-soon .wmore-line{color:var(--muted);font-size:14.5px}.wmore-soon .wmore-stat{display:none}.wkr{padding:40px 20px 140px}}@media (max-width:360px){.v2 .whero-cue{display:none}}@media (max-width:760px) and (max-height:699px),(pointer:coarse) and (max-height:500px){.v2 .whero{padding-top:calc(64px + 20svh)}}@media (max-width:760px) and (max-height:599px){.v2 .whero{padding-top:calc(64px + 14svh)}}@media (pointer:coarse) and (max-height:500px) and (orientation:landscape){.v2 .whero{padding-top:146px}}.v2-index i{transition:background .9s var(--ease), box-shadow .9s var(--ease);overflow:visible}.v2-index button[data-charge] i{background:var(--c);box-shadow:0 0 8px 1px var(--c), 0 0 26px 4px color-mix(in srgb, var(--c) 40%, transparent);transition:background .12s,box-shadow .12s}.v2-index button[data-charge]{color:var(--fg);transition:color .12s}.v2-index button[data-powered] i{background:color-mix(in srgb, var(--c) 30%, #ffffff1f);box-shadow:0 0 6px color-mix(in srgb, var(--c) 25%, transparent)}.v2-index button[data-powered]:not([aria-current=true]){color:var(--muted)}.v2-index button:first-child b{transition:transform .2s linear, box-shadow .8s var(--ease)}html[data-hx-dx] .v2-index button:first-child b{box-shadow:0 0 8px 2px color-mix(in srgb, var(--c) 95%, transparent), 0 0 30px 8px color-mix(in srgb, var(--c) 45%, transparent)}html[data-hx-dx][data-hx-settled] .v2-index button:first-child b{box-shadow:0 0 6px color-mix(in srgb, var(--c) 50%, transparent);transition:transform .2s linear, box-shadow 1.6s var(--ease)}.mprod-cat i{transition:box-shadow .8s var(--ease)}html[data-hx-dx] #dx .mprod-cat i{box-shadow:0 0 8px 3px #3cc7b1f2,0 0 26px 8px #3cc7b166}html[data-hx-dx][data-hx-settled] #dx .mprod-cat i{transition:box-shadow 1.6s var(--ease);box-shadow:0 0 6px 1px #3cc7b173}html[data-hx-dx] #dx .mprod-cat{color:var(--fg);transition:color .6s var(--ease)}@media (prefers-reduced-motion:reduce){.v2-index i,.v2-index button:first-child b,.mprod-cat i{transition:none}}html.snap-products{scroll-snap-type:y proximity}html.snap-products .mprod{scroll-snap-align:start;scroll-margin-top:56px}
