html,body{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}#project-detail{min-height:100vh;min-height:100dvh;background:var(--color-bg);color:var(--color-fg)}.case-hero{position:relative;padding-left:var(--space-lg-fluid);padding-right:var(--space-lg-fluid);padding-bottom:var(--space-lg-fluid)}.case-name-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.case-name-bg img{display:block;width:100%;height:100%}.case-intro{position:relative;z-index:1;width:100%;margin:0 auto;padding:120px var(--space-md-fluid) 0;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto auto;column-gap:var(--space-md-fluid);row-gap:var(--space-md-fluid)}.case-title-block{grid-column:1 / span 6;display:flex;flex-direction:column;gap:var(--space-xxxl-fluid)}.case-title-block h1{font-size:var(--text-display);font-weight:800;line-height:1;letter-spacing:var(--tracking-tight)}.case-meta-row{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-nav);font-weight:600;letter-spacing:var(--tracking-snug)}.case-tag{line-height:1.3}.case-cover{grid-column:1 / -1;grid-row:2;width:100%;aspect-ratio:16 / 9;overflow:hidden}.case-cover img{display:block;width:100%;height:100%;object-fit:cover}.case-body{position:relative;z-index:1;width:100%;margin:0 auto;padding-left:var(--space-lg-fluid);padding-right:var(--space-lg-fluid);padding-bottom:var(--space-lg-fluid);display:flex;flex-direction:column;gap:var(--space-xl-fluid)}.case-block-text{padding:var(--space-md-fluid);font-size:var(--text-body-lg);font-weight:600;line-height:1.2;letter-spacing:var(--tracking-snug)}.case-block-text p+p{margin-top:var(--space-md-fluid)}.case-coming-soon{padding:var(--space-xl-fluid) var(--space-md-fluid);text-align:center;font-size:var(--text-body-lg);font-weight:600;opacity:.5}.case-block-images{display:grid;align-items:start;gap:var(--space-md-fluid)}.case-block-images-1{grid-template-columns:1fr}.case-block-images-2{grid-template-columns:1fr 1fr}.case-block-images img{display:block;width:100%;height:auto}.case-block-video video{display:block;width:100%;height:auto}.case-block-lottie{width:100%;aspect-ratio:16 / 9;overflow:hidden}.case-block-lottie svg{display:block;width:100%;height:100%}.case-block-video-text{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md-fluid);align-items:center}.case-block-video-text video{display:block;width:100%;height:auto}.case-block-video-text-copy{font-size:var(--text-body-lg);font-weight:600;line-height:1.4;letter-spacing:var(--tracking-snug)}.case-block-video-image{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md-fluid);align-items:center}.case-block-video-image video,.case-block-video-image img{display:block;width:100%;height:auto}.case-block-grid{display:grid;align-items:start;grid-template-columns:1fr 1fr;gap:var(--space-md-fluid)}.case-block-grid video,.case-block-grid img{display:block;width:100%;height:auto}.case-prev-next{position:relative;z-index:1;background:var(--color-bg);width:100%;margin:0 auto;padding-left:var(--space-lg-fluid);padding-right:var(--space-lg-fluid);padding-bottom:var(--space-xl-fluid);display:flex;justify-content:space-between;align-items:flex-start}.case-prev-next-link{display:flex;flex-direction:column;gap:var(--space-xs);color:var(--color-fg);opacity:.5;font-size:var(--text-display);font-weight:700;letter-spacing:var(--tracking-tight);line-height:.8}.case-prev-next-link:hover{opacity:.8}.case-prev-next-link-next{align-items:flex-end;text-align:right}.case-prev-next-title{text-decoration:underline}.case-not-found{position:relative;z-index:1;background:var(--color-bg);max-width:var(--container-desktop);margin:0 auto;padding:120px var(--space-md-fluid) var(--space-xl-fluid);display:flex;flex-direction:column;gap:var(--space-sm)}.case-not-found a{text-decoration:underline;opacity:.7;width:fit-content}@media(max-width:480px){.case-intro{padding-top:96px}.case-title-block{grid-column:1 / -1}.case-block-grid,.case-block-images-2,.case-block-video-text,.case-block-video-image{grid-template-columns:1fr}}
