.wfc .kw{padding-block:clamp(48px,7vw,112px) clamp(56px,8vw,128px)}.wfc .kw-head{gap:var(--c-4);max-width:46em;margin-bottom:clamp(36px,5vw,72px);display:grid}.wfc .kw-body{grid-template-columns:minmax(0,1fr) minmax(320px,400px);align-items:start;gap:clamp(32px,6vw,96px);display:grid}.wfc .kw-preview{gap:var(--c-4);grid-area:1/2;justify-items:start;display:grid;position:sticky;top:96px}.wfc .kw-kinds{width:100%}.wfc .kw-phone{aspect-ratio:390/760;border:10px solid var(--c-ink);background:var(--c-paper-2);border-radius:40px;width:100%;max-width:380px;overflow:hidden}.wfc .kw-phone iframe{border:0;width:100%;height:100%;display:block}.wfc .kw-list{--c-ax:0px;grid-area:1/1;display:grid;position:relative}.wfc .kw-list>.c-axis{width:var(--c-thin);background:var(--c-fg);position:absolute;top:0;bottom:0;left:0}.wfc .kw-list li{position:relative}.wfc .kw-list li.is-now:before{content:"";left:calc(var(--c-thin) / 2 - var(--c-heavy) / 2);width:var(--c-heavy);background:var(--c-fg);position:absolute;top:6px;bottom:6px}.wfc .kw-list button{gap:var(--c-5);border-bottom:1px solid var(--c-line);text-align:left;grid-template-columns:minmax(140px,220px) minmax(0,1fr);align-items:baseline;width:100%;min-height:56px;padding:16px 0 16px 28px;display:grid}.wfc .kw-list button:hover{background:var(--c-wash)}.wfc .kw-name{font-family:var(--c-display);font-size:clamp(22px,2vw,30px);font-weight:700;line-height:1.1}.wfc .kw-line{font-family:var(--c-display);color:var(--c-muted);font-size:clamp(16px,1.3vw,19px);font-weight:500}.wfc .kw-list .is-now .kw-line{color:var(--c-fg)}@media (max-width:979px){.wfc .kw-body{grid-template-columns:1fr}.wfc .kw-preview{grid-area:1/1;justify-items:stretch;scroll-margin-top:72px;position:static}.wfc .kw-phone{justify-self:center;max-width:360px}.wfc .kw-list{grid-row:2}.wfc .kw-list button{grid-template-columns:1fr;gap:4px;padding-left:24px}}