/* ENTERADS page stories: /advertisers/ (엔터테인먼트) and /creators/ (크리에이터), release 33 'site-pages' (2026-11-05). User 11-05 11h:
   "홈 말고 크리에이터와 엔터테이먼트 페이지도 홈처럼 신경써서 해보자"; on the old /advertisers/ case cards: "이부분은 특히 보기에 별로야".
   The home's black stage, giant type, brand blue and 9:16 frame, with each page's own scenes. Every rule is scoped to main.ps or to
   body[data-page="advertisers"|"creators"]: the router keeps a page's stylesheets loaded after it leaves. The complete static page is
   the default; html.ps-on (set by page-story.js once GSAP runs) switches the pinned scenes on, so reduced motion, the site's switch
   (html[data-motion="off"]) and libraries that did not load all keep the static page. The consultation form (#signup) keeps its own
   styles from styles.css: only the .ps-sec sections get this file's resets. */
@font-face{font-family:EnteradsDisplay;src:url('/assets/fonts/archivo-display.woff2?v=20261104-home') format('woff2');font-weight:500 900;font-stretch:62% 100%;font-display:swap}
body:is([data-page="advertisers"],[data-page="creators"]){background:#0a0a0c;color:#f4f3ef}
body:is([data-page="advertisers"],[data-page="creators"]) .site-header:before{background:#0a0a0c;border-color:#1d1e23}
/* the header joins the black stage, as on the home */
body:is([data-page="advertisers"],[data-page="creators"]) #site-header{background:#0a0a0c;color:#f4f3ef;border-bottom-color:#1d1e23}
body:is([data-page="advertisers"],[data-page="creators"]) #site-header[data-scrolled="true"]{box-shadow:0 6px 18px rgba(0,0,0,.35)}
body:is([data-page="advertisers"],[data-page="creators"]) #site-header .ea-logo img{filter:invert(1) brightness(1.08)}
body:is([data-page="advertisers"],[data-page="creators"]) #site-header nav a{color:#c9cbd2}
body:is([data-page="advertisers"],[data-page="creators"]) #site-header nav a:hover{background:#1b1c21;color:#f4f3ef}
body:is([data-page="advertisers"],[data-page="creators"]) #site-header nav a[aria-current]{border-color:#f4f3ef;color:#f4f3ef}
body:is([data-page="advertisers"],[data-page="creators"]) #site-header .ea-pill{border-color:#f4f3ef66;color:#f4f3ef}
body:is([data-page="advertisers"],[data-page="creators"]) #site-header .ea-pill:hover{background:#1b1c21;border-color:#f4f3ef}
body:is([data-page="advertisers"],[data-page="creators"]) #site-header .ea-join{background:#f4f3ef;border-color:#f4f3ef;color:#0a0a0c}
body:is([data-page="advertisers"],[data-page="creators"]) #site-header .ea-join:hover{background:#a9b7ff;border-color:#a9b7ff}
body:is([data-page="advertisers"],[data-page="creators"]) #site-header .brand-menu-toggle{border-color:#f4f3ef66;color:#f4f3ef}
body:is([data-page="advertisers"],[data-page="creators"]) #site-header :is(a,button):focus-visible{outline-color:#a9b7ff}
@media (max-width:760px){
  body:is([data-page="advertisers"],[data-page="creators"]) #site-header nav{border-top-color:#2a2c33}
  body:is([data-page="advertisers"],[data-page="creators"]) #site-header nav a{border-bottom-color:#2a2c33;color:#f4f3ef}
  body:is([data-page="advertisers"],[data-page="creators"]) #site-header nav a[aria-current]{border-color:#2a2c33}
  body:is([data-page="advertisers"],[data-page="creators"]) #site-header nav a[aria-current]::before{background:#f4f3ef}
  body:is([data-page="advertisers"],[data-page="creators"]) #site-header[data-menu-open]{box-shadow:0 14px 24px rgba(0,0,0,.5)}
}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
.lenis.lenis-stopped{overflow:hidden}

.ps{--bg:#0a0a0c;--ink:#f4f3ef;--dim:#a2a5ae;--mute:#7a7d86;--line:#2a2c33;--card:#121318;--card-line:#24262d;--blue:#4262ff;--blue-soft:#a9b7ff;--blue-deep:#2a45e0;
  --kr:Enterads,"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;--disp:EnteradsDisplay,Enterads,"Arial Narrow",sans-serif;
  --gut-l:max(16px,env(safe-area-inset-left,0px),4.6vw);--gut-r:max(16px,env(safe-area-inset-right,0px),4.6vw);--top:max(96px,13svh);
  display:block;background:var(--bg);color:var(--ink);font-family:var(--kr);word-break:keep-all;overflow-x:clip}
.ps [hidden]{display:none!important}
.ps-sec,.ps-sec *{box-sizing:border-box}
.ps-sec :is(h1,h2,h3,p,ul,ol,figure,blockquote):where(:not(.ea-dr *)){margin:0}
.ps-sec :is(ul,ol):where(:not(.ea-dr *)){padding:0;list-style:none}
.ps ::selection{background:var(--blue);color:#fff}
.ps-sec a{color:inherit}
.ps-sec :focus-visible{outline:2px solid var(--blue-soft);outline-offset:3px;border-radius:4px}
.ps .ps-wrap{padding-left:var(--gut-l);padding-right:var(--gut-r)}
.ps .ps-nowrap{white-space:nowrap}
/* a number that appears out of a blur (page-story.js chars/appear): the clipped copy is what screen readers read and copying takes */
.ps .ps-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ps .ps-chars{display:inline-block;white-space:nowrap;-webkit-user-select:none;user-select:none}
.ps .ps-chars>span{display:inline-block}
.ps .ps-chars>span::before{content:attr(data-c)}
html.ps-on .ps :is(.ps-burst-views,.ps-crh-views,.ps-crc-views) .ps-unit,html.ps-on .ps .ps-num>:is(.ps-pre,small){display:inline-block}
.ps .ps-src{margin-top:10px;font-size:12.5px;line-height:1.55;color:var(--mute)}
.ps figcaption{margin-top:14px;font-size:12px;line-height:1.5;color:var(--mute);text-align:center}

/* buttons and links */
.ps .ps-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}
.ps .ps-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:0 26px;border-radius:999px;font-size:16px;font-weight:700;line-height:1;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s,transform .15s}
.ps .ps-btn:active{transform:scale(.97)}
.ps .ps-btn b{font-weight:inherit}
.ps .ps-btn-blue{background:var(--blue);color:#fff}
.ps .ps-btn-blue:hover{background:var(--blue-deep)}
.ps .ps-btn-line{border:1.5px solid var(--line);color:var(--ink)}
.ps .ps-btn-line:hover{border-color:var(--ink)}
.ps .ps-btn-ink{background:#0a0a0c;color:#fff}
.ps .ps-btn-ink:hover{background:#000}
.ps .ps-btn-xl{min-height:62px;padding:0 32px;font-size:18px}
.ps .ps-tlink{font-size:15px;font-weight:700;color:var(--dim);text-underline-offset:5px}
.ps .ps-tlink:hover{color:var(--ink)}
/* the cost link follows the visitor: sign up first, or straight to the console once signed in as an agency */
.ps .ps-cost-console{display:none}
body:has(#site-header [data-member-entertainment-nav]:not([hidden])) .ps .ps-cost-signup{display:none}
body:has(#site-header [data-member-entertainment-nav]:not([hidden])) .ps .ps-cost-console{display:inline-flex}

/* headings: each line slides up out of its mask */
.ps .ps-h2{font:900 clamp(34px,5vw,84px)/1.06 var(--kr);letter-spacing:-.04em}
.ps .ps-rise{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}
.ps .ps-rise>span{display:block}
.ps .ps-lead{font-size:clamp(15px,1.3vw,18px);line-height:1.7;color:var(--dim)}
.ps .ps-h1{font:900 clamp(44px,7.2vw,128px)/1.02 var(--kr);letter-spacing:-.045em}
.ps .ps-h1 .ps-ln{display:block}
.ps .ps-h1 em{font-style:normal;color:var(--blue-soft)}
.ps .ps-kicker{font:700 13px/1 var(--kr);letter-spacing:.14em;color:var(--blue-soft)}
@keyframes ps-in{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}
.ps .ps-in{animation:ps-in .9s cubic-bezier(.2,.7,.2,1) both}
.ps .ps-d1{animation-delay:.08s}
.ps .ps-d2{animation-delay:.16s}
.ps .ps-d3{animation-delay:.24s}
.ps .ps-d4{animation-delay:.32s}

/* the 9:16 phone */
.ps .ps-phone{position:relative;aspect-ratio:9/16;border-radius:30px;overflow:hidden;background:#000;box-shadow:0 0 0 1px #ffffff22,0 30px 80px #0009}
.ps .ps-phone video{display:block;width:100%;height:100%;object-fit:cover}
.ps .ps-shot{border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px #ffffff1f,0 30px 80px #0009}
.ps .ps-shot img{display:block;width:100%;height:auto}
.ps .ps-chip{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border:1px solid #ffffff3d;border-radius:999px;font-size:12.5px;font-weight:700;color:var(--ink)}

/* details: "+" turns into "×" */
.ps .ps-more summary{display:inline-flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;list-style:none;font:700 15px/1.3 var(--kr);color:var(--dim)}
.ps .ps-more summary::-webkit-details-marker{display:none}
.ps .ps-more summary::after{content:"+";flex:0 0 auto;display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid var(--line);border-radius:50%;font:500 16px/1 var(--kr);color:var(--ink);transition:transform .2s}
.ps .ps-more summary:hover{color:var(--ink)}
.ps .ps-more[open] summary::after{transform:rotate(45deg)}
.ps .ps-more p{margin-top:6px;max-width:34em;font-size:15px;line-height:1.75;color:var(--dim)}

/* ════════════ /advertisers/ ════════════ */
/* hero: the phone's frame echoes outward, the way one issue sends shorts out */
.ps .ps-adh,.ps .ps-crh{position:relative;min-height:calc(100svh - 72px);display:flex;align-items:center;padding-block:clamp(36px,7vh,90px);overflow:clip}
.ps .ps-adh-grid{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:40px clamp(40px,7vw,130px)}
.ps .ps-adh-copy{position:relative;z-index:2;display:grid;gap:28px;min-width:0}
.ps .ps-eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;font:700 13px/1 var(--kr);letter-spacing:.14em;color:var(--blue-soft)}
.ps .ps-live{display:inline-flex;align-items:center;gap:9px;padding:8px 13px 8px 11px;border:1px solid var(--line);border-radius:999px;letter-spacing:0;color:var(--ink)}
.ps .ps-live::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--blue);animation:ps-live 2s ease-out infinite}
@keyframes ps-live{0%{box-shadow:0 0 0 0 rgba(66,98,255,.6)}80%,100%{box-shadow:0 0 0 10px rgba(66,98,255,0)}}
.ps .ps-adh-custom{max-width:27em;font:700 clamp(17px,1.45vw,21px)/1.55 var(--kr);color:var(--dim)}
.ps .ps-adh-phone{position:relative;z-index:1;width:clamp(210px,21vw,310px);margin:0}
.ps .ps-echo{position:absolute;left:0;right:0;top:0;aspect-ratio:9/16;z-index:-1;pointer-events:none}
.ps .ps-echo i{position:absolute;inset:0;border:1.5px solid var(--blue);border-radius:30px;opacity:0;animation:ps-echo 4.8s cubic-bezier(.15,.6,.35,1) infinite}
.ps .ps-echo i:nth-child(2){animation-delay:1.6s}
.ps .ps-echo i:nth-child(3){animation-delay:3.2s}
@keyframes ps-echo{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(1.55)}}
@media (max-width:899.98px){
  .ps .ps-adh,.ps .ps-crh{min-height:0;padding-block:28px 80px}
  .ps .ps-adh-grid{grid-template-columns:minmax(0,1fr);gap:64px}
  .ps .ps-adh-phone{justify-self:center;width:min(58vw,250px)}
}

/* what we do: four lines whose titles fill in */
.ps .ps-values{padding-block:clamp(80px,13vh,160px)}
.ps .ps-value-list{border-bottom:1px solid var(--line)}
.ps .ps-value-list li{position:relative;display:grid;grid-template-columns:minmax(48px,.32fr) minmax(0,2.6fr) minmax(0,1.6fr);gap:14px clamp(20px,3vw,56px);align-items:baseline;padding:clamp(30px,4.6vh,52px) 0}
.ps .ps-value-list li::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--line);transform:scaleX(var(--ln,1));transform-origin:0 50%}
.ps .ps-vn{font:800 clamp(14px,1.1vw,17px)/1 var(--disp);font-stretch:80%;letter-spacing:.08em;color:var(--blue-soft)}
.ps .ps-value-list h2{font:900 clamp(30px,4.1vw,70px)/1.1 var(--kr);letter-spacing:-.045em}
.ps .ps-value-list p{font-size:clamp(15px,1.2vw,18px);line-height:1.7;color:var(--dim)}
html.ps-on .ps .ps-value-list h2{background:linear-gradient(90deg,var(--ink) 0 50%,#3b3e47 50% 100%) 100% 0/200% 100% no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent}
@media (max-width:899.98px){.ps .ps-value-list li{grid-template-columns:minmax(0,1fr);gap:14px}}

/* cases: a dot for the channel, a bar for one short's views */
.ps .ps-adcases{padding-block:clamp(80px,13vh,170px)}
.ps .ps-adcases-head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px clamp(32px,6vw,110px);align-items:end}
.ps .ps-adcases .ps-h2{font-size:clamp(40px,6.2vw,108px);line-height:1.02;letter-spacing:-.045em}
.ps .ps-adcases .ps-lead{max-width:28em}
.ps .ps-burst{margin-top:clamp(56px,9vh,110px);border-bottom:1px solid var(--line)}
.ps .ps-burst li{display:grid;grid-template-columns:minmax(200px,300px) minmax(0,1fr);grid-template-areas:"who views" "who bar" "who subs";column-gap:clamp(28px,4vw,72px);padding:clamp(28px,4.2vh,44px) 0;border-top:1px solid var(--line)}
.ps .ps-burst-who{grid-area:who;padding-top:.6em}
.ps .ps-burst-artist{font:900 clamp(19px,1.6vw,24px)/1.3 var(--kr);letter-spacing:-.02em}
.ps .ps-burst-meta{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:10px;font-size:13.5px;line-height:1.4;color:var(--mute)}
.ps .ps-burst-kind{font-weight:700;color:var(--blue-soft)}
.ps .ps-burst-views{grid-area:views;font:900 clamp(62px,8.4vw,150px)/.84 var(--disp);font-stretch:62%;letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap}
.ps .ps-unit{margin-left:.1em;font:900 .26em/1 var(--kr);letter-spacing:-.02em;color:var(--dim)}
.ps .ps-bar{grid-area:bar;position:relative;height:14px;margin-top:clamp(16px,2.4vh,26px)}
.ps .ps-bar i{position:absolute;left:0;top:4px;height:6px;border-radius:6px;background:var(--blue);transform-origin:0 50%}
.ps .ps-bar b{position:absolute;left:0;top:0;z-index:1;width:14px;height:14px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 4px var(--bg)}
.ps .ps-burst li:nth-child(1) .ps-bar i{width:100%}
.ps .ps-burst li:nth-child(2) .ps-bar i{width:89.52%}
.ps .ps-burst li:nth-child(3) .ps-bar i{width:56.88%}
.ps .ps-burst li:nth-child(4) .ps-bar i{width:52.76%}
.ps .ps-burst li:nth-child(5) .ps-bar i{width:46.29%}
.ps .ps-burst li:nth-child(6) .ps-bar i{width:35.24%}
.ps .ps-burst-subs{grid-area:subs;margin-top:14px;font-size:14px;line-height:1.45;color:var(--dim)}
.ps .ps-burst-subs b{font-weight:800;color:var(--ink)}
.ps .ps-adcases .ps-src{margin-top:22px}
.ps .ps-adcases-cta{margin-top:36px}
@media (max-width:899.98px){
  .ps .ps-adcases-head{grid-template-columns:minmax(0,1fr)}
  .ps .ps-burst li{grid-template-columns:minmax(0,1fr);grid-template-areas:"who" "views" "bar" "subs"}
  .ps .ps-burst-who{padding:0 0 16px}
  .ps .ps-burst-views{font-size:clamp(56px,17vw,96px)}
}

/* order: the cards stack up */
.ps .ps-flowsec{padding-block:clamp(80px,13vh,170px)}
.ps .ps-flow-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:48px clamp(32px,6vw,110px);align-items:start}
.ps .ps-flow-head{position:sticky;top:var(--top);display:grid;gap:22px;align-content:start}
.ps .ps-stack{display:grid;gap:clamp(18px,3vh,30px)}
.ps .ps-stack li{position:sticky;top:var(--top);min-height:clamp(250px,44svh,420px);display:flex;flex-direction:column;justify-content:space-between;gap:36px;padding:clamp(26px,3.2vw,48px);border:1px solid var(--card-line);border-radius:28px;background:var(--card);transform-origin:50% 0;isolation:isolate}
.ps .ps-stack li:nth-child(2){top:calc(var(--top) + 18px)}
.ps .ps-stack li:nth-child(3){top:calc(var(--top) + 36px)}
.ps .ps-stack li:nth-child(4){top:calc(var(--top) + 54px);background:var(--blue);border-color:var(--blue)}
.ps .ps-stack li::after{content:"";position:absolute;inset:-1px;z-index:2;border-radius:inherit;background:#050506;opacity:var(--shade,0);pointer-events:none}
.ps .ps-stack-n{font:900 clamp(84px,10vw,170px)/.8 var(--disp);font-stretch:62%;letter-spacing:-.01em;color:transparent;-webkit-text-stroke:1.5px var(--blue-soft)}
.ps .ps-stack li:nth-child(4) .ps-stack-n{-webkit-text-stroke-color:#fff}
.ps .ps-stack h3{max-width:14em;font:900 clamp(26px,2.9vw,46px)/1.2 var(--kr);letter-spacing:-.035em}
@media (max-width:899.98px){
  .ps{--top:76px}
  .ps .ps-flow-grid{grid-template-columns:minmax(0,1fr)}
  .ps .ps-flow-head{position:static}
  .ps .ps-stack li{min-height:clamp(210px,34svh,300px)}
  .ps .ps-stack li:nth-child(2){top:calc(var(--top) + 12px)}
  .ps .ps-stack li:nth-child(3){top:calc(var(--top) + 24px)}
  .ps .ps-stack li:nth-child(4){top:calc(var(--top) + 36px)}
}

/* costs: three rules */
.ps .ps-budget{padding-block:clamp(80px,13vh,170px)}
.ps .ps-budget-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:26px 40px}
.ps .ps-clauses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px clamp(24px,4vw,64px);margin-top:clamp(48px,8vh,96px)}
.ps .ps-clauses li{position:relative;padding-top:30px}
.ps .ps-clauses li::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--ink);transform:scaleX(var(--ln,1));transform-origin:0 50%}
.ps .ps-cn{display:block;font:800 15px/1 var(--disp);font-stretch:80%;letter-spacing:.08em;color:var(--blue-soft)}
.ps .ps-clauses h3{margin-top:20px;font:900 clamp(22px,2.1vw,32px)/1.3 var(--kr);letter-spacing:-.03em}
.ps .ps-clauses .ps-more{margin-top:14px}
@media (max-width:899.98px){.ps .ps-clauses{grid-template-columns:minmax(0,1fr)}}

/* the meeting: each item gets its tick */
.ps .ps-meet{padding-block:clamp(80px,13vh,170px)}
.ps .ps-meet-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px clamp(32px,6vw,110px);margin-top:clamp(48px,8vh,96px)}
.ps .ps-meet-cols h3{font:700 13px/1 var(--kr);letter-spacing:.14em;color:var(--blue-soft)}
.ps .ps-checks{margin-top:22px;border-top:1px solid var(--line)}
.ps .ps-checks li{display:flex;align-items:center;gap:18px;padding:clamp(20px,3vh,28px) 0;border-bottom:1px solid var(--line);font:900 clamp(20px,2vw,30px)/1.3 var(--kr);letter-spacing:-.03em}
.ps .ps-checks strong{font-weight:inherit}
.ps .ps-ck{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--blue)}
.ps .ps-ck svg{display:block}
.ps .ps-ck path{fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:22;stroke-dashoffset:0}
.ps .ps-meet-cta{margin-top:clamp(40px,6vh,64px)}
@media (max-width:899.98px){.ps .ps-meet-cols{grid-template-columns:minmax(0,1fr);gap:44px}}

/* questions */
.ps .ps-faq{padding-block:clamp(80px,13vh,170px)}
.ps .ps-faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:36px clamp(32px,6vw,110px);align-items:start}
.ps .ps-faq-list{border-top:1px solid var(--line)}
.ps .ps-faq-list details{border-bottom:1px solid var(--line)}
.ps .ps-faq-list summary,.ps .ps-terms summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px;padding:18px 0;cursor:pointer;list-style:none;font:800 clamp(17px,1.5vw,21px)/1.45 var(--kr);letter-spacing:-.02em}
.ps .ps-faq-list summary::-webkit-details-marker,.ps .ps-terms summary::-webkit-details-marker{display:none}
.ps .ps-faq-list summary>span,.ps .ps-terms summary>span{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;font:400 20px/1 var(--kr);transition:transform .25s,background-color .2s,border-color .2s}
.ps .ps-faq-list summary:hover>span,.ps .ps-terms summary:hover>span{border-color:var(--ink)}
.ps .ps-faq-list details[open]>summary>span,.ps .ps-terms[open]>summary>span{transform:rotate(45deg);background:var(--blue);border-color:var(--blue)}
.ps .ps-faq-list details>p{padding:0 54px 28px 0;font-size:16px;line-height:1.8;color:var(--dim)}
.ps .ps-faq-list details>p a{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em}
.ps .ps-faq-list details>p a:hover{color:var(--blue-soft)}
@media (max-width:899.98px){
  .ps .ps-faq-grid{grid-template-columns:minmax(0,1fr)}
  .ps .ps-faq-list details>p{padding-right:0}
}

/* the consultation form: a light sheet that rises over the black (its fields keep styles.css) */
.ps .ps-signup{position:relative;margin-top:clamp(16px,3vh,40px);border-radius:clamp(28px,4vw,56px) clamp(28px,4vw,56px) 0 0;background:#f7f7f4;color:#18191b;--ink:#18191b;--line:#d5d8de}
.ps .ps-signup .signup-intro h2{font-weight:900;letter-spacing:-.045em;line-height:1.08;font-size:clamp(40px,5.2vw,84px)}

/* ════════════ /creators/ ════════════ */
.ps .ps-crh-grid{width:100%;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:56px clamp(40px,6vw,110px)}
.ps .ps-crh-copy{position:relative;z-index:2;display:grid;gap:24px;min-width:0}
.ps .ps-crh-h1{display:grid;gap:22px}
.ps .ps-crh-h1 .ps-offer{display:block}
.ps .ps-money{color:var(--blue-soft)}
.ps .ps-money-n{font:900 1.3em/.8 var(--disp);font-stretch:62%;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.ps .ps-credit{margin-top:-8px;font-size:14px;color:var(--mute)}
.ps .ps-crh-lead{display:grid;gap:4px;font:700 clamp(17px,1.5vw,21px)/1.5 var(--kr);color:var(--dim)}
.ps .ps-crh-lead .ps-ln{display:block}
.ps .ps-small{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14.5px;font-weight:700}
.ps .ps-small a{color:var(--dim);text-underline-offset:5px}
.ps .ps-small a:hover{color:var(--ink)}
.ps .ps-crh-side{position:relative;z-index:1;min-width:0}
.ps .ps-crh-case{display:grid;gap:22px;margin:0}
.ps .ps-crh-top{display:grid;gap:8px}
.ps .ps-crh-meta,.ps .ps-crc-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:13.5px;color:var(--mute)}
.ps .ps-crh-subs,.ps .ps-crc-subs{margin-top:8px;font:900 clamp(19px,1.8vw,27px)/1.25 var(--kr);letter-spacing:-.02em;color:var(--blue-soft)}
.ps .ps-crh-views,.ps .ps-crc-views{font:900 clamp(64px,8.2vw,146px)/.84 var(--disp);font-stretch:62%;letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap}
.ps .ps-crh-note,.ps .ps-crc-note{font-size:14px;color:var(--dim)}
.ps .ps-crh-case figcaption,.ps .ps-crc-case figcaption{margin-top:0;text-align:left}
@media (max-width:899.98px){
  .ps .ps-crh-grid{grid-template-columns:minmax(0,1fr);gap:72px}
  .ps .ps-crh-views,.ps .ps-crc-views{font-size:clamp(56px,17vw,96px)}
}

/* how to join: static, three screens side by side; motion on, the phone stays and its screen changes */
.ps .ps-howto{padding-block:clamp(80px,13vh,170px)}
.ps .ps-howto-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.ps .ps-howto-bar{display:none}
.ps .ps-howto-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px clamp(24px,3.4vw,56px);margin-top:clamp(44px,7vh,80px)}
.ps .ps-howto-list li{display:grid;gap:28px;align-content:start}
.ps .ps-howto-list h3{font:900 clamp(20px,1.8vw,28px)/1.35 var(--kr);letter-spacing:-.03em}
.ps .ps-hn{display:block;margin-bottom:14px;font:900 clamp(48px,4.6vw,80px)/.85 var(--disp);font-stretch:62%;color:var(--blue-soft)}
.ps .ps-screen{display:block;width:min(100%,280px);height:auto;aspect-ratio:480/1039;border-radius:28px;overflow:hidden;object-fit:cover;background:#f7f7f4;box-shadow:0 0 0 1px #ffffff26,0 30px 70px #0009}
.ps .ps-drawn{color:#18191b}
.ps .ps-howto-foot{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:clamp(40px,6vh,64px)}
@media (max-width:899.98px){
  .ps .ps-howto-list{grid-template-columns:minmax(0,1fr);gap:64px}
  .ps .ps-screen{width:min(66vw,280px)}
  .ps .ps-only-desk{display:none}
}
html.ps-on .ps .ps-howto{padding:0}
html.ps-on .ps .ps-howto-pin{height:100svh;min-height:560px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding-block:max(96px,12svh) 28px}
html.ps-on .ps .ps-howto-bar{display:block;flex:0 0 auto;width:min(30vw,260px);height:2px;margin-bottom:.6em;background:var(--line)}
html.ps-on .ps .ps-howto-bar i{display:block;height:100%;background:var(--blue-soft);transform-origin:0 50%;transform:scaleX(0)}
html.ps-on .ps .ps-howto-list{min-height:0;margin-top:clamp(20px,4vh,44px);grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto minmax(0,1fr);column-gap:clamp(40px,8vw,150px);row-gap:0;align-items:start}
html.ps-on .ps .ps-howto-list li{display:contents}
html.ps-on .ps .ps-howto-list h3{grid-column:1;padding:clamp(18px,3vh,30px) 0;border-top:1px solid var(--line);font-size:clamp(22px,2.3vw,38px)}
html.ps-on .ps .ps-howto-list li:nth-child(1) h3{grid-row:1}
html.ps-on .ps .ps-howto-list li:nth-child(2) h3{grid-row:2}
html.ps-on .ps .ps-howto-list li:nth-child(3) h3{grid-row:3}
html.ps-on .ps .ps-howto-list .ps-screen{grid-column:2;grid-row:1/span 4;width:auto;height:min(60svh,600px);align-self:center}
html.ps-on .ps .ps-howto-foot{margin-top:16px}
@media (max-width:899.98px){
  html.ps-on .ps .ps-howto-pin{padding-block:88px 20px}
  html.ps-on .ps .ps-howto-bar{width:34vw}
  html.ps-on .ps .ps-howto-list{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);margin-top:18px}
  html.ps-on .ps .ps-howto-list li:nth-child(n) h3{grid-row:1;grid-column:1;align-self:end;padding:0 0 18px;border:0;font-size:clamp(20px,5.4vw,24px)}
  html.ps-on .ps .ps-howto-list .ps-hn{display:inline;margin:0 .2em 0 0;font-size:1em;line-height:inherit;font-family:var(--kr);font-stretch:100%}
  html.ps-on .ps .ps-howto-list .ps-screen{grid-row:2;grid-column:1;justify-self:center;height:min(54svh,500px)}
}

/* hundreds of creators, one campaign */
.ps .ps-scale{padding-block:clamp(80px,13vh,170px)}
.ps .ps-scale-pin{display:grid;justify-items:center;text-align:center}
.ps .ps-scale .ps-h2{font-size:clamp(34px,4.8vw,80px)}
.ps .ps-scale-fig{position:relative;width:100%;max-width:1100px;margin-top:clamp(44px,7vh,80px);display:grid;justify-items:center}
.ps .ps-scale-box{display:inline-flex;align-items:center;min-height:58px;padding:0 28px;border-radius:999px;background:var(--ink);color:#0a0a0c;font:800 clamp(16px,1.5vw,20px)/1 var(--kr);letter-spacing:-.02em}
.ps .ps-scale-stem{display:block;width:2px;height:44px;background:var(--mute);transform-origin:50% 0}
.ps .ps-scale-bracket{display:block;width:100%;height:2px;background:var(--mute)}
.ps .ps-dots{width:100%;height:clamp(200px,32vh,340px);margin-top:20px;background:radial-gradient(circle,#ffffff66 0 2.6px,transparent 3px) 50% 0/22px 22px;-webkit-mask-image:linear-gradient(#000 50%,transparent);mask-image:linear-gradient(#000 50%,transparent)}
.ps .ps-scale figcaption{margin-top:6px}
html.ps-on .ps .ps-scale{padding:0}
html.ps-on .ps .ps-scale-pin{min-height:100svh;align-content:center;padding-block:max(96px,12svh) 40px}
html.ps-on .ps .ps-dots{display:grid;grid-template-columns:repeat(var(--cols,30),minmax(0,1fr));gap:var(--gap,14px);align-content:start;height:auto;background:none}
html.ps-on .ps .ps-dots i{display:block;aspect-ratio:1;border-radius:50%;background:#ffffff66}

/* evidence */
.ps .ps-ev{padding-block:clamp(90px,14vh,190px)}
.ps .ps-ev .ps-h2{max-width:15em}
.ps .ps-ev-quotes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px clamp(28px,5vw,90px);margin-top:clamp(56px,8vh,96px)}
.ps .ps-ev-quotes blockquote{font:700 clamp(19px,1.9vw,27px)/1.5 var(--kr);letter-spacing:-.02em}
.ps .ps-ev-quotes blockquote+blockquote{margin-top:16px}
.ps .ps-ev-quotes figcaption{text-align:left;font-size:12.5px;line-height:1.55}
.ps .ps-ev-nums{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px clamp(28px,5vw,90px);margin-top:clamp(64px,10vh,120px);border-top:1px solid var(--line);padding-top:32px}
.ps .ps-num{font:900 clamp(60px,9.6vw,150px)/.9 var(--disp);font-stretch:62%;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.ps .ps-num small{margin-left:.06em;font:900 .45em/1 var(--kr);letter-spacing:-.03em}
.ps .ps-pre{font:700 .28em/1 var(--kr);color:var(--dim);vertical-align:.2em}
.ps .ps-blue{color:var(--blue-soft)}
.ps .ps-cap{margin-top:12px;font:700 clamp(15px,1.4vw,18px)/1.45 var(--kr);color:var(--dim)}
.ps .ps-ev-nums .ps-src{grid-column:1/-1}
@media (max-width:760px){.ps .ps-ev-quotes,.ps .ps-ev-nums{grid-template-columns:minmax(0,1fr)}}

/* channels that burst: the clip stays, the channels pass */
.ps .ps-crc{padding-block:clamp(80px,13vh,170px)}
.ps .ps-crc-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px clamp(40px,7vw,130px);align-items:start}
.ps .ps-crc-side{position:sticky;top:var(--top);display:grid;gap:clamp(28px,4vh,44px)}
.ps .ps-crc .ps-h2{font-size:clamp(38px,4.8vw,84px);line-height:1.04}
.ps .ps-crc-vid{width:min(100%,270px,calc((100svh - 420px) * .5625));min-width:170px;margin:0}
.ps .ps-crc-vid figcaption{text-align:left}
.ps .ps-crc-list{display:grid;gap:clamp(72px,12vh,140px)}
.ps .ps-crc-case{display:grid;gap:10px;margin:0}
.ps .ps-crc-case .ps-shot{margin-top:18px}
@media (max-width:899.98px){
  .ps .ps-crc-grid{grid-template-columns:minmax(0,1fr)}
  .ps .ps-crc-side{position:static}
  .ps .ps-crc-vid{width:min(56vw,230px)}
}

/* the bonus: the blue takes over */
.ps .ps-bonus{position:relative;color:#fff;isolation:isolate}
.ps .ps-bonus-bg{position:absolute;inset:0;z-index:-1;background:var(--blue)}
.ps .ps-bonus-inner{padding-block:clamp(110px,18vh,220px)}
.ps .ps-bonus-h{font:900 clamp(40px,6.4vw,112px)/1.08 var(--kr);letter-spacing:-.045em}
.ps .ps-bonus-h .ps-ln{display:block}
.ps .ps-alpha{display:inline-block;padding:0 .14em .05em;border-radius:.16em;background:#fff;color:var(--blue);transform-origin:50% 60%}
.ps .ps-pay{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px clamp(20px,4vw,64px);margin-top:clamp(48px,7vh,90px);padding-top:28px;border-top:1px solid #ffffff59}
.ps .ps-pay li{display:grid;gap:10px;align-content:start}
.ps .ps-pay b{font:900 clamp(22px,2.2vw,32px)/1.2 var(--kr);letter-spacing:-.03em}
.ps .ps-pay span{font-size:15.5px;line-height:1.6;color:#ffffffdb}
.ps .ps-pay-console{margin-top:34px;font-size:15.5px;line-height:1.7;color:#ffffffe6}
.ps .ps-pay-console a{font-weight:800;text-underline-offset:4px}
.ps .ps-bonus .ps-cta{margin-top:clamp(36px,5vh,56px)}
.ps .ps-bonus :focus-visible{outline-color:#fff}
@media (max-width:899.98px){.ps .ps-pay{grid-template-columns:minmax(0,1fr)}}

/* rules */
.ps .ps-rules{padding-block:clamp(80px,13vh,170px)}
.ps .ps-rules-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);gap:36px clamp(32px,6vw,110px);align-items:start}
.ps .ps-rule-list{border-top:1px solid var(--line);counter-reset:ps-rule}
.ps .ps-rule-list li{display:flex;align-items:baseline;gap:20px;padding:clamp(22px,3.4vh,34px) 0;border-bottom:1px solid var(--line);font:900 clamp(22px,2.5vw,40px)/1.3 var(--kr);letter-spacing:-.035em;counter-increment:ps-rule}
.ps .ps-rule-list li::before{content:counter(ps-rule,decimal-leading-zero);flex:0 0 auto;font:800 15px/1 var(--disp);font-stretch:80%;letter-spacing:.08em;color:var(--blue-soft)}
.ps .ps-rule-note{margin-top:24px;font:700 clamp(15px,1.3vw,18px)/1.6 var(--kr);color:var(--blue-soft)}
@media (max-width:899.98px){.ps .ps-rules-grid{grid-template-columns:minmax(0,1fr)}}

/* the end */
.ps .ps-final{padding-block:clamp(110px,18vh,220px) clamp(80px,12vh,140px)}
.ps .ps-final-h{font:900 clamp(52px,9.6vw,172px)/.98 var(--kr);letter-spacing:-.05em}
.ps .ps-final-h .w{display:inline-block}
.ps .ps-final .ps-cta{margin-top:44px;gap:16px 28px}
.ps .ps-terms{margin-top:clamp(64px,10vh,110px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ps .ps-terms summary{font-size:16px;min-height:68px}
.ps .ps-terms-body{display:grid;gap:12px;max-width:52em;padding:0 0 28px}
.ps .ps-terms-body p{font-size:14.5px;line-height:1.8;color:var(--dim)}

/* the join button follows the reader through the middle of the page on a phone */
.ps .ps-sticky{display:none}
@media (max-width:899.98px){
  .ps .ps-sticky{display:block;position:sticky;bottom:0;z-index:20;padding:12px var(--gut-r) calc(env(safe-area-inset-bottom,0px) + 12px) var(--gut-l);border-top:1px solid var(--line);background:#0a0a0ce6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
  .ps .ps-sticky .ps-btn{display:flex;width:100%}
  html:has(.ps .ps-sticky){scroll-padding-bottom:90px}
}

/* ---------- still: reduced motion or the site's switch ---------- */
@media (prefers-reduced-motion:reduce){
  .ps .ps-in{animation:none}
  .ps .ps-echo{display:none}
  .ps .ps-live::before{animation:none}
  .ps-sec *{transition:none!important}
}
html[data-motion="off"] .ps .ps-in{animation:none}
html[data-motion="off"] .ps .ps-echo{display:none}
html[data-motion="off"] .ps .ps-live::before{animation:none}
html[data-motion="off"] .ps-sec *{transition:none!important}
@media print{
  .ps .ps-echo,.ps .ps-sticky{display:none}
  html.ps-on .ps .ps-howto-pin,html.ps-on .ps .ps-scale-pin{height:auto;min-height:0}
}
/* 참여 방법 (2026-11-06 fix): the pinned scene is exactly one viewport tall, so the three step rows must scale with the
   viewport HEIGHT as well as the width. On a wide, short window (e.g. 1670×742) the vw-sized numbers and headings
   overflowed the list row and the third step was drawn under the buttons. Numbers, headings, paddings, the heading
   above the list, the phone height and the foot gap are now capped in svh. */
@media (min-width:900px){
  html.ps-on .ps .ps-howto-pin{padding-block:max(72px,10svh) 24px}
  html.ps-on .ps .ps-howto-head .ps-h2{font-size:min(clamp(34px,5vw,84px),8svh)}
  html.ps-on .ps .ps-howto-list{margin-top:clamp(12px,3svh,44px)}
  html.ps-on .ps .ps-howto-list h3{padding:clamp(10px,2.2svh,30px) 0;font-size:min(clamp(22px,2.3vw,38px),4.2svh)}
  html.ps-on .ps .ps-howto-list .ps-hn{margin-bottom:clamp(6px,1.2svh,14px);font-size:min(clamp(48px,4.6vw,80px),7.5svh)}
  html.ps-on .ps .ps-howto-list .ps-screen{height:min(56svh,600px)}
  html.ps-on .ps .ps-howto-foot{margin-top:clamp(8px,1.6svh,16px)}
}

/* Release 41 'scroll-steps' (2026-11-06, after unpavedgames.com's motion): a button rises a little under the pointer. */
@media (hover:hover) and (prefers-reduced-motion:no-preference){.ps-btn:hover{transform:translateY(-3px)}}