.examples{--examples-accent:#caff62;--examples-muted:#a7aab5;--examples-line:#ffffff1f;--examples-gutter:max(var(--site-inline), calc((100vw - var(--site-max-width)) / 2));isolation:isolate;color:#f4f5ef;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:radial-gradient(at 92% 10%,#38305238,#0000 38%),radial-gradient(at 0 65%,#1c404329,#0000 38%),#0c0d11;padding:clamp(4rem,7vw,7rem) 0 0;position:relative;overflow:hidden}.examples__brand{opacity:.035;pointer-events:none;z-index:-1;width:min(60vw,740px);height:auto;position:absolute;top:35%;left:-22%}.examples__intro{grid-template-columns:1.25fr 1fr;align-items:end;gap:clamp(2rem,6vw,7rem);padding-bottom:clamp(3rem,5vw,5rem);display:grid}.examples .marketing-eyebrow{color:var(--examples-muted);margin:0 0 1.5rem}.examples .marketing-eyebrow:before{background:var(--examples-accent)}.examples__intro h2{letter-spacing:-.065em;text-wrap:balance;max-width:11ch;margin:0;font-size:clamp(2.75rem,5.3vw,5.75rem);font-weight:620;line-height:1.02}.examples__intro h2 span{color:var(--examples-accent)}.examples__invitation{max-width:26rem;padding-bottom:.3rem}.examples__invitation>p{color:#b7bac3;text-wrap:pretty;margin:0;font-size:clamp(.95rem,1.2vw,1.1rem);line-height:1.75}.examples__formats{flex-wrap:wrap;gap:1.6rem;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.examples__formats li{color:#d4d6df;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.examples__formats svg{color:#b5a6db;stroke-width:1.6px;width:15px;height:15px}.examples__chapter{border-top:1px solid var(--examples-line);align-items:center;gap:2rem;margin-bottom:1.8rem;padding-top:2rem;display:flex}.examples__chapter-title{flex-shrink:0;align-items:center;gap:1rem;display:flex}.examples__chapter-number{border:1px solid var(--examples-line);color:#b5a6db;font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;width:2.4rem;height:2.4rem;font-size:.65rem;display:grid}.examples__eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--examples-muted);margin:0 0 .4rem;font-size:.63rem;font-weight:650;line-height:1.3}.examples__chapter h3{letter-spacing:-.04em;margin:0;font-size:clamp(1.35rem,2.1vw,2rem);font-weight:570;line-height:1.15}.examples__chapter-copy{max-width:24rem;color:var(--examples-muted);text-wrap:pretty;margin:0 0 0 auto;font-size:.82rem;line-height:1.6}.examples__navigation{flex-shrink:0;align-items:center;gap:.6rem;margin-left:auto;display:flex}.examples__position{letter-spacing:.08em;font-variant-numeric:tabular-nums;min-width:4.5rem;font-size:.7rem}.examples__position span{color:var(--examples-muted);padding-left:.3rem}.examples__navigation button,.examples__play,.examples__audio-play{color:#f4f5ef;cursor:pointer;background:#ffffff04;border:1px solid #ffffff38;border-radius:50%;place-items:center;width:44px;height:44px;transition:background .18s,color .18s,border-color .18s;display:grid}.examples__navigation svg{width:18px;height:18px}.examples__navigation button:hover:not(:disabled),.examples__audio-play:hover{background:var(--examples-accent);color:#101214;border-color:var(--examples-accent)}.examples__navigation button:disabled{opacity:.3;cursor:default}.examples :focus-visible{outline:3px solid var(--examples-accent);outline-offset:5px}.examples__showcase{margin-left:var(--examples-gutter);border-top:1px solid var(--examples-line);grid-template-columns:225px minmax(0,1fr);align-items:center;gap:20px;padding-block:2.5rem;display:grid}.examples__showcase-intro{z-index:1;padding-right:10px;position:relative}.examples__showcase-intro .examples__eyebrow{margin-bottom:1.2rem}.examples__showcase-intro .examples__eyebrow span{color:#baa7e9;margin-right:.65rem}.examples__showcase-intro h3{letter-spacing:-.045em;margin:0;font-size:clamp(1.75rem,2.5vw,2.65rem);font-weight:540;line-height:1.12}.examples__showcase-intro h3 span{display:block}.examples__showcase-copy{max-width:22ch;color:var(--examples-muted);margin:1.1rem 0 1.6rem;font-size:.82rem;line-height:1.75}.examples__showcase .examples__navigation{gap:.65rem;margin:0}.examples__showcase .examples__position{min-width:0;margin-left:.5rem;font-size:.65rem}.examples__stage{isolation:isolate;min-width:0;position:relative}.examples__stage:before{content:"";pointer-events:none;z-index:-1;filter:blur(24px);background:radial-gradient(at 50% 45%,#a57ce52c,#0000 65%);position:absolute;inset:7% 4%}.examples__videos{--video-width:clamp(300px, 39vw, 600px);padding:64px max(24px, calc((100% - var(--video-width)) / 2));scroll-snap-type:x mandatory;scrollbar-width:none;align-items:center;gap:8px;display:flex;position:relative;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 94%,#0000)}.examples__videos::-webkit-scrollbar{display:none}.examples__video-slot{flex:0 0 var(--video-width);scroll-snap-align:center;perspective:1100px;min-width:0;position:relative}.examples__video{aspect-ratio:16/9;opacity:.38;background:#17191e;border:1px solid #c6b4e14a;border-radius:16px;width:100%;transition:transform .48s cubic-bezier(.22,.68,0,1),opacity .38s,border-color .38s,box-shadow .48s;position:relative;overflow:hidden;transform:translateY(24px)scale(.8);box-shadow:0 18px 40px #0006}.examples__video-slot[data-position=before] .examples__video{opacity:.72;transform:translateY(12px)scale(.88)rotateY(8deg)}.examples__video-slot[data-position=after] .examples__video{opacity:.72;transform:translateY(12px)scale(.88)rotateY(-8deg)}.examples__video-slot[data-position=active]{z-index:2}.examples__video-slot[data-position=active] .examples__video{opacity:1;border-color:#decbffb3;transform:translateY(-5px)scale(1);box-shadow:0 0 0 1px #bba0e62b,0 0 24px #a978ff36,0 16px 54px #9368d52b,0 30px 55px #0008}.examples__video-slot[data-position=active] .examples__play{background:#8c69bb40;border-color:#e3d6ffcc;box-shadow:0 0 24px #c293ff40,inset 0 0 18px #ffffff12}.examples__video-slot:focus-within .examples__video{opacity:1}.examples__video video{object-fit:cover;width:100%;height:100%;display:block}.examples__play{color:#f4f5ef;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#11131a80;border-color:#ffffffa0;width:60px;height:60px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 24px #0003}.examples__play svg{width:20px;height:20px;margin-left:3px}.examples__play:hover,.examples__video-slot[data-position=active] .examples__play:hover{background:var(--examples-accent);color:#101214;border-color:var(--examples-accent)}.examples__play:focus-visible{outline-offset:7px}.examples__duration{color:#f4f5ef;font-variant-numeric:tabular-nums;pointer-events:none;background:#101115a6;border:1px solid #ffffff25;border-radius:6px;padding:.3rem .55rem;font-size:.68rem;position:absolute;bottom:14px;right:14px}.examples__collection{margin-top:clamp(2.5rem,4vw,4rem);position:relative}.examples__collection-intro{gap:.7rem;margin-left:auto;display:grid}.examples__collection-intro .examples__chapter-copy{margin:0}.examples__collection-count{letter-spacing:.08em;color:var(--examples-muted);align-items:center;gap:.8rem;margin:0;font-size:.65rem;display:flex}.examples__collection-count span+span{border-left:1px solid var(--examples-line);padding-left:.8rem}.examples__mosaic{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:clamp(16px,1.6vw,26px);padding-top:1rem;display:grid}.examples__column{gap:clamp(16px,1.6vw,26px);min-width:0;display:grid}.examples__column:first-child{padding-top:32px}.examples__column:nth-child(3){padding-top:64px}.examples__column:nth-child(4){padding-top:20px}.examples__image{isolation:isolate;background:#17191e;border:1px solid #c8b4e036;border-radius:20px;transition:transform .35s,box-shadow .35s,border-color .35s;position:relative;overflow:hidden;box-shadow:0 14px 32px #0005,0 2px 5px #0003}.examples__image:after{border-radius:inherit;pointer-events:none;content:"";border:1px solid #ffffff0d;position:absolute;inset:0}.examples__image[data-featured=true]{border-color:#c6b0ec75;box-shadow:0 0 22px #9f77da18,0 20px 44px #0005}.examples__image img{width:100%;height:auto;transition:transform .45s;display:block}@media (hover:hover){.examples__image:hover{border-color:#c6b0ecaa;transform:translateY(-4px);box-shadow:0 0 24px #a378e12b,0 24px 48px #0005}.examples__image:hover img{transform:scale(1.025)}}.examples__audio{background:radial-gradient(at 100% 0,#9d74d330,#0000 75%),linear-gradient(145deg,#20212b,#14171d);border:1px solid #b9a7e047;border-radius:20px;min-width:0;padding:20px;transition:border-color .18s,box-shadow .18s;position:relative;box-shadow:inset 0 1px #ffffff09,0 12px 32px #0003}.examples__audio:focus-within{border-color:#baa3e799}.examples__audio[data-playing=true]{border-color:#caff6266;box-shadow:0 0 24px #caff6212,0 14px 32px #0004}.examples__audio-top{color:#bbb3d1;font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;font-size:.65rem;display:flex}.examples__audio-top svg{stroke-width:1.5px;width:16px;height:16px}.examples__waveform{fill:#a99cbe;width:100%;height:74px;margin:10px 0;display:block}.examples__waveform .examples__waveform-played{fill:var(--examples-accent)}.examples__audio-controls{align-items:center;gap:12px;display:flex}.examples__audio-play{flex-shrink:0}.examples__audio-play svg{width:15px;height:15px}.examples__audio-controls input{width:100%;min-width:0;height:32px;accent-color:var(--examples-accent);cursor:pointer;margin:0}.examples__audio-controls input:disabled{opacity:.3;cursor:default}.examples__audio-time{color:var(--examples-muted);font-variant-numeric:tabular-nums;font-size:.65rem}.examples__audio details{padding-top:12px;font-size:.8rem}.examples__audio summary{cursor:pointer;padding:8px 0}.examples__audio details p{white-space:pre-line;line-height:1.6}.examples__error{color:#fff;background:#191c21;margin:0;padding:8px 12px;font-size:.875rem}.examples__video .examples__error{position:absolute;top:0;left:0;right:0}.examples__closing{border-top:1px solid var(--examples-line);justify-content:space-between;align-items:center;gap:2rem;margin-top:clamp(3rem,5vw,5rem);padding-block:2.5rem;display:flex}.examples__closing-copy{align-items:center;gap:1.2rem;display:flex}.examples__closing-brand{width:40px;height:auto}.examples__closing-copy p{letter-spacing:-.035em;margin:0 0 .35rem;font-size:1.3rem;font-weight:560}.examples__closing-copy span{color:var(--examples-muted);font-size:.82rem}.examples__closing .app-store-cta{background:var(--examples-accent);color:#101214;border-color:var(--examples-accent);box-shadow:none}.examples__closing .app-store-cta:hover{background:#dbff9b}.examples__depth{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:-2;position:absolute;inset:0;overflow:hidden}.examples__depth-image{opacity:.19;filter:blur(12px)saturate(.8);border-radius:28px;width:clamp(180px,24vw,390px);height:auto;position:absolute;transform:rotate(-12deg)}.examples__depth-image:first-child{filter:blur(18px);opacity:.15;width:clamp(180px,21vw,340px);top:-4%;right:-9%;transform:rotate(18deg)}.examples__depth-image:nth-child(2){filter:blur(7px);opacity:.22;top:18%;left:-13%;transform:rotate(-18deg)}.examples__depth-image:nth-child(3){filter:blur(9px);width:clamp(210px,28vw,440px);top:33%;right:-14%;transform:rotate(14deg)}.examples__depth-image:nth-child(4){filter:blur(22px);opacity:.15;top:49%;left:-6%;transform:rotate(12deg)scale(.8)}.examples__depth-image:nth-child(5){filter:blur(6px);opacity:.18;top:64%;right:-9%;transform:rotate(-14deg)}.examples__depth-image:nth-child(6){filter:blur(10px);opacity:.2;width:clamp(220px,28vw,450px);bottom:-3%;left:-10%;transform:rotate(14deg)}.examples__depth-image:nth-child(7){bottom:3%;right:calc(var(--examples-gutter) - 100px);filter:blur(24px);opacity:.13;width:clamp(160px,18vw,280px);transform:rotate(-10deg)}.examples__depth-image:nth-child(8){top:5%;left:calc(var(--examples-gutter) - 155px);filter:blur(10px);opacity:.17;width:clamp(200px,20vw,300px);transform:rotate(16deg)}.examples__depth-image:nth-child(9){top:37%;left:calc(var(--examples-gutter) - 200px);filter:blur(16px);opacity:.16;width:clamp(210px,23vw,340px);transform:rotate(-14deg)scale(.9)}.examples__depth-image:nth-child(10){top:51%;right:calc(var(--examples-gutter) - 165px);filter:blur(6px);opacity:.18;width:clamp(220px,22vw,330px);transform:rotate(18deg)}.examples__depth-image:nth-child(11){bottom:13%;right:calc(var(--examples-gutter) - 160px);filter:blur(12px);opacity:.16;width:clamp(180px,20vw,300px);transform:rotate(-16deg)}[data-theme=light] .examples{--examples-muted:#62636d;--examples-line:#1b1a271f;color:#191a20;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:radial-gradient(at 92% 10%,#e7dffb70,#0000 38%),radial-gradient(at 0 65%,#dceeea55,#0000 38%),#f8f9f5}[data-theme=light] .examples__intro h2 span{color:#526d21}[data-theme=light] .examples__invitation>p{color:#585b65}[data-theme=light] .examples__formats li{color:#454753}[data-theme=light] .examples__formats svg,[data-theme=light] .examples__chapter-number,[data-theme=light] .examples__showcase-intro .examples__eyebrow span{color:#76608f}[data-theme=light] .examples__navigation button,[data-theme=light] .examples__audio-play{color:#292633;background:#ffffff90;border-color:#24213330}[data-theme=light] .examples__navigation button:hover:not(:disabled),[data-theme=light] .examples__audio-play:hover{background:var(--examples-accent);color:#101214;border-color:#7c9f3a}[data-theme=light] .examples :focus-visible{outline-color:#72529d}[data-theme=light] .examples__stage:before{background:radial-gradient(at 50% 45%,#a889dd24,#0000 65%)}[data-theme=light] .examples__video{background:#e5e3ed;border-color:#9280ab50;box-shadow:0 18px 40px #3225431a}[data-theme=light] .examples__video-slot[data-position=active] .examples__video{border-color:#9974c7b3;box-shadow:0 0 0 1px #b49adf33,0 0 24px #9e7acf24,0 16px 54px #9368d529,0 26px 45px #3225431f}[data-theme=light] .examples__image{background:#f0f1ed;border-color:#2923381a;box-shadow:0 12px 30px #28223312,0 2px 5px #28223308}[data-theme=light] .examples__audio{background:radial-gradient(at 100% 0,#e8dff455,#0000 85%),#fff;border-color:#85709938;box-shadow:inset 0 1px #fff,0 12px 28px #2822330c}[data-theme=light] .examples__audio[data-playing=true]{border-color:#738d40;box-shadow:0 0 20px #9cc65d1a,0 12px 28px #2822330c}[data-theme=light] .examples__audio-top{color:#78618c}[data-theme=light] .examples__waveform{fill:#9581a8}[data-theme=light] .examples__waveform .examples__waveform-played{fill:#526d21}[data-theme=light] .examples__audio-controls input{accent-color:#657e35}[data-theme=light] .examples__error{color:#292633;background:#f0edf6}[data-theme=light] .examples__images,[data-theme=light] .examples__audios{scrollbar-color:#aaa4b5 #eeedf1}@media (width>=801px) and (width<=1100px){.examples__mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}.examples__chapter-copy{display:none}}@media (width<=800px){.examples{padding-top:3.5rem}.examples__intro{grid-template-columns:1fr;gap:1.4rem;padding-bottom:2.5rem}.examples__intro h2{max-width:12ch;font-size:clamp(2.9rem,9vw,4.2rem)}.examples .marketing-eyebrow{margin-bottom:1.2rem}.examples__invitation{max-width:31rem}.examples__formats{gap:1.5rem;margin-top:1.2rem}.examples__chapter{gap:1rem;margin-bottom:1.3rem;padding-top:1.5rem}.examples__chapter-title{flex-shrink:1;gap:.7rem}.examples__chapter-number{display:none}.examples__chapter h3{font-size:1.25rem}.examples__chapter-copy,.examples__position{display:none}.examples__navigation{gap:.4rem}.examples__showcase{border-top:0;grid-template-columns:1fr;gap:0;margin-left:0;padding-block:0}.examples__showcase-intro{width:calc(100% - var(--site-inline) * 2);border-top:1px solid var(--examples-line);grid-template-columns:1fr auto;column-gap:1rem;margin-inline:auto;padding-top:1.5rem;display:grid}.examples__showcase-intro .examples__eyebrow{grid-column:1/-1;margin-bottom:.75rem}.examples__showcase-intro h3{font-size:1.5rem}.examples__showcase-intro h3 span{display:inline}.examples__showcase-copy{grid-area:3/1/auto/-1;max-width:34ch;margin:1rem 0 0}.examples__showcase .examples__navigation{grid-area:2/2}.examples__videos{--video-width:80vw;gap:0;padding-block:48px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}.examples__video{border-radius:14px}.examples__video-slot[data-position=before] .examples__video,.examples__video-slot[data-position=after] .examples__video{transform:translateY(8px)scale(.9)}.examples__play{width:52px;height:52px}.examples__mosaic{width:100%;max-width:none;padding:0;display:block}.examples__images,.examples__audios{scroll-snap-type:x mandatory;scroll-padding-inline:var(--site-inline);padding:8px var(--site-inline) 24px;scrollbar-width:thin;scrollbar-color:#555760 #101115;gap:16px;display:flex;overflow-x:auto}.examples__image{scroll-snap-align:start;flex:0 0 74vw;height:350px;margin:0}.examples__image img{object-fit:cover;height:100%}.examples__audios{margin-top:1.2rem}.examples__audio{scroll-snap-align:start;flex:0 0 280px}.examples__closing{flex-direction:column;align-items:flex-start;gap:1.5rem;margin-top:2rem;padding-block:2rem}.examples__closing-brand{width:34px}}@media (prefers-reduced-motion:reduce){.examples *,.examples :before,.examples :after{transition:none}.examples__image:hover img{transform:none}}[data-theme=light] .examples__image[data-featured=true]{border-color:#9e82be66;box-shadow:0 0 24px #a889d61a,0 18px 38px #32254316}[data-theme=light] .examples__audio:focus-within{border-color:#8565a8}@media (hover:hover){[data-theme=light] .examples__image:hover{border-color:#9d7fbea6;box-shadow:0 0 24px #a889d622,0 20px 40px #3225431c}}@media (width>=801px) and (width<=1100px){.examples__column:nth-child(3){padding-top:12px}.examples__column:nth-child(4){padding-top:44px}}@media (width<=800px){.examples__collection-intro{display:none}.examples__mosaic{padding-top:0}.examples__depth-image{opacity:.12;width:200px}.examples__depth-image:first-child{top:0;right:-28%}.examples__depth-image:nth-child(2){top:32%;left:-35%}.examples__depth-image:nth-child(3),.examples__depth-image:nth-child(4),.examples__depth-image:nth-child(7),.examples__depth-image:nth-child(9){display:none}.examples__depth-image:nth-child(5){top:65%;right:-35%}.examples__depth-image:nth-child(6){left:-35%}}@media (prefers-reduced-motion:reduce){.examples__image:hover{transform:none}}@media (width<=800px){.examples__depth-image:nth-child(8){opacity:.12;width:180px;top:9%;left:-35%}.examples__depth-image:nth-child(10){opacity:.12;width:200px;top:51%;right:-34%}.examples__depth-image:nth-child(11){opacity:.12;width:180px;bottom:14%;left:-35%;right:auto}}