.compare-bar{background:#fffdf8;padding:16px 20px;text-align:center;border-bottom:1px solid #d5d0c7}.compare-bar>span{font-size:11px;color:#675e53}.compare-bar>div{display:flex;justify-content:center;gap:8px;margin:10px 0}.compare-bar button{font:inherit;font-size:12px;border:1px solid #a9a69a;border-radius:4px;padding:10px 13px;background:#fff;cursor:pointer}.compare-bar button[aria-pressed=true]{background:#334438;color:white;border-color:#334438}.compare-bar p{font-size:12px;margin:8px 0 0;color:#574e43}.compare-photo-note{display:none}
body[data-variant=type] .story-opening,body[data-variant=photo] .story-opening{font-family:'Noto Sans KR','Malgun Gothic','Apple SD Gothic Neo',sans-serif}
body[data-variant=type] .story-opening h1,body[data-variant=photo] .story-opening h1{font-size:clamp(34px,4.5vw,62px);font-weight:700;line-height:1.35;letter-spacing:-.045em;color:#283c31}
body[data-variant=type] .story-opening em,body[data-variant=photo] .story-opening em{font-family:inherit;font-weight:500}
body[data-variant=type] .opening-copy,body[data-variant=photo] .opening-copy{font-size:17px;line-height:1.85;color:#454c43}
body[data-variant=type] .story-opening .story-overline,body[data-variant=photo] .story-opening .story-overline{font-size:13px;letter-spacing:.05em;color:#4c594c}
body[data-variant=photo] .story-opening{padding:70px 24px 48px}
body[data-variant=photo] .story-panorama{max-width:1440px;padding:0 5vw}
body[data-variant=photo] .story-panorama img{border-radius:0;width:82%;margin:0;height:auto}
body[data-variant=photo] .story-panorama figcaption{width:82%;font-size:12px;color:#485548;border:0}
body[data-variant=photo] .compare-photo-note{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;max-width:1250px;margin:-50px auto 0;padding:0 5vw 25px;position:relative}
.compare-photo-note>p{font-size:clamp(23px,3vw,40px);line-height:1.5;color:#344d3e;text-align:center;font-weight:400}.compare-photo-note strong{font-weight:600}.compare-photo-note figure{margin:0;background:#f9f6ef;padding:12px;box-shadow:0 12px 30px #46392510}.compare-photo-note img{display:block;width:100%;height:auto}.compare-photo-note figcaption{font-size:11px;color:#555d50;padding-top:12px}
@media(max-width:768px){.compare-bar{padding:12px}.compare-bar button{font-size:11px;padding:9px}.compare-bar p{font-size:11px}body[data-variant=type] .opening-copy,body[data-variant=photo] .opening-copy{font-size:15px}body[data-variant=photo] .story-opening{padding:40px 20px 30px}body[data-variant=photo] .story-panorama{padding:0}body[data-variant=photo] .story-panorama img{width:94%}body[data-variant=photo] .story-panorama figcaption{width:94%;padding:12px 16px;font-size:10px}body[data-variant=photo] .compare-photo-note{margin:8px 0 0;padding:0 16px;gap:12px;grid-template-columns:.85fr 1.15fr}.compare-photo-note>p{font-size:20px}.compare-photo-note figure{padding:6px}.compare-photo-note figcaption{font-size:9px}}

/* Approved B direction, extended as an isolated review page. */
.story-page{font-family:'Noto Sans KR','Malgun Gothic','Apple SD Gothic Neo',sans-serif}
.story-page h2,.story-page h3,.hands-note>p,.story-ending h2{font-family:inherit;font-weight:600;letter-spacing:-.045em}
.letter-body,.moment-copy p,.hands-note>div{font-size:16px;line-height:1.95;color:#475044}
.story-letter>p{font-weight:500;line-height:1.6}.story-letter strong{font-weight:700}.story-overline{color:#52604f;font-size:12px;letter-spacing:.08em}
body[data-variant=photo] .story-panorama{width:calc(100% - 12vw);max-width:1080px;margin-left:6vw;margin-right:auto;background:#fffdf8;padding:14px 14px 0;box-shadow:0 12px 35px #46392514}
body[data-variant=photo] .story-panorama img{width:100%;border-radius:0;height:auto}
body[data-variant=photo] .story-panorama figcaption{width:100%;margin:0;padding:20px 7px 24px;font-size:12px;color:#485044}
body[data-variant=photo] .compare-photo-note{margin:40px auto 0;max-width:1160px;gap:70px;padding:0 40px 0}
.compare-photo-note figure,.moment-layout figure,.hands-large{background:#fffdf8;padding:13px 13px 0;box-shadow:0 12px 35px #46392514;border:1px solid #fffefb}
.compare-photo-note figcaption,.moment-layout figcaption,.hands-large figcaption{margin:0;padding:18px 6px 23px;color:#475044;font-size:12px;line-height:1.7}
.moment-layout img{aspect-ratio:auto;height:auto;background:transparent}.moment-layout{gap:65px;grid-template-columns:1.25fr 1fr}
.story-moments{padding-top:80px;padding-bottom:90px}.moment-copy h3{font-size:34px}.moment-copy a,.hands-note>a{font-size:14px}.story-letter{padding-top:85px;padding-bottom:90px}
.hands-grid{grid-template-columns:1.2fr .85fr;gap:75px}.hands-note>p{font-size:30px}.story-ending>p:not(.story-overline){font-size:16px}
@media(min-width:1500px){body[data-variant=photo] .story-panorama{margin-left:calc((100vw - 1320px)/2)}}
@media(max-width:768px){body[data-variant=photo] .story-panorama{width:calc(100% - 32px);margin:0 16px;padding:8px 8px 0}body[data-variant=photo] .story-panorama figcaption{padding:13px 4px 18px;font-size:10px;flex-wrap:wrap;gap:7px}body[data-variant=photo] .compare-photo-note{margin:27px auto 0;padding:0 18px;gap:15px;grid-template-columns:.75fr 1.25fr}.compare-photo-note figure,.moment-layout figure,.hands-large{padding:8px 8px 0}.compare-photo-note figcaption,.moment-layout figcaption,.hands-large figcaption{font-size:11px;padding:13px 4px 18px}.compare-photo-note>p{font-size:20px}.letter-body,.moment-copy p,.hands-note>div{font-size:15px}.story-letter{padding:65px 22px}.moment-layout,.hands-grid{grid-template-columns:1fr;gap:25px}.story-moments{padding:55px 20px}.moment-copy h3{font-size:28px}.hands-note>p{font-size:27px}.story-ending>p:not(.story-overline){font-size:14px}.story-overline{font-size:11px}}