.design{--dsn-h: min(calc(var(--svh) * 84), 860px);--dsn-top: calc((var(--svh) * 100 - var(--dsn-h)) / 2);background:#000;padding-top:var(--section-y);padding-bottom:calc(var(--section-y) * .55)}.design__head{margin-bottom:clamp(48px,7vw,104px)}.dsn-stack{position:relative;padding-inline:var(--page-x);max-width:1760px;margin-inline:auto}.dsn-case{position:sticky;top:var(--dsn-top);height:var(--dsn-h);margin-bottom:clamp(40px,10vh,120px)}.dsn-case:last-child{margin-bottom:0}.dsn-case__inner{position:relative;display:flex;flex-direction:column;gap:clamp(14px,1.8vw,28px);height:100%;padding:clamp(16px,2.2vw,36px);overflow:hidden;background:#000;border:1px solid rgba(255,255,255,.7);border-radius:var(--card-radius);transform-origin:50% 0}.dsn-case__veil{position:absolute;inset:0;z-index:4;background:#000;opacity:0;border-radius:inherit;pointer-events:none}.dsn-case__head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:clamp(14px,2.6vw,44px)}.dsn-case__num{font-size:clamp(3.2rem,8.4vw,8.4rem);font-weight:500;line-height:.78;letter-spacing:-.06em;color:#fff;font-variant-numeric:tabular-nums}.dsn-case__cat{margin:0 0 .7em;font-size:.72rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:#ffffff8c}.dsn-case__name{margin:0;font-size:clamp(1.4rem,3.1vw,3.1rem);font-weight:500;line-height:1;letter-spacing:-.035em;text-transform:uppercase;color:#fff}.dsn-case__desc{margin:.9em 0 0;max-width:52ch;font-size:clamp(.92rem,1.1vw,1.05rem);line-height:1.5;color:#ffffff8c}.dsn-case__cta{align-self:start;display:inline-flex;align-items:center;gap:.7em;min-height:44px;padding:0 1.4em;border:1px solid rgba(255,255,255,.7);border-radius:999px;font:600 .72rem/1 var(--font-sans);letter-spacing:.16em;text-transform:uppercase;color:#fff;white-space:nowrap;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.dsn-case__cta:hover{background:#fff;color:#000;border-color:#fff}.dsn-case__grid{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:40fr 60fr;grid-template-rows:1fr 1fr;gap:clamp(8px,1vw,16px)}.dsn-media{position:relative;margin:0;min-height:0;overflow:hidden;background:#0a0a0a;border:1px solid rgba(255,255,255,.22);border-radius:calc(var(--card-radius) * .5)}.dsn-media--1{grid-column:1;grid-row:1}.dsn-media--2{grid-column:1;grid-row:2}.dsn-media--3{grid-column:2;grid-row:1 / span 2}.dsn-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}.dsn-case:hover .dsn-media img{transform:scale(1.03)}@media(max-width:760px){.design{--dsn-h: min(calc(var(--svh) * 86), 780px)}.dsn-case__head{grid-template-columns:auto minmax(0,1fr)}.dsn-case__cta{grid-column:1 / -1}.dsn-case__desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dsn-case__grid{grid-template-columns:1fr 1fr;grid-template-rows:1.5fr 1fr}.dsn-media--3{grid-column:1 / -1;grid-row:1}.dsn-media--1{grid-column:1;grid-row:2}.dsn-media--2{grid-column:2;grid-row:2}}@media(max-height:520px){.dsn-case{position:relative;top:auto;height:auto}.dsn-case__grid{min-height:min(62vw,360px);flex:none}}@media(prefers-reduced-motion:reduce){.dsn-media img{transition-duration:.01s}.dsn-case:hover .dsn-media img{transform:none}}