.morph-story{height:450svh;position:relative;background:#fff}.morph-stage{position:sticky;top:0;height:100svh;min-height:580px;overflow:hidden;isolation:isolate;background:#fff;color:#171717}.morph-top,.morph-bottom{position:absolute;left:48px;right:48px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:2}.morph-top{top:28px;font-size:11px;letter-spacing:.14em}.morph-top span:last-child{opacity:.55}.morph-layout{height:100%;display:grid;grid-template-columns:47% 53%;align-items:center;max-width:1516px;margin:auto;padding:75px 48px 110px}.morph-copy{position:relative;z-index:1;grid-area:1/1;max-width:660px}.morph-product{display:flex;align-items:center;gap:14px;margin-bottom:30px;font-size:13px;letter-spacing:.08em}.morph-product .tile{width:42px;height:42px;border-radius:12px}.morph-copy h2{font:600 clamp(42px,5.3vw,82px)/1.06 Onest;letter-spacing:-.045em;margin:0}.morph-copy p{font-size:clamp(16px,1.4vw,20px);max-width:450px;margin:28px 0 32px;opacity:.75}.morph-link{font-size:14px;display:inline-flex;gap:24px;align-items:center;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:9px}.morph-art{grid-area:1/2;width:100%;height:100%;min-width:0;position:relative}.morph-art canvas{width:100%;height:100%;display:block;pointer-events:none}.morph-bottom{bottom:30px;align-items:flex-end}.morph-nav{display:flex;gap:26px;flex-wrap:wrap}.morph-nav a{font-size:12px;text-decoration:none;opacity:.5;padding:12px 0;border-top:2px solid transparent}.morph-nav a[aria-current=true]{opacity:1;border-color:currentColor}.morph-counter{font:500 12px Onest;white-space:nowrap;opacity:.65}.morph-track{position:absolute;bottom:0;left:0;height:2px;background:currentColor;width:100%;transform:scaleX(var(--progress,0));transform-origin:left;opacity:.5}.morph-dev{position:absolute;right:20px;top:60px;z-index:5;display:flex;gap:8px}.morph-dev button{font-size:11px;padding:6px 9px;background:#fff;color:#171717}.morph-static .morph-story{height:auto}.morph-static .morph-stage{position:relative;height:auto;min-height:680px}.morph-static .morph-layout{min-height:680px}.morph-static .morph-art{height:450px}.morph-static .morph-copy{opacity:1!important;transform:none!important}.morph-static .morph-story .morph-stage~.morph-stage{border-top:1px solid #8883}.morph-static .morph-bottom{position:relative;left:auto;right:auto;margin:0 48px;padding-bottom:28px}.morph-static .morph-counter{display:none}
@media(max-width:1100px){.morph-layout{padding-left:32px;padding-right:32px}.morph-top,.morph-bottom{left:32px;right:32px}.morph-nav{gap:18px}}
@media(max-width:819px){.morph-story{height:380svh}.morph-stage{min-height:640px}.morph-layout{grid-template-columns:1fr;grid-template-rows:44% 56%;padding:48px 24px 104px;align-items:center}.morph-art{grid-area:1/1}.morph-copy{grid-area:2/1;align-self:start}.morph-copy h2{font-size:clamp(32px,8.8vw,48px)}.morph-copy p{font-size:15px;margin:16px 0 18px;max-width:440px}.morph-product{margin-bottom:14px;font-size:11px;gap:10px}.morph-product .tile{width:30px;height:30px;border-radius:8px}.morph-top,.morph-bottom{left:24px;right:24px}.morph-top{top:18px;font-size:9px}.morph-nav{gap:16px}.morph-nav a{font-size:10px}.morph-counter{display:none}.morph-static .morph-layout{display:flex;flex-direction:column;padding:50px 24px 30px;min-height:0;align-items:stretch}.morph-static .morph-art{height:280px;order:-1}.morph-static .morph-stage{min-height:0}.morph-static .morph-bottom{margin:0 24px}.morph-dev{top:38px;left:24px;right:auto;flex-wrap:wrap}}

.morph-product{gap:24px}.morph-product .tile{width:48px;height:48px}.morph-nav a{min-height:44px;display:inline-flex;align-items:center}.morph-story [hidden]{display:none!important}.morph-stage{--tile-edge:#d8d8d5}.morph-layout>*{min-width:0}.morph-top{flex-wrap:wrap}.morph-static .morph-layout{height:auto}.morph-static .morph-art{min-height:280px}
@media(max-width:819px){.morph-product .tile{width:40px;height:40px}.morph-product{gap:20px}.morph-top span:last-child{display:none}.morph-copy p{font-size:14px;line-height:1.5;margin:12px 0 18px}.morph-copy h2{font-size:36px}.morph-layout{grid-template-rows:40% 60%;padding-top:45px;padding-bottom:100px}.morph-top,.morph-bottom{left:20px;right:20px}.morph-nav{gap:18px}.morph-link{font-size:13px}}