.work-preview{border:1px solid var(--line);background:var(--deep);width:min(1040px,100% - 38px);max-height:min(820px,100dvh - 38px);color:var(--limestone);margin:auto;padding:0;overflow:auto;box-shadow:0 25px 100px #0000008c,0 0 70px #a0142826}.work-preview::backdrop{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#020204d1}.work-preview__header{border-bottom:1px solid var(--line);background:linear-gradient(110deg,#7c14251f,#0000 55%);justify-content:space-between;align-items:start;gap:20px;padding:26px clamp(22px,3.5vw,44px) 21px;display:flex}.work-preview__header p{color:var(--mist);margin:0 0 6px;font-size:.72rem}.work-preview__header h2{font-family:var(--font-display), sans-serif;letter-spacing:-.075em;margin:0;font-size:clamp(2rem,4vw,3.4rem);font-weight:600;line-height:1}.work-preview__close{border:1px solid var(--line);width:40px;height:40px;color:var(--limestone);cursor:pointer;background:0 0;flex:none;padding:0 0 4px;font-size:1.65rem;line-height:1}.work-preview__close:hover{border-color:var(--oxblood);color:var(--oxblood)}.work-preview__choices{border-bottom:1px solid var(--line);scrollbar-width:none;gap:3px;padding:0 clamp(22px,3.5vw,44px);display:flex;overflow-x:auto}.work-preview__choices::-webkit-scrollbar{display:none}.work-preview__choice{min-height:54px;color:var(--quiet);font-family:var(--font-display), sans-serif;letter-spacing:-.04em;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:none;padding:0 clamp(12px,2vw,24px);font-size:1rem;font-weight:600}.work-preview__choice:hover{color:var(--limestone)}.work-preview__choice.is-active{border-color:var(--oxblood);color:var(--limestone)}.work-preview__body{grid-template-columns:minmax(0,1.15fr) minmax(270px,.85fr);align-items:center;gap:clamp(22px,3vw,42px);padding:clamp(22px,3.5vw,44px);display:grid}.work-preview__image{border:1px solid var(--line);background:var(--visual);place-items:center;min-width:0;min-height:280px;display:grid}.work-preview__image img{object-fit:contain;width:100%;height:auto;max-height:390px;display:block}.work-preview__story{flex-direction:column;align-self:stretch;align-items:flex-start;display:flex}.work-preview__story>span{color:var(--quiet);font-size:.72rem}.work-preview__story h3{font-family:var(--font-display), sans-serif;letter-spacing:-.09em;margin:22px 0 0;font-size:clamp(3rem,5vw,5rem);font-weight:600;line-height:1}.work-preview__headline{margin:12px 0 0;font-size:1.12rem;font-weight:650;line-height:1.35}.work-preview__summary{color:var(--copy);margin:20px 0 28px;font-size:.88rem;line-height:1.65}.work-preview__story a{border-bottom:1px solid var(--oxblood);align-items:center;gap:18px;margin-top:auto;padding-bottom:7px;font-size:.81rem;font-weight:700;display:inline-flex}.work-preview__story a:hover{color:var(--oxblood)}.work-preview__story a span{font-size:1rem}@media (max-width:700px){.work-preview{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.work-preview__header{padding:20px 20px 18px}.work-preview__choices{padding:0 12px}.work-preview__choice{min-height:48px}.work-preview__body{grid-template-columns:1fr;gap:20px;padding:20px}.work-preview__image{min-height:0}.work-preview__image img{max-height:220px}.work-preview__story h3{margin-top:12px;font-size:2.7rem}.work-preview__summary{margin:13px 0 20px}}@media (prefers-reduced-motion:reduce){.work-preview::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}