@property --p{syntax:"<number>";inherits:true;initial-value:0}.appact{--p:0;color:#fff;background:#000;position:relative}.appact.is-in{animation:6.5s cubic-bezier(.45,0,.25,1) .3s forwards appact-play}@keyframes appact-play{0%{--p:0}to{--p:1}}.appact-inner{min-height:min(100svh,860px);padding-block:var(--section);align-items:center;display:flex;position:relative;overflow:hidden}.appact-inner:before{content:"";aspect-ratio:1;background:radial-gradient(circle, rgb(92 242 220/calc(.1 + var(--p) * .3)) 0%, transparent 62%);border-radius:50%;width:90vmin;position:absolute;top:50%;left:60%;translate:-50% -50%}.appact-grid{grid-template-columns:minmax(0,1fr);align-items:center;gap:24px;width:100%;display:grid;position:relative}.appact-kicker{color:var(--teal-300);margin-bottom:16px}.appact-beat-stack{gap:18px;margin-bottom:28px;display:grid}.appact-beat{--k:clamp(0, calc((var(--p) - var(--s)) / .12), 1);opacity:calc(.28 + var(--k) * .72);grid-template-columns:4px minmax(0,1fr);gap:4px 18px;display:grid}.appact-beat:before{content:"";background:color-mix(in srgb, var(--teal-300) calc(var(--k) * 100%), #ffffff26);border-radius:4px;grid-row:1/span 2}.appact-beat-title{letter-spacing:-.04em;font-size:clamp(28px,3vw,44px);font-weight:800;line-height:1}.appact-beat-text{color:var(--teal-100);font-size:17px}.appact-stage{place-items:center;display:grid;position:relative}.appact-photo{aspect-ratio:4/5;-webkit-mask-composite:source-in;width:min(100%,700px);position:relative;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 92%,#0000),linear-gradient(#0000,#000 8% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 92%,#0000),linear-gradient(#0000,#000 8% 90%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect;container-type:inline-size}.appact-photo-img{object-fit:cover;mix-blend-mode:lighten}.appact-screen{background:#000;border-radius:4.14cqw;width:29.58%;height:52.72%;position:absolute;top:18.04%;left:46.71%;overflow:hidden;container-type:size}.appact-app{color:#000;font-family:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", var(--font-dm-sans), sans-serif;opacity:clamp(0, calc(var(--p) / .08), 1);background:#fff;flex-direction:column;padding:15.1cqw 5cqw 0;font-size:4.33cqw;display:flex;position:absolute;inset:0}.appact-island{z-index:3;background:#000;border-radius:999px;width:31.5cqw;height:10.2cqw;position:absolute;top:3cqw;left:50%;translate:-50%}.appact-home{opacity:.88;background:#000;border-radius:999px;width:35.4cqw;height:1.3cqw;position:absolute;bottom:2.05cqw;left:50%;translate:-50%}.appact-card-head{justify-content:space-between;align-items:center;margin-top:2cqw;display:flex}.appact-mark{width:4.6em;height:auto}.appact-ready{--k:clamp(0, calc((var(--p) - .66) / .05), 1);background:var(--teal-300);opacity:var(--k);transform:scale(calc(1.6 - var(--k) * .6));border-radius:999px;padding:.4em .75em;font-size:.72em;font-weight:700}.appact-name{letter-spacing:-.04em;margin-top:1.1em;font-size:1.85em;font-weight:800;line-height:1.1}.appact-sub{color:#6e6e73;font-size:.86em}.appact-rows{gap:.45em;margin-top:1em;display:grid}.appact-row{--k:clamp(0, calc((var(--p) - var(--s)) / .06), 1);background:color-mix(in srgb, var(--teal-100) calc(var(--k) * 100%), #f2f2f7);border-radius:.8em;grid-template-columns:2em minmax(0,1fr) auto;align-items:center;gap:.55em;max-width:none;padding:.5em .6em;display:grid}.appact-row-icon{background:#fff;border-radius:.55em;place-items:center;width:2em;height:2em;display:grid}.appact-row-icon svg{width:1em;height:1em}.appact-row-label{font-size:.8em;font-weight:600;line-height:1.2}.appact-stamp{color:var(--teal-300);opacity:var(--k);transform:scale(calc(2.2 - var(--k) * 1.2)) rotate(calc((1 - var(--k)) * -14deg));background:#000;border-radius:999px;align-items:center;gap:.25em;padding:.3em .55em;font-size:.66em;font-weight:800;display:inline-flex}.appact-stamp svg{width:1em;height:1em}.appact-meter{background:#f2f2f7;border-radius:1em;height:.35em;margin-top:1em;overflow:hidden}.appact-meter i{background:var(--teal-500);transform-origin:0;height:100%;transform:scaleX(clamp(0, calc((var(--p) - .18) / .48), 1));display:block}.appact-fits-head{color:#6e6e73;letter-spacing:.01em;margin-top:1.3em;font-size:.78em;font-weight:700}.appact-fits{gap:.4em;margin-top:.5em;display:grid}.appact-fits li{--k:clamp(0, calc((var(--p) - .74 - var(--d) * .04) / .07), 1);max-width:none;opacity:var(--k);transform:translateY(calc((1 - var(--k)) * .8em));border-radius:.8em;grid-template-columns:2.3em minmax(0,1fr) auto;align-items:center;gap:.6em;padding:.4em .5em .4em .4em;display:grid;box-shadow:0 0 0 1px #e5e5ea}.appact-fit-img{background:#d1d1d6 50%/cover no-repeat;border-radius:.55em;width:2.3em;height:2.3em}.appact-fit-img-0{background-image:url(/photography/home-bright.webp)}.appact-fit-img-1{background-image:url(/photography/prop-pool.webp)}.appact-fit-img-2{background-image:url(/photography/prop-modern.webp)}.appact-fit-body{line-height:1.2;display:grid}.appact-fit-body b{font-size:.82em;font-weight:700}.appact-fit-body small{color:#6e6e73;font-size:.7em}.appact-fit-tag{background:var(--teal-100);color:var(--teal-900,#00463d);border-radius:999px;padding:.25em .55em;font-size:.66em;font-weight:800}.appact-share{--k:clamp(0, calc((var(--p) - .7) / .06), 1);background:color-mix(in srgb, #000 calc(var(--k) * 100%), #d1d1d6);color:#fff;border-radius:999px;place-items:center;min-height:3em;margin:auto 0 9.5cqw;font-size:.92em;font-weight:700;display:grid}.appact-node{--k:clamp(0, calc((var(--p) - .74 - var(--d,0) * .03) / .08), 1);z-index:2;opacity:var(--k);transform:translateY(calc((1 - var(--k)) * 14px));position:absolute}.appact-node-1{--d:0;top:18%;left:6%}.appact-node-2{--d:1;top:38%;left:2%}.appact-node-3{--d:2;top:58%;left:9%}.appact-node-4{--d:3;top:5%;left:46%}.appact-node-5{--d:4;top:13%;right:2%}.appact-node-6{--d:5;top:80%;right:3%}.appact-node-in{white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:999px;padding:.55em 1em;font-size:clamp(11px,2.3cqw,14px);font-weight:700;display:inline-flex;box-shadow:inset 0 0 0 1px #fff3}.appact-node:nth-of-type(odd) .appact-node-in{background:var(--teal-300);color:#000;box-shadow:none}@media (min-width:900px){.appact-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}@media (max-width:899px){.appact-stage{height:min(128vw,620px);margin-inline:calc(-1 * var(--gutter));overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 10% 88%,#0000);mask-image:linear-gradient(#0000,#000 10% 88%,#0000)}.appact-photo{width:min(175vw,900px);position:absolute;top:50%;left:50%;translate:-61.5% -44.4%;-webkit-mask-image:none;mask-image:none}.appact-node{display:none}}html:not([data-motion=on]) .appact{--p:1}