.eye-story{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 20% 50%,rgba(61,139,255,.09),transparent 55%)}
.eye-story .eye-story-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(30px,6vw,100px);align-items:center}
.eye-story-art{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:330px;gap:30px}
.eye-story-mark{width:clamp(140px,18vw,240px);height:auto;overflow:visible;color:var(--ink);animation:eye-story-breathe 4.8s ease-in-out infinite;filter:drop-shadow(0 0 26px rgba(61,139,255,.2))}
.eye-story-copy h2{font-size:clamp(36px,5vw,66px);letter-spacing:-.045em;line-height:1.04;margin:18px 0 24px}
.eye-story-copy p{max-width:49ch;color:var(--muted);font-size:17px;line-height:1.75}
.eye-story-copy .eye-story-lead{color:var(--ink);font-size:21px}
.eye-story-caption{font:11px/1.5 var(--mono,monospace);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.eye-story-controls{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:26px}
.eye-story-pause{font:inherit;font-size:12px;background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:30px;padding:7px 14px;cursor:pointer}
.eye-story[data-paused="true"] .eye-story-mark{animation-play-state:paused}
@keyframes eye-story-breathe{0%,100%{transform:scale(.94);opacity:.8}50%{transform:scale(1);opacity:1}}
@media(max-width:700px){.eye-story .eye-story-layout{grid-template-columns:1fr}.eye-story-art{min-height:220px}.eye-story-copy p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.eye-story .eye-story-mark{animation:none!important;transform:none}.eye-story-pause{display:none}}