.work-hero{padding:clamp(3rem,7vw,6rem) min(7vw,5rem);background:radial-gradient(ellipse at 22% 40%,rgba(184,154,90,.11),transparent 47%),radial-gradient(ellipse at 80% 0%,rgba(34,48,75,.32),transparent 56%)}
.work-hero-inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:minmax(240px,.85fr) minmax(300px,1.2fr);align-items:center;gap:clamp(2rem,6vw,6rem)}
.work-cover{position:relative;min-height:440px;display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center;padding:2rem 1.2rem;border:1px solid rgba(184,154,90,.38);border-radius:22px;background:radial-gradient(ellipse at center,rgba(184,154,90,.15),transparent 66%),linear-gradient(150deg,#161820,#07080a);box-shadow:0 30px 70px #0008}
.work-cover::after{content:"";position:absolute;inset:12px;border:1px solid rgba(184,154,90,.12);border-radius:14px;pointer-events:none}
.work-cover img{width:auto;height:auto;max-width:min(94%,280px);max-height:350px;object-fit:contain;filter:drop-shadow(0 18px 25px #000a);image-rendering:auto}
.work-ornament{color:var(--gold);letter-spacing:1rem;font-size:1.2rem;margin-left:1rem}
.work-text h1{font-size:clamp(2.9rem,5.6vw,5.1rem);line-height:1.08}
.work-text h1 em,.work-other h2 em{font-style:italic;color:var(--gold-soft)}
.work-text p{color:var(--text-soft);font-size:1.04rem;line-height:1.9}
.work-text strong{color:var(--text);font-weight:600}
.work-text .work-motto{color:var(--gold-soft);font-family:"Cormorant Garamond",Georgia,serif;font-size:1.5rem;font-style:italic;margin:1rem 0 1.3rem}
.work-text .work-lead{font-size:1.14rem;color:#d7d0c4}
.work-note{border-left:2px solid rgba(211,188,133,.5);padding:.35rem 1rem;margin:1.7rem 0;background:rgba(184,154,90,.035)}
.work-note p{font-size:.94rem;line-height:1.75;margin:0}
.work-other{padding-top:3.3rem}
.work-other h2{font-size:clamp(2.3rem,4vw,3.6rem)}
.related-items{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;max-width:800px;margin:0 auto}
.related-item{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.2rem 1.4rem;min-width:220px;border:1px solid var(--line);border-radius:14px;color:var(--gold-soft);background:#14161d}
.related-item:hover{background:#1b1c22}
@media(max-width:850px){.work-hero-inner{grid-template-columns:1fr}.work-cover{min-height:300px;max-width:620px;width:100%;margin:auto}.work-hero{padding-top:2.2rem}.work-text h1{font-size:clamp(2.6rem,9vw,4rem)}}