.case-study-page{background-color:var(--bg);color:var(--fg);min-height:100vh;position:relative;overflow-x:hidden}.cs-hero{border-bottom:2px solid var(--fg);flex-direction:column;justify-content:flex-end;min-height:90vh;padding:10rem 5vw 4rem;display:flex}.cs-meta{text-transform:uppercase;letter-spacing:.1em;margin-bottom:2rem;font-family:Inter,monospace;font-size:.85rem;font-weight:600}.cs-title{text-transform:uppercase;letter-spacing:-.04em;margin:0 0 2rem;font-family:Clash Display,sans-serif;font-size:clamp(4rem,10vw,12rem);font-weight:700;line-height:.85}.cs-tags{flex-wrap:wrap;gap:1rem;display:flex}.cs-tag{border:1px solid var(--fg);border-radius:100px;padding:.5rem 1.2rem;font-family:Inter,monospace;font-size:.85rem;font-weight:600}.cs-brand-info{border-bottom:2px solid var(--fg);grid-template-columns:1fr 2fr;gap:4rem;padding:6rem 5vw;display:grid}.cs-brand-label{text-transform:uppercase;font-family:Clash Display,sans-serif;font-size:2rem;font-weight:700}.cs-brand-desc{max-width:800px;font-family:Inter,sans-serif;font-size:1.5rem;line-height:1.6}.cs-gallery{border-bottom:2px solid var(--fg);flex-direction:column;gap:5vw;padding:5vw;display:flex}.cs-gallery-image{object-fit:contain;border:2px solid var(--fg);justify-content:center;align-self:center;align-items:center;width:100%;height:auto;max-height:none}.cs-experience{flex-direction:column;display:flex}.cs-exp-row{border-bottom:2px solid var(--fg);padding:6rem 5vw}.cs-exp-row:last-child{border-bottom:none}.cs-exp-title{text-transform:uppercase;margin-bottom:2rem;font-family:Clash Display,sans-serif;font-size:3rem;font-weight:700}.cs-exp-text{max-width:1000px;font-family:Inter,sans-serif;font-size:1.5rem;line-height:1.8}.cs-video-section{padding:5vw}.cs-video-wrapper{border:2px solid var(--fg);aspect-ratio:16/9;background-color:#111;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.cs-video-wrapper video{object-fit:cover;width:100%;height:100%}.cs-exhibition-header{background-color:var(--bg);padding:6rem 5vw 0}.cs-exhibition-header h2{text-transform:uppercase;text-align:center;border-bottom:2px solid var(--fg);margin:0;padding-bottom:2rem;font-family:Clash Display,sans-serif;font-size:4rem;font-weight:700}.case-study-page .gallery-section{border-top:none}@media (max-width:768px){.cs-title{word-break:break-word;font-size:clamp(1.5rem,5vw,2rem);line-height:.95}.cs-brand-info{grid-template-columns:1fr;gap:2rem}.cs-brand-desc{font-size:1.2rem}.cs-exp-row{padding:4rem 5vw}.cs-exhibition-header h2{word-break:normal;font-size:clamp(2.2rem,10vw,3.5rem)}.case-study-page .poster-title{word-break:normal;overflow-wrap:normal;font-size:clamp(1.8rem,8vw,2.5rem)}}
