.blog-shelf{--bsh-serif:Georgia,var(--font-quote),"Noto Serif KR",serif;--bsh-en:Georgia,"Times New Roman",serif;--bsh-cream:#f6f4ef;--bsh-line:#dde2ea;--bsh-wood:#e4dccb;margin:40px 0 0;padding:clamp(40px,4.5vw,64px) 0 clamp(36px,4vw,52px);background:var(--bsh-cream);border-top:1px solid var(--bsh-line);border-bottom:1px solid var(--bsh-line)}.blog-shelf .bsh-inner{max-width:840px;margin:0 auto;padding:0 28px}.blog-shelf .bsh-eyebrow{margin:0;font-family:var(--bsh-en);font-size:12px;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.blog-shelf .bsh-stage{position:relative;margin:22px -28px 0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgba(43,46,101,.25) transparent;-webkit-overflow-scrolling:touch}.blog-shelf .bsh-row{display:flex;align-items:flex-end;gap:5px;min-width:max-content;padding:0 28px;height:var(--bsh-row-h,448px);perspective:1400px;perspective-origin:50% 40%}.blog-shelf .bsh-plank{height:16px;margin:0 0 10px 28px;background:var(--bsh-wood);box-shadow:0 18px 30px -12px rgba(43,46,101,.25),inset 0 -2px 0 rgba(0,0,0,.05)}.blog-shelf .bsh-book{position:relative;flex:none;width:var(--bsh-w);height:var(--bsh-h);padding:0;border:0;background:none;font:inherit;text-align:left;cursor:pointer;outline:none;transform-style:preserve-3d;transform:rotateX(-2deg) rotate(var(--bsh-tilt,0deg));transition:transform .5s cubic-bezier(.2,.7,.2,1)}.blog-shelf .bsh-book:hover{transform:translateZ(26px) translateY(-8px) rotateX(-2deg) rotate(var(--bsh-tilt,0deg))}.blog-shelf .bsh-book:focus-visible .bsh-spine{box-shadow:0 0 0 2px var(--gold),0 6px 14px -6px rgba(0,0,0,.35)}.blog-shelf .bsh-book.is-open,.blog-shelf .bsh-book.is-open:hover{transform:translateZ(150px) translateY(-40px) translateX(64px) rotateY(-74deg) rotateX(-1deg);z-index:3}.blog-shelf .bsh-spine{position:absolute;inset:0;background:var(--bsh-c);color:var(--bsh-t);border-radius:2px 1px 1px 2px;box-shadow:inset 3px 0 6px -3px rgba(255,255,255,.5),inset -3px 0 6px -3px rgba(0,0,0,.35),0 6px 14px -6px rgba(0,0,0,.35);-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:16px 0 13px;transition:box-shadow .3s}.blog-shelf .bsh-spine .bsh-year{font-family:var(--bsh-en);font-size:11px;letter-spacing:.06em;opacity:.72}.blog-shelf .bsh-spine .bsh-spine-title{writing-mode:vertical-rl;font-family:var(--bsh-serif);font-size:17px;font-weight:600;letter-spacing:.06em;line-height:1;max-height:calc(var(--bsh-h) - 104px);overflow:hidden;white-space:nowrap;-webkit-font-smoothing:antialiased}.blog-shelf .bsh-spine .bsh-brand{display:grid;place-items:center;grid-gap:7px;gap:7px}.blog-shelf .bsh-spine .bsh-brand i{display:block;width:15px;height:1px;background:currentColor;opacity:.55}.blog-shelf .bsh-spine .bsh-brand em{writing-mode:vertical-rl;font-family:var(--bsh-en);font-style:normal;font-size:8.5px;letter-spacing:.16em;opacity:.8}.blog-shelf .bsh-cover{position:absolute;top:0;left:100%;width:182px;height:100%;transform-origin:left center;transform:rotateY(90deg);background:var(--bsh-c);color:var(--bsh-t);border-radius:1px 6px 6px 1px;box-shadow:0 30px 50px -20px rgba(0,0,0,.45);-webkit-backface-visibility:hidden;backface-visibility:hidden;padding:24px 20px;display:flex;flex-direction:column;justify-content:space-between;opacity:0;transition:opacity .25s ease .1s}.blog-shelf .bsh-book.is-open .bsh-cover{opacity:1}.blog-shelf .bsh-cover:before{content:"";position:absolute;inset:13px;border:1px solid;opacity:.3;border-radius:3px;pointer-events:none}.blog-shelf .bsh-cover strong{display:block;font-family:var(--bsh-serif);font-size:20px;font-weight:400;line-height:1.3}.blog-shelf .bsh-cover em{display:block;margin-top:10px;font-size:12px;font-style:normal;letter-spacing:.02em;opacity:.8}.blog-shelf .bsh-cover .bsh-cover-foot{font-family:var(--bsh-en);font-size:9px;letter-spacing:.16em;opacity:.85}.blog-shelf .bsh-cover .bsh-cover-foot b{display:block;margin-bottom:3px;font-size:15px;font-weight:400;letter-spacing:.01em}.blog-shelf .bsh-hint{margin:14px 0 0;display:flex;align-items:center;min-height:28px;font-size:13px;line-height:1.5;color:var(--muted);transition:color .15s ease}.blog-shelf .bsh-hint.is-title{font-family:var(--bsh-serif);font-size:16px;font-weight:600;color:var(--navy)}.blog-shelf .bsh-panel{margin:20px 0 0;opacity:0;transform:translateY(10px);transition:opacity .35s ease,transform .35s ease;pointer-events:none}.blog-shelf .bsh-panel.is-show{opacity:1;transform:none;pointer-events:auto}.blog-shelf .bsh-panel>div{max-width:840px;border:1px solid var(--bsh-line);border-radius:18px;background:var(--white);padding:28px 32px 26px;box-shadow:0 24px 44px -32px rgba(43,46,101,.35)}.blog-shelf .bsh-kicker{margin:0;display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:600;letter-spacing:.02em;color:var(--gold)}.blog-shelf .bsh-kicker i{width:14px;height:1px;background:currentColor;opacity:.6}.blog-shelf .bsh-panel h2{margin:12px 0 0;font-family:var(--bsh-serif);font-size:clamp(23px,3.2vw,30px);font-weight:400;line-height:1.35;letter-spacing:-.01em;color:var(--navy)}.blog-shelf .bsh-desc{margin:14px 0 0;max-width:var(--measure);font-size:14.5px;line-height:1.8;color:var(--ink)}.blog-shelf .bsh-actions{margin:20px 0 0;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.blog-shelf .bsh-read{display:inline-block;padding:11px 22px;border-radius:999px;background:var(--navy);color:var(--white);font-size:14.5px;font-weight:600;text-decoration:none;transition:background .18s ease}.blog-shelf .bsh-read:hover{background:var(--navy-soft)}.blog-shelf .bsh-close{border:0;background:none;padding:0;font:inherit;font-size:13.5px;color:var(--muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.blog-shelf .bsh-close:hover{color:var(--navy)}@media (max-width:640px){.blog-shelf .bsh-inner{padding:0 22px}.blog-shelf .bsh-stage{margin-left:-22px;margin-right:-22px}.blog-shelf .bsh-row{padding:0 22px;height:min(var(--bsh-row-h,370px),370px)}.blog-shelf .bsh-plank{margin-left:22px}.blog-shelf .bsh-book{height:min(var(--bsh-h),316px)}.blog-shelf .bsh-spine .bsh-spine-title{font-size:15.5px;max-height:calc(min(var(--bsh-h), 316px) - 98px)}.blog-shelf .bsh-book.is-open,.blog-shelf .bsh-book.is-open:hover{transform:translateZ(96px) translateY(-28px) translateX(46px) rotateY(-74deg) rotateX(-1deg)}.blog-shelf .bsh-cover{width:144px;padding:18px 16px}.blog-shelf .bsh-cover strong{font-size:17px}.blog-shelf .bsh-panel>div{padding:22px 20px 20px}}@media (prefers-reduced-motion:reduce){.blog-shelf .bsh-book,.blog-shelf .bsh-panel{transition:none}}