.csd2 .case-hero{height:min(84vh,760px);position:relative;overflow:hidden}.csd2 .case-hero>img,.csd2 .case-hero>video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.csd2 .case-hero .scrim{background:linear-gradient(#0000006b 0%,#0000001a 22%,#0000 42%,#0000006b 74%,#000000d6 100%);position:absolute;inset:0}.csd2 .case-hero .logo{color:#fdfcf9;letter-spacing:-.015em;text-shadow:0 1px 10px #00000080;font-size:18px;font-weight:600;position:absolute;top:30px;right:34px}.csd2 .case-hero .logo img{object-fit:contain;filter:brightness(0)invert()drop-shadow(0 1px 7px #00000080);width:auto;max-width:170px;height:26px;position:static}@media (max-width:820px){.csd2 .case-hero{height:64vh;max-height:520px}.csd2 .case-hero .logo{top:18px;right:20px}.csd2 .case-hero .logo img{height:20px}}.csd2 .cols{grid-template-columns:264px 1fr;gap:70px;padding:80px 0 96px;display:grid}@media (max-width:1000px){.csd2 .cols{flex-direction:column;gap:40px;padding:52px 0 72px;display:flex}.csd2 .side-rail{display:contents}.csd2 .detail{order:1;margin-bottom:0}.csd2 .cols main{order:2}.csd2 .side-actions{order:3}}.csd2 .detail{border:1px solid var(--b-ink-35);background:0 0;border-radius:8px;margin-bottom:16px;overflow:hidden}.csd2 .detail .d-art{background-image:var(--grad);border-bottom:1px solid var(--b-line);background-position:50%;background-size:cover;height:64px;display:block}.csd2 .detail h4{margin-bottom:16px}.csd2 .detail dt{letter-spacing:.12em;text-transform:uppercase;color:var(--b-ink-35);margin-bottom:3px;font-size:11px;font-weight:600}.csd2 .detail dd{color:var(--b-ink);margin:0 0 14px;font-size:14.5px;line-height:1.45}.csd2 .opener{letter-spacing:-.015em;color:var(--b-ink);text-wrap:balance;max-width:36em;font-size:clamp(22px,2.1vw,26px);font-weight:400;line-height:1.42}.csd2 .statement{max-width:34em;color:var(--b-ink);margin-top:16px}.csd2 .side-actions{margin-top:16px}.csd2 .sec{margin-top:76px}.csd2 .stats-block{border:1px solid var(--b-ink-35);border-radius:8px;margin-top:36px;padding:28px 32px}.csd2 .stats-block .stats{grid-template-columns:repeat(3,1fr);gap:28px 32px;display:grid}.csd2 .stats-block .stats.n2,.csd2 .stats-block .stats.n4{grid-template-columns:repeat(2,1fr)}.csd2 .stats-block .stat{border-left:1px solid var(--b-line);padding-left:24px}.csd2 .stats-block .stats:not(.n2):not(.n4) .stat:nth-child(3n+1),.csd2 .stats-block .stats.n2 .stat:nth-child(odd),.csd2 .stats-block .stats.n4 .stat:nth-child(odd){border-left:none;padding-left:0}@media (max-width:560px){.csd2 .stats-block{padding:22px 20px}.csd2 .stats-block .stats{gap:20px 24px;grid-template-columns:repeat(2,1fr)!important}.csd2 .stats-block .stat{border-left:none;padding-left:0}}.csd2 .steps{border-top:1px solid var(--b-line);margin-top:16px}.csd2 .step{border-bottom:1px solid var(--b-line-soft);gap:22px;padding:24px 0;display:flex}.csd2 .step .sq{background-image:var(--grad);background-position:50%;background-size:cover;border-radius:4px;flex:none;width:40px;height:40px}.csd2 .step .c{flex:1;min-width:0}.csd2 .step .c h4{font-weight:400}.csd2 .step p{color:var(--b-ink-60);max-width:44em;margin-top:7px;font-size:15px;line-height:1.55}@media (max-width:560px){.csd2 .step{gap:16px}.csd2 .step .sq{width:32px;height:32px}}.csd2 .case-work{flex-direction:column;gap:12px;margin-top:56px;display:flex}.csd2 .wk-row{align-items:flex-start;gap:12px;width:100%;margin:0 auto;display:flex}.csd2 .wk-item{background:var(--b-paper-2);border-radius:8px;min-width:0;position:relative;overflow:hidden}.csd2 .wk-item img,.csd2 .wk-item video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.csd2 .wk-item.fit img{object-fit:contain}.csd2 .wk-item.doc{border:1px solid var(--b-line)}@media (max-width:640px){.csd2 .case-work{gap:10px}.csd2 .wk-row{grid-template-columns:1fr 1fr;grid-auto-flow:dense;gap:10px;display:grid;max-width:none!important}.csd2 .wk-item.m2{grid-column:1/-1}.csd2 .wk-item.m2.tall{justify-self:center;width:70%}}.csd2 .side-btn{text-align:center;margin-bottom:22px;display:block}.csd2 .sidecard{border:1px solid var(--b-line);color:inherit;background:var(--b-card);border-radius:8px;margin-bottom:10px;padding:15px 16px 17px;text-decoration:none;transition:border-color .2s;display:block}.csd2 .sidecard:hover{border-color:var(--b-ink)}.csd2 .sidecard .pf{letter-spacing:.14em;text-transform:uppercase;color:var(--b-ink-35);margin-bottom:7px;font-size:9.5px;font-weight:700}.csd2 .sidecard .pt{letter-spacing:-.02em;font-size:14px;font-weight:600;line-height:1.2}.csd2 .cols{grid-template-columns:1fr minmax(0,672px) 1fr;gap:0}.csd2 .side-rail{max-width:196px;top:76px}@media (min-width:1001px) and (max-width:1240px){.csd2 .cols{grid-template-columns:196px minmax(0,672px);justify-content:center;gap:68px}}.csd2 .detail{border:0;border-top:1px solid var(--b-line);background:0 0;border-radius:0;margin-bottom:0;overflow:visible}.csd2 .detail .d-body{padding:0}.csd2 .detail h4{letter-spacing:-.005em;margin-bottom:0;padding:14px 0 16px;font-size:13px;font-weight:600}.csd2 .detail dt{font-size:10px}.csd2 .detail dd{color:var(--b-ink-60);margin:0 0 13px;font-size:13.5px}.csd2 .detail dd:last-child{margin-bottom:0}.csd2 .side-actions{border-top:1px solid var(--b-line);margin-top:24px;padding-top:22px}.csd2 .side-actions .side-btn{margin-bottom:44px;position:relative}.csd2 .side-actions .side-btn:after{content:"";border-top:1px solid var(--b-line);position:absolute;bottom:-22px;left:0;right:0}.csd2 .side-actions .sidecard{background:0 0;border-radius:12px;overflow:hidden}.csd2 .side-actions .sidecard .pf{margin-bottom:9px;display:block}.csd2 .side-actions .sidecard .pt{display:block}.csd2 .side-actions .sidecard .pl{color:var(--b-ink-35);margin-top:7px;font-size:12px;display:block}.csd2 .side-actions .sidecard>*{transition:transform .25s}.csd2 .side-actions .sidecard:hover>*{transform:scale(.985)}@media (prefers-reduced-motion:reduce){.csd2 .side-actions .sidecard>*{transition:none}.csd2 .side-actions .sidecard:hover>*{transform:none}}.csd2 .opener{letter-spacing:-.018em;max-width:none;font-size:clamp(27px,2.7vw,38px);line-height:1.24}.csd2 .opener .nb{white-space:nowrap}.csd2 .statement{text-wrap:pretty;max-width:none}.csd2 .step p{max-width:none}.csd2 .social-post .sp-shot{border:1px solid var(--b-ink-35);background:#fff;border-radius:8px;max-width:440px;display:block;overflow:hidden}.csd2 .social-post .sp-shot img{width:100%;height:auto;display:block}.csd2 .social-post .sp-link{color:var(--b-ink);align-items:center;gap:8px;margin-top:16px;text-decoration:none;display:inline-flex}.csd2 .social-post .sp-link:hover{text-underline-offset:3px;text-decoration:underline}@media (max-width:560px){.csd2 .social-post .sp-shot{max-width:none}}@media (max-width:1000px){.csd2 .cols{gap:0}.csd2 .cols main{display:contents}.csd2 .cols main>*{order:3}.csd2 .cols main>.opener{order:1}.csd2 .detail{border-bottom:1px solid var(--b-line);order:2;margin-top:32px;padding-bottom:18px}.csd2 .detail dl{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;display:grid}.csd2 .detail dt:first-of-type{grid-area:1/1}.csd2 .detail dd:first-of-type{grid-area:2/1}.csd2 .detail dt:nth-of-type(2){grid-area:1/2}.csd2 .detail dd:nth-of-type(2){grid-area:2/2}.csd2 .detail dt:nth-of-type(3){grid-area:1/3}.csd2 .detail dd:nth-of-type(3){grid-area:2/3}.csd2 .detail dd{margin:0}.csd2 .cols main>.case-work{order:2;margin-top:40px}.csd2 .side-actions{border-top:0;order:5;margin-top:56px;padding-top:0}.csd2 .side-actions .side-btn{margin-bottom:20px}.csd2 .side-actions .side-btn:after{display:none}}@media (max-width:767px){.csd2 .sec{margin-top:56px}}@media (max-width:560px){.csd2 .detail dl{grid-template-columns:repeat(2,minmax(0,1fr))}.csd2 .detail dt:nth-of-type(3){grid-area:3/1/4/3;margin-top:16px}.csd2 .detail dd:nth-of-type(3){grid-area:4/1/5/3}.csd2 .stats-block{padding:4px 20px}.csd2 .stats-block .stats{gap:0 18px;grid-template-columns:auto minmax(0,1fr)!important}.csd2 .stats-block .stat{grid-column:1/-1;grid-template-columns:subgrid;border-top:1px solid var(--b-line);align-items:baseline;padding:16px 0;display:grid}.csd2 .stats-block .stat:first-child{border-top:0}.csd2 .stats-block .stat b{font-size:34px}.csd2 .stats-block .stat span{margin-top:0;font-size:13.5px;line-height:1.4}}.csd2 .sidecard,.csd2 .social-post a.sp-shot{transition:border-color var(--m-base) var(--ease)}.csd2 .social-post a.sp-shot img{transition:transform var(--m-slow) var(--ease-out)}.csd2 .social-post a.sp-shot:hover{border-color:var(--b-ink)}.csd2 .social-post a.sp-shot:hover img{transform:scale(1.02)}.csd2 .social-post .sp-link{text-underline-offset:3px;transition:text-decoration-color var(--m-base) var(--ease);-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.csd2 .social-post .sp-link:hover{text-decoration-color:currentColor}
