*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#17191e;font-family:Arial,"Noto Sans KR","Noto Sans SC","Noto Sans JP",sans-serif;background:#fff}a{text-decoration:none;color:inherit}header{height:76px;display:flex;align-items:center;padding:0 max(5vw,28px);border-bottom:1px solid #eee;position:sticky;top:0;background:#fffdfdf2;backdrop-filter:blur(14px);z-index:20}.logo{display:flex;align-items:center;gap:10px;min-width:180px}.logo i{font-style:normal;font-size:34px;font-weight:900;color:#df172d}.logo span{display:flex;flex-direction:column}.logo b{font-size:15px}.logo small{font-size:9px;letter-spacing:4px}nav{display:flex;gap:30px;margin:auto;font-size:14px;font-weight:700}nav a:hover{color:#df172d}.right{display:flex;align-items:center;gap:16px}.right select{border:0;background:transparent}.red,.outline{display:inline-flex;align-items:center;justify-content:center;border-radius:28px;padding:14px 24px;font-weight:800;font-size:14px}.red{background:#e5152d;color:white;box-shadow:0 8px 24px #e5152d2b}.outline{border:1px solid #bbb}.menu{display:none;border:0;background:none;font-size:25px}.hero{min-height:660px;display:grid;grid-template-columns:43% 57%;padding:70px max(5vw,28px) 55px;gap:30px}.eyebrow{font-size:11px;letter-spacing:4px;font-weight:800;color:#7a7f88}.hero h1,.section h2,.philosophy h2,.contact h2,.brands h2,.numbers h2{font-size:clamp(36px,4.1vw,67px);line-height:1.12;margin:18px 0}.hero h1 em{font-style:normal;color:#df172d}.heroCopy>p:not(.eyebrow){font-size:17px;line-height:1.85;color:#666}.buttons{display:flex;gap:12px;margin:28px 0 50px}.mini{border-top:3px solid #df172d;width:150px;padding-top:14px;letter-spacing:3px;font-size:11px;line-height:1.7}.heroVisual{display:grid;grid-template-columns:1.1fr .9fr .7fr;grid-template-rows:1fr .55fr;gap:10px;transform:skewX(-6deg)}.panel{overflow:hidden;background:#eee;position:relative}.panel>*{transform:skewX(6deg)}.building{grid-row:1/3;background:linear-gradient(#1115,#1115),url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=900&q=80') center/cover}.building span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;color:white;font-size:21px;line-height:1.7;letter-spacing:3px}.portrait{background:url('https://images.unsplash.com/photo-1494790108377-be9c29b29330?auto=format&fit=crop&w=700&q=80') center/cover}.quote{background:#fafafa;padding:35px}.quote strong{font-family:cursive;color:#df172d;font-size:31px;line-height:1.05}.quote p{margin-top:25px;font-size:13px;line-height:1.6}.desk{grid-column:2/4;background:linear-gradient(#1112,#1112),url('https://images.unsplash.com/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=1000&q=80') center/cover}.section{padding:90px max(5vw,28px);border-top:1px solid #eee}.sectionTitle{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:45px}.sectionTitle h2,.brands h2,.numbers h2,.philosophy h2,.contact h2{font-size:36px}.sectionTitle>p{max-width:480px;color:#666;line-height:1.8}.services{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.services article{padding:25px 14px;text-align:center}.services i{display:grid;place-items:center;margin:auto;width:70px;height:70px;border-radius:50%;background:#f6f7f8;font-style:normal;font-size:23px}.services h3{font-size:16px;margin-top:20px}.services p{font-size:13px;color:#777;line-height:1.6}.brands{padding:60px max(5vw,28px);background:#fafafa;display:grid;grid-template-columns:30% 70%;align-items:center}.brandnames{display:grid;grid-template-columns:repeat(5,1fr);gap:30px;text-align:center;color:#555}.brandnames b{font-size:18px}.cases{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cases article{border:1px solid #e4e4e4;background:#fff;padding-bottom:16px}.caseImg{height:180px;background-size:cover;background-position:center}.beauty{background-image:url('https://images.unsplash.com/photo-1596462502278-27bfdc403348?auto=format&fit=crop&w=700&q=80')}.shoes{background-image:url('https://images.unsplash.com/photo-1542291026-7eec264c27ff?auto=format&fit=crop&w=700&q=80')}.outdoor{background-image:url('https://images.unsplash.com/photo-1494522358652-f30e61a60313?auto=format&fit=crop&w=700&q=80')}.mobile{background-image:url('https://images.unsplash.com/photo-1551650975-87deedd944c3?auto=format&fit=crop&w=700&q=80')}.cases h3,.cases p,.cases small{margin-left:16px;margin-right:16px}.cases small{display:block;margin-top:14px;color:#777}.cases h3{font-size:15px;min-height:38px}.cases p{font-size:12px;color:#777}.cases p b{color:#df172d;font-size:15px;margin-right:8px}.numbers{padding:55px max(5vw,28px);background:#fafafa;display:grid;grid-template-columns:1.4fr repeat(4,1fr);align-items:center}.numbers>div:not(:first-child){border-left:1px solid #ddd;text-align:center;display:flex;flex-direction:column;gap:8px}.numbers b{font-size:40px;color:#df172d}.numbers span{color:#666}.philosophy{padding:90px max(5vw,28px);display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:60px;align-items:center}.philosophy>div>p:not(.eyebrow){color:#777;line-height:1.8}.script{font-family:cursive;color:#df172d;font-size:48px;line-height:1.15;transform:rotate(-7deg)}.philosophy ol{list-style:none;padding:0;counter-reset:item}.philosophy li{display:grid;grid-template-columns:32px 1fr;border-bottom:1px solid #eee;padding:16px 0;gap:4px 12px}.philosophy li:before{counter-increment:item;content:'0' counter(item);grid-row:1/3;color:#999;font-size:11px}.philosophy li span{font-size:12px;color:#777}.insightGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.insImg{height:155px;background-size:cover;background-position:center}.i1{background-image:url('https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=700&q=80')}.i2{background-image:url('https://images.unsplash.com/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=700&q=80')}.i3{background-image:url('https://images.unsplash.com/photo-1485846234645-a62644f84728?auto=format&fit=crop&w=700&q=80')}.i4{background-image:url('https://images.unsplash.com/photo-1521737711867-e3b97375f902?auto=format&fit=crop&w=700&q=80')}.insights h2{font-size:36px}.insights article h3{font-size:15px}.insights article small{color:#999}.contact{min-height:300px;padding:60px max(5vw,28px);color:white;background:linear-gradient(90deg,#050505dc,#050505b5),url('https://images.unsplash.com/photo-1522071820081-009f0129c71c?auto=format&fit=crop&w=1800&q=80') center/cover;display:flex;justify-content:space-between;align-items:center}.contact .eyebrow{color:#bbb}.contact p{color:#ccc}footer{padding:35px max(5vw,28px);display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eee;font-size:12px;color:#777}footer .logo{color:#17191e}.reveal{opacity:0;transform:translateY(20px);transition:.7s}.reveal.on{opacity:1;transform:none}@media(max-width:1000px){nav{display:none}.menu{display:block;margin-left:auto}.right .red{display:none}.hero{grid-template-columns:1fr;padding-top:45px}.heroVisual{min-height:480px}.services{grid-template-columns:repeat(3,1fr)}.brands{grid-template-columns:1fr}.brandnames{margin-top:30px}.cases,.insightGrid{grid-template-columns:repeat(2,1fr)}.numbers{grid-template-columns:repeat(2,1fr);gap:30px}.numbers>div:first-child{grid-column:1/3}.philosophy{grid-template-columns:1fr 1fr}.philosophy ol{grid-column:1/3}}@media(max-width:620px){header{height:64px;padding:0 18px}.logo{min-width:auto}.logo b{font-size:13px}.right{margin-left:10px}.hero,.section,.philosophy{padding-left:20px;padding-right:20px}.hero h1{font-size:42px}.heroVisual{min-height:360px;grid-template-columns:1fr 1fr}.quote{display:none}.building{grid-row:1/3}.desk{grid-column:2}.sectionTitle{display:block}.services{grid-template-columns:repeat(2,1fr)}.brands{padding:50px 20px}.brandnames{grid-template-columns:repeat(2,1fr)}.cases,.insightGrid{grid-template-columns:1fr}.numbers{padding:50px 20px}.numbers b{font-size:32px}.philosophy{grid-template-columns:1fr}.philosophy ol{grid-column:auto}.script{font-size:39px}.contact{padding:50px 20px;display:block}.contact .red{margin-top:20px}footer{padding:28px 20px;gap:20px;flex-wrap:wrap}}

/* CHAEOL V2 — AI Solution Development */
.aiDev{padding:100px max(5vw,28px);display:grid;grid-template-columns:.92fr 1.35fr;gap:70px;background:#101116;color:#fff;position:relative;overflow:hidden}.aiDev:before{content:"AI";position:absolute;right:-2vw;top:-8vw;font-size:32vw;font-weight:900;color:#ffffff05;line-height:1}.aiIntro,.aiMatrix{position:relative;z-index:1}.aiDev .eyebrow{color:#ff6a79}.aiDev h2{font-size:clamp(38px,4vw,62px);line-height:1.08;margin:20px 0}.aiDev h2 em{font-style:normal;color:#ff3048}.aiIntro>p:not(.eyebrow){color:#b8bbc3;line-height:1.9;font-size:16px;max-width:600px}.aiTags{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0}.aiTags span{border:1px solid #343741;border-radius:99px;padding:9px 13px;font-size:10px;letter-spacing:1.4px;color:#d9dbe1}.darkBtn{display:inline-flex;background:#fff;color:#111;padding:15px 23px;border-radius:30px;font-weight:800;font-size:13px}.aiMatrix{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #30323a;border-left:1px solid #30323a}.aiMatrix article{padding:30px;min-height:190px;border-right:1px solid #30323a;border-bottom:1px solid #30323a;transition:.25s}.aiMatrix article:hover{background:#181a21;transform:translateY(-3px)}.aiMatrix b{color:#ff3048;font-size:11px}.aiMatrix h3{font-size:20px;margin:28px 0 12px}.aiMatrix p{font-size:13px;color:#969aa5;line-height:1.7;margin:0}.aiProcess{padding:60px max(5vw,28px);background:#f5f6f7;display:grid;grid-template-columns:35% 65%;align-items:center}.aiProcess h2{font-size:32px;line-height:1.25}.processFlow{display:grid;grid-template-columns:repeat(6,1fr)}.processFlow span{position:relative;padding:25px 8px;border-top:2px solid #ddd}.processFlow span:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#e5152d;top:-5px;left:0}.processFlow b{display:block;color:#e5152d;font-size:11px;margin-bottom:10px}.processFlow i{font-style:normal;font-size:12px;font-weight:800}.services article{border-radius:16px;transition:.25s}.services article:hover{background:#fafafa;transform:translateY(-5px)}
@media(max-width:1000px){.aiDev{grid-template-columns:1fr}.aiProcess{grid-template-columns:1fr}.processFlow{margin-top:25px}}@media(max-width:620px){.aiDev{padding:70px 20px;gap:40px}.aiMatrix{grid-template-columns:1fr}.aiProcess{padding:50px 20px}.processFlow{grid-template-columns:repeat(2,1fr);gap:12px}.aiDev h2{font-size:38px}}