:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif}
*{box-sizing:border-box}body{margin:0;background:#0d1927;color:#f5f5ef}
.quote-scene{position:relative;isolation:isolate;display:grid;place-items:center;min-height:100svh;padding:clamp(30px,6vw,90px);background:#172434 url('assets/quote-mountains.jpg') center center/cover no-repeat}
.quote-scene:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,13,22,.68),rgba(4,13,22,.42) 58%,rgba(4,13,22,.27)),linear-gradient(0deg,rgba(3,11,18,.5),transparent 45%)}
.entry-dot{position:absolute;top:clamp(14px,2.5vw,30px);right:clamp(14px,2.5vw,30px);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;text-decoration:none}
.entry-dot:after{content:"";width:9px;height:9px;border-radius:50%;background:#f5f2e8;box-shadow:0 0 0 5px rgba(245,242,232,.1),0 0 19px rgba(255,255,255,.35);transition:transform .2s,box-shadow .2s}
.entry-dot:hover:after,.entry-dot:focus-visible:after{transform:scale(1.35);box-shadow:0 0 0 7px rgba(245,242,232,.18),0 0 26px rgba(255,255,255,.55)}
.entry-dot:focus-visible{outline:2px solid #f7e3ad;outline-offset:2px}
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.quote-card{width:min(100%,1030px);margin:0;text-align:center;text-shadow:0 2px 20px rgba(0,0,0,.45)}
.quote-rule{width:52px;height:1px;margin:0 auto clamp(24px,5vw,58px);background:#e7c995;opacity:.9}
blockquote{margin:0;font-family:"Iowan Old Style","Noto Serif KR","AppleMyungjo",Georgia,serif;font-size:clamp(29px,4.1vw,68px);font-weight:500;letter-spacing:-.047em;line-height:1.52;text-wrap:balance;word-break:keep-all}
.quote-card--long blockquote{font-size:clamp(24px,2.35vw,40px);line-height:1.7}
figcaption{margin-top:clamp(24px,4vw,48px);font-size:clamp(14px,1.2vw,18px);letter-spacing:.06em;color:#e8d9b9}
.wordmark{position:absolute;left:50%;bottom:clamp(22px,3vw,42px);transform:translateX(-50%);font-size:11px;font-weight:750;letter-spacing:.33em;color:rgba(255,255,255,.66)}
@media(max-width:680px){.quote-scene{padding:68px 24px 86px;background-position:55% center}.quote-card{max-width:560px}blockquote{font-size:clamp(27px,7vw,43px);line-height:1.58}.quote-card--long blockquote{font-size:clamp(21px,5.3vw,30px);line-height:1.7}.quote-rule{margin-bottom:28px}}