.hosd-page{background:#061018;color:#edf1f5}
.hosd-shell{width:min(1240px,calc(100% - 56px));margin:auto}
.hosd-hero{position:relative;overflow:hidden;min-height:clamp(560px,62vw,860px);background:#05070b;border-bottom:1px solid rgba(226,184,108,.22)}
.hosd-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%}
.hosd-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,8,14,.88) 0%,rgba(4,8,14,.72) 35%,rgba(4,8,14,.42) 60%,rgba(4,8,14,.82) 100%),linear-gradient(180deg,rgba(5,8,12,.08),rgba(5,8,12,.18) 38%,rgba(5,8,12,.76) 100%)}
.hosd-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.72fr);align-items:end;gap:34px;padding:120px 0 54px}
.hosd-hero-copy{max-width:760px}
.hosd-overline{margin:0 0 16px;color:#d9b57d;font:700 12px/1.35 system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase}
.hosd-hero h1{margin:0 0 18px;color:#f4e4c7;font:700 clamp(2.95rem,5.2vw,5.65rem)/0.98 Georgia,serif;letter-spacing:-.03em;text-shadow:0 4px 18px rgba(0,0,0,.34)}
.hosd-hero p{margin:0 0 24px;color:#f2ede4;font:400 clamp(1.02rem,1.18vw,1.22rem)/1.7 Georgia,serif;max-width:62ch;text-shadow:0 2px 12px rgba(0,0,0,.4)}
.hosd-actions{display:flex;flex-wrap:wrap;gap:12px}
.hosd-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 21px;border-radius:8px;text-decoration:none;border:1px solid rgba(233,190,124,.56);color:#f1ddb8;background:rgba(7,18,26,.75);font:800 14px/1.2 system-ui,sans-serif;letter-spacing:.02em;transition:background .2s ease,color .2s ease,border-color .2s ease}
.hosd-btn.primary{background:#e9be7c;color:#10151b;border-color:#f6d49a}
.hosd-btn:hover,.hosd-btn:focus-visible{background:#ffe0a8;color:#0b1015;outline:2px solid #fff;outline-offset:3px}
.hosd-sidecard{background:rgba(8,17,24,.78);border:1px solid rgba(231,192,126,.24);border-radius:18px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.32)}
.hosd-sidecard img{display:block;width:100%;height:420px;object-fit:cover;object-position:center}
.hosd-sidecard figcaption{padding:18px 20px 21px;background:linear-gradient(180deg,rgba(10,18,26,.96),rgba(8,14,20,.98))}
.hosd-sidecard .meta{margin:0 0 8px;color:#d9b57d;font:700 11px/1.3 system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.hosd-sidecard strong{display:block;color:#f4dfb8;font:700 1.38rem/1.18 Georgia,serif;margin:0 0 8px}
.hosd-sidecard span{display:block;color:#cdd5db;font:400 15px/1.6 system-ui,sans-serif}
.hosd-section{padding:82px 0;background:#071018}
.hosd-section.alt{background:#0a151d;border-block:1px solid rgba(230,183,112,.15)}
.hosd-heading{max-width:860px;margin:0 auto 36px;text-align:center}
.hosd-heading h2{margin:8px 0 12px;color:#f1d8aa;font:700 clamp(2rem,3.2vw,3rem)/1.08 Georgia,serif}
.hosd-heading p{margin:0;color:#ccd4da;font:400 17px/1.72 system-ui,sans-serif}
.hosd-split{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:26px;align-items:start}
.hosd-copycard,.hosd-statcard,.hosd-linkcard{background:#0f1922;border:1px solid rgba(228,185,112,.2);border-radius:16px;padding:26px}
.hosd-copycard h3,.hosd-statcard h3,.hosd-linkcard h3{margin:0 0 12px;color:#eccb93;font:700 1.52rem/1.12 Georgia,serif}
.hosd-copycard p,.hosd-statcard p,.hosd-linkcard p{margin:0;color:#cad4db;font:400 16px/1.74 system-ui,sans-serif}
.hosd-stack{display:grid;gap:18px}
.hosd-visual{background:#0f1922;border:1px solid rgba(228,185,112,.2);border-radius:18px;overflow:hidden}
.hosd-visual img{display:block;width:100%;height:100%;min-height:380px;object-fit:cover;object-position:center}
.hosd-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.hosd-card{background:#0f1922;border:1px solid rgba(228,185,112,.2);border-radius:16px;padding:24px}
.hosd-card .meta{margin:0 0 8px;color:#d9b57d;font:700 11px/1.3 system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.hosd-card h3{margin:0 0 10px;color:#f0d7ab;font:700 1.45rem/1.16 Georgia,serif}
.hosd-card p,.hosd-card ul{margin:0;color:#cad4db;font:400 16px/1.74 system-ui,sans-serif}
.hosd-card ul{padding-left:18px}
.hosd-linkgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.hosd-linkcard a{display:inline-flex;margin-top:14px;color:#f1cf97;text-decoration:none;font:700 14px/1.3 system-ui,sans-serif}
.hosd-linkcard a:hover,.hosd-linkcard a:focus-visible{text-decoration:underline}
.hosd-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:0;list-style:none}
.hosd-tags li{padding:5px 10px;border-radius:999px;border:1px solid rgba(228,185,112,.28);background:rgba(228,185,112,.05);color:#e8c58d;font:700 12px/1.3 system-ui,sans-serif;letter-spacing:.03em}
@media(max-width:1080px){.hosd-hero-inner,.hosd-split,.hosd-grid3,.hosd-linkgrid{grid-template-columns:1fr}.hosd-sidecard img{height:360px}.hosd-hero-inner{padding-top:110px}}
@media(max-width:680px){.hosd-shell{width:calc(100% - 30px)}.hosd-hero{min-height:0}.hosd-hero-inner{gap:20px;padding:102px 0 34px}.hosd-hero h1{font-size:clamp(2.45rem,11vw,4rem)}.hosd-hero p{font-size:1rem;line-height:1.63}.hosd-sidecard img{height:300px}.hosd-section{padding:62px 0}.hosd-actions{flex-direction:column}.hosd-btn{width:100%;box-sizing:border-box}}

/* Keep portrait and official book cover fully legible; these are not landscape crops. */
.hosd-book .hosd-sidecard img{height:min(480px,42vw);min-height:320px;object-fit:contain;object-position:center;background:#08111a;padding:10px;box-sizing:border-box}
.hosd-character .hosd-hero{background:radial-gradient(ellipse at 68% 30%,#293a47 0%,#172a38 28%,#07111a 71%,#050a10 100%)}
.hosd-character .hosd-sidecard{max-width:560px;justify-self:end}
.hosd-character .hosd-sidecard img{height:auto;max-height:560px;object-fit:contain;object-position:center;background:#07121a}
.hosd-character .hosd-hero-inner{align-items:center}
.hosd-character .hosd-hero::after{background:linear-gradient(90deg,rgba(5,9,15,.25),rgba(5,9,15,0))}
.hosd-character .hosd-stack{display:grid;align-content:start}
.hosd-page .hosd-sidecard{margin:0}
.hosd-page .hosd-visual{margin:0}
.hosd-page .hosd-hero-inner{min-height:610px;box-sizing:border-box}
.hosd-page .hosd-hero-bg{object-position:center}
@media(max-width:1080px){.hosd-character .hosd-sidecard{justify-self:center;max-width:530px;width:100%}.hosd-book .hosd-sidecard img{height:420px}}
@media(max-width:680px){.hosd-page .hosd-hero-inner{min-height:0}.hosd-character .hosd-sidecard img{max-height:none}.hosd-book .hosd-sidecard img{height:360px}.hosd-page .hosd-sidecard{width:100%}}