.home-main{overflow:clip}.home-hero{isolation:isolate;block-size:380px;padding-block-start:var(--space-7);position:relative;overflow:hidden}.home-hero__copy{z-index:2;position:relative}.home-hero h1{max-inline-size:15ch;font-size:clamp(2rem,3vw,2.625rem);font-weight:var(--font-weight-heading);letter-spacing:-.04em;line-height:1.12}.home-hero__line{white-space:nowrap;display:block}.hero-landscape{z-index:0;background:var(--color-surface-soft);pointer-events:none;block-size:100%;inline-size:100%;position:absolute;inset-block:0;inset-inline:0;overflow:hidden}.hero-landscape img{block-size:auto;inline-size:100%;max-inline-size:none;position:absolute;inset-block-end:0;inset-inline-start:0}.hero-landscape:after{content:"";background:var(--color-background);opacity:0;pointer-events:none;position:absolute;inset:0}html[data-theme=dark] .hero-landscape img{opacity:.62}html[data-theme=dark] .hero-landscape:after{opacity:.2}.apps-section{--selected-atmosphere:var(--color-sage-soft);isolation:isolate;padding-block:var(--space-6) var(--space-8);scroll-margin-block-start:var(--space-4);position:relative}.apps-section:before{content:"";z-index:0;border-block:var(--border-width) solid var(--color-border-soft);background:var(--color-surface-soft);pointer-events:none;inline-size:100vw;position:absolute;inset-block:0;inset-inline-start:50%;transform:translate(-50%)}.apps-section__inner{z-index:1;max-inline-size:1040px;margin-inline:auto;position:relative}.apps-section__inner>h2{font-size:var(--text-xl);letter-spacing:-.02em;margin-block-end:var(--space-4)}.apps-desktop{gap:var(--space-6);grid-template-columns:minmax(250px,38fr) minmax(0,62fr);display:grid}.app-master{padding-inline-end:var(--space-3)}.app-row{align-items:center;gap:var(--space-3);min-block-size:56px;inline-size:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-secondary);text-align:start;cursor:pointer;transition:background var(--motion-base) var(--ease-standard), color var(--motion-base) var(--ease-standard);background:0 0;border:0;display:flex;position:relative}.app-row:before{content:"";inset-block:var(--space-3);border-radius:var(--radius-pill);background:var(--app-accent);opacity:0;inline-size:3px;position:absolute;inset-inline-start:0}.app-row img,.app-accordion button img{border-radius:22%;flex:none;block-size:40px;inline-size:40px}.app-row:hover{background:var(--color-surface);color:var(--color-text)}.app-row[aria-pressed=true]{background:color-mix(in srgb, var(--app-atmosphere) 68%, transparent);color:var(--color-text);font-weight:var(--font-weight-label)}.app-row[aria-pressed=true]:before{opacity:1}.app-row__arrow{color:var(--color-text-muted);font-size:var(--text-sm);margin-inline-start:auto}.accent-sage{--app-accent:var(--color-sage);--app-atmosphere:var(--color-sage-soft)}.accent-mist{--app-accent:var(--color-mist);--app-atmosphere:var(--color-mist-soft)}.accent-sand{--app-accent:var(--color-sand);--app-atmosphere:var(--color-sand-soft)}[data-app-directory][data-selected-accent=sage]{--selected-atmosphere:var(--color-sage-soft)}[data-app-directory][data-selected-accent=mist]{--selected-atmosphere:var(--color-mist-soft)}[data-app-directory][data-selected-accent=sand]{--selected-atmosphere:var(--color-sand-soft)}.app-detail{min-block-size:300px;padding:var(--space-5) var(--space-6);background:color-mix(in srgb, var(--selected-atmosphere) 42%, transparent);transition:background var(--motion-slow) var(--ease-standard);align-self:start}.app-quick-look{padding-block:var(--space-2)}.app-quick-look__identity{align-items:center;gap:var(--space-5);display:flex}.app-quick-look__identity img{border-radius:22%;block-size:104px;inline-size:104px}.app-quick-look h3{font-size:var(--text-2xl);letter-spacing:-.03em}.app-platform{color:var(--color-text-muted);font-size:var(--text-sm);margin-block-start:var(--space-1)}.app-description{max-inline-size:30rem;color:var(--color-text-secondary);font-size:var(--text-md);margin-block-start:var(--space-5)}.app-detail-link{align-items:center;gap:var(--space-3);min-block-size:44px;font-weight:var(--font-weight-label);margin-block-start:var(--space-4);text-decoration:none;display:inline-flex}.app-detail-link:hover{text-underline-offset:.25em;text-decoration:underline}[data-app-panel][data-active],[data-accordion-panel][data-active]{animation:quick-look-in var(--motion-base) var(--ease-standard)}@keyframes quick-look-in{0%{opacity:.55;transform:translateY(3px)}}.app-accordion{z-index:1;display:none;position:relative}@media (width<=859px){.home-hero{block-size:340px;padding-block-start:var(--space-6)}.apps-desktop{display:none}.app-accordion{border-block-start:var(--border-width) solid var(--color-border);display:block}.app-accordion__item{border-block-end:var(--border-width) solid var(--color-border)}.app-accordion__item>button{align-items:center;gap:var(--space-3);min-block-size:58px;inline-size:100%;padding:var(--space-2) var(--space-3);color:var(--color-text-secondary);text-align:start;cursor:pointer;background:0 0;border:0;display:flex;position:relative}.app-accordion__item>button:before{content:"";inset-block:var(--space-3);border-radius:var(--radius-pill);background:var(--app-accent);opacity:0;inline-size:3px;position:absolute;inset-inline-start:0}.app-accordion__item>button:hover{background:var(--color-surface)}.app-accordion__item>button[aria-expanded=true]{color:var(--color-text);font-weight:var(--font-weight-label)}.app-accordion__item>button[aria-expanded=true]:before{opacity:1}.app-accordion .app-quick-look{margin-block:var(--space-2) var(--space-5);margin-inline:var(--space-3);padding:var(--space-5);background:color-mix(in srgb, var(--app-atmosphere) 48%, transparent)}.app-accordion .app-quick-look__identity img{block-size:92px;inline-size:92px}.app-accordion .app-quick-look h3{font-size:var(--text-xl)}.app-accordion .app-description{font-size:var(--text-base);margin-block-start:var(--space-3)}}@media (width<=520px){.home-hero{block-size:280px;padding-block-start:var(--space-5)}.home-hero h1{max-inline-size:16ch;font-size:var(--text-2xl)}.hero-landscape img{inline-size:150vw}.apps-section{padding-block:var(--space-5) var(--space-7)}}@media (prefers-reduced-motion:reduce){.app-detail{transition:none}}