.bento-wrap .tiles-grp{container-type:inline-size}.bento{list-style:none;margin:0;padding:0;display:grid;gap:var(--k-gap);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(210px,auto);grid-auto-flow:row}@container (min-width:760px){.bento{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(clamp(220px,20cqi,290px),auto)}}.bt--w,.bt--l{grid-column:span 2}.bt--l,.bt--t{grid-row:span 2}.bt{position:relative;container-type:inline-size;display:flex;flex-direction:column;justify-content:flex-end;border-radius:var(--k-r2);overflow:hidden;isolation:isolate;background:var(--k-card);border:1px solid var(--k-line);color:var(--k-text)}.bt__body{position:relative;z-index:1;display:grid;gap:8px;padding:clamp(16px,6cqi,30px)}.bt__title{margin:0;font-size:min(var(--s-2),7.5cqi);font-weight:var(--k-w-h);line-height:1.05;letter-spacing:-.015em;color:var(--k-ink);hyphens:manual;overflow-wrap:normal;text-wrap:balance;font-family:var(--k-font-head)}.bt--l .bt__title{font-size:min(var(--s-3),7cqi)}.bt__text{margin:0;font-size:var(--s-n1);line-height:1.45;hyphens:auto;max-width:40ch}.bt--l .bt__text{font-size:var(--s-0)}.bt__link{color:inherit;text-decoration:none}.bt__link::after{content:"";position:absolute;inset:0;z-index:2}.bt__link:focus-visible{outline:none}.bt:focus-within{outline:3px solid var(--k-focus);outline-offset:3px}.bt .loopv__btn{z-index:3;top:12px;bottom:auto}.bt--image{background:#14171F;border-color:transparent;color:#E8E4DE}.bt--image .bt__title{color:#fff}.bt__media{position:absolute;inset:0}.bt__media picture,.bt__img,.bt__img img,.bt__media .loopv{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.bt--image .bt__body{padding-top:clamp(56px,28cqi,140px);background:linear-gradient(to top,rgba(14,17,26,.95) 0%,rgba(14,17,26,.85) 58%,rgba(14,17,26,0))}@media (hover:hover){.bt--image:hover :is(.bt__img,.loopv),.bt--image:focus-within :is(.bt__img,.loopv){transform:scale(1.04)}}.bt--text{justify-content:space-between}.bt__stat{margin:0 0 auto;font-size:min(var(--s-6),17cqi);font-weight:var(--k-w-display);line-height:.95;letter-spacing:-.03em;color:var(--k-ink);hyphens:manual;font-family:var(--k-font-head)}.bt__stat strong{font-weight:var(--k-w-em)}.bt--text .bt__body{height:100%;align-content:end}.bt--text .bt__body>.bt__stat{align-self:start}.bt--icon{justify-content:space-between}.bt__icon{position:relative;flex:none;margin:clamp(16px,6cqi,30px) 0 0 clamp(16px,6cqi,30px);display:grid;place-items:center;width:clamp(44px,18cqi,64px);aspect-ratio:1;border-radius:50%;background:var(--k-surface);color:var(--k-ink)}.bt__icon svg{width:50%;height:50%}.bt__icon::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid var(--k-accent);opacity:.35}.bt--ui{justify-content:space-between}.bt__visual{flex:1;display:grid;place-items:center;padding:clamp(16px,6cqi,32px) clamp(16px,6cqi,32px) 0;min-height:120px}.ui:where(.ui--editor,.ui--ai,.ui--cloud){position:relative;width:min(100%,440px);aspect-ratio:16/10;border-radius:12px;background:var(--i-card);box-shadow:0 24px 40px -24px rgba(0,0,0,.6);overflow:hidden;display:flex;flex-direction:column;gap:7px;padding-bottom:12px}:where(.ui--editor,.ui--ai,.ui--cloud) :is(i,b,u,span){display:block}:where(.ui--editor,.ui--ai,.ui--cloud)>.ui__bar{flex:none;height:16px;display:flex;gap:5px;align-items:center;padding:0 8px;background:var(--i-bar)}:where(.ui--editor,.ui--ai,.ui--cloud)>.ui__bar i{width:7px;height:7px;border-radius:50%;background:var(--i-dot)}.ui__h{height:12%;width:58%;margin:6px 12px 0;border-radius:3px;background:var(--i-ink)}.ui__p{height:5%;width:82%;margin:0 12px;border-radius:3px;background:var(--i-line)}.ui__p--s{width:52%}.ui__blk{position:relative;flex:1;margin:4px 38px 0 12px;border:2px dashed #581D47;border-radius:6px}.ui__blk i{position:absolute;inset:16% 22%;border-radius:4px;background:linear-gradient(135deg,var(--i-accent),#581D47)}.ui__tool{position:absolute;right:8px;top:42%;display:grid;gap:4px;padding:5px;border-radius:6px;background:var(--i-ink)}.ui__tool i{width:10px;height:10px;border-radius:2px;background:#EDE9E3}.ui--ai{background:#161A24}.ui__grid{position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(226,179,212,.55) 1.1px,transparent 1.6px);background-size:13px 13px;-webkit-mask-image:radial-gradient(ellipse at 28% 38%,#000,transparent 72%);mask-image:radial-gradient(ellipse at 28% 38%,#000,transparent 72%)}.ui__word{position:absolute;left:9%;top:10%;font:var(--k-w-display) clamp(2.4rem,15cqi,5.2rem)/1 var(--k-font);letter-spacing:-.04em;color:#F3EFE9}.ui__sug{position:absolute;right:7%;bottom:10%;width:54%;display:grid;gap:5px;padding:9px;border-radius:8px;background:var(--i-card)}.ui__sug i{height:6px;border-radius:3px;background:var(--i-line)}.ui__sug i+i{width:70%}.ui__sug b{justify-self:end;margin-top:3px;padding:3px 7px;border-radius:5px;background:var(--i-accent);color:var(--i-paper);font:700 .6rem/1.2 var(--k-font)}.kin-on .ui__sug{animation:ui-float 2.4s ease-in-out 2 alternate}@keyframes ui-float{to{translate:0 -6px}}.ui__row{flex:1;display:flex;align-items:center;gap:8px;margin:0 12px;border-bottom:1px solid var(--i-bar)}.ui__row b{width:13%;height:55%;border-radius:3px 6px 3px 3px;background:var(--i-accent)}.ui__row:nth-child(3) b{background:#581D47}.ui__row i{flex:1;height:22%;border-radius:3px;background:var(--i-line)}.ui__row u{width:14%;height:22%;border-radius:3px;background:var(--i-bar)}@container (max-width:300px){.bt__visual{min-height:90px}.ui:where(.ui--editor,.ui--ai,.ui--cloud){aspect-ratio:4/3}}.bt--c-marine{--bt-bg:#314164;--bt-ink:#FFF;--bt-text:#DCE0E9;--bt-line:rgba(220,224,233,.24);--bt-edge:transparent;--bt-surface:#415378;--bt-accent:#F0C9E4;--bt-focus:#F0C9E4}.bt--c-linen{--bt-bg:#F8F6F2;--bt-ink:#232322;--bt-text:#403F3E;--bt-line:#D0CBC2;--bt-edge:#D0CBC2;--bt-surface:#E3DDD4;--bt-accent:#581D47;--bt-focus:#581D47;--bt-ring:0 0 0 1px #D0CBC2;--bt-shadow:0 18px 32px -22px rgba(35,35,34,.35)}.bt--c-sand{--bt-bg:#E3DDD4;--bt-ink:#232322;--bt-text:#403F3E;--bt-line:#C4BCB0;--bt-edge:transparent;--bt-surface:#F8F6F2;--bt-accent:#581D47;--bt-focus:#581D47;--bt-shadow:0 18px 32px -22px rgba(35,35,34,.4)}.bt--c-plum{--bt-bg:#4A1A3D;--bt-ink:#FFF;--bt-text:#F1E4EC;--bt-line:rgba(241,228,236,.24);--bt-edge:transparent;--bt-surface:#5F2C52;--bt-accent:#FFE1F2;--bt-focus:#FFE1F2}.bt--c-sage{--bt-bg:#D3DFD5;--bt-ink:#232322;--bt-text:#403F3E;--bt-line:#AFC0B3;--bt-edge:transparent;--bt-surface:#EEF3EF;--bt-accent:#2F5A3D;--bt-focus:#581D47;--bt-shadow:0 18px 32px -22px rgba(30,43,34,.4)}.bt--c-coal{--bt-bg:#1B1F28;--bt-ink:#FFF;--bt-text:#E8E4DE;--bt-line:rgba(255,255,255,.16);--bt-edge:transparent;--bt-surface:#2B313D;--bt-accent:#F0C9E4;--bt-focus:#F0C9E4}.bt--c-navy{--bt-bg:#1E2A47;--bt-ink:#FFF;--bt-text:#DCE0E9;--bt-line:rgba(220,224,233,.24);--bt-edge:transparent;--bt-surface:#2E3B5C;--bt-accent:#F0C9E4;--bt-focus:#F0C9E4}.bt--c-steel{--bt-bg:#B4C2DC;--bt-ink:#141B2C;--bt-text:#1F2A40;--bt-line:#8E9EBD;--bt-edge:transparent;--bt-surface:#DCE3EF;--bt-accent:#581D47;--bt-focus:#581D47;--bt-shadow:0 18px 32px -22px rgba(20,27,44,.45)}.bt--c-ice{--bt-bg:#E6EBF4;--bt-ink:#1B2338;--bt-text:#2E3850;--bt-line:#C3CADB;--bt-edge:transparent;--bt-surface:#FFF;--bt-accent:#314164;--bt-focus:#581D47;--bt-ring:0 0 0 1px #C3CADB;--bt-shadow:0 18px 32px -22px rgba(27,35,56,.35)}.bt--c-sky{--bt-bg:#CFE2F6;--bt-ink:#14213A;--bt-text:#24324D;--bt-line:#A3BEDC;--bt-edge:transparent;--bt-surface:#EEF5FC;--bt-accent:#314164;--bt-focus:#581D47;--bt-ring:0 0 0 1px #A3BEDC;--bt-shadow:0 18px 32px -22px rgba(20,33,58,.4)}.bt--c-sun{--bt-bg:#FC0;--bt-ink:#1F1B10;--bt-text:#3A3220;--bt-line:#C9A100;--bt-edge:transparent;--bt-surface:#FFE680;--bt-accent:#581D47;--bt-focus:#581D47;--bt-ring:0 0 0 1px rgba(31,27,16,.14);--bt-shadow:0 18px 32px -22px rgba(58,50,32,.5)}.bt--c-mint{--bt-bg:#DDEDCF;--bt-ink:#1C2A1A;--bt-text:#2E3D2B;--bt-line:#B2CC9E;--bt-edge:transparent;--bt-surface:#F2F8EC;--bt-accent:#2F5A3D;--bt-focus:#581D47;--bt-ring:0 0 0 1px #B2CC9E;--bt-shadow:0 18px 32px -22px rgba(28,42,26,.4)}:root[data-scheme=dark] .bt--c-marine{--bt-bg:#222C42;--bt-surface:#313D59}:root[data-scheme=dark] .bt--c-linen{--bt-bg:#222733;--bt-ink:#F3EFE9;--bt-text:#DAD5CD;--bt-line:#353B48;--bt-edge:#353B48;--bt-surface:#1D212A;--bt-accent:#E2B3D4;--bt-focus:#E2B3D4}:root[data-scheme=dark] .bt--c-sand{--bt-bg:#2E2922;--bt-ink:#F3EFE9;--bt-text:#DAD5CD;--bt-line:#4A4238;--bt-edge:transparent;--bt-surface:#3D362D;--bt-accent:#E2B3D4;--bt-focus:#E2B3D4}:root[data-scheme=dark] .bt--c-plum{--bt-bg:#3A1531;--bt-surface:#4E2444}:root[data-scheme=dark] .bt--c-sage{--bt-bg:#1D3027;--bt-ink:#F3EFE9;--bt-text:#D3E2D8;--bt-line:#35503F;--bt-edge:transparent;--bt-surface:#2A4236;--bt-accent:#8FE0AA;--bt-focus:#E2B3D4}:root[data-scheme=dark] .bt--c-coal{--bt-bg:#0F1217;--bt-ink:#F3EFE9;--bt-text:#DAD5CD;--bt-line:#353B48;--bt-edge:#353B48;--bt-surface:#1D212A;--bt-accent:#E2B3D4;--bt-focus:#E2B3D4}:root[data-scheme=dark] .bt--c-navy{--bt-bg:#141B2E;--bt-surface:#222B42}:root[data-scheme=dark] .bt--c-steel{--bt-bg:#2D3C5A;--bt-ink:#FFF;--bt-text:#DCE3F0;--bt-line:rgba(220,227,240,.24);--bt-edge:transparent;--bt-surface:#3C4D6E;--bt-accent:#C6D4F2;--bt-focus:#C6D4F2}:root[data-scheme=dark] .bt--c-ice{--bt-bg:#1F2634;--bt-ink:#F3EFE9;--bt-text:#D8DEE9;--bt-line:#364055;--bt-edge:#364055;--bt-surface:#2C3445;--bt-accent:#A9BEF2;--bt-focus:#A9BEF2}:root[data-scheme=dark] .bt--c-sky{--bt-bg:#1B2F48;--bt-ink:#F3EFE9;--bt-text:#D6E4F4;--bt-line:#2F4867;--bt-edge:transparent;--bt-surface:#28405E;--bt-accent:#A9C8F2;--bt-focus:#A9C8F2}:root[data-scheme=dark] .bt--c-sun{--bt-bg:#3A3010;--bt-ink:#FFF6DA;--bt-text:#F1E6C4;--bt-line:#5A4B1C;--bt-edge:transparent;--bt-surface:#4C3F16;--bt-accent:#FFD84D;--bt-focus:#FFD84D}:root[data-scheme=dark] .bt--c-mint{--bt-bg:#1F3322;--bt-ink:#F3EFE9;--bt-text:#D6E8D0;--bt-line:#36513A;--bt-edge:transparent;--bt-surface:#2C4630;--bt-accent:#A8E0A0;--bt-focus:#A8E0A0}@media (prefers-color-scheme:dark){:root:not([data-scheme=light]) .bt--c-marine{--bt-bg:#222C42;--bt-surface:#313D59}:root:not([data-scheme=light]) .bt--c-linen{--bt-bg:#222733;--bt-ink:#F3EFE9;--bt-text:#DAD5CD;--bt-line:#353B48;--bt-edge:#353B48;--bt-surface:#1D212A;--bt-accent:#E2B3D4;--bt-focus:#E2B3D4}:root:not([data-scheme=light]) .bt--c-sand{--bt-bg:#2E2922;--bt-ink:#F3EFE9;--bt-text:#DAD5CD;--bt-line:#4A4238;--bt-edge:transparent;--bt-surface:#3D362D;--bt-accent:#E2B3D4;--bt-focus:#E2B3D4}:root:not([data-scheme=light]) .bt--c-plum{--bt-bg:#3A1531;--bt-surface:#4E2444}:root:not([data-scheme=light]) .bt--c-sage{--bt-bg:#1D3027;--bt-ink:#F3EFE9;--bt-text:#D3E2D8;--bt-line:#35503F;--bt-edge:transparent;--bt-surface:#2A4236;--bt-accent:#8FE0AA;--bt-focus:#E2B3D4}:root:not([data-scheme=light]) .bt--c-coal{--bt-bg:#0F1217;--bt-ink:#F3EFE9;--bt-text:#DAD5CD;--bt-line:#353B48;--bt-edge:#353B48;--bt-surface:#1D212A;--bt-accent:#E2B3D4;--bt-focus:#E2B3D4}:root:not([data-scheme=light]) .bt--c-navy{--bt-bg:#141B2E;--bt-surface:#222B42}:root:not([data-scheme=light]) .bt--c-steel{--bt-bg:#2D3C5A;--bt-ink:#FFF;--bt-text:#DCE3F0;--bt-line:rgba(220,227,240,.24);--bt-edge:transparent;--bt-surface:#3C4D6E;--bt-accent:#C6D4F2;--bt-focus:#C6D4F2}:root:not([data-scheme=light]) .bt--c-ice{--bt-bg:#1F2634;--bt-ink:#F3EFE9;--bt-text:#D8DEE9;--bt-line:#364055;--bt-edge:#364055;--bt-surface:#2C3445;--bt-accent:#A9BEF2;--bt-focus:#A9BEF2}:root:not([data-scheme=light]) .bt--c-sky{--bt-bg:#1B2F48;--bt-ink:#F3EFE9;--bt-text:#D6E4F4;--bt-line:#2F4867;--bt-edge:transparent;--bt-surface:#28405E;--bt-accent:#A9C8F2;--bt-focus:#A9C8F2}:root:not([data-scheme=light]) .bt--c-sun{--bt-bg:#3A3010;--bt-ink:#FFF6DA;--bt-text:#F1E6C4;--bt-line:#5A4B1C;--bt-edge:transparent;--bt-surface:#4C3F16;--bt-accent:#FFD84D;--bt-focus:#FFD84D}:root:not([data-scheme=light]) .bt--c-mint{--bt-bg:#1F3322;--bt-ink:#F3EFE9;--bt-text:#D6E8D0;--bt-line:#36513A;--bt-edge:transparent;--bt-surface:#2C4630;--bt-accent:#A8E0A0;--bt-focus:#A8E0A0}}:root[data-scheme=dark] .bt--tone{--bt-ring:0 0 0 1px rgba(255,255,255,.09);--bt-shadow:0 24px 40px -24px rgba(0,0,0,.6)}@media (prefers-color-scheme:dark){:root:not([data-scheme=light]) .bt--tone{--bt-ring:0 0 0 1px rgba(255,255,255,.09);--bt-shadow:0 24px 40px -24px rgba(0,0,0,.6)}}.bt--tone{background:var(--bt-bg);border-color:var(--bt-edge);color:var(--bt-text);--k-ink:var(--bt-ink);--k-text:var(--bt-text);--k-muted:var(--bt-text);--k-line:var(--bt-line);--k-surface:var(--bt-surface);--k-card:var(--bt-bg);--k-accent:var(--bt-accent);--rt-accent:var(--bt-ink)}.bt--tone>*{--k-focus:var(--bt-focus)}.bt--tone .bt__title{color:var(--k-ink)}.bento .bt--tone :is(.uiw .ui,.ui--editor,.ui--ai,.ui--cloud){box-shadow:var(--bt-ring,0 0 #0000),var(--bt-shadow,0 24px 40px -24px rgba(0,0,0,.6))}@media (forced-colors:active){.bt--tone{background:Canvas;color:CanvasText}.bt--tone .bt__title,.bt__stat{color:CanvasText}}.bt--s.bt--ui{justify-content:flex-start}.bt--s .bt__visual{flex:none;place-items:start center}.bt--s.bt--ui .bt__body{flex:1;align-content:start}.bt--s.bt--ui .bt__more{margin-top:auto}.bt--s.bt--ui .bt__body:has(>.bt__more){display:flex;flex-direction:column}.bt__no{position:absolute;top:14px;right:18px;z-index:3;font:var(--k-label-w) .72rem/1 var(--k-label-font);letter-spacing:calc(.14em*var(--k-label-sp));color:var(--k-ink);opacity:.62;pointer-events:none}.bt--s.bt--ui .bt__no,.bt--s.bt--logo .bt__no{display:none}@container (max-width:520px){.bt--ui .bt__no{display:none}}.bt--image .bt__no{color:#fff;opacity:.85;text-shadow:0 1px 6px rgba(0,0,0,.6)}.bento--fx .bt{--lift:0px;transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--lift));transition:transform .55s cubic-bezier(.2,.7,.2,1),box-shadow .55s ease;will-change:auto}.bento--fx .bt--tone{background:radial-gradient(110% 80% at 100% 0%,color-mix(in oklab,var(--bt-accent) 16%,var(--bt-bg)),var(--bt-bg) 62%)}.bento--fx .bt::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .45s ease;background:radial-gradient(380px circle at var(--mx,50%) var(--my,30%),color-mix(in srgb,var(--bt-glow,#fff) 18%,transparent),transparent 65%)}.bento--fx :is(.bt--c-ice,.bt--c-sky,.bt--c-linen,.bt--c-steel,.bt--c-sand,.bt--c-mint,.bt--c-sage,.bt--c-sun){--bt-glow:var(--bt-accent)}.bento--fx .bt__body,.bento--fx .bt__visual,.bento--fx .bt__logo,.bento--fx .bt__icon{position:relative;z-index:1}.bento--fx .bt__media{inset:-7% 0;transform-origin:50% 50%}.bento--fx .bt--image .bt__img{transition:transform 1.4s cubic-bezier(.2,.7,.2,1),filter .8s ease}.bento--fx .bt--text .bt__stat::after{content:"";display:inline-block;width:.055em;height:.78em;margin-left:.06em;vertical-align:-.02em;border-radius:1px;background:var(--bt-accent,var(--k-accent));animation:bt-caret 1.1s steps(1) infinite}@keyframes bt-caret{50%{opacity:0}}.bento--fx .bt--logo .bt__logo svg{transition:transform .6s cubic-bezier(.2,.7,.2,1)}@media (hover:hover){.bento--fx .bt:hover,.bento--fx .bt:focus-within{--lift:-6px;box-shadow:0 34px 50px -32px rgba(12,16,32,.6)}.bento--fx .bt:hover::before{opacity:1}.bento--fx .bt--image:is(:hover,:focus-within) :is(.bt__img,.loopv){transform:scale(1.08);filter:saturate(1.18) contrast(1.04)}.bento--fx .bt--logo:is(:hover,:focus-within) .bt__logo svg{transform:scale(1.04)}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.bento--fx .bt{animation:bt-rise linear both;animation-timeline:view();animation-range:entry 0% entry 55%}.bento--fx .bt:nth-child(even){animation-range:entry 8% entry 65%}.bento--fx .bt__media{animation:bt-par linear both;animation-timeline:view();animation-range:cover 0% cover 100%}@keyframes bt-rise{from{translate:0 56px;scale:.965}}@keyframes bt-par{from{translate:0 -6%}to{translate:0 6%}}}}@media (prefers-reduced-motion:reduce){.bento--fx .bt{transform:none}.bento--fx .bt__media{inset:0}}@media (forced-colors:active){.bento--fx .bt::before{display:none}.bt__no{color:CanvasText}}.bento--fx .bt--l .uiw .ui{width:min(100%,620px);height:min(66cqi,420px)}.bento--fx .bt--l .icd{font-size:clamp(.6rem,2.3cqi,.92rem)}.is-editing .bento--fx .bt,.is-editing .bento--fx .bt:is(:hover,:focus-within){transform:none;box-shadow:none;transition:none;animation:none}.is-editing .bento--fx .bt::before{content:none}.is-editing .bento--fx .bt__media{inset:0;animation:none}.is-editing .bento--fx .bt--image:is(:hover,:focus-within) :is(.bt__img,.loopv),.is-editing .bt--image:is(:hover,:focus-within) :is(.bt__img,.loopv){transform:none;filter:none}.is-editing .bento--fx .bt--logo:is(:hover,:focus-within) .bt__logo svg{transform:none}.bt--image.is-dim-soft .bt__body{padding-top:clamp(40px,20cqi,96px);background:linear-gradient(to top,rgba(14,17,26,.82) 0%,rgba(14,17,26,.5) 50%,rgba(14,17,26,0));text-shadow:0 1px 10px rgba(0,0,0,.65)}.bt--image.is-dim-none .bt__body{padding-top:clamp(14px,5cqi,22px);background:rgba(14,17,26,.94)}
