.feature-page{--feature-ink:var(--heading,var(--text));--feature-muted:var(--text-soft,var(--text));--feature-line:var(--border);--feature-accent:#1766c2;--feature-wash:color-mix(in srgb, var(--surface) 94%, var(--feature-accent));color:var(--feature-ink)}:root[data-theme=dark] .feature-page,html.dark .feature-page{--feature-accent:#83bcff}.feature-shell{max-width:76rem;margin-inline:auto;padding-inline:clamp(1rem,3vw,2rem)}.image-preview{cursor:zoom-in;display:block;position:relative;overflow:hidden}.image-preview__icon{color:#fff;background:#0f172ab8;border:1px solid #fff6;border-radius:.65rem;place-items:center;width:2.25rem;height:2.25rem;display:grid;position:absolute;bottom:.75rem;right:.75rem}.image-preview:focus-visible{outline:3px solid var(--feature-accent);outline-offset:-4px}@media (hover:hover){.image-preview:hover .image-preview__icon{background:#125cac;border-color:#fff}}@media (prefers-reduced-motion:no-preference){.image-preview__icon{transition:background-color .16s,border-color .16s}}.feature-section{padding-block:clamp(3rem,7vw,6rem)}.feature-section--tint{background:var(--feature-wash)}.page-intro{border-bottom:1px solid var(--feature-line);background:radial-gradient(ellipse at 90% 0%, color-mix(in srgb, var(--surface) 89%, var(--feature-accent)), transparent 68%), var(--feature-wash)}.page-intro__layout{align-items:center;gap:1.5rem;padding-block:clamp(2.5rem,5vw,4.75rem);display:grid}.page-intro__copy{min-width:0}.page-intro__title{max-width:56rem;color:var(--feature-ink);letter-spacing:-.03em;text-wrap:balance;margin-top:.65rem;font-size:clamp(2rem,1.4rem + 2.5vw,3.45rem);font-weight:750;line-height:1.14}.page-intro__description{max-width:43rem;color:var(--feature-muted);margin-top:.9rem;line-height:1.75}.page-intro__actions{margin-top:.85rem}.page-intro__artwork{justify-self:start}.page-intro+.feature-section{padding-block-start:clamp(2rem,4.5vw,3.75rem)}@media (width>=640px){.page-intro__layout--artwork{grid-template-columns:minmax(0,1fr) auto}.page-intro__artwork{justify-self:end}}.page-content-title{margin-bottom:1.5rem;font-size:clamp(1.35rem,1.12rem + 1vw,1.875rem);font-weight:700;line-height:1.3}.feature-kicker{color:var(--feature-accent);letter-spacing:.06em;align-items:center;gap:.65rem;font-size:.78rem;font-weight:700;display:flex}.feature-kicker:before{content:"";background:currentColor;width:1.25rem;height:2px}.feature-hero{border-bottom:1px solid var(--feature-line);background:radial-gradient(ellipse at 90% 5%, var(--feature-wash), transparent 70%), var(--surface);overflow:hidden}.feature-hero__layout{align-items:center;gap:clamp(1.75rem,5vw,4.5rem);padding-block:clamp(2.75rem,7vw,6rem);display:grid}.feature-hero h1{letter-spacing:-.035em;text-wrap:balance;margin-top:.9rem;font-size:clamp(2rem,4vw,3.75rem);font-weight:700;line-height:1.12}.feature-hero__description{color:var(--feature-muted);margin-top:1rem;line-height:1.8}.feature-hero__photo{border:1px solid var(--feature-line);background:var(--surface);border-radius:1.35rem;padding:.4rem;box-shadow:0 1.25rem 3rem #0f274c1f}.feature-hero__photo img{aspect-ratio:16/10;object-fit:cover;border-radius:.95rem;width:100%}.feature-hero__photo--uncropped img{aspect-ratio:auto;height:auto}.about-page .feature-hero{background:radial-gradient(ellipse at 85% 12%, color-mix(in srgb, var(--surface) 87%, var(--feature-accent)), transparent 62%), var(--surface)}.about-page .feature-hero__description{max-width:36rem}.about-page .feature-panel--interactive:hover{border-color:color-mix(in srgb, var(--feature-accent) 55%, var(--feature-line))}.about-page .feature-hero__photo--uncropped{padding:.55rem}.feature-button{border:1px solid var(--feature-line);background:var(--surface);min-height:2.75rem;color:var(--feature-ink);border-radius:.65rem;justify-content:center;align-items:center;gap:.55rem;padding:.6rem .95rem;font-size:.875rem;font-weight:650;display:inline-flex}.feature-button--primary{color:#fff;background:#125cac;border-color:#125cac}.feature-button--primary:hover{color:#fff;background:#0d498b}.feature-button:not(.feature-button--primary):hover{border-color:var(--feature-accent);background:var(--feature-wash);color:var(--feature-accent)}.feature-button:focus-visible,.feature-link:focus-visible,.feature-page summary:focus-visible{outline:2px solid var(--feature-accent);outline-offset:3px}.feature-title{letter-spacing:-.025em;text-wrap:balance;margin-top:.45rem;font-size:clamp(1.65rem,3vw,2.6rem);font-weight:700;line-height:1.2}.feature-panel{border:1px solid var(--feature-line);background:var(--surface);border-radius:1rem;min-width:0}.feature-link{color:var(--feature-accent);text-underline-offset:.2em;align-items:center;gap:.45rem;font-weight:650;display:inline-flex}.feature-link:hover{text-decoration:underline}.feature-page [id]{scroll-margin-top:6rem}.feature-panel--interactive:focus-within{border-color:color-mix(in srgb, var(--feature-accent) 62%, var(--feature-line))}.feature-panel--quiet:focus-within{border-color:color-mix(in srgb, var(--feature-accent) 48%, var(--feature-line))}@media (hover:hover){.feature-panel--interactive:hover,.feature-hero__photo:hover{border-color:color-mix(in srgb, var(--feature-accent) 62%, var(--feature-line));box-shadow:0 .75rem 1.8rem color-mix(in srgb, var(--feature-accent) 14%, transparent)}.feature-panel--quiet:hover{border-color:color-mix(in srgb, var(--feature-accent) 48%, var(--feature-line));box-shadow:0 .5rem 1.4rem color-mix(in srgb, var(--feature-accent) 9%, transparent)}}@media (width>=768px){.feature-hero__layout{grid-template-columns:minmax(0,1fr) minmax(0,1.06fr)}}@media (prefers-reduced-motion:no-preference){.feature-hero__copy,.feature-hero__photo,.feature-entered{animation:.44s cubic-bezier(.2,.7,.3,1) both feature-rise}.feature-hero__photo{animation-delay:65ms}.feature-button,.feature-panel--interactive,.feature-hero__photo{transition:border-color .18s,background-color .18s,box-shadow .18s,color .18s,translate .18s}.feature-panel--quiet{transition:border-color .18s,box-shadow .18s}@media (hover:hover){.feature-panel--interactive:not(details):hover{translate:0 -3px}}}@keyframes feature-rise{0%{opacity:.55;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
