.work-detail{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:48px 0 0;border:0;background:transparent;color:#1b1b23;overflow:hidden}.work-detail::backdrop{background:rgb(0 0 0/56%);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.work-detail__sheet{width:100%;height:100%;overflow-y:auto;overscroll-behavior:contain;border:1px solid rgb(255 255 255/70%);border-bottom:0;border-radius:24px 24px 0 0;background:#fff;scrollbar-width:thin;scrollbar-color:#c8c8d0 transparent}.work-detail[open] .work-detail__sheet{animation:work-detail-enter .32s cubic-bezier(.22,1,.36,1) both}.work-detail[open]::backdrop{animation:work-detail-fade-in .32s ease both}.work-detail[data-closing] .work-detail__sheet{animation:work-detail-exit .32s cubic-bezier(.4,0,1,1) both}.work-detail[data-closing]::backdrop{animation:work-detail-fade-out .32s ease both}.work-detail__close{position:absolute;z-index:2;top:2px;right:20px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--white-80);cursor:pointer}.work-detail__close:hover{background:rgb(255 255 255/16%);color:white}.work-detail__footer,.work-detail__header,.work-detail__pages{width:min(1200px,calc(100% - 96px));margin-inline:auto}.work-detail__header{position:relative;padding:56px 0 36px}.work-detail__eyebrow{margin:0 0 14px;font-size:12px;letter-spacing:.16em;color:#5024ff}.work-detail__header h1{margin:0;color:#13131a;font-size:clamp(24px,2.5vw,36px);line-height:1.4;font-weight:500}.work-detail__description{max-width:780px;margin:16px 0 28px;font-size:15px;line-height:1.8;color:#62626d}.work-detail__meta{display:flex;align-items:center;justify-content:space-between;gap:24px}.work-detail__share{position:relative;display:grid;justify-items:center}.work-detail__author{display:flex;align-items:center;gap:12px;font-size:16px}.work-detail__author img{flex:none;border-radius:50%}.work-detail__author small{display:block;margin-top:4px;font-size:12px;color:#777783}.work-detail__feedback{position:absolute;top:calc(100% + 8px);margin:0;font-size:12px;line-height:18px;color:#777783;white-space:nowrap}.work-detail__pages{overflow:hidden;border-radius:12px}.work-detail__page{display:block;width:100%;height:auto}.work-detail__footer{display:flex;align-items:center;justify-content:space-between;padding:40px 0 56px}.work-detail__footer p{font-size:20px;color:#1b1b23}.work-detail .hero-button--primary{color:#fff}.work-detail .hero-button--primary:focus-visible,.work-detail .hero-button--primary:hover{color:#fff}.work-detail button:focus-visible{outline:2px solid #8467ff;outline-offset:-2px}@keyframes work-detail-enter{0%{transform:translateY(100%)}to{transform:none}}@keyframes work-detail-exit{0%{transform:none}to{transform:translateY(100%)}}@keyframes work-detail-fade-in{0%{opacity:0}to{opacity:1}}@keyframes work-detail-fade-out{0%{opacity:1}to{opacity:0}}@media (max-width:767px){.work-detail{padding-top:44px}.work-detail__close{top:0;right:8px}.work-detail__sheet{border-radius:20px 20px 0 0}.work-detail__footer,.work-detail__header{width:calc(100% - 40px)}.work-detail__header{padding:28px 0 32px}.work-detail__description{font-size:14px;margin-bottom:22px}.work-detail__meta{flex-wrap:wrap;gap:16px}.work-detail__pages{width:100%;border-radius:0}.work-detail__footer{gap:16px;padding:28px 0}}@media (prefers-reduced-motion:reduce){.work-detail[open] .work-detail__sheet,.work-detail[open]::backdrop{animation:none}}@media (hover:hover) and (pointer:fine){.work-detail,.work-detail *,.work-detail::backdrop{cursor:url(/icons/cursor.svg) 2 2,auto!important}.work-detail button,.work-detail button *{cursor:pointer!important}}