@font-face{font-family:"Podkova";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/podkova-400-cyrillic.woff2") format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Podkova";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/podkova-400-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Podkova";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/podkova-700-cyrillic.woff2") format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Podkova";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/podkova-700-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--serif:"Podkova",Georgia,"Times New Roman",serif}
html{overflow-x:hidden}
body{overflow-x:hidden}
.announcement{background:transparent;color:rgba(25,20,18,.66);border-bottom:1px solid var(--line)}
.announcement-inner{min-height:30px}
.announcement a{color:var(--rust)}
.announcement .live-dot{background:var(--rust);box-shadow:0 0 0 3px rgba(185,87,63,.12)}
.lob-rail{position:fixed;z-index:70;isolation:isolate;top:0;bottom:0;left:0;display:flex;width:48px;padding:118px 0 28px;flex-direction:column;align-items:center;justify-content:space-around;background:var(--ink);color:rgba(255,250,240,.56);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.lob-rail a{writing-mode:vertical-rl;transform:rotate(180deg);color:inherit;text-decoration:none;transition:color .2s ease,transform .2s ease}
.lob-rail .lob-rail-brand{color:var(--paper-2);font-size:9px;letter-spacing:.1em}
.lob-rail a:hover,.lob-rail a:focus-visible{color:var(--gold);outline:0;transform:rotate(180deg) translateX(2px)}
.lob-rail a:focus-visible{outline:1px solid var(--gold);outline-offset:6px}
.lob-rail-target{display:none}
.hero-media{background-position:54% center}
.hero-media{background-image:url("assets/lord-stage-v2.webp")}
.story-art-image{background-image:linear-gradient(90deg,rgba(239,198,111,.14),rgba(239,198,111,0)),url("assets/lord-stage-v2.webp")}
.hero-inner,.hero-bottom{width:min(calc(100% - 64px),var(--shell));}
.hero-copy{position:relative;z-index:3;max-width:760px;padding-bottom:54px}
.hero-copy h1{max-width:760px;line-height:.88;letter-spacing:-.035em}
.hero-note{z-index:3;right:0;bottom:92px;width:252px}
.hero-bottom{width:min(calc(100% - 64px),var(--shell));}
.menu-aside{position:relative;overflow:hidden;isolation:isolate;background-image:linear-gradient(90deg,rgba(25,20,18,.97) 0%,rgba(25,20,18,.82) 55%,rgba(25,20,18,.38) 100%),linear-gradient(180deg,rgba(25,20,18,.12),rgba(25,20,18,.88)),url("assets/lord-stage-v2.webp");background-size:auto 100%;background-position:68% center}
.menu-aside>*{position:relative;z-index:1}
.menu-aside-routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 20px}
.menu-aside-routes a{display:flex;flex-direction:column;gap:4px;padding:10px 9px;border:1px solid rgba(255,250,240,.22);background:rgba(25,20,18,.36);color:var(--paper-2);font-family:var(--serif);font-size:15px;line-height:1.05;transition:background .2s ease,border-color .2s ease}
.menu-aside-routes a:hover{background:rgba(239,198,111,.18);border-color:var(--gold)}
.menu-aside-routes span{font-family:var(--sans);font-size:9px;letter-spacing:.12em;color:var(--gold)}
.menu-aside p{max-width:230px}
.mobile-menu-trigger{display:none}
.menu-glyph{display:block;width:18px;height:12px;border-top:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);position:relative}
.menu-glyph:after{content:"";position:absolute;left:0;right:0;top:4px;border-top:1.5px solid var(--ink)}
@media (min-width:1101px){
  body{padding-left:48px}
  .mega-menu,.search-panel,.finder-drawer{left:48px}
  .shell,.hero-inner,.hero-bottom{width:min(calc(100% - 96px),var(--shell))}
  .hero-copy h1{font-size:clamp(68px,7vw,108px);line-height:.88}
  .hero-lead{max-width:480px}
  .hero-media{background-position:56% center}
}
@media (min-width:1101px) and (max-width:1279px){
  .header-main{grid-template-columns:190px minmax(0,1fr) auto;gap:18px}
  .brand img{width:170px}
  .primary-nav{gap:16px;font-size:12px}
  .header-actions{gap:10px}
}
@media (max-width:1279px){.hero-stats{display:none}}
@media (min-width:1440px){
  .shell,.hero-inner,.hero-bottom{width:min(calc(100% - 96px),1660px)}
  .hero{min-height:clamp(720px,calc(100svh - 150px),900px)}
  .hero-inner{min-height:clamp(670px,calc(100svh - 188px),850px);padding-top:24px}
  .hero-copy{max-width:780px;padding-bottom:38px}
  .hero-copy h1{max-width:780px;margin-top:24px;margin-bottom:24px}
  .hero-note{right:0;bottom:86px;width:258px}
  .feature-image{height:520px}
  .story-art{height:650px}
  .menu-body{grid-template-columns:1.28fr .84fr .84fr .96fr}
  .menu-aside{background-position:63% center}
}
@media (max-width:760px){.brand-note{display:none}.hero-media{background-position:61% center}.mobile-menu-trigger{display:grid}.hero{min-height:clamp(900px,120svh,1040px)}.hero-note{position:relative;left:auto;right:auto;bottom:auto;margin-top:30px;width:205px}.hero-inner{min-height:760px}.hero-bottom{bottom:15px}}
@media (max-width:340px){.hero-copy h1{font-size:44px;line-height:.9;letter-spacing:-.02em}}
@media (max-width:1100px){.lob-rail{display:none}}

/* Contrast repair: the hero footer remains legible over every part of the artwork. */
.hero-shade{background:linear-gradient(0deg,rgba(245,235,217,.72) 0%,rgba(245,235,217,0) 24%),linear-gradient(90deg,rgba(245,235,217,.94) 0%,rgba(245,235,217,.78) 28%,rgba(245,235,217,.08) 68%,rgba(25,20,18,.14) 100%)}
.hero-bottom{isolation:isolate;color:var(--ink)}
.hero-bottom::before{content:"";position:absolute;z-index:-1;inset:-11px -18px -10px;background:linear-gradient(90deg,rgba(245,235,217,.16),rgba(245,235,217,.64) 48%,rgba(245,235,217,.78));border-bottom:1px solid rgba(25,20,18,.24);backdrop-filter:blur(6px)}
.hero-stats{color:rgba(25,20,18,.9);font-weight:700;text-shadow:0 1px 0 rgba(255,250,240,.5)}
.hero-stats b{color:#9f3f2e}
.story-stamp{background:rgba(245,235,217,.9);border-color:rgba(25,20,18,.86);box-shadow:0 10px 30px rgba(25,20,18,.12);color:var(--ink);font-weight:700;text-shadow:0 1px 0 var(--paper-2)}
.closing-inner{min-width:0}
.closing-inner h2{max-width:100%;text-wrap:balance}
.closing-mark{right:0;max-width:100%;white-space:nowrap}

/* Motion thesis: the hosted table wakes up once, then stays composed. */
.hero-media{--scene-x:0px;--scene-y:0px;transform-origin:64% 54%;animation:lob-stage-breathe 16s cubic-bezier(.37,0,.63,1) infinite alternate;will-change:transform}
.hero-shade::after{content:"";position:absolute;width:44vw;height:44vw;right:10%;top:2%;border-radius:50%;background:radial-gradient(circle,rgba(255,250,240,.28),rgba(255,250,240,0) 68%);mix-blend-mode:screen;animation:lob-lantern-drift 12s ease-in-out infinite alternate;pointer-events:none}
.hero-bird{position:absolute;z-index:1;left:49%;top:25%;width:56px;color:var(--ink);opacity:.48;filter:drop-shadow(0 4px 8px rgba(25,20,18,.16));animation:lob-bird-glide 10s cubic-bezier(.37,0,.63,1) infinite alternate;pointer-events:none}
.hero-bird svg{display:block;width:100%;height:auto;overflow:visible;fill:currentColor}
.hero-bird-wing{transform-box:fill-box;transform-origin:center}
.hero-bird-wing-left{animation:lob-wing-left .95s ease-in-out infinite alternate}
.hero-bird-wing-right{animation:lob-wing-right .95s ease-in-out infinite alternate}
.hero.is-motion-paused .hero-media,.hero.is-motion-paused .hero-shade::after,.hero.is-motion-paused .hero-bird,.hero.is-motion-paused .hero-bird-wing{animation-play-state:paused}
.motion-can-run .hero-copy>*{opacity:0;transform:translateY(18px)}
.motion-can-run .hero-copy h1{clip-path:inset(0 100% 0 0)}
.motion-can-run.motion-loaded .hero-copy>*{opacity:1;transform:none;transition:opacity .62s cubic-bezier(.16,1,.3,1),transform .72s cubic-bezier(.16,1,.3,1)}
.motion-can-run.motion-loaded .hero-copy h1{clip-path:inset(0 0 0 0);transition:opacity .72s cubic-bezier(.16,1,.3,1),transform .78s cubic-bezier(.16,1,.3,1),clip-path .82s cubic-bezier(.16,1,.3,1)}
.motion-can-run.motion-loaded .hero-copy>*:nth-child(1){transition-delay:.05s}
.motion-can-run.motion-loaded .hero-copy>*:nth-child(2){transition-delay:.14s}
.motion-can-run.motion-loaded .hero-copy>*:nth-child(3){transition-delay:.26s}
.motion-can-run.motion-loaded .hero-copy>*:nth-child(4){transition-delay:.34s}
.motion-can-run.motion-loaded .hero-copy>*:nth-child(5){transition-delay:.42s}
.motion-title{will-change:auto}

@keyframes lob-stage-breathe{0%{transform:translate3d(var(--scene-x),var(--scene-y),0) scale(1.025)}100%{transform:translate3d(var(--scene-x),var(--scene-y),0) scale(1.045)}}
@keyframes lob-lantern-drift{0%{opacity:.3;transform:translate3d(-2%,1%,0) scale(.96)}100%{opacity:.58;transform:translate3d(5%,-3%,0) scale(1.06)}}
@keyframes lob-bird-glide{0%{opacity:.3;transform:translate3d(-8px,5px,0) rotate(-3deg) scale(.94)}50%{opacity:.52}100%{opacity:.38;transform:translate3d(18px,-8px,0) rotate(3deg) scale(1.04)}}
@keyframes lob-wing-left{from{transform:rotate(7deg) translateY(1px)}to{transform:rotate(-10deg) translateY(-1px)}}
@keyframes lob-wing-right{from{transform:rotate(-7deg) translateY(1px)}to{transform:rotate(10deg) translateY(-1px)}}

@media (max-width:760px){
  .hero-shade{background:linear-gradient(0deg,rgba(245,235,217,.68) 0%,rgba(245,235,217,0) 24%),linear-gradient(180deg,rgba(245,235,217,.94) 0%,rgba(245,235,217,.8) 45%,rgba(245,235,217,.02) 78%),linear-gradient(90deg,rgba(245,235,217,.72),transparent)}
  .hero-bottom::before{inset:-9px -8px -8px;background:rgba(245,235,217,.72)}
  .hero-media{transform-origin:66% 58%;animation-duration:19s}
  .hero-bird{left:17%;top:66%;width:42px;opacity:.42}
  .closing-inner h2{font-size:clamp(50px,14.4vw,68px);line-height:.86;letter-spacing:-.03em}
  .closing-mark{right:0;bottom:12px;font-size:82px;opacity:.72}
  .story-stamp{left:16px;bottom:16px;width:104px;height:104px;background:rgba(245,235,217,.94)}
}

@media (min-width:761px) and (max-width:900px){
  .header-main{grid-template-columns:1fr auto}
  .primary-nav,.header-subline{display:none}
  .mobile-menu-trigger{display:grid}
  .brand-note{display:none}
}

@media (prefers-reduced-motion:reduce){
  .hero-media,.hero-shade::after,.hero-bird,.hero-bird-wing{animation:none!important}
  .hero-media{transform:none!important}
  .hero-bird{opacity:.34}
  .motion-can-run .hero-copy>*{opacity:1!important;clip-path:none!important;transform:none!important;transition:none!important}
}
