/* A quiet overview between the cinematic opening and the detailed call story. */
.feature-overview{position:relative;padding:125px 48px 115px;background:#fbfaf7;color:#354333;scroll-margin-top:80px}
.overview-inner{max-width:1200px;margin-inline:auto}
.feature-overview h2{font-size:clamp(30px,3.25vw,44px);line-height:1.4;font-weight:600;letter-spacing:-.055em;text-align:center;margin:0 0 52px}
.overview-cards{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0;padding:0}
.overview-cards>li{min-width:0}
.overview-card{position:relative;display:flex;flex-direction:column;height:100%;min-height:480px;overflow:hidden;border:1px solid transparent;border-radius:25px;color:inherit;text-decoration:none;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s}
.overview-call{background:#eaf0e4}
.overview-share{background:#34483b;color:#f8f6ea}
.overview-biography{background:#efe8db}
.overview-art{height:258px;position:relative;display:grid;place-items:center;isolation:isolate;flex-shrink:0}
.overview-copy{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;padding:14px 30px 29px}
.overview-copy h3{font-size:25px;line-height:1.38;letter-spacing:-.045em;font-weight:600;min-height:69px;margin:0 0 14px}
.overview-copy p{font-size:13px;line-height:1.95;color:#6b775f;letter-spacing:-.02em;margin:0 0 26px;min-height:51px;word-break:keep-all}
.overview-share .overview-copy p{color:#d3dccb}
.overview-biography .overview-copy p{color:#7c725f}
.overview-more{display:flex;gap:12px;align-items:center;font-size:11px;line-height:1.6;letter-spacing:-.015em;margin-top:auto;opacity:.82}
.overview-more svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4;transition:transform .3s}
.overview-card:focus-visible{outline:3px solid #a87545;outline-offset:5px}
@media(hover:hover){.overview-card:hover{transform:translateY(-6px);box-shadow:0 20px 32px -20px #36422d40}.overview-card:hover .overview-more{opacity:1}.overview-card:hover .overview-more svg{transform:translateX(5px)}.overview-card:hover .overview-call-object,.overview-card:hover .overview-share-object,.overview-card:hover .overview-book-object{translate:0 -5px}}
.overview-call-object,.overview-share-object,.overview-book-object{position:relative;width:270px;height:244px;transition:translate .45s cubic-bezier(.22,1,.36,1)}
.overview-receiver{position:absolute;display:grid;place-items:center;width:137px;height:137px;left:67px;top:42px;border-radius:39px;background:radial-gradient(ellipse at 26% 10%,#b6cd99,#8fae71 48%,#73975b 100%);border:1px solid #a1bb84;box-shadow:inset 1px 3px 3px #ebf3d9bd,inset -2px -3px 4px #54734470,1px 2px 0 #66844f,2px 4px 0 #66844f,3px 6px 0 #5b7946,4px 8px 0 #5b7946,5px 10px 1px #557342,13px 25px 25px -7px #68805759;transform:perspective(500px) rotateX(17deg) rotateY(-17deg) rotateZ(-16deg)}
.overview-receiver svg{width:63px;height:63px;fill:#f6f4df;stroke:#f6f4df;stroke-width:.7;filter:drop-shadow(1px 3px 1px #3a633557);transform:rotate(-4deg)}
.overview-orbit{position:absolute;border:1px solid #c0cfaf;border-radius:50%;left:16px;top:43px;width:238px;height:148px;transform:rotate(-29deg)}
.overview-orbit.orbit-back{border-color:#d1dbc5;left:4px;top:28px;width:262px;height:176px;transform:rotate(-29deg)}
.overview-call-wave{position:absolute;left:94px;top:190px;display:flex;align-items:center;justify-content:center;gap:5px;padding:11px 16px;border:1px solid #f6f9ed;border-radius:25px;background:#f7faee;box-shadow:0 8px 20px -10px #6d84574d;transform:rotate(-6deg)}
.overview-call-wave i{width:3px;height:9px;border-radius:3px;background:#90a375}.overview-call-wave i:nth-child(2n){height:16px}.overview-call-wave i:nth-child(3n){height:22px}.overview-call-wave i:nth-child(4){height:27px}
.overview-share-object{perspective:800px}
.overview-note{position:absolute;display:block;width:169px;height:169px;border:1px solid #e9e5d6;border-radius:13px;background:linear-gradient(120deg,#fffdf2,#eee8d7);box-shadow:0 16px 25px -14px #14271b80}
.overview-note.note-back{left:35px;top:32px;transform:rotate(-18deg);background:#becbb5;border-color:#cbd7c2}
.overview-note.note-front{left:57px;top:44px;transform:rotate(-9deg);padding:21px 25px}
.overview-quote{font-family:Georgia,serif;font-size:65px;font-weight:700;color:#929e7d;line-height:1;display:block;height:59px}
.overview-rule{display:block;height:6px;width:77%;border-radius:4px;background:#d6d9c6;margin-bottom:9px}.overview-rule.rule-long{width:100%}.overview-rule.rule-short{width:57%}
.overview-topic{position:absolute;z-index:2;left:31px;top:157px;display:flex;align-items:center;gap:11px;width:216px;height:64px;background:linear-gradient(125deg,#e9bd8b,#dca876);color:#674b2e;border:1px solid #f0c79c;border-radius:13px 13px 13px 3px;box-shadow:inset 0 1px 1px #fff3d97a,2px 3px 0 #a8754b,8px 16px 24px -9px #1c302299;padding:13px 16px;transform:rotate(7deg);font-size:12px;letter-spacing:-.035em;font-weight:550;white-space:nowrap}
.overview-topic-mark{display:grid;place-items:center;background:#f5d7ac;color:#9b754e;border-radius:50%;width:31px;height:31px;font-family:Georgia,serif;font-size:37px;line-height:1;padding-top:7px;flex-shrink:0}.overview-topic>i{width:5px;height:5px;background:#a77c54;border-radius:50%;margin-left:auto}
/* The overview uses the same soft illustrated objects for all three features. */
.overview-book-object{--book-cover:#688261;--book-edge:#405a3c;--book-ink:#f7efd7;--book-paper:#f7f0df;--book-ribbon:#c68859}
.overview-book-shadow{position:absolute;left:62px;top:202px;width:163px;height:24px;border-radius:50%;background:#746b4c30;filter:blur(13px);transform:rotate(-12deg)}
.overview-book-volume{position:absolute;left:68px;top:24px;width:145px;height:180px;transform:perspective(700px) rotateX(12deg) rotateY(-18deg) rotateZ(-12deg);transform-style:preserve-3d}
.overview-book-back{position:absolute;inset:16px -12px -16px 10px;border-radius:5px 10px 10px 5px;background:var(--book-edge);box-shadow:1px 3px 0 #344e33,8px 15px 21px -10px #514f364a}
.overview-book-pages{position:absolute;inset:9px -9px -12px 10px;border-radius:3px 8px 8px 3px;border:1px solid #ded3bc;background:repeating-linear-gradient(0deg,#d9cfb8 0 1px,var(--book-paper) 1px 3px);box-shadow:inset -4px 0 5px #fff9e9,2px 1px 1px #455b3633}
.overview-book-ribbon{position:absolute;width:16px;height:58px;right:19px;bottom:-34px;background:linear-gradient(90deg,#b97547,var(--book-ribbon) 28%,#d4996c 75%,#bd8054);clip-path:polygon(0 0,100% 0,100% 100%,50% 84%,0 100%);transform:rotate(-2deg)}
.overview-book-cover{position:absolute;inset:0;border:1px solid #91a482;border-radius:5px 10px 10px 5px;overflow:hidden;background:linear-gradient(115deg,#8b9f76 0%,var(--book-cover) 48%,#587650 100%);box-shadow:inset 1px 2px 2px #d0d8b570,inset -1px -2px 2px #314c3550,0 2px 0 #506b49,0 4px 0 #496342,0 6px 2px #435c3c,5px 9px 10px -5px #41432d4d;color:var(--book-ink)}
.overview-book-binding{position:absolute;inset:0 auto 0 0;width:16px;border-right:1px solid #394f3940;background:linear-gradient(90deg,#415c42a6,#acc19526 60%,#354f3424 89%,#c2d3a342);box-shadow:1px 0 2px #aec09426}
.overview-book-label{position:absolute;left:37px;top:26px;font-family:var(--serif,'AppleMyungjo','Noto Serif KR',serif);font-size:21px;line-height:1.6;letter-spacing:.12em;font-weight:500;text-shadow:0 1px 1px #2e493726}
.overview-book-landscape{position:absolute;width:105px;height:64px;left:24px;bottom:13px;color:var(--book-ink);opacity:.77}
@media(max-width:1100px){.feature-overview{padding:108px 36px 90px}.overview-cards{gap:16px}.overview-copy{padding-inline:24px}.overview-copy h3{font-size:23px;min-height:64px}.overview-copy p{font-size:12px;min-height:71px}.overview-art{height:238px}.overview-call-object,.overview-share-object,.overview-book-object{scale:.9}.overview-card{min-height:475px}}
@media(min-width:701px) and (max-width:850px){.feature-overview{padding-inline:24px}.overview-cards{gap:12px}.overview-copy{padding:10px 18px 25px}.overview-copy h3{font-size:21px;min-height:59px}.overview-copy p{font-size:12px;min-height:94px}.overview-copy p br{display:none}.overview-art{height:210px}.overview-call-object,.overview-share-object,.overview-book-object{scale:.78}.overview-more{font-size:10px;gap:6px}.overview-card{min-height:455px}}
@media(max-width:700px){.feature-overview{padding:83px 24px 74px;scroll-margin-top:70px}.feature-overview h2{font-size:30px;margin-bottom:32px;line-height:1.45}.overview-cards{grid-template-columns:1fr;max-width:440px;margin-inline:auto;gap:18px}.overview-card{min-height:0;border-radius:23px}.overview-art{height:235px}.overview-call-object,.overview-share-object,.overview-book-object{scale:1}.overview-copy{padding:7px 29px 28px}.overview-copy h3{font-size:24px;min-height:0;margin-bottom:15px}.overview-copy h3 br{display:none}.overview-copy p{font-size:13px;min-height:0;margin-bottom:23px}.overview-more{font-size:11px}}
@media(max-width:360px){.feature-overview{padding-inline:20px}.feature-overview h2{font-size:26px}.overview-art{height:214px}.overview-call-object,.overview-share-object,.overview-book-object{scale:.87}.overview-copy{padding-inline:23px}.overview-copy h3{font-size:22px}.overview-copy h3 br{display:block}.overview-copy p{font-size:12px}.overview-copy p br{display:none}}
@media(prefers-reduced-motion:reduce){.feature-overview *{transition:none!important}.overview-card:hover,.overview-card:hover .overview-more svg{transform:none}.overview-card:hover .overview-call-object,.overview-card:hover .overview-share-object,.overview-card:hover .overview-book-object{translate:none}}