.features-page{min-height:100svh;background-color:var(--bg);color:var(--fg)}.features-page__main{box-sizing:border-box;width:100%;max-width:72rem;margin-inline:auto;padding-inline:clamp(1.5rem,4vw,3rem)}.features-hero{display:flex;flex-direction:column;gap:1em;width:100%;max-width:48rem;padding:clamp(6rem,14vw,10rem) 0 3rem}.features-hero__label{letter-spacing:.12em;color:var(--accent4)}.features-hero h1{font-family:skate-blade,sans-serif;font-style:italic;font-size:clamp(2.5rem,8vw,5rem);line-height:1.05;margin:0;text-wrap:balance}.features-hero__subtitle{max-width:36rem;margin:0;line-height:1.35}.features-stories,.features-story{border-top:.2em solid var(--fg)}.features-story{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center;padding:clamp(3rem,8vw,6rem) 0}.features-story:first-child{border-top:none}.features-story-reverse .features-story__image{order:-1}.features-story__content{display:flex;flex-direction:column;gap:1em}.features-story__index{color:var(--accent4)}.features-story__content h2{font-family:skate-blade,sans-serif;font-style:italic;font-size:clamp(1.5rem,4vw,2.5rem);line-height:1.1;margin:0}.features-story__content h3{font-size:clamp(1.1rem,2.5vw,1.5rem);text-transform:none;font-family:Technor-Regular,sans-serif;font-weight:400;line-height:1.35;margin:0;max-width:42ch}.features-story__content .ss{max-width:55ch;margin:0}.features-story__image{border:.25em solid var(--fg);border-radius:1em;overflow:hidden;aspect-ratio:4/3;box-shadow:6px 6px 0 var(--fg);transition:transform .2s ease,box-shadow .2s ease}.features-story__image-link{display:block;width:100%;height:100%;color:inherit}.features-story__image-link:focus-visible{outline:.2em solid var(--accent1);outline-offset:.15em}.features-story__image img{display:block;width:100%;height:100%;object-fit:cover}@media (prefers-reduced-motion:no-preference){@media (min-width:768px){.features-story__image:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--fg)}}}.features-story__image-placeholder{background:repeating-linear-gradient(-45deg,var(--bg2),var(--bg2) 12px,color-mix(in srgb,var(--fg) 6%,transparent) 12px,color-mix(in srgb,var(--fg) 6%,transparent) 24px);min-height:12rem}@media (max-width:768px){.features-story{grid-template-columns:1fr}.features-story-reverse .features-story__image{order:unset}}