/* Sena Er V13.7 — restrained cinematic logo reveal */
:root{
  --se137-paper:#f5f1ed;
  --se137-ink:#31343c;
  --se137-accent:#957f76;
  --se137-ease:cubic-bezier(.22,.78,.18,1);
}

.se137-intro{
  position:fixed;
  inset:0;
  z-index:2147483000;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:var(--se137-paper);
  color:var(--se137-accent);
  pointer-events:auto;
  isolation:isolate;
  will-change:clip-path,opacity;
  animation:se137-curtain-out .62s var(--se137-ease) 1.18s forwards;
}

.se137-intro::before,
.se137-intro::after{
  content:"";
  position:absolute;
  pointer-events:none;
}

.se137-intro::before{
  inset:0;
  background:
    radial-gradient(circle at 50% 42%,rgba(255,255,255,.92) 0,rgba(255,255,255,.48) 24%,rgba(255,255,255,0) 62%),
    linear-gradient(135deg,rgba(149,127,118,.035),transparent 36%,rgba(49,52,60,.025));
}

.se137-intro::after{
  left:50%;
  bottom:0;
  width:1px;
  height:17vh;
  background:linear-gradient(to top,rgba(149,127,118,.18),rgba(149,127,118,0));
  opacity:0;
  transform:translateX(-50%) scaleY(.35);
  transform-origin:bottom;
  animation:se137-axis-in .72s ease .42s forwards;
}

.se137-intro-grain{
  position:absolute;
  inset:-40%;
  opacity:.07;
  pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.23'/%3E%3C/svg%3E");
  transform:rotate(2deg);
  mix-blend-mode:multiply;
}

.se137-intro-stage{
  position:relative;
  z-index:2;
  width:min(520px,calc(100vw - 48px));
  display:grid;
  grid-template-columns:90px 1px minmax(0,1fr);
  align-items:center;
  gap:28px;
  transform:translateY(8px);
}

.se137-intro-mark{
  display:grid;
  place-items:center;
  width:90px;
  height:90px;
  color:var(--se137-accent);
  opacity:0;
  filter:blur(7px);
  clip-path:inset(100% 0 0 0);
  transform:translateY(14px) scale(.94);
  animation:se137-mark-in .78s var(--se137-ease) .08s forwards;
}

.se137-intro-mark .v9-brand-inline{
  display:block;
  width:70px;
  height:auto;
  max-height:78px;
  overflow:visible;
}

.se137-intro-rule{
  width:1px;
  height:0;
  align-self:stretch;
  justify-self:center;
  max-height:78px;
  margin:auto 0;
  background:rgba(149,127,118,.38);
  animation:se137-rule-in .54s var(--se137-ease) .42s forwards;
}

.se137-intro-wordmark{
  min-width:0;
  opacity:0;
  transform:translateX(-10px);
  animation:se137-copy-in .64s var(--se137-ease) .42s forwards;
}

.se137-intro-wordmark strong,
.se137-intro-wordmark small{
  display:block;
  white-space:nowrap;
}

.se137-intro-wordmark strong{
  color:var(--se137-ink);
  font:700 clamp(14px,2vw,18px)/1.05 -apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Arial,sans-serif;
  letter-spacing:.29em;
  transform:translateX(4px);
  animation:se137-tracking-in .7s var(--se137-ease) .42s forwards;
}

.se137-intro-wordmark small{
  margin-top:10px;
  color:var(--se137-accent);
  font:650 8px/1.15 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Arial,sans-serif;
  letter-spacing:.34em;
}

html.se137-intro-skip .se137-intro{display:none!important}

@keyframes se137-mark-in{
  0%{opacity:0;filter:blur(7px);clip-path:inset(100% 0 0 0);transform:translateY(14px) scale(.94)}
  58%{opacity:1;filter:blur(0);clip-path:inset(0 0 0 0)}
  100%{opacity:1;filter:blur(0);clip-path:inset(0 0 0 0);transform:translateY(0) scale(1)}
}
@keyframes se137-rule-in{to{height:78px}}
@keyframes se137-copy-in{to{opacity:1;transform:translateX(0)}}
@keyframes se137-tracking-in{to{letter-spacing:.19em;transform:translateX(0)}}
@keyframes se137-axis-in{to{opacity:1;transform:translateX(-50%) scaleY(1)}}
@keyframes se137-curtain-out{
  0%{clip-path:inset(0 0 0 0);opacity:1}
  78%{clip-path:inset(0 0 100% 0);opacity:1}
  100%{clip-path:inset(0 0 100% 0);opacity:0;visibility:hidden;pointer-events:none}
}

@media(max-width:640px){
  .se137-intro-stage{width:min(340px,calc(100vw - 36px));grid-template-columns:70px 1px minmax(0,1fr);gap:19px}
  .se137-intro-mark{width:70px;height:76px}
  .se137-intro-mark .v9-brand-inline{width:55px;max-height:66px}
  .se137-intro-rule{max-height:66px}
  @keyframes se137-rule-in{to{height:66px}}
  .se137-intro-wordmark strong{font-size:13px;letter-spacing:.22em}
  .se137-intro-wordmark small{font-size:6.8px;letter-spacing:.24em;margin-top:8px}
  @keyframes se137-tracking-in{to{letter-spacing:.13em;transform:translateX(0)}}
}

@media(prefers-reduced-motion:reduce){
  .se137-intro{display:none!important}
}


/* Synchronise the existing V13.6 hero/scroll motion with the logo reveal. */
html.se137-intro-play.se-fm-ready body.v6-home .se-fm-hero-copy{animation-delay:1.38s}
html.se137-intro-play.se-fm-ready body.v6-home .se-fm-hero-aside{animation-delay:1.48s}
html.se137-intro-play.se-fm-ready body.v6-home .se-fm-hero-rail{animation-delay:1.60s}
html.se137-intro-play.se-fm-ready .se-fm-hero-copy > .v106-eyebrow{animation-delay:1.48s}
html.se137-intro-play.se-fm-ready .se-fm-hero-copy > .v112-hero-badges{animation-delay:1.54s}
html.se137-intro-play.se-fm-ready .se-fm-hero-copy > h1{animation-delay:1.61s}
html.se137-intro-play.se-fm-ready .se-fm-hero-copy > p{animation-delay:1.69s}
html.se137-intro-play.se-fm-ready .se-fm-hero-copy > .v106-hero-actions{animation-delay:1.77s}
html.se137-intro-play.se-fm-ready body.v6-inner .se-fm-inner-hero{animation-delay:1.38s}
html.se137-intro-play.se-fm-ready .se-fm-reveal{transition-delay:calc(1.35s + var(--se-fm-delay,0ms))}
html.se137-intro-play .se-fm-media-reveal::after{transition-delay:calc(1.35s + var(--se-fm-delay,0ms))}
