.composition.svelte-pch975{perspective:1000px;min-width:0;height:280px;animation:svelte-pch975-arrive 1s var(--ease) both;place-items:center;display:grid}.fan.svelte-pch975{width:235px;height:205px;transform-style:preserve-3d;position:relative;transform:rotateX(8deg)}.tile.svelte-pch975{border:5px solid var(--canvas);transition:transform .65s var(--ease);border-radius:17px;position:absolute;inset:0;overflow:hidden;box-shadow:0 12px 35px #12271f21}.tile-0.svelte-pch975{z-index:3;transform:translate(-78px,13px)rotate(-16deg)}.tile-1.svelte-pch975{z-index:2;transform:translateY(-15px)rotate(0)}.tile-2.svelte-pch975{z-index:1;transform:translate(80px,12px)rotate(16deg)}.composition.svelte-pch975:hover .tile-0:where(.svelte-pch975){transform:translate(-110px,16px)rotate(-23deg)}.composition.svelte-pch975:hover .tile-1:where(.svelte-pch975){transform:translateY(-30px)rotate(0)}.composition.svelte-pch975:hover .tile-2:where(.svelte-pch975){transform:translate(112px,12px)rotate(23deg)}.tile.svelte-pch975 .art{height:100%;min-height:100%}.tile.svelte-pch975 .type{font-size:4rem}.tile.svelte-pch975 .workflow{font-size:.8rem}.tile.svelte-pch975 .workflow>span{padding:.25rem .5rem}.tile.svelte-pch975 .workflow i{font-size:1rem}.tile.svelte-pch975 .browser{width:72%;padding:8px}.tile.svelte-pch975 .blocks span{height:14px}.tile.svelte-pch975 .shield{transform:scale(.7)}@keyframes svelte-pch975-arrive{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@media (width<=650px){.composition.svelte-pch975{height:220px}.fan.svelte-pch975{transform:scale(.8)}.composition.svelte-pch975:hover .tile-0:where(.svelte-pch975){transform:translate(-78px,13px)rotate(-16deg)}.composition.svelte-pch975:hover .tile-2:where(.svelte-pch975){transform:translate(80px,12px)rotate(16deg)}}@media (width<=375px){.fan.svelte-pch975{transform:scale(.65)}}.illustrated.svelte-1ggn7n0 .lower:where(.svelte-1ggn7n0){grid-template-columns:1fr 1.15fr;align-items:center;gap:3rem;margin-top:3rem;display:grid}.illustrated.svelte-1ggn7n0 .detail:where(.svelte-1ggn7n0){margin:0}.hero.svelte-1ggn7n0 h1:where(.svelte-1ggn7n0){animation:svelte-1ggn7n0-hero-title-in .8s var(--ease) both}@keyframes svelte-1ggn7n0-hero-title-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (width<=650px){.illustrated.svelte-1ggn7n0 .lower:where(.svelte-1ggn7n0){grid-template-columns:1fr;gap:1rem;margin-top:1rem}.illustrated.svelte-1ggn7n0 .detail:where(.svelte-1ggn7n0){grid-row:1;margin-top:1rem}}.hero.svelte-1ggn7n0{padding:clamp(2.5rem, 6vw, 6rem) var(--gutter) clamp(3.5rem, 6vw, 6rem);background:var(--canvas);color:var(--fg)}.shell.svelte-1ggn7n0{max-width:var(--shell);margin:auto}h1.svelte-1ggn7n0{letter-spacing:-.06em;text-wrap:balance;max-width:none;font-size:clamp(3.3rem,7.6vw,7.6rem);font-weight:450;line-height:.98}.detail.svelte-1ggn7n0{max-width:660px;margin-top:3rem;margin-left:43%}.intro.svelte-1ggn7n0{color:var(--fg-soft);font-size:clamp(1.2rem,1.7vw,1.6rem);line-height:1.5}.footnote.svelte-1ggn7n0{color:var(--fg-soft);margin-top:1rem;font-size:1rem}@media (width<=650px){h1.svelte-1ggn7n0{max-width:none;font-size:clamp(3rem,11vw,4.5rem)}.detail.svelte-1ggn7n0{margin-top:2rem;margin-left:0}.intro.svelte-1ggn7n0{font-size:1.15rem}}