#work-case{z-index:2;background:var(--color-ink);width:100%;padding-bottom:4rem;position:relative}#work-case .work-case-banner{isolation:isolate;z-index:0;pointer-events:none;width:100%;margin-bottom:2.5rem}#work-case .work-case-banner-image{aspect-ratio:16/9;object-fit:cover;pointer-events:none;width:100%;height:85vh;display:block}#work-case .work-case-body{grid-template-columns:repeat(8,minmax(0,1fr));align-items:start;gap:.75rem;padding:0 .75rem 3rem;display:grid}#work-case .work-case-sidebar{z-index:1;grid-column:1/span 3;align-self:start;position:sticky;top:8rem}#work-case .work-case-main{grid-column:4/span 4;min-width:0}#work-case .work-case-eyebrow{color:#fff;font-family:var(--font-primary);letter-spacing:-.02em;font-size:3rem;line-height:1}#work-case .work-case-meta{flex-direction:column;gap:1.5rem;margin:3rem 0 0;padding:2rem 0 0;display:flex}#work-case .work-case-meta-row{margin:0}#work-case .work-case-meta-row dt{color:var(--color-mute-dark);font-family:var(--font-heading);margin:0 0 .5rem;font-size:.875rem;line-height:1}#work-case .work-case-meta-row dd{color:#fff;font-family:var(--font-heading);margin:0;font-size:1rem;line-height:1.45}#work-case .work-case-category-list{flex-flow:column wrap;margin:0;padding:0;list-style:none;display:flex}#work-case .work-case-category-list li{color:#fff;font-family:var(--font-heading);font-size:1rem;line-height:1.4}#work-case .work-case-intro{margin-bottom:2rem}#work-case .work-case-title{color:#fff;font-family:var(--font-primary);letter-spacing:-.03em;margin:0 0 1.5rem;font-size:3rem;font-weight:400;line-height:1}#work-case .work-case-lede{max-width:40rem;color:var(--color-mute-dark);font-family:var(--font-heading);margin:0;font-size:1.125rem;line-height:1.55}#work-case .work-case-sections{padding-bottom:2rem}.cs-section{border-top:1px solid #ffffff1f;padding:4rem 0}.cs-section:first-of-type{border-top:none;padding-top:2rem}.cs-inner{flex-direction:column;gap:0;min-width:0;display:flex}.cs-intro{flex-direction:column;gap:1rem;display:flex}.cs-title{color:#fff;font-family:var(--font-primary);letter-spacing:-.02em;margin:0;font-size:1.875rem;font-weight:400;line-height:1.05}.cs-subtitle{max-width:42rem;color:var(--color-line-dark);font-family:var(--font-heading);margin:0;font-size:1.125rem;line-height:1.35}.cs-paragraph{max-width:40rem;color:var(--color-mute-dark);font-family:var(--font-heading);margin:0;font-size:1rem;line-height:1.65}.cs-figure-wrap{margin-top:2rem}.cs-figure{margin:0}.cs-image-frame{border-radius:var(--radius-card);background:#ffffff0f;width:100%;overflow:hidden}.cs-image-frame[data-empty]{aspect-ratio:16/9}.cs-image{object-fit:cover;width:100%;height:auto;display:block}.cs-caption{color:var(--color-mute-dark);font-family:var(--font-heading);margin-top:.75rem;font-size:.875rem;line-height:1.45}#work-case .work-case-footer-cta{padding-top:4rem}#work-case .work-cards{padding:0 .75rem}.work-case-more-grid{width:100%;position:relative}.work-case-more-layout{grid-template-columns:repeat(8,minmax(0,1fr));gap:.75rem;display:grid}.work-case-more-cell{min-width:0}.work-case-more-card{flex-direction:column;grid-area:1/1/auto/span 3;gap:.75rem;display:flex}#work-case .work-footer{justify-content:flex-end;padding:0;display:flex}#work-case .work-case-more-footer{grid-area:1/6/auto/span 3;align-self:end;margin-top:0}#work-case .work-footer .view-all{color:#fff;font-family:var(--font-primary);letter-spacing:-.03em;border-bottom:2px solid #fff;padding-bottom:.5rem;font-size:4.5rem;line-height:1;text-decoration:none;transition:opacity .25s}@media (hover:hover){#work-case .work-footer .view-all:hover{opacity:.5}}@media (width<=767px){#work-case{padding-bottom:2.5rem}#work-case .work-case-banner{margin-bottom:1.5rem}#work-case .work-case-banner-image{height:min(58vh,420px)}#work-case .work-case-body{grid-template-columns:1fr;padding-bottom:2.5rem}#work-case .work-case-sidebar{z-index:auto;grid-column:1/-1;position:static}#work-case .work-case-main{grid-column:1/-1}#work-case .work-case-intro{margin-bottom:1.5rem}#work-case .work-case-eyebrow,#work-case .work-case-title{font-size:var(--text-fl-4);letter-spacing:-.02em;line-height:1}#work-case .work-case-title{margin-bottom:1rem}#work-case .work-case-lede{font-size:1rem;line-height:1.6}#work-case .work-case-meta{gap:1rem;margin-top:2rem;padding-top:1.5rem}#work-case .work-case-sections{padding-bottom:1.5rem}.cs-section{padding:2.5rem 0}.cs-section:first-of-type{padding-top:1.5rem}.cs-intro{gap:.75rem}.cs-title{font-size:1.5rem;line-height:1.08}.cs-subtitle{font-size:1rem;line-height:1.45}.cs-paragraph{line-height:1.6}.cs-figure-wrap{margin-top:1.5rem}#work-case .work-case-footer-cta{padding-top:2.5rem}.work-case-more-layout{grid-template-columns:1fr;gap:1rem}#work-case .work-case-more-layout>.work-case-more-cell{grid-area:auto/1/auto/-1}#work-case .work-footer{justify-content:flex-start}#work-case .work-footer .view-all{font-size:var(--text-fl-3);padding-bottom:.25rem}}#work-case .work-case-collaborator-role{color:var(--color-mute-dark);display:block}#work-case .work-case-live-site{justify-content:flex-start;margin:2rem 0 0;padding:1.5rem 0 0;display:flex}@media (width<=767px){#work-case .work-case-live-site{margin-top:1.5rem;padding-top:1rem}}html:lang(th) #work-case .work-case-meta-row dt{line-height:1.5}html:lang(th) #work-case .work-footer .view-all{letter-spacing:normal;line-height:1.4}