.work{background:var(--bg);min-height:100vh;color:var(--text);padding-bottom:140px;position:relative}.work-lines{z-index:0;pointer-events:none;position:fixed;inset:0}.work-top,.work-intro,.work-list,.work-foot{z-index:1;position:relative}.work-top{justify-content:space-between;align-items:center;padding:22px clamp(20px,5vw,54px);display:flex}.work-brand{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);font-size:20px;font-weight:700}.work-brand .last{color:var(--muted);font-weight:500}.work-brand .dot{color:var(--accent)}.work-back{letter-spacing:.06em;color:var(--text-2);font-size:13px;font-weight:700;transition:color .2s,transform .2s}.work-back:hover{color:var(--text);transform:translate(-3px)}.work-intro{height:360vh;position:relative}.work-intro-stage{height:100vh;position:sticky;top:0;overflow:hidden}.work-scatter{aspect-ratio:4/3;will-change:transform, opacity;border-radius:8px;width:clamp(120px,12vw,200px);margin:auto;position:absolute;inset:0;overflow:hidden}.work-scatter img{object-fit:cover;width:100%;height:100%;display:block}.work-logo{width:clamp(190px,22vw,340px);height:max-content;line-height:.8;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.work-logo-svg{width:100%;height:auto;display:block;overflow:visible}.work-logo-svg.is-outline{opacity:.55}.work-logo-fillwrap{will-change:clip-path;position:absolute;inset:0}.work-introtext{text-align:center;will-change:transform, opacity;padding:0 24px;position:absolute;top:54%;left:0;right:0}.work-title{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(30px,5.2vw,64px);font-weight:700;line-height:.98}.work-sub{color:var(--muted);max-width:420px;margin:16px auto 0;font-size:clamp(13px,1.35vw,16px);line-height:1.5}.work-list{max-width:var(--maxw);flex-direction:column;gap:clamp(80px,12vh,150px);margin:0 auto;padding:0 clamp(20px,5vw,54px);display:flex;position:relative}.work-card{z-index:1;align-self:flex-start;width:100%;max-width:560px;position:relative}.work-card.right{align-self:flex-end}.work-thumb{aspect-ratio:4/3;border:1px solid var(--border);background:var(--surface-2);border-radius:10px;place-items:center;display:grid;position:relative;overflow:hidden}.work-thumb img.work-thumb-logo{object-fit:contain;opacity:.96;filter:drop-shadow(0 12px 34px #00000073);width:min(48%,240px);height:auto;transition:transform .85s cubic-bezier(.2,.7,.2,1)}.work-card:hover .work-thumb img.work-thumb-logo{transform:scale(1.05)}.work-thumb .work-thumb-kicker{text-align:center;font-family:var(--font-display,inherit);letter-spacing:.01em;color:#fffffff0;text-shadow:0 6px 24px #0006;padding:0 clamp(20px,4vw,48px);font-size:clamp(16px,1.6vw,22px);font-weight:600}.work-thumb img.work-thumb-cover{object-fit:cover;width:100%;height:100%;transition:transform .85s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.work-card:hover .work-thumb img.work-thumb-cover{transform:scale(1.05)}@media (prefers-reduced-motion:reduce){.work-card:hover .work-thumb img.work-thumb-cover{transform:none}}.work-info{flex-direction:column;gap:14px;margin-top:22px;display:flex}.work-name{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(22px,3vw,32px);font-weight:700}.work-meta{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.work-tag{color:var(--muted);max-width:300px;margin:0;font-size:14.5px;line-height:1.5}.work-explore{letter-spacing:.16em;text-transform:uppercase;color:var(--text);white-space:nowrap;align-items:center;gap:10px;padding-bottom:7px;font-size:12.5px;font-weight:700;display:inline-flex;position:relative}.work-explore:after{content:"";background:var(--text-2);transform-origin:0;opacity:.5;width:100%;height:1px;transition:transform .4s cubic-bezier(.2,.7,.2,1),opacity .4s;position:absolute;bottom:0;left:0;transform:scaleX(.45)}.work-explore:hover:after{opacity:1;transform:scaleX(1)}.work-explore span{transition:transform .4s cubic-bezier(.2,.7,.2,1)}.work-explore:hover span{transform:translate(5px)}.work-foot{text-align:center;color:var(--muted);margin-top:120px;font-size:13px}@media (max-width:720px){.work-card{max-width:100%}.work-meta{flex-direction:column;gap:16px}}