.story-preview{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(3rem,7vw,8rem);align-items:center;background:#081622;color:#fff;overflow:hidden}.story-preview::before{content:"";position:absolute;width:38rem;height:38rem;right:-18rem;top:-16rem;border-radius:50%;background:rgba(198,155,82,.1);filter:blur(30px);pointer-events:none}.story-preview-image{min-height:580px;background:linear-gradient(0deg,rgba(8,22,34,.18),rgba(8,22,34,.18)),url("assets/living-codex-hallway.png") center/cover;box-shadow:0 35px 80px rgba(0,0,0,.34);position:relative}.story-preview-image::after{content:"";position:absolute;inset:0;border:1px solid rgba(229,201,143,.32);transform:translate(14px,14px);pointer-events:none}.story-preview-copy{position:relative;z-index:1;max-width:620px}.story-preview-copy h2{font-size:clamp(4rem,6.7vw,7.5rem);line-height:.86;margin-bottom:2rem}.story-preview-copy p:not(.kicker){color:#c2cdd2;font-size:1.05rem;line-height:1.8}.story-preview-link{margin-top:1.5rem}.site-header{backdrop-filter:blur(5px)}.site-header a:focus-visible,.site-header button:focus-visible,.story-preview a:focus-visible{outline:2px solid var(--gold-light);outline-offset:4px}@media(max-width:900px){.story-preview{grid-template-columns:1fr}.story-preview-image{min-height:420px}.story-preview-copy{max-width:760px}}@media(max-width:700px){.story-preview-image{min-height:320px}.story-preview-copy h2{font-size:3.7rem}}