/* Fenris family: the Agence Fenris palette, canvas and responsive rhythm. */
@layer fenris-reference {
 :root{--fr-gold:#d4af37;--fr-gold-light:#f2d37a;--fr-line:#9a7a0a;--fr-bg:#000105;--fr-panel:#030b1a;--fr-text:#f5f7fa;--fr-muted:#a8b3c7}
 html{background:#000105!important;overflow-x:clip!important}
 body{overflow-x:clip!important;isolation:isolate!important;background-color:var(--fr-bg)!important;background-image:linear-gradient(155deg,#00030a,#000207 54%,#000104)!important;background-attachment:fixed!important}
 body::before,body::after{content:""!important;position:fixed!important;inset:-50%!important;z-index:-1!important;pointer-events:none!important;border:0!important;box-shadow:none!important;will-change:transform,opacity}
 body::before{background:radial-gradient(ellipse at 56% 38%,rgba(12,38,85,.23),rgba(5,17,43,.07) 20%,transparent 42%)!important;animation:fr-ocean-drift 7s ease-in-out -2s infinite alternate!important}
 body::after{background:radial-gradient(ellipse at 40% 60%,rgba(8,30,72,.19),rgba(3,12,34,.05) 23%,transparent 44%)!important;animation:fr-ocean-tide 10s ease-in-out -5s infinite alternate!important}
 @keyframes fr-ocean-drift{from{transform:translate3d(-20%,-16%,0) scale(.94);opacity:.55}to{transform:translate3d(20%,16%,0) scale(1.12);opacity:1}}
 @keyframes fr-ocean-tide{from{transform:translate3d(20%,14%,0) scale(1.1);opacity:1}to{transform:translate3d(-20%,-16%,0) scale(.95);opacity:.5}}
 body.fn-workspace[data-account-role]{
  --fn-bg:#000105!important;--fn-surface:#030b1a!important;--fn-surface-raised:#051022!important;--fn-surface-hover:#0b1c34!important;
  --fn-border:#63501f!important;--fn-border-strong:#9a7a0a!important;--fn-gold:#d4af37!important;--fn-gold-hover:#f2d37a!important;--fn-gold-soft:#d4af3717!important;
  --fn-text:#f5f7fa!important;--fn-muted:#a8b3c7!important;--fn-subtle:#8b98ad!important;--fn-sidebar:240px!important;
  --ar-bg:var(--fn-bg)!important;--bk-bg:var(--fn-bg)!important;--nc-bg:var(--fn-bg)!important;--fa-bg:var(--fn-bg)!important;
  --ar-panel:var(--fn-surface)!important;--bk-panel:var(--fn-surface)!important;--nc-panel:var(--fn-surface)!important;--fa-panel:var(--fn-surface)!important;
  --ar-gold:var(--fn-gold)!important;--bk-gold:var(--fn-gold)!important;--nc-gold:var(--fn-gold)!important;--fa-gold:var(--fn-gold)!important;
  --ar-line:var(--fn-border)!important;--bk-line:var(--fn-border)!important;--nc-line:var(--fn-border)!important;--fa-line:var(--fn-border)!important;
  --ar-muted:var(--fn-muted)!important;--bk-muted:var(--fn-muted)!important;--nc-muted:var(--fn-muted)!important;--fa-muted:var(--fn-muted)!important;
  color:var(--fr-text)!important;
 }
 body.fn-workspace :is(.fn-main,.fn-main>section,.fn-viewport-content){background-color:transparent!important;background-image:none!important;min-width:0!important;max-width:100%!important}
 body.fn-workspace :is(.fn-sidebar,.fn-topbar){background:linear-gradient(145deg,#071020f7,#01050df7)!important;border-color:#9a7a0a55!important}
 body.fn-workspace :is(.fn-card,.fn-stat-card,.ar-panel,.bk-panel,.nc-panel,.fa-panel,.ar-kpi,.bk-kpi,.nc-kpi,.fa-kpi,.ar-stat,.bk-stat,.nc-stat,.fa-stat,.um-list,.um-chat,.um-profile){background:radial-gradient(ellipse at 100% 0,#0f274d0f,transparent 68%),linear-gradient(145deg,#030b1ad1,#010610d6 72%,#020814d1)!important;border-color:#9a7a0a80!important;border-radius:17px!important;box-shadow:inset 0 1px #fff05,0 5px 20px #0002!important}
 body.fn-workspace :is(.ar-page-items,.bk-page-items,.nc-page-items,.fa-page-items)>:is(article,a),
 body.fn-workspace :is(.ar-list-row,.bk-list-row,.nc-list-row,.fa-list-row,.ar-notification,.bk-notification,.nc-notification){border-color:#9a7a0a55!important;border-radius:12px!important}
 body.fn-workspace :is(.fn-button-primary,.ar-button-primary,.bk-button-primary,.nc-button-primary,.fa-button-primary){background:linear-gradient(110deg,#f2d37a,#e2bd53 52%,#b8860b)!important;border-color:#d4af37!important;color:#100d05!important}
 body.fn-workspace :is(.fn-button-primary,.ar-button-primary,.bk-button-primary,.nc-button-primary,.fa-button-primary):hover:not(:disabled){filter:brightness(1.06);color:#100d05!important}
 body.fn-workspace :is(input,textarea,select){background-color:#020917!important;color:var(--fr-text)!important;border-color:#66521e!important}
 body.fn-workspace :is(input,textarea,select):focus-visible{outline:2px solid #d4af37!important;outline-offset:2px}
 body.fn-workspace :is(.ar-tabs,.bk-tabs,.nc-tabs,.fa-tabs,.fn-tabs){gap:7px!important;background:transparent!important;border:0!important;box-shadow:none!important}
 body.fn-workspace :is(.ar-tabs,.bk-tabs,.nc-tabs,.fa-tabs,.fn-tabs)>:is(button,a){border:1px solid #66521e!important;border-radius:999px!important;background:#051022!important;color:#f5f7fa!important;min-height:38px!important;line-height:1.25!important}
 body.fn-workspace :is(.ar-tabs,.bk-tabs,.nc-tabs,.fa-tabs,.fn-tabs)>:is(button,a):is(.active,.is-active,[aria-selected=true]){background:linear-gradient(110deg,#f2d37a,#b8860b)!important;border-color:#d4af37!important;color:#100d05!important}
 body.fn-workspace :is(.ar-pagination,.bk-pagination,.nc-pagination,.fa-pagination,.fn-screen-pager,.um-contact-pages){border-color:#66521e55!important;background:transparent!important}
 body.fn-workspace .fn-numbered-pages>button{background:#020917!important;color:#f5f7fa!important;border-color:#66521e!important}
 body.fn-workspace .fn-numbered-pages>button.is-active{background:linear-gradient(110deg,#f2d37a,#b8860b)!important;color:#100d05!important;border-color:#d4af37!important}
 body.fn-workspace .fn-numbered-pages>button:hover:not(:disabled):not(.is-active){background:#10203b!important;color:white!important}
 body.fn-workspace dialog{border:1px solid #9a7a0a!important;background:linear-gradient(145deg,#071020,#01050d)!important;color:var(--fr-text)!important;max-height:calc(var(--premium-viewport-height,100dvh) - 24px)!important;transition-property:opacity,transform!important}
 dialog:not([open]){display:none!important;transition:none!important;animation:none!important}
 body.fn-workspace dialog::backdrop{background:#000a!important;backdrop-filter:blur(3px)}
 body.fn-workspace .fn-readable-overflow{overflow:auto!important}
 body.fn-workspace .fn-readable-viewport{overflow:auto!important}
 .fr-avatar-fallback{display:grid!important;place-items:center;width:32px;height:32px;border-radius:50%;background:#071426;color:#f2d37a;font-weight:750}
 .fr-bottom-nav,.fr-mobile-brand,.fr-menu-dialog{display:none}
 .fr-menu-dialog[open]{display:block}
 .fr-menu-dialog{box-sizing:border-box;width:min(680px,90vw);max-height:calc(100dvh - 36px);padding:0;border-radius:22px;overflow:auto}
 .fr-menu-dialog>header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:16px;background:#030b1a;border-bottom:1px solid #66521e}
 .fr-menu-dialog h2{margin:0;font-size:20px}
 .fr-menu-dialog>header button{display:grid;place-items:center;width:36px;height:36px;border:1px solid #66521e;border-radius:11px;background:#020917;color:#f2d37a;font-size:24px}
 .fr-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px}
 .fr-menu-grid button{box-sizing:border-box;display:flex;align-items:center;gap:10px;min-width:0;min-height:64px;padding:12px;border:1px solid #66521e;border-radius:14px;background:#051022;color:#f5f7fa;text-align:left;font:600 12px/1.35 Inter,Arial,sans-serif;cursor:pointer}
 .fr-menu-grid button svg{width:24px;height:24px;flex:0 0 24px;color:#f2d37a}
 .fr-menu-grid button[aria-current=page]{border-color:#d4af37;background:#d4af371a;color:#f2d37a}
 @media(min-width:1024px){
  body.fn-workspace .fn-topbar{left:var(--fn-sidebar)!important}
  body.fn-workspace .fn-sidebar{width:var(--fn-sidebar)!important}
  body.fn-workspace .fn-main{left:var(--fn-sidebar)!important;width:calc(100% - var(--fn-sidebar))!important}
 }
 @media(max-width:1023px){
  body.fn-workspace[data-account-role]{--fn-topbar:calc(76px + env(safe-area-inset-top))!important;--fr-bottom:calc(90px + env(safe-area-inset-bottom));--premium-padding:0px!important;--premium-gap:10px!important}
  html:has(body.fn-workspace){width:100%!important;overflow-x:clip!important}
  body.fn-workspace{height:var(--premium-viewport-height,100dvh)!important;min-height:0!important;overflow:hidden!important;width:100%!important;margin:0!important;padding:0!important}
  body.fn-workspace .fn-sidebar,body.fn-workspace .fn-sidebar-overlay,body.fn-workspace .fn-mobile-menu{display:none!important}
  body.fn-workspace .fn-topbar{box-sizing:border-box!important;left:0!important;right:0!important;top:0!important;height:var(--fn-topbar)!important;padding:calc(10px + env(safe-area-inset-top)) 5vw 10px!important;gap:10px!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
  body.fn-workspace .fn-topbar-heading{display:none!important}
  body.fn-workspace .fr-mobile-brand{display:flex!important;align-items:center;min-width:0;margin-right:auto;color:#f2d37a}
  .fr-mobile-brand img{display:block;width:145px!important;height:43px!important;object-fit:contain}
  body.fn-workspace .fn-topbar-actions{gap:10px!important;min-width:0!important}
  body.fn-workspace .fn-account-menu summary>span:not(.fr-avatar-fallback){display:none!important}
  body.fn-workspace .fn-account-menu summary{padding:2px!important;min-width:40px!important;height:40px!important;border:1px solid #9a7a0a!important;border-radius:50%!important;background:#020917!important}
  body.fn-workspace .fn-topbar .fn-icon-button{width:36px!important;height:40px!important;border:0!important;background:transparent!important;color:#f2d37a!important}
  body.fn-workspace .fn-main{position:fixed!important;box-sizing:border-box!important;inset:var(--fn-topbar) 0 var(--fr-bottom) 0!important;width:100%!important;height:calc(var(--premium-viewport-height,100dvh) - var(--fn-topbar) - var(--fr-bottom))!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
  body.fn-workspace .fn-main>section.app-view-active{position:relative!important;box-sizing:border-box!important;width:90vw!important;max-width:90vw!important;margin:0 auto!important;height:100%!important;min-height:0!important;padding:6px 0 4px!important}
  body.fn-workspace .fn-viewport-content{min-width:0!important;max-width:100%!important}
  body.fn-workspace .fn-viewport-heading h1{font:750 23px/1.18 Inter,Arial,sans-serif!important;letter-spacing:-.025em!important}
  body.fn-workspace .fn-viewport-heading p{font-size:11px!important;line-height:1.4!important}
  body.fn-workspace :is(.ar-kpis,.bk-kpis,.nc-kpis,.fa-kpis){gap:8px!important}
  body.fn-workspace :is(.ar-stat,.bk-stat,.nc-stat,.fa-stat,.ar-kpi,.bk-kpi,.nc-kpi,.fa-kpi){padding:12px!important;border-radius:15px!important}
  body.fn-workspace :is(.ar-page-heading,.bk-page-heading,.nc-page-heading,.fa-page-heading,.fn-page-header){margin-bottom:10px!important;gap:8px!important}
  body.fn-workspace .fn-tab-picker{display:none!important}
  body.fn-workspace :is(.ar-calendar-surface,.bk-calendar-surface,.nc-calendar-surface){min-height:190px!important}
  body.fn-workspace :is(.ar-pagination,.bk-pagination,.nc-pagination,.fa-pagination){position:relative!important;inset:auto!important;transform:none!important;width:100%!important;margin-top:12px!important;flex:0 0 auto!important}
  body.fn-workspace :is(.ar-tabs,.bk-tabs,.nc-tabs,.fa-tabs,.fn-tabs){display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;max-width:100%!important;scrollbar-width:none}
  body.fn-workspace :is(.ar-tabs,.bk-tabs,.nc-tabs,.fa-tabs,.fn-tabs)>:is(button,a){display:flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;min-width:max-content!important;padding:7px 12px!important;font-size:11px!important}
  body.fn-workspace .fr-bottom-nav{position:fixed!important;z-index:150!important;left:5vw!important;right:5vw!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;width:90vw!important;height:70px;box-sizing:border-box;padding:4px 6px;border:1px solid #9a7a0a;border-radius:32px;background:linear-gradient(120deg,#050f21fa,#010612fa);box-shadow:0 7px 26px #0007}
  .fr-bottom-nav>button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;height:58px;padding:3px 0;border:0;background:none;color:#a8b3c7;font:650 9px/1.15 Inter,Arial,sans-serif;cursor:pointer}
  .fr-bottom-nav>button>svg{width:23px;height:23px;flex:0 0 auto}
  .fr-bottom-nav>button>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .fr-bottom-nav>button[aria-current=page]{color:#f2d37a}
  .fr-bottom-nav>button.fr-home>svg{box-sizing:content-box;width:27px;height:27px;padding:8px;border:1px solid #9a7a0a;border-radius:50%;background:radial-gradient(circle at 50% 35%,#6b4b1855,#01050d 72%);color:#f2d37a;box-shadow:0 0 14px #d4af371a}
  .fr-bottom-nav>button.fr-home{height:60px;gap:1px}
  .fr-bottom-nav b{position:absolute;top:1px;right:calc(50% - 23px);display:grid;place-items:center;min-width:16px;height:16px;padding:0 3px;border-radius:999px;background:#d4af37;color:#100d05;font:750 9px Inter,Arial,sans-serif}
  body.fn-workspace .fn-account-popover{max-width:90vw!important;right:0!important;left:auto!important}
  body.fn-workspace dialog:not(.fr-menu-dialog){box-sizing:border-box!important;max-width:90vw!important}
  body.fn-workspace :is(.fn-screen-toolbar,.fn-screen-pager){margin-bottom:8px!important;padding-bottom:2px!important;max-width:100%!important}
 }
 @media(max-width:359px){.fr-mobile-brand img{width:124px!important}.fr-menu-grid{gap:8px;padding:12px}.fr-menu-grid button{padding:9px;font-size:11px}.fr-bottom-nav>button{font-size:8px}}
 @media(max-height:500px) and (max-width:1023px){body.fn-workspace[data-account-role]{--fn-topbar:56px!important;--fr-bottom:70px!important}body.fn-workspace .fr-bottom-nav{height:58px;bottom:5px!important}.fr-bottom-nav>button{height:48px;gap:2px}.fr-bottom-nav>button.fr-home{height:48px}.fr-bottom-nav>button.fr-home>svg{width:23px;height:23px;padding:5px}.fr-mobile-brand img{height:33px!important}}
 @media(prefers-reduced-motion:reduce){body::before,body::after{animation:none!important;will-change:auto!important}body.fn-workspace *{scroll-behavior:auto!important}}
 @media print{body::before,body::after,.fr-bottom-nav,.fr-mobile-brand{display:none!important}}
}

@layer fenris-reference {
 body:not(.fn-workspace){--gold:#d4af37!important;--gold-light:#f2d37a!important;--bg:#000105!important;--bg-secondary:#020917!important;--text:#f5f7fa!important;--muted:#a8b3c7!important}
 body:not(.fn-workspace) :is(main>section,.service-page,.reference-page,.trust-page,.contact-page){background-color:transparent!important}
 body:not(.fn-workspace) :is(.service-card,.artist-card,.news-card,.reference-card,.expertise-card,.contact-card,.value-card,.trust-card){border-color:#9a7a0a80!important;background-color:#030b1a!important;border-radius:17px!important}
 body:not(.fn-workspace) .hero-bg{background:transparent!important}
 body:not(.fn-workspace) :is(.header,.fn-public-header){background:#01050df2!important;border-bottom-color:#9a7a0a55!important}
 body:not(.fn-workspace) :is(.btn-primary,.button-primary){background:linear-gradient(110deg,#f2d37a,#e2bd53 52%,#b8860b)!important;color:#100d05!important;border-color:#d4af37!important}
 body:not(.fn-workspace) :is(.btn-primary,.button-primary):hover{color:#100d05!important;filter:brightness(1.06)}
 @media(max-width:1023px){
  body:not(.fn-workspace) :is(.container,.section-inner){max-width:90vw!important}
 }
}