/* AREN SOLIS PROD71 — bundle CSS canonique, ordre de cascade conservé */

/* SOURCE: styles/transition-canon.css */
@font-face{font-family:'Cormorant Garamond';src:url('../assets/font-regular.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('../assets/font-italic.woff2') format('woff2');font-style:italic;font-weight:500;font-display:swap}
:root{--bg:#020607;--gold:#c9953f;--gold2:#e8ba67;--ink:#ecd9b0;--muted:#b99a63;--line:rgba(206,154,65,.33);--glass:linear-gradient(180deg,rgba(8,13,15,.80),rgba(3,7,8,.84));--green:#a8cb79;--scarlet:#da5946;--ice:#95c5ef}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:'Cormorant Garamond',Georgia,serif}body{min-height:100vh;overflow-x:hidden}button,a{font:inherit}
.fog-field,.fog-field::before,.fog-field::after{position:fixed;inset:-18vh -20vw;pointer-events:none;z-index:3;content:'';background:radial-gradient(ellipse at 12% 58%,rgba(220,231,228,.10),transparent 28%),radial-gradient(ellipse at 38% 24%,rgba(205,219,216,.06),transparent 25%),radial-gradient(ellipse at 76% 64%,rgba(218,228,226,.10),transparent 31%),radial-gradient(ellipse at 88% 26%,rgba(211,223,221,.07),transparent 25%);filter:blur(24px);mix-blend-mode:screen;opacity:.75;animation:fogDrift 18s linear infinite alternate}
.fog-field::before{position:absolute;inset:0;opacity:.58;filter:blur(34px);transform:scale(1.15);animation:fogDrift2 24s linear infinite alternate-reverse}
.fog-field::after{position:absolute;inset:0;opacity:.34;filter:blur(52px);transform:scale(1.25);animation:fogDrift3 31s linear infinite alternate}
@keyframes fogDrift{from{transform:translate3d(-4vw,1vh,0) scale(1.05)}to{transform:translate3d(7vw,-3vh,0) scale(1.13)}}
@keyframes fogDrift2{from{transform:translate3d(5vw,-2vh,0) scale(1.12)}to{transform:translate3d(-8vw,4vh,0) scale(1.20)}}
@keyframes fogDrift3{from{transform:translate3d(-2vw,5vh,0) scale(1.25)}to{transform:translate3d(4vw,-4vh,0) scale(1.31)}}
@media(prefers-reduced-motion:reduce){.fog-field,.fog-field::before,.fog-field::after{animation:none}}
.ornate-frame{position:relative;border:1px solid rgba(205,153,58,.50);box-shadow:inset 0 0 0 1px rgba(255,238,191,.03),0 24px 70px rgba(0,0,0,.38)}
.ornate-frame::before,.ornate-frame::after{content:'';position:absolute;width:48px;height:48px;pointer-events:none;opacity:.92;background:linear-gradient(135deg,var(--gold) 0 2px,transparent 2px 12px,var(--gold) 12px 14px,transparent 14px),radial-gradient(circle at 8px 8px,var(--gold) 0 1.5px,transparent 2px)}
.ornate-frame::before{left:-1px;top:-1px}.ornate-frame::after{right:-1px;bottom:-1px;transform:rotate(180deg)}
.glass{background:linear-gradient(145deg,rgba(14,20,20,.72),rgba(4,8,9,.78));backdrop-filter:blur(18px) saturate(1.18);-webkit-backdrop-filter:blur(18px) saturate(1.18);border:1px solid rgba(205,153,58,.34);box-shadow:inset 0 1px 0 rgba(255,245,215,.05),0 18px 45px rgba(0,0,0,.35)}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

html,body{height:100%}
body.transitioning::after{content:'';position:fixed;inset:0;background:#000;opacity:0;pointer-events:none;z-index:30;transition:opacity .45s ease}
body.transitioning.as-leaving::after{opacity:1}
.transition-stage{position:relative;min-height:100dvh;overflow:hidden;background:#030607;cursor:pointer}
.transition-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:brightness(.82) contrast(1.03) saturate(.95)}
.transition-vignette{position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 50% 52%,transparent 0 24%,rgba(0,0,0,.10) 56%,rgba(0,0,0,.54) 100%),linear-gradient(180deg,rgba(2,5,6,.18),rgba(2,5,6,.04) 58%,rgba(2,5,6,.48))}
.transition-frame{position:absolute;inset:14px;z-index:5;border:1px solid rgba(203,153,66,.58);border-radius:28px;pointer-events:none}
.transition-frame::before,.transition-frame::after{content:'';position:absolute;width:126px;height:126px;border-color:rgba(232,187,95,.9)}
.transition-frame::before{left:-1px;top:-1px;border-left:3px solid;border-top:3px solid;border-top-left-radius:24px}
.transition-frame::after{right:-1px;bottom:-1px;border-right:3px solid;border-bottom:3px solid;border-bottom-right-radius:24px}
.transition-sigil{position:absolute;left:50%;top:76.7%;z-index:10;width:clamp(78px,13vw,130px);transform:translate(-50%,-50%);filter:drop-shadow(0 0 10px rgba(234,187,93,.55)) drop-shadow(0 0 34px rgba(198,149,57,.30));opacity:.98;will-change:transform,filter}
.transition-sigil.beat{animation:sigilBeat .46s cubic-bezier(.15,.82,.2,1)}
@keyframes sigilBeat{0%{transform:translate(-50%,-50%) scale(1)}20%{transform:translate(-50%,-50%) scale(1.16)}46%{transform:translate(-50%,-50%) scale(.98)}72%{transform:translate(-50%,-50%) scale(1.07)}100%{transform:translate(-50%,-50%) scale(1)}}
@media (max-width:900px) and (orientation:portrait){.transition-art{object-position:50% 50%}.transition-frame{inset:14px}.transition-sigil{top:76.8%;width:clamp(80px,24vw,114px)}}
@media (max-width:980px) and (orientation:landscape){.transition-sigil{top:74.7%;width:clamp(72px,11vw,102px)}}


/* PROD03B overrides */
.transition-picture{position:absolute;inset:0;display:block;clip-path:inset(14px round 28px)}
.transition-picture source,.transition-picture img{display:block}
.transition-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;filter:brightness(.84) contrast(1.03) saturate(.98)}
.transition-caption{position:absolute;left:50%;bottom:5.5dvh;transform:translateX(-50%);z-index:12;padding:10px 18px;border-radius:999px;background:rgba(2,7,8,.42);border:1px solid rgba(205,153,58,.26);color:#ead4aa;font-size:clamp(14px,1.8vw,20px);letter-spacing:.14em;text-transform:uppercase;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;transition:opacity .25s ease}
.transition-caption.has-copy{opacity:1}
.transition-sigil{left:52.05%;top:76.2%;width:clamp(76px,13vw,124px);mix-blend-mode:screen;animation:none}
.transition-sigil.beat{animation:sigilBeat .22s cubic-bezier(.2,.82,.2,1)}
@keyframes sigilBeat{0%{transform:translate(-50%,-50%) scale(1);filter:drop-shadow(0 0 10px rgba(234,187,93,.55)) drop-shadow(0 0 28px rgba(198,149,57,.30))}35%{transform:translate(-50%,-50%) scale(1.18);filter:drop-shadow(0 0 14px rgba(246,213,120,.95)) drop-shadow(0 0 44px rgba(225,170,66,.62))}70%{transform:translate(-50%,-50%) scale(.98);filter:drop-shadow(0 0 11px rgba(234,187,93,.72)) drop-shadow(0 0 35px rgba(198,149,57,.40))}100%{transform:translate(-50%,-50%) scale(1);filter:drop-shadow(0 0 10px rgba(234,187,93,.55)) drop-shadow(0 0 28px rgba(198,149,57,.30))}}
@media (max-width:980px){.transition-sigil{left:51.7%;top:75.9%;width:clamp(74px,22vw,112px)}.transition-frame{inset:16px}.transition-frame::before,.transition-frame::after{width:98px;height:98px}}
@media (min-width:981px){.transition-art{object-position:50% 50%}.transition-sigil{left:50.1%;top:76.35%;width:clamp(82px,7vw,138px)}}


/* PROD04 transition timing and Amira alignment */
.transition-caption{display:none;opacity:0}
.transition-caption.has-copy{display:block;opacity:1}
.transition-sigil{left:51.05%;top:76.25%;width:clamp(76px,12.5vw,122px)}
.transition-sigil.beat{animation:sigilBeat .18s cubic-bezier(.2,.82,.2,1)}
@media (max-width:980px){
  .transition-sigil{left:51.15%;top:76.05%;width:clamp(72px,21vw,108px)}
}
@media (min-width:981px){
  .transition-sigil{left:50.65%;top:76.18%;width:clamp(82px,6.8vw,132px)}
}


/* PROD07 — single-Sigil precision overlay and calmer close */
body.transitioning::after{transition:opacity .48s ease}
.transition-sigil{
  left:50%;top:50%;width:150px;
  opacity:.96;
  mix-blend-mode:screen;
  filter:drop-shadow(0 0 9px rgba(244,205,111,.58)) drop-shadow(0 0 28px rgba(211,155,54,.32));
}
.transition-sigil.beat{animation:sigilBeatProd07 .24s cubic-bezier(.18,.82,.2,1)}
@keyframes sigilBeatProd07{
  0%{transform:translate(-50%,-50%) scale(1)}
  34%{transform:translate(-50%,-50%) scale(1.12);filter:drop-shadow(0 0 14px rgba(250,220,138,.90)) drop-shadow(0 0 40px rgba(223,167,64,.58))}
  70%{transform:translate(-50%,-50%) scale(.985)}
  100%{transform:translate(-50%,-50%) scale(1)}
}
.transition-caption{bottom:4.2dvh;font-size:clamp(13px,1.4vw,18px);padding:9px 16px;background:rgba(2,7,8,.34)}


/* =========================================================
   PROD10 — BETA FRAME CLIP + HANDS SHADOW / SIGIL EMPHASIS
   ========================================================= */
@media(max-width:980px){
  .transition-picture{
    clip-path:inset(16px);
  }
  .transition-vignette::after{
    content:'';
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
      radial-gradient(ellipse at 42.5% 68.5%,rgba(0,0,0,.40) 0,rgba(0,0,0,.31) 10%,rgba(0,0,0,.12) 19%,transparent 31%),
      radial-gradient(ellipse at 57.5% 68.5%,rgba(0,0,0,.40) 0,rgba(0,0,0,.31) 10%,rgba(0,0,0,.12) 19%,transparent 31%),
      radial-gradient(circle at 50% 68.5%,transparent 0 7%,rgba(0,0,0,.10) 11%,rgba(0,0,0,.18) 21%,transparent 34%);
    z-index:2;
  }
  .transition-sigil{
    filter:drop-shadow(0 0 12px rgba(249,218,134,.78)) drop-shadow(0 0 34px rgba(220,164,63,.46))!important;
  }
}


/* =========================================================
   PROD12 — TRANSITION CHILD-HANDS MASK / SIGIL FOCUS
   ========================================================= */
@media(max-width:980px){
  .transition-art{
    filter:brightness(.80) contrast(1.04) saturate(.95);
  }
  .transition-vignette::before{
    content:'';
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    background:
      radial-gradient(ellipse at 42.8% 67.6%, rgba(0,0,0,.72) 0, rgba(0,0,0,.66) 9%, rgba(0,0,0,.42) 18%, transparent 30%),
      radial-gradient(ellipse at 57.2% 67.6%, rgba(0,0,0,.72) 0, rgba(0,0,0,.66) 9%, rgba(0,0,0,.42) 18%, transparent 30%),
      radial-gradient(ellipse at 50% 71.4%, rgba(0,0,0,.44) 0, rgba(0,0,0,.36) 14%, rgba(0,0,0,.18) 24%, transparent 37%),
      radial-gradient(circle at 50% 76.1%, transparent 0 10%, rgba(0,0,0,.04) 15%, transparent 22%);
  }
  .transition-vignette::after{
    background:
      radial-gradient(ellipse at 42.5% 68.4%, rgba(0,0,0,.58) 0, rgba(0,0,0,.44) 11%, rgba(0,0,0,.18) 21%, transparent 33%),
      radial-gradient(ellipse at 57.5% 68.4%, rgba(0,0,0,.58) 0, rgba(0,0,0,.44) 11%, rgba(0,0,0,.18) 21%, transparent 33%),
      radial-gradient(ellipse at 50% 73.1%, rgba(0,0,0,.26) 0, rgba(0,0,0,.20) 11%, transparent 29%),
      radial-gradient(circle at 50% 68.8%, transparent 0 7%, rgba(0,0,0,.11) 12%, rgba(0,0,0,.22) 21%, transparent 34%);
  }
  .transition-sigil{
    filter:drop-shadow(0 0 14px rgba(250,223,148,.90)) drop-shadow(0 0 38px rgba(225,169,67,.58)) !important;
  }
}

/* SOURCE: styles/fog-system.css */
/* AREN SOLIS — Canon Fog System PROD15: moving fog, never a global veil */
.as-fog{position:fixed;inset:0;pointer-events:none;z-index:14;overflow:hidden;opacity:0;transition:opacity 1.5s ease}.as-fog.is-active{opacity:1}.as-fog__layer{position:absolute;left:-18%;width:136%;background-repeat:no-repeat;background-position:center bottom;background-size:100% 100%;will-change:transform;mix-blend-mode:screen}.as-fog__layer--a{height:38vh;bottom:-9vh;background-image:url('../assets/fog/fog-far.svg');opacity:.22;animation:asFogA 48s linear infinite alternate}.as-fog__layer--b{height:34vh;bottom:4vh;background-image:url('../assets/fog/fog-mid.svg');opacity:.26;animation:asFogB 32s ease-in-out infinite alternate-reverse}.as-fog__layer--c{height:28vh;bottom:-4vh;background-image:url('../assets/fog/fog-near.svg');opacity:.24;animation:asFogC 22s ease-in-out infinite alternate}.as-fog::before,.as-fog::after{content:'';position:absolute;top:18%;width:35vw;height:44vh;background:url('../assets/fog/fog-near.svg') center/contain no-repeat;opacity:.10;mix-blend-mode:screen;filter:blur(1px)}.as-fog::before{left:-20vw;animation:asFogSideL 38s ease-in-out infinite alternate}.as-fog::after{right:-20vw;transform:scaleX(-1);animation:asFogSideR 42s ease-in-out infinite alternate}.fog-light .as-fog{opacity:.72}.fog-medium .as-fog{opacity:.88}.fog-heavy .as-fog{opacity:1}.fog-threshold .as-fog{opacity:.9}@keyframes asFogA{from{transform:translate3d(-4%,2%,0) scale(1.04)}to{transform:translate3d(6%,-1%,0) scale(1.10)}}@keyframes asFogB{from{transform:translate3d(5%,0,0) scale(1.06)}to{transform:translate3d(-6%,-2%,0) scale(1.12)}}@keyframes asFogC{from{transform:translate3d(-7%,3%,0) scale(1.08)}to{transform:translate3d(5%,-2%,0) scale(1.15)}}@keyframes asFogSideL{from{transform:translate3d(-8%,5%,0) scale(.9)}to{transform:translate3d(18%,-4%,0) scale(1.12)}}@keyframes asFogSideR{from{transform:scaleX(-1) translate3d(-8%,1%,0) scale(.94)}to{transform:scaleX(-1) translate3d(14%,-5%,0) scale(1.1)}}@media(max-width:980px){.as-fog{z-index:10}.as-fog__layer--a{height:30vh;opacity:.18}.as-fog__layer--b{height:27vh;opacity:.20}.as-fog__layer--c{height:23vh;opacity:.18}.as-fog::before,.as-fog::after{top:28%;height:34vh;opacity:.07}.fog-light .as-fog{opacity:.62}.fog-medium .as-fog{opacity:.78}.fog-heavy .as-fog{opacity:.92}}@media(prefers-reduced-motion:reduce){.as-fog__layer,.as-fog::before,.as-fog::after{animation:none!important}.as-fog{transition:none}}

/* SOURCE: styles/page-fixes-v22.css */
/* AREN SOLIS — Page-by-page corrections — PROD22
   Scope: Transition + Home Les Héritières (Alpha & Beta)
   Goal: moving fog replacement + card/CTA alignment fixes.
*/

/* -----------------------------
   TRANSITION — new moving mist
   ----------------------------- */
body.transitioning .fog-field,
body.transitioning .as-fog{
  display:none !important;
}
body.transitioning{
  overflow:hidden;
}
.transition-stage{
  isolation:isolate;
}
.transition-stage::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 48%, rgba(250,220,145,.06), transparent 17%),
    linear-gradient(180deg, rgba(2,5,6,.04), rgba(2,5,6,.14) 56%, rgba(2,5,6,.34));
}
.transition-fog-canvas{
  position:absolute;
  inset:-10%;
  width:120%;
  height:120%;
  z-index:4;
  pointer-events:none;
  mix-blend-mode:screen;
  opacity:.90;
  filter:blur(.45px) saturate(.92);
  will-change:transform, opacity;
}
.transition-vignette,
.transition-frame,
.transition-sigil,
.transition-caption{
  position:absolute;
}
.transition-vignette{z-index:3;}
.transition-frame{z-index:8;}
.transition-sigil{z-index:10;}
.transition-caption{z-index:11;}

/* -----------------------------
   HOME HÉRITIÈRES — CTA shape sync Alpha/Beta
   ----------------------------- */
body[data-page="heritieres"] .hero-actions{
  width:min(82%, 780px) !important;
  gap:10px !important;
}
body[data-page="heritieres"] .premium-cta{
  display:grid !important;
  grid-template-columns:56px minmax(0,1fr) 18px !important;
  align-items:center !important;
  gap:14px !important;
  min-height:60px !important;
  padding:8px 18px 8px 12px !important;
  border-radius:24px !important;
  clip-path:none !important;
  overflow:hidden !important;
  box-shadow:
    inset 0 1px 0 rgba(255,245,218,.14),
    inset 0 -18px 30px rgba(0,0,0,.16),
    0 15px 34px rgba(0,0,0,.26),
    0 0 24px rgba(210,166,83,.06) !important;
}
body[data-page="heritieres"] .premium-cta::before{
  inset:0 !important;
  height:auto !important;
  border-radius:inherit !important;
  background:
    linear-gradient(180deg, rgba(255,245,218,.07), rgba(255,245,218,0) 38%),
    radial-gradient(circle at 18% 18%, rgba(238,205,126,.08), transparent 28%) !important;
}
body[data-page="heritieres"] .premium-cta::after{
  content:none !important;
}
body[data-page="heritieres"] .premium-cta__medallion{
  width:44px !important;
  height:44px !important;
  justify-self:start !important;
  margin-left:2px !important;
}
body[data-page="heritieres"] .premium-cta__label{
  display:block !important;
  min-width:0 !important;
  padding-left:6px !important;
  margin:0 !important;
  line-height:1.14 !important;
  letter-spacing:.14em !important;
}
body[data-page="heritieres"] .premium-cta__arrow{
  justify-self:end !important;
  width:8px !important;
  height:8px !important;
  margin-right:2px !important;
}

/* -----------------------------
   HOME HÉRITIÈRES — Journey cards text pushed back down
   ----------------------------- */
body[data-page="heritieres"] .voyage-card,
body[data-page="heritieres"] .voyage-card--book{
  border-radius:24px !important;
  clip-path:none !important;
  overflow:hidden !important;
}
body[data-page="heritieres"] .voyage-card__veil{
  z-index:3 !important;
  background:linear-gradient(180deg, rgba(3,6,7,.02) 0%, rgba(3,6,7,.10) 32%, rgba(3,6,7,.36) 55%, rgba(3,6,7,.82) 82%, rgba(3,6,7,.96) 100%) !important;
}
body[data-page="heritieres"] .voyage-card__content{
  position:absolute !important;
  left:20px !important;
  right:20px !important;
  top:auto !important;
  bottom:18px !important;
  inset:auto 20px 18px 20px !important;
  display:grid !important;
  grid-template-columns:44px minmax(0,1fr) auto !important;
  align-items:end !important;
  gap:12px !important;
  z-index:6 !important;
  transform:none !important;
}
body[data-page="heritieres"] .voyage-card .card-medallion{
  align-self:end !important;
  width:44px !important;
  height:44px !important;
}
body[data-page="heritieres"] .voyage-card .card-copy,
body[data-page="heritieres"] .voyage-card--book .card-copy{
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  align-self:end !important;
  min-width:0 !important;
  gap:4px !important;
  padding-top:0 !important;
  margin-top:0 !important;
}
body[data-page="heritieres"] .voyage-card .card-copy strong,
body[data-page="heritieres"] .voyage-card .card-copy small,
body[data-page="heritieres"] .voyage-card--book .card-copy strong,
body[data-page="heritieres"] .voyage-card--book .card-copy small,
body[data-page="heritieres"] .voyage-card .card-cta,
body[data-page="heritieres"] .voyage-card--book .card-cta{
  position:relative !important;
  top:auto !important;
  bottom:auto !important;
  margin:0 !important;
}
body[data-page="heritieres"] .voyage-card .card-copy strong,
body[data-page="heritieres"] .voyage-card--book .card-copy strong{
  display:block !important;
  line-height:1.02 !important;
}
body[data-page="heritieres"] .voyage-card .card-copy small,
body[data-page="heritieres"] .voyage-card--book .card-copy small{
  display:block !important;
  line-height:1.18 !important;
}
body[data-page="heritieres"] .voyage-card .card-cta,
body[data-page="heritieres"] .voyage-card--book .card-cta{
  align-self:end !important;
  padding-bottom:4px !important;
  white-space:nowrap !important;
}

/* Book card: text block centered vertically on both Alpha and Beta */
body[data-page="heritieres"] .voyage-card--book .book-copy{
  position:absolute !important;
  left:28px !important;
  width:min(48%, 320px) !important;
  top:50% !important;
  bottom:auto !important;
  transform:translateY(-50%) !important;
  display:grid !important;
  grid-template-columns:44px minmax(0,1fr) !important;
  align-content:center !important;
  align-items:center !important;
  gap:14px !important;
  z-index:6 !important;
}

/* -----------------------------
   Mobile / Beta tuning
   ----------------------------- */
@media (max-width:980px){
  body[data-page="heritieres"] .hero-actions{
    width:100% !important;
    gap:10px !important;
  }
  body[data-page="heritieres"] .premium-cta{
    grid-template-columns:44px minmax(0,1fr) 16px !important;
    min-height:56px !important;
    padding:7px 16px 7px 10px !important;
    gap:12px !important;
    border-radius:20px !important;
  }
  body[data-page="heritieres"] .premium-cta__medallion{
    width:36px !important;
    height:36px !important;
    margin-left:0 !important;
  }
  body[data-page="heritieres"] .premium-cta__label{
    padding-left:4px !important;
    font-size:11.4px !important;
    letter-spacing:.11em !important;
  }

  body[data-page="heritieres"] .voyage-card,
  body[data-page="heritieres"] .voyage-card--book{
    border-radius:22px !important;
  }
  body[data-page="heritieres"] .voyage-card__content{
    inset:auto 18px 16px 18px !important;
    left:18px !important;
    right:18px !important;
    bottom:16px !important;
    grid-template-columns:42px minmax(0,1fr) auto !important;
    gap:10px !important;
  }
  body[data-page="heritieres"] .voyage-card .card-medallion{
    width:42px !important;
    height:42px !important;
  }
  body[data-page="heritieres"] .voyage-card .card-copy strong{
    font-size:17px !important;
    letter-spacing:.12em !important;
  }
  body[data-page="heritieres"] .voyage-card .card-copy small{
    font-size:12.8px !important;
    line-height:1.18 !important;
  }
  body[data-page="heritieres"] .voyage-card .card-cta{
    font-size:10px !important;
    letter-spacing:.14em !important;
  }
  body[data-page="heritieres"] .voyage-card--book .book-copy{
    left:18px !important;
    width:44% !important;
    top:50% !important;
    bottom:auto !important;
    transform:translateY(-50%) !important;
    gap:12px !important;
  }
}

@media (max-width:560px){
  body[data-page="heritieres"] .voyage-card .card-copy strong{
    font-size:16px !important;
  }
  body[data-page="heritieres"] .voyage-card .card-copy small,
  body[data-page="heritieres"] .voyage-card--book .card-copy small{
    font-size:11.6px !important;
  }
  body[data-page="heritieres"] .voyage-card--book .book-copy{
    width:46% !important;
  }
}

/* SOURCE: styles/site-patch-v24.css */
/* AREN SOLIS — PROD24 refinement pass
   Scope: Home Héritières book tile, Trois Sœurs card canon grid, Transition mobile/tablet polish.
*/

/* =========================================================
   HOME HÉRITIÈRES — BOOK TILE VOID FILL (Alpha + Beta)
   Adds a premium editorial micro-panel in the empty zone.
   ========================================================= */
body[data-page="heritieres"] .voyage-card--book{
  isolation:isolate!important;
}
body[data-page="heritieres"] .voyage-card--book .book-void-fill{
  position:absolute!important;
  z-index:5!important;
  left:22px!important;
  top:20px!important;
  width:min(46%,220px)!important;
  padding:14px 15px 13px!important;
  border-radius:18px!important;
  border:1px solid rgba(216,171,83,.22)!important;
  background:linear-gradient(155deg,rgba(17,23,23,.42),rgba(5,8,9,.70))!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.12)!important;
  backdrop-filter:blur(18px) saturate(1.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,247,223,.045),0 14px 36px rgba(0,0,0,.26)!important;
  overflow:hidden!important;
}
body[data-page="heritieres"] .voyage-card--book .book-void-fill::before{
  content:'';
  position:absolute;
  inset:1px;
  border-radius:inherit;
  pointer-events:none;
  background:radial-gradient(circle at 18% 14%,rgba(255,237,190,.09),transparent 24%),linear-gradient(180deg,rgba(255,255,255,.018),transparent 24%);
}
body[data-page="heritieres"] .voyage-card--book .book-void-fill>*{position:relative;z-index:1}
body[data-page="heritieres"] .voyage-card--book .book-void-fill__eyebrow{
  display:block!important;
  margin:0 0 6px!important;
  color:#e0b76b!important;
  font-size:10px!important;
  line-height:1.05!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}
body[data-page="heritieres"] .voyage-card--book .book-void-fill__line{
  margin:0 0 10px!important;
  color:#f1e3c5!important;
  font-size:14px!important;
  line-height:1.18!important;
}
body[data-page="heritieres"] .voyage-card--book .book-void-fill__meta{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
body[data-page="heritieres"] .voyage-card--book .book-void-fill__meta li{
  display:inline-flex!important;
  align-items:center!important;
  min-height:24px!important;
  padding:4px 9px 3px!important;
  border-radius:999px!important;
  border:1px solid rgba(223,181,95,.18)!important;
  background:rgba(255,255,255,.022)!important;
  color:#d8c29a!important;
  font-size:9.5px!important;
  line-height:1!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

@media(min-width:981px){
  body[data-page="heritieres"] .voyage-card--book .book-void-fill{
    width:min(44%,242px)!important;
    top:18px!important;
    left:22px!important;
    padding:15px 16px 14px!important;
  }
  body[data-page="heritieres"] .voyage-card--book .book-void-fill__line{font-size:15px!important}
}

@media(max-width:980px){
  body[data-page="heritieres"] .voyage-card--book .book-void-fill{
    width:min(45%,180px)!important;
    top:18px!important;
    left:18px!important;
    padding:12px 13px 12px!important;
    border-radius:16px!important;
  }
  body[data-page="heritieres"] .voyage-card--book .book-void-fill__eyebrow{font-size:9px!important;letter-spacing:.16em!important}
  body[data-page="heritieres"] .voyage-card--book .book-void-fill__line{font-size:13px!important;margin-bottom:8px!important}
  body[data-page="heritieres"] .voyage-card--book .book-void-fill__meta{gap:5px!important}
  body[data-page="heritieres"] .voyage-card--book .book-void-fill__meta li{
    min-height:22px!important;
    padding:4px 8px 3px!important;
    font-size:8.5px!important;
    letter-spacing:.12em!important;
  }
}
@media(max-width:620px){
  body[data-page="heritieres"] .voyage-card--book .book-void-fill{width:min(44%,160px)!important}
  body[data-page="heritieres"] .voyage-card--book .book-void-fill__line{font-size:12px!important;line-height:1.16!important}
}

/* =========================================================
   TROIS SŒURS — CANON CLOSED CARD GRID (Alpha + Beta)
   ========================================================= */
body[data-page="sisters"] .sister-card{min-height:680px!important}
body[data-page="sisters"] .sister-card .card-copy{
  left:18px!important;
  right:18px!important;
  bottom:18px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto auto auto auto!important;
  row-gap:0!important;
  min-height:222px!important;
  padding:22px 22px 18px!important;
  border-radius:24px!important;
  overflow:visible!important;
}
body[data-page="sisters"] .sister-card .card-copy h3,
body[data-page="sisters"] .sister-card .card-rank,
body[data-page="sisters"] .sister-card .card-copy p,
body[data-page="sisters"] .sister-card .card-role,
body[data-page="sisters"] .sister-card .card-cta{
  text-rendering:optimizeLegibility!important;
  -webkit-font-smoothing:antialiased!important;
  font-kerning:normal!important;
}
body[data-page="sisters"] .sister-card .card-copy h3{
  margin:0 0 7px!important;
  padding-top:2px!important;
  font-size:clamp(34px,2.65vw,42px)!important;
  line-height:.96!important;
  letter-spacing:.118em!important;
  white-space:nowrap!important;
  text-shadow:0 1px 12px rgba(0,0,0,.18)!important;
}
body[data-page="sisters"] .sister-card .card-rank{
  margin:0!important;
  font-size:15px!important;
  line-height:1.12!important;
  letter-spacing:.13em!important;
}
body[data-page="sisters"] .sister-card .card-line{width:100%!important;margin:13px 0 13px!important}
body[data-page="sisters"] .sister-card .card-copy p{
  margin:0!important;
  max-width:34ch!important;
  font-size:16px!important;
  line-height:1.35!important;
}
body[data-page="sisters"] .sister-card .card-footer{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:12px!important;
  margin-top:14px!important;
}
body[data-page="sisters"] .sister-card .card-role{font-size:10.4px!important;line-height:1.3!important;letter-spacing:.145em!important}
body[data-page="sisters"] .sister-card .card-cta{align-self:end!important;font-size:11px!important;line-height:1!important;letter-spacing:.14em!important}
body[data-page="sisters"] .sister-card[data-sister="alia"] img{object-position:50% 42%!important}
body[data-page="sisters"] .sister-card[data-sister="amira"] img{object-position:50% 40%!important}
body[data-page="sisters"] .sister-card[data-sister="lisa"] img{object-position:50% 42%!important}

@media(min-width:981px){
  body[data-page="sisters"] .sister-card{min-height:700px!important}
  body[data-page="sisters"] .sister-card .card-copy{
    left:20px!important;
    right:20px!important;
    bottom:20px!important;
    min-height:228px!important;
    padding:23px 23px 19px!important;
  }
}
@media(max-width:980px){
  body[data-page="sisters"] .sister-card{min-height:734px!important;border-radius:30px!important}
  body[data-page="sisters"] .sister-card .card-copy{
    left:14px!important;
    right:14px!important;
    bottom:14px!important;
    min-height:236px!important;
    padding:21px 18px 17px!important;
    border-radius:22px!important;
  }
  body[data-page="sisters"] .sister-card .card-copy h3{font-size:clamp(34px,9vw,42px)!important;margin-bottom:6px!important;text-align:left!important}
  body[data-page="sisters"] .sister-card .card-rank{font-size:14px!important;text-align:left!important}
  body[data-page="sisters"] .sister-card .card-line{margin:12px 0 12px!important}
  body[data-page="sisters"] .sister-card .card-copy p{max-width:none!important;font-size:16px!important;text-align:left!important}
  body[data-page="sisters"] .sister-card .card-footer{margin-top:13px!important;align-items:end!important}
}
@media(max-width:620px){
  body[data-page="sisters"] .sister-card{min-height:706px!important}
  body[data-page="sisters"] .sister-card .card-copy{min-height:224px!important}
  body[data-page="sisters"] .sister-card .card-copy h3{font-size:clamp(32px,8.6vw,38px)!important;letter-spacing:.112em!important}
  body[data-page="sisters"] .sister-card .card-copy p{font-size:15px!important;line-height:1.33!important}
  body[data-page="sisters"] .sister-card .card-role{font-size:9.8px!important;letter-spacing:.13em!important}
}
@media(min-width:681px) and (max-width:980px){
  body[data-page="sisters"] .sister-grid{gap:18px!important}
  body[data-page="sisters"] .sister-card{min-height:690px!important}
  body[data-page="sisters"] .sister-card .card-copy h3{font-size:36px!important}
}

/* =========================================================
   TRANSITION — MOBILE / TABLET CALMING
   ========================================================= */
body.transitioning .transition-stage{min-height:100svh!important}
@media(max-width:980px){
  body.transitioning .transition-stage{padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)!important}
  body.transitioning .transition-picture{clip-path:inset(12px round 24px)!important}
  body.transitioning .transition-frame{inset:12px!important}
  body.transitioning .transition-frame::before,
  body.transitioning .transition-frame::after{width:88px!important;height:88px!important}
  body.transitioning .transition-caption{bottom:calc(18px + env(safe-area-inset-bottom,0px))!important;max-width:calc(100vw - 44px)!important;text-align:center!important}
}
@media(min-width:681px) and (max-width:980px){
  body.transitioning .transition-picture{clip-path:inset(18px round 26px)!important}
  body.transitioning .transition-frame{inset:18px!important}
  body.transitioning .transition-frame::before,
  body.transitioning .transition-frame::after{width:104px!important;height:104px!important}
}

/* SOURCE: styles/site-patch-v25.css */
/* =========================================================
   PROD25 — THREE SISTERS UX / GLASS / TRANSITION LIGHTING
   ========================================================= */

body[data-page="sisters"] .hero-copy h1{
  letter-spacing:.085em!important;
}
body[data-page="sisters"] .lead-point{
  position:relative;
  margin:0 -10px;
  padding:14px 40px 14px 10px;
  border-radius:20px;
  border:1px solid transparent;
  cursor:pointer;
  transition:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease;
}
body[data-page="sisters"] .lead-point::after{
  content:'›';
  position:absolute;
  right:14px;
  top:50%;
  transform:translateY(-50%);
  color:rgba(232,186,103,.72);
  font-size:24px;
  line-height:1;
  opacity:.78;
}
body[data-page="sisters"] .lead-point:hover,
body[data-page="sisters"] .lead-point.is-active,
body[data-page="sisters"] .lead-point:focus-visible{
  transform:translateX(4px);
  border-color:rgba(219,174,83,.24);
  background:linear-gradient(145deg,rgba(255,239,200,.055),rgba(205,153,58,.035));
  box-shadow:inset 0 1px 0 rgba(255,246,221,.05),0 14px 30px rgba(0,0,0,.14);
  outline:none;
}
body[data-page="sisters"] .lead-point > div:last-child{min-width:0}
body[data-page="sisters"] .lead-point strong,
body[data-page="sisters"] .lead-point span{pointer-events:none}

body[data-page="sisters"] .sister-card{
  scroll-margin-top:108px;
  isolation:isolate;
}
body[data-page="sisters"] .sister-card.jump-focus{
  animation:sisterJumpFocus 1.15s ease;
}
@keyframes sisterJumpFocus{
  0%{transform:translateY(0) scale(1)}
  20%{transform:translateY(-4px) scale(1.01);box-shadow:0 0 0 1px rgba(225,182,90,.40),0 28px 80px rgba(0,0,0,.45),0 0 34px rgba(225,182,90,.14)}
  100%{transform:translateY(0) scale(1)}
}
body[data-page="sisters"] .sister-card::after{
  background:
    radial-gradient(circle at var(--glass-x,50%) var(--glass-y,18%),rgba(255,244,214,.22),rgba(255,228,160,.07) 18%,transparent 36%),
    linear-gradient(160deg,rgba(255,255,255,.026),transparent 26%,transparent 64%,rgba(226,183,93,.038)),
    linear-gradient(180deg,rgba(0,0,0,.01),rgba(0,0,0,.08) 28%,rgba(0,0,0,.26) 58%,rgba(0,0,0,.82) 100%)!important;
}
body[data-page="sisters"] .sister-card img{
  filter:brightness(.99) contrast(1.06) saturate(1.08)!important;
  transform:perspective(1100px) translate3d(var(--ix,0px),calc(var(--iy,0px) - 4px),24px) scale(1.085)!important;
  transform-origin:50% 46%!important;
}
body[data-page="sisters"] .sister-card:hover img{
  transform:perspective(1100px) translate3d(var(--ix,0px),calc(var(--iy,0px) - 6px),28px) scale(1.105)!important;
}
body[data-page="sisters"] .sister-card .card-topline{
  left:20px!important;
  right:20px!important;
}
body[data-page="sisters"] .sister-card .card-copy{
  left:20px!important;
  right:20px!important;
  bottom:18px!important;
  width:auto!important;
  max-width:none!important;
  min-height:206px!important;
  padding:18px 18px 15px!important;
  border-radius:22px!important;
  background:linear-gradient(155deg,rgba(11,16,17,.20),rgba(5,8,9,.50))!important;
  border:1px solid rgba(224,181,93,.16)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.18)!important;
  backdrop-filter:blur(18px) saturate(1.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,247,222,.055),0 14px 34px rgba(0,0,0,.18)!important;
}
body[data-page="sisters"] .sister-card .card-copy h3{
  margin:0 0 5px!important;
  font-size:clamp(30px,2.45vw,37px)!important;
  line-height:.98!important;
  letter-spacing:.10em!important;
  white-space:normal!important;
}
body[data-page="sisters"] .sister-card .card-rank{
  font-size:13px!important;
  line-height:1.12!important;
  letter-spacing:.12em!important;
}
body[data-page="sisters"] .sister-card .card-line{margin:10px 0 11px!important}
body[data-page="sisters"] .sister-card .card-copy p{
  font-size:15px!important;
  line-height:1.33!important;
  max-width:31ch!important;
}
body[data-page="sisters"] .sister-card .card-footer{
  gap:10px!important;
  margin-top:12px!important;
}
body[data-page="sisters"] .sister-card .card-role{
  font-size:10px!important;
  line-height:1.24!important;
  letter-spacing:.135em!important;
}
body[data-page="sisters"] .sister-card .card-cta{
  font-size:11px!important;
  letter-spacing:.14em!important;
}

@media(max-width:980px){
  body[data-page="sisters"] .lead-point{
    margin:0 -8px;
    padding:12px 34px 12px 8px;
    border-radius:18px;
  }
  body[data-page="sisters"] .sister-card{
    min-height:672px!important;
  }
  body[data-page="sisters"] .sister-card .card-topline{
    left:16px!important;
    right:16px!important;
    top:16px!important;
  }
  body[data-page="sisters"] .sister-card .card-copy{
    left:16px!important;
    right:16px!important;
    bottom:16px!important;
    min-height:188px!important;
    padding:15px 15px 13px!important;
    background:linear-gradient(155deg,rgba(11,16,17,.16),rgba(4,8,9,.42))!important;
  }
  body[data-page="sisters"] .sister-card .card-copy h3{
    font-size:clamp(28px,8vw,34px)!important;
    letter-spacing:.095em!important;
    text-align:left!important;
  }
  body[data-page="sisters"] .sister-card .card-rank{
    font-size:12px!important;
    text-align:left!important;
  }
  body[data-page="sisters"] .sister-card .card-copy p{
    max-width:none!important;
    font-size:15px!important;
    text-align:left!important;
  }
  body[data-page="sisters"] .sister-card .card-role{
    font-size:9.6px!important;
  }
}
@media(max-width:620px){
  body[data-page="sisters"] .sister-card{min-height:640px!important}
}
@media(min-width:981px){
  body[data-page="sisters"] .sister-card{min-height:684px!important}
}

/* Transition: lighter on Beta only, while keeping the hands subdued. */
@media(max-width:980px){
  body.transitioning .transition-art{
    filter:brightness(.93) contrast(1.055) saturate(1.02)!important;
  }
  body.transitioning .transition-vignette{
    background:
      radial-gradient(circle at 50% 28%,rgba(255,227,171,.07),transparent 18%),
      radial-gradient(circle at 50% 54%,transparent 0 26%,rgba(0,0,0,.08) 58%,rgba(0,0,0,.44) 100%),
      linear-gradient(180deg,rgba(4,8,9,.10),rgba(4,8,9,.02) 58%,rgba(2,5,6,.34));
  }
  body.transitioning .transition-vignette::before{
    content:'';
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    background:
      radial-gradient(ellipse at 42.8% 67.6%, rgba(0,0,0,.78) 0, rgba(0,0,0,.68) 10%, rgba(0,0,0,.36) 20%, transparent 31%),
      radial-gradient(ellipse at 57.2% 67.6%, rgba(0,0,0,.78) 0, rgba(0,0,0,.68) 10%, rgba(0,0,0,.36) 20%, transparent 31%),
      radial-gradient(ellipse at 50% 72.3%, rgba(0,0,0,.34) 0, rgba(0,0,0,.24) 12%, transparent 30%);
  }
  body.transitioning .transition-vignette::after{
    content:'';
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    background:
      radial-gradient(circle at 50% 34%, rgba(255,231,177,.10) 0, transparent 18%),
      radial-gradient(ellipse at 42.5% 68.4%, rgba(0,0,0,.58) 0, rgba(0,0,0,.42) 12%, rgba(0,0,0,.16) 22%, transparent 34%),
      radial-gradient(ellipse at 57.5% 68.4%, rgba(0,0,0,.58) 0, rgba(0,0,0,.42) 12%, rgba(0,0,0,.16) 22%, transparent 34%),
      linear-gradient(180deg,rgba(255,255,255,.012),transparent 22%,rgba(0,0,0,.10) 74%,rgba(0,0,0,.24) 100%);
  }
}

/* SOURCE: styles/site-patch-v30.css */
/* AREN SOLIS — PROD30 publication acceleration pass
   Cross-device parity: Alpha + Beta.
   Scope: Serment des Trois, Nahara hero/passages, Transition sigil,
   Conflits/Visages cards + reliquary/parchment + language bridge.
*/

/* ---------- GLOBAL: submenu must never stay stuck ---------- */
@media (min-width:981px){
  .canon-fantasy-menu{
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;
    transform:translateY(-8px)!important;transition:opacity .16s ease,transform .16s ease,visibility .16s!important;
  }
  .canon-fantasy-wrap:hover .canon-fantasy-menu,
  .canon-fantasy-wrap:focus-within .canon-fantasy-menu,
  .canon-fantasy-wrap.is-open .canon-fantasy-menu{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important;
  }
}

/* ---------- SERMENT DES TROIS: names fully inside panel ---------- */
body[data-page="sisters"] .sister-card .card-copy{
  top:auto!important;bottom:16px!important;left:16px!important;right:16px!important;
  min-height:204px!important;padding:26px 19px 16px!important;overflow:hidden!important;
  align-content:start!important;
}
body[data-page="sisters"] .sister-card .card-copy h3{
  position:static!important;transform:none!important;inset:auto!important;
  margin:2px 0 7px!important;padding:2px 0 0!important;
  font-size:clamp(27px,2.05vw,31px)!important;line-height:1.12!important;
  letter-spacing:.085em!important;white-space:nowrap!important;overflow:visible!important;
}
body[data-page="sisters"] .sister-card .card-rank{line-height:1.16!important;margin:0!important}
body[data-page="sisters"] .sister-card .card-line{margin:11px 0 12px!important}
@media(max-width:980px){
  body[data-page="sisters"] .sister-card .card-copy{min-height:196px!important;padding:24px 17px 15px!important}
  body[data-page="sisters"] .sister-card .card-copy h3{font-size:clamp(28px,7.4vw,33px)!important;line-height:1.1!important}
}

/* ---------- NAHARA hero: reduce copy slightly and keep CTA inside frame ---------- */
body[data-page="nahara"] .nahara-hero .copy{padding:54px 42px 42px!important}
body[data-page="nahara"] .nahara-hero .lede{
  font-size:clamp(16px,1.15vw,19px)!important;line-height:1.54!important;
}
body[data-page="nahara"] .nahara-hero .world-note{
  font-size:13px!important;line-height:1.48!important;margin-top:16px!important;padding:14px 16px!important;
}
body[data-page="nahara"] .nahara-hero .btn{
  width:100%!important;max-width:100%!important;min-height:52px!important;margin-top:16px!important;
  padding:0 18px!important;border-radius:999px!important;justify-content:space-between!important;
  background:linear-gradient(160deg,rgba(31,39,40,.72),rgba(4,8,9,.94))!important;
  border:1px solid rgba(218,178,94,.55)!important;color:#efd398!important;
  box-shadow:inset 0 1px 0 rgba(255,248,225,.17),inset 0 -14px 22px rgba(0,0,0,.18),0 14px 30px rgba(0,0,0,.28)!important;
  box-sizing:border-box!important;
}
body[data-page="nahara"] .nahara-hero .btn:hover{transform:translateY(-2px)!important;border-color:rgba(245,211,135,.82)!important}
@media(max-width:980px){
  body[data-page="nahara"] .nahara-hero .copy{padding:32px 24px 30px!important}
  body[data-page="nahara"] .nahara-hero .lede{font-size:16px!important;line-height:1.48!important}
  body[data-page="nahara"] .nahara-hero .world-note{font-size:12.5px!important;margin-top:14px!important}
  body[data-page="nahara"] .nahara-hero .btn{min-height:50px!important;margin-top:14px!important;font-size:11px!important}
}

/* ---------- NAHARA passage modal: asset reaches the very top ---------- */
body[data-page="nahara"] .modal-panel{padding:0!important;overflow:hidden!important}
body[data-page="nahara"] .modal-media{align-self:stretch!important;margin:0!important;padding:0!important;overflow:hidden!important}
body[data-page="nahara"] .modal-media img{margin:0!important;padding:0!important;display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important}
body[data-page="nahara"] .modal-copy{align-self:stretch!important;display:flex!important;flex-direction:column!important;justify-content:center!important}

/* ---------- TRANSITION: slightly smaller overlay Sigil to fit the sigil baked in artwork ---------- */
body.transitioning .transition-sigil{width:128px!important;max-width:7.2vw!important}
@media(max-width:980px){body.transitioning .transition-sigil{width:94px!important;max-width:21vw!important}}
@media(max-width:560px){body.transitioning .transition-sigil{width:88px!important;max-width:20vw!important}}

/* ---------- CONFLITS / VISAGES: terminate cards naturally, no infinite grey tails ---------- */
body[data-page="conflict"] #conflict .conflict-fragment-grid,
body[data-page="visages"] #visages .visages-luxe-grid{
  grid-auto-rows:max-content!important;align-items:start!important;height:max-content!important;min-height:0!important;
}
body[data-page="conflict"] #conflict .conflict-fragment-card,
body[data-page="visages"] #visages .visages-luxe-card{
  display:grid!important;grid-template-rows:auto auto!important;
  block-size:max-content!important;height:max-content!important;min-height:0!important;max-height:none!important;
  align-self:start!important;overflow:hidden!important;contain:layout paint!important;
  background:#050809!important;
}
body[data-page="conflict"] #conflict .conflict-fragment-card>img,
body[data-page="visages"] #visages .visages-luxe-media{
  grid-row:1!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:16/10!important;
}
body[data-page="conflict"] #conflict .conflict-card-copy,
body[data-page="visages"] #visages .visages-luxe-card-copy{
  grid-row:2!important;height:auto!important;min-height:0!important;max-height:none!important;
  padding:15px 16px 17px!important;background:linear-gradient(180deg,rgba(15,16,14,.98),rgba(4,7,8,.995))!important;
}
body[data-page="conflict"] #conflict .conflict-fragments-rebuilt,
body[data-page="visages"] #visages .visages-luxe-fragments{
  height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;background:transparent!important;
}

/* ---------- Reliquary/parchment: artwork melts into the DIV, no hard rectangular edge ---------- */
body[data-page="visages"] #visages .visages-luxe-relic-button,
body[data-page="conflict"] #conflict .conflict-parchment-btn{
  position:relative!important;overflow:hidden!important;background:#020607!important;border:0!important;box-shadow:none!important;
}
body[data-page="visages"] #visages .visages-luxe-relic-button img,
body[data-page="conflict"] #conflict .conflict-parchment-btn img{
  display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;
  -webkit-mask-image:radial-gradient(ellipse 82% 88% at 50% 49%,#000 0 62%,rgba(0,0,0,.94) 72%,rgba(0,0,0,.55) 84%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse 82% 88% at 50% 49%,#000 0 62%,rgba(0,0,0,.94) 72%,rgba(0,0,0,.55) 84%,transparent 100%)!important;
  filter:drop-shadow(0 18px 36px rgba(0,0,0,.42)) saturate(1.04)!important;
}
body[data-page="visages"] #visages .visages-luxe-relic-feature::after,
body[data-page="conflict"] #conflict .conflict-parchment-feature::after{
  content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;z-index:3!important;
  background:radial-gradient(ellipse at center,transparent 52%,rgba(2,6,7,.20) 70%,rgba(2,6,7,.92) 100%)!important;
}

/* ---------- Ancestral message: close lower + canon pill CTA ---------- */
body[data-page="conflict"] .serelia-message-modal__close,
body[data-page="visages"] .serelia-message-modal__close{
  top:38px!important;right:30px!important;
}
body[data-page="conflict"] .serelia-message-modal__book,
body[data-page="visages"] .serelia-message-modal__book{
  border-radius:999px!important;min-height:54px!important;width:100%!important;
  background:linear-gradient(160deg,rgba(31,39,40,.72),rgba(4,8,9,.95))!important;
  border:1px solid rgba(218,178,94,.56)!important;color:#efd398!important;
  box-shadow:inset 0 1px 0 rgba(255,248,225,.17),inset 0 -14px 22px rgba(0,0,0,.18),0 14px 30px rgba(0,0,0,.28)!important;
}
@media(max-width:980px){
  body[data-page="conflict"] .serelia-message-modal__close,
  body[data-page="visages"] .serelia-message-modal__close{top:26px!important;right:20px!important}
}

/* CANONICAL TRANSITION AUTHORITY — no tap-to-skip, darker/calm mist */
.transition-stage{cursor:default!important;touch-action:none!important}
.transition-stage .fog-field{display:none!important}
.transition-art{filter:brightness(.76) contrast(1.06) saturate(.94)!important}
.transition-vignette{background:radial-gradient(circle at 50% 52%,transparent 0 28%,rgba(0,0,0,.14) 58%,rgba(0,0,0,.62) 100%),linear-gradient(180deg,rgba(2,5,6,.24),rgba(2,5,6,.05) 56%,rgba(2,5,6,.56))!important}
.transition-fog-canvas{opacity:.72!important;pointer-events:none!important}