.live-pair{grid-template-columns:1fr 1fr;gap:clamp(12px,1.4vw,20px);display:grid}.live-pair img{aspect-ratio:8/15;object-fit:cover;background:#121118;border:clamp(2px,.3vw,4px) solid #121118;border-radius:13%/6.9%;width:100%;height:auto;box-shadow:0 16px 40px #16141d29}@media (width<=1000px){.live-pair{max-width:480px}}.issue-desc,.step-desc,.step-items li{word-break:auto-phrase}.issues{padding:clamp(96px,10vw,144px) 0}.issue-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,24px);margin-top:clamp(40px,5vw,64px);display:grid}.issue{border-radius:var(--r);background:var(--night-2);flex-direction:column;padding:clamp(28px,3vw,40px);display:flex}.issue h3{margin-top:12px}.issue-desc{color:var(--on-night-sub);margin-top:12px}.issue-link{color:var(--accent-soft);margin-top:auto;padding-top:20px}.issue-link svg{transition:transform .3s var(--ease)}@media (hover:hover){.issue-link:hover>span{text-decoration-color:currentColor}.issue-link:hover svg{transform:translateY(3px)}}.steps4{padding:clamp(96px,10vw,144px) 0}.step-rows{border-top:1px solid var(--line);margin-top:clamp(40px,5vw,64px)}.step-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,5vw,80px);padding:clamp(28px,3.4vw,48px) 0;display:grid}.steps4 .tile-no{color:var(--accent)}.step-head h3{margin-top:8px}.step-desc{color:var(--ink-soft);margin-top:12px}.step-items{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;column-gap:32px;display:grid}.step-items li{border-bottom:1px solid var(--line);color:var(--ink-soft);gap:12px;padding:12px 0;display:flex}.step-items li:before{content:"";background:var(--accent-blue);border-radius:50%;flex:none;width:5px;height:5px;margin-top:.62em}@media (width<=1000px){.step-row{grid-template-columns:1fr;gap:20px}}@media (width<=600px){.issue-grid,.step-items{grid-template-columns:1fr}.step-items li{padding:9px 0}}[data-theme=light] .issue{background:var(--paper)}[data-theme=light] :is(.issue .tile-no,.issue-link){color:var(--accent)}.steps4+.case-features{padding-top:0}.result-rows{--rise:clamp(32px, 3.4vw, 48px);padding-top:var(--rise);row-gap:calc(var(--rise) + clamp(24px, 2.4vw, 32px));margin-top:clamp(56px,7vw,96px);display:grid}.result-row{width:86%;min-height:calc(var(--pw) * var(--pr) - var(--rise));border-radius:var(--r);background:var(--mist);grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.result-row:nth-child(2n){background:var(--night);color:var(--on-night);grid-template-columns:minmax(0,1fr) auto;justify-self:end}.result-row:nth-child(2n) .result-photo{order:2}.result-row:first-child{--pw:clamp(150px, 15.6vw, 224px);--pr:1.781}.result-row:nth-child(2){--pw:clamp(300px, 33vw, 476px);--pr:.796}.result-row:nth-child(3){--pw:clamp(220px, 23vw, 332px);--pr:1.154}.result-row:nth-child(4){--pw:clamp(200px, 21vw, 300px);--pr:1.255}.result-row:nth-child(5){--pw:clamp(240px, 26vw, 372px);--pr:.976}.result-photo{width:var(--pw);margin-top:calc(-1 * var(--rise));align-self:start}.result-photo img{border-radius:var(--r);width:100%;box-shadow:0 16px 40px #16141d24}.result-text{padding:clamp(32px,3.4vw,48px) clamp(32px,4.4vw,64px)}.result-text :is(.case-figure,.case-title,.case-desc){margin-top:12px}.result-text .case-desc{max-width:40em}.result-row:nth-child(2n) .case-brand{color:var(--on-night-sub)}.result-row:nth-child(2n) .case-brand b{color:var(--on-night);border-right-color:var(--on-night-line)}.result-row:nth-child(2n) .case-figure{color:var(--accent-soft);background-image:var(--grad-soft)}.result-row:nth-child(2n) .case-desc{color:var(--on-night-sub)}@media (width<=1100px){.result-row{width:100%}}@media (width<=680px){.result-rows{--rise:32px;row-gap:calc(var(--rise) + 20px)}.result-row,.result-row:nth-child(2n){grid-template-columns:1fr;min-height:0}.result-row:first-child{--pw:50%}.result-row:nth-child(2){--pw:calc(100% - 40px)}.result-row:nth-child(3){--pw:70%}.result-row:nth-child(4){--pw:62%}.result-row:nth-child(5){--pw:72%}.result-photo{margin:calc(-1 * var(--rise)) 0 0 20px}.result-row:nth-child(2n) .result-photo{margin:calc(-1 * var(--rise)) 20px 0 0;order:0;justify-self:end}.result-text{padding:20px 20px 28px}.result-text .case-brand{flex-wrap:wrap;row-gap:0}}