.hcar{background:var(--gray-100);height:100svh;min-height:520px;position:relative;overflow:hidden}.hcar__track{position:absolute;inset:0}.hcar__slide{opacity:0;visibility:hidden;transition:opacity .7s var(--ease),visibility .7s;position:absolute;inset:0}.hcar__slide.is-on{opacity:1;visibility:visible}.hcar__slide img{object-fit:cover;width:100%;height:100%}.hcar__slide.is-on img{animation:4s linear both hcarZoom}@keyframes hcarZoom{0%{transform:scale(1)}to{transform:scale(1.06)}}.hcar__bar{z-index:2;max-width:calc(var(--container) + 60px);padding:0 var(--sp-30);align-items:stretch;gap:var(--sp-20);flex-direction:column;margin:0 auto;display:flex;position:absolute;bottom:clamp(28px,4vh,48px);left:0;right:0}.hcar__row{justify-content:space-between;align-items:center;gap:var(--sp-30);display:flex}.hcar__h1{font-family:var(--ko);font-size:clamp(26px,3vw,38px);line-height:1.25;font-weight:var(--fw-bold);letter-spacing:var(--ls-h1);color:var(--ink);word-break:keep-all;text-wrap:balance;max-width:20ch;margin:0}.hcar__nav{align-items:center;gap:var(--sp-20);min-width:0;display:flex}.hcar__count{font-family:var(--ko);letter-spacing:.14em;color:var(--ink);white-space:nowrap;font-size:12px;font-weight:700}.hcar__count b{font-weight:700}.hcar__count span{color:var(--muted);font-weight:600}.hcar__dots{align-items:center;gap:8px;display:flex}.hcar__progress{display:none}.hcar__dot{appearance:none;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}.hcar__dot i{background:#1c181842;width:clamp(28px,4vw,44px);height:2px;transition:background-color .3s ease-in-out;display:block;position:relative;overflow:hidden}.hcar__dot:hover i{background:#1c181880}.hcar__dot i:after{content:"";background:var(--ink);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.hcar__dot[aria-current=true] i:after{transform:scaleX(1)}.hcar.is-auto .hcar__dot[aria-current=true] i:after{animation:hcarProgress var(--hcar-auto,5s) linear forwards}.hcar.is-auto.is-paused .hcar__dot[aria-current=true] i:after{animation-play-state:paused}@keyframes hcarProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hcar__arrows{flex:none;gap:8px;display:flex}.hcar__btn{appearance:none;cursor:pointer;border-radius:var(--r-sm);width:44px;height:44px;color:var(--ink);background:#ffffffb8;border:1px solid #1c18182e;justify-content:center;align-items:center;padding:0;transition:background-color .3s ease-in-out,border-color .3s ease-in-out;display:inline-flex}.hcar__btn:hover{border-color:var(--ink);background:#fff}.hcar__btn .icon{width:18px;height:18px}.sec--intro{background:var(--bg);padding:var(--sec-y) 0}.intro{grid-template-columns:55fr 45fr;align-items:center;gap:clamp(40px,5vw,90px);display:grid}.intro__media{background:var(--gray-100);aspect-ratio:4/3;border-radius:var(--r);display:block;overflow:hidden}.intro__media img{object-fit:cover;width:100%;height:100%}.intro__body{min-width:0}.intro__h1{word-break:keep-all;letter-spacing:var(--ls-h1);color:var(--ink);font-size:clamp(30px,3.6vw,48px);font-weight:700;line-height:1.2}.intro__lead{margin-top:var(--sp-20);white-space:nowrap;max-width:none;font-size:var(--fz-body-lg);line-height:var(--lh-body-lg);color:var(--body)}.intro__cta{margin-top:var(--sp-30);font-family:var(--ko);letter-spacing:var(--ls-ko);color:var(--ink);border-bottom:1px solid var(--ink);align-items:center;gap:10px;padding-bottom:6px;font-size:16px;font-weight:600;transition:color .3s ease-in-out,border-color .3s ease-in-out;display:inline-flex}.intro__cta .icon{width:18px;height:18px;transition:transform .3s var(--ease)}.intro__cta:hover{color:var(--red-500);border-color:var(--red-500)}.intro__cta:hover .icon{transform:translate(4px)}#work .card__desc{-webkit-line-clamp:1;grid-column:1;height:24px;margin-top:8px}#work .card__price{white-space:nowrap;font-size:14px;font-weight:var(--fw-semibold);color:var(--green-700);grid-column:2;justify-self:end;margin-top:8px;line-height:1.6}#work .sec__more{justify-content:center}#work .sec__more .link-arrow:hover .icon{transform:none}@media (width<=1080px){.intro{gap:var(--sp-30);grid-template-columns:1fr}.intro__lead{white-space:normal}}@media (width<=760px){.hcar{height:100svh;min-height:440px}.hcar__bar{padding:0 var(--sp-20);gap:var(--sp-15)}.hcar__h1{max-width:none;font-size:26px}.hcar__slide img{object-position:var(--hero-pos,50% 50%)}.hcar__count{font-size:12px}.hcar__dots{flex:none;gap:0;width:clamp(56px,16vw,80px);height:44px;position:relative}.hcar__dot{display:none}.hcar__progress{background:#1c181842;width:100%;height:2px;display:block;position:relative;overflow:hidden}.hcar__progress:after{content:"";background:var(--ink);transform-origin:0;position:absolute;inset:0;transform:scaleX(1)}.hcar.is-auto .hcar__progress:after{animation:hcarProgress var(--hcar-auto,5s) linear forwards}.hcar.is-auto.is-paused .hcar__progress:after{animation-play-state:paused}.hcar__btn{width:44px;height:44px}#work .card__desc{grid-column:1/-1}#work .card__price{grid-column:1/-1;justify-self:start;margin-top:4px}}@media (prefers-reduced-motion:reduce){.hcar__slide{transition:none}.hcar__slide.is-on img{animation:none}.hcar.is-auto .hcar__dot[aria-current=true] i:after,.hcar.is-auto .hcar__progress:after{animation:none;transform:scaleX(1)}.intro__cta .icon{transition:none}}
