/* 07 dream - pink cloud mobile */
body{--accent:#a77bff;--accent2:#f06fca;--accent3:#ffd4f0;--accent-ink:#201035;background:#f7edff;color:#221333}
.skin-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:
  radial-gradient(circle at 78% 16%,rgba(240,111,202,.26),transparent 25%),
  radial-gradient(circle at 20% 78%,rgba(255,212,240,.45),transparent 32%),
  linear-gradient(145deg,#f4e9ff 0%,#fff5f8 52%,#ffe9f8 100%)}
.skin-bg::before{content:'';position:absolute;inset:0;background:
  radial-gradient(ellipse at 28% 72%,rgba(255,255,255,.82),transparent 22%),
  radial-gradient(ellipse at 60% 70%,rgba(255,255,255,.64),transparent 25%),
  radial-gradient(ellipse at 88% 76%,rgba(255,255,255,.74),transparent 22%);filter:blur(10px);animation:cloudSlow 12s ease-in-out infinite}
.skin-bg::after{content:'';position:absolute;inset:0;background:
  radial-gradient(circle at 72% 20%,rgba(255,255,255,.72) 0 5%,transparent 12%),
  radial-gradient(circle at 50% 34%,rgba(240,111,202,.26) 0 7%,transparent 14%),
  radial-gradient(circle at 86% 35%,rgba(167,123,255,.22) 0 6%,transparent 13%);animation:dreamGlow 10s ease-in-out infinite}
header{background:rgba(247,237,255,.78);border-bottom:1px solid rgba(74,38,105,.11);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.logo{color:#211331}.nav-cta{background:#a77bff;color:#fff}nav{color:#746385}
.langsel,.langtog a{background:rgba(255,255,255,.58);color:#211331;border-color:rgba(74,38,105,.18)}

.dream-hero{position:relative;min-height:calc(100svh - 72px);display:grid;align-items:center;padding:clamp(2.4rem,5vw,5rem) 0 clamp(1.8rem,3vw,3rem);overflow:hidden}
.dream-copy{position:relative;z-index:4;width:min(720px,60vw)}
.dream-kicker{display:inline-flex;margin-bottom:1rem;color:#8d63ee;font-family:'Archivo','Noto Sans KR',sans-serif;font-size:.74rem;font-weight:900;letter-spacing:.17em;text-transform:uppercase}
.dream-hero h1{font-family:'Archivo','Noto Sans KR',sans-serif;font-size:clamp(3.3rem,7vw,6.3rem);font-weight:900;line-height:.9;letter-spacing:-.055em;max-width:7.2em;color:#221333}
.dream-hero h1 em{font-style:normal;color:#f06fca;background:linear-gradient(90deg,#a77bff,#f06fca);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.dream-hero .sub{max-width:43ch;margin:1rem 0 1.35rem;color:#635172;font-size:clamp(1.02rem,1.4vw,1.18rem);line-height:1.48}
.dream-btns{gap:.75rem;margin-bottom:1.12rem}.dream-btns .cta-solid{background:#a77bff;color:#fff}.dream-btns .cta-ghost{background:rgba(255,255,255,.52);border-color:rgba(74,38,105,.16);color:#221333}
.dream-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;width:min(700px,100%)}
.dream-card{min-width:0;padding:1rem;border:1px solid rgba(112,73,154,.18);border-radius:14px;background:rgba(255,255,255,.58);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 24px 80px -62px rgba(167,123,255,.75)}
.dream-card span{display:grid;place-items:center;width:2.15rem;height:2.15rem;margin-bottom:.72rem;border-radius:10px;background:linear-gradient(135deg,#a77bff,#f06fca);color:#fff;font-weight:900;font-size:.8rem}
.dream-card h3{font-family:'Archivo','Noto Sans KR',sans-serif;font-size:1.05rem;line-height:1.07;font-weight:900;color:#221333;margin-bottom:.34rem}
.dream-card p{font-size:.83rem;line-height:1.34;color:#6c5a7b}
.dream-stats{margin-top:1.25rem}.dream-stats .n{font-family:'Archivo';font-size:2.08rem;color:#a77bff;font-weight:900}
.dream-sky{position:absolute;z-index:1;right:-3%;top:7%;width:min(58vw,760px);height:80%;pointer-events:none}
.dream-sky i{position:absolute;border-radius:50%;background:radial-gradient(circle at 32% 25%,#fff 0 12%,#ffc9ec 38%,#a77bff 100%);box-shadow:0 28px 80px -36px #a77bff;animation:floatDream 9s ease-in-out infinite}
.dream-sky i:nth-child(1){width:34%;aspect-ratio:1;right:12%;top:4%}.dream-sky i:nth-child(2){width:20%;aspect-ratio:1;left:18%;top:20%;animation-delay:-2s}.dream-sky i:nth-child(3){width:16%;aspect-ratio:1;right:4%;top:42%;animation-delay:-4s}.dream-sky i:nth-child(4){width:24%;aspect-ratio:1;left:40%;bottom:12%;animation-delay:-6s}.dream-sky i:nth-child(5){width:13%;aspect-ratio:1;right:32%;bottom:26%;animation-delay:-8s}

body.pf-skin-07-dream .bizcard,body.pf-skin-07-dream .scard,body.pf-skin-07-dream .faqitem,body.pf-skin-07-dream .localbox,body.pf-skin-07-dream .wc,body.pf-skin-07-dream .bigcta{background:rgba(255,255,255,.62);border-color:rgba(112,73,154,.14);color:#221333;box-shadow:0 24px 80px -64px rgba(167,123,255,.62)}
body.pf-skin-07-dream .bizcard p,body.pf-skin-07-dream .scard p,body.pf-skin-07-dream .faqitem p,body.pf-skin-07-dream .localcopy p,body.pf-skin-07-dream .wc .m .c{color:#6c5a7b}
body.pf-skin-07-dream .eyebrow{color:#8d63ee}

@keyframes cloudSlow{50%{transform:translate3d(-1.5rem,-.7rem,0) scale(1.04)}}
@keyframes dreamGlow{50%{transform:translate3d(1rem,-1rem,0);opacity:.72}}
@keyframes floatDream{50%{transform:translate3d(0,-18px,0) scale(1.04)}}

@media(max-width:880px){
  .dream-hero{min-height:0;padding:1.45rem 0 1.7rem;align-items:start}
  .dream-copy{width:min(352px,calc(100vw - 2rem));max-width:min(352px,calc(100vw - 2rem))}
  .dream-kicker{font-size:.56rem;letter-spacing:.14em;margin-bottom:.72rem}
  .dream-hero h1{font-size:clamp(2.48rem,11.7vw,3.35rem);max-width:6.15em;line-height:.92}
  .dream-hero .sub{font-size:.78rem;line-height:1.34;max-width:27ch;margin:.7rem 0 1rem}
  .dream-btns{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;width:min(330px,calc(100vw - 2.25rem));margin-bottom:.85rem}
  .dream-btns .cta-solid,.dream-btns .cta-ghost{min-width:0;padding:.78rem .42rem;border-radius:9px;font-size:.72rem;text-align:center;white-space:nowrap}
  .dream-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;width:min(330px,calc(100vw - 2.25rem))}
  .dream-card{padding:.55rem .38rem;border-radius:9px}
  .dream-card span{width:1.45rem;height:1.45rem;margin-bottom:.38rem;border-radius:7px;font-size:.58rem}
  .dream-card h3{font-size:.64rem;line-height:1.05}.dream-card p{font-size:.48rem;line-height:1.15}
  .dream-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;width:min(330px,calc(100vw - 2.25rem));margin-top:.95rem}
  .dream-stats .n{font-size:1.46rem;line-height:1}.dream-stats .l{font-size:.64rem;line-height:1.1}
  .dream-sky{right:-28%;top:5%;width:86vw;height:44vh;opacity:.72}
  body.pf-skin-07-dream #work .sec-head{display:block}
  body.pf-skin-07-dream #work .sec-head h2{max-width:8.4em;font-size:clamp(2.05rem,9.5vw,2.7rem);line-height:1.04}
  body.pf-skin-07-dream #work .sec-head a{display:inline-flex;margin-top:.85rem}
}
