:root{--bg:#0d0b10;--panel:#17141c;--line:#2c2633;--tx:#e8e2d6;--mut:#a59d90;--gold:#d8b46a}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.6 Georgia,"Iowan Old Style",serif}
a{color:var(--gold)}header{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;padding:.8rem 1.5rem;background:#0d0b10ee;border-bottom:1px solid var(--line)}
.brand{font-size:1.25rem;text-decoration:none;letter-spacing:.04em}nav a{color:var(--tx);text-decoration:none;margin-left:1rem;font-family:system-ui,sans-serif;font-size:.92rem}nav a.on,nav a:hover{color:var(--gold)}
main{max-width:1200px;margin:auto;padding:1.5rem}h1,h2,h3{color:#f3e9d2;font-weight:normal}h2 small{color:var(--mut);font-size:.6em}
.hero{position:relative;border-radius:12px;overflow:hidden;margin-bottom:2rem}.hero img{width:100%;max-height:520px;object-fit:cover;display:block;filter:brightness(.55)}
.hero .ov{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:1rem}.hero h1{font-size:clamp(2rem,6vw,4rem);margin:0;text-shadow:0 2px 12px #000}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.tiles a{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:1rem 1.2rem;text-decoration:none;color:var(--tx)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.2rem}.svcgrid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.card img{width:100%;height:auto;display:block;background:#000}.svc img{aspect-ratio:16/9}
.card .body{padding:.9rem 1rem;display:flex;flex-direction:column;flex:1}.card h3{margin:.2rem 0;font-size:1.1rem}.card p{margin:.3rem 0;font-size:.92rem;color:#d4ccbf}.by{color:var(--mut)!important;font-style:italic}
.type{font:600 .7rem system-ui;text-transform:uppercase;letter-spacing:.1em;color:var(--gold)}.row{margin-top:auto;padding-top:.7rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem}.price{font-size:1.1rem}
.buy{display:inline-block;background:var(--gold);color:#1a1408;text-decoration:none;padding:.45rem .9rem;border-radius:6px;font:600 .9rem system-ui}.soon{color:var(--mut);border:1px dashed var(--mut);padding:.35rem .7rem;border-radius:6px;font:.85rem system-ui}
.note{color:var(--mut)}#q{width:100%;max-width:420px;padding:.6rem .8rem;background:var(--panel);border:1px solid var(--line);color:var(--tx);border-radius:6px;margin-bottom:1rem}
.draft{background:#5a2020;color:#ffd9d0;padding:.2rem .6rem;border-radius:4px;font:600 .85rem system-ui}.contract,.portfolio{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:1rem 1.5rem;margin:2rem 0}
blockquote{border-left:3px solid var(--gold);margin:.5rem 0;padding-left:1rem;color:#cfc6b8}footer{border-top:1px solid var(--line);text-align:center;color:var(--mut);padding:1.5rem;font-size:.9rem}
.sm{font:.8rem system-ui;margin-left:.4rem}
.hero.cat img{max-height:220px;object-fit:cover}.soonpanel{display:flex;gap:1.2rem;align-items:center;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:1rem;margin:1.5rem 0}.soonpanel img{width:min(360px,100%);border-radius:8px}.soonpanel h2{color:var(--gold);margin:.2rem 0}
.card video{width:100%;border-radius:8px;margin:.4rem 0;background:#000}.card audio{width:100%;margin:.4rem 0}.pv,.fmt{font-size:.8rem;opacity:.8;margin:.2rem 0}.feat{margin:2rem 0}.feat h2{color:var(--gold)}
.pv{margin:.4rem 0;font:.85rem system-ui}.pv summary{cursor:pointer;color:var(--mut)}.pv video,.pv audio{width:100%;margin-top:.4rem;border-radius:6px}
.newshelf{margin:2rem 0}.minis{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.8rem}.mini{display:block;text-decoration:none;color:inherit;font:.8rem system-ui}.mini img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:6px;display:block;margin-bottom:.3rem}
.soon.checkout{display:inline-block;color:var(--gold);border:1px solid var(--gold);background:rgba(212,175,55,.08);font:600 .85rem system-ui;padding:.4rem .8rem}
.toc{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.toc a{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:.3rem .7rem;text-decoration:none}
.help{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:1rem 1.2rem;margin:1rem 0}.help h2{color:var(--gold);margin-top:.2rem}.help table{width:100%;border-collapse:collapse}.help td,.help th{border-top:1px solid var(--line);padding:.45rem;text-align:left;vertical-align:top}