.dx{padding:40px 0 90px}.dx-intro{padding:40px 0 20px}.dx-intro h1{font-family:var(--serif);letter-spacing:-.02em;color:var(--ink);max-width:16ch;margin:0;font-size:clamp(42px,6vw,80px);font-weight:400;line-height:1}.dx-intro .sx-lede{max-width:60ch}.dx-group{padding-top:64px}.dx-head{grid-template-columns:1fr 1.2fr;align-items:end;gap:30px;margin-bottom:28px;display:grid}.dx-head h2{font-size:clamp(34px,4vw,54px)}.dx-head .sx-lede{font-size:17px;margin-top:0!important}.dx-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;display:grid}.dx-card{color:inherit;border:1px solid var(--line);background:#fff;border-radius:26px;grid-template-rows:auto 1fr;text-decoration:none;transition:transform .35s,box-shadow .35s;display:grid;overflow:hidden;box-shadow:0 18px 40px -28px #1d2a4433}.dx-card:hover{box-shadow:0 0 0 1px color-mix(in srgb,var(--dx-accent) 35%,transparent),0 28px 50px -24px color-mix(in srgb,var(--dx-accent) 45%,#1d2a44);transform:translateY(-5px)}.dx-photo{aspect-ratio:16/10;background:color-mix(in srgb,var(--dx-accent) 10%,#fff);margin:0;position:relative;overflow:hidden}.dx-photo>img{object-fit:cover;width:100%;height:100%;transition:transform .7s}.dx-card:hover .dx-photo>img{transform:scale(1.04)}.dx-mark{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff0;border-radius:14px;place-items:center;width:150px;height:62px;padding:8px 12px;display:grid;position:absolute;bottom:18px;left:18px;box-shadow:0 10px 24px -12px #0006}.dx-mark img{object-fit:contain;max-width:100%;max-height:100%}.dx-body{padding:20px 22px 24px}.dx-body small{letter-spacing:.12em;text-transform:uppercase;color:var(--soft);font-size:11px;font-weight:600;display:block}.dx-body h3{font-family:var(--serif);letter-spacing:-.015em;color:var(--ink);margin:8px 0;font-size:28px;font-weight:400;line-height:1.08}.dx-body p{color:var(--soft);margin:0 0 14px;font-size:14.5px;line-height:1.6}.dx-body b{color:var(--dx-accent);align-items:center;gap:6px;font-size:13.5px;font-weight:600;display:inline-flex}@media (max-width:960px){.dx-grid{grid-template-columns:1fr 1fr}.dx-head{grid-template-columns:1fr;gap:10px}}@media (max-width:640px){.dx-grid{grid-template-columns:1fr}.dx{padding-bottom:60px}.dx-group{padding-top:44px}}@media (prefers-reduced-motion:reduce){.dx-card,.dx-photo>img{transition:none}.dx-card:hover,.dx-card:hover .dx-photo>img{transform:none}}.dx-mark.dx-mark-dark{background:#14171af2;box-shadow:0 10px 24px -12px #000a,inset 0 1px #ffffff26}
