/* A brief product introduction. The full six-scene experience lives on demos.html. */
.home-page{display:block}
.home-hero{position:relative}
.home-stage{position:relative;height:100svh;min-height:660px}
.home-hero .scene{opacity:1;visibility:visible}
.home-hero .scene-copy.hero-copy{bottom:12%;max-width:75%}
.home-hero .actions{flex-wrap:wrap}
/* Open editorial directory: navigation without floating cards or stacked bases. */
.home-entries{position:relative;padding:88px max(24px,5.9vw) 100px;border-top:1px solid var(--line);background:var(--bg)}
.home-entries-inner{display:grid;grid-template-columns:1fr 1.65fr;gap:8%;max-width:1280px;margin:auto}
.home-section-label{display:block;font-size:9px;letter-spacing:.1em;color:var(--muted);margin:8px 0 29px}
.home-entries-heading h2{margin:0;font-size:clamp(36px,4.5vw,62px);font-weight:500;letter-spacing:-.05em;line-height:1.17}
.home-entry-grid{display:grid;align-content:start}
.home-entry-card{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) 42px;align-items:center;gap:19px;padding:29px 0;border-bottom:1px solid var(--line);color:var(--text);text-decoration:none;transition:background-color 180ms}
.home-entry-card:first-child{border-top:1px solid var(--line)}
.home-entry-number{align-self:start;padding-top:7px;font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}
.home-entry-copy h3{font-size:25px;font-weight:500;line-height:1.35;margin:0 0 9px;letter-spacing:-.025em}
.home-entry-copy p{font-size:12px;line-height:1.7;margin:0;color:var(--muted)}
.home-entry-arrow{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;font-size:22px;transition:transform 220ms,background-color 220ms,color 220ms}
.home-entry-card:hover .home-entry-arrow,.home-entry-card:focus-visible .home-entry-arrow{background:var(--text);color:var(--bg);transform:rotate(45deg)}
.home-entry-card:focus-visible{outline:2px solid var(--text);outline-offset:7px;border-radius:2px}
@media(max-width:700px){
 .home-stage{height:100svh;min-height:640px}
 .home-hero .scene-copy.hero-copy{left:24px;right:24px;bottom:60px;max-width:none}
 .home-hero .hero-copy>p:not(.eyebrow){max-width:320px;font-size:14px}
 .home-hero .actions{gap:14px 22px}
 .home-entries{padding:48px 24px 60px}
 .home-entries-inner{grid-template-columns:1fr;gap:35px}
 .home-section-label{margin:0 0 19px}
 .home-entries-heading h2{font-size:36px}
 .home-entries-heading h2 br{display:none}
 .home-entry-card{grid-template-columns:22px minmax(0,1fr) 36px;gap:12px;padding:25px 0}
 .home-entry-copy h3{font-size:23px}
 .home-entry-arrow{width:34px;height:34px;font-size:20px}
}
@media(prefers-reduced-motion:reduce){.home-entry-arrow{transition:none}}
html[data-reduced-motion=true] .home-entry-arrow{transition:none}
@media(max-height:540px) and (min-width:701px){.home-stage{min-height:600px}}