*,:before,:after{box-sizing:border-box}html{background:var(--page)}body{background:var(--page);color:var(--text);font-family:var(--body);padding-inline:var(--gutter);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}.page{max-width:var(--column);gap:var(--gap);flex-direction:column;margin:0 auto;padding-block:28px 64px;display:flex}.fit{font-family:var(--display);text-transform:uppercase;white-space:nowrap;letter-spacing:-.01em;margin:0;font-size:40px;font-weight:900;font-stretch:112%;line-height:.92;display:block}.headline{flex-direction:column;gap:8px;display:flex}.headline .fit{text-box:trim-both cap alphabetic;line-height:1}a.fit{justify-content:space-between;align-items:center;gap:.25em;text-decoration:none;transition:color .15s;display:flex}a.fit:hover{color:var(--purple-l)}a.fit:focus-visible{outline:3px solid var(--text);outline-offset:4px}.arrow{clip-path:polygon(0 0,100% 50%,0 100%);background:currentColor;flex:none;width:.5em;height:.58em}.video{aspect-ratio:16/9;object-fit:cover;background:linear-gradient(160deg, var(--purple-d), var(--blue-d) 55%, var(--green-d));width:100%;display:block}.features{gap:var(--gap);flex-direction:column;display:flex}.feature{position:relative;overflow:hidden}.feature summary,.feature h2{font-family:var(--display);text-transform:uppercase;margin:0;font-size:clamp(24px,8vw,40px);font-weight:900;font-stretch:112%;line-height:1}.feature ul,.feature p{gap:6px;margin:0;font-size:18px;font-weight:600;line-height:1.3;list-style:none;display:grid}details.feature summary{list-style:none;display:block}details.feature summary::-webkit-details-marker{display:none}details.feature summary:focus-visible{outline:3px solid var(--text);outline-offset:2px}details.feature:not([open]) summary{aspect-ratio:16/6;cursor:pointer;background:var(--image,linear-gradient(150deg, var(--purple-d), var(--blue-d))) center / cover;text-shadow:1px 1px 1px var(--shade);justify-content:space-between;align-items:flex-end;gap:12px;padding:16px 20px;display:flex;position:relative}details.feature:not([open]) summary:before{content:"";background:var(--shade);opacity:.7;transition:opacity .2s;position:absolute;inset:0}details.feature:not([open]) summary:hover:before{opacity:.5}details.feature:not([open]) summary>*,details.feature:not([open]) summary:after{position:relative}details.feature:not([open]) summary:after{content:"+";flex:none;font-size:.8em}details.feature:not([open]) .shots{display:none}.feature.purple-l{--hue:var(--purple-l);--hue-d:var(--purple-d)}.feature.orange-l{--hue:var(--orange-l);--hue-d:var(--orange-d)}.feature.green-l{--hue:var(--green-l);--hue-d:var(--green-d)}.feature.blue-l{--hue:var(--blue-l);--hue-d:var(--blue-d)}.feature.gold-l{--hue:var(--gold-l);--hue-d:var(--gold-d)}details.feature[open]{background:color-mix(in srgb, var(--hue-d) 24%, var(--page))}.shots{aspect-ratio:16/9;background:linear-gradient(150deg, var(--purple-d), var(--blue-d));display:block;position:relative}.shots img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.shots img.on{opacity:1}.shots:empty{aspect-ratio:16/4;background:color-mix(in srgb, var(--hue-d) 55%, var(--page))}details.feature[open] .title{background:var(--hue);color:var(--page);white-space:nowrap;margin:-.6em 0 0 20px;padding:.2em .35em .12em;font-size:clamp(16px,5vw,28px);display:table;position:relative}details.feature ul{color:var(--text);gap:8px;padding:16px 20px 22px;font-size:17px}details.feature li{align-items:baseline;gap:12px;display:flex}details.feature li:before{content:"";background:var(--hue);flex:none;width:8px;height:8px;transform:translateY(-2px)}a.card{text-decoration:none;display:block}a.card:focus-visible{outline:3px solid var(--text);outline-offset:2px}.feature.card{min-height:320px;text-shadow:1px 1px 1px var(--shade)}.feature.card:before{content:"";background:var(--image,linear-gradient(150deg, var(--purple-d), var(--blue-d))) center bottom / cover;position:absolute;inset:0}.feature.card:after{content:"";background:var(--shade);opacity:.5;position:absolute;inset:0}.feature.card>*{z-index:1;position:relative}.feature.card h2{padding:20px 20px 0}.feature.card p{padding:12px 20px 20px}@media (prefers-reduced-motion:reduce){*{transition:none!important}}