.story-landing{min-height:100vh;background:radial-gradient(circle at 78% 12%,color-mix(in srgb,var(--story-accent) 18%,transparent),transparent 34%),var(--ui-bg);color:var(--ui-text)}.story-landing--rose{--story-accent:#bf7b72}.story-landing--blue{--story-accent:#7088aa}.story-landing-choice-examples,.story-landing-details,.story-landing-footer,.story-landing-hero,.story-landing-overview{width:min(1240px,calc(100% - 56px));margin-inline:auto}.story-landing-header{position:sticky;top:0;z-index:100;width:100%;height:60px;display:flex;align-items:center;gap:14px;padding:0 max(28px,calc((100vw - 1480px) / 2));border-bottom:1px solid var(--ui-line);background:var(--ui-bg)}.story-landing a{text-decoration:none}.story-landing-brand{flex:0 0 auto;display:inline-flex;align-items:center;gap:10px;color:var(--ui-text);font-family:var(--font-ui);font-size:18px;font-weight:800;letter-spacing:.2em}.story-landing-brand .echoary-brand-mark{flex:0 0 auto;border-radius:50%}.story-landing-brand span{margin-left:2px;color:var(--ui-dim);font-size:8px;font-weight:600;letter-spacing:.08em}.story-landing-hero{min-height:590px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(400px,.95fr);align-items:center;gap:clamp(48px,6vw,84px);padding-block:48px 56px}.story-landing-copy>p,.story-landing-details>div:first-child>p{margin:0 0 18px;color:var(--story-accent);font-size:11px;font-weight:750;letter-spacing:.14em}.story-landing-copy h1{max-width:680px;margin:0;font-family:var(--font-ui);font-size:clamp(44px,5.5vw,74px);font-weight:560;line-height:1.08;letter-spacing:-.055em}.story-landing-copy{display:flex;flex-direction:column}.story-landing-hook{max-width:670px;display:block;margin-top:24px;color:var(--ui-muted);font-size:15px;line-height:1.8}.story-landing-meta{display:flex;gap:18px;margin-top:24px;color:var(--ui-muted)}.story-landing-meta small+small{padding-left:18px;border-left:1px solid var(--ui-line)}.story-landing-actions{display:flex;align-items:center;gap:14px;margin-top:30px}.story-landing-primary,.story-landing-secondary{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 22px;border-radius:9px;font-size:13px;font-weight:700}.story-landing-primary{background:var(--story-accent);color:#fff}.story-landing-secondary{border:1px solid var(--ui-line-strong);color:var(--ui-text)}.story-landing-art{position:relative;min-height:500px;overflow:hidden;border:1px solid var(--ui-line);border-radius:18px;box-shadow:var(--ui-panel-shadow)}.story-landing-art:after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,transparent 55%,color-mix(in srgb,var(--ui-bg) 62%,transparent));pointer-events:none}.story-landing-art img{object-fit:cover}.story-landing-overview{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:clamp(48px,7vw,100px);padding-block:64px;border-top:1px solid var(--ui-line)}.story-landing-overview h2{margin:0;font-family:var(--font-ui);font-size:clamp(30px,3.6vw,46px);font-weight:560;line-height:1.18;letter-spacing:-.035em}.story-landing-overview-copy>span{display:block;margin-top:22px;color:var(--ui-muted);font-size:14px;line-height:1.85}.story-landing-discovery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.story-landing-discovery-grid article{padding:26px;border:1px solid var(--ui-line);border-radius:14px;background:color-mix(in srgb,var(--ui-surface) 82%,transparent)}.story-landing-discovery-grid h3{margin:0 0 18px;font-size:15px}.story-landing-discovery-grid dl,.story-landing-discovery-grid ul{margin:0;padding:0;color:var(--ui-muted);font-size:12px;line-height:1.7}.story-landing-discovery-grid ul{display:grid;gap:12px;padding-left:18px}.story-landing-discovery-grid dl{display:grid;gap:14px}.story-landing-discovery-grid dl>div{padding-bottom:12px;border-bottom:1px solid var(--ui-line)}.story-landing-discovery-grid dl>div:last-child{padding-bottom:0;border-bottom:0}.story-landing-discovery-grid dt{color:var(--ui-text);font-weight:700}.story-landing-discovery-grid dd{margin:3px 0 0}.story-landing-choice-examples{display:grid;grid-template-columns:minmax(240px,.68fr) minmax(0,1.32fr);gap:clamp(40px,6vw,84px);padding-block:64px 72px;border-top:1px solid var(--ui-line)}.story-landing-choice-heading h2{margin:0;font-family:var(--font-ui);font-size:clamp(28px,3.4vw,44px);font-weight:560;line-height:1.18;letter-spacing:-.035em}.story-landing-choice-grid{display:grid;gap:16px}.story-landing-choice-grid article{padding:26px 28px;border:1px solid var(--ui-line);border-radius:14px;background:color-mix(in srgb,var(--ui-surface) 82%,transparent)}.story-landing-choice-grid h3{margin:0 0 20px;font-family:var(--font-ui);font-size:20px;font-weight:560;line-height:1.45}.story-landing-choice-grid dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0}.story-landing-choice-grid dl>div{padding-top:14px;border-top:1px solid var(--ui-line)}.story-landing-choice-grid dt{color:var(--ui-text);font-size:11px;font-weight:700}.story-landing-choice-grid dd{margin:7px 0 0;color:var(--ui-muted);font-size:12px;line-height:1.7}.story-landing-details{display:grid;gap:44px;padding-block:64px 72px;border-top:1px solid var(--ui-line)}.story-landing-details>div:first-child{display:grid;grid-template-columns:minmax(150px,.28fr) minmax(0,1fr);align-items:start;gap:clamp(34px,5vw,70px)}.story-landing-details>div:first-child>p{margin-top:8px}.story-landing-details h2{max-width:760px;margin:0;font-family:var(--font-ui);font-size:clamp(32px,4.2vw,52px);font-weight:560;line-height:1.16;letter-spacing:-.035em}.story-landing-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ui-line);border-bottom:1px solid var(--ui-line)}.story-landing-features article{display:grid;grid-template-columns:32px minmax(0,1fr);align-content:start;gap:12px 16px;min-width:0;padding:28px clamp(22px,2.6vw,36px) 30px 0;border-right:1px solid var(--ui-line)}.story-landing-features article+article{padding-left:clamp(22px,2.6vw,36px)}.story-landing-features article:last-child{padding-right:0;border-right:0}.story-landing-features span{color:var(--story-accent);font-size:11px}.story-landing-features h3{margin:0;font-size:17px;font-weight:650}.story-landing-features p{grid-column:2;margin:0;color:var(--ui-muted);font-size:13px;line-height:1.75}.story-landing-related{max-width:1240px;margin:0 auto;padding:72px 0 82px;border-top:1px solid var(--ui-line)}.story-landing-related-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px 24px;margin-bottom:24px}.story-landing-related-heading p{grid-column:1/-1;margin:0;color:var(--story-accent);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.story-landing-related-heading h2{margin:0;color:var(--ui-text);font-family:var(--font-ui);font-size:clamp(28px,3vw,42px);font-weight:400}.story-landing-related-heading a{padding-bottom:4px;color:var(--ui-muted);font-size:12px}.story-landing-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.story-landing-related-card{min-width:0;overflow:hidden;border:1px solid var(--ui-line);border-radius:12px;background:var(--ui-surface)}.story-landing-related-art{position:relative;display:block;aspect-ratio:16/9;overflow:hidden}.story-landing-related-art:after{position:absolute;inset:auto 0 0;height:42%;content:"";background:linear-gradient(transparent,var(--ui-surface))}.story-landing-related-art img{object-fit:cover;transition:transform .35s ease}.story-landing-related-card:hover .story-landing-related-art img{transform:scale(1.025)}.story-landing-related-copy{min-height:132px;display:grid;align-content:start;gap:9px;padding:18px}.story-landing-related-copy small{color:var(--story-accent);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.story-landing-related-copy strong{color:var(--ui-text);font-family:var(--font-ui);font-size:22px;font-weight:400}.story-landing-related-copy b{margin-top:auto;color:var(--ui-muted);font-size:11px;font-weight:500}.story-landing-footer{min-height:110px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--ui-line);color:var(--ui-muted);font-size:11px;letter-spacing:.1em}.story-landing-footer a{color:var(--story-accent)}.story-landing-footer-actions,.story-landing-footer-preferences{display:flex;align-items:center}.story-landing-footer-actions{gap:18px}.story-landing-footer-preferences{gap:6px;letter-spacing:0}.story-landing-footer-preferences .language-switcher,.story-landing-footer-preferences .theme-switcher-trigger{min-height:32px;border-color:transparent;background:transparent}.story-landing-footer-preferences .language-switcher{padding:1px}.story-landing-footer-preferences .language-switcher :is(button,a){height:28px;min-width:30px;padding:0 6px;font-size:10px}.story-landing-footer-preferences .theme-switcher-trigger{padding:0 8px;color:var(--ui-dim);font-size:10px}.story-landing-footer-preferences :is(.language-switcher,.theme-switcher-trigger):hover{border-color:var(--ui-line);background:var(--ui-surface)}.story-landing-footer-preferences .theme-switcher-menu{top:auto;bottom:calc(100% + 8px)}@media (max-width:820px){.story-landing-choice-examples,.story-landing-details,.story-landing-footer,.story-landing-hero,.story-landing-overview,.story-landing-related{width:min(100% - 28px,640px)}.story-landing-hero{min-height:auto;grid-template-columns:1fr;gap:42px;padding-block:48px 68px}.story-landing-copy h1{font-size:clamp(42px,13vw,62px)}.story-landing-art{min-height:430px}.story-landing-choice-examples,.story-landing-discovery-grid,.story-landing-overview{grid-template-columns:1fr}.story-landing-overview{gap:36px}.story-landing-choice-examples,.story-landing-details{gap:36px;padding-block:56px 64px}.story-landing-details,.story-landing-details>div:first-child,.story-landing-features,.story-landing-related-grid{grid-template-columns:1fr}.story-landing-details>div:first-child{gap:10px}.story-landing-details>div:first-child>p{margin-top:0}.story-landing-features article,.story-landing-features article+article{padding:24px 0;border-right:0;border-bottom:1px solid var(--ui-line)}.story-landing-features article:last-child{border-bottom:0}.story-landing-related{padding-block:56px 64px}}@media (max-width:520px){.story-landing-header{height:64px}.story-landing-header-actions{gap:8px}.story-landing-brand{font-size:17px}.story-landing-brand span{display:none}.story-landing-back{max-width:80px;text-align:right}.story-landing-actions{order:3;align-items:stretch;flex-direction:column}.story-landing-hook{order:5;display:-webkit-box;max-width:100%;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.story-landing-meta{order:4;align-items:flex-start;flex-direction:column;gap:8px}.story-landing-meta small+small{padding-left:0;border-left:0}.story-landing-art{min-height:280px}.story-landing-choice-grid article{padding:22px}.story-landing-choice-grid dl{grid-template-columns:1fr}.story-landing-related-heading{grid-template-columns:1fr;align-items:start}.story-landing-footer{align-items:flex-start;flex-direction:column;justify-content:center;gap:12px}.story-landing-footer-actions{width:100%;align-items:flex-start;flex-direction:column;gap:14px}.story-landing-footer-preferences{width:100%;justify-content:space-between}.story-landing-footer-preferences .theme-switcher-trigger{width:auto;padding:0 8px}.story-landing-footer-preferences .theme-switcher-trigger span{display:inline}}