.cmc-book-object{--book-ink:#132c3d;--book-light:#f9f8f4;--book-spine:#294459;position:relative;display:block;width:100%;max-width:340px;aspect-ratio:3/4.25;margin:auto;perspective:1000px;filter:drop-shadow(10px 18px 11px #0c1d2c45);transition:filter .32s,transform .32s}
.cmc-book-object:hover{filter:drop-shadow(14px 22px 13px #0c1d2c65);transform:translateY(-7px)}
.cmc-book-shell{position:absolute;inset:1px 7px 4px 31px;transform:rotateY(-7deg);transform-origin:left center;transform-style:preserve-3d;transition:transform .32s}
.cmc-book-object:hover .cmc-book-shell{transform:rotateY(-5deg)}
.cmc-book-spine{position:absolute;z-index:1;top:0;bottom:0;left:-30px;width:31px;background:linear-gradient(90deg,#152c3c,var(--book-spine) 56%,#486274);color:#fff;display:flex;flex-direction:column;align-items:center;writing-mode:vertical-rl;padding:25px 6px 12px;box-shadow:inset -5px 0 8px #0003;border-radius:2px 0 0 2px;clip-path:polygon(0 3%,100% 0,100% 100%,0 97%)}
.cmc-book-spine b{font-size:11px;line-height:1.25;letter-spacing:-.05em;word-break:keep-all}
.cmc-book-page-edge{position:absolute;z-index:0;right:-6px;top:5%;bottom:2px;width:7px;transform:skewY(4deg);background:repeating-linear-gradient(90deg,#e5e4df 0 1px,#faf9f5 2px 3px,#d8d6d0 4px);border:1px solid #a7a7a1;box-shadow:3px 4px 4px #0002}
.cmc-book-page-bottom{position:absolute;z-index:0;left:3px;right:-6px;bottom:-5px;height:6px;transform:skewX(34deg);transform-origin:left top;background:repeating-linear-gradient(0deg,#c6c4bd 0 1px,#f6f5f0 2px 3px);border-bottom:1px solid #aaa8a1}
.cmc-book-front{position:relative;z-index:2;height:100%;overflow:hidden;background:#f5f5ee;color:var(--book-ink);border:1px solid #a5acae;box-shadow:inset 3px 0 4px #0002,1px 1px 2px #0003;display:flex;flex-direction:column;padding:11% 7% 5%;clip-path:polygon(0 0,100% 5%,100% 100%,0 100%)}
.cmc-book-front:before{content:'';position:absolute;z-index:2;left:0;top:0;bottom:0;width:8px;background:linear-gradient(90deg,#111b243b,transparent);pointer-events:none}
.cmc-book-art-image,.cmc-book-shade{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.cmc-book-art-image{object-fit:cover;object-position:center}.cmc-book-shade{background:linear-gradient(180deg,#fffdf9f5 0%,#fffdf9e8 31%,#fffdf900 58%,#1d33478c 100%)}
.cmc-book-masthead,.cmc-book-title,.cmc-book-footer{position:relative;z-index:3}.cmc-book-masthead{display:flex;justify-content:space-between;align-items:center;gap:8px;border:0;padding:8px 0 6px;margin:0 0 4px}.cmc-book-masthead:before,.cmc-book-masthead:after{content:'';position:absolute;left:0;right:0;height:2px;background:currentColor;transform:rotate(5deg);transform-origin:left center;pointer-events:none}.cmc-book-masthead:before{top:-11px}.cmc-book-masthead:after{bottom:-8px;height:1px}.cmc-book-wordmark{display:block;width:43%;height:12px;background:currentColor;-webkit-mask:url('/assets/cmc-tech-wordmark.svg') center/contain no-repeat;mask:url('/assets/cmc-tech-wordmark.svg') center/contain no-repeat;flex:none}.cmc-book-masthead>span:last-child{font-size:8px;font-weight:900;letter-spacing:.11em;white-space:nowrap}
.cmc-book-title{margin:8% 0 auto}.cmc-book-title small{font-size:8px;font-weight:900;letter-spacing:.17em}.cmc-book-title strong{display:block;font-family:'Noto Sans KR',sans-serif;font-size:clamp(23px,2.5vw,37px);line-height:1.16;letter-spacing:-.09em;font-weight:900;margin:11px 0 9px;word-break:keep-all}.cmc-book-title em{display:block;font-size:11px;font-weight:800;font-style:normal;line-height:1.45;letter-spacing:-.04em}.cmc-book-footer{display:flex;justify-content:space-between;align-items:end;gap:7px;color:#fff;border-top:1px solid #fff9;padding-top:7px;margin-top:auto;font-size:7px;font-weight:800;letter-spacing:.04em;text-shadow:0 1px 4px #0009}.cmc-book-footer b{font-size:20px;line-height:1}
.cmc-book-arrival{--book-spine:#e1d1be}.cmc-book-arrival .cmc-book-spine{color:#183244;background:linear-gradient(90deg,#b9a48e,#e7dbca 65%,#f8ede0)}
.cmc-book-arrival .cmc-book-title strong{font-family:'Noto Serif KR',serif;font-weight:900}
.cmc-book-excel{--book-spine:#17335b;--book-ink:#fff}.cmc-book-excel .cmc-book-shade{background:linear-gradient(180deg,#071d40ed 0%,#09234aab 33%,transparent 63%,#071e42b3 100%)}.cmc-book-excel .cmc-book-title strong{font-family:'Noto Sans KR',sans-serif}
.cmc-book-systems{--book-spine:#0a4357;--book-ink:#fff}.cmc-book-systems .cmc-book-shade{background:linear-gradient(180deg,#032e43e8 0%,#064157b0 33%,transparent 67%,#05283cb8 100%)}
.cmc-book-finance{--book-spine:#332642;--book-ink:#fff}.cmc-book-finance .cmc-book-shade{background:linear-gradient(180deg,#1b203aee 0%,#252744ad 33%,transparent 65%,#251d35b8 100%)}.cmc-book-finance .cmc-book-title strong{font-family:'Noto Serif KR',serif}
@media(max-width:650px){.cmc-book-title strong{font-size:clamp(20px,6vw,29px)}.cmc-book-masthead span{font-size:6px}.cmc-book-title em{font-size:9px}}
/* One planar cover: logo, typography and artwork share the same transform. */
.cmc-book-shell{inset:0 7px 4px 21px;transform:rotateY(-12deg)}
.cmc-book-spine{left:-20px;width:21px;clip-path:none;transform:skewY(-8deg);transform-origin:right top;padding:24px 4px 12px}
.cmc-book-spine b{font-size:9px;letter-spacing:.02em}
.cmc-book-front{clip-path:none;padding:8% 8% 5%;background:#fff7ea}
.cmc-book-page-edge{top:0;transform:none}.cmc-book-page-bottom{transform:skewX(18deg)}
.cmc-book-masthead{padding:0;margin:0 0 18px;min-height:15px}.cmc-book-masthead:before,.cmc-book-masthead:after{display:none}
.cmc-book-wordmark{width:45%;height:14px}.cmc-book-title{margin:0 0 auto}.cmc-book-title small{font-size:8px;letter-spacing:.035em;opacity:.85}.cmc-book-title strong{font-size:30px;line-height:1.25;letter-spacing:-.065em;margin:10px 0 12px}.cmc-book-title em{font-size:11px;line-height:1.6}
.cmc-book-art-image{top:40%;height:60%;object-position:center;object-fit:cover}.cmc-book-shade{background:linear-gradient(180deg,#fff7ea 0%,#fff7ea 36%,#fff7ea55 52%,transparent 65%,#0b2639b3 100%)}
.cmc-book-footer{border:0;font-size:7px;letter-spacing:0;line-height:1.5;text-shadow:0 1px 4px #0009}.cmc-book-footer b{font-size:16px}
.cmc-book-arrival{--book-ink:#18384e}.cmc-book-excel{--book-ink:#fff}.cmc-book-excel .cmc-book-front{background:#082c47}.cmc-book-excel .cmc-book-shade{background:linear-gradient(180deg,#082c47 0%,#082c47 35%,#082c4766 53%,transparent 67%,#082c47cf 100%)}
.cmc-book-systems{--book-ink:#0d354a}.cmc-book-systems .cmc-book-front{background:#edf6f7}.cmc-book-systems .cmc-book-shade{background:linear-gradient(180deg,#edf6f7 0%,#edf6f7 37%,#edf6f75c 54%,transparent 68%,#05283cbd 100%)}
.cmc-book-finance{--book-ink:#fff}.cmc-book-finance .cmc-book-front{background:#292c49}.cmc-book-finance .cmc-book-shade{background:linear-gradient(180deg,#292c49 0%,#292c49 35%,#292c4966 54%,transparent 68%,#252640dd 100%)}
.cmc-book-front .cmc-book-title em,.cmc-book-front .cmc-book-title small{color:var(--book-ink)!important}

/* Flat, rectangular book covers: no perspective distortion on any surface. */
.cmc-book-object{perspective:none;filter:drop-shadow(5px 10px 8px #0c1d2c30)}
.cmc-book-shell,.cmc-book-object:hover .cmc-book-shell{inset:0 4px 3px 15px;transform:none;transform-style:flat}
.cmc-book-spine{left:-14px;width:15px;transform:none;clip-path:none;padding:18px 2px 10px}
.cmc-book-spine b{font-size:8px}
.cmc-book-page-edge{right:-3px;width:4px;top:2px;bottom:0;transform:none}
.cmc-book-page-bottom{left:0;right:-3px;bottom:-3px;height:3px;transform:none}
.cmc-book-front{clip-path:none}