/* R593: сцена и шесть карточек по выбранному владельцем примеру автомобильного сайта. */
.hg-story{padding:52px 0;color:var(--hg-ink);scroll-margin-top:130px}
.hg-story__head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:26px}
.hg-store .hg-story__head h2{font-size:clamp(28px,2.5vw,40px);line-height:1.25;margin:0;letter-spacing:-.025em}
.hg-store .hg-story__eyebrow{font-size:11px;letter-spacing:.14em;font-weight:700;color:var(--hg-red);margin:0 0 10px}
.hg-story__layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:20px;align-items:start}
.hg-story__nav{grid-column:2;grid-row:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-self:stretch}
.hg-story__choice{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;min-height:150px;padding:22px 22px 38px;border:1px solid var(--hg-line);border-radius:12px;background:var(--hg-white);color:var(--hg-ink);text-decoration:none;transition:background-color .15s,border-color .15s}
.hg-story__choice-top{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:11px;line-height:1;color:var(--hg-muted);margin-bottom:10px}
.hg-story__choice-top svg{width:23px;height:23px}
.hg-story__choice strong{font-size:16px;line-height:1.45;font-weight:700;text-wrap:balance}
.hg-story__hint{font-size:12px;line-height:1.65;color:var(--hg-muted);text-wrap:pretty}
.hg-story__choice-arrow{position:absolute;right:20px;bottom:14px;color:var(--hg-muted)}
.hg-story__choice-arrow svg{width:17px;height:17px}
.hg-story__choice[aria-selected=true]{background:#181a1d;border-color:var(--hg-red);color:#fff}
.hg-story__choice[aria-selected=true] strong{color:#fff}
.hg-story__choice[aria-selected=true] :is(.hg-story__choice-top,.hg-story__choice-arrow){color:#ff523a}
.hg-story__choice[aria-selected=true] .hg-story__hint{color:#c5c8cb}
.hg-story__choice:focus-visible,.hg-story__step:focus-visible{outline:3px solid var(--hg-red);outline-offset:3px}
@media(hover:hover){.hg-story__choice:hover{border-color:var(--hg-red)}.hg-story__choice:hover .hg-story__choice-arrow{color:var(--hg-red)}}
.hg-story__panels{grid-column:1;grid-row:1;display:grid;gap:20px;min-width:0}
.hg-story__step{overflow:hidden;border:1px solid var(--hg-line);border-radius:14px;background:var(--hg-white);scroll-margin-top:140px}
.hg-story__step[hidden]{display:none}
.hg-story__scene{position:relative;margin:0;min-width:0;background:var(--hg-soft)}
.hg-story__frame{position:relative;display:block;aspect-ratio:4/3;overflow:hidden}
.hg-story__frame>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;object-position:50% 50%}
.hg-story [data-hg-scene-theme=night],html[data-theme=dark] .hg-story [data-hg-scene-theme=day]{display:none}
html[data-theme=dark] .hg-story [data-hg-scene-theme=night]{display:block}
.hg-story__copy{position:relative;padding:22px 24px 24px;min-width:0}
.hg-store .hg-story__num{font-size:10px;letter-spacing:.12em;font-weight:700;color:var(--hg-red);margin:0 0 8px}
.hg-store .hg-story__copy h3{font-size:clamp(20px,1.7vw,26px);font-weight:700;line-height:1.45;margin:0;letter-spacing:-.02em;text-wrap:balance}
.hg-store .hg-story__copy>p:not(.hg-story__num){font-size:14px;line-height:1.85;color:var(--hg-muted);margin:10px 0 0;text-wrap:pretty}
.hg-story__copy>.hg-secondary-link{margin-top:12px;font-size:12px;min-height:30px}
.hg-story.is-ready .hg-story__panels{display:block}
.hg-story [data-hg-story-fit=portrait] .hg-story__frame{background:radial-gradient(ellipse at 50% 100%,var(--hg-line),transparent 70%)}
.hg-story [data-hg-story-fit=portrait] img{padding:18px 0 0;object-position:50% 100%}
@media(min-width:900px){.hg-story__nav{grid-template-rows:repeat(3,minmax(0,1fr))}.hg-story__choice{justify-content:center}.hg-story__copy{min-height:204px}}
@media(max-width:899px){
 .hg-story{padding:32px 0}.hg-story__head{align-items:flex-start;gap:16px}.hg-story__head>.hg-secondary-link{font-size:12px;flex:none}
 .hg-story__layout{display:flex;flex-direction:column;gap:16px}.hg-story__nav{width:100%;gap:8px}.hg-story__panels{width:100%}
 .hg-story__choice{min-height:76px;padding:12px 14px;gap:4px;border-radius:8px}.hg-story__choice-top{width:auto;gap:10px;margin:0;font-size:10px}.hg-story__choice-top svg,.hg-story__choice-arrow{display:none}
 .hg-story__choice strong{font-size:14px}.hg-story__hint{display:none}.hg-story__copy{padding:18px 20px}.hg-store .hg-story__copy h3{font-size:22px}
 .hg-story__head .hg-secondary-link svg{display:none}.hg-story__step{max-width:640px;margin-inline:auto}
}
@media(prefers-reduced-motion:reduce){.hg-story *{transition:none!important;animation:none!important}}