@font-face{font-family:Pretendard;src:url('assets/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--brand:#d9381e;--brand-dark:#aa2b19;--blush:#fff1ec;--paper:#f3f3f5;--ink:#121316;--muted:#4e5159;--line:#dedfe4;--max:1280px;--body:1.0625rem;--small:.9375rem;--caption:.8125rem}*{box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{margin:0;background:#fff;color:var(--ink);font:400 var(--body)/1.65 Pretendard,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}a{color:inherit;text-decoration:none}button{font:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,video:focus-visible{outline:3px solid var(--brand);outline-offset:4px}[hidden]{display:none!important}.skip-link{position:absolute;left:12px;top:-100px;background:#121316;color:#fff;padding:12px;z-index:100}.skip-link:focus{top:12px}.wrap{max-width:var(--max);width:calc(100% - 96px);margin:auto}.header{min-height:80px;position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}.header-inner{min-height:80px;max-width:1500px;margin:auto;padding:0 3.3%;display:flex;align-items:center;gap:20px}.brand,.footer-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;white-space:nowrap}.brand img,.footer-brand img{width:38px;height:38px}.desktop-nav{margin-left:auto;display:flex;align-items:center;gap:20px;font-size:var(--small);font-weight:700;white-space:nowrap}.desktop-nav a{padding:27px 0}.desktop-nav a:hover,.desktop-nav a[aria-current]{color:var(--brand)}.language{display:flex;align-items:center;flex-shrink:0;border:1px solid #c8c9ce;background:#fff;border-radius:999px;padding:3px;font-size:var(--small);font-weight:700}.language a{padding:6px 10px;border-radius:999px;line-height:1.3}.language a[aria-current]{background:var(--ink);color:#fff}.language a:not([aria-current]):hover{background:var(--blush)}.menu-toggle,.mobile-nav{display:none}.hero{background:var(--paper);overflow:hidden}.hero-grid{min-height:600px;display:grid;grid-template-columns:1fr .92fr;align-items:center;gap:7%;padding:75px 0}.hero-copy h1,.page-intro h1{font-size:clamp(42px,4.4vw,62px);line-height:1.2;letter-spacing:-.045em;margin:18px 0 24px;font-weight:800;word-break:keep-all}.hero h1 em,.page-intro h1 em,.section h2 em{font-style:normal;color:var(--brand)}.hero-copy>p,.page-intro>p{max-width:650px;color:var(--muted);font-size:19px;line-height:1.75;margin:0 0 28px;word-break:keep-all}.section-label{display:inline-block;color:var(--brand-dark);font-size:var(--small);font-weight:750;line-height:1.5}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:52px;padding:13px 22px;border-radius:9px;font-size:var(--body);font-weight:700;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--brand-dark);color:#fff}.primary:hover{background:#882515}.secondary{background:#fff;border:1px solid #c8c9ce}.secondary:hover{border-color:#777}.hero-copy .hero-foot{font-size:var(--small);color:#5f626a;margin:22px 0 0}.dashboard{background:#fff;border:1px solid #dedfe4;border-radius:14px;box-shadow:0 18px 60px #18212a12;overflow:hidden}.dash-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 20px;background:#fafafa;border-bottom:1px solid var(--line);font-size:var(--small);color:#585a61}.dash-brand{display:flex;align-items:center;gap:8px;color:var(--ink);font-weight:750}.dash-brand img{height:27px;width:27px}.dash-body{padding:26px}.dash-heading>span{font-size:var(--small);font-weight:750;color:var(--brand-dark)}.dash-heading h2{font-size:24px;line-height:1.3;letter-spacing:-.035em;margin:8px 0}.dash-heading p,.dash-note{font-size:var(--small);color:var(--muted);margin:0;line-height:1.6}.dash-summary{display:flex;justify-content:space-between;gap:15px;margin-top:25px;padding:14px 0;border-top:1px solid var(--line);font-size:var(--small);color:var(--muted)}.dash-summary b{color:var(--ink)}.dash-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:15px 0;border-top:1px solid #ececf0}.channel-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:#f6e6e3;color:#9f291a;font-weight:800}.channel-icon.instagram{background:#f9e9f2;color:#9f3474}.channel-icon.facebook{background:#e8eefc;color:#2854a4}.dash-row strong,.dash-row small{display:block;font-size:var(--small);line-height:1.5}.dash-row small{color:var(--muted)}.dash-row>b{font-size:var(--body);white-space:nowrap}.dash-note{padding-top:14px;border-top:1px solid var(--line)}.section{padding:105px 0}.tint{background:var(--paper)}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:end;margin-bottom:42px}.section h2,.cta-band h2{font-size:clamp(32px,3.4vw,46px);line-height:1.25;letter-spacing:-.04em;margin:12px 0 0;word-break:keep-all}.section-head p,.contact-card p,.cta-band p{font-size:var(--body);line-height:1.8;color:var(--muted);word-break:keep-all;margin:0}.pain-grid,.feature-grid,.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-grid{grid-template-columns:repeat(3,1fr)}.info-card,.step-grid article{padding:26px;border:1px solid var(--line);border-radius:12px;background:#fff;min-height:210px}.card-number,.step-grid span{font-size:var(--small);font-weight:750;color:var(--brand-dark)}.info-card h3,.step-grid h3,.process-item h3,.case-copy h3{font-size:21px;line-height:1.35;letter-spacing:-.025em;margin:23px 0 12px}.info-card p,.step-grid p,.process-item p{font-size:var(--body);line-height:1.75;color:var(--muted);margin:0;word-break:keep-all}.text-link{display:inline-block;margin-top:30px;padding-bottom:5px;border-bottom:1px solid currentColor;font-size:var(--body);font-weight:750}.text-link:hover{color:var(--brand)}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:start}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mini-grid .info-card{min-height:175px;padding:20px}.mini-grid .info-card h3{font-size:19px;margin:15px 0 8px}.mini-grid .info-card p{font-size:var(--small)}.case-note{font-size:var(--small);color:#5c5f68;line-height:1.65;margin:20px 0 0;word-break:keep-all}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.case-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.case-video{background:#171719;aspect-ratio:9/11;overflow:hidden}.case-video video{width:100%;height:100%;object-fit:cover;display:block}.case-copy{display:flex;flex-direction:column;align-items:flex-start;padding:22px;gap:6px}.case-copy h3{margin:0 0 6px}.case-copy strong{font-size:var(--body);color:var(--brand-dark)}.case-copy span,.case-copy a{font-size:var(--small)}.case-copy span{color:var(--muted)}.case-copy a{font-weight:700;margin-top:10px;text-decoration:underline;text-underline-offset:4px}.faq-list{border-top:1px solid #cdd0d5}.faq-list details{border-bottom:1px solid #d8d9de}.faq-list summary{padding:22px 34px 22px 0;cursor:pointer;font-weight:750;font-size:19px;list-style:none;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:5px;font-size:25px;top:15px;color:var(--brand)}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:var(--body);line-height:1.8;color:var(--muted);margin:0;max-width:900px;padding:0 35px 24px 0;word-break:keep-all}.cta-band{background:var(--blush);padding:72px 0}.cta-grid{display:flex;justify-content:space-between;align-items:center;gap:35px}.cta-band h2{font-size:32px;margin:0 0 12px}.page-intro{padding:100px 0 90px}.page-intro h1{max-width:1000px}.page-intro>p{margin:0}.channel-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.channel-grid span{padding:28px 12px;font-size:21px;font-weight:750}.process-list{border-top:1px solid #cdd0d5}.process-item{display:grid;grid-template-columns:100px 1fr;padding:35px 10px;border-bottom:1px solid #d8d9de}.process-item>span{font-size:var(--body);font-weight:750;color:var(--brand-dark)}.process-item h3{margin:0 0 10px;font-size:24px}.process-item p{max-width:850px}.launch-player{display:block;width:100%;max-height:700px;background:#151515;border-radius:12px;aspect-ratio:16/9}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:35px;min-width:0}.contact-card h2{font-size:clamp(22px,2.4vw,32px);overflow-wrap:anywhere;margin:15px 0}.contact-card p{margin:12px 0}.contact-card .button{margin-top:18px}.contact-card p a{text-decoration:underline;text-underline-offset:3px}.footer{background:#18191c;color:#fff;padding:65px 0}.footer-grid{display:grid;grid-template-columns:1fr 1.4fr auto;gap:55px}.footer-brand{font-size:20px}.footer p,.footer-info{color:#c7c8cc;font-size:var(--small);line-height:1.7}.footer-links{display:flex;flex-wrap:wrap;gap:8px 18px;max-width:430px;margin-top:25px;font-size:var(--small)}.footer-links a:hover,.footer-info a:hover{color:#fff;text-decoration:underline}.footer-info{display:flex;flex-direction:column;gap:5px}.footer-info strong{color:#fff}.footer-info small{font-size:var(--caption);color:#bbb;margin-top:12px}.to-top{width:46px;height:46px;border:1px solid #777;border-radius:50%;display:grid;place-items:center}.to-top:hover{background:var(--brand);border-color:var(--brand)}
@media(max-width:1250px){.desktop-nav{display:none}.language{margin-left:auto}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;background:none;border:0;cursor:pointer}.menu-toggle span{width:25px;height:2px;background:#151515}.mobile-nav:not([hidden]){display:grid;grid-template-columns:repeat(2,1fr);position:absolute;top:80px;left:0;right:0;background:#fff;padding:10px 30px 24px;border-bottom:1px solid var(--line);box-shadow:0 12px 20px #0001}.mobile-nav a{padding:12px;font-weight:700;font-size:var(--body);border-bottom:1px solid var(--line)}.mobile-nav a[aria-current]{color:var(--brand)}}
@media(max-width:850px){.wrap{width:calc(100% - 48px)}.header-inner{padding:0 24px}.hero-grid{grid-template-columns:1fr;gap:40px;padding:65px 0}.hero-copy h1{font-size:clamp(38px,7vw,55px)}.section{padding:78px 0}.section-head{grid-template-columns:1fr;gap:20px}.pain-grid,.step-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}.case-grid{gap:14px}.case-copy{padding:16px}.cta-grid{align-items:flex-start;flex-direction:column}.cta-band h2{font-size:28px}.footer-grid{grid-template-columns:1fr auto;gap:25px}.footer-info{grid-column:1/-1;grid-row:2}.to-top{grid-column:2;grid-row:1}}
@media(max-width:600px){.header,.header-inner{min-height:68px}.mobile-nav:not([hidden]){top:68px;grid-template-columns:1fr;max-height:calc(100vh - 68px);overflow:auto}.header-inner{padding:0 16px;gap:8px}.brand{font-size:17px;min-width:0}.brand img{width:32px;height:32px}.language a{padding:6px 8px}.hero-grid{padding:55px 0}.hero-copy h1,.page-intro h1{font-size:36px}.hero-copy>p,.page-intro>p{font-size:var(--body)}.section h2{font-size:30px}.section-head{margin-bottom:28px}.info-card,.step-grid article{min-height:0;padding:22px}.pain-grid,.feature-grid,.step-grid{grid-template-columns:1fr}.mini-grid{grid-template-columns:1fr}.mini-grid .info-card{min-height:0}.case-grid{grid-template-columns:1fr}.case-card{display:grid;grid-template-columns:minmax(110px,38%) 1fr}.case-video{height:100%;min-height:215px;aspect-ratio:auto}.case-copy h3{font-size:19px}.case-copy{padding:17px}.case-copy strong,.case-copy span,.case-copy a{font-size:var(--small)}.dash-body{padding:18px}.dash-bar{padding:12px 15px}.dash-heading h2{font-size:22px}.dash-row{grid-template-columns:36px minmax(0,1fr) auto;gap:8px}.channel-icon{width:34px;height:34px}.dash-row>b{font-size:var(--small)}.channel-grid{grid-template-columns:repeat(2,1fr)}.channel-grid span{padding:18px 8px}.page-intro{padding:70px 0}.process-item{grid-template-columns:50px 1fr}.process-item h3{font-size:22px}.contact-grid{grid-template-columns:1fr}.contact-card{padding:24px}.footer-links{gap:8px 14px}.cta-band h2{font-size:26px}}
@media(max-width:380px){.brand{font-size:15px}.brand img{width:28px;height:28px}.language a{font-size:var(--caption);padding:6px}.header-inner{gap:6px}.hero-copy h1,.page-intro h1{font-size:32px}.dash-bar{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
.footer-info{min-width:0;overflow-wrap:anywhere}
@media(max-width:850px){.footer-grid{grid-template-columns:minmax(0,1fr) auto}}
/* 메뉴도 본문과 같은 KRDS 기본 크기 */
.desktop-nav,.mobile-nav a,.footer-links,.language,.language a{font-size:1.0625rem}
.desktop-nav{gap:17px}
/* 레이블 원본의 첫 화면: 검은 무대, 왼쪽 문구, 오른쪽 세로 영상, 아래 지표 */
.hero{background:#080808;color:#fff;overflow:hidden}
.hero-grid{min-height:590px;grid-template-columns:1fr 1fr;gap:5%;padding:60px 0 25px;align-items:center}
.hero-copy h1{font-size:clamp(42px,4.1vw,60px);letter-spacing:-.045em;line-height:1.2}
.hero-copy>p{color:#c4c4c4;font-size:17px;max-width:590px}
.hero-copy .section-label{color:#ccc;letter-spacing:.08em}
.hero .primary{border-radius:100px;background:#c52d17;padding:17px 28px}
.hero-showcase{min-width:0;margin-right:calc((1280px - 100vw)/2);overflow:hidden}
.hero-video-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x;cursor:grab;padding:4px 0}
.hero-video-track:active{cursor:grabbing}.hero-video-track::-webkit-scrollbar{display:none}
.hero-video-card{flex:0 0 264px;height:469px;position:relative;border-radius:10px;background:#212121;overflow:hidden;scroll-snap-align:start}
.hero-video-card video{width:100%;height:100%;display:block;object-fit:cover;pointer-events:none}
.hero-video-caption{position:absolute;bottom:0;left:0;right:0;padding:52px 14px 14px;display:flex;flex-direction:column;gap:4px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.92));pointer-events:none}
.hero-video-caption span{font-size:15px;line-height:1.35;color:#ffd0c8;font-weight:700}.hero-video-caption b{font-size:17px;line-height:1.4}
.hero-video-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:600px;padding:12px 0 0;color:#c4c4c4;font-size:15px}
.hero-video-controls div{display:flex;gap:8px}.hero-video-controls button{width:44px;height:42px;display:grid;place-items:center;background:#171717;border:1px solid #555;border-radius:99px;color:white;cursor:pointer}.hero-video-controls button:hover{background:var(--brand)}
.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;border-top:1px solid #303030;padding:32px 0 48px}
.hero-stats>div{display:flex;flex-direction:column;gap:4px}.hero-stats span{color:#b2b2b2;font-size:15px;font-weight:700;letter-spacing:.08em}.hero-stats strong{font-size:42px;line-height:1.15}.hero-stats strong i{font-style:normal;font-size:22px;color:#f0614e}.hero-stats small{font-size:15px;color:#bbb}
@media(max-width:850px){.hero-grid{grid-template-columns:1fr;gap:35px;padding:65px 0 30px}.hero-copy{padding:0}.hero-showcase{margin-right:-24px}.hero-video-controls{padding-right:24px}.hero-stats{grid-template-columns:repeat(2,1fr);gap:24px;padding:30px 0 45px}}
@media(max-width:600px){.hero-grid{padding:60px 0 28px}.hero-copy h1{font-size:36px}.hero-copy>p{font-size:17px}.hero-video-card{flex-basis:210px;height:374px}.hero-stats strong{font-size:32px}.brand span{white-space:normal;line-height:1.15;font-size:17px}.brand{flex:1;min-width:0}.language{margin-left:auto}.language a{font-size:17px;padding:6px}.header-inner{gap:5px}.hero-video-caption span{font-size:15px}.hero-video-caption b{font-size:17px}}
@media(max-width:380px){.brand span{font-size:17px}.hero-copy h1{font-size:32px}.language a{font-size:17px;padding:6px}}
/* 넓은 메뉴 간격과 단계별 움직임 */
.desktop-nav{gap:clamp(25px,2.2vw,34px)}
.hero-stats strong .count-number{font-size:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;font-weight:inherit}
.hero-stats-note{color:#aaa;font-size:15px;line-height:1.6;padding-bottom:30px}
.hero-stats{padding-bottom:18px}
.animated-letter{display:inline-block;white-space:pre;animation:letter-in .55s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:calc(var(--letter-index) * 45ms)}
@keyframes letter-in{from{opacity:0;transform:translateY(.55em);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
.reveal-pending{opacity:0;transform:translateY(26px)}
.reveal-target{transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
.reveal-visible{opacity:1;transform:translateY(0)}
.info-card,.case-card,.step-grid article,.dashboard{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.info-card:hover,.case-card:hover,.step-grid article:hover{transform:translateY(-5px);border-color:#e4b0a7;box-shadow:0 16px 32px #24202112}
.desktop-nav a{position:relative}.desktop-nav a::after{content:'';height:2px;position:absolute;bottom:20px;left:0;right:0;background:var(--brand);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.desktop-nav a:hover::after,.desktop-nav a[aria-current]::after{transform:scaleX(1)}
.hero-video-card video{transition:transform .5s ease}.hero-video-card:hover video{transform:scale(1.045)}
.faq-list summary{transition:color .2s ease}.faq-list summary:hover{color:var(--brand)}
@media(prefers-reduced-motion:reduce){.animated-letter{animation:none}.reveal-pending{opacity:1;transform:none}.info-card:hover,.case-card:hover,.step-grid article:hover,.hero-video-card:hover video{transform:none}}
/* 넓은 화면에서도 넘길 영상이 남도록 목록의 폭을 제한합니다. */
@media(min-width:851px){.hero-showcase{width:auto;max-width:900px;margin-right:calc((1280px - 100vw)/2)}}
.hero-video-track{scroll-snap-type:x proximity;touch-action:auto;user-select:none;-webkit-user-select:none}
.hero-video-track.is-dragging{scroll-snap-type:none;scroll-behavior:auto}
.desktop-nav,.mobile-nav a,.footer-links,.language,.language a{font-size:1.1875rem}
@media(max-width:600px){.language a{font-size:1.1875rem}}
@media(max-width:380px){.language a{font-size:1.1875rem}}
.animated-letter{animation-duration:.85s;animation-delay:calc(900ms + var(--letter-index) * 160ms)}
.reveal-target{transition-duration:1.15s}
.info-card,.case-card,.step-grid article,.dashboard{transition-duration:.45s}
.hero-video-card video{transition-duration:.85s}
@media(prefers-reduced-motion:reduce){.animated-letter{animation:none}.reveal-target{transition:none}}
.hero-video-controls button:disabled{opacity:.42;cursor:default;background:#171717}
.reveal-pending{opacity:1}
@media(prefers-reduced-motion:reduce){.hero-video-card video{pointer-events:auto}}
.hero-video-track{scroll-snap-type:none}
.hero-video-controls button:disabled{opacity:1;color:#aaa;border-color:#464646}
/* 상세 화면: 주제에 따라 움직이는 홍보실 비주얼 */
.page-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--brand);transform:scaleX(0);transform-origin:left;pointer-events:none}
.page-intro{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);align-items:center;gap:7%;min-height:510px;overflow:hidden}
.intro-content{min-width:0;position:relative;z-index:1}
.intro-content>p{max-width:650px;color:var(--muted);font-size:19px;line-height:1.75;margin:0;word-break:keep-all}
.intro-art{position:relative;isolation:isolate;min-height:350px;overflow:hidden;border-radius:22px;background:radial-gradient(circle at 52% 48%,#fff 0,#fff5f1 43%,#f7e6df 100%);border:1px solid #f1d4c9}
.intro-art::before,.intro-art::after{content:'';position:absolute;pointer-events:none;z-index:-1}
.intro-art::before{width:280px;height:280px;right:-105px;top:-110px;border:1px solid #e4b3a6;border-radius:50%;box-shadow:0 0 0 35px #ffffff42,0 0 0 70px #ffffff36}
.intro-art::after{width:230px;height:230px;left:-110px;bottom:-100px;border-radius:50%;background:#df48281a;filter:blur(12px)}
.motif-rings{position:absolute;left:50%;top:50%;width:290px;height:290px;transform:translate(-50%,-50%);pointer-events:none}
.motif-rings i{position:absolute;border:1px solid #d9381e38;border-radius:50%;inset:0}
.motif-rings i:nth-child(1){border-top-color:#d9381e;animation:motif-spin 20s linear infinite}
.motif-rings i:nth-child(2){inset:28px;border-right-color:#d9381e99;animation:motif-spin 17s linear infinite reverse}
.motif-rings i:nth-child(3){inset:55px;border-bottom-color:#d9381eaa;animation:motif-spin 13s linear infinite}
.motif-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:146px;height:146px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#fff;border:1px solid #ead1c8;border-radius:24px;box-shadow:0 8px 14px #0000001c;animation:motif-core-in 1.3s cubic-bezier(.2,.7,.2,1) both}
.motif-core img{width:42px;height:42px}.motif-core b{font-size:19px;line-height:1.25;letter-spacing:.05em}.motif-core span{font-size:15px;line-height:1.3;color:#7b4e43}
.motif-chip{position:absolute;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-height:37px;padding:7px 13px;background:#fff;color:#672d20;border:1px solid #efc5b9;border-radius:99px;font-size:15px;line-height:1.2;font-weight:750;box-shadow:0 4px 10px #00000014;animation:motif-float 4.8s ease-in-out infinite}
.motif-chip-1{top:14%;left:10%;animation-delay:-.5s}.motif-chip-2{top:15%;right:8%;animation-delay:-1.7s}.motif-chip-3{bottom:13%;left:7%;animation-delay:-2.6s}.motif-chip-4{bottom:14%;right:9%;animation-delay:-3.6s}
.motif-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#d9381e70,transparent);transform-origin:center;animation:motif-beam 2s ease both}
.motif-line-1{width:100%;top:50%;left:0}.motif-line-2{width:80%;top:50%;left:10%;transform:rotate(-40deg)}
.motion-enabled .page-intro .section-label{animation:intro-rise .9s .15s both}.motion-enabled .intro-content>p{animation:intro-rise 1.1s .5s both}
.page-intro h1 .animated-letter{animation-delay:calc(500ms + var(--letter-index) * 110ms)}
.reveal-pending{transform:translateY(44px) scale(.98)}
.reveal-target{transition-delay:var(--reveal-delay,0ms)}
.info-card:hover,.case-card:hover,.step-grid article:hover,.contact-card:hover{transform:translateY(-9px) scale(1.012);border-color:#d88d7e;box-shadow:0 20px 42px #7b291b20}
.contact-card{transition:transform .5s,border-color .5s,box-shadow .5s}
.card-number,.step-grid article>span{display:inline-block;transition:transform .45s,color .45s}.info-card:hover .card-number,.step-grid article:hover>span{transform:translateX(9px);color:var(--brand)}
.case-video video{transition:transform .9s cubic-bezier(.2,.7,.2,1)}.case-card:hover .case-video video{transform:scale(1.07)}
.process-item{position:relative}.process-item::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--brand);transform:scaleX(0);transform-origin:left;transition:transform 1.15s cubic-bezier(.2,.7,.2,1)}
.process-item.reveal-visible::after{transform:scaleX(1)}.process-item>span{transition:transform .6s}.process-item:hover>span{transform:translateX(10px)}
.dash-row{transition:background .35s,transform .35s}.dash-row:hover{background:#fff5f1;transform:translateX(4px)}
.channel-icon{transition:transform .45s}.dash-row:hover .channel-icon{transform:rotate(-8deg) scale(1.1)}
.faq-list summary:after{transition:transform .5s}.faq-list details[open] summary:after{transform:rotate(180deg)}
.motion-enabled .faq-list details[open]>p{animation:faq-enter .65s ease both}
.button span{display:inline-block;transition:transform .4s}.button:hover span{transform:translate(5px,-5px)}
@keyframes motif-spin{to{transform:rotate(360deg)}}
@keyframes motif-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px)}}
@keyframes motif-core-in{from{opacity:0;transform:translate(-50%,-43%) scale(.82)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes motif-beam{from{opacity:0;scale:.4 1}to{opacity:1;scale:1 1}}
@keyframes intro-rise{from{transform:translateY(24px)}to{transform:translateY(0)}}
@keyframes faq-enter{from{transform:translateY(-10px)}to{transform:translateY(0)}}
@media(max-width:850px){.page-intro{grid-template-columns:1fr;gap:42px;padding:70px 0}.intro-art{min-height:300px}.intro-content>p{font-size:17px}}
@media(max-width:600px){.page-intro{gap:30px}.intro-art{min-height:260px}.motif-rings{width:225px;height:225px}.motif-core{width:118px;height:118px;border-radius:20px}.motif-core img{width:35px;height:35px}.motif-core b{font-size:17px}.motif-chip{font-size:15px;padding:6px 9px}.motif-chip-1{left:4%;top:12%}.motif-chip-2{right:4%;top:12%}.motif-chip-3{left:4%;bottom:10%}.motif-chip-4{right:4%;bottom:10%}}
@media(prefers-reduced-motion:reduce){.page-progress{display:none}.motif-rings i,.motif-chip,.motif-core,.motif-line,.motion-enabled .intro-content>p,.motion-enabled .page-intro .section-label,.motion-enabled .faq-list details[open]>p{animation:none}.motif-core{transform:translate(-50%,-50%)}.info-card:hover,.case-card:hover,.step-grid article:hover,.contact-card:hover,.case-card:hover .case-video video,.process-item:hover>span,.dash-row:hover,.dash-row:hover .channel-icon{transform:none}.reveal-pending{transform:none}.process-item::after{transition:none}}
/* 상세별로 다른 움직임: 제작 과정, 성과, 사례, 문의 */
.intro-art-process{background:linear-gradient(135deg,#fff9f6,#f7ded5)}
.intro-art-process .motif-rings i{border-radius:25%;border-color:#d9381e2e}
.intro-art-process .motif-rings i:nth-child(2){border-radius:35%;border-right-color:#d9381e80}
.intro-art-analytics{background:radial-gradient(circle at 50% 50%,#fff 0,#fff0eb 55%,#f8ded4 100%)}
.intro-art-analytics .motif-rings i:nth-child(1){border-width:2px;border-top-color:#d9381e}
.intro-art-faq{background:linear-gradient(150deg,#fffaf7,#f4e7e2)}
.intro-art-faq .motif-chip{border-radius:16px 16px 16px 3px}
.intro-art-contact{background:linear-gradient(135deg,#fff7f3,#ffebe3)}
.intro-art-contact .motif-rings i:nth-child(2){border-width:2px}
.intro-art-work{background:#17171a;border-color:#2f2f32}
.motif-video,.motif-video-shade{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.motif-video{object-fit:cover;object-position:center 38%}.motif-video-shade{background:linear-gradient(90deg,rgba(16,16,18,.8),rgba(16,16,18,.5))}
.intro-art-work .motif-rings i{border-color:#ffffff4d}.intro-art-work .motif-rings i:nth-child(1){border-top-color:#ff9a82}
.intro-art-work .motif-core{box-shadow:0 16px 30px #0006}
.intro-art-work .motif-chip{background:#fff;color:#672d20}
.intro-art{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}
.intro-art.is-tilting{transition:transform .14s ease-out,box-shadow .5s;box-shadow:0 14px 24px #00000018}
@media(prefers-reduced-motion:reduce){.intro-art,.intro-art.is-tilting{transform:none;transition:none}}
.motif-disclosure{position:absolute;z-index:3;top:14px;left:14px;border-radius:5px;background:#fff1ec;color:#672d20;padding:5px 9px;font-size:15px;font-weight:750;line-height:1.3}