/* Author: Jeongyeop Lee (이정엽) */

:root{
  --bg:#FBFAF7; --bg-2:#F4F1EA; --card:#FFFFFF;
  --ink:#0E0E0E; --ink-2:#2E2D2A; --muted:#6F6C66; --faint:#A8A49C;
  --line:rgba(14,14,14,.09); --line-2:rgba(14,14,14,.16);
  --orange:#D94F1E; --orange-2:#F07A4A; --peach:#FFE3D4; --peach-2:#FFC9AE; --butter:#FFF0C8; --blush:#FBE4E6;
  /* 피움 화면 안에서만 쓰는 색 (pium_web globals.css 에서) */
  --p-ink:#1A1715; --p-sub:#6B625A; --p-brown:#4A332A; --p-coral:#EC6647; --p-line:#E8E0D5; --p-badge:#1E5C54; --p-soft:#F4ECE3;
  --ease:cubic-bezier(.16,1,.3,1);
  --wrap:1180px; --gut:clamp(16px,4vw,40px);
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{font-family:'Pretendard','Outfit',system-ui,sans-serif;background:var(--bg);color:var(--ink);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-x:clip;word-break:keep-all;}
img{display:block;max-width:100%;}
a{color:inherit;}
.en{font-family:'Outfit',sans-serif;}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut);}
.kicker{font-family:'Outfit',sans-serif;font-size:12px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--orange);display:inline-flex;align-items:center;gap:10px;}
.kicker::before{content:'';width:22px;height:2px;background:currentColor;}
.h2{font-size:clamp(28px,4.2vw,52px);font-weight:700;line-height:1.22;letter-spacing:-.025em;margin-top:18px;}
.lead{font-size:clamp(16px,1.6vw,18.5px);color:var(--muted);max-width:620px;margin-top:20px;}

/* 진행 바 · 위 메뉴 */
#prog{position:fixed;top:0;left:0;height:3px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--orange),var(--orange-2));z-index:60;}
.nav{position:fixed;top:0;left:0;right:0;z-index:50;transition:background .4s,box-shadow .4s,backdrop-filter .4s;}
.nav.scrolled{background:rgba(251,250,247,.78);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);box-shadow:0 1px 0 var(--line);}
.nav-in{max-width:var(--wrap);margin:0 auto;padding:16px var(--gut);display:flex;align-items:center;justify-content:space-between;gap:20px;}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;}
.wm{display:flex;line-height:1;font-family:'Outfit',sans-serif;font-size:20px;color:var(--ink);}
.wm .c{font-weight:200;letter-spacing:.2em;} .wm .m{font-weight:800;letter-spacing:.09em;}
.mark{display:block;flex:none;}
.mark .b1,.mark .b2{fill:var(--ink);} .mark .b3{fill:var(--orange);}
.nav-links{display:flex;align-items:center;gap:6px;}
.nav-links a{font-size:14.5px;font-weight:500;color:var(--ink-2);text-decoration:none;padding:8px 14px;border-radius:999px;transition:background .25s,color .25s;}
.nav-links a:hover{background:rgba(14,14,14,.05);}
.nav-links a.cta{background:var(--ink);color:#fff;margin-left:6px;}
.nav-links a.cta:hover{background:var(--orange);}
@media (max-width:760px){ .nav-links a:not(.cta){display:none;} .wm{font-size:18px;} }

/* 첫 화면 */
.hero{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;display:flex;align-items:center;background:var(--bg-2);}
.hero-media{position:absolute;inset:0;z-index:0;overflow:hidden;will-change:transform;}
.hv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.1s ease;}
.hv.on{opacity:1;animation:kb 7.5s linear both;}
@keyframes kb{from{transform:scale(1.12)}to{transform:scale(1.02)}}
.hero-veil{position:absolute;inset:0;z-index:1;pointer-events:none;background:
  linear-gradient(90deg,rgba(251,250,247,.95) 0%,rgba(251,250,247,.84) 30%,rgba(251,250,247,.3) 56%,rgba(251,250,247,0) 74%),
  linear-gradient(180deg,rgba(251,250,247,.6) 0%,rgba(251,250,247,0) 16%,rgba(251,250,247,0) 82%,var(--bg) 100%);}
.scenes{position:absolute;right:var(--gut);bottom:28px;z-index:3;display:flex;gap:16px;padding:12px 16px 10px;border-radius:16px;background:rgba(255,255,255,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 30px -14px rgba(14,14,14,.25);}
.scenes span{position:relative;font-size:12.5px;font-weight:500;color:rgba(14,14,14,.42);padding-top:11px;white-space:nowrap;transition:color .4s;}
.scenes span i{position:absolute;left:0;top:0;width:100%;height:2px;background:rgba(14,14,14,.14);border-radius:2px;overflow:hidden;}
.scenes span i::after{content:'';position:absolute;inset:0;background:var(--orange);transform:scaleX(var(--p,0));transform-origin:left;}
.scenes span.on{color:var(--ink);}
.hero-in{position:relative;z-index:2;width:100%;max-width:var(--wrap);margin:0 auto;padding:110px var(--gut) 90px;}
.hero-copy{max-width:600px;}
.hero h1{font-size:clamp(36px,6.2vw,78px);font-weight:700;line-height:1.14;letter-spacing:-.035em;margin-top:22px;}
.hero h1 .hl{position:relative;white-space:nowrap;}
.hero h1 .hl::after{content:'';position:absolute;left:-2%;right:-2%;bottom:.08em;height:.32em;background:var(--peach-2);z-index:-1;border-radius:4px;transform-origin:0 50%;transform:scaleX(0);animation:hl 1s var(--ease) 1.5s forwards;}
@keyframes hl{to{transform:scaleX(1)}}
.hero .sub{font-size:clamp(16px,1.7vw,19px);color:var(--muted);margin-top:22px;max-width:480px;}
.hero-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px;}
.btn{display:inline-flex;align-items:center;gap:10px;font-size:15.5px;font-weight:600;text-decoration:none;padding:15px 26px;border-radius:999px;transition:transform .35s var(--ease),background .25s,color .25s,box-shadow .35s;will-change:transform;}
.btn-ink{background:var(--ink);color:#fff;box-shadow:0 10px 30px rgba(14,14,14,.18);}
.btn-ink:hover{background:var(--orange);box-shadow:0 14px 34px rgba(217,79,30,.32);}
.btn-line{background:rgba(255,255,255,.6);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line-2);backdrop-filter:blur(6px);}
.btn-line:hover{box-shadow:inset 0 0 0 1.5px var(--ink);}
.btn .arr{display:inline-block;transition:transform .35s var(--ease);}
.btn:hover .arr{transform:translateY(3px);}
.btn .arr.ne{transform:none;} .btn:hover .arr.ne{transform:translate(3px,-3px);}
.scrollcue{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:8px;font-family:'Outfit';font-size:11px;letter-spacing:.3em;color:var(--muted);transition:opacity .5s;}
.scrollcue i{width:1.5px;height:38px;background:linear-gradient(var(--ink),rgba(14,14,14,0));animation:cue 2s ease-in-out infinite;transform-origin:top;}
@keyframes cue{0%{transform:scaleY(0)}50%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}
@media (max-width:899px){
  .hero{align-items:flex-end;}
  .hero-veil{background:linear-gradient(0deg,var(--bg) 0%,rgba(251,250,247,.93) 40%,rgba(251,250,247,.4) 62%,rgba(251,250,247,0) 78%),linear-gradient(180deg,rgba(251,250,247,.65) 0%,rgba(251,250,247,0) 15%);}
  .hero-in{padding-top:46vh;padding-bottom:84px;}
  .scenes{left:var(--gut);right:var(--gut);bottom:24px;gap:8px;padding:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;}
  .scenes span{flex:1;font-size:0;padding-top:0;height:3px;}
  .scenes span i{height:3px;}
  .scrollcue{display:none;}
  .hero-btns .btn{padding:14px 22px;font-size:15px;}
}
/* 첫 글자 등장 */
.hero .line-in{animation:lineIn 1s var(--ease) .15s both;}
.hero .line-in:nth-child(2){animation-delay:.27s} .hero .line-in:nth-child(3){animation-delay:.39s} .hero .line-in:nth-child(4){animation-delay:.51s}
@keyframes lineIn{from{opacity:0;transform:translateY(26px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
.hero.shown .line-in{animation:none;}


/* 이름 풀이 (스크롤에 붙는 장면) */
.name{position:relative;height:320vh;background:var(--bg);}
.name-stick{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex;align-items:center;}
.name-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:40px;width:100%;}
.name-text{position:relative;z-index:2;min-height:300px;}
.ntx{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease);pointer-events:none;}
.ntx.on{opacity:1;transform:none;}
.ntx .big{font-size:clamp(28px,3.8vw,48px);font-weight:700;line-height:1.24;letter-spacing:-.03em;margin-top:18px;}
.ntx p{color:var(--muted);margin-top:16px;font-size:16.5px;max-width:420px;}
.ntx .word{font-family:'Outfit';font-size:clamp(40px,4.6vw,72px);line-height:1;margin-top:6px;}
.ntx .word .c{font-weight:200;letter-spacing:.14em;} .ntx .word .m{font-weight:800;letter-spacing:.05em;}
.gather{position:relative;width:100%;aspect-ratio:16/10;}
.g-big{position:absolute;inset:0;border-radius:22px;overflow:hidden;opacity:0;box-shadow:0 30px 70px -30px rgba(60,40,20,.45);}
.g-big img{width:100%;height:100%;object-fit:cover;}
.g-card{position:absolute;left:0;top:0;border-radius:14px;overflow:hidden;box-shadow:0 14px 30px -14px rgba(14,14,14,.35);will-change:transform;background:var(--bg-2);}
.g-card img{width:100%;height:100%;object-fit:cover;}
.g-cap{position:absolute;left:14px;bottom:14px;z-index:20;font-size:12.5px;font-weight:600;background:rgba(255,255,255,.88);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:6px 12px;border-radius:999px;color:var(--ink);transition:opacity .3s;}
.name-dots{position:absolute;left:0;bottom:-34px;display:flex;gap:8px;}
.name-dots i{width:24px;height:3px;border-radius:2px;background:var(--line-2);transition:background .4s,width .4s;}
.name-dots i.on{background:var(--orange);width:40px;}
@media (max-width:899px){
  .name-grid{grid-template-columns:1fr;gap:26px;}
  .gather{order:-1;}
  .name-text{min-height:220px;}
  .name-dots{position:static;margin-top:6px;}
}

/* 흐르는 사진 띠 */
.strip{overflow:hidden;padding:36px 0 6px;display:flex;flex-direction:column;gap:14px;}
.srow{display:flex;width:max-content;animation:slide 80s linear infinite;}
.srow.rev{animation-direction:reverse;animation-duration:95s;}
.srow img{height:clamp(120px,15vw,190px);aspect-ratio:4/3;object-fit:cover;border-radius:18px;flex:none;margin-right:14px;}
.srow img:nth-child(3n){aspect-ratio:1/1;}
.srow img:nth-child(4n){aspect-ratio:16/10;}
.strip:hover .srow{animation-play-state:paused;}
@keyframes slide{to{transform:translateX(-50%)}}

/* 하는 일 */
.sec{padding:clamp(90px,12vw,150px) 0;position:relative;}
.what-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:56px;}
.wcard{background:var(--card);border-radius:24px;padding:30px 28px 32px;box-shadow:0 1px 0 var(--line),0 20px 50px -30px rgba(60,40,20,.25);transition:transform .5s var(--ease),box-shadow .5s var(--ease);}
.wcard:hover{transform:translateY(-6px);box-shadow:0 1px 0 var(--line),0 30px 60px -30px rgba(217,79,30,.35);}
.wcard .no{font-family:'Outfit';font-size:13px;color:var(--faint);letter-spacing:.1em;}
.wcard .clip{width:100%;aspect-ratio:16/10;margin:14px 0 18px;border-radius:16px;overflow:hidden;background:var(--bg-2);}
.wcard .clip video{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s var(--ease);}
.wcard:hover .clip video{transform:scale(1.05);}
.wcard h3{font-size:24px;font-weight:700;letter-spacing:-.02em;display:flex;align-items:baseline;gap:10px;}
.wcard h3 .en{font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--orange);}
.wcard p{color:var(--muted);margin-top:10px;font-size:15.5px;}
@media (max-width:899px){ .what-cards{grid-template-columns:1fr;} }

/* 피움 */
.pium{background:linear-gradient(180deg,var(--bg) 0%,#FFF6EF 18%,#FFF6EF 82%,var(--bg) 100%);}
.pium-head{text-align:center;display:flex;flex-direction:column;align-items:center;}
.pium-head .kicker::before{display:none;}
.plogo{display:inline-flex;gap:8px;margin-top:26px;text-decoration:none;}
.plogo span{width:52px;height:66px;border-radius:12px;background:#fff;border:1.5px solid #D8D7D1;color:#0D0D0D;font-family:'Outfit';font-weight:700;font-size:38px;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px -10px rgba(14,14,14,.25);}
.plogo.wave span{animation:keyWave .62s ease;}
.plogo.wave span:nth-child(2){animation-delay:.09s} .plogo.wave span:nth-child(3){animation-delay:.18s} .plogo.wave span:nth-child(4){animation-delay:.27s}
@keyframes keyWave{0%,100%{transform:translateY(0)}45%{transform:translateY(9px)}}
.pium-head .lead{margin-left:auto;margin-right:auto;}
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:28px;}
.chips a{font-size:14px;font-weight:500;padding:8px 16px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);text-decoration:none;color:var(--ink-2);transition:background .25s,color .25s,box-shadow .25s;}
.chips a:hover,.chips a.on{background:var(--ink);color:#fff;box-shadow:none;}
.story{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:60px;margin-top:70px;position:relative;}
.steps{display:flex;flex-direction:column;}
.step{min-height:78vh;display:flex;flex-direction:column;justify-content:center;padding:30px 0;opacity:.28;transition:opacity .6s var(--ease);}
.step.on{opacity:1;}
.step .tag{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--orange);}
.step .tag i{font-style:normal;font-family:'Outfit';display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--peach);color:var(--orange);font-size:12px;}
.step h3{font-size:clamp(26px,3.2vw,40px);font-weight:700;line-height:1.25;letter-spacing:-.03em;margin-top:14px;}
.step p{color:var(--muted);margin-top:14px;font-size:16.5px;max-width:470px;}
.step ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;}
.step li{font-size:13.5px;padding:6px 12px;border-radius:8px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2);}
.step .mini{display:none;}
.phone-col{position:relative;}
.phone-stick{position:sticky;top:calc(50vh - 316px);}
.pium-cta{display:flex;justify-content:center;margin-top:40px;}
@media (max-width:1023px){
  .story{grid-template-columns:1fr;gap:0;margin-top:40px;}
  .phone-col{display:none;}
  .step{min-height:0;opacity:1;padding:46px 0;align-items:center;text-align:center;}
  .step p{margin-left:auto;margin-right:auto;}
  .step ul{justify-content:center;}
  .step .mini{display:block;margin-bottom:26px;}
}

/* 휴대폰 */
.phone{width:300px;height:620px;border-radius:48px;background:#111;padding:10px;position:relative;box-shadow:0 0 0 2px #2a2a2a inset,0 40px 80px -30px rgba(60,30,10,.45),0 18px 40px -20px rgba(14,14,14,.35);}
.phone::before{content:'';position:absolute;top:20px;left:50%;transform:translateX(-50%);width:92px;height:26px;border-radius:20px;background:#111;z-index:5;}
.screen{position:relative;width:100%;height:100%;border-radius:38px;overflow:hidden;background:#F7F6F3;}
.phone-col .phone{margin-left:auto;transform:rotate(-2deg);transition:transform .8s var(--ease);}
.phone-col .phone:hover{transform:rotate(0) translateY(-6px);}
.mini .phone{margin:0 auto;transform:scale(.92);transform-origin:top center;margin-bottom:-50px;}
.scr{position:absolute;inset:0;opacity:0;transform:translateY(18px) scale(.98);transition:opacity .25s ease,transform .5s var(--ease);font-family:'Pretendard',sans-serif;color:var(--p-ink);font-size:12px;line-height:1.45;}
.scr.on{opacity:1;transform:none;transition:opacity .5s ease .12s,transform .7s var(--ease) .12s;}
.mini .scr{opacity:1;transform:none;text-align:left;}
.sb{height:46px;display:flex;align-items:flex-end;justify-content:space-between;padding:0 24px 6px;font-size:11.5px;font-weight:600;}
.sb .ic{display:flex;gap:4px;align-items:center;}
.sb .ic i{display:block;background:var(--p-ink);border-radius:2px;}
.sc{padding:8px 16px 0;}
.s-title{font-size:18px;font-weight:700;letter-spacing:-.02em;margin-top:6px;}
.s-sub{font-size:11.5px;color:var(--p-sub);margin-top:2px;}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px;}
.tile{background:#fff;border-radius:14px;padding:11px 10px 12px;box-shadow:0 0 0 1px var(--p-line) inset;transition:background .4s,box-shadow .4s,transform .4s var(--ease);}
.tile svg{width:24px;height:24px;display:block;}
.tile b{display:block;font-size:13px;margin-top:8px;}
.tile span{display:block;font-size:10px;color:var(--p-sub);margin-top:2px;line-height:1.3;}
.tile.hot{background:var(--p-ink);color:#fff;transform:translateY(-2px);box-shadow:0 8px 16px -8px rgba(0,0,0,.5);}
.tile.hot span{color:#cfc8c0;} .tile.hot svg *{stroke:#fff;}
.card{background:#fff;border-radius:16px;padding:12px 13px;margin-top:10px;box-shadow:0 0 0 1px var(--p-line) inset;}
.card-h{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--p-sub);}
.card-h b{color:var(--p-ink);font-size:12.5px;}
.track{display:flex;align-items:center;margin-top:12px;}
.track .d{width:14px;height:14px;border-radius:50%;background:#E9E4DC;flex:none;position:relative;transition:background .4s;}
.track .d.ok{background:var(--p-coral);}
.track .d.ok::after{content:'';position:absolute;left:4px;top:3px;width:4px;height:6px;border:solid #fff;border-width:0 1.6px 1.6px 0;transform:rotate(45deg);}
.track .l{flex:1;height:3px;background:#E9E4DC;position:relative;overflow:hidden;}
.track .l::after{content:'';position:absolute;inset:0;background:var(--p-coral);transform:scaleX(0);transform-origin:left;transition:transform .5s;}
.track .l.ok::after{transform:scaleX(1);}
.track-lb{display:flex;justify-content:space-between;font-size:10px;color:var(--p-sub);margin-top:6px;}
.pt{display:flex;gap:10px;align-items:center;}
.pt img{width:40px;height:40px;border-radius:50%;object-fit:cover;}
.pt b{font-size:12.5px;display:block;}
.badge{display:inline-flex;align-items:center;gap:3px;font-size:9.5px;font-weight:600;background:var(--p-badge);color:#fff;padding:2px 7px;border-radius:999px;margin-left:4px;vertical-align:1px;}
.pt small{font-size:10.5px;color:var(--p-sub);}
.s-btn{display:block;text-align:center;background:var(--p-ink);color:#fff;font-weight:600;font-size:12.5px;padding:11px;border-radius:12px;margin-top:10px;}
.tabbar{position:absolute;left:0;right:0;bottom:0;height:62px;background:rgba(255,255,255,.94);border-top:1px solid var(--p-line);display:flex;justify-content:space-around;padding-top:9px;font-size:9.5px;color:#A49B92;}
.tabbar div{display:flex;flex-direction:column;align-items:center;gap:3px;}
.tabbar i{width:18px;height:18px;border-radius:6px;background:#DDD6CD;display:block;}
.tabbar .on{color:var(--p-ink);font-weight:600;} .tabbar .on i{background:var(--p-ink);}
/* 내 무대 */
.cover{height:250px;position:relative;overflow:hidden;}
.cover img,.cover video{width:100%;height:100%;object-fit:cover;display:block;}
.cover::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 60%,rgba(0,0,0,.55) 100%);}
.cover .sb{position:absolute;top:0;left:0;right:0;color:#fff;z-index:2;}
.cover .sb .ic i{background:#fff;}
.cover .who{position:absolute;left:16px;bottom:14px;z-index:2;color:#fff;}
.cover .who b{font-size:20px;letter-spacing:-.02em;display:block;}
.cover .who small{font-size:11px;opacity:.9;}
.st-row{display:flex;gap:6px;align-items:center;margin-top:12px;}
.st-tag{font-size:10.5px;background:var(--p-soft);color:var(--p-brown);padding:4px 9px;border-radius:999px;font-weight:600;}
.st-btns{display:flex;gap:6px;margin-top:10px;}
.st-btns span{flex:1;text-align:center;font-size:12px;font-weight:600;padding:9px;border-radius:10px;background:var(--p-ink);color:#fff;}
.st-btns span+span{background:#fff;color:var(--p-ink);box-shadow:0 0 0 1px var(--p-line) inset;}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:12px;}
.grid3 div{aspect-ratio:3/4;border-radius:8px;overflow:hidden;position:relative;background:#ddd;}
.grid3 img{width:100%;height:100%;object-fit:cover;}
.grid3 div::after{content:'';position:absolute;right:6px;top:6px;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent #fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));}
.link-pill{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;color:var(--p-sub);margin-left:auto;}
/* 커뮤니티 */
.cchips{display:flex;gap:5px;margin-top:10px;overflow:hidden;}
.cchips span{font-size:11px;padding:6px 11px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px var(--p-line) inset;white-space:nowrap;transition:background .35s,color .35s;}
.cchips span.hot{background:var(--p-ink);color:#fff;box-shadow:none;}
.post{background:#fff;border-radius:16px;overflow:hidden;margin-top:10px;box-shadow:0 0 0 1px var(--p-line) inset;}
.post .ph{height:150px;overflow:hidden;}
.post .ph img,.post .ph video{width:100%;height:100%;object-fit:cover;display:block;}
.post .pb{padding:9px 11px 11px;}
.post .pb small{font-size:10px;color:var(--p-sub);}
.post .pb p{font-size:12px;font-weight:500;margin-top:2px;}
.post .meta{display:flex;gap:12px;font-size:10.5px;color:var(--p-sub);margin-top:6px;align-items:center;}
.heart{display:inline-flex;align-items:center;gap:4px;color:var(--p-coral);font-weight:600;}
.heart svg{width:12px;height:12px;}
.on .heart.beat svg,.mini.in .heart.beat svg{animation:beat 1.2s ease-in-out .6s 2;}
@keyframes beat{0%,100%{transform:scale(1)}30%{transform:scale(1.35)}60%{transform:scale(.95)}}
/* 공연·매거진 */
.sh{display:flex;justify-content:space-between;align-items:baseline;margin-top:14px;}
.sh b{font-size:14px;} .sh small{font-size:10.5px;color:var(--p-sub);}
.posters{display:flex;gap:8px;margin-top:9px;}
.poster{flex:1;min-width:0;}
.poster .im{aspect-ratio:3/4;border-radius:12px;overflow:hidden;position:relative;}
.poster .im img{width:100%;height:100%;object-fit:cover;}
.poster .im em{position:absolute;left:7px;top:7px;font-style:normal;font-size:9.5px;font-weight:700;background:#fff;color:var(--p-ink);padding:2px 7px;border-radius:6px;}
.poster b{display:block;font-size:11.5px;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.poster small{font-size:10px;color:var(--p-sub);}
.mag{display:flex;gap:10px;align-items:center;background:#fff;border-radius:14px;padding:8px;margin-top:9px;box-shadow:0 0 0 1px var(--p-line) inset;}
.mag img{width:70px;height:56px;border-radius:9px;object-fit:cover;flex:none;}
.mag b{font-size:11.5px;display:block;line-height:1.35;}
.mag small{font-size:10px;color:var(--p-sub);}
/* 파트너 앱 */
.scr.dark{background:#16130F;color:#F4EFE8;}
.scr.dark .sb .ic i{background:#F4EFE8;}
.pa-h{display:flex;justify-content:space-between;align-items:center;margin-top:6px;}
.pa-h b{font-size:17px;}
.pa-h small{font-size:10.5px;color:#B5ABA0;}
.week{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:12px;text-align:center;font-size:10px;color:#9C9286;}
.week div{padding:7px 0 8px;border-radius:10px;}
.week div b{display:block;font-size:13px;color:#F4EFE8;margin-top:2px;}
.week div.td{background:#F4EFE8;color:#16130F;} .week div.td b{color:#16130F;}
.week div i{display:block;width:4px;height:4px;border-radius:50%;background:var(--p-coral);margin:4px auto 0;}
.req{background:#24201B;border-radius:16px;padding:12px 13px;margin-top:12px;}
.req .rt{display:flex;justify-content:space-between;font-size:10.5px;color:#B5ABA0;}
.req .new{color:var(--p-coral);font-weight:700;}
.req b{display:block;font-size:13px;margin-top:6px;}
.req small{font-size:10.5px;color:#B5ABA0;}
.req .acc{display:block;text-align:center;background:var(--p-coral);color:#fff;font-weight:700;font-size:12.5px;padding:10px;border-radius:11px;margin-top:10px;}
.on .req .acc,.mini.in .req .acc{animation:glow 1.8s ease-in-out .5s infinite;}
@keyframes glow{0%,100%{box-shadow:0 0 0 0 rgba(236,102,71,.55)}50%{box-shadow:0 0 0 7px rgba(236,102,71,0)}}
.pay{background:#24201B;border-radius:16px;padding:12px 13px;margin-top:10px;}
.pay small{font-size:10.5px;color:#B5ABA0;}
.pay b{display:block;font-family:'Outfit';font-size:22px;margin-top:2px;letter-spacing:-.01em;}
.bars{display:flex;align-items:flex-end;gap:5px;height:44px;margin-top:8px;}
.bars i{flex:1;background:#3A332B;border-radius:4px 4px 2px 2px;transform-origin:bottom;transform:scaleY(.15);transition:transform .9s var(--ease);}
.bars i.hi{background:var(--p-coral);}
.on .bars i,.mini.in .bars i{transform:scaleY(1);}

/* 일하는 방식 */
.values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:56px;perspective:900px;}
.vcard{position:relative;border-radius:24px;padding:34px 30px 34px;background:var(--card);overflow:hidden;box-shadow:0 1px 0 var(--line),0 20px 50px -34px rgba(60,40,20,.3);transform-style:preserve-3d;transition:transform .5s var(--ease);}
.vcard .ghost{position:absolute;right:22px;top:18px;font-family:'Outfit';font-weight:800;font-size:76px;letter-spacing:-.02em;line-height:1;color:transparent;-webkit-text-stroke:1.4px rgba(217,79,30,.28);pointer-events:none;transition:transform .6s var(--ease);}
.vcard:hover .ghost{transform:translateY(-4px) scale(1.06);}
.vcard .en{font-family:'Outfit';font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--orange);}
.vcard h3{font-size:30px;font-weight:700;margin-top:56px;letter-spacing:-.02em;}
.vcard p{color:var(--muted);margin-top:8px;font-size:15.5px;}
.vcard .bar{position:absolute;left:30px;bottom:0;height:4px;width:44px;background:var(--orange);border-radius:4px 4px 0 0;transition:width .6s var(--ease);}
.vcard:hover .bar{width:calc(100% - 60px);}
@media (max-width:899px){ .values{grid-template-columns:1fr;} .vcard h3{margin-top:34px;} }

/* 문의 */
.contact{padding:clamp(90px,12vw,150px) 0;}
.contact-box{position:relative;overflow:hidden;border-radius:36px;padding:clamp(48px,8vw,96px) clamp(24px,6vw,80px);background:
  radial-gradient(60% 80% at 100% 0%,var(--peach-2) 0%,rgba(255,201,174,0) 70%),
  radial-gradient(50% 70% at 0% 100%,var(--butter) 0%,rgba(255,240,200,0) 70%),#FFF7F1;text-align:center;}
.contact-box .h2{max-width:760px;margin-left:auto;margin-right:auto;}
.contact-box .lead{margin-left:auto;margin-right:auto;}
.contact-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:36px;}
.contact-box .kicker::before{display:none;}
.contact-box .deco{position:absolute;pointer-events:none;opacity:.9;}

/* 바닥글 */
footer{border-top:1px solid var(--line);padding:56px 0 44px;background:var(--bg);}
.f-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px;}
.f-top p{color:var(--muted);font-size:14px;margin-top:12px;}
.f-col h5{font-family:'Outfit';font-size:11px;letter-spacing:.22em;color:var(--orange);text-transform:uppercase;margin-bottom:10px;font-weight:600;}
.f-col a,.f-col span{display:block;color:var(--ink-2);font-size:14px;text-decoration:none;margin-bottom:6px;}
.f-col a:hover{color:var(--orange);}
.f-legal{display:flex;flex-wrap:wrap;margin-top:34px;font-size:12.5px;color:var(--muted);line-height:1.9;}
.f-legal span{position:relative;padding:0 14px;}
.f-legal span:first-child{padding-left:0;}
.f-legal span:not(:first-child)::before{content:'';position:absolute;left:0;top:6px;bottom:6px;width:1px;background:var(--line-2);}
.f-legal em{font-style:normal;color:var(--faint);margin-right:6px;}
.f-legal .addr{flex-basis:100%;padding-left:0;} .f-legal .addr::before{display:none;}
.f-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line);font-family:'Outfit';font-size:12px;color:var(--muted);letter-spacing:.04em;}
.f-base a{text-decoration:none;} .f-base a:hover{color:var(--orange);}

/* 스크롤 등장 */
.js .rv{opacity:0;transform:translateY(34px);transition:opacity 1s var(--ease),transform 1s var(--ease);}
.js .rv.in{opacity:1;transform:none;}
.js .rv.d1{transition-delay:.1s} .js .rv.d2{transition-delay:.2s} .js .rv.d3{transition-delay:.3s}
/* 등장한 카드는 손에 빨리 반응하게 */
.js .wcard.in,.js .vcard.in{transition:opacity 1s var(--ease),transform .5s var(--ease),box-shadow .5s var(--ease);transition-delay:0s;}
.js .wcard.in:hover{transform:translateY(-6px);}

/* 동작 줄이기 */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important;}
  .srow{animation:none;}
  .hv.on{animation:none;}
  .js .rv{opacity:1;transform:none;}
}

/* 줄 바꿈: 두 줄 제목은 고르게, 본문 마지막 줄에 한 단어만 남지 않게 */
h1,h2,h3,.big{text-wrap:balance;}
p,.lead{text-wrap:pretty;}
.nw{white-space:nowrap;}