:root{--bg:#eee7d8;--paper:#fffdf7;--ink:#18140f;--muted:#6d655a;--line:#d3c5b0;--gold:#9c6a28;--deep:#17110b;--shadow:0 17px 52px rgba(44,33,19,.13);--serif:Georgia,"Times New Roman",serif;--sans:Arial,sans-serif}
*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--serif);background:var(--bg);color:var(--ink);line-height:1.65}a{color:inherit;text-decoration:none}
.top{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.topin{max-width:1480px;margin:auto;padding:14px 22px;display:flex;align-items:center;gap:17px}.brand{margin-right:auto}.brand b{display:block;font-size:20px}.brand small{display:block;color:var(--gold);font:10px var(--sans);letter-spacing:.17em}.nav{display:flex;gap:14px;font:12px var(--sans);color:var(--muted)}
.wrap{max-width:1480px;margin:auto;padding:42px 22px 70px}.hero{background:var(--deep);color:#fff;padding:75px 22px}.heroin{max-width:1480px;margin:auto}.eyebrow{font:11px var(--sans);letter-spacing:.21em;color:#e0ad63;text-transform:uppercase}.hero h1{font-size:clamp(48px,7vw,95px);line-height:.91;letter-spacing:-.05em;margin:16px 0}.hero p{max-width:870px;font-size:20px;color:#d7cec1}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.card{background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}.card:hover{border-color:var(--gold)}.card img{width:100%;height:200px;object-fit:cover;display:block}.copy{padding:16px}.meta{font:10px var(--sans);letter-spacing:.14em;color:var(--gold);text-transform:uppercase}.copy h2{font-size:23px;margin:7px 0}.copy p{font-size:13px;color:var(--muted)}
.layout{display:grid;grid-template-columns:minmax(360px,.88fr) minmax(480px,1.12fr);gap:22px;align-items:start}.panel{background:var(--paper);border:1px solid var(--line);border-radius:17px;overflow:hidden;box-shadow:var(--shadow)}.imagebox{background:#b9ac95;padding:13px}.imagebox img{width:100%;max-height:760px;object-fit:contain;display:block}.detail{padding:25px}.detail h1{font-size:clamp(43px,5vw,78px);line-height:.94;letter-spacing:-.045em;margin:10px 0 7px}.ko{color:var(--muted)}blockquote{margin:26px 0 0;border-left:3px solid var(--gold);padding-left:18px;font-size:20px;color:var(--muted)}
.texthead{padding:24px;border-bottom:1px solid var(--line);background:var(--deep);color:#fff}.texthead h2{font-size:33px;line-height:1.05;margin:5px 0 9px}.texthead p{margin:0;color:#d2c7b9}.languages{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:20px}.lang{display:block;border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--paper)}.lang:hover{border-color:var(--gold)}.lang b{display:block}.lang small{display:block;font:10px var(--sans);color:var(--muted)}
.primary{margin:0 20px 20px;display:block;background:var(--gold);color:#fff;padding:14px;border-radius:10px;text-align:center;font:13px var(--sans)}.note{margin:0 20px 20px;padding:15px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:14px}
.relation{margin-top:22px;background:var(--deep);color:#fff;border-radius:16px;padding:24px;box-shadow:var(--shadow)}.relation h2{font-size:30px;margin:7px 0 9px}.relation p{color:#d0c6b8}.tags{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.tag{border:1px solid #5a4733;border-radius:999px;padding:6px 9px;font:10px var(--sans);color:#e0ad63}.relation a{display:inline-block;background:var(--gold);padding:11px 14px;border-radius:8px;font:12px var(--sans)}.prevnext{display:flex;justify-content:space-between;gap:18px;margin-top:25px;border-top:1px solid var(--line);padding-top:18px;font:13px var(--sans)}
.footer{border-top:1px solid var(--line);padding:34px 22px;color:var(--muted);font:12px var(--sans)}.footer div{max-width:1480px;margin:auto}
@media(max-width:950px){.grid{grid-template-columns:repeat(2,1fr)}.layout{grid-template-columns:1fr}.languages{grid-template-columns:repeat(2,1fr)}.nav{display:none}}@media(max-width:540px){.grid,.languages{grid-template-columns:1fr}.wrap{padding:25px 12px 55px}}