/* renewed 03-catalog - index / catalogue */
body{
  --accent:#075ee8;
  --accent2:#2c7dff;
  --accent3:#7da9ff;
  --accent-ink:#fff;
  background:#eef1f7;
}

.skin-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:
  linear-gradient(90deg,rgba(21,26,36,.055) 1px,transparent 1px),
  linear-gradient(rgba(21,26,36,.055) 1px,transparent 1px),
  radial-gradient(circle at 82% 10%,rgba(7,94,232,.14),transparent 30%),
  #eef1f7;background-size:42px 42px,42px 42px,auto,auto}
.skin-bg::before{content:'';position:absolute;inset:0;background:
  linear-gradient(120deg,transparent 0 46%,rgba(7,94,232,.08) 46.2% 46.7%,transparent 47%),
  linear-gradient(90deg,transparent 0 64%,rgba(7,94,232,.09) 64.2% 64.5%,transparent 64.8%);
  opacity:.9}
.skin-bg::after{content:'';position:absolute;right:8%;top:18%;width:min(38vw,470px);height:min(34vw,390px);border:1px solid rgba(7,94,232,.24);border-radius:8px;background:
  linear-gradient(rgba(7,94,232,.18) 1px,transparent 1px),
  linear-gradient(90deg,rgba(7,94,232,.18) 1px,transparent 1px);
  background-size:34px 28px;opacity:.36}

header{background:rgba(238,241,247,.86);border-bottom:1px solid rgba(21,26,36,.14);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.logo{color:#075ee8}
nav{color:#293241}
.nav-cta{background:#075ee8;color:#fff}
.langsel,.langtog a{background:rgba(255,255,255,.7);color:#151a24;border-color:rgba(7,94,232,.25)}
.cta-ghost{color:#151a24}

.cat-hero{position:relative;min-height:calc(100svh - 72px);padding:clamp(2.7rem,5vw,5rem) 0 clamp(2.2rem,4vw,3.2rem);overflow:hidden}
.cat-copy{position:relative;z-index:4;max-width:760px}
.cat-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:min(560px,100%);margin-bottom:1rem;font-family:'Archivo','Noto Sans KR',sans-serif;font-size:.82rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#151a24}
.cat-top b{font-size:.8rem}
.cat-hero h1{font-family:'Archivo','Noto Sans KR',sans-serif;font-size:clamp(3.25rem,7.1vw,6.5rem);font-weight:900;line-height:.88;letter-spacing:-.06em;max-width:8.2em;text-wrap:balance}
.cat-hero h1 em{font-style:normal;color:#075ee8;background:none;-webkit-text-fill-color:currentColor}
.cat-hero .sub{margin:1rem 0 1.35rem;max-width:45ch;color:#263244;font-size:clamp(1.02rem,1.5vw,1.18rem);line-height:1.48}
.cat-btns{gap:.8rem;margin-bottom:1.15rem}
.cat-btns .cta-solid{background:#075ee8;color:#fff;box-shadow:0 18px 45px -28px rgba(7,94,232,.8)}
.cat-btns .cta-ghost{background:rgba(255,255,255,.62);border-color:rgba(7,94,232,.34);color:#151a24}

.cat-service-cards{position:relative;z-index:5;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;width:min(690px,100%);margin-top:.2rem}
.cat-svc{min-width:0;padding:1rem;border:1px solid rgba(7,94,232,.42);border-radius:12px;background:rgba(255,255,255,.58);box-shadow:0 18px 54px -46px rgba(7,94,232,.65)}
.cat-ic{display:grid;place-items:center;width:2.15rem;height:2.15rem;margin-bottom:.72rem;border-radius:8px;background:#075ee8;color:#fff;font-family:'Archivo';font-weight:900;font-size:.94rem}
.cat-svc h3{font-family:'Archivo','Noto Sans KR',sans-serif;font-size:1.1rem;line-height:1.08;font-weight:900;margin-bottom:.35rem;color:#151a24}
.cat-svc p{font-size:.86rem;line-height:1.36;color:#4f5c70}
.cat-stats{position:relative;z-index:5;margin-top:1.35rem}
.cat-stats .n{font-family:'Archivo';font-size:2.15rem;color:#075ee8;font-weight:900}

.cat-wire{position:absolute;z-index:1;right:9%;top:22%;width:min(35vw,430px);height:min(32vw,360px);opacity:.54;border:1px solid rgba(7,94,232,.2)}
.wire-card{position:absolute;left:11%;top:13%;width:54%;height:48%;border:2px solid rgba(7,94,232,.28)}
.wire-card::before{content:'';position:absolute;left:10%;top:14%;width:62%;height:58%;border:1px solid rgba(7,94,232,.22);background:linear-gradient(135deg,transparent 49%,rgba(7,94,232,.28) 50%,transparent 51%),linear-gradient(45deg,transparent 49%,rgba(7,94,232,.28) 50%,transparent 51%)}
.wire-lines{position:absolute;right:8%;top:18%;width:28%;height:64%;background:repeating-linear-gradient(180deg,rgba(7,94,232,.34) 0 2px,transparent 2px 18px)}

body.pf-skin-03-catalog .bizcard,
body.pf-skin-03-catalog .scard,
body.pf-skin-03-catalog .faqitem,
body.pf-skin-03-catalog .localbox,
body.pf-skin-03-catalog .wc{background:rgba(255,255,255,.64);border-color:rgba(7,94,232,.22);color:#151a24;box-shadow:0 22px 70px -56px rgba(7,94,232,.5)}
body.pf-skin-03-catalog .bizcard p,
body.pf-skin-03-catalog .scard p,
body.pf-skin-03-catalog .localcopy p,
body.pf-skin-03-catalog .faqitem p,
body.pf-skin-03-catalog .wc .m .c{color:#596579}
body.pf-skin-03-catalog .eyebrow{color:#075ee8}
body.pf-skin-03-catalog .bigcta{position:relative;margin:clamp(2rem,5vw,4rem) auto;padding:clamp(1.2rem,3vw,2.1rem);max-width:980px;border:1px solid rgba(7,94,232,.2);border-radius:20px;background:rgba(255,255,255,.72);text-align:left}
body.pf-skin-03-catalog .localbox{position:relative;background:rgba(255,255,255,.88);border-color:rgba(7,94,232,.28);box-shadow:0 28px 86px -58px rgba(7,94,232,.7),0 0 0 1px rgba(255,255,255,.55) inset}
body.pf-skin-03-catalog .localbox::before{background:linear-gradient(135deg,rgba(7,94,232,.13),rgba(125,169,255,.18));filter:none}
body.pf-skin-03-catalog .localbox h2{color:#111827}
body.pf-skin-03-catalog .localcopy p{color:#4a5568}
body.pf-skin-03-catalog .localcopy li{background:rgba(255,255,255,.8);border-color:rgba(7,94,232,.16);color:#151a24;box-shadow:0 16px 46px -38px rgba(7,94,232,.45)}
body.pf-skin-03-catalog .bigcta{background:rgba(255,255,255,.9);box-shadow:0 28px 86px -58px rgba(7,94,232,.65),0 0 0 1px rgba(255,255,255,.55) inset}
body.pf-skin-03-catalog .bigcta h2{color:#111827;font-weight:900}
body.pf-skin-03-catalog .bigcta p{color:#4a5568}
body.pf-skin-03-catalog .qform{margin:0;max-width:720px}
body.pf-skin-03-catalog .qform input,
body.pf-skin-03-catalog .qform select,
body.pf-skin-03-catalog .qform textarea{background:#fff;border:1.5px solid rgba(7,94,232,.26);color:#111827;box-shadow:0 10px 32px -30px rgba(7,94,232,.45)}
body.pf-skin-03-catalog .qform input::placeholder,
body.pf-skin-03-catalog .qform textarea::placeholder{color:#536179}
body.pf-skin-03-catalog .qform select{color:#151a24}
body.pf-skin-03-catalog .qform button{background:#075ee8;color:#fff}

@media(max-width:880px){
  .skin-bg::after{right:-10%;top:10%;width:78vw;height:42vw;opacity:.18}
  .cat-hero{min-height:0;padding:1.55rem 0 1.75rem;max-width:100%;overflow:hidden}
  .cat-copy{width:min(330px,calc(100vw - 2.25rem));max-width:min(330px,calc(100vw - 2.25rem));min-width:0;overflow:hidden}
  .cat-top{font-size:.7rem;margin-bottom:.72rem}
  .cat-hero h1{font-size:clamp(2.35rem,11.3vw,3.42rem);line-height:.92;max-width:6.35em;letter-spacing:-.05em}
  .cat-hero .sub{font-size:.86rem;line-height:1.38;max-width:28ch;margin:.72rem 0 1rem;color:#202a3a}
  .cat-btns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.5rem;width:min(330px,calc(100vw - 2.25rem));max-width:min(330px,calc(100vw - 2.25rem));margin-bottom:.9rem}
  .cat-btns .cta-solid,.cat-btns .cta-ghost{min-width:0;padding:.78rem .42rem;border-radius:9px;font-size:.72rem;text-align:center;white-space:nowrap}
  .cat-service-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem;width:min(330px,calc(100vw - 2.25rem));max-width:min(330px,calc(100vw - 2.25rem));margin-top:.2rem}
  .cat-svc{min-width:0;overflow:hidden;padding:.52rem .36rem;border-radius:9px;background:rgba(255,255,255,.72)}
  .cat-ic{width:1.5rem;height:1.5rem;margin-bottom:.42rem;border-radius:7px;font-size:.7rem}
  .cat-svc h3{font-size:.62rem;line-height:1.04;margin-bottom:.22rem;overflow-wrap:break-word;color:#101827}
  .cat-svc p{font-size:.48rem;line-height:1.17;overflow-wrap:break-word;color:#39465a}
  .cat-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;width:min(330px,calc(100vw - 2.25rem));max-width:min(330px,calc(100vw - 2.25rem));margin-top:1rem}
  .cat-stats .n{font-size:1.55rem;line-height:1}
  .cat-stats .l{font-size:.68rem;line-height:1.1;color:#5a6577}
  .cat-wire{right:-10%;top:8.5rem;width:54vw;height:34vw;opacity:.28}
  body.pf-skin-03-catalog .bigcta{margin:2rem auto;padding:1rem;border-radius:18px}
  body.pf-skin-03-catalog .bigcta h2{font-size:clamp(2.05rem,10vw,2.8rem)}
  body.pf-skin-03-catalog .bigcta p{font-size:1.08rem;line-height:1.42}
  body.pf-skin-03-catalog #work .sec-head{display:block;margin-bottom:1rem}
  body.pf-skin-03-catalog #work .sec-head h2{max-width:8.6em;font-size:clamp(2.05rem,9.5vw,2.75rem);line-height:1.04;text-wrap:balance}
  body.pf-skin-03-catalog #work .sec-head a{display:inline-flex;margin-top:.85rem;color:#075ee8;background:rgba(255,255,255,.7);border-color:rgba(7,94,232,.22)}
  body.pf-skin-03-catalog .localbox{padding:1.15rem;background:rgba(255,255,255,.92)}
  body.pf-skin-03-catalog .localbox h2{font-size:clamp(2rem,9vw,2.55rem);line-height:1.08}
  body.pf-skin-03-catalog .localcopy p{font-size:1.05rem;line-height:1.48}
  body.pf-skin-03-catalog .localcopy li{font-size:.94rem;line-height:1.28;background:rgba(255,255,255,.88)}
  body.pf-skin-03-catalog .qform input,
  body.pf-skin-03-catalog .qform select,
  body.pf-skin-03-catalog .qform textarea{font-size:1rem;background:#fff}
  body.pf-skin-03-catalog .qform textarea{min-height:132px}
}