.so-case-kit.sdx{--split:minmax(0, 1.2fr) minmax(0, 1fr);color:#ede6d3;background:#000}body:has(.sdx){margin:0}.sdx :focus-visible{outline-offset:-6px;outline:2px solid}.sdx .sdx-main{background:#000}.sdx .sdx-head{grid-template-columns:var(--split);padding:clamp(84px, 12vh, 124px) var(--gutter) clamp(26px, 4vh, 44px);color:#111312;background:#ecebe6;align-items:end;display:grid}.sdx .sdx-head h1{letter-spacing:-.035em;margin:0;font-size:clamp(30px,3.4vw,50px);font-weight:900;line-height:1}.sdx .sdx-head p{color:#3f423f;max-width:42ch;margin:0;font-size:clamp(15px,1.2vw,17px);line-height:1.45}.sdx .sdx-table{margin:0;padding:0;list-style:none}.sdx .sdx-row--day{--ground:#ecebe6;--type:#111312;--quiet:#3f423f;--end:#d0231e;--edge:#11131229}.sdx .sdx-row--dark{--ground:#000;--type:#ede6d3;--quiet:#b9b0a4;--end:#e46f17;--edge:#ede6d333}.sdx .sdx-row{background:var(--ground);color:var(--type)}.sdx .sdx-link{grid-template-columns:var(--split);min-height:clamp(310px,37svh,430px);color:inherit;text-decoration:none;display:grid}.sdx .sdx-text{min-width:0;padding:clamp(18px, 2.6vh, 28px) var(--gutter) clamp(16px, 2.2vh, 24px);border-top:1px solid var(--edge);flex-direction:column;display:flex}.sdx .sdx-word{letter-spacing:-.05em;white-space:nowrap;margin:0 0 clamp(14px,2.2vh,24px);font-size:clamp(60px,9.2vw,148px);font-weight:900;line-height:.9}.sdx .sdx-end{color:var(--end);display:inline-block}.sdx .sdx-gloss{letter-spacing:-.02em;font-size:clamp(18px,1.7vw,24px);font-weight:800;line-height:1.1}.sdx .sdx-line{margin-top:8px;font-size:clamp(15px,1.2vw,17px);line-height:1.35}.sdx .sdx-about{color:var(--quiet);margin-top:2px;font-size:clamp(15px,1.2vw,17px);line-height:1.35}.sdx .sdx-foot{letter-spacing:.04em;color:var(--quiet);flex-wrap:wrap;gap:6px 22px;margin-top:auto;padding-top:clamp(14px,2vh,22px);font-size:13px;display:flex}.sdx .sdx-go{color:var(--type);margin-left:auto;font-weight:600}.sdx .sdx-go span{color:var(--end);transition:transform .45s cubic-bezier(.22,1,.36,1);display:inline-block}.sdx .sdx-pic{display:block;position:relative;overflow:hidden}.sdx .sdx-pic img{object-fit:cover;width:100%;height:100%;transition:transform .9s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.sdx .sdx-link:hover .sdx-pic img,.sdx .sdx-link:focus-visible .sdx-pic img{transform:scale(1.035)}.sdx .sdx-link:hover .sdx-go span,.sdx .sdx-link:focus-visible .sdx-go span{transform:translate(8px)}.sdx .sdx-credit{padding:clamp(20px, 3vh, 32px) var(--gutter);letter-spacing:.02em;color:#b9b0a4;border-top:1px solid #ede6d333;margin:0;font-size:13px}@media (prefers-reduced-motion:no-preference){.sdx .sdx-end{animation:.8s cubic-bezier(.22,1,.36,1) both sdx-land;animation-delay:calc(.25s + var(--i) * .42s)}@keyframes sdx-land{0%{opacity:0;transform:translateY(.32em)}to{opacity:1;transform:none}}}@media (prefers-reduced-motion:reduce){.sdx .sdx-pic img,.sdx .sdx-go span{transition:none}}@media (max-width:760px){.sdx .sdx-head{grid-template-columns:minmax(0,1fr);gap:10px;padding-bottom:24px}.sdx .sdx-link{grid-template-columns:minmax(0,1fr);min-height:0}.sdx .sdx-pic{aspect-ratio:3/2;order:-1}.sdx .sdx-text{border-top:0;padding-top:18px;padding-bottom:22px}.sdx .sdx-word{font-size:17vw}.sdx .sdx-foot{padding-top:16px}}