/* v97 · Services 맨 위: 거대한 제목 + 네 가지 서비스를 한 줄씩 크게 */
.svx{margin:clamp(10px,2vw,30px) 0 clamp(100px,11vw,170px)}
.svx-kicker{margin:0 0 6px;font:500 clamp(18px,2vw,30px)/1 var(--en);letter-spacing:-.03em;color:rgba(255,255,255,.45)}
.svx-title{margin:0 0 clamp(36px,4vw,64px);font:600 clamp(96px,17vw,280px)/.82 var(--en) !important;letter-spacing:-.065em !important;color:#fff;margin-left:-.05em}
.svx-list{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.16)}
.svx-row{position:relative;display:grid;grid-template-columns:72px minmax(0,1.25fr) minmax(0,1.2fr) 170px 40px;align-items:center;gap:24px;padding:clamp(22px,2.4vw,34px) 0;border-bottom:1px solid rgba(255,255,255,.16);color:#fff;text-decoration:none;overflow:hidden;isolation:isolate}
.svx-no{font:300 15px/1 var(--en);color:#fd4533;letter-spacing:.04em}
.svx-name{font:600 clamp(40px,5.4vw,88px)/.95 var(--en);letter-spacing:-.05em;transition:transform .6s cubic-bezier(.22,1,.36,1),color .4s}
.svx-mid{display:flex;flex-direction:column;gap:6px}
.svx-mid b{font:700 clamp(17px,1.4vw,21px)/1.3 var(--kr);letter-spacing:-.03em}
.svx-mid span{font:400 15px/1.55 var(--kr);color:rgba(255,255,255,.58);transition:color .4s}
.svx-price{font:500 14px/1.4 var(--kr);color:rgba(255,255,255,.6);text-align:right;transition:color .4s}
.svx-ar{justify-self:end;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);font-size:15px;transition:background .4s,border-color .4s,transform .5s cubic-bezier(.22,1,.36,1)}
/* hover: key colour rises from below the row */
.svx-fill{position:absolute;inset:0;z-index:-1;background:#fd4533;transform:scaleY(0);transform-origin:bottom;transition:transform .55s cubic-bezier(.22,1,.36,1)}
.svx-row:hover .svx-fill,.svx-row:focus-visible .svx-fill{transform:scaleY(1)}
.svx-row:hover .svx-name,.svx-row:focus-visible .svx-name{transform:translateX(18px)}
.svx-row:hover .svx-no,.svx-row:focus-visible .svx-no,.svx-row:hover .svx-mid span,.svx-row:hover .svx-price,.svx-row:focus-visible .svx-mid span,.svx-row:focus-visible .svx-price{color:#fff}
.svx-row:hover .svx-ar,.svx-row:focus-visible .svx-ar{background:#fff;color:#fd4533;border-color:#fff;transform:rotate(45deg)}
.svx-row:focus-visible{outline:none}
.svx-row.is-one .svx-no{color:#fd4533;font-weight:500}
@media (max-width:1100px){.svx-row{grid-template-columns:52px 1fr 40px;row-gap:10px}.svx-mid{grid-column:2/3}.svx-price{grid-column:2/3;text-align:left}.svx-ar{grid-row:1}}
@media (max-width:640px){.svx-row{grid-template-columns:40px 1fr 34px;gap:12px}.svx-name{font-size:34px}.svx-ar{width:34px;height:34px}}
@media (prefers-reduced-motion:reduce){.svx-fill,.svx-name,.svx-ar{transition:none}}
@media (max-width:1100px){
 .svx-row{grid-template-columns:52px minmax(0,1fr) 40px !important;row-gap:10px}
 .svx-no{grid-column:1;grid-row:1}.svx-name{grid-column:2;grid-row:1}.svx-ar{grid-column:3;grid-row:1}
 .svx-mid{grid-column:2;grid-row:2}.svx-price{grid-column:2;grid-row:3;text-align:left}
}
@media (max-width:640px){.svx-row{grid-template-columns:34px minmax(0,1fr) 34px !important;gap:10px 12px}.svx-name{font-size:clamp(30px,9vw,40px)}.svx-title{font-size:clamp(76px,24vw,120px) !important}}