.work-page{background:radial-gradient(circle at 80% 15%,rgba(26,34,48,.12),transparent 30%),var(--bg)}.work-page::before{content:"";position:fixed;inset:74px 0 0;background:linear-gradient(90deg,rgba(15,15,18,.98) 28%,rgba(15,15,18,.72)),var(--work-bg) right center/58% cover no-repeat;opacity:.42;pointer-events:none}.work-shell{position:relative;z-index:1;display:grid;grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);gap:clamp(3rem,7vw,7rem);align-items:center;min-height:calc(100dvh - 74px);padding-block:4rem}.work-visual{position:relative;display:grid;place-items:center;perspective:1100px}.work-book{position:relative;width:min(310px,76%);transform-style:preserve-3d;transform:rotateY(-18deg);filter:drop-shadow(-24px 32px 35px rgba(0,0,0,.62));transition:transform .45s}.work-book:hover{transform:rotateY(-5deg) translateY(-7px)}.work-book img{width:100%;aspect-ratio:2/3;object-fit:cover}.work-book::after{content:"";position:absolute;right:-18px;top:4px;width:20px;height:calc(100% - 8px);background:linear-gradient(90deg,#F3EFE6,#9C9488);transform:rotateY(90deg);transform-origin:left}.work-status{position:absolute;right:0;bottom:8%;padding:.6rem .8rem;border:1px solid rgba(138,107,71,.35);background:rgba(15,15,18,.88);color:var(--cyan);font-size:.6rem;text-transform:uppercase;letter-spacing:.14em}.work-copy{padding:2rem 0}.work-copy h1{font:900 clamp(3rem,6vw,6.8rem)/.95 var(--serif);max-width:12ch;margin:1rem 0 1.6rem}.work-lead{max-width:48ch;color:var(--text);font:700 clamp(1.1rem,2vw,1.45rem)/1.5 var(--serif)}.work-synopsis{max-width:58ch;color:var(--muted)}.work-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin:2rem 0}.work-facts div{padding:1rem;border:1px solid var(--line);border-radius:14px 0 14px 0;background:rgba(21,21,26,.72)}.work-facts span,.work-facts strong{display:block}.work-facts span{color:var(--cyan);font-size:.52rem;letter-spacing:.13em;text-transform:uppercase}.work-facts strong{font-size:.72rem;margin-top:.35rem}.share-slot{margin-top:2rem}@media(max-width:850px){.work-shell{grid-template-columns:1fr;padding-block:3rem}.work-visual{min-height:430px}.work-copy h1{font-size:clamp(2.8rem,13vw,5rem)}.work-page::before{background:linear-gradient(rgba(15,15,18,.82),rgba(15,15,18,.98)),var(--work-bg) center top/cover no-repeat}}@media(max-width:560px){.work-facts{grid-template-columns:1fr}.work-book{width:min(220px,68vw)}.work-visual{min-height:350px}}