:root{--commerce-seam:1px;--commerce-surface:#e7e6e2;--header-gutter:clamp(1rem, 3.3vw, 4rem);color:#111;background:#fff;font-family:Pretendard,SUIT,Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body.cases-commerce{background:var(--commerce-surface)}html{text-rendering:geometricprecision;-webkit-font-smoothing:antialiased}body.cases-commerce{margin:0;overflow-x:hidden}button,a{color:inherit;font:inherit}a{text-decoration:none}.commerce-wall{background:#d8d7d3;width:100%}.commerce-band{gap:var(--commerce-seam);background:#d8d7d3;width:100%;display:grid}.commerce-band--trio{height:clamp(26rem,29vw,54rem)}.commerce-band--trio-a{grid-template-columns:36fr 34fr 30fr}.commerce-band--trio-b{grid-template-columns:30fr 38fr 32fr}.commerce-band--trio-c{grid-template-columns:37fr 28fr 35fr}.commerce-band--trio-d{grid-template-columns:28fr 34fr 38fr}.commerce-band--quartet{grid-template-columns:repeat(4,1fr);height:clamp(20rem,22vw,42rem)}.commerce-band--quartet-b{height:clamp(21rem,24vw,45rem)}.commerce-band--quartet-c{height:clamp(20rem,23vw,43rem)}.commerce-video-band{--video-parallax-scale:1.18;--video-parallax-shift:0px;background:#030303;width:100%;height:clamp(36rem,56.25vw,80rem);position:relative;overflow:hidden}.commerce-video-band--wide{height:clamp(24rem,40.52vw,64rem)}.commerce-video-band video{object-fit:cover;cursor:pointer;width:100%;height:100%;transform:translate3d(0, var(--video-parallax-shift), 0) scale(var(--video-parallax-scale));transform-origin:50%;will-change:transform;display:block}.commerce-video-toggle{z-index:1;cursor:pointer;background:0 0;border:0;width:100%;position:absolute;inset:0}.commerce-video-toggle:focus-visible{outline-offset:-6px;outline:3px solid #fff}.commerce-video-band:after{z-index:2;top:1.5rem;right:var(--header-gutter);color:#ffffffc7;content:"클릭해 일시정지";letter-spacing:.05em;pointer-events:none;backdrop-filter:blur(16px);background:#0a0a0a75;border:1px solid #ffffff26;border-radius:999px;padding:.65rem .8rem;font-size:.6rem;font-weight:680;position:absolute}.commerce-video-band.is-user-paused:after{content:"일시정지 · 다시 클릭해 재생";color:#fff}.capability-statement{min-height:clamp(42rem,66vh,72rem);padding:clamp(6rem, 10vh, 10rem) var(--header-gutter);color:#111;text-align:center;background:#e9e8e4;grid-template-columns:1fr;place-content:center;place-items:center;gap:2.5rem;display:grid;position:relative}.capability-statement__eyebrow{top:2.2rem;right:var(--header-gutter);left:var(--header-gutter);letter-spacing:.13em;text-align:center;margin:0;font-size:.62rem;font-weight:760;position:absolute}.capability-statement h1{letter-spacing:-.045em;text-wrap:balance;grid-column:1;margin:0;font-size:clamp(3.2rem,5.2vw,6.8rem);font-weight:680;line-height:1.04}.capability-copy,.capability-copy>span{display:block}.capability-copy--mobile{display:none}.capability-statement__note{right:var(--header-gutter);bottom:2.2rem;left:var(--header-gutter);color:#111111ad;text-align:center;margin:0;font-size:.7rem;position:absolute}.cases-cta{min-height:clamp(42rem,72vh,76rem);padding:6rem var(--header-gutter);color:#fff;text-align:center;background:#111;place-content:center;place-items:center;display:grid}.cases-cta>p{color:#ffffff7a;letter-spacing:.14em;margin:0 0 1.8rem;font-size:.62rem;font-weight:760}.cases-cta h2{letter-spacing:-.05em;margin:0;font-size:clamp(3.3rem,5.7vw,7.25rem);font-weight:650;line-height:1.02}.cases-mobile-break{display:none}.cases-cta a{color:#111;background:#fff;border-radius:999px;align-items:center;gap:1rem;min-height:3.25rem;margin-top:3rem;padding:0 1.25rem 0 1.4rem;font-size:.78rem;font-weight:720;transition:transform .26s,background-color .26s;display:inline-flex}.cases-cta a:hover,.cases-cta a:focus-visible{background:#e7e6e2;transform:translateY(-2px)}.cases-cta a span{font-size:1rem}.commerce-tile{--image-shift:0px;--image-scale:1.02;isolation:isolate;background:#ecebe7;border:0;border-radius:0;outline:none;min-width:0;min-height:0;margin:0;padding:0;display:block;position:relative;overflow:hidden}.commerce-tile:after{z-index:2;content:"";pointer-events:none;background:linear-gradient(#11111105,#0000 24% 76%,#11111108);position:absolute;inset:0}.commerce-tile:before{z-index:3;color:#111111b8;content:attr(data-case-label);letter-spacing:.1em;opacity:0;pointer-events:none;backdrop-filter:blur(14px);background:#f7f7f4bd;border:1px solid #11111114;border-radius:999px;padding:.56rem .7rem;font-size:.56rem;font-weight:760;transition:opacity .22s,transform .3s cubic-bezier(.16,1,.3,1);position:absolute;bottom:1rem;left:1rem;transform:translateY(.45rem)}.commerce-tile img{z-index:1;object-fit:cover;object-position:center;width:100%;height:124%;transform:translate3d(0, var(--image-shift), 0);scale:var(--image-scale);will-change:transform;transition:scale .65s cubic-bezier(.16,1,.3,1),filter .5s;display:block;position:absolute;top:-12%;left:0}.commerce-tile:hover{--image-scale:1.035;z-index:2}.commerce-tile:hover:before{opacity:1;transform:translateY(0)}.has-reveal [data-reveal-band]:not(.commerce-band){clip-path:inset(0 0 7%);opacity:0;transition:clip-path .9s cubic-bezier(.16,1,.3,1),opacity .62s,transform .9s cubic-bezier(.16,1,.3,1);transform:translateY(1.5rem)}.has-reveal [data-reveal-band]:not(.commerce-band).is-revealed{clip-path:inset(0);opacity:1;transform:translateY(0)}.commerce-tile--wide img{object-position:center 48%}.commerce-caption,.commerce-index{z-index:90;color:#1111119e;letter-spacing:.1em;backdrop-filter:blur(18px);background:#f7f7f4bd;border:1px solid #11111114;border-radius:999px;margin:0;font-size:.58rem;font-weight:720;position:fixed;bottom:1.35rem}.commerce-caption{left:var(--header-gutter);padding:.72rem .88rem}.commerce-index{right:var(--header-gutter);font-variant-numeric:tabular-nums;text-align:center;grid-template-columns:1.4rem 1fr 1.4rem;align-items:center;gap:.6rem;min-width:8rem;padding:.72rem .85rem;display:grid}.commerce-index i{background:#11111138;height:1px}@media (prefers-reduced-motion:reduce){.commerce-video-band video{will-change:auto;transform:none}.has-reveal [data-reveal-band]{clip-path:none;opacity:1;transition:none;transform:none}.commerce-tile img{transition:none;transform:scale(1.02)}}@media (width<3840px){.cases-cta h2{word-break:keep-all;overflow-wrap:anywhere;font-size:clamp(32px,3.02083vw,116px)}}@media (width<=799px),(width<=959px) and (height<=600px) and (pointer:coarse){.commerce-wall{padding-top:76px}.commerce-band--trio{grid-template-columns:repeat(2,minmax(0,1fr));height:auto}.commerce-band--trio .commerce-tile{aspect-ratio:.78;min-height:0}.commerce-band--trio .commerce-tile:first-child{aspect-ratio:1.15;grid-column:1/-1}.commerce-band--quartet{grid-template-columns:repeat(2,minmax(0,1fr));height:auto}.commerce-band--quartet .commerce-tile{aspect-ratio:.8;min-height:0}.commerce-video-band,.commerce-video-band--wide{height:70svh;min-height:380px}.commerce-video-band:after,.capability-statement__eyebrow,.capability-statement__note{font-size:12px}.commerce-caption{display:none}.commerce-index{min-width:100px;bottom:16px;right:16px}.cases-cta{min-height:0;padding:70px 24px}.cases-cta h2{font-size:clamp(30px,8vw,48px);line-height:1.4}.cases-mobile-break{display:block}}@media screen and (800px<=width<3840px){.commerce-index{font-size:max(12px,.58rem)}}@media (width<=799px),(width<=959px) and (height<=600px) and (pointer:coarse){.capability-statement h1{word-break:keep-all;overflow-wrap:break-word;font-size:clamp(30px,8.2vw,44px);line-height:1.24}body.cases-commerce .capability-copy--desktop{display:none}body.cases-commerce .capability-copy--mobile{display:block}body.cases-commerce .capability-statement{min-height:65svh;padding:104px 24px}body.cases-commerce .capability-statement h1{font-size:clamp(28px,6.2vw,36px);line-height:1.4}body.cases-commerce .capability-copy__detail{letter-spacing:-.025em;text-wrap:balance;margin-top:24px;font-size:20px;font-weight:450;line-height:1.7}body.cases-commerce .capability-statement__note{color:#686762;word-break:keep-all;font-size:14px;line-height:1.7}body.cases-commerce .cases-cta{padding-block:100px}body.cases-commerce .cases-cta h2{text-wrap:balance;font-size:clamp(28px,6vw,34px);line-height:1.5}body.cases-commerce .cases-cta h2>br{display:none}body.cases-commerce .cases-cta-detail{color:#bbb;letter-spacing:-.02em;margin-top:24px;font-size:19px;font-weight:400;line-height:1.8;display:block}body.cases-commerce .cases-cta>p{margin-bottom:28px;font-size:12px}body.cases-commerce .cases-cta a{min-height:56px;margin-top:36px;padding:0 24px;font-size:15px}body.cases-commerce .commerce-band--quartet-b .commerce-tile:nth-child(n+3){aspect-ratio:1.2;grid-column:1/-1}body.cases-commerce .commerce-band--quartet .commerce-tile{aspect-ratio:1}body.cases-commerce .commerce-band--quartet-b .commerce-tile:nth-child(n+3) img{object-position:center}}