.features{--hairline-plate:var(--background);--hairline-hi:var(--brand);--hairline-edge:var(--ink);--hairline-mid:var(--muted);--hairline-lo:var(--line);padding-block:clamp(72px,8vw,128px)}.features-intro{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:48px;display:flex}.features-intro h2{letter-spacing:-.035em;font-size:clamp(36px,4vw,58px);font-weight:400;line-height:1.08}.features-intro>p{max-width:365px;color:var(--muted);font-size:15px;line-height:1.65}.features-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;display:grid}.feature-card{border-top:1px solid var(--line);min-width:0;position:relative}.feature-card:before{content:"";background:var(--brand);transform-origin:0;pointer-events:none;height:1px;transition:transform .24s cubic-bezier(.16,1,.3,1);position:absolute;inset:-1px 0 auto;transform:scaleX(0)}.feature-card:focus-within:before,.feature-card:active:before{transform:scaleX(1)}.feature-card:has([data-intro-playing=true]):before{transform:scaleX(1)}@media (hover:hover) and (pointer:fine){.feature-card:has(.feature-art:hover):before{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.feature-card:before{transition:none}}.feature-art{aspect-ratio:5/4;width:100%}.feature-art>div{width:100%}@media (prefers-reduced-motion:no-preference){.feature-art[data-intro-playing=true]>div{transform-origin:50%;animation:1.2s cubic-bezier(.16,1,.3,1) both feature-invitation}}@media (min-width:1024px){.feature-card:nth-child(2) .feature-art>div{animation-delay:.16s}.feature-card:nth-child(3) .feature-art>div{animation-delay:.32s}.feature-card:nth-child(4) .feature-art>div{animation-delay:.48s}}@keyframes feature-invitation{0%,to{transform:scale(1)}45%{transform:scale(1.025)}}.feature-copy{padding-top:24px}.feature-name{color:var(--muted);margin-bottom:16px;font-size:12px}.feature-card h3{letter-spacing:-.025em;text-wrap:pretty;min-height:2.4em;font-size:clamp(23px,1.85vw,28px);font-weight:400;line-height:1.2}.feature-description{color:var(--muted);max-width:38ch;margin-top:16px;font-size:15px;line-height:1.7}.features-note{color:var(--muted);margin-top:48px;font-size:11px}@media (max-width:1023px){.features-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px}.features-intro{display:block}.features-intro>p{max-width:480px;margin-top:24px}}@media (max-width:767px){.features-grid{grid-template-columns:minmax(0,1fr);gap:40px}.feature-art{max-width:360px;margin-inline:auto}.feature-copy{padding-top:16px}.feature-card h3{min-height:0;font-size:28px}.feature-name{margin-bottom:12px}.features-intro{margin-bottom:32px}}
.brand-finale{isolation:isolate;background:var(--background);border-top:1px solid var(--line);flex-direction:column;justify-content:space-between;min-height:clamp(280px,29vw,420px);padding-block:24px 32px;display:flex;position:relative;overflow:hidden}.brand-finale-background{z-index:-1;opacity:.2;pointer-events:none;position:absolute;inset:0}.brand-finale-meta{color:var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;font-size:12px;display:flex}.brand-finale-meta small{font-size:inherit}.brand-finale-meta a{align-items:center;gap:12px;min-height:44px;display:inline-flex}.brand-finale-meta .arrow{transform:rotate(-90deg)}.brand-finale-meta a:hover{text-decoration:underline}.brand-finale-wordmark{letter-spacing:-.04em;color:var(--ink);align-self:center;font-size:clamp(76px,17vw,240px);font-weight:700;line-height:.95}.brand-finale-wordmark span{color:var(--brand)}.brand-finale-wordmark:hover{text-decoration:none}@media (max-width:600px){.brand-finale{min-height:260px;padding-block:20px 24px}.brand-finale-meta{grid-template-columns:1fr auto;gap:4px 16px;display:grid}.brand-finale-meta small{color:var(--muted);grid-area:2/1}.brand-finale-meta a{grid-area:1/2/3}}