@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#172039;--cream:#fff9ef;--yellow:#ffcc45;--pink:#ff697a;--blue:#4d82bf;--line:#19213a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;font-family:'Noto Sans KR',sans-serif;color:var(--ink);background:#fffdf7}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.container{width:min(1160px,calc(100% - 44px));margin:0 auto}.topbar{height:80px;background:#fffdf8;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1160px)/2));position:sticky;top:0;z-index:30;border-bottom:3px solid var(--ink);box-shadow:0 2px 0 #ffcc45}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:24px;line-height:.95;letter-spacing:-1.2px;white-space:nowrap}.brand small{display:block;font-size:10px;letter-spacing:2px;margin-top:6px}.brand-mark{position:relative;display:grid;place-items:center;background:var(--yellow);border:3px solid var(--ink);border-radius:12px;width:48px;height:48px;transform:rotate(-7deg);font-family:Georgia,serif;font-style:italic;font-size:33px;box-shadow:3px 4px 0 var(--ink)}.brand-mark span{font-size:10px;position:absolute;right:4px;top:4px}.topbar nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:800}.topbar nav>a:not(.nav-contact):hover{color:#e64b64}.nav-contact{padding:12px 18px;background:var(--yellow);border:2px solid var(--ink);border-radius:9px;box-shadow:3px 3px 0 var(--ink)}.menu-toggle{display:none;background:none;border:0;font-size:27px}.hero{position:relative;background:#202b47;color:#fff;overflow:hidden;min-height:645px}.halftone{position:absolute;inset:0;opacity:.14;background-image:radial-gradient(#fff 1.5px,transparent 1.5px);background-size:19px 19px;mask-image:linear-gradient(90deg,transparent,#000)}.hero:after{content:"";width:560px;height:560px;background:#36425e;border:5px solid #4f5c7d;position:absolute;right:6%;top:50px;border-radius:50%;opacity:.6}.hero-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:600px;position:relative;z-index:2}.hero-content{padding:35px 0 70px}.eyebrow{display:inline-block;background:var(--yellow);color:var(--ink);font-size:11px;font-weight:900;letter-spacing:1.8px;padding:9px 13px;border:2px solid var(--ink);border-radius:5px;transform:rotate(-2deg)}.eyebrow.dark{background:var(--ink);color:#fff;border-color:var(--ink)}.mini-label{margin:28px 0 15px;color:#c3d2ef;font-size:14px;font-weight:700}.hero h1{font-family:'Black Han Sans','Noto Sans KR',sans-serif;font-weight:400;font-size:clamp(54px,6vw,86px);line-height:1.22;letter-spacing:-3px;margin:0;text-shadow:4px 5px 0 #10172c}.hero h1 em{color:var(--yellow);font-style:normal}.intro{font-size:16px;line-height:1.95;color:#d3dcf1;max-width:480px;margin:25px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;gap:20px;justify-content:center;align-items:center;border-radius:9px;padding:15px 22px;font-weight:900;border:3px solid var(--ink);transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-3px)}.btn.primary{background:var(--yellow);color:var(--ink);box-shadow:5px 5px 0 #11182d}.btn.outline{border-color:#e9effc;color:white}.hero-meta{display:flex;gap:23px;font-size:10px;color:#9eacca;letter-spacing:1px;font-weight:800;margin-top:43px}.comic-stage{height:560px;position:relative;z-index:2;display:flex;align-items:end;justify-content:center}.hero-character{height:440px;width:390px;position:relative;z-index:3;animation:float 3s ease-in-out infinite}.hero-character svg{width:100%;height:100%;filter:drop-shadow(12px 12px 0 #0f172a)}.speech{position:absolute;border:4px solid var(--ink);background:#fff;color:var(--ink);border-radius:21px;padding:17px 22px;font-size:14px;line-height:1.5;font-weight:800;box-shadow:5px 6px 0 #141d33;z-index:5}.speech-top{top:32px;right:3px;transform:rotate(6deg)}.speech-top:after{content:'';position:absolute;left:20px;bottom:-22px;border-style:solid;border-width:22px 16px 0 4px;border-color:#fff transparent transparent transparent}.speech-bottom{bottom:57px;left:-14px;transform:rotate(-6deg);background:#fff1b7}.comic-sticker{position:absolute;left:14px;top:48px;border:4px solid #142037;border-radius:50%;height:90px;width:90px;display:grid;place-items:center;text-align:center;background:#ff667d;color:#172039;font-family:'Black Han Sans';font-size:21px;line-height:1;transform:rotate(-12deg);z-index:4}.burst{position:absolute;color:#ffdf74;font-size:95px}.burst-one{right:0;top:200px}.burst-two{left:30px;top:190px}.stage-ground{position:absolute;bottom:30px;width:93%;height:70px;border-radius:50%;background:#0d1426;opacity:.35}.hero-bottom{position:relative;z-index:3;background:#141e34;border-top:2px solid #45516b;padding:15px max(22px,calc((100vw - 1160px)/2));display:flex;justify-content:space-between;font-weight:800;letter-spacing:2px;font-size:10px;color:#b2c1e4}.section{padding:105px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}.section-head p{max-width:320px;color:#6c7180;line-height:1.8;font-size:14px}.section h2{font-family:'Black Han Sans','Noto Sans KR',sans-serif;font-weight:400;letter-spacing:-1px;font-size:clamp(32px,4.2vw,53px);line-height:1.35;margin:24px 0 0}.section h2 span{color:#ec6076}.about{background:#fffaf0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.about-feature{background:#ffca47;border:3px solid var(--ink);border-radius:18px;padding:33px 37px;box-shadow:8px 8px 0 var(--ink);min-height:415px;position:relative;overflow:hidden}.about-feature .tag,.case-tag{display:inline-block;padding:7px 12px;border:2px solid var(--ink);background:white;border-radius:6px;font-size:11px;font-weight:900;letter-spacing:2px}.feature-art{display:flex;align-items:center;gap:20px;color:#172039;font-size:30px;margin:13px 0 0}.feature-art span{font-family:Georgia,serif;font-weight:900;letter-spacing:-9px;font-size:93px;text-shadow:5px 5px 0 #fff}.about-feature h3{font-size:30px;line-height:1.4;margin:0 0 17px}.about-feature p{max-width:440px;line-height:1.9;font-size:14px}.about-list{display:flex;flex-direction:column;gap:17px}.line-card{display:grid;grid-template-columns:52px 1fr 24px;align-items:center;gap:12px;padding:25px 20px;border:3px solid var(--ink);border-radius:14px;background:white;box-shadow:5px 5px 0 #dde0e7;flex:1}.line-card .num{font-family:Georgia;font-weight:900;font-size:32px;color:#ed677d}.line-card h3{font-size:19px;margin:0 0 8px}.line-card p{font-size:13px;line-height:1.75;color:#6a7080;margin:0}.team{background:#eef4fc}.team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.team-card{background:#fff;border:3px solid var(--ink);border-radius:18px;overflow:hidden;box-shadow:7px 7px 0 var(--ink)}.portrait{height:310px;position:relative;background:radial-gradient(circle at 50% 100%,#fff8db 0 30%,transparent 31%),repeating-linear-gradient(-45deg,#ffdf8f,#ffdf8f 15px,#ffedb7 15px,#ffedb7 30px);display:flex;align-items:end;justify-content:center;overflow:hidden;border-bottom:3px solid var(--ink)}.portrait-1{background:radial-gradient(circle at 50% 100%,#effaff 0 30%,transparent 31%),repeating-linear-gradient(-45deg,#a6e5f6,#a6e5f6 15px,#d1f2fb 15px,#d1f2fb 30px)}.portrait .avatar-svg{height:305px;width:300px;transform:translateY(45px)}.portrait-badge{position:absolute;top:18px;left:18px;background:white;padding:8px 12px;border:2px solid var(--ink);border-radius:5px;font-weight:900;font-size:11px;z-index:2}.team-copy{padding:25px 28px 30px}.role{font-size:12px;font-weight:900;color:#e65d78}.team-copy h3{font-size:25px;margin:7px 0 10px}.team-copy p{color:#656e7d;line-height:1.8;font-size:14px;margin:0}.info-note{font-size:12px;line-height:1.8;margin-top:24px;color:#687386}.info-note code{font-size:12px;background:white;border:1px solid #ccd;padding:3px 6px;border-radius:5px}.projects{background:#fffdf8}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.project-card{border:3px solid var(--ink);border-radius:18px;overflow:hidden;box-shadow:6px 7px 0 var(--ink);background:#fff}.project-image{height:245px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#ffd6df;background-image:radial-gradient(#f5aebe 1.5px,transparent 1.5px);background-size:12px 12px}.project-card.blue .project-image{background-color:#bdddfd;background-image:radial-gradient(#87b4e3 1.5px,transparent 1.5px)}.project-card.yellow .project-image{background-color:#ffe4a4;background-image:radial-gradient(#efd082 1.5px,transparent 1.5px)}.project-card.mint .project-image{background-color:#c4f1df;background-image:radial-gradient(#95d8bb 1.5px,transparent 1.5px)}.case-tag{position:absolute;top:20px;left:20px;z-index:2}.project-icon{font-family:Georgia,serif;font-size:116px;filter:drop-shadow(7px 8px 0 #172039);transform:rotate(-11deg);line-height:1}.graphic-words{font-weight:900;font-size:15px;line-height:1.1;letter-spacing:1px;position:absolute;bottom:18px;right:20px;text-align:right;opacity:.65;transform:rotate(-5deg)}.project-content{padding:26px}.project-category{font-size:12px;font-weight:900;color:#e75a75}.project-content h3{font-size:24px;margin:7px 0 12px}.project-content>p{color:#626b7a;font-size:14px;line-height:1.9;min-height:53px}.project-bottom{border-top:1px dashed #cdd1d9;margin-top:20px;padding-top:17px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12px;font-weight:800}.status{background:#fff1d4;border:1px solid #efc87a;border-radius:5px;padding:7px 10px}.project-bottom a{border-bottom:2px solid var(--ink)}.muted{color:#9296a2}.faq{background:#f2f3f6}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.faq-layout>div:first-child>p{color:#70798b}.question-art{font-family:'Black Han Sans';font-size:135px;line-height:1;color:#ffcf44;-webkit-text-stroke:4px var(--ink);text-shadow:9px 10px 0 var(--ink);transform:rotate(-12deg);margin:30px 0}.question-art span{font-size:85px;color:#ff7487;margin-left:12px}.faq-right input{border:3px solid var(--ink);background:white;border-radius:10px;font-size:15px;padding:18px;width:100%;outline:none;margin-bottom:18px}.faq-right input:focus{box-shadow:4px 4px 0 var(--yellow)}.faq-item{background:white;border:2px solid var(--ink);border-radius:11px;margin-bottom:12px;overflow:hidden}.faq-item summary{display:flex;align-items:center;gap:14px;padding:20px 18px;cursor:pointer;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-num{color:#ef5e75;font-weight:900;font-size:12px}.faq-item summary strong{flex:1;font-size:14px;line-height:1.55}.faq-plus{font-size:24px;font-weight:700}.faq-item[open] .faq-plus{transform:rotate(45deg)}.faq-item p{border-top:1px solid #e2e5eb;margin:0;padding:18px 22px 23px 56px;color:#667082;line-height:1.9;font-size:14px}#faq-empty{padding:22px;color:#747b88}.contact{background:#202b47;color:white}.contact-panel{display:grid;grid-template-columns:1fr .8fr;gap:65px;align-items:center}.contact h2{font-size:clamp(44px,5.2vw,70px);margin-bottom:20px}.contact p{color:#c1cbe0;line-height:1.9;max-width:440px;font-size:14px}.contact-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:35px}.contact-tags span{border:1px solid #596781;border-radius:30px;padding:9px 13px;font-size:12px}.contact-card{background:#fff;color:var(--ink);padding:35px;border-radius:18px;border:3px solid #121a2c;box-shadow:9px 9px 0 #ffcb47}.big-symbol{font-size:64px;line-height:1;color:#ef6478}.contact-card h3{font-size:24px;margin:12px 0 18px}.contact-card p{font-size:14px;color:#4d5668;margin:10px 0;overflow-wrap:anywhere}.contact-card .btn{margin-top:20px;display:flex}.contact-card .btn[aria-disabled="true"]{background:#e4e6e9;color:#777;box-shadow:none;cursor:default;pointer-events:none;font-size:12px}footer{background:#131b2c;color:#bfc9dd;padding:33px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-brand{color:white;font-size:18px}.footer-brand .brand-mark{width:41px;height:41px;font-size:27px;color:#172039}.footer-inner p,.footer-inner>span{font-size:11px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}@media(max-width:850px){.topbar{height:69px}.menu-toggle{display:block}.topbar nav{position:absolute;top:69px;left:0;right:0;background:#fffdf8;display:none;flex-direction:column;gap:0;border-bottom:3px solid var(--ink);box-shadow:0 8px 20px #1112;padding:12px 22px 20px;align-items:stretch}.topbar nav.open{display:flex}.topbar nav a{padding:13px}.topbar nav .nav-contact{text-align:center}.hero-layout{grid-template-columns:1fr}.hero-content{padding:60px 0 10px}.hero h1{font-size:clamp(49px,9vw,78px)}.comic-stage{height:480px;max-width:480px;width:100%;margin:0 auto}.hero:after{top:350px;right:-200px}.section{padding:75px 0}.section-head{align-items:start;flex-direction:column;gap:7px}.section-head p{max-width:650px}.about-grid,.faq-layout,.contact-panel{grid-template-columns:1fr;gap:30px}.faq-layout{gap:4px}.question-art{display:none}.footer-inner{flex-wrap:wrap}}@media(max-width:560px){.container{width:min(100% - 34px,1160px)}.hero{min-height:unset}.hero-content{padding-top:54px}.hero h1{font-size:52px}.intro{font-size:14px}.comic-stage{height:390px}.hero-character{height:345px;width:325px}.speech{font-size:11px;padding:11px 13px}.speech-top{top:5px;right:0}.speech-bottom{bottom:18px;left:0}.comic-sticker{top:10px;left:0;width:70px;height:70px;font-size:17px}.hero-meta{gap:15px;font-size:8px}.hero-bottom span{display:none}.section h2{font-size:37px}.about-feature{padding:25px 22px;min-height:unset}.feature-art span{font-size:70px}.about-feature h3{font-size:26px}.line-card{padding:18px 14px}.team-grid,.project-grid{grid-template-columns:1fr}.portrait{height:255px}.portrait .avatar-svg{height:260px}.project-image{height:210px}.faq-item summary{padding:15px 12px}.faq-item p{padding:15px 17px}.contact-card{padding:25px}.contact h2{font-size:43px}.footer-inner{display:block}.footer-inner p{margin-top:25px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* ABC 만화 캐릭터 2026 리뉴얼: 영문 이미지 파일명, 반응형 레이아웃 */
.hero-character{width:min(100%,525px);height:355px;display:flex;align-items:center;justify-content:center;animation:heroPop 4s ease-in-out infinite}
.hero-comic-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border:5px solid #fffaf0;border-radius:29px;box-shadow:10px 12px 0 #111827,0 0 0 8px #ffc94e;transform:rotate(-2deg)}
.comic-stage{overflow:visible}
.portrait{height:360px;align-items:stretch}
.staff-comic-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center 24%;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.team-card:hover .staff-comic-image{transform:scale(1.055)}
.portrait-badge{z-index:4;background:#fff;color:#15365d;border-radius:10px;box-shadow:3px 3px 0 #1b2943}
.comic-bubble{position:absolute;z-index:4;right:15px;bottom:15px;font-size:13px;line-height:1.55;font-weight:900;padding:12px 15px;background:#fff;color:#1a2842;border:3px solid #1a2842;border-radius:19px 19px 4px 19px;box-shadow:4px 5px 0 #17223c;transform:rotate(4deg);animation:bubbleWiggle 3.7s ease-in-out infinite}
.bubble-blue{background:#e6f6ff;animation-delay:.6s}.bubble-gold{background:#fff4ce}
.team-copy .role{display:inline-block;font-size:14px;line-height:1.6;padding:7px 11px;background:#fff4cb;border-radius:10px;color:#172a50}
.team-card:nth-child(2) .team-copy .role{background:#dff2ff}
@keyframes heroPop{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-12px) rotate(1deg)}}
@keyframes bubbleWiggle{0%,100%{transform:rotate(4deg)}50%{transform:rotate(-2deg) translateY(-5px)}}
@media(max-width:850px){.hero-character{height:345px;max-width:520px}.portrait{height:315px}}
@media(max-width:560px){.hero-character{width:calc(100% - 22px);height:255px}.hero-comic-image{border-width:3px;border-radius:19px;box-shadow:5px 7px 0 #111827,0 0 0 4px #ffc94e}.comic-stage{height:355px}.portrait{height:285px}.comic-bubble{font-size:11px;right:9px;bottom:9px;padding:8px 10px}.team-copy .role{font-size:12px}}
@media(prefers-reduced-motion:reduce){.hero-character,.comic-bubble{animation:none}}

/* SENDM 문자 문의 카드 */
.contact-panel{grid-template-columns: minmax(0, .8fr) minmax(0,1.2fr)}
.contact-card{max-width:680px;width:100%;justify-self:end}.contact-card strong{font-weight:800}
.contact-quick{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0 8px}.contact-action{display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;padding:9px 13px;border-radius:9px;border:2px solid #18243e;background:#eaf4ff;color:#16253f;cursor:pointer}
.contact-action:hover{background:#ffeaad}.sms-form-wrap{margin-top:28px;border-top:2px dashed #d3dbe8;padding-top:22px}.sms-form-wrap h4{font-size:20px;margin:0 0 4px}.contact-card .sms-form-hint{font-size:12px;color:#67748a;margin:2px 0 16px}.sms-form-wrap form{display:grid;gap:8px}.sms-form-wrap label:not(.sms-consent){font-size:13px;font-weight:800;margin-top:6px}.sms-form-wrap input:not([type=checkbox]),.sms-form-wrap textarea{width:100%;padding:12px 14px;border:2px solid #b4c4d7;border-radius:9px;font-size:14px;background:#fff;color:#172039;font-family:inherit}.sms-form-wrap textarea{resize:vertical;min-height:112px}.sms-form-wrap input:focus,.sms-form-wrap textarea:focus{outline:3px solid #ffdc72;border-color:#15233d}.required{color:#e54563}.sms-consent{display:flex;gap:9px;align-items:flex-start;font-size:12px;font-weight:600;line-height:1.75;color:#45516b;margin-top:10px}.sms-consent input{width:18px;height:18px;flex:none;accent-color:#2563eb;margin-top:2px}.contact-card .sms-submit{margin-top:12px;width:100%;font-size:15px}.sms-submit:disabled{opacity:.65;cursor:wait}.contact-card .sms-status{font-size:12px;line-height:1.75;margin:6px 0 0;color:#b45309;overflow-wrap:anywhere}.contact-card .sms-status.ok{color:#13824a}.hidden-honey{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:850px){.contact-panel{grid-template-columns:1fr}.contact-card{justify-self:stretch;max-width:none}}

/* 2026/11 ABC 리뉴얼 — 기존 네이비/크림 만화형 구성과 귀여운 웹툰 캐릭터의 조화 */
.hero-comic-image{object-fit:cover;object-position:50% 50%}
.team-card{transition:transform .25s ease,box-shadow .25s ease}
.team-card:hover{transform:translateY(-5px);box-shadow:10px 13px 0 var(--ink)}
.team-copy .role{font-size:clamp(12px,1.25vw,15px);letter-spacing:-.03em}
.team-copy h3{letter-spacing:-.05em}
.contact-manga-note{display:flex;gap:16px;align-items:center;margin:24px 0;padding:16px 17px;border:2px solid rgba(255,255,255,.37);border-radius:16px;background:rgba(255,255,255,.08);max-width:440px}
.contact-manga-avatar{display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;border-radius:16px;background:#ffcf51;color:#172039;font-size:32px;transform:rotate(-7deg)}
.contact-manga-note strong{display:block;font-size:16px;line-height:1.5}
.contact-manga-note small{display:block;color:#d5e1fb;font-size:12px;line-height:1.65;margin-top:5px}
.sendm-pill{font-size:10px;letter-spacing:1px;background:#d9fafa;color:#087a7c;padding:6px 9px;border-radius:100px;vertical-align:middle;white-space:nowrap}
.sms-form-wrap{margin-top:30px;background:#f4f9ff;border-radius:17px;padding:22px;border-top:4px solid #22b9bc}
.sms-form-wrap h4{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
.sms-submit{width:100%;border-radius:12px}
@media(max-width:560px){.sms-form-wrap{padding:16px}.contact-manga-note{padding:13px}.contact-manga-note strong{font-size:14px}}

/* 중요: 사용자 지정 2,3,4번 기존 홈페이지 디자인 유지; 캐릭터 사진만 조화롭게 표시 */
.hero{background:#202b47!important}
.about{background:#fffaf0!important}
.team{background:#eef4fc!important}
.projects{background:#fffdf8!important}
.faq{background:#f3f4f7!important}
.hero-comic-image{border:0!important;border-radius:32px!important;box-shadow:none!important;transform:none!important;object-fit:cover;object-position:center 46%;mask-image:radial-gradient(ellipse 72% 73% at 50% 50%,#000 72%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 72% 73% at 50% 50%,#000 72%,transparent 100%)}
.hero-character{width:min(100%,525px);height:390px;filter:drop-shadow(8px 13px 2px rgba(8,14,30,.3))}
.portrait{height:290px}
.portrait .staff-comic-image{width:100%;height:100%;object-fit:cover;object-position:center 23%}
.portrait-badge{background:#fff;border-color:#172039}
/* 그림에 이미 말풍선·브랜드 문구가 있어 중복 말풍선을 제거 */
.comic-bubble{display:none!important}
@media(max-width:560px){.hero-character{height:290px}.comic-stage{height:370px}.portrait{height:260px}}


/* ABC final: fixed original 2·3·4 sections, isolated tiny GIF animations only. */
html{scroll-behavior:auto!important}
.hero-character,.hero-character *,.hero-comic-image,.team-card,.team-card *, .comic-bubble,.burst, .speech,.comic-sticker,.btn,.question-art{animation:none!important;transition:none!important}
.hero-character{width:340px!important;height:370px!important;filter:none!important;position:relative!important;transform:none!important;display:block!important}
.hero-character:hover,.team-card:hover,.staff-comic-image:hover{transform:none!important}
.local-motion{position:relative;width:100%;height:100%;overflow:visible}
.fixed-person{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;pointer-events:none}
.moving-part{display:block;position:absolute;object-fit:contain;pointer-events:none;max-width:none}
.hero-part{width:calc(340px * 532 / 1254);height:calc(370px * 790 / 1254);left:calc(340px * 608 / 1254 - 14px);top:calc(370px * 400 / 1254 - 14px)}
.portrait{height:290px!important;overflow:hidden}
.staff-local{width:100%;height:100%;}
.staff-local .fixed-person{height:97%;width:100%;bottom:0}
.thumb-part{width:calc(100% * 455 / 1254);height:calc(290px * 598 / 1254);left:calc(50% + 100% * (753 - 627) / 1254 - 100% * 45 / 1254);top:calc(290px * 643 / 1254 - 11px)}
.team-card{transform:none!important;}
.team-card:hover{transform:none!important;box-shadow:7px 7px 0 var(--ink)!important}
.comic-bubble{display:none!important}
@media(max-width:560px){
.hero-character{width:250px!important;height:280px!important;margin:auto}
.hero-part{width:calc(250px * 532 / 1254);height:calc(280px * 790 / 1254);left:calc(250px * 608 / 1254 - 10px);top:calc(280px * 400 / 1254 - 10px)}
.portrait{height:260px!important}
.thumb-part{height:calc(260px * 598 / 1254);top:calc(260px * 643 / 1254 - 10px)}
}

/* Exact crop registration for the isolated GIF frames. */
.hero-part{width:calc(100% * 532 / 1254);height:auto;left:calc(100% * 563 / 1254);top:calc(50% - 100% / 2 + 100% * 355 / 1254)}
.thumb-part{height:auto;width:calc(290px * 455 / 1254);left:calc(50% + 290px * (753 - 627 - 45) / 1254);top:calc(290px * (643 - 45) / 1254)}
@media(max-width:560px){.hero-part{width:calc(100% * 532 / 1254);left:calc(100% * 563 / 1254);top:calc(50% - 100% / 2 + 100% * 355 / 1254)}.thumb-part{width:calc(260px * 455 / 1254);left:calc(50% + 260px * (753 - 627 - 45) / 1254);top:calc(260px * (643 - 45) / 1254)}}
/* Position each moving GIF on its matching fixed square image, pixel-perfect. */
.hero-character{width:340px!important;height:370px!important;position:relative!important}
.hero-local{width:340px!important;height:340px!important;position:absolute!important;left:50%;bottom:0;transform:translateX(-50%)}
.hero-local .fixed-person{width:100%!important;height:100%!important;object-fit:fill}
.hero-local .hero-part{left:44.8963%!important;top:28.3094%!important;width:42.4242%!important;height:auto!important}
.staff-local{width:290px!important;height:290px!important;position:absolute!important;left:50%;bottom:0;transform:translateX(-50%)}
.staff-local .fixed-person{width:100%!important;height:100%!important;object-fit:fill}
.staff-local .thumb-part{left:56.4593%!important;top:47.6874%!important;width:36.2839%!important;height:auto!important}
@media(max-width:560px){
.hero-character{width:250px!important;height:280px!important}
.hero-local{width:250px!important;height:250px!important}
.staff-local{width:260px!important;height:260px!important}
}

/* Smooth full-canvas GIFs: no clipped overlay patches; body stays fixed */
.hero-local .smooth-gif,.staff-local .smooth-gif{width:100%!important;height:100%!important;inset:0!important;object-fit:contain!important;transform:none!important;animation:none!important;transition:none!important}
.hero-part,.thumb-part{display:none!important}

/* Hero globe: a cheerful locator for ABC's home in Busan, South Korea. */
.hero:after{width:560px;height:560px;right:6%;top:50px;border:0;border-radius:0;opacity:1;background:transparent url("assets/busan-globe.svg") center/contain no-repeat}
@media(max-width:850px){.hero:after{width:390px;height:390px;right:-130px;top:360px;opacity:.95}}
@media(max-width:560px){.hero:after{width:260px;height:260px;right:-76px;top:405px;opacity:.7}}

/* Hero character roles: CEO Lee Seong-tae stays at the middle-left; the detective searches from above. */
.hero-character{width:100%!important;height:100%!important;min-height:560px!important;overflow:visible!important}
.hero-person{position:absolute;display:block;pointer-events:none;z-index:4}
.hero-person .smooth-gif{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(9px 11px 0 rgba(15,23,42,.38))}
.hero-ceo{width:290px;left:4%;top:50%;transform:translateY(-50%)}
.hero-detective{width:190px;right:3%;top:2%}
@media(max-width:850px){.hero-character{min-height:480px!important}.hero-ceo{width:250px;left:9%}.hero-detective{width:165px;right:7%;top:4%}}
@media(max-width:560px){.hero-character{min-height:390px!important}.hero-ceo{width:205px;left:0}.hero-detective{width:125px;right:3%;top:2%}}

/* Place the CEO character in the lower part of the hero scene. */
.hero-ceo{top:68%}
@media(max-width:850px){.hero-ceo{top:66%}}
@media(max-width:560px){.hero-ceo{top:69%}}

/* Keep Lee Seong-tae's thumbs-up character at the bottom of the hero scene. */
.hero-ceo{top:auto;bottom:0;transform:none}