.ui-project[data-project=theroger]{--dl-rule:#ffffff38;--dl-muted:.62;--dl-section-padding:clamp(3.5rem, 5.6vw, 5.5rem);--dl-page-subsection-gap:clamp(3rem, 4.2vw, 4.25rem)}.dl-case{color:currentColor;font-synthesis:none;line-break:strict;text-rendering:optimizelegibility;user-select:text;width:100%;overflow:clip}.dl-case *,.dl-case :before,.dl-case :after{box-sizing:border-box}:where(.dl-case) :where(h1,h2,p,figure,figcaption){margin:0}:where(.dl-case) :where(h1,h2,p,figcaption){overflow-wrap:normal;word-break:normal}.dl-hero{min-height:calc(100svh - 6.875rem);padding-bottom:clamp(3rem,7vh,6rem)}.dl-hero-layout{grid-template-columns:repeat(20,minmax(0,1fr));align-items:start;gap:1.5rem;width:min(100%,1112px);margin-inline:auto;display:grid}@media (width>=1600px){.dl-hero-layout{width:min(100%,clamp(1112px,66vw,1320px))}}.dl-identity{grid-area:1/1/auto/span 6}.dl-identity .ts-2{max-width:18.75rem}.dl-title-suffix{white-space:nowrap}.dl-overview{max-width:var(--work-zh-measure-reading);grid-area:1/7/auto/span 12}.dl-overview .ts-p+.ts-p,.dl-copy-stack .ts-p+.ts-p{margin-top:1.5rem}.dl-hero-media{grid-area:2/7/auto/span 12;margin-top:5rem}.dl-figure{width:100%;min-width:0}.dl-case .ui-project-media,.dl-case .ui-project-media-mobile{background:0 0;border-radius:1rem;width:100%;overflow:hidden}.dl-case .ui-project-media-mobile img{object-fit:cover;width:100%;height:100%}.dl-case .ui-project-media-mobile.dl-media--old-site img{object-position:center top}.dl-section{width:100%;padding-block:var(--dl-section-padding);border-top:1px solid var(--dl-rule);margin-inline:auto;padding-inline:clamp(48px,4.444vw,64px)}.dl-page{border-top:0}.dl-section-inner{width:100%;margin-inline:auto}.dl-section-rule{opacity:.88;background:currentColor;width:3rem;height:2px;margin-bottom:3.5rem;display:block}.dl-section h2{max-width:18.75rem}.dl-copy-stack,.dl-section-copy{max-width:var(--work-zh-measure-wide);margin-top:3.5rem}.dl-section-copy--untitled{margin-top:0}.dl-page-block+.dl-page-block{margin-top:var(--dl-page-subsection-gap)}.dl-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:3.5rem;display:grid}.dl-figure figcaption{font-family:var(--font-mono);letter-spacing:.03em;text-align:center;opacity:.5;margin-top:1rem;font-size:.6875rem;font-weight:700;line-height:1.5}.dl-wide-media{margin-top:3.5rem}@media (width<=999px){.dl-hero{min-height:calc(100svh - 4.375rem);padding-bottom:3rem}.dl-hero-layout{flex-direction:column;gap:0;display:flex}.dl-identity{order:1;width:100%}.dl-identity .ts-2{max-width:21rem;margin-bottom:0}.dl-hero-media{order:2;width:100%;margin-top:2.5rem}.dl-overview{order:3;width:100%;max-width:none;margin-top:2.5rem}.dl-overview .ts-p{min-width:0;margin-top:0}.dl-overview .ts-p+.ts-p,.dl-copy-stack .ts-p+.ts-p{margin-top:1.25rem}.dl-section{padding-block:3.5rem;padding-inline:0}.dl-section-rule{width:2.5rem;margin-bottom:2.5rem}.dl-copy-stack,.dl-section-copy{margin-top:2.5rem}.dl-section-copy--untitled{margin-top:0}.dl-comparison{grid-template-columns:1fr;gap:2.5rem;margin-top:2.5rem}.dl-wide-media{margin-top:2.5rem}}.dl-section-inner{container:dl-section/inline-size}.dl-case :is(.dl-copy-stack,.dl-section-copy),.dl-origin .dl-copy-stack>.ts-p{width:100%;max-width:none}.dl-case :is(.dl-wide-media,.dl-comparison){margin-top:clamp(28px,3vw,40px)}@container dl-section (width<=900px){.dl-comparison{grid-template-columns:1fr;gap:32px}}