/* =====================================================================
   HØVE STØTT — Påsten spesialside (paasten.css)
   Påsten = idésmia. Varm, mørk esse-tone i hero; resten på papir.
   ===================================================================== */

/* Påsten-gull — KUN på denne siden: highlight, eyebrow, aktiv breadcrumb (etc) */
body.psn-page{--psn:#f2b51b}

/* «Hva er»-utsagnet: *uthevet* tekst får gull-gradient-highlighten */
.dintro .big em{background:linear-gradient(transparent 60%, color-mix(in oklab,var(--psn) 55%, transparent) 0);font-style:normal}

/* CTA på Påsten: koksgrå — lysere ved hover, Påsten-gul ved klikk */
body.psn-page .btn.cta{--bg:#2B2B2E;--fg:#F4EEE1;--edge:#121214}
body.psn-page .btn.cta:hover{--bg:#4A4A4F;--fg:#fff;--edge:#2B2B2E}
body.psn-page .btn.cta:active{--bg:#f2b51b;--fg:#3a2a00;--edge:#b88708}

/* ---------------- Hero ---------------- */
.psn-hero{position:relative;overflow:hidden;color:#F4EADC;
  background:
    radial-gradient(120% 90% at 50% 110%, #4a2a14 0%, transparent 55%),
    radial-gradient(80% 60% at 80% 0%, #1d2a33 0%, transparent 60%),
    #181210;
  padding:0}
.psn-hero .wrap{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;
  text-align:center;padding-block:clamp(48px,7vw,96px)}
.psn-hero .crumbs{align-self:flex-start;font-family:var(--mono);font-size:13px;color:#b09b85;letter-spacing:.04em;margin-bottom:clamp(28px,5vw,56px)}
.psn-hero .crumbs a{color:#b09b85}.psn-hero .crumbs a:hover{color:#fff}

/* Glør fra essa */
.psn-hero .ember{position:absolute;bottom:-4px;border-radius:50%;background:var(--orange);
  opacity:0;pointer-events:none;animation:psn-ember linear infinite}
@keyframes psn-ember{
  0%{transform:translateY(0) translateX(0) scale(1);opacity:0}
  12%{opacity:.7}
  100%{transform:translateY(-46vh) translateX(var(--drift,20px)) scale(.2);opacity:0}
}
html[data-toys="off"] .psn-hero .ember{display:none}
@media (prefers-reduced-motion:reduce){.psn-hero .ember{display:none}}

/* Logoen — skinner */
.psn-logo{position:relative;width:min(420px,70vw);line-height:0}
.psn-logo img{width:100%;height:auto;display:block;
  filter:drop-shadow(0 0 26px rgba(255,144,39,.38)) drop-shadow(0 4px 0 rgba(0,0,0,.4));
  animation:psn-glow 4.5s var(--ease) infinite}
@keyframes psn-glow{
  0%,100%{filter:drop-shadow(0 0 18px rgba(255,144,39,.28)) drop-shadow(0 4px 0 rgba(0,0,0,.4))}
  50%{filter:drop-shadow(0 0 38px rgba(255,144,39,.55)) drop-shadow(0 4px 0 rgba(0,0,0,.4))}
}
/* (sheen-sveipet over logoen er fjernet — kun gløden er igjen) */
@media (prefers-reduced-motion:reduce){.psn-logo img{animation:none}}
.psn-logo .logo-fallback{font-weight:900;font-size:clamp(56px,10vw,110px);letter-spacing:-.04em;color:#F4EADC;line-height:1}

.psn-hero .concept{margin-top:18px;font-family:var(--mono);font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--psn)}
.psn-hero .lead{color:#d8c8b4;max-width:54ch;margin-top:18px;font-size:clamp(18px,2vw,22px)}

/* Ord-slider (arven fra paasten.no sin slider) */
.psn-slider{margin-top:26px;height:1.5em;font-size:clamp(24px,3.4vw,40px);font-weight:800;letter-spacing:-.02em;
  position:relative;width:100%;overflow:hidden}
.psn-slider .word{position:absolute;left:0;right:0;top:0;opacity:0;transform:translateY(14px);
  transition:opacity .5s var(--ease), transform .5s var(--ease);color:#fff}
.psn-slider .word.on{opacity:1;transform:none}
.psn-slider .word i,.psn-slider .word em{font-style:normal;color:var(--psn)}

.psn-hero .cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;justify-content:center}
.psn-hero .pstats{display:flex;gap:clamp(20px,4vw,40px);flex-wrap:wrap;justify-content:center;
  margin-top:38px;padding-top:28px;border-top:1px solid #ffffff1f;width:100%;max-width:760px}
.psn-hero .pstats .st b{display:block;font-size:clamp(26px,3vw,36px);font-weight:800;color:#fff;line-height:1}
.psn-hero .pstats .st span{font-size:13px;color:#b09b85;font-family:var(--mono);letter-spacing:.03em}

/* ---------------- Folka ---------------- */
.folka-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}
@media (max-width:860px){.folka-grid{grid-template-columns:1fr}}
.folk{background:var(--card);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-sm);
  border:1px solid var(--line);display:flex;flex-direction:column;transition:transform .22s var(--ease)}
.folk:hover{transform:translateY(-5px)}
.folk .fpic{aspect-ratio:1/1;background:var(--paper-2);position:relative}
.folk .fpic image-slot{width:100%;height:100%;display:block}
.folk .fbody{padding:20px 22px 24px;display:flex;flex-direction:column;gap:8px}
.folk .frole{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--pc-deep, var(--orange))}
.folk h3{margin:0;font-size:23px;letter-spacing:-.01em}
.folk p{margin:0;color:var(--ink-2);font-size:15.5px;line-height:1.5}

/* ---------------- Romma ---------------- */
.rom-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:auto;gap:16px;margin-top:36px}
@media (max-width:880px){.rom-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.rom-grid{grid-template-columns:1fr}}
.rom{position:relative;background:var(--card);border-radius:var(--r);overflow:hidden;
  box-shadow:var(--shadow-sm);border:1px solid var(--line);display:flex;flex-direction:column;
  transition:transform .22s var(--ease),box-shadow .22s var(--ease)}
.rom:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.rom .rpic{aspect-ratio:3/2;background:var(--paper-2)}
.rom .rpic image-slot{width:100%;height:100%;display:block}
.rom .rbody{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;flex:1}
.rom .rtag{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.rom h3{margin:0;font-size:20px;letter-spacing:-.01em}
.rom p{margin:0;color:var(--ink-2);font-size:14.5px;line-height:1.45}
/* Essa — hjertet i smia, dobbel bredde og esse-glød */
.rom.essa{grid-column:span 2;background:
  radial-gradient(120% 110% at 20% 100%, color-mix(in oklab,var(--orange) 26%, var(--card)) 0, var(--card) 65%)}
@media (max-width:520px){.rom.essa{grid-column:span 1}}
.rom.essa .rtag{color:var(--orange-deep, #E9741A)}
.rom.essa h3{font-size:24px}

/* ---------------- Prosessen ---------------- */
.psn-prosess{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,60px);align-items:start;margin-top:36px}
@media (max-width:840px){.psn-prosess{grid-template-columns:1fr}}
.psn-prosess .prose{margin-top:0}

/* ---------------- Kurskalender (Checkin) ---------------- */
.checkin-box{position:relative;border-radius:var(--r);border:1px dashed var(--line-2);
  background:var(--card);min-height:300px;display:grid;place-items:center;
  font-family:var(--mono);font-size:13px;letter-spacing:.05em;color:var(--ink-3);
  text-align:center;line-height:1.7;padding:30px;margin-top:26px}
.checkin-box .ic{display:block;font-size:32px;margin-bottom:10px;opacity:.6}

/* ---------------- MasterClass-band ---------------- */
.mc-band{position:relative;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow);
  background:#0E2A34;color:#EAF7FB;padding:clamp(34px,5vw,60px);
  display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}
@media (max-width:820px){.mc-band{grid-template-columns:1fr}}
.mc-band .flag{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--blue)}
.mc-band h2{font-size:clamp(30px,4.4vw,52px);color:#fff;margin:14px 0 12px;letter-spacing:-.02em}
.mc-band p{color:#cfe6ee;max-width:50ch;margin:0;font-size:17.5px}
.mc-band .mc-cta{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
@media (max-width:820px){.mc-band .mc-cta{align-items:stretch}}

/* ---------------- FAQ (AEO) ---------------- */
.psn-faq{max-width:820px}
.psn-faq details{background:var(--card);border:1px solid var(--line);border-radius:var(--r);
  box-shadow:var(--shadow-sm);margin-top:12px;overflow:hidden}
.psn-faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:14px;
  padding:18px 22px;font-weight:700;font-size:18px;letter-spacing:-.01em}
.psn-faq summary::-webkit-details-marker{display:none}
.psn-faq summary .q{flex:1}
.psn-faq summary .tg{width:28px;height:28px;flex:none;border-radius:50%;display:grid;place-items:center;
  background:color-mix(in oklab, var(--psn) 18%, var(--card));color:var(--psn);
  font-size:16px;font-weight:800;transition:transform .25s var(--ease)}
.psn-faq details[open] summary .tg{transform:rotate(45deg)}
.psn-faq .a{padding:0 22px 20px;color:var(--ink-2);font-size:16px;line-height:1.55;max-width:64ch}
.psn-faq .a a{font-weight:700;border-bottom:2px solid var(--psn);color:var(--ink)}

/* ---------------- Bonus: Hol Bestikkmuseum ---------------- */
.bestikk{display:grid;grid-template-columns:.9fr 1.1fr;gap:0;border-radius:var(--r-lg);overflow:hidden;
  background:var(--card);box-shadow:var(--shadow);border:1px solid var(--line);margin-top:26px}
@media (max-width:760px){.bestikk{grid-template-columns:1fr}}
.bestikk .bpic{position:relative;min-height:280px;background:var(--paper-2)}
.bestikk .bpic image-slot{position:absolute;inset:0;width:100%;height:100%}
.bestikk .bbody{padding:clamp(26px,4vw,44px);display:flex;flex-direction:column;gap:12px;justify-content:center}
.bestikk .btag{display:inline-flex;align-items:center;gap:.5em;font-family:var(--mono);font-size:12px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--lime-deep, #A7BE33)}
.bestikk h2{margin:0;font-size:clamp(26px,3.4vw,40px);letter-spacing:-.02em}
.bestikk p{margin:0;color:var(--ink-2);font-size:16.5px;line-height:1.55}