.work-detail-page{background:var(--white);min-height:100vh;color:var(--black);font-family:var(--font-tt-firs-neue), sans-serif;flex-direction:column;display:flex}.work-detail-topbar{z-index:20;pointer-events:none;justify-content:space-between;align-items:center;gap:18px;display:flex;position:fixed;top:18px;left:18px;right:18px}.work-detail-back,.work-detail-title{pointer-events:auto;color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c0c0c94;border:1px solid #ffffff2e;border-radius:999px;box-shadow:0 18px 50px #00000038}.work-detail-back{align-items:center;min-height:46px;padding:0 18px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.work-detail-title{align-items:center;gap:14px;min-height:46px;padding:0 18px;display:flex}.work-detail-title span{color:#ffffffa3;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.work-detail-title strong{font-size:15px;font-weight:800}.work-detail-grid{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:auto;grid-auto-flow:dense;gap:4px;padding:4px;display:grid}@media (max-width:980px){.work-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:600px){.work-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.work-detail-hero{aspect-ratio:16/9;border-radius:8px;width:100%;margin-top:80px;padding:4px;overflow:hidden}.work-detail-hero img{object-fit:cover;width:100%;height:100%;display:block}.work-detail-meta{border-bottom:1px solid #0000001a;flex-wrap:wrap;justify-content:center;gap:64px;padding:120px 20px 40px;display:flex}.meta-group{flex-direction:column;gap:8px;display:flex}.meta-group strong{text-transform:uppercase;letter-spacing:.1em;color:#00000080;font-size:11px}.meta-group p,.meta-group a{color:var(--black);margin:0;font-size:16px;text-decoration:none}.meta-group a:hover{text-decoration:underline}.work-detail-content{grid-template-columns:repeat(3,minmax(0,1fr));gap:80px;max-width:1400px;margin:0 auto;padding:80px 40px;display:grid}.content-block h3{color:var(--black);margin-bottom:16px;font-size:24px}.content-block p{color:#000000bf;margin:0;font-size:18px;line-height:1.6}.work-detail-tile{background:#f0f0f0;border-radius:8px;margin:0;overflow:hidden}.work-detail-tile.contain-mode{background-color:#0000;position:relative}.work-detail-tile img{object-fit:cover;width:100%;height:100%;display:block}.bento-tile{grid-area:span 1/span 1}.bento-small{aspect-ratio:1;grid-area:span 1/span 1}.bento-wide{aspect-ratio:2;grid-area:span 1/span 2}.bento-tall{aspect-ratio:1/2;grid-area:span 2/span 1}.bento-large{aspect-ratio:1;grid-area:span 2/span 2}.next-work-section{padding:4px}.next-work-card{color:#070707;background:#f4f1ea;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(240px,.42fr);align-items:end;gap:28px;min-height:300px;padding:clamp(22px,3.2vw,42px);text-decoration:none;display:grid;overflow:hidden}.next-work-card span{color:#e30613;letter-spacing:.12em;text-transform:uppercase;grid-column:1/-1;font-size:13px;font-weight:900;line-height:1}.next-work-card h2{letter-spacing:0;max-width:560px;margin:0;font-size:clamp(38px,5.5vw,84px);font-weight:500;line-height:.95}.next-work-image{aspect-ratio:1.45;background:#ddd;border-radius:24px;position:relative;overflow:hidden}.next-work-image .cover-img{object-fit:cover;filter:brightness(.75);width:100%;height:100%;transition:transform .6s,filter .4s;display:block}.next-work-card:hover .next-work-image .cover-img{filter:blur(12px)brightness(.65);transform:scale(1.05)}.next-work-image .hover-logo{object-fit:contain;opacity:1;filter:brightness(0)invert();z-index:2;pointer-events:none;max-width:40%;max-height:30%;transition:transform .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.95)}.next-work-card:hover .next-work-image .hover-logo{transform:translate(-50%,-50%)scale(1)}@media (max-width:980px){.work-detail-content{grid-template-columns:1fr;gap:32px}.work-detail-topbar{align-items:flex-start}.work-detail-title{display:none}.work-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:62vw}.detail-tile-wide,.detail-tile-medium,.detail-tile-large{grid-column:span 2}.detail-tile-tall,.detail-tile-large{grid-row:span 1}.next-work-card{grid-template-columns:1fr;gap:22px;min-height:auto}}@media (max-width:640px){.work-detail-meta{flex-direction:column;order:1;align-items:flex-start;gap:28px;padding:90px 20px 30px;display:flex}.work-detail-grid{order:2}.work-detail-content{order:3;padding:20px 20px 40px}.next-work-section{order:4}.content-block h3{margin-bottom:12px;font-size:20px}.content-block p{font-size:16px}.work-detail-topbar{top:12px;left:12px;right:12px}.work-detail-back{min-height:42px;padding:0 15px;font-size:13px}.work-detail-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:3px;padding:3px}.work-detail-tile,.bento-small,.bento-wide,.bento-tall,.bento-large{border-radius:7px;aspect-ratio:1/1.08!important;grid-area:auto!important}.next-work-section{padding:3px}.next-work-card{border-radius:7px;padding:24px}.next-work-card h2{font-size:clamp(34px,11vw,54px)}.next-work-image{border-radius:18px}}.clickable-tile{cursor:zoom-in;transition:transform .2s,filter .2s}.clickable-tile:hover{filter:brightness(.9);transform:scale(.98)}.lightbox-overlay{-webkit-backdrop-filter:blur(10px);z-index:9999;background:#000000f2;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-image{object-fit:contain;-webkit-user-select:none;user-select:none;border-radius:8px;max-width:90vw;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) scaleIn}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.lightbox-close{color:#fff;cursor:pointer;z-index:10000;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .2s;display:flex;position:absolute;top:24px;right:24px}.lightbox-close:hover{background:#fff3;transform:scale(1.1)}.lightbox-nav{color:#ffffff80;cursor:pointer;z-index:10000;background:0 0;border:none;padding:20px;transition:all .2s;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{color:#fff;transform:translateY(-50%)scale(1.1)}.lightbox-nav.prev{left:20px}.lightbox-nav.next{right:20px}.lightbox-counter{color:#ffffffb3;letter-spacing:.1em;pointer-events:none;background:#00000080;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:500;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}@media (max-width:768px){.lightbox-nav{padding:10px}.lightbox-nav.prev{left:5px}.lightbox-nav.next{right:5px}}