.nana-story-page{--nsp-ink:#34402f;--nsp-line:#dce0d3;background:#fbf7ee;color:var(--nsp-ink);padding:34px 24px 72px;font:16px/1.7 var(--font-body-family,system-ui,sans-serif)}
.nana-story-page *{box-sizing:border-box}
.nana-story-page .nsp-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:clamp(30px,4vw,64px);width:min(1360px,100%);margin:0 auto}
.nana-story-page .nsp-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.nana-story-page .nsp-copy{padding:18px 0 24px}
.nana-story-page .nsp-back{display:inline-flex;align-items:center;min-height:44px;color:#53634b;font:500 12px/1.4 system-ui,sans-serif;text-underline-offset:4px;margin-bottom:22px}
.nana-story-page .nsp-eyebrow{font:650 10px/1.5 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.2em;color:#98543d;margin:0 0 18px}
.nana-story-page h1{font:400 clamp(44px,4.5vw,66px)/1.06 var(--font-heading-family,Georgia,serif);letter-spacing:-.025em;color:var(--nsp-ink);margin:0 0 25px}
.nana-story-page .nsp-tribute{font:400 clamp(17px,1.35vw,19px)/1.85 var(--font-body-family,system-ui,sans-serif);margin:0 0 28px;max-width:490px;color:#4c5846}
.nana-story-page .nsp-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:50px;padding:14px 20px;background:#4d6245;border:1px solid #4d6245;border-radius:14px;color:#fff;text-decoration:none;font:550 13px/1.45 system-ui,sans-serif;max-width:100%}
.nana-story-page svg{width:19px;height:19px;flex-shrink:0;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.nana-story-page .nsp-next{width:min(1180px,100%);margin:40px auto 0;padding-top:36px;border-top:1px solid var(--nsp-line);display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,7vw,100px);align-items:center}
.nana-story-page .nsp-note h2{font:400 clamp(26px,2.7vw,35px)/1.2 var(--font-heading-family,Georgia,serif);letter-spacing:-.015em;margin:0 0 14px;color:var(--nsp-ink)}
.nana-story-page .nsp-note>p:last-child{color:#63705b;font-size:14px;line-height:1.75;margin:0;max-width:510px}
.nana-story-page .nsp-note .nsp-eyebrow{margin-bottom:12px}
.nana-story-page .nsp-links{display:grid;gap:10px}
.nana-story-page .nsp-links a{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:56px;border:1px solid var(--nsp-line);border-radius:13px;background:#fffef8;color:var(--nsp-ink);padding:15px 19px;font:550 14px/1.45 system-ui,sans-serif;text-decoration:none;box-shadow:0 3px 10px #34402f04}
.nana-story-page a:focus-visible{outline:3px solid #8a422f;outline-offset:4px}
@media(hover:hover){.nana-story-page .nsp-button:hover{background:#3b5034}.nana-story-page .nsp-links a:hover{border-color:#aab99e;background:#f3f5ed}}
@media(max-width:999px){.nana-story-page{padding-top:22px}.nana-story-page .nsp-hero{grid-template-columns:1fr;gap:12px;max-width:760px}.nana-story-page .nsp-copy{padding:8px 14px 20px}.nana-story-page .nsp-tribute{max-width:650px}.nana-story-page h1{font-size:48px}.nana-story-page .nsp-next{max-width:732px;margin-top:20px;gap:30px}.nana-story-page .nsp-back{margin-bottom:15px}}
@media(max-width:600px){.nana-story-page{padding:14px 16px 48px}.nana-story-page .nsp-copy{padding:8px 4px 12px}.nana-story-page .nsp-next{grid-template-columns:1fr;padding-top:28px;gap:25px}.nana-story-page h1{font-size:43px;margin-bottom:20px}.nana-story-page .nsp-tribute{font-size:17px;line-height:1.8;margin-bottom:23px}.nana-story-page .nsp-button{gap:18px}.nana-story-page .nsp-eyebrow{margin-bottom:14px}.nana-story-page .nsp-links a{min-height:56px}}
@media(prefers-reduced-motion:no-preference){.nana-story-page .nsp-button,.nana-story-page .nsp-links a{transition:background-color .15s ease,border-color .15s ease}}
@media(forced-colors:active){.nana-story-page .nsp-button,.nana-story-page .nsp-links a{background:Canvas;color:LinkText;border:1px solid LinkText}}