/* A continuous illustrated chronicle, using the incumbent parchment and ink. */
@media (max-width:900px){
  html{scroll-snap-type:none!important}
  body.v2716-brand-foundation.v2720-section-composition{--mobile-paper:#eee2ca;--mobile-ink:#382e24;--mobile-copy:#514538;--mobile-gold:#74532b}
  body.v2716-brand-foundation.v2720-section-composition #story-engine{
    padding-top:62px;color:var(--mobile-ink);background-color:var(--mobile-paper);
    background-image:linear-gradient(#eee2cacc,#eee2cacc),url('../assets/backgrounds/bloodlines-v2726.webp');
    background-size:auto,900px auto;background-position:center top;
  }
  body.v2716-brand-foundation.v2720-section-composition #story-engine .story-frame{
    display:flex!important;flex-direction:column;align-items:stretch!important;
    height:auto!important;min-height:0!important;padding:0!important;
    background:transparent;color:var(--mobile-ink);scroll-margin-top:62px;scroll-snap-align:none;
  }
  body.v2716-brand-foundation.v2720-section-composition #story-engine .story-frame>.story-art{
    display:block;position:relative!important;inset:auto!important;z-index:0;
    width:100%!important;height:auto!important;max-width:none;
    object-fit:contain!important;object-position:center!important;
    filter:none!important;transform:none!important;animation:none!important;
    mask-image:linear-gradient(to bottom,transparent,#000 10px,#000 calc(100% - 20px),transparent);
  }
  body.v2716-brand-foundation.v2720-section-composition #story-engine #opening>.hero-bg{
    display:block;position:relative!important;inset:auto!important;z-index:0;
    width:100%!important;height:auto!important;aspect-ratio:1672/941;
    background-size:contain!important;background-repeat:no-repeat;background-position:center!important;
    filter:none!important;transform:none!important;animation:none!important;
    mask-image:linear-gradient(to bottom,#000 calc(100% - 22px),transparent);
  }
  body.v2716-brand-foundation.v2720-section-composition #story-engine .story-frame>:is(.frame-grade,.veil-lines,.hero-status){display:none!important}
  body.v2716-brand-foundation.v2720-section-composition #story-engine #opening::before,
  body.v2716-brand-foundation.v2720-section-composition #story-engine #opening::after{display:none!important}
  body.v2716-brand-foundation.v2720-section-composition #story-engine .story-frame>.frame-copy{
    position:relative!important;inset:auto!important;transform:none!important;
    width:100%!important;max-width:680px!important;margin:0 auto!important;
    padding:15px 26px 30px;box-sizing:border-box;text-align:left!important;
    text-shadow:none!important;filter:none!important;
  }
  body.v2716-brand-foundation.v2720-section-composition #story-engine .story-frame>.frame-copy::before{
    content:"";position:absolute;inset:-12px 0 -10px;z-index:-1;pointer-events:none;
    background:linear-gradient(#eee2cab8,#eee2cabb),url('../assets/backgrounds/evolution-v2726.webp') center/cover;
    mask-image:linear-gradient(to bottom,transparent,#000 22px,#000 calc(100% - 22px),transparent);
  }
  body.v2716-brand-foundation.v2720-section-composition #story-engine :is(#opening,#first-breach,#last-war,#last-flame)>.frame-copy::before{
    background-image:linear-gradient(#eee2caad,#eee2cabb),url('../assets/backgrounds/bloodlines-v2726.webp');
  }
  body.v2716-brand-foundation.v2720-section-composition #story-engine .story-frame .frame-copy h2{
    font-size:clamp(24px,6.2vw,31px)!important;line-height:1.34!important;
    letter-spacing:-.015em!important;margin-bottom:14px!important;color:var(--mobile-ink)!important;
  }
  body.v2716-brand-foundation.v2720-section-composition #story-engine #opening .hero-copy-v5 h1{
    font-size:clamp(27px,7.2vw,38px)!important;line-height:1.24!important;
    letter-spacing:.015em!important;margin-bottom:16px!important;color:var(--mobile-ink)!important;
    max-width:24ch;text-wrap:balance;text-shadow:none!important;
  }
  body.v2716-brand-foundation.v2720-section-composition #story-engine .frame-copy :is(h1,h2) br{display:none}
  body.v2716-brand-foundation.v2720-section-composition #story-engine #opening .hero-copy-v5 h1 span{margin-left:0!important;color:var(--mobile-gold)!important}
  body.v2716-brand-foundation.v2720-section-composition #story-engine .frame-kicker{font-size:10px!important;line-height:1.6!important;letter-spacing:.12em!important;color:#705731!important;margin:0 0 10px!important}
  body.v2716-brand-foundation.v2720-section-composition #story-engine #opening .frame-kicker{display:none}
  body.v2716-brand-foundation.v2720-section-composition #story-engine .story-frame .frame-copy .frame-body{
    display:block!important;font-size:16px!important;line-height:1.8!important;
    max-width:62ch!important;margin-inline:0!important;color:var(--mobile-copy)!important;
    padding:0!important;border:0!important;font-weight:400!important;
  }
  body.v2716-brand-foundation.v2720-section-composition #story-engine .story-frame .frame-copy .frame-sting{
    font-size:16px!important;line-height:1.7!important;margin:14px 0 0!important;
    padding:0!important;border:0!important;max-width:60ch!important;color:#6b5232!important;
    font-weight:400!important;font-style:italic;
  }
  body.v2716-brand-foundation.v2720-section-composition #story-engine .story-frame>.frame-next{
    display:none!important;position:relative!important;inset:auto!important;transform:none!important;
    align-self:flex-start;margin:0 24px 26px;padding:12px 0!important;
    min-height:44px;max-width:calc(100% - 48px);background:none!important;
    border:0!important;backdrop-filter:none!important;white-space:normal;text-align:left;
  }
  body.v2716-brand-foundation.v2720-section-composition #story-engine .story-frame>.frame-number{
    position:relative;inset:auto;order:5;align-self:flex-end;margin:0 24px 18px;
    display:none!important;color:#705731;line-height:1.6;
  }
  body.v2716-brand-foundation.v2720-section-composition #story-engine #second-calling>.frame-next{display:inline-flex!important;color:var(--mobile-gold)!important;font-size:11px;letter-spacing:.08em;margin-top:-16px}
  body.v2716-brand-foundation.v2720-section-composition #story-engine #opening .story-enter{
    display:inline-flex;align-items:center;min-height:44px;margin-top:12px;
    font-size:11px;padding:6px 0!important;color:var(--mobile-gold)!important;
    border:0!important;background:none!important;letter-spacing:.12em;
  }
  body.v2716-brand-foundation.v2720-section-composition #nav{height:62px!important;min-height:62px;gap:6px!important}
  body.v2716-brand-foundation.v2720-section-composition #nav :is(.language-choice select,.nav-cta,.v20-wallet-button){min-height:44px!important}
  .story-rail-v5{display:none!important}
  body.v2716-brand-foundation.v2720-section-composition :is(#evolution .evolution-art figure>img,#known-voidborn .void-tease-card img){height:auto!important;max-height:none!important;object-fit:contain!important}
  body.v2716-brand-foundation.v2720-section-composition #individuality .future-art{height:auto!important;aspect-ratio:auto!important;overflow:visible}
  body.v2716-brand-foundation.v2720-section-composition #individuality .future-art img{display:block;width:100%;height:auto!important;max-height:none!important;object-fit:contain!important}
  body.v2716-brand-foundation.v2720-section-composition #void-returns{
    display:flex;flex-direction:column;align-items:stretch;height:auto!important;min-height:0!important;
    padding:0!important;background:var(--mobile-paper);color:var(--mobile-ink);scroll-margin-top:62px;
  }
  body.v2716-brand-foundation.v2720-section-composition #void-returns .void-cinematic-art{
    position:relative;inset:auto;width:100%;height:auto;object-fit:contain!important;
    filter:none!important;transform:none!important;animation:none!important;
    mask-image:linear-gradient(to bottom,transparent,#000 10px,#000 calc(100% - 22px),transparent);
  }
  body.v2716-brand-foundation.v2720-section-composition #void-returns .void-cinematic-grade{display:none}
  body.v2716-brand-foundation.v2720-section-composition #void-returns .void-cinematic-copy{
    width:100%!important;max-width:680px!important;margin:0 auto!important;padding:16px 26px 28px;isolation:isolate;
  }
  body.v2716-brand-foundation.v2720-section-composition #void-returns .void-cinematic-copy::before{
    content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
    background:linear-gradient(#eee2caba,#eee2cabb),url('../assets/backgrounds/keeper-atlas-v2721.webp') center/cover;
    mask-image:linear-gradient(to bottom,transparent,#000 24px,#000 calc(100% - 24px),transparent);
  }
  body.v2716-brand-foundation.v2720-section-composition #void-returns h2{font-size:clamp(24px,6.2vw,31px)!important;line-height:1.34!important;color:var(--mobile-ink)!important;margin:10px 0 14px}
  body.v2716-brand-foundation.v2720-section-composition #void-returns h2 br{display:none}
  body.v2716-brand-foundation.v2720-section-composition #void-returns .void-cinematic-copy>p:not(.section-kicker){font-size:16px!important;line-height:1.8!important;color:var(--mobile-copy)!important;margin-bottom:14px}
  body.v2716-brand-foundation.v2720-section-composition #void-returns .section-kicker{font-size:10px!important;color:#705731!important;letter-spacing:.12em}
  body.v2716-brand-foundation.v2720-section-composition #void-returns .void-warning{font-size:12px;line-height:1.7;letter-spacing:.06em;color:#6e536a;border-color:#b8a8ad;margin-top:18px;padding-top:14px}
  body.v2716-brand-foundation.v2720-section-composition #known-voidborn.v14-void{background:linear-gradient(#eee2cacc,#eee2cacc),url('../assets/backgrounds/keeper-atlas-v2721.webp') center/900px auto!important;padding-block:26px 40px!important;color:var(--mobile-ink)}
  body.v2716-brand-foundation.v2720-section-composition #known-voidborn::before{display:none!important}
  body.v2716-brand-foundation.v2720-section-composition #known-voidborn .void-tease{gap:25px!important}
  body.v2716-brand-foundation.v2720-section-composition #known-voidborn .void-copy{padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
  body.v2716-brand-foundation.v2720-section-composition #known-voidborn .void-copy h2{font-size:30px!important;line-height:1.25!important;color:var(--mobile-ink)!important;margin-bottom:12px}
  body.v2716-brand-foundation.v2720-section-composition #known-voidborn .void-copy p{font-size:16px!important;line-height:1.8!important;color:var(--mobile-copy)!important}
  body.v2716-brand-foundation.v2720-section-composition #known-voidborn .void-copy .latin{font-size:12px!important;color:#6e536a!important}
  body.v2716-brand-foundation.v2720-section-composition #known-voidborn :is(.section-kicker,.tease-line,.tease-line strong){color:#705731!important}
  body.v2716-brand-foundation.v2720-section-composition #known-voidborn .void-tease-card{box-shadow:0 5px 18px #57473126!important}
  body.v2716-brand-foundation.v2720-section-composition #known-voidborn .v18-archive-nav button{min-width:44px;min-height:44px;color:#705731;border-color:#a68b62}
}
@media(max-width:600px){
  body.v2716-brand-foundation.v2720-section-composition #nav{padding-inline:10px!important}
  body.v2716-brand-foundation.v2720-section-composition #nav .brand{min-width:28px!important;flex:0 0 28px!important}
  body.v2716-brand-foundation.v2720-section-composition #nav .language-choice{margin-left:auto!important}
  body.v2716-brand-foundation.v2720-section-composition #nav .language-choice select{width:52px;padding-left:8px}
  body.v2716-brand-foundation.v2720-section-composition #nav :is(.nav-cta,.v20-wallet-button){
    display:inline-flex!important;align-items:center;justify-content:center;
    min-height:44px!important;min-width:0!important;max-width:116px;
    padding:8px!important;font-size:9px!important;letter-spacing:.04em!important;
    margin-left:0!important;white-space:nowrap;
  }
  html[lang="zh-CN"] body.v2716-brand-foundation.v2720-section-composition #nav :is(.nav-cta,.v20-wallet-button){font-size:11px!important}
  body.v2716-brand-foundation.v2720-section-composition #story-engine .story-frame>.frame-copy{padding-inline:24px}
}
@media (max-width:900px){
  html[lang="zh-CN"] body.v2716-brand-foundation.v2720-section-composition #story-engine #opening .hero-copy-v5 h1{
    font-size:clamp(26px,7.2vw,36px)!important;line-height:1.45!important;letter-spacing:.04em!important;
  }
  html[lang="zh-CN"] body.v2716-brand-foundation.v2720-section-composition #story-engine .frame-copy :is(h1,h2){word-spacing:-.25em}
  html[lang="zh-CN"] body.v2716-brand-foundation.v2720-section-composition #story-engine .frame-copy h2{line-height:1.5!important;letter-spacing:.02em!important}
  html[lang="zh-CN"] body.v2716-brand-foundation.v2720-section-composition #story-engine .frame-copy .frame-sting{font-style:normal}
}