.dragon-breadcrumbs{margin:24px 5% 18px;font-size:11px}.dragon-hero{margin:0 5% 40px;padding:42px;display:grid;grid-template-columns:1.1fr .9fr;gap:35px;align-items:center;border-radius:24px;background:radial-gradient(ellipse at 92% 0,#1e829e,#123e5d 55%,#0a2035);color:white;position:relative;overflow:hidden}.dragon-hero h1{font-size:clamp(42px,5vw,72px);line-height:1.05;letter-spacing:-2.4px;margin:20px 0}.dragon-hero .eyebrow{color:#ffdc4d;font-size:9px;letter-spacing:2px}.dragon-hero p:not(.eyebrow){font-size:13px;line-height:1.9;color:#d1e5ef;max-width:460px}.dragon-hero .primary{margin:16px 0}.dragon-hero .dragon-stamp{font-size:8px!important;letter-spacing:1.4px;opacity:.7}.dragon-covers{position:relative;min-height:300px;display:flex;align-items:center;justify-content:center}.dragon-covers img{position:absolute;height:245px;max-width:43%;object-fit:contain;filter:drop-shadow(8px 15px 10px #0005);transition:transform .3s}.dragon-covers img:first-child{left:0;transform:rotate(-13deg)}.dragon-covers img:nth-child(2){left:29%;z-index:2;transform:translateY(-12px)}.dragon-covers img:last-child{right:0;transform:rotate(13deg)}.dragon-hero:hover .dragon-covers img:nth-child(2){transform:translateY(-18px)}.dragon-controls{display:flex;gap:20px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin:22px 0 12px}.dragon-tabs{display:flex;gap:8px;flex-wrap:wrap}.dragon-tabs button{border:1px solid #ccdfe9;background:white;border-radius:30px;padding:12px 19px;font-size:12px;color:#164464;cursor:pointer}.dragon-tabs button.active{background:#163f5d;color:white;box-shadow:inset 0 -3px #ffcf19}.dragon-controls>label{display:flex;align-items:center;gap:9px;font-size:11px;color:#4c6d83}.dragon-controls select{border:1px solid #cddfe9;background:#fff;border-radius:9px;padding:11px;color:#153e59;max-width:250px}.dragon-selection-note{font-size:11px;line-height:1.8;color:#607f93;margin-bottom:18px}body[data-scope=dragon] .toolbar .filters{display:none}body[data-scope=dragon] .catalog{padding-top:5px}body[data-scope=dragon] .edition-filter{display:none}.dragon-discovery{display:grid;grid-template-columns:1fr 160px;align-items:center;gap:25px;padding:28px 34px;background:linear-gradient(115deg,#102f49,#146d8b);color:white;border:1px solid #236d86;border-radius:18px;margin:0 0 30px;text-decoration:none;transition:transform .25s,box-shadow .25s}.dragon-discovery:hover{transform:translateY(-3px);box-shadow:0 12px 30px #123e5a20}.dragon-discovery .eyebrow{color:#ffe266;font-size:8px;letter-spacing:1.6px}.dragon-discovery h2{font-size:30px;color:white;margin:12px 0;letter-spacing:-1px;line-height:1.2}.dragon-discovery p{font-size:12px;color:#cae4ee;line-height:1.8}.dragon-discovery b{font-size:11px;display:inline-block;margin-top:13px;color:#ffdb46}.dragon-discovery img{width:160px;height:180px;object-fit:contain;filter:drop-shadow(7px 9px 6px #0003);transform:rotate(7deg)}
@media(max-width:700px){.dragon-hero{grid-template-columns:1fr;padding:28px;gap:12px}.dragon-hero h1{font-size:46px;letter-spacing:-1.8px}.dragon-covers{min-height:240px}.dragon-covers img{height:210px}.dragon-controls{gap:15px}.dragon-tabs{gap:5px}.dragon-tabs button{padding:10px 13px;font-size:11px}.dragon-controls>label{width:100%;flex-wrap:wrap}.dragon-controls select{flex:1;max-width:100%}.dragon-discovery{grid-template-columns:1fr 90px;padding:24px;gap:12px}.dragon-discovery h2{font-size:24px}.dragon-discovery img{height:140px;width:90px}}
@media(prefers-reduced-motion:reduce){.dragon-covers img,.dragon-discovery{transition:none!important}}