.container{width:min(var(--container),calc(100% - 32px));margin:0 auto}
.site-shell{min-height:100vh;display:flex;flex-direction:column}
.skip-link{position:absolute;left:-9999px;top:8px;z-index:999;background:#fff;color:#000;padding:8px 12px}.skip-link:focus{left:8px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(7,9,9,.9);backdrop-filter:blur(12px);border-bottom:1px solid rgba(141,113,64,.45)}
.site-header__inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand__mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line-strong);color:var(--gold-soft);font-family:Georgia,serif;font-size:26px;box-shadow:inset 0 0 18px rgba(211,173,97,.1)}
.brand__text{display:flex;flex-direction:column;line-height:1.15}.brand__text strong{font-size:20px;letter-spacing:.14em}.brand__text small{margin-top:5px;color:var(--gold);font-size:14px;letter-spacing:.25em}
.main-nav{display:flex;align-items:center;gap:4px}.main-nav a{position:relative;text-decoration:none;color:#c9c4b9;padding:24px 13px;font-size:16px}.main-nav a:after{content:"";position:absolute;left:13px;right:13px;bottom:15px;height:1px;background:var(--gold);transform:scaleX(0);transition:transform .2s ease}.main-nav a:hover,.main-nav a.is-active{color:var(--gold-soft)}.main-nav a:hover:after,.main-nav a.is-active:after{transform:scaleX(1)}
.nav-toggle{display:none;background:transparent;border:1px solid var(--line);color:var(--gold-soft);padding:8px 11px}
main{flex:1}
.site-footer{margin-top:auto;border-top:1px solid rgba(141,113,64,.35);background:#070908}.site-footer__inner{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#777c76;font-size:14px}.site-footer strong{display:block;color:#aaa79e;font-weight:500}.site-footer span{display:block;margin-top:3px;letter-spacing:.12em}
@media(max-width:820px){.site-header__inner{min-height:66px}.nav-toggle{display:block}.main-nav{display:none;position:absolute;top:66px;left:0;right:0;flex-direction:column;align-items:stretch;background:#090c0b;border-bottom:1px solid var(--line);padding:8px 16px 16px}.main-nav.is-open{display:flex}.main-nav a{padding:13px 8px;border-bottom:1px solid rgba(255,255,255,.05)}.main-nav a:after{display:none}.site-footer__inner{align-items:flex-start;flex-direction:column;justify-content:center}}
/* v2.1.0 information architecture */
.main-nav{gap:0}.nav-item{position:relative}.nav-item__link,.nav-item__trigger{appearance:none;border:0;background:transparent;font:inherit;position:relative;text-decoration:none;color:#c9c4b9;padding:24px 11px;font-size:15px;cursor:pointer;display:flex;align-items:center;gap:7px}.nav-item__trigger i{width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg) translateY(-2px)}.nav-item__link:after,.nav-item__trigger:after{content:"";position:absolute;left:11px;right:11px;bottom:15px;height:1px;background:var(--gold);transform:scaleX(0);transition:transform .2s}.nav-item__link:hover,.nav-item__link.is-active,.nav-item__trigger:hover,.nav-item__trigger.is-active,.nav-item.is-open .nav-item__trigger{color:var(--gold-soft)}.nav-item__link:hover:after,.nav-item__link.is-active:after,.nav-item__trigger:hover:after,.nav-item__trigger.is-active:after{transform:scaleX(1)}.nav-panel{position:absolute;top:calc(100% - 4px);left:0;min-width:240px;padding:12px;background:rgba(8,12,10,.98);border:1px solid var(--line);box-shadow:0 22px 60px rgba(0,0,0,.48);opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s;z-index:70}.nav-item.is-open .nav-panel,.nav-item:hover .nav-panel{opacity:1;visibility:visible;transform:none}.nav-panel__list{display:grid}.nav-panel a{padding:11px 13px;color:#c9c4b9;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.05)}.nav-panel a:hover{background:rgba(211,173,97,.08);color:var(--gold-soft)}.nav-panel--mega{width:min(680px,80vw);left:50%;transform:translate(-50%,8px)}.nav-item.is-open .nav-panel--mega,.nav-item:hover .nav-panel--mega{transform:translate(-50%,0)}.nav-panel__groups{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.nav-panel__groups section{padding:8px}.nav-panel__groups strong{display:block;color:var(--gold);font-size:12px;letter-spacing:.16em;padding:5px 8px 10px}.nav-panel__groups a{display:block}.nav-search-link{margin-left:7px;display:flex;align-items:center;gap:7px;text-decoration:none;color:var(--gold-soft);border:1px solid var(--line);padding:8px 10px}.nav-search-link span{font-size:13px}.nav-search-link b{font-size:20px;font-weight:400}.site-breadcrumb{background:#090c0a;border-bottom:1px solid rgba(141,113,64,.22)}.site-breadcrumb .container{min-height:42px;display:flex;align-items:center;gap:10px;color:#777c76;font-size:13px}.site-breadcrumb a{color:#aaa79e;text-decoration:none}.site-breadcrumb strong{color:var(--gold-soft);font-weight:500}.knowledge-placeholder{max-width:920px;padding:50px;border:1px solid var(--line);background:linear-gradient(140deg,rgba(211,173,97,.05),rgba(255,255,255,.01))}.knowledge-placeholder__tag{color:var(--gold);letter-spacing:.16em}.knowledge-placeholder h2{font-size:32px;margin:18px 0 12px}.knowledge-placeholder p{color:#aaa79e;line-height:1.8}.knowledge-placeholder__back{display:inline-block;margin-top:25px;padding:11px 18px;border:1px solid var(--line-strong);color:var(--gold-soft);text-decoration:none}.global-search-box{display:block;padding:22px;border:1px solid var(--line);background:#0b0f0d}.global-search-box span{display:block;color:var(--gold);font-size:13px;letter-spacing:.14em;margin-bottom:10px}.global-search-box input{width:100%;background:#070a08;color:#f2ead8;border:1px solid var(--line);padding:15px 17px;font-size:18px}.global-search-count{margin:24px 0;color:#8f948e}.global-search-results{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.global-search-result{display:block;text-decoration:none;padding:24px;border:1px solid var(--line);background:#0a0e0c;transition:.2s}.global-search-result:hover{transform:translateY(-3px);border-color:var(--line-strong);background:#0d120f}.global-search-result span{font-size:12px;color:var(--gold);letter-spacing:.13em}.global-search-result h2{font-size:22px;margin:12px 0 9px;color:#eee4d1}.global-search-result p{color:#969b95;line-height:1.65;min-height:52px}.global-search-result b{color:var(--gold-soft);font-weight:500}.global-search-empty{padding:40px;text-align:center;border:1px dashed var(--line);color:#777c76}
@media(max-width:1100px){.nav-item__link,.nav-item__trigger{padding-left:7px;padding-right:7px;font-size:14px}.global-search-results{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.main-nav{overflow:auto;max-height:calc(100vh - 66px)}.nav-item{width:100%}.nav-item__link,.nav-item__trigger{width:100%;padding:13px 8px;border-bottom:1px solid rgba(255,255,255,.05);justify-content:space-between}.nav-item__link:after,.nav-item__trigger:after{display:none}.nav-panel,.nav-panel--mega{position:static;width:auto;min-width:0;opacity:1;visibility:visible;display:none;transform:none!important;border:0;border-left:1px solid var(--line);box-shadow:none;margin-left:8px;padding:4px 8px;background:rgba(255,255,255,.015)}.nav-item.is-open .nav-panel{display:block}.nav-item:hover .nav-panel{display:none}.nav-item.is-open:hover .nav-panel{display:block}.nav-panel__groups{grid-template-columns:1fr}.nav-search-link{margin:12px 0 4px;justify-content:center}.global-search-results{grid-template-columns:1fr}.knowledge-placeholder{padding:28px}}

/* ============================================================
   Odyssey Database v2.13.2 / Phase 2
   Global header, navigation and shell rework
   ============================================================ */
:root{--header-height:82px;--header-height-mobile:68px;--nav-surface:rgba(8,11,10,.97);--nav-panel-surface:#0d110f;--nav-panel-border:rgba(202,164,91,.3)}
html{scroll-padding-top:calc(var(--header-height) + 16px)}
body.nav-open{overflow:hidden}
.site-shell{position:relative;isolation:isolate;overflow:clip}
.site-header{height:var(--header-height);position:sticky;top:0;z-index:100;background:linear-gradient(180deg,rgba(7,9,8,.98),rgba(7,10,8,.93));border-bottom:1px solid rgba(194,151,70,.28);box-shadow:0 8px 34px rgba(0,0,0,.2);backdrop-filter:blur(18px);transition:height .24s ease,background .24s ease,box-shadow .24s ease}
.site-header.is-scrolled{height:72px;background:rgba(6,9,7,.96);box-shadow:0 14px 38px rgba(0,0,0,.42)}
.site-header__accent{position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(225,188,113,.72) 24%,rgba(225,188,113,.18) 75%,transparent);pointer-events:none}
.site-header__inner{height:100%;min-height:0;display:flex;align-items:center;gap:28px}
.brand{flex:0 0 auto;display:flex;align-items:center;gap:13px;min-width:max-content;text-decoration:none}
.brand__mark{position:relative;width:43px;height:43px;display:grid;place-items:center;border:1px solid rgba(218,178,101,.62);background:radial-gradient(circle at 50% 34%,rgba(218,178,101,.15),rgba(218,178,101,.015) 68%);box-shadow:inset 0 0 22px rgba(218,178,101,.08),0 0 0 4px rgba(218,178,101,.025);transform:rotate(45deg)}
.brand__mark:before{content:"";position:absolute;inset:5px;border:1px solid rgba(218,178,101,.16)}
.brand__mark b{font-family:Georgia,"Times New Roman",serif;font-size:25px;font-weight:400;color:#ead4a5;transform:rotate(-45deg);text-shadow:0 0 15px rgba(230,190,112,.35)}
.brand__text strong{font-size:18px;font-weight:600;letter-spacing:.13em;color:#f0e8d8;white-space:nowrap}
.brand__text small{margin-top:5px;font-size:10px;letter-spacing:.28em;color:#b99759;white-space:nowrap}
.site-header__actions{display:flex;align-items:center;gap:8px;margin-left:auto;order:3}
.header-search{display:flex;align-items:center;gap:9px;height:38px;padding:0 12px;color:#bbb6aa;text-decoration:none;border:1px solid rgba(196,159,88,.18);background:rgba(255,255,255,.015);transition:.2s ease}
.header-search:hover{color:#ead5a9;border-color:rgba(210,170,94,.5);background:rgba(210,170,94,.06)}
.header-search__icon{position:relative;width:15px;height:15px;display:inline-block;border:1.5px solid currentColor;border-radius:50%}
.header-search__icon:after{content:"";position:absolute;width:6px;height:1.5px;background:currentColor;right:-5px;bottom:-2px;transform:rotate(45deg);transform-origin:left center}
.header-search__label{font-size:13px;letter-spacing:.08em}
.main-nav{position:static;display:flex;align-items:stretch;align-self:stretch;margin-left:auto;gap:0;order:2}
.main-nav__items{display:flex;align-items:stretch;height:100%}
.main-nav__mobile-head,.main-nav__mobile-foot,.nav-search-link{display:none}
.nav-item{position:relative;display:flex;align-items:stretch}
.nav-item__link,.nav-item__trigger{position:relative;display:flex;align-items:center;gap:8px;padding:0 12px;border:0;background:transparent;color:#bbb7ad;font:inherit;font-size:14px;letter-spacing:.04em;text-decoration:none;cursor:pointer;white-space:nowrap;transition:color .2s ease,background .2s ease}
.nav-item__link:before,.nav-item__trigger:before{content:"";position:absolute;left:12px;right:12px;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#d6ad62,transparent);transform:scaleX(0);transition:transform .22s ease}
.nav-item__link:after,.nav-item__trigger:after{display:none!important}
.nav-item__link:hover,.nav-item__trigger:hover,.nav-item.is-open .nav-item__trigger,.nav-item.is-current>.nav-item__link,.nav-item.is-current>.nav-item__trigger{color:#f0dcae;background:linear-gradient(180deg,transparent,rgba(207,164,86,.045))}
.nav-item__link:hover:before,.nav-item__trigger:hover:before,.nav-item.is-open .nav-item__trigger:before,.nav-item.is-current>.nav-item__link:before,.nav-item.is-current>.nav-item__trigger:before{transform:scaleX(1)}
.nav-item__trigger i{width:6px;height:6px;margin-top:-3px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);transition:transform .2s ease}
.nav-item.is-open .nav-item__trigger i{transform:rotate(225deg);margin-top:4px}
.nav-panel{position:absolute;top:calc(100% - 1px);left:50%;min-width:310px;padding-top:12px;border:0;background:transparent;box-shadow:none;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,8px);transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:120}
.nav-item.is-open>.nav-panel,.nav-item:hover>.nav-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.nav-panel__surface{position:relative;display:grid;grid-template-columns:112px minmax(190px,1fr);padding:10px;background:linear-gradient(145deg,rgba(17,22,19,.99),rgba(8,12,10,.99));border:1px solid var(--nav-panel-border);box-shadow:0 24px 64px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.025)}
.nav-panel__surface:before{content:"";position:absolute;left:20px;right:20px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,#ddb469,transparent)}
.nav-panel__intro{padding:15px 13px;border-right:1px solid rgba(208,168,92,.15);background:radial-gradient(circle at top left,rgba(208,168,92,.09),transparent 68%)}
.nav-panel__intro small{display:block;color:#9d8050;font-size:9px;letter-spacing:.22em;margin-bottom:8px}
.nav-panel__intro strong{display:block;color:#e7d5ae;font-size:16px;font-weight:500;letter-spacing:.08em;line-height:1.55}
.nav-panel__list{display:grid;padding:3px 0 3px 8px}
.nav-panel a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;color:#bbb9b1;border:0;text-decoration:none;font-size:13px;transition:.16s ease}
.nav-panel a span{position:relative}
.nav-panel a b{font-weight:400;color:#806a43;transform:translateX(-3px);opacity:0;transition:.16s ease}
.nav-panel a:hover{color:#f1ddb3;background:linear-gradient(90deg,rgba(211,170,93,.11),rgba(211,170,93,.015))}
.nav-panel a:hover b{opacity:1;transform:none;color:#d1aa63}
.nav-panel--mega{width:min(820px,calc(100vw - 40px));min-width:680px;left:50%;transform:translate(-50%,8px)}
.nav-item.is-open>.nav-panel--mega,.nav-item:hover>.nav-panel--mega{transform:translate(-50%,0)}
.nav-panel--mega .nav-panel__surface{display:block;padding:18px}
.nav-panel__groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.nav-panel__groups section{padding:6px 8px 9px;border-right:1px solid rgba(208,168,92,.13)}
.nav-panel__groups section:last-child{border-right:0}
.nav-panel__groups strong{display:block;padding:5px 10px 11px;color:#b99a61;font-size:11px;font-weight:600;letter-spacing:.14em;border-bottom:1px solid rgba(208,168,92,.13)}
.nav-panel__groups a{padding:9px 10px}
.nav-backdrop{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.68);backdrop-filter:blur(3px);opacity:0;visibility:hidden;pointer-events:none;transition:.25s ease}
.site-breadcrumb{position:relative;background:linear-gradient(90deg,#090c0a,#0b100d 50%,#090c0a);border-bottom:1px solid rgba(164,132,73,.17)}
.site-breadcrumb:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(202,164,91,.18),transparent)}
.site-breadcrumb .container{min-height:46px;font-size:12px;letter-spacing:.035em}
.site-breadcrumb a{color:#8c908a;transition:color .18s ease}.site-breadcrumb a:hover{color:#d7bd89}.site-breadcrumb strong{color:#cdb582;font-weight:500}
main{position:relative;min-width:0}
@media(max-width:1180px){.brand__text small{display:none}.nav-item__link,.nav-item__trigger{padding-left:9px;padding-right:9px;font-size:13px}.nav-item__link:before,.nav-item__trigger:before{left:9px;right:9px}.header-search__label{display:none}.header-search{width:38px;justify-content:center;padding:0}}
@media(max-width:920px){
  :root{--header-height:var(--header-height-mobile)}html{scroll-padding-top:calc(var(--header-height-mobile) + 12px)}
  .site-header,.site-header.is-scrolled{height:var(--header-height-mobile)}.site-header__inner{gap:14px}.brand__mark{width:38px;height:38px}.brand__mark b{font-size:22px}.brand__text strong{font-size:16px}.brand__text small{display:block;font-size:8px}.header-search{display:none}
  .nav-toggle{display:flex;align-items:center;gap:9px;height:40px;padding:0 12px;border:1px solid rgba(202,164,91,.28);background:rgba(202,164,91,.04);color:#ddc38f;font-size:12px;letter-spacing:.08em;cursor:pointer}
  .nav-toggle__lines{width:17px;display:grid;gap:4px}.nav-toggle__lines i{display:block;height:1px;background:currentColor;transition:.2s ease}.nav-toggle__lines i:nth-child(2){width:12px}
  .main-nav{position:fixed;top:0;right:0;bottom:0;left:auto;width:min(390px,90vw);max-height:none;display:flex!important;flex-direction:column;align-items:stretch;padding:0;background:linear-gradient(155deg,#101512,#070a08 72%);border-left:1px solid rgba(207,167,91,.25);box-shadow:-24px 0 70px rgba(0,0,0,.55);transform:translateX(104%);transition:transform .28s cubic-bezier(.22,.8,.25,1);z-index:110;overflow:hidden}
  .main-nav.is-open{transform:none}.nav-open .nav-backdrop{opacity:1;visibility:visible;pointer-events:auto}
  .main-nav__mobile-head{display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:0 20px;border-bottom:1px solid rgba(207,167,91,.18);color:#9d8353;font-size:10px;letter-spacing:.2em}.main-nav__close{width:36px;height:36px;border:1px solid rgba(207,167,91,.2);background:transparent;color:#d7c293;font-size:24px;line-height:1;cursor:pointer}
  .main-nav__items{display:block;height:auto;flex:1;overflow:auto;padding:12px 14px 18px}.nav-item{display:block;width:100%;border-bottom:1px solid rgba(255,255,255,.045)}
  .nav-item__link,.nav-item__trigger{width:100%;min-height:52px;padding:0 10px;font-size:14px;justify-content:space-between;background:transparent!important}.nav-item__link:before,.nav-item__trigger:before{left:0;top:12px;bottom:12px;width:2px;height:auto;right:auto;transform:scaleY(0)}.nav-item.is-current>.nav-item__link:before,.nav-item.is-current>.nav-item__trigger:before{transform:scaleY(1)}
  .nav-panel,.nav-panel--mega{position:static;width:auto;min-width:0;padding:0;margin:0 0 8px 8px;opacity:1;visibility:visible;pointer-events:auto;display:none;transform:none!important;border:0;background:transparent}.nav-item:hover>.nav-panel{display:none}.nav-item.is-open>.nav-panel,.nav-item.is-open:hover>.nav-panel{display:block}
  .nav-panel__surface,.nav-panel--mega .nav-panel__surface{display:block;padding:5px 0 8px 8px;border:0;border-left:1px solid rgba(207,167,91,.2);background:rgba(255,255,255,.012);box-shadow:none}.nav-panel__surface:before,.nav-panel__intro{display:none}.nav-panel__list{padding:0 5px}.nav-panel a{min-height:42px;padding:8px 12px;font-size:13px}.nav-panel a b{opacity:.45}.nav-panel__groups{display:block}.nav-panel__groups section{padding:5px 5px 8px;border:0}.nav-panel__groups strong{padding:8px 10px;color:#987d4f;border:0;font-size:10px}.nav-panel__groups a{padding:8px 12px}
  .nav-search-link{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 18px 14px;padding:13px;border:1px solid rgba(207,167,91,.28);color:#dbc28f;text-decoration:none;font-size:13px;letter-spacing:.06em;background:rgba(207,167,91,.04)}.main-nav__mobile-foot{display:flex;justify-content:space-between;gap:10px;padding:15px 20px 18px;border-top:1px solid rgba(207,167,91,.13);color:#676e68;font-size:9px;letter-spacing:.1em}.main-nav__mobile-foot small{font-size:9px;color:#806d49}
}
@media(max-width:480px){.container{width:min(var(--container),calc(100% - 24px))}.brand__text strong{font-size:14px}.brand__text small{letter-spacing:.19em}.nav-toggle__label{display:none}.nav-toggle{width:40px;justify-content:center;padding:0}.main-nav{width:92vw}}
@media(prefers-reduced-motion:reduce){.site-header,.main-nav,.nav-backdrop,.nav-panel,.nav-item__link:before,.nav-item__trigger:before{transition:none!important}}


/* ============================================================
   Odyssey Database v2.13.2 / Navigation Hotfix 1
   Prevent mobile drawer rules from leaking into desktop layouts.
   ============================================================ */
@media(min-width:921px){
  .site-header{height:var(--header-height)!important;overflow:visible}
  .site-header__inner{height:100%!important;min-height:0!important;flex-wrap:nowrap!important}
  .main-nav{position:static!important;inset:auto!important;width:auto!important;max-height:none!important;height:100%!important;display:flex!important;flex-direction:row!important;align-items:stretch!important;overflow:visible!important;transform:none!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
  .main-nav__items{display:flex!important;flex-direction:row!important;align-items:stretch!important;height:100%!important;padding:0!important;overflow:visible!important}
  .main-nav__mobile-head,.main-nav__mobile-foot,.nav-search-link{display:none!important}
  .nav-item{display:flex!important;width:auto!important;align-items:stretch!important;border:0!important}
  .nav-toggle{display:none!important}
  .nav-backdrop{display:none!important}
}
@media(max-width:920px){
  .site-header,.site-header.is-scrolled{height:var(--header-height-mobile)!important}
  .site-header__inner{height:100%!important;min-height:0!important;flex-wrap:nowrap!important}
  .main-nav{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:min(390px,90vw)!important;height:100dvh!important;max-height:100vh!important;margin:0!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;overflow:hidden!important;transform:translate3d(104%,0,0)!important;visibility:hidden!important;pointer-events:none!important}
  .main-nav.is-open{transform:translate3d(0,0,0)!important;visibility:visible!important;pointer-events:auto!important}
  .main-nav__mobile-head{display:flex!important;flex:0 0 auto}
  .main-nav__items{display:block!important;flex:1 1 auto!important;height:auto!important;overflow-y:auto!important;overflow-x:hidden!important}
  .main-nav__mobile-foot,.nav-search-link{display:flex!important;flex:0 0 auto}
  .nav-item{display:block!important;width:100%!important}
  .nav-backdrop{display:block!important}
}

.brand__mark--image{overflow:hidden;padding:3px}.brand__mark--image img{display:block;width:100%;height:100%;object-fit:contain}