/* css/wd-v3/intro.css — Sidesystem V3: introen (mockupens walseng-intro.css + «Hopp over» fra styles.css). Ordmerke, linje,
   undertekst, teppeovergang. z-index over WDHeader (9999). Unntatt fra WP Rocket (inc/sidesystem-v3.php). 27.10.2026.
   28.10.2026: WD-monogrammet over ordmerket (dempet, 2,8 × navnets høyde). Det tones inn først; bokstavene, linja og
   stedet starter 0,25–0,28 s senere, så introen fortsatt er 2,6 s. */
.wd-intro{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;color:#F4EDE2;
  background:radial-gradient(ellipse 55% 45% at 50% 50%,#3A3026 0%,#261F18 70%);
  clip-path:inset(0 0 0 0);transition:clip-path 1.15s cubic-bezier(.76,0,.24,1)}
.wd-intro.is-out{clip-path:inset(0 0 100% 0)}
.wd-intro__inner{display:grid;justify-items:center;text-align:center;
  transition:transform 1.15s cubic-bezier(.76,0,.24,1),opacity .8s ease}
.wd-intro.is-out .wd-intro__inner{transform:translateY(-6vh);opacity:0}
.wd-intro__mark{margin:0;color:#F4EDE2!important;font-family:"Cinzel",Georgia,serif;font-weight:400;line-height:1.2;
  letter-spacing:.32em;padding-left:.32em;font-size:clamp(16px,1.5vw,24px)}
.wd-intro__wd{display:block;font-size:clamp(16px,1.5vw,24px);height:2.8em;width:auto;margin:0 0 1.2em;fill:#C9B9A3;
  opacity:0;transform:translateY(6px);transition:opacity .9s ease,transform 1s cubic-bezier(.16,1,.3,1)}
.wd-intro__line{display:block;width:min(240px,50vw);height:1px;margin:22px 0 18px;background:#C9B9A3;
  transform:scaleX(0);transition:transform 1.2s cubic-bezier(.76,0,.24,1) .7s}
.wd-intro__tag{margin:0;color:#C9B9A3!important;font-family:"Source Sans 3",system-ui,sans-serif;font-weight:600;
  font-size:clamp(11px,.8vw,13px);line-height:1.2;letter-spacing:.28em;padding-left:.28em;text-transform:uppercase;
  opacity:0;transform:translateY(8px);transition:opacity .9s ease 1.3s,transform .9s cubic-bezier(.16,1,.3,1) 1.3s}
.wd-intro.is-in .wd-intro__wd{opacity:1;transform:none}
.wd-intro.is-in .wd-intro__line{transform:scaleX(1)}
.wd-intro.is-in .wd-intro__tag{opacity:1;transform:none}
.wd-intro .wd-w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em}
.wd-intro .wd-c{display:inline-block;transform:translateY(110%);
  transition:transform 1s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i)*38ms + .28s)}
.wd-intro.is-in .wd-c{transform:none}
html.wd-intro-lock,html.wd-intro-lock body{overflow:hidden}
.wd-intro .wd-intro__skip{position:absolute;right:clamp(16px,3vw,40px);bottom:clamp(16px,3vw,36px);background:none;border:0;border-radius:0;box-shadow:none;text-shadow:none;margin:0;
  color:#C9B9A3;font:600 11px "Source Sans 3",sans-serif;letter-spacing:.24em;text-transform:uppercase;cursor:pointer;padding:12px 4px;opacity:.75;min-height:44px}
.wd-intro .wd-intro__skip:hover,.wd-intro .wd-intro__skip:focus-visible{opacity:1;background:none;color:#C9B9A3}
.wd-intro .wd-intro__skip:focus-visible{outline:2px solid #C9B9A3;outline-offset:3px}
@media (prefers-reduced-motion:reduce){
  .wd-intro,.wd-intro *{transition-duration:.01ms!important;transition-delay:0s!important}
}