/* ============================================================
   PRISBYGGEREN — forsidens sektion 3. Klasser: pc
   ============================================================ */
.pc{background:var(--papir);padding-top:clamp(88px,calc(13 * var(--vh,1vh)),160px)}
.pc__hd{text-align:center;max-width:860px;margin:0 auto;padding:0 clamp(20px,3.2vw,48px);
  opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}
.pc.is-inde .pc__hd{opacity:1;transform:none}
.pc__eb{margin:0 0 14px;font-size:13px;font-weight:500;color:var(--text-3)}
.pc__h{margin:0;font-size:clamp(38px,5.4vw,76px);line-height:1;letter-spacing:-.04em;font-weight:700}
.pc__h span{display:block;color:var(--text-3)}
.pc__lede{margin:20px auto 0;max-width:560px;font-size:clamp(17px,1.4vw,20px);line-height:1.5;color:var(--text-2)}

/* ---------- den klæbende scene ---------- */
.pc__rul{position:relative;height:calc(calc(100 * var(--vh,1vh)) - var(--nav-h) + 5 * calc(62 * var(--vh,1vh)))}
.pc__stage{position:sticky;top:var(--nav-h);height:calc(calc(100 * var(--vh,1vh)) - var(--nav-h));display:flex;align-items:center}
.pc__grid{width:100%;max-width:1240px;margin:0 auto;padding:0 clamp(20px,3.2vw,48px);
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:center}

/* venstre: tallet og teksten */
.pc__tal{margin:0;display:flex;align-items:baseline;gap:12px}
.pc__tal b{font-size:clamp(72px,9vw,136px);line-height:.9;letter-spacing:-.055em;font-variant-numeric:lining-nums proportional-nums}
.pc__tal span{font-size:18px;color:var(--text-3);line-height:1.2}
.pc__prik{display:flex;gap:6px;margin:26px 0 30px}
.pc__prik i{width:22px;height:4px;border-radius:999px;background:var(--flade-2);transition:background .35s,width .35s var(--ease-out)}
.pc__prik i.fuld{background:var(--text-1)}
.pc__prik i.on{background:var(--dig);width:40px}
.pc__tekst{position:relative;min-height:260px}
.pc__t{position:absolute;inset:0 0 auto 0;opacity:0;transform:translateY(16px);pointer-events:none;
  transition:opacity .45s var(--ease-out),transform .6s var(--ease-out)}
.pc__t.on{opacity:1;transform:none;pointer-events:auto}
.pc__tNr{margin:0 0 8px;font-size:13px;color:var(--text-3)}
.pc__tH{margin:0;font-size:clamp(26px,2.6vw,36px);letter-spacing:-.03em;line-height:1.1}
.pc__tH span{color:var(--text-3);font-weight:500}
.pc__tP{margin:12px 0 0;font-size:17px;line-height:1.55;color:var(--text-2);max-width:46ch}
.pc__tP b{color:var(--text-1)}
.pc__t--slut .btn{margin-top:22px;border-radius:999px;padding:12px 24px}
.pc__t--slut .btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.pc__mere{margin-top:16px}
.pc__mere summary{list-style:none;cursor:pointer;font-size:14.5px;font-weight:600;display:inline-flex;align-items:center;gap:8px;border-radius:6px}
.pc__mere summary::-webkit-details-marker{display:none}
.pc__mere summary::after{content:"";width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;
  transform:rotate(45deg) translateY(-2px);transition:transform .3s var(--ease-out)}
.pc__mere[open] summary::after{transform:rotate(225deg) translate(-2px,0)}
.pc__mere summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.pc__mere p{margin:10px 0 0;font-size:14.5px;line-height:1.6;color:var(--text-2);max-width:48ch}

/* højre: cellen */
.pc__vis{position:relative;display:flex;justify-content:center;align-items:center;gap:22px;height:min(calc(62 * var(--vh,1vh)),540px)}
.pc__celle{position:relative;width:clamp(150px,15vw,210px);height:100%;flex:none}
.pc__glas{position:absolute;inset:0;border-radius:40px;background:rgba(255,255,255,.7);
  box-shadow:inset 0 0 0 1.5px rgba(21,23,22,.12),inset 0 12px 30px -18px rgba(21,23,22,.25),0 30px 60px -40px rgba(21,23,22,.35)}
.pc__pol{position:absolute;left:50%;top:-12px;width:54px;height:14px;margin-left:-27px;border-radius:7px 7px 3px 3px;background:#d9dbd7}
.pc__fyld{position:absolute;inset:10px;border-radius:31px;overflow:hidden}
.pc__fyld i{position:absolute;left:0;right:0;bottom:0;height:0}
.pc__fyld i+i{box-shadow:inset 0 1px 0 rgba(255,255,255,.55)}
.pc__glans{position:absolute;inset:10px;border-radius:31px;pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,.22) 0,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 70%,rgba(255,255,255,.12) 100%)}
.pc__lab{position:relative;list-style:none;margin:0;padding:0;width:190px;height:calc(100% - 20px);align-self:center}
.pc__lab li{position:absolute;left:0;bottom:0;height:22px;margin-bottom:-11px;display:flex;align-items:center;gap:9px;
  font-size:13.5px;color:var(--text-2);white-space:nowrap;opacity:0;transition:opacity .4s}
.pc__lab li.on{opacity:1}
.pc__lab li i{width:14px;height:1.5px;background:var(--text-3)!important;border-radius:0}
.pc__lab li b{color:var(--text-1);font-variant-numeric:lining-nums proportional-nums;margin-left:auto;padding-left:10px}
.pc__lab li b::after{content:" øre";font-weight:400;color:var(--text-3)}

@media (max-width:860px){
  .pc__rul{height:calc(calc(100 * var(--vh,1vh)) - var(--nav-h) + 5 * calc(70 * var(--vh,1vh)))}
  .pc__stage{height:calc(calc(100 * var(--vh,1vh)) - var(--nav-h))}
  .pc__grid{grid-template-columns:1fr;gap:14px}
  .pc__vis{order:-1;height:min(calc(34 * var(--vh,1vh)),300px);justify-content:center}
  .pc__celle{width:110px}
  .pc__glas{border-radius:28px}.pc__fyld,.pc__glans{border-radius:20px;inset:7px}
  .pc__lab{width:170px}
  .pc__tal b{font-size:64px}
  .pc__prik{margin:14px 0 16px}
  .pc__tekst{min-height:210px}
  .pc__tP{font-size:15.5px}
}
@media (prefers-reduced-motion:reduce){
  .pc__hd,.pc__t{transition:none}
}

/* spring rulle-fortællingen over */
.pc__stage{position:sticky}
.pc__skip{position:absolute;left:clamp(16px,3vw,40px);bottom:clamp(16px,calc(3 * var(--vh,1vh)),32px);z-index:3;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 18px;border:0;border-radius:999px;
  background:rgba(255,255,255,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 1px 2px rgba(21,23,22,.12),0 8px 24px -12px rgba(21,23,22,.35);
  font:inherit;font-size:14px;font-weight:600;color:var(--text-1);cursor:pointer;transition:transform .2s}
.pc__skip:hover{transform:translateY(-1px)}
.pc__skip:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.pc__skip{transition:transform .2s,opacity .3s}
.pc__stage.is-slut .pc__skip{opacity:0;pointer-events:none}
@media (max-width:640px){.pc__skip{bottom:max(6px,env(safe-area-inset-bottom));left:12px;height:34px;padding:0 13px;font-size:13px}}