.sbento{--sb-gap:clamp(14px,1.6vw,22px);--sb-row:clamp(330px,27vw,384px);--sb-bg:#0b0c0f;--sb-line:hsla(0,0%,100%,.075);--dv-shadow:0 1px 1px rgba(0,0,0,.3),0 4px 10px rgba(0,0,0,.28),0 18px 36px -8px rgba(0,0,0,.55),0 44px 80px -24px rgba(0,0,0,.75);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:var(--sb-row);grid-auto-flow:row dense;grid-gap:var(--sb-gap);gap:var(--sb-gap);margin-top:clamp(32px,4vw,56px)}.sb-cell{position:relative;min-width:0;display:flex}.sb-cell--hero{grid-column:span 7;grid-row:span 2}.sb-cell--side{grid-column:span 5}.sb-cell--wide{grid-column:span 7}.sb-cell--half{grid-column:span 6}.sb-cell--third{grid-column:span 4}.sb-cell--full{grid-column:span 12}.sb-tile{position:relative;isolation:isolate;display:flex;flex-direction:column;width:100%;min-height:100%;overflow:hidden;border-radius:var(--r-lg);background:radial-gradient(120% 70% at 50% 108%,hsla(0,0%,100%,.045),transparent 62%),linear-gradient(180deg,#0e0f13,var(--sb-bg) 55%);color:var(--text);transition:translate .7s var(--ease-out),box-shadow .7s var(--ease-out);-webkit-tap-highlight-color:transparent}.sb-tile:after{inset:0;z-index:5;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--sb-line),inset 0 1px 0 hsla(0,0%,100%,.05);transition:box-shadow .6s var(--ease-out)}.sb-tile:after,.sb-tile:before{content:"";position:absolute;pointer-events:none}.sb-tile:before{z-index:-1;right:-18%;top:-34%;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 22%,transparent),transparent);opacity:0;transition:opacity .8s var(--ease-out)}.sb-tile:focus-visible,.sb-tile:hover{translate:0 -4px;box-shadow:0 24px 60px -30px color-mix(in srgb,var(--accent) 45%,transparent)}.sb-tile:focus-visible:after,.sb-tile:hover:after{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 34%,hsla(0,0%,100%,.08)),inset 0 1px 0 hsla(0,0%,100%,.07)}.sb-tile:focus-visible:before,.sb-tile:hover:before{opacity:1}.sb-tile:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sb-tile__head{position:relative;z-index:3;display:grid;grid-template-columns:1fr auto;align-items:start;grid-column-gap:16px;column-gap:16px;padding:clamp(20px,2vw,28px) clamp(20px,2vw,28px) 0}.sb-tile__meta{grid-column:1;display:inline-flex;align-items:center;gap:9px;margin-bottom:12px;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.sb-tile__dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px color-mix(in srgb,var(--accent) 70%,transparent)}.sb-tile__title{grid-column:1;margin:0;font-size:clamp(1.12rem,1.35vw,1.3rem);font-weight:700;line-height:1.22;letter-spacing:-.01em;text-wrap:balance}.sb-tile__text{grid-column:1/-1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-width:62ch;margin:7px 0 0;overflow:hidden;font-size:.92rem;line-height:1.6;color:var(--muted)}.sb-tile__arrow{grid-column:2;grid-row:1/span 2;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:var(--muted);background:hsla(0,0%,100%,.04);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.09);transition:color .4s,background .5s var(--ease-out),box-shadow .5s,rotate .6s var(--ease-out)}.sb-tile:focus-visible .sb-tile__arrow,.sb-tile:hover .sb-tile__arrow{color:#0b0c0f;background:#f3f4f6;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent),0 0 26px color-mix(in srgb,var(--accent) 38%,transparent);rotate:45deg}.sb-tile--hero .sb-tile__head{padding:clamp(24px,2.6vw,36px) clamp(24px,2.6vw,36px) 0}.sb-tile--hero .sb-tile__title{font-size:clamp(1.4rem,2.1vw,1.95rem)}.sb-tile--hero .sb-tile__text{font-size:1rem}.sb-stage{position:relative;flex:1 1 auto;min-height:0;margin-top:clamp(14px,1.6vw,22px);container-type:size;overflow:hidden}.sb-stage__glow{position:absolute;left:50%;top:58%;width:120cqw;height:110cqh;translate:-50% -50%;border-radius:50%;background:radial-gradient(closest-side,rgba(225,232,255,.07),rgba(225,232,255,.025) 55%,transparent);pointer-events:none;transition:opacity .8s}.sb-stage__glow:after{content:"";position:absolute;inset:10%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 16%,transparent),transparent);opacity:0;transition:opacity .9s var(--ease-out)}.sb-tile:hover .sb-stage__glow:after{opacity:1}.sb-chip{position:absolute;z-index:4;left:clamp(14px,1.6vw,20px);bottom:clamp(14px,1.6vw,20px);max-width:calc(100% - 28px);padding:7px 12px 7px 11px;border-radius:999px;font-size:.72rem;font-weight:600;line-height:1;white-space:nowrap;color:#e9eaee;background:rgba(14,15,19,.72);-webkit-backdrop-filter:blur(12px) saturate(1.4);backdrop-filter:blur(12px) saturate(1.4);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.1),0 6px 18px rgba(0,0,0,.35)}.sb-chip,.sb-chip__k{display:inline-flex;align-items:center;gap:8px}.sb-chip__k{color:var(--faint);font-weight:500}.sb-chip__k:after{content:"";width:3px;height:3px;border-radius:50%;background:currentColor}.dv{--top:clamp(10px,4.5cqw,40px);position:absolute;transition:translate .9s var(--ease-out)}.sb-tile:focus-visible .dv,.sb-tile:hover .dv{translate:0 -6px}.dv img{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.dv-glass{position:relative;overflow:hidden;isolation:isolate}.dv-glass:after{content:"";position:absolute;inset:-2px;z-index:2;pointer-events:none;background:linear-gradient(112deg,transparent 38%,hsla(0,0%,100%,.13) 47%,transparent 56%) 0 0 /300% 100% no-repeat,linear-gradient(118deg,hsla(0,0%,100%,.06),transparent 30%);background-position:130% 0,0 0}.sb-tile:hover .dv-glass:after{background-position:-30% 0,0 0;transition:background-position 1.5s var(--ease-out)}.dv-browser{left:7cqw;top:var(--top);width:max(93cqw,calc((100cqh - var(--top)) * var(--ar)));container-type:inline-size;border-radius:clamp(8px,1.4cqw,14px) clamp(8px,1.4cqw,14px) 0 0;overflow:hidden;background:#17181c;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.08),var(--dv-shadow)}.dv-browser.is-scroll{width:99cqw;height:calc(100cqh - var(--top) + 2px)}.dv-browser__bar{position:relative;z-index:2;display:flex;align-items:center;height:clamp(20px,4.3cqw,36px);padding-inline:clamp(9px,1.9cqw,18px);background:linear-gradient(180deg,#24252a,#1c1d21);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.07),0 1px 0 rgba(0,0,0,.6)}.dv-browser__dots{display:flex;gap:clamp(4px,.75cqw,7px)}.dv-browser__dots i{width:clamp(5px,.95cqw,9px);aspect-ratio:1;border-radius:50%;background:#3b3c42;box-shadow:inset 0 .5px 0 hsla(0,0%,100%,.12)}.dv-browser__url{position:absolute;left:50%;top:50%;translate:-50% -50%;display:flex;align-items:center;justify-content:center;gap:clamp(3px,.6cqw,6px);width:clamp(90px,38cqw,380px);height:clamp(12px,2.55cqw,22px);border-radius:999px;background:hsla(0,0%,100%,.06);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.04);font-size:clamp(6.5px,1.2cqw,11.5px);font-weight:500;letter-spacing:.01em;color:#9c9da6;white-space:nowrap}.dv-browser__url svg{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.8}.dv-browser__ph{width:42%;height:.5em;border-radius:999px;background:hsla(0,0%,100%,.09)}.dv-browser__screen{aspect-ratio:var(--ar);background:#fff}.dv-browser.is-scroll .dv-browser__screen{aspect-ratio:auto;height:calc(100% - clamp(20px, 4.3cqw, 36px));container-type:size}.dv-browser.is-scroll img{height:auto;object-fit:fill;will-change:transform;animation:sb-scroll 56s cubic-bezier(.45,0,.55,1) infinite}@keyframes sb-scroll{0%,9%{transform:translateY(0)}47%,58%{transform:translateY(calc(-100% + 100cqh))}96%,to{transform:translateY(0)}}.dv-tablet{left:8cqw;top:var(--top);width:max(88cqw,calc((100cqh - var(--top)) * var(--ar) * 1.06));container-type:inline-size;padding:2.1cqw;border-radius:4.6cqw;border:max(1px,.32cqw) solid transparent;background:linear-gradient(#0b0b0d,#0b0b0d) padding-box,linear-gradient(140deg,#8c9096,#3a3c40 16%,#1f2023 46%,#2c2e31 74%,#7d8186) border-box;box-shadow:0 0 0 1px rgba(0,0,0,.7),var(--dv-shadow)}.dv-tablet.is-portrait{left:50%;right:auto;width:max(42cqw,calc((100cqh - var(--top)) * var(--ar) * 1.12));padding:3cqw;border-radius:6.4cqw;translate:-50% 0}.sb-tile:hover .dv-tablet.is-portrait{translate:-50% -6px}.dv-tablet__cam{position:absolute;left:50%;top:.75cqw;width:.75cqw;aspect-ratio:1;translate:-50% 0;border-radius:50%;background:radial-gradient(circle at 35% 35%,#3a4a5c,#08090b 65%)}.dv-tablet.is-portrait .dv-tablet__cam{top:1.1cqw;width:1.1cqw}.dv-tablet__screen{aspect-ratio:var(--ar);border-radius:2.6cqw;background:#fff}.dv-tablet.is-portrait .dv-tablet__screen{border-radius:3.6cqw}.dv-phone{left:50%;top:var(--top);width:min(56cqw,max(34cqw,calc((100cqh - var(--top)) * .82)));aspect-ratio:.488;translate:-50% 0;container-type:inline-size;padding:3.6cqw;border-radius:16cqw;border:max(1px,1cqw) solid transparent;background:linear-gradient(#0a0a0b,#0a0a0b) padding-box,linear-gradient(150deg,#9a9ea4,#3b3d41 18%,#232427 50%,#34363a 78%,#8a8e94) border-box;box-shadow:0 0 0 1px rgba(0,0,0,.75),var(--dv-shadow)}.sb-tile:hover .dv-phone{translate:-50% -8px}.dv-phone:after,.dv-phone:before{content:"";position:absolute;width:1.1cqw;border-radius:1cqw;background:linear-gradient(90deg,#4a4c50,#26272a)}.dv-phone:before{left:-2cqw;top:22%;height:9%;box-shadow:0 calc(12% * 4.5) 0 #2f3033}.dv-phone:after{right:-2cqw;top:27%;height:14%}.dv-phone__screen{display:flex;flex-direction:column;height:100%;border-radius:12.4cqw;background:#000}.dv-phone__screen img{flex:none;height:auto}.dv-phone__status{flex:none;display:flex;align-items:center;justify-content:space-between;height:13.5cqw;padding:1.2cqw 8.5cqw 0 10.5cqw;font-size:4.3cqw;font-weight:600;letter-spacing:.01em;color:#fff}.dv-phone__icons{display:flex;align-items:center;gap:1.6cqw}.dv-phone__icons i:first-child{width:5.2cqw;height:3.2cqw;background:linear-gradient(90deg,#fff 0 18%,transparent 18% 27%,#fff 27% 45%,transparent 45% 54%,#fff 54% 72%,transparent 72% 82%,hsla(0,0%,100%,.4) 82%);-webkit-clip-path:polygon(0 75%,18% 75%,18% 55%,27% 55%,27% 38%,45% 38%,45% 20%,54% 20%,54% 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 75%,18% 75%,18% 55%,27% 55%,27% 38%,45% 38%,45% 20%,54% 20%,54% 0,100% 0,100% 100%,0 100%)}.dv-phone__icons i:last-child{position:relative;width:7cqw;height:3.4cqw;border-radius:1cqw;box-shadow:inset 0 0 0 .45cqw hsla(0,0%,100%,.45);background:linear-gradient(90deg,#fff 0 72%,transparent 72%) .9cqw 50% /calc(100% - 1.8cqw) calc(100% - 1.8cqw) no-repeat}.dv-phone__island{position:absolute;z-index:3;left:50%;top:2.8cqw;width:29cqw;height:8.4cqw;translate:-50% 0;border-radius:999px;background:#000;box-shadow:0 0 0 .6px hsla(0,0%,100%,.05)}.dv-photo{left:6cqw;right:6cqw;top:var(--top);bottom:-24px;overflow:hidden;border-radius:clamp(12px,2cqw,20px);background:#15161a;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.06),var(--dv-shadow)}.dv-photo img{animation:sb-zoom 26s ease-in-out infinite alternate;transform-origin:50% 40%}@keyframes sb-zoom{0%{transform:scale(1)}to{transform:scale(1.07)}}.dv-book{--edge:#cfccc4;left:50%;top:50%;width:min(86cqw,calc(108cqh * var(--ar) * 2));translate:-50% -42%;perspective:2200px}.sb-tile:hover .dv-book{translate:-50% calc(-42% - 6px)}.dv-book:before{content:"";position:absolute;left:2%;right:2%;bottom:-7%;height:26%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.75),rgba(0,0,0,.3) 55%,transparent);filter:blur(6px)}.dv-book__spread{position:relative;display:flex;transform-style:preserve-3d;transform:rotateX(16deg) rotate(-2.5deg);transform-origin:50% 70%}.dv-book__page{position:relative;width:50%;aspect-ratio:var(--ar);overflow:hidden;background:#f4f2ee}.dv-book__page.is-left{border-radius:3px 0 0 3px;transform-origin:100% 50%;transform:rotateY(7deg);box-shadow:-1px 1px 0 var(--edge),-2px 2px 0 color-mix(in srgb,var(--edge) 80%,#000),-3px 3px 0 color-mix(in srgb,var(--edge) 65%,#000),-18px 26px 40px -14px rgba(0,0,0,.6)}.dv-book__page.is-right{border-radius:0 3px 3px 0;transform-origin:0 50%;transform:rotateY(-7deg);box-shadow:1px 1px 0 var(--edge),2px 2px 0 color-mix(in srgb,var(--edge) 80%,#000),3px 3px 0 color-mix(in srgb,var(--edge) 65%,#000),18px 26px 40px -14px rgba(0,0,0,.6)}.dv-book__page:after{content:"";position:absolute;inset:0;pointer-events:none}.dv-book__page.is-left:after{background:linear-gradient(270deg,rgba(0,0,0,.34),rgba(0,0,0,.1) 5%,transparent 16%),linear-gradient(100deg,hsla(0,0%,100%,.1),transparent 40%)}.dv-book__page.is-right:after{background:linear-gradient(90deg,rgba(0,0,0,.4),rgba(0,0,0,.12) 4%,transparent 15%),linear-gradient(90deg,transparent 1.2%,hsla(0,0%,100%,.16) 2.2%,transparent 5%),linear-gradient(260deg,hsla(0,0%,100%,.08),transparent 40%)}.dv-book.is-landscape{--edge:#8a8780;width:min(135cqw,max(102cqw,calc(48cqh * var(--ar) * 2)));translate:-46% -52%;perspective:1500px}.sb-tile:hover .dv-book.is-landscape{translate:-46% calc(-52% - 6px)}.dv-book.is-landscape .dv-book__spread{transform:rotateX(42deg) rotate(-11deg);transform-origin:50% 50%}.dv-print{inset:0;transform:perspective(1800px) rotateX(22deg);transform-origin:50% 70%;--h:min(calc(70cqh + 7cqw),calc(44cqw / var(--ar)));--w:calc(var(--h) * var(--ar))}.dv-print__card,.dv-print__sheet{position:absolute;overflow:hidden;transition:translate .9s var(--ease-out)}.dv-print__sheet{top:4cqh;width:var(--w);height:var(--h);border-radius:2px;background:#222;box-shadow:0 0 0 .5px hsla(0,0%,100%,.12),1px 1px 0 rgba(0,0,0,.35),var(--dv-shadow)}.dv-print__sheet.is-back{left:calc(46cqw - var(--w) * .92);top:9cqh;rotate:-8deg}.dv-print__sheet.is-front{left:calc(54cqw - var(--w) * .08);rotate:6deg}.dv-print.is-single .dv-print__sheet.is-front{left:calc(50cqw - var(--w) / 2);rotate:3deg}.dv-print__card{--cw:min(calc(var(--h) * 0.54),36cqw);left:calc(52cqw - var(--cw) * .4);top:calc(4cqh + var(--h) * .6);width:var(--cw);aspect-ratio:var(--car);border-radius:max(3px,calc(var(--cw) * .025));rotate:-5deg;background:#1c2620;box-shadow:0 0 0 .5px hsla(0,0%,100%,.14),inset 0 1px 0 hsla(0,0%,100%,.06),0 2px 3px rgba(0,0,0,.45),0 14px 28px -6px rgba(0,0,0,.65),0 32px 50px -20px rgba(0,0,0,.7)}.dv-print__card.is-under{translate:7% 12%;rotate:4deg}.dv-print__card:after,.dv-print__sheet:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(128deg,hsla(0,0%,100%,.16),transparent 34%,transparent 70%,rgba(0,0,0,.12))}.sb-tile:hover .dv-print{translate:none}.sb-tile:hover .dv-print__sheet.is-back{translate:-1.5% -2%}.sb-tile:hover .dv-print__sheet.is-front{translate:1.5% -3%}.sb-tile:hover .dv-print__card:not(.is-under){translate:0 -5%}.dv-video{--vh:min(64cqh,calc(84cqw * 9 / 16));left:max(7cqw,calc(50cqw - var(--vh) * 8 / 9));top:max(var(--top),calc((100cqh - var(--vh)) * .4));width:calc(var(--vh) * 16 / 9);container-type:inline-size}.sb-tile--full .dv-video,.sb-tile--hero .dv-video{--vh:76cqh}.dv-video__frame{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:clamp(8px,1.6cqw,16px);background:#000;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.08),var(--dv-shadow)}.dv-video__frame>img{animation:sb-zoom 30s ease-in-out infinite alternate}.dv-video__frame:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.55));pointer-events:none}.dv-video__ui{position:absolute;z-index:2;left:3.2cqw;right:3.2cqw;bottom:3cqw;display:flex;align-items:center;gap:2.2cqw;color:#fff}.dv-video__play{flex:none;display:grid;place-items:center;width:clamp(22px,6.4cqw,52px);aspect-ratio:1;border-radius:50%;background:hsla(0,0%,100%,.16);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.22)}.dv-video__play svg{width:42%;height:42%;margin-left:8%;fill:#fff}.dv-video__time{flex:none;font-size:clamp(8px,1.9cqw,13px);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.02em;opacity:.9}.dv-video__track{position:relative;flex:1 1;height:max(2px,.45cqw);border-radius:99px;overflow:hidden;background:hsla(0,0%,100%,.24)}.dv-video__track i{position:absolute;inset:0;border-radius:inherit;background:#fff;transform-origin:0 50%;transform:scaleX(.36);animation:sb-progress 40s linear infinite}@keyframes sb-progress{0%{transform:scaleX(.04)}to{transform:scaleX(1)}}.sb-tile--full{flex-direction:row}.sb-tile--full .sb-tile__head{flex:0 0 34%;align-content:center;padding-bottom:clamp(24px,2.6vw,36px)}.sb-tile--full .sb-tile__text{white-space:normal}.sb-tile--full .sb-stage{margin-top:0}.sb-tile[data-play="0"] *,.sb-tile[data-play="0"] :after,.sb-tile[data-play="0"] :before{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.sbento .dv,.sbento .dv *,.sbento .sb-tile{animation:none!important;transition-duration:.01ms!important}.sb-tile:hover .dv-glass:after{background-position:130% 0,0 0}}@media (max-width:900px){.sbento{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;grid-auto-flow:row}.sbento>.sb-cell{grid-column:span 1;grid-row:auto}.sbento>.sb-cell--m2{grid-column:span 2}.sb-stage{flex:none;aspect-ratio:4/3}.sb-tile--hero .sb-stage{aspect-ratio:1.12}.sb-cell--m2:not(.sb-cell--hero) .sb-stage{aspect-ratio:2}.sb-tile--full{flex-direction:column}.sb-tile--full .sb-tile__head{flex:none;padding-bottom:0}.sb-tile--full .sb-stage{margin-top:clamp(14px,1.6vw,22px)}}@media (max-width:640px){.sbento{grid-template-columns:minmax(0,1fr)}.sbento>.sb-cell,.sbento>.sb-cell--m2{grid-column:1/-1}.sb-stage,.sb-tile--hero .sb-stage{aspect-ratio:1.18}.sb-tile__arrow{width:36px;height:36px}}