:root{
    --obsidian:#0B0806;
    --gold:#F0A92C;
    --gleam:#FFCF5A;
    --amber:#FF9C1E;
    --copper:#A3502E;
    --page:#14100A;
    --line:rgba(240,169,44,.34);
    --line-soft:rgba(240,169,44,.16);
    --ink:#F3E3BC;
    --ink-dim:#A98D5C;
    --sidebar-w:264px;
    --head-h:max(64px, 6.72vw); 
    --topbar-h:60px;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth;scroll-padding-top:var(--head-h)}
  body{
    background:var(--page);
    color:var(--ink);
    font:16px/1.5 "Segoe UI", system-ui, sans-serif;
    min-height:100vh;
    overflow-x:hidden;
    scroll-padding-top:var(--head-h);
  }
  img{max-width:100%}
  a{text-decoration:none;color:inherit}

  
  .sidebar{
    
    position:absolute;left:0;top:var(--head-h);z-index:40;
    height:calc(100vh - var(--head-h));
    width:var(--sidebar-w);
    display:flex;flex-direction:column;
    background:
      linear-gradient(180deg,#191209 0%, var(--obsidian) 34%, #070503 100%);
    border-right:1px solid var(--line);
    box-shadow:
      inset -1px 0 0 rgba(255,207,90,.10),
      6px 0 30px rgba(0,0,0,.6);
    overflow:hidden; 
  }
  
  .side-scroll{
    flex:1 1 auto;min-height:0;
    overflow-y:auto;overflow-x:hidden;
    scrollbar-width:none;
  }
  .side-scroll::-webkit-scrollbar{display:none}
  
  .side-frieze{
    display:block;width:100%;height:24px;flex:none;
    object-fit:cover;
    filter:drop-shadow(0 3px 8px rgba(0,0,0,.7));
  }
  .side-frieze.top{object-position:center top}
  .side-frieze.btm{
    margin-top:10px;
    object-position:center bottom;
    filter:drop-shadow(0 -3px 8px rgba(0,0,0,.7));
  }

  
  .brand{
    position:relative;z-index:1;
    display:flex;flex-direction:column;align-items:center;
    padding:12px 16px 10px;text-align:center;
  }
  .brand .emblem{
    width:56px;height:56px;object-fit:contain;
    filter:drop-shadow(0 5px 14px rgba(255,156,30,.35));
    transition:filter .3s;
  }
  .brand:hover .emblem{filter:drop-shadow(0 0 16px rgba(255,156,30,.65))}
  .brand .word{
    margin-top:7px;
    font-family:"Palatino Linotype","Book Antiqua",Georgia,serif;
    font-size:22px;font-weight:700;letter-spacing:.3em;text-indent:.3em;
    background:linear-gradient(180deg,#FFE49A 0%, var(--gleam) 34%, var(--gold) 62%, #B06914 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .brand .tag{
    margin-top:2px;
    font-size:9px;letter-spacing:.36em;text-transform:uppercase;
    color:var(--ink-dim);
  }

  
  @media (max-height:660px){
    .brand{padding:8px 16px 6px}
    .brand .emblem{width:42px;height:42px}
    .brand .word{margin-top:4px;font-size:18px}
    .brand .tag{display:none}
    .side-nav{padding-top:6px}
    .side-nav a{padding:4px 10px;margin-bottom:4px;font-size:12.5px}
    .side-nav a img{width:28px;height:28px}
  }

  
  .search-ico{
    flex:none;position:relative;width:12px;height:12px;
    border:2px solid var(--gold);border-radius:50%;
  }
  .search-ico::after{
    content:"";position:absolute;right:-6px;bottom:-3px;
    width:7px;height:2px;border-radius:2px;
    background:var(--gold);transform:rotate(45deg);
  }

  
  .side-nav{position:relative;z-index:1;display:flex;flex-direction:column;padding:10px 12px 0}
  .side-nav a{
    display:flex;align-items:center;gap:12px;
    padding:6px 10px;margin-bottom:8px;
    border-radius:11px;
    border:1px solid transparent;
    color:#D8BE86;
    font-size:13.5px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;
    transition:border-color .25s, color .25s, background .25s, box-shadow .25s;
  }
  .side-nav a:last-child{margin-bottom:0}
  .side-nav a img{
    flex:none;width:34px;height:34px;object-fit:contain;
    filter:drop-shadow(0 3px 6px rgba(0,0,0,.75));
    transition:filter .25s, transform .25s;
  }
  .side-nav a:hover{
    color:var(--gleam);
    border-color:rgba(240,169,44,.4);
    background:linear-gradient(90deg, rgba(255,156,30,.10) 0%, rgba(255,156,30,0) 80%);
    box-shadow:inset 0 1px 0 rgba(255,207,90,.10);
  }
  .side-nav a:hover img{
    filter:drop-shadow(0 0 9px rgba(255,156,30,.8));
    transform:scale(1.06);
  }
  .side-nav a.is-active{
    color:var(--gleam);
    border-color:#6b4a12;
    background:linear-gradient(180deg,#2a1806 0%, #150d04 100%);
    box-shadow:
      inset 0 1px 0 rgba(255,207,90,.18),
      inset 0 0 16px rgba(255,156,30,.12),
      0 4px 14px rgba(0,0,0,.5);
  }
  .side-nav a.is-active img{filter:drop-shadow(0 0 8px rgba(255,156,30,.7))}

  
  .side-foot{
    position:relative;z-index:1;flex:none;
    padding:14px 16px 10px;
    text-align:center;
  }
  .side-foot .note{
    position:relative;
    font-size:10px;letter-spacing:.28em;text-transform:uppercase;
    color:var(--ink-dim);
  }

  
  #nav-toggle{position:absolute;left:-9999px}
  
  .burger{
    display:none;flex-direction:column;justify-content:center;gap:5px;
    width:24px;height:38px;padding:0;
    border:none;border-radius:0;
    background:none;box-shadow:none;
    cursor:pointer;
  }
  .burger span{
    display:block;width:23px;height:2px;border-radius:2px;
    background:linear-gradient(90deg,var(--gleam),var(--gold));
    box-shadow:0 1px 2px rgba(0,0,0,.75);
    transition:transform .3s, opacity .3s, box-shadow .25s, background .25s;
  }
  .burger:hover span{
    background:linear-gradient(90deg,#FFE49A,var(--gleam));
    box-shadow:0 0 8px rgba(255,156,30,.6);
  }
  #nav-toggle:checked ~ .main-head .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  #nav-toggle:checked ~ .main-head .burger span:nth-child(2){opacity:0}
  #nav-toggle:checked ~ .main-head .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  
  .main-head .burger{display:none}
  body.sidebar-gone .main-head .burger{display:flex;animation:burgerIn .3s ease both}
  @keyframes burgerIn{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}
  .nav-scrim{
    position:fixed;inset:0;z-index:48;
    background:rgba(5,3,2,.62);
    opacity:0;pointer-events:none;transition:opacity .3s;
  }
  #nav-toggle:checked ~ .nav-scrim{opacity:1;pointer-events:auto}
  @media (min-width:901px){
    #nav-toggle:checked ~ .sidebar{
      position:fixed;top:0;bottom:0;height:auto;left:0;
      width:var(--sidebar-w);z-index:50;
      transform:none;animation:sidebarIn .32s ease;
      box-shadow:14px 0 44px rgba(0,0,0,.75);
    }
  }
  @keyframes sidebarIn{from{transform:translateX(-102%)}to{transform:translateX(0)}}

  
  .main{margin-left:var(--sidebar-w);position:relative}
  .main-head{
    position:sticky;top:0;z-index:45;
    height:var(--head-h);
    display:flex;align-items:center;justify-content:space-between;
    padding:0 clamp(56px, 7vw, 130px);
    background:url("assets/ui/ui_chrome/01.png") center / cover no-repeat;
    filter:drop-shadow(0 12px 26px rgba(0,0,0,.7));
  }
  .head-search{
    display:flex;align-items:center;gap:11px;
    flex:0 1 280px;min-width:0;
    max-width:calc(50% - 150px);
    height:38px;padding:0 18px;
    
    transform:translateY(calc(var(--head-h) * 0.048));
    border-radius:999px;
    background:rgba(5,3,2,.58);
    border:1px solid rgba(240,169,44,.32);
    box-shadow:inset 0 2px 10px rgba(0,0,0,.85), inset 0 -1px 0 rgba(255,207,90,.07);
    color:var(--ink-dim);
    font-size:13px;letter-spacing:.06em;
    cursor:pointer;
    transition:border-color .25s, color .25s, box-shadow .25s;
  }
  .head-search:hover{
    border-color:var(--gold);color:var(--ink);
    box-shadow:inset 0 2px 10px rgba(0,0,0,.85), 0 0 14px rgba(255,156,30,.28);
  }
  .head-seal{
    position:absolute;left:50%;top:50%;
    transform:translate(-50%,-50%);
    width:clamp(150px, 14vw, 250px);height:82%;
  }
  .head-seal::after{
    content:"";position:absolute;inset:-16px;
    background:radial-gradient(closest-side, rgba(255,156,30,.42) 0%, rgba(255,156,30,0) 72%);
    opacity:0;transition:opacity .35s;
    pointer-events:none;
  }
  .head-seal:hover::after{opacity:1}
  .head-actions{
    display:flex;align-items:center;gap:16px;flex:none;
    
    transform:translateY(calc(var(--head-h) * 0.048));
  }
  .head-actions .play{
    display:inline-flex;align-items:center;
    height:38px;
    border-style:solid;
    border-image:url("assets/ui/frame_secondary.png") 96 fill / 16px / 0 stretch; 
    padding:0 24px;
    color:var(--gold);
    font-family:"Palatino Linotype","Book Antiqua",Georgia,serif;
    font-size:13.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;
    text-shadow:0 1px 2px rgba(0,0,0,.8);
    filter:drop-shadow(0 4px 10px rgba(0,0,0,.6));
    transition:color .25s, filter .25s, transform .25s;
  }
  .head-actions .play:hover{
    color:var(--gleam);
    filter:drop-shadow(0 4px 10px rgba(0,0,0,.6)) drop-shadow(0 0 12px rgba(255,156,30,.5));
    transform:translateY(-1px);
  }
  @media (max-width:1200px){
    .head-search{flex-basis:160px;font-size:12.5px}
    .head-seal{display:none}
  }

  
  .scene{
    position:relative;
    display:flex;
    flex-direction:column;
    background:#000;
    overflow:hidden;
  }
  .scene video{
    display:block;
    
    width:100%;height:auto;aspect-ratio:1654/720;min-height:480px;
    object-fit:cover;object-position:center bottom;
  }
  .scene .shade{
    display:none;
  }
  .scene .fade-out{
    display:none; 
  }
  .scene .lede::before{
    
    content:none;
  }
  .scene .lede{
    
    position:relative;z-index:1;
    display:flex;flex-direction:column;justify-content:flex-start;align-items:center;
    max-width:none;width:100%;
    margin:0;
    padding:46px clamp(150px, 20vw, 320px) 62px;
    
    background:
      radial-gradient(56% 82% at 50% 0%, rgba(255,156,30,.09) 0%, rgba(255,156,30,0) 74%),
      linear-gradient(180deg, #000 0%, var(--obsidian) 55%, var(--page) 100%);
    text-align:center;
  }
  
  .scene .lede .lede-col{
    position:absolute;z-index:0;bottom:0;
    height:min(94%, 470px);width:auto;
    opacity:.55;pointer-events:none;
    filter:drop-shadow(0 12px 28px rgba(0,0,0,.75));
  }
  .scene .lede .lede-col.l{left:clamp(10px, 3.5vw, 72px)}
  .scene .lede .lede-col.r{right:clamp(10px, 3.5vw, 72px);transform:scaleX(-1)}
  .scene .lede > *{position:relative;z-index:1}
  .scene .lede .kicker{
    font-size:11.5px;letter-spacing:.44em;text-transform:uppercase;
    color:var(--ink-dim);
    margin-bottom:14px;
  }
  .scene .lede h1{
    font-family:"Palatino Linotype","Book Antiqua",Georgia,serif;
    font-size:clamp(30px, 3.3vw, 46px);
    line-height:1.12;
    font-weight:700;letter-spacing:.05em;text-transform:uppercase;
    background:linear-gradient(180deg,#FFE49A 0%, var(--gleam) 34%, var(--gold) 62%, #B06914 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
    filter:drop-shadow(0 2px 18px rgba(255,156,30,.22));
  }
  .scene .lede .sub{
    margin-top:14px;max-width:420px;
    color:var(--ink-dim);font-size:15.5px;letter-spacing:.03em;
  }
  .scene .lede .actions{
    display:flex;align-items:center;justify-content:center;gap:26px;flex-wrap:wrap;
    margin-top:26px;
  }
  
  .scene .lede .actions .ghost{
    font-size:13.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;
    color:#D8BE86;
    border-bottom:1px solid rgba(240,169,44,.4);
    padding-bottom:3px;
    transition:color .25s, border-color .25s;
  }
  .scene .lede .actions .ghost:hover{color:var(--gleam);border-color:var(--gleam)}
  .scene .lede .trust{
    display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;
    margin-top:22px;
  }
  .scene .lede .trust span{
    display:inline-flex;align-items:center;
    padding:5px 13px;
    border-radius:999px;
    background:linear-gradient(180deg,#1c130a 0%, #060402 100%);
    border:1px solid #4d370f;
    box-shadow:inset 0 1px 0 rgba(255,207,90,.08), 0 3px 8px rgba(0,0,0,.5);
    color:var(--ink-dim);
    font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;
  }

  
  .rail-boo{
    position:fixed;left:0;top:50%;
    transform:translateY(-50%) translateX(-36px);
    width:var(--sidebar-w);padding:0 12px;z-index:8;
    opacity:0;pointer-events:none;
    transition:opacity .7s ease, transform .7s ease;
  }
  .rail-boo.on{opacity:1;transform:translateY(-50%) translateX(0);pointer-events:auto}
  
  .rail-cartouche{
    position:relative;
    height:min(88vh, 569px); 
    aspect-ratio:768/1820;
    margin:0 auto;
    background:url("assets/ui/ui_plaques/01.png") center / 100% 100% no-repeat;
    filter:drop-shadow(0 14px 30px rgba(0,0,0,.65));
  }
  .rail-cartouche video{
    position:absolute;left:17.5%;top:16%;
    width:65%;
    aspect-ratio:486/762;object-fit:cover;
    border-radius:8px;background:#000;
    box-shadow:inset 0 0 26px rgba(0,0,0,.8), 0 0 18px rgba(255,156,30,.12);
  }
  
  .rail-drum{
    
    position:absolute;left:15.5%;right:15.5%;top:62%;
    aspect-ratio:880/400;
    overflow:hidden;
  }
  .rail-drum-belt{
    position:absolute;inset:0;
    transition:transform .9s cubic-bezier(.65,-.15,.25,1.15);
    will-change:transform;
  }
  .rail-cas{
    position:absolute;top:0;width:100%;height:100%;
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    text-align:center;text-decoration:none;
    background:url("assets/ui/decor_2/04.png") center / 100% 100% no-repeat;
    padding:10% 15% 13%;
    filter:drop-shadow(0 8px 18px rgba(0,0,0,.6));
    transition:filter .25s;
  }
  .rail-cas:hover{filter:drop-shadow(0 8px 18px rgba(0,0,0,.6)) drop-shadow(0 0 14px rgba(255,156,30,.45))}
  .rail-cas-brand{
    display:block;
    font-family:"Palatino Linotype","Book Antiqua",Georgia,serif;
    font-size:13.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;
    background:linear-gradient(180deg,#FFE49A 0%, var(--gleam) 40%, var(--gold) 72%, #B06914 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
    white-space:nowrap;
    text-shadow:0 2px 14px rgba(255,156,30,.14);
  }
  .rail-cas-tag{
    display:block;margin-top:3px;
    font-size:8px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
    color:var(--ink-dim);
    white-space:nowrap;
  }
  .rail-boo::before{
    content:"";position:absolute;inset:-8% -4%;z-index:-1;pointer-events:none;
    background:radial-gradient(50% 42% at 50% 40%, rgba(255,156,30,.14) 0%, rgba(255,156,30,0) 74%);
  }
  @media (max-width:900px){ .rail-boo{display:none} }

  
  .vault-gallery{
    position:relative;
    background:
      linear-gradient(180deg, var(--page) 0%, rgba(20,16,10,0) 14%, rgba(20,16,10,.28) 46%, var(--page) 86%),
      url("assets/ui/bg_gallery.jpg") top center / cover no-repeat,
      var(--page);
    padding:64px 24px 88px;
    overflow:hidden;
  }
  .vault-gallery .inner{
    max-width:1280px;margin:0 auto;position:relative;
  }
  .vault-head{text-align:center;margin-bottom:34px}
  .vault-head .crest{
    display:block;margin:0 auto 10px;width:210px;max-width:60vw;height:auto;
    filter:drop-shadow(0 6px 18px rgba(255,156,30,.35));
  }
  .vault-head .kicker{
    display:block;
    font-size:12px;letter-spacing:.42em;text-transform:uppercase;
    color:var(--ink-dim);margin-bottom:10px;
  }
  .vault-head h2{
    font-family:"Palatino Linotype","Book Antiqua",Georgia,serif;
    font-size:clamp(30px, 4.6vw, 52px);
    font-weight:700;letter-spacing:.06em;text-transform:uppercase;
    background:linear-gradient(180deg,#FFE49A 0%, var(--gleam) 34%, var(--gold) 62%, #B06914 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
    text-shadow:0 2px 24px rgba(255,156,30,.18);
  }
  .vault-head .sub{
    margin-top:10px;color:var(--ink-dim);font-size:15px;letter-spacing:.04em;
  }
  .vault-grid{
    display:grid;grid-template-columns:repeat(5,1fr);gap:22px;
  }
  .tile{
    display:block;position:relative;
    text-decoration:none;color:inherit;
    background:linear-gradient(180deg,#161009 0%, var(--obsidian) 100%);
    border:1px solid var(--line);
    box-shadow:
      inset 0 0 0 1px rgba(0,0,0,.7),
      0 10px 26px rgba(0,0,0,.55);
    border-radius:10px;
    overflow:hidden;
    transition:border-color .28s, box-shadow .28s, transform .28s;
  }
  .tile::before{
    content:"";position:absolute;inset:3px;z-index:2;pointer-events:none;
    border:1px solid rgba(240,169,44,.20);
    border-radius:7px;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.45);
    transition:border-color .28s, box-shadow .28s;
  }
  .tile .corner{
    position:absolute;z-index:3;pointer-events:none;
    width:22px;height:22px;
    border:0 solid;
    border-color:#E29A28;
    border-image:linear-gradient(135deg,#FFE49A 0%,#F0A92C 45%,#B06914 100%) 1;
    filter:drop-shadow(0 0 3px rgba(255,156,30,.45));
    opacity:.95;
    transition:filter .28s, opacity .28s;
  }
  .tile .corner::after{
    content:"";position:absolute;width:7px;height:7px;
    background:radial-gradient(circle at 35% 30%,#FFD98A 0%,#FF9C1E 45%,#7A3D08 100%);
    transform:rotate(45deg);
    box-shadow:0 0 5px rgba(255,156,30,.8), inset 0 0 2px rgba(0,0,0,.6);
  }
  .tile .corner.tl{top:2px;left:2px;border-top-width:3px;border-left-width:3px}
  .tile .corner.tr{top:2px;right:2px;border-top-width:3px;border-right-width:3px}
  .tile .corner.bl{bottom:2px;left:2px;border-bottom-width:3px;border-left-width:3px}
  .tile .corner.br{bottom:2px;right:2px;border-bottom-width:3px;border-right-width:3px}
  .tile .corner.tl::after{top:-4px;left:-4px}
  .tile .corner.tr::after{top:-4px;right:-4px}
  .tile .corner.bl::after{bottom:-4px;left:-4px}
  .tile .corner.br::after{bottom:-4px;right:-4px}
  .tile .cover{
    display:block;
    position:relative;
    aspect-ratio:3/2;             
    margin:7px 7px 0;
    border:1px solid var(--line-soft);
    border-radius:6px;
    overflow:hidden;
    background:#000;
  }
  .tile .cover img{
    width:100%;height:100%;object-fit:cover;display:block;
    transition:filter .28s, transform .5s;
  }
  .tile .cover::after{
    content:"";position:absolute;inset:0;pointer-events:none;
    box-shadow:inset 0 0 26px rgba(11,8,6,.55);
    border-radius:6px;
  }
  
  .tile .cover .reelbelt{
    position:absolute;left:0;top:0;width:100%;height:300%;z-index:1;
    display:flex;flex-direction:column;
    will-change:transform;
  }
  .tile .cover .reelbelt img{
    width:100%;height:33.334%;object-fit:cover;display:block;flex:none;
  }
  .tile .nytt{
    position:absolute;top:7px;right:7px;z-index:4;
    width:66px;height:19px;
    display:flex;align-items:center;justify-content:center;
    background:url("assets/ui/ui_chrome/21.png") center / contain no-repeat;
    font-size:8.5px;font-weight:700;letter-spacing:.22em;text-indent:.22em;
    text-transform:uppercase;color:var(--gleam);
    text-shadow:0 1px 2px rgba(0,0,0,.9);
    filter:drop-shadow(0 2px 6px rgba(0,0,0,.65));
    transition:filter .28s;
  }
  .tile .plinth{
    display:flex;align-items:center;justify-content:space-between;gap:10px;
    padding:11px 13px 8px;
    background:linear-gradient(180deg, rgba(255,207,90,.07) 0%, rgba(22,14,7,.0) 22%, rgba(4,3,2,.55) 100%);
    border-top:1px solid rgba(240,169,44,.14);
    box-shadow:inset 0 1px 0 rgba(0,0,0,.6);
  }
  .tile .titles{min-width:0}
  .tile .name{
    display:block;
    font-family:"Palatino Linotype","Book Antiqua",Georgia,serif;
    font-size:15.5px;font-weight:700;letter-spacing:.02em;color:var(--ink);
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    transition:color .28s;
  }
  .tile .provider{
    display:block;margin-top:2px;
    font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  }
  .tile .rtp{
    flex:none;display:inline-flex;align-items:center;gap:6px;
    font-size:13px;font-weight:600;color:var(--gleam);letter-spacing:.03em;
    padding:4px 9px 4px 5px;
    border:1px solid var(--line-soft);border-radius:999px;
    background:rgba(11,8,6,.75);
    transition:border-color .28s, box-shadow .28s;
  }
  .tile .rtp img{
    width:18px;height:18px;object-fit:contain;
    filter:drop-shadow(0 0 4px rgba(255,156,30,.5));
  }
  .tile .glyphs{
    display:block;text-align:center;
    padding:0 14px 7px;
    font-family:"Segoe UI Historic","Noto Sans Egyptian Hieroglyphs",serif;
    font-size:9px;line-height:1;letter-spacing:.55em;text-indent:.55em;
    color:rgba(240,169,44,.30);
    text-shadow:0 1px 0 rgba(0,0,0,.85), 0 -1px 0 rgba(255,207,90,.08);
    white-space:nowrap;overflow:hidden;
    user-select:none;
    transition:color .28s;
  }
  .tile:hover{
    border-color:var(--amber);
    transform:translateY(-5px);
    box-shadow:
      inset 0 0 0 1px rgba(255,156,30,.25),
      0 14px 34px rgba(0,0,0,.6),
      0 0 30px rgba(255,156,30,.28);
  }
  .tile:hover::before{
    border-color:rgba(255,183,60,.45);
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.35), inset 0 0 16px rgba(255,156,30,.10);
  }
  .tile:hover .corner{
    opacity:1;
    border-color:#FFCF5A;
    filter:drop-shadow(0 0 7px rgba(255,156,30,.6));
  }
  .tile:hover .nytt{
    filter:drop-shadow(0 2px 6px rgba(0,0,0,.65)) drop-shadow(0 0 8px rgba(255,156,30,.5));
  }
  .tile:hover .cover img{
    filter:brightness(1.08) saturate(1.06);
    transform:scale(1.035);
  }
  .tile:hover .name{color:var(--gleam)}
  .tile:hover .rtp{
    border-color:rgba(255,156,30,.55);
    box-shadow:0 0 12px rgba(255,156,30,.35);
  }
  .tile:hover .rtp img{
    animation:stonePulse 1.6s ease-in-out infinite;
  }
  .tile:hover .glyphs{color:rgba(255,183,60,.48)}
  @keyframes stonePulse{
    0%,100%{filter:drop-shadow(0 0 5px rgba(255,156,30,.75))}
    50%    {filter:drop-shadow(0 0 11px rgba(255,207,90,.95)) brightness(1.15)}
  }

  
  .strip-btn{
    position:relative;
    display:inline-flex;align-items:center;justify-content:center;
    height:62px;padding:0 46px;
    text-decoration:none;
    background:linear-gradient(180deg,#1a120a 0%, var(--obsidian) 100%);
    border-style:solid;
    border-image:url("assets/ui/ui_button_strips/01.png") 86 / 9px / 0 round;
    box-shadow:inset 0 1px 0 rgba(255,207,90,.08), inset 0 0 22px rgba(0,0,0,.6);
    filter:drop-shadow(0 10px 24px rgba(0,0,0,.6));
    transition:filter .25s, transform .25s;
  }
  .strip-btn:hover{
    border-image-source:url("assets/ui/ui_button_strips/02.png");
    filter:drop-shadow(0 10px 24px rgba(0,0,0,.6)) drop-shadow(0 0 18px rgba(255,156,30,.42));
    transform:translateY(-2px);
  }
  .strip-btn:active{
    border-image-source:url("assets/ui/ui_button_strips/03.png");
    transform:translateY(0);
  }
  .strip-btn .lbl{
    position:relative;z-index:1;
    color:var(--gold);
    font-family:"Palatino Linotype","Book Antiqua",Georgia,serif;
    font-size:17px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;
    text-shadow:0 1px 2px rgba(0,0,0,.85);
    white-space:nowrap;
    transition:color .25s;
  }
  .strip-btn:hover .lbl{color:var(--gleam)}
  .strip-btn:active .lbl{color:#FFE9B0}
  
  .strip-btn .cap{
    position:absolute;z-index:2;pointer-events:none;
    width:26px;height:16px; 
    background:url("assets/ui/ui_dividers/03.png") center / 100% 100% no-repeat;
    filter:drop-shadow(0 2px 5px rgba(0,0,0,.65));
  }
  
  .strip-btn .cap.tl{top:-4px;left:-4px;transform:scaleY(-1)}
  .strip-btn .cap.tr{top:-4px;right:-4px;transform:scale(-1,-1)}
  .strip-btn .cap.bl{bottom:-4px;left:-4px}
  .strip-btn .cap.br{bottom:-4px;right:-4px;transform:scaleX(-1)}

  
  .vault-cta{position:relative;text-align:center;margin-top:52px}
  .vault-cta .count{
    display:block;margin-top:14px;color:var(--ink-dim);
    font-size:12px;letter-spacing:.3em;text-transform:uppercase;
  }
  
  .hv2-sec{position:relative;padding:56px 24px 64px;overflow:hidden}
  .hv2-inner{max-width:1280px;margin:0 auto;position:relative;z-index:1}
  .hv2-ico{
    display:block;margin:0 auto 10px;width:44px;height:44px;object-fit:contain;
    filter:drop-shadow(0 4px 12px rgba(255,156,30,.4));
  }
  .hv2-seclink{
    display:inline-block;margin-top:12px;
    font-size:12.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;
    color:#D8BE86;border-bottom:1px solid rgba(240,169,44,.4);padding-bottom:3px;
    transition:color .25s, border-color .25s;
  }
  .hv2-seclink:hover{color:var(--gleam);border-color:var(--gleam)}

  
  .hv2-rail{
    display:flex;gap:20px;
    overflow-x:auto;-webkit-overflow-scrolling:touch;
    padding:8px 4px 22px;
    scrollbar-width:thin;scrollbar-color:var(--copper) transparent;
  }
  .hv2-rail::-webkit-scrollbar{height:8px}
  .hv2-rail::-webkit-scrollbar-thumb{background:var(--copper);border-radius:4px}
  .hv2-rail::-webkit-scrollbar-track{background:rgba(240,169,44,.08);border-radius:4px}
  .hv2-rail .tile{flex:none;width:236px}

  
  .hv2-veckans .hv2-pillar{
    position:absolute;z-index:0;pointer-events:none;
    left:-38px;bottom:-24px;height:104%;width:auto;opacity:.4;
    filter:drop-shadow(0 8px 20px rgba(0,0,0,.7));
  }
  .hv2-veckans .hv2-bowl{
    position:absolute;z-index:0;pointer-events:none;
    right:-30px;bottom:-16px;height:180px;width:auto;opacity:.5;
    filter:drop-shadow(0 6px 16px rgba(0,0,0,.7));
  }
  @media (max-width:1100px){
    .hv2-veckans .hv2-pillar{opacity:.22;left:-56px}
    .hv2-veckans .hv2-bowl{opacity:.3;height:120px}
  }

  
  
  #kollektioner{overflow:visible}
  #kollektioner .hv2-kollbowl{
    position:absolute;z-index:2;
    left:36px;bottom:-92px;
    height:230px;width:auto;
    opacity:.6;pointer-events:none;
    filter:drop-shadow(0 8px 18px rgba(0,0,0,.7));
  }

  
  #leverantorer{position:relative;overflow:hidden}
  .hv2-provbg{
    position:absolute;z-index:0;pointer-events:none;
    left:50%;top:50%;transform:translate(-50%,-50%);
    width:min(760px, 62vw);height:auto;
    opacity:.14;
    -webkit-mask-image:radial-gradient(70% 70% at 50% 50%, #000 30%, transparent 100%);
            mask-image:radial-gradient(70% 70% at 50% 50%, #000 30%, transparent 100%);
  }
  #leverantorer .hv2-inner{position:relative;z-index:1}
  @media (max-width:900px){ .hv2-provbg{width:86vw;opacity:.1} }

  
  .hv2-colrow{
    display:flex;justify-content:center;gap:14px;flex-wrap:wrap;
    margin-top:30px;
  }
  .chip{
    display:inline-flex;align-items:center;gap:10px;
    padding:9px 22px 9px 12px;
    border-radius:999px;
    background:linear-gradient(180deg,#1c130a 0%, var(--obsidian) 55%, #060402 100%);
    border:1px solid #6b4a12;
    box-shadow:
      inset 0 1px 0 rgba(255,207,90,.14),
      inset 0 0 0 1px rgba(0,0,0,.6),
      0 4px 12px rgba(0,0,0,.55);
    color:#D8BE86;
    font-size:14px;letter-spacing:.12em;text-transform:uppercase;
    text-decoration:none;white-space:nowrap;
    transition:border-color .25s, color .25s, box-shadow .25s, transform .25s;
  }
  .chip img{
    width:34px;height:34px;object-fit:contain;
    filter:drop-shadow(0 2px 5px rgba(0,0,0,.7));
    transition:filter .25s;
  }
  .chip:hover{
    border-color:var(--gold);color:var(--gleam);
    box-shadow:
      inset 0 1px 0 rgba(255,207,90,.22),
      inset 0 0 14px rgba(255,156,30,.12),
      0 4px 18px rgba(255,156,30,.22);
    transform:translateY(-2px);
  }
  .chip:hover img{filter:drop-shadow(0 0 8px rgba(255,156,30,.75))}
  .chip .cc{
    margin-left:2px;font-size:10px;letter-spacing:.14em;color:var(--ink-dim);
    text-transform:none;
  }

  
  .hv2-provrow{
    display:flex;justify-content:center;gap:12px;flex-wrap:wrap;
    margin-top:30px;
  }
  .hv2-prov{
    display:inline-flex;align-items:center;gap:9px;
    padding:7px 18px 7px 8px;
    border-radius:999px;
    background:linear-gradient(180deg,#1a120a 0%, #0a0704 100%);
    border:1px solid rgba(240,169,44,.24);
    box-shadow:inset 0 1px 0 rgba(255,207,90,.08), 0 3px 9px rgba(0,0,0,.5);
    color:var(--ink-dim);
    font-size:13px;letter-spacing:.06em;white-space:nowrap;
    transition:border-color .25s, color .25s, box-shadow .25s, transform .25s;
  }
  .hv2-prov .ic{
    flex:none;display:inline-flex;align-items:center;justify-content:center;
    width:26px;height:26px;border-radius:50%;
    font-family:"Palatino Linotype","Book Antiqua",Georgia,serif;
    font-size:13px;font-weight:700;color:var(--obsidian);
    background:linear-gradient(180deg,var(--gleam) 0%, var(--gold) 60%, #B06914 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.35), 0 2px 5px rgba(0,0,0,.6);
  }
  .hv2-prov:hover{
    border-color:var(--gold);color:var(--gleam);
    box-shadow:inset 0 1px 0 rgba(255,207,90,.14), 0 4px 14px rgba(255,156,30,.22);
    transform:translateY(-2px);
  }

  
  .hv2-blog-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:26px;
    margin-top:34px;
  }
  .hv2-post{
    position:relative;display:block;
    background:linear-gradient(180deg,var(--obsidian) 0%, #14100A 100%);
    border:1px solid var(--line);
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.45), inset 0 0 40px rgba(0,0,0,.5), 0 12px 30px rgba(0,0,0,.5);
    transition:border-color .28s, box-shadow .28s, transform .28s;
  }
  .hv2-post:hover{
    border-color:var(--amber);transform:translateY(-4px);
    box-shadow:inset 0 0 0 1px rgba(255,156,30,.18), inset 0 0 40px rgba(0,0,0,.5),
      0 16px 36px rgba(0,0,0,.55), 0 0 26px rgba(255,156,30,.22);
  }
  .hv2-post .th{
    display:block;position:relative;
    aspect-ratio:3/2;             
    margin:10px 10px 0;
    border:1px solid var(--line-soft);
    overflow:hidden;background:#000;
  }
  .hv2-post .th img{
    width:100%;height:100%;object-fit:cover;display:block;
    transition:transform .5s, filter .28s;
  }
  .hv2-post:hover .th img{transform:scale(1.035);filter:brightness(1.08)}
  .hv2-post .pcat{
    position:absolute;top:9px;left:9px;z-index:2;
    padding:3px 11px;border-radius:999px;
    background:rgba(5,3,2,.78);
    border:1px solid rgba(240,169,44,.4);
    font-size:9.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;
    color:var(--gleam);
  }
  .hv2-post .pm{padding:16px 18px 20px}
  .hv2-post .pt{
    font-family:"Palatino Linotype","Book Antiqua",Georgia,serif;
    font-size:18px;font-weight:700;letter-spacing:.03em;color:var(--ink);
    transition:color .28s;
  }
  .hv2-post:hover .pt{color:var(--gleam)}
  .hv2-post .pd{
    margin-top:8px;color:var(--ink-dim);font-size:13.5px;line-height:1.55;
  }
  .hv2-post .pl{
    display:inline-block;margin-top:12px;
    font-size:11.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;
    color:#D8BE86;border-bottom:1px solid rgba(240,169,44,.4);padding-bottom:2px;
  }
  .hv2-post:hover .pl{color:var(--gleam);border-color:var(--gleam)}

  
  .hv2-corner{
    position:absolute;z-index:3;pointer-events:none;
    width:45px;height:28px;
    background:center/100% 100% no-repeat;
    filter:drop-shadow(0 0 4px rgba(255,156,30,.3));
  }
  .hv2-corner.tl{top:0;left:0;background-image:url("assets/ui/frame_pieces/fs_tl.png")}
  .hv2-corner.tr{top:0;right:0;background-image:url("assets/ui/frame_pieces/fs_tr.png")}
  .hv2-corner.bl{bottom:0;left:0;background-image:url("assets/ui/frame_pieces/fs_bl.png")}
  .hv2-corner.br{bottom:0;right:0;background-image:url("assets/ui/frame_pieces/fs_br.png")}

  
  .hv2-trust-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:26px;
    margin-top:34px;
  }
  .plq{
    position:relative;width:100%;
    background:center/100% 100% no-repeat;
    filter:drop-shadow(0 10px 24px rgba(0,0,0,.55));
  }
  .plq .win{
    position:absolute;display:flex;flex-direction:column;justify-content:center;
    overflow:hidden;
  }
  .plq2{aspect-ratio:1092/764;background-image:url("assets/ui/ui_plaques/02.png")}
  .plq2 .win{left:12.4%;right:12.7%;top:19.6%;bottom:15%}
  .txt h3{
    font-family:"Palatino Linotype","Book Antiqua",Georgia,serif;
    font-size:19px;letter-spacing:.05em;color:var(--gleam);
    margin:0 0 10px;display:flex;align-items:center;gap:10px;
  }
  .txt h3 img{width:15px;height:auto;flex:none;filter:drop-shadow(0 0 5px rgba(255,156,30,.5))}
  .txt p{margin:0 0 12px;color:var(--ink)}
  .txt p:last-child{margin-bottom:0}
  .txt .lead{color:var(--gleam)}
  .hv2-trust-grid .txt{font-size:13.5px;line-height:1.5}
  .hv2-trust-grid .txt h3{font-size:16px;justify-content:center;margin-bottom:7px}
  .hv2-trust-grid .txt p{color:var(--ink-dim)}
  .hv2-trust-grid .win{text-align:center}

  
  .lac{
    position:relative;
    background:linear-gradient(180deg,var(--obsidian) 0%, #14100A 100%);
    border:1px solid var(--line);
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.45), inset 0 0 40px rgba(0,0,0,.5), 0 12px 30px rgba(0,0,0,.5);
  }
  .lac .frieze{
    height:26px;
    background:url("assets/ui/ui_dividers/01.png") left center/auto 100% repeat-x;
    border-bottom:1px solid var(--line-soft);
    box-shadow:0 6px 14px rgba(0,0,0,.45);
  }
  .lac .frieze.btm{
    background-image:url("assets/ui/ui_button_strips/01.png");
    border-bottom:0;border-top:1px solid var(--line-soft);
    box-shadow:0 -6px 14px rgba(0,0,0,.45);
    opacity:.92;
  }
  .lac .body{padding:26px 34px 28px}
  .hv2-seo{max-width:980px;margin:44px auto 0}
  .hv2-seo .txt p{color:var(--ink-dim);font-size:14.5px;line-height:1.65}
  .hv2-seo .txt p b{color:var(--ink);font-weight:600}

  
  .hv2-faqwrap{max-width:880px;margin:34px auto 0}
  .hv2-faq details{
    border-bottom:1px solid var(--line-soft);
    padding:4px 0;
  }
  .hv2-faq details:last-child{border-bottom:0}
  .hv2-faq summary{
    cursor:pointer;list-style:none;
    display:flex;align-items:center;gap:12px;
    padding:13px 2px;
    font-family:"Palatino Linotype","Book Antiqua",Georgia,serif;
    font-size:17px;font-weight:700;letter-spacing:.03em;color:var(--ink);
    transition:color .22s;
  }
  .hv2-faq summary::-webkit-details-marker{display:none}
  .hv2-faq summary::before{
    content:"";flex:none;width:16px;height:16px;
    background:url("assets/ui/ui_chrome/12.png") center/contain no-repeat;
    filter:drop-shadow(0 0 4px rgba(255,156,30,.5));
    transition:transform .28s;
  }
  .hv2-faq details[open] summary{color:var(--gleam)}
  .hv2-faq details[open] summary::before{transform:rotate(45deg)}
  .hv2-faq .fa{
    padding:0 2px 16px 28px;
    color:var(--ink-dim);font-size:14.5px;line-height:1.6;
  }

  
  .vault-safes{
    position:relative;
    z-index:3; 
    
    background:
      radial-gradient(64% 300px at 50% 100%,
        rgba(255,170,60,.20) 0%,
        rgba(255,156,30,.08) 48%,
        rgba(255,156,30,0) 76%),
      linear-gradient(180deg,
        var(--page) 0%,
        rgba(20,16,10,.36) 16%,
        rgba(20,16,10,.46) 46%,
        rgba(20,16,10,.20) 68%,
        rgba(20,16,10,0) 84%,
        rgba(20,16,10,0) 100%),
      url("assets/ui/bg_throne.jpg") center 22% / cover no-repeat,
      var(--page);
    padding:72px 24px 64px;
    overflow:hidden;
  }
  .vault-safes .inner{
    max-width:1240px;margin:0 auto;position:relative;z-index:1;
  }
  .side-sarcophagus{
    position:absolute;left:-70px;bottom:-46px;width:340px;z-index:0;
    opacity:.55;pointer-events:none;
    filter:drop-shadow(0 0 40px rgba(255,156,30,.25));
  }
  @media (max-width:1280px){ .side-sarcophagus{display:none} }
  
  .safes-head{text-align:center;margin-bottom:100px}
  .safes-head .crest{
    display:block;margin:0 auto 12px;width:190px;max-width:56vw;height:auto;
    filter:drop-shadow(0 6px 18px rgba(255,156,30,.35));
  }
  .safes-head .kicker{
    display:block;font-size:12px;letter-spacing:.42em;text-transform:uppercase;
    color:var(--ink-dim);margin-bottom:10px;
  }
  .safes-head h2{
    font-family:"Palatino Linotype","Book Antiqua",Georgia,serif;
    font-size:clamp(30px, 4.6vw, 52px);
    font-weight:700;letter-spacing:.06em;text-transform:uppercase;
    background:linear-gradient(180deg,#FFF0BE 0%, #FFE49A 24%, var(--gleam) 46%, var(--gold) 68%, #B06914 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
    text-shadow:0 2px 24px rgba(255,156,30,.32);
  }
  .safes-head .sub{margin-top:10px;color:var(--ink-dim);font-size:15px;letter-spacing:.04em}
  .safes-row{
    position:relative;
    display:grid;grid-template-columns:1fr 1.14fr 1fr;gap:26px;
    align-items:end; 
  }
  
  .safes-shelf{
    position:relative;z-index:5;
    height:52px;
    margin:-26px 0;
    background:url("assets/ui/ui_dividers/01.png") center / auto 100% repeat-x;
    filter:drop-shadow(0 -8px 20px rgba(0,0,0,.45)) drop-shadow(0 10px 22px rgba(0,0,0,.5));
  }
  .lock-dial{
    position:absolute;left:50%;top:-88px;width:250px;height:250px;
    transform:translateX(-50%);
    z-index:0;pointer-events:none;
    opacity:.9;
    filter:drop-shadow(0 0 26px rgba(255,156,30,.35));
    animation:dial-turn 120s linear infinite;
  }
  @keyframes dial-turn{ to{transform:translateX(-50%) rotate(360deg)} }
  @media (prefers-reduced-motion: reduce){ .lock-dial{animation:none} }
  .safe{
    position:relative;z-index:1;
    display:flex;flex-direction:column;
    background:
      radial-gradient(120% 60% at 50% 0%, rgba(255,156,30,.10) 0%, rgba(255,156,30,0) 55%),
      linear-gradient(180deg,#1a120a 0%, var(--obsidian) 46%, #060402 100%);
    border:1px solid var(--line);
    border-radius:12px;
    box-shadow:
      inset 0 0 0 1px rgba(0,0,0,.75),
      inset 0 1px 0 rgba(255,207,90,.10),
      0 14px 36px rgba(0,0,0,.6),
      0 0 18px rgba(255,156,30,.12);
    padding:34px 26px 28px;
    text-align:center;
    transition:border-color .28s, box-shadow .28s, transform .28s;
  }
  .safe:hover{
    border-color:var(--amber);
    transform:translateY(-5px);
    box-shadow:
      inset 0 0 0 1px rgba(255,156,30,.22),
      inset 0 1px 0 rgba(255,207,90,.14),
      0 18px 44px rgba(0,0,0,.65),
      0 0 36px rgba(255,156,30,.24),
      0 0 18px rgba(255,156,30,.24);
  }
  .safe.rank1{grid-column:2;grid-row:1;padding:42px 30px 32px}
  .safe.rank2{grid-column:1;grid-row:1}
  .safe.rank3{grid-column:3;grid-row:1}
  .safe.rank1{
    border-color:rgba(240,169,44,.6);
    box-shadow:
      inset 0 0 0 1px rgba(255,156,30,.18),
      inset 0 1px 0 rgba(255,207,90,.16),
      0 18px 46px rgba(0,0,0,.65),
      0 0 44px rgba(255,156,30,.26),
      0 0 18px rgba(255,156,30,.16);
  }
  
  .safe .corner{
    position:absolute;z-index:3;pointer-events:none;
    width:58px;height:36px;
    background:url("assets/ui/ui_dividers/03.png") center / 100% 100% no-repeat;
    filter:drop-shadow(0 2px 6px rgba(0,0,0,.6));
    opacity:.95;
    transition:filter .28s, opacity .28s;
  }
  .safe .corner.tl{top:0;left:0;transform:scaleY(-1)}
  .safe .corner.tr{top:0;right:0;transform:scale(-1,-1)}
  .safe .corner.bl{bottom:0;left:0}
  .safe .corner.br{bottom:0;right:0;transform:scaleX(-1)}
  .safe:hover .corner{
    opacity:1;
    filter:drop-shadow(0 0 8px rgba(255,156,30,.55));
  }
  
  .safe .safe-flip{
    transition:transform .6s ease, opacity .6s ease;
    will-change:transform, opacity;
  }
  .safe .safe-flip.out{transform:translateX(-52px);opacity:0}
  .safe .safe-flip.inr{transform:translateX(52px);opacity:0;transition:none}
  .badge{
    position:absolute;top:-32px;left:50%;transform:translateX(-50%);
    width:58px;height:86px;z-index:2;
  }
  .safe.rank1 .badge{top:-44px;width:70px;height:104px}
  .badge img{width:100%;height:100%;object-fit:contain;
    filter:drop-shadow(0 4px 10px rgba(0,0,0,.75)) drop-shadow(0 0 9px rgba(255,156,30,.7)) drop-shadow(0 0 24px rgba(255,156,30,.38));
    animation:badge-breathe 3.6s ease-in-out infinite alternate;
  }
  .safe.rank1 .badge img{
    filter:drop-shadow(0 4px 10px rgba(0,0,0,.75)) drop-shadow(0 0 12px rgba(255,156,30,.85)) drop-shadow(0 0 32px rgba(255,156,30,.5));
    animation:badge1-breathe 3.6s ease-in-out infinite alternate;
  }
  @keyframes badge-breathe{
    from{filter:drop-shadow(0 4px 10px rgba(0,0,0,.75)) drop-shadow(0 0 7px rgba(255,156,30,.5)) drop-shadow(0 0 18px rgba(255,156,30,.26))}
    to{filter:drop-shadow(0 4px 10px rgba(0,0,0,.75)) drop-shadow(0 0 12px rgba(255,156,30,.9)) drop-shadow(0 0 32px rgba(255,156,30,.52))}
  }
  @keyframes badge1-breathe{
    from{filter:drop-shadow(0 4px 10px rgba(0,0,0,.75)) drop-shadow(0 0 9px rgba(255,156,30,.62)) drop-shadow(0 0 24px rgba(255,156,30,.36))}
    to{filter:drop-shadow(0 4px 10px rgba(0,0,0,.75)) drop-shadow(0 0 17px rgba(255,156,30,1)) drop-shadow(0 0 44px rgba(255,156,30,.66))}
  }
  @media (prefers-reduced-motion: reduce){
    .badge img, .safe.rank1 .badge img, .safe .stones img{animation:none}
  }
  .badge b{
    position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
    font-family:"Palatino Linotype","Book Antiqua",Georgia,serif;
    font-size:30px;font-weight:700;color:#FFF3D0;
    text-shadow:0 1px 2px rgba(60,20,0,.9), 0 0 10px rgba(255,156,30,.8);
    padding-bottom:8px;
  }
  .safe.rank1 .badge b{font-size:38px}
  .safe .keeper{
    display:inline-block;margin:0 auto 12px;
    font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--amber);
    text-shadow:0 0 12px rgba(255,156,30,.5);
  }
  .safe .logo{
    font-family:"Palatino Linotype","Book Antiqua",Georgia,serif;
    font-size:30px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
    background:linear-gradient(180deg,#FFF3C8 0%, #FFE49A 26%, var(--gleam) 48%, var(--gold) 72%, #C07818 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
    filter:drop-shadow(0 2px 3px rgba(0,0,0,.85)) drop-shadow(0 0 10px rgba(255,156,30,.25));
  }
  .safe.rank1 .logo{font-size:36px}
  .safe .logo-sub{
    display:block;margin-top:3px;
    font-size:10px;letter-spacing:.5em;text-transform:uppercase;color:var(--ink-dim);
  }
  .safe .slit{
    position:relative;height:3px;margin:20px -26px 22px;
    background:linear-gradient(90deg, rgba(255,156,30,0) 0%, var(--amber) 18%, #FFD98A 50%, var(--amber) 82%, rgba(255,156,30,0) 100%);
    box-shadow:0 0 16px rgba(255,156,30,.75), 0 0 44px rgba(255,156,30,.35);
  }
  .safe.rank1 .slit{margin-left:-30px;margin-right:-30px}
  .safe .slit::after{
    content:"";position:absolute;left:12%;right:12%;top:3px;height:56px;
    background:radial-gradient(60% 100% at 50% 0%, rgba(255,156,30,.20) 0%, rgba(255,156,30,0) 100%);
    pointer-events:none;
  }
  .safe .bonus{
    border-style:solid;
    
    border-image:url("assets/ui/frame_secondary.png") 95 150 fill / 26px 41px / 0 round;
    padding:16px 20px;
    margin:0 auto;
    max-width:340px;
    font-family:"Palatino Linotype","Book Antiqua",Georgia,serif;
    font-size:19px;line-height:1.35;font-weight:700;color:var(--ink);
    text-shadow:0 1px 2px rgba(0,0,0,.8);
    filter:brightness(1.08) saturate(1.1) drop-shadow(0 6px 16px rgba(0,0,0,.5)) drop-shadow(0 0 14px rgba(255,156,30,.18));
  }
  .safe.rank1 .bonus{font-size:22px;max-width:380px;padding:20px 24px}
  .safe .bonus em{
    font-style:normal;color:var(--gleam);
    text-shadow:0 0 14px rgba(255,156,30,.55), 0 1px 2px rgba(0,0,0,.8);
  }
  .safe .facts{
    list-style:none;margin:18px 0 16px;
    display:flex;flex-direction:column;gap:6px;
    font-size:13.5px;letter-spacing:.05em;color:var(--ink-dim);
  }
  .safe .facts li::before{
    content:"◆";font-size:8px;color:var(--copper);
    vertical-align:2px;margin-right:8px;
  }
  .safe .stones{
    position:relative;
    display:flex;justify-content:center;gap:7px;margin-bottom:20px;
  }
  .safe .stones::after{
    content:"";position:absolute;left:50%;bottom:-10px;transform:translateX(-50%);
    width:170px;height:18px;pointer-events:none;
    background:radial-gradient(50% 100% at 50% 40%, rgba(255,156,30,.28) 0%, rgba(255,156,30,0) 72%);
  }
  .safe .stones img{
    width:27px;height:27px;object-fit:contain;
    filter:drop-shadow(0 0 6px rgba(255,156,30,.65));
    animation:stone-breathe 3.2s ease-in-out infinite alternate;
  }
  @keyframes stone-breathe{
    from{filter:drop-shadow(0 0 4px rgba(255,156,30,.45))}
    to{filter:drop-shadow(0 0 9px rgba(255,156,30,.85))}
  }
  .safe .stones img.dead{
    filter:grayscale(.95) brightness(.42);
    animation:none;
  }
  .safe.rank1 .stones img{width:31px;height:31px}
  .safe .cta{
    display:inline-block;margin:2px auto 0;
    border-style:solid;
    border-image:url("assets/ui/frame_cta.png") 168 fill / 34px / 0 stretch; 
    padding:15px 46px;
    color:var(--gold);text-decoration:none;
    font-family:"Palatino Linotype","Book Antiqua",Georgia,serif;
    font-size:17px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
    text-shadow:0 1px 2px rgba(0,0,0,.8);
    filter:brightness(1.08) saturate(1.1) drop-shadow(0 8px 18px rgba(0,0,0,.55)) drop-shadow(0 0 12px rgba(255,156,30,.18));
    transition:color .25s, filter .25s, transform .25s;
  }
  .safe.rank1 .cta{border-image-width:40px;padding:18px 58px;font-size:19px}
  .safe .cta:hover{
    color:var(--gleam);
    filter:brightness(1.12) saturate(1.12) drop-shadow(0 8px 18px rgba(0,0,0,.55)) drop-shadow(0 0 20px rgba(255,156,30,.55));
    transform:translateY(-2px);
  }
  .safes-legal{
    margin-top:46px;text-align:center;
    font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#6d5836;
  }
  .safes-legal span{margin:0 6px}
  @media (max-width:980px){
    .vault-safes{padding:56px 16px 52px}
    .safes-head{margin-bottom:70px}
    .safes-row{
      grid-template-columns:minmax(0, 460px);
      justify-content:center;gap:58px;
    }
    .safe.rank1{grid-column:1;grid-row:1;margin-top:0}
    .safe.rank2{grid-column:1;grid-row:2;margin-top:0}
    .safe.rank3{grid-column:1;grid-row:3;margin-top:0}
    .lock-dial{top:-72px;width:200px;height:200px}
    .safe{padding:32px 20px 26px}
    .safe.rank1{padding:40px 22px 28px}
    .safe .slit{margin-left:-20px;margin-right:-20px}
    .safe.rank1 .slit{margin-left:-22px;margin-right:-22px}
    .safe .logo{font-size:26px}
    .safe.rank1 .logo{font-size:31px}
    .safe .bonus{font-size:17px}
    .safe.rank1 .bonus{font-size:19px}
    .safe .cta{padding:13px 38px;font-size:15px;border-image-width:28px}
    .safe.rank1 .cta{padding:15px 46px;font-size:16px;border-image-width:32px}
    .safe .corner{width:42px;height:26px}
    .safes-shelf{height:40px;margin:-20px 0}
    .safes-legal{margin-top:32px}
  }

  
  .tomb-footer{
    position:relative;
    margin-left:calc(-1 * var(--sidebar-w)); 
    background:linear-gradient(180deg, var(--page) 0%, #100C07 42%, var(--obsidian) 100%);
    overflow:hidden;
  }
  @media (max-width:900px){ .tomb-footer{margin-left:0} }
  .tf-chain{
    display:block;margin:0 auto;padding:34px 18px 0;
    width:min(880px, 86vw);height:auto;
    filter:drop-shadow(0 4px 14px rgba(255,156,30,.22));
  }
  .tf-inner{
    max-width:1280px;margin:0 auto;
    padding:44px 28px 36px;
    position:relative;z-index:2;
  }
  .tf-grid{
    display:grid;
    grid-template-columns:1.7fr 1fr 1fr 1fr 1fr;
    gap:36px 28px;
  }
  .tf-brand{padding-right:12px}
  .tf-brand .crest-row{display:flex;align-items:center;gap:14px;margin-bottom:14px}
  .tf-brand .medallion{
    width:72px;height:72px;flex:none;
    filter:drop-shadow(0 4px 12px rgba(255,156,30,.35));
  }
  .tf-brand .wordmark{
    font-family:"Palatino Linotype","Book Antiqua",Georgia,serif;
    font-size:32px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
    background:linear-gradient(180deg,#FFE49A 0%, var(--gleam) 34%, var(--gold) 62%, #B06914 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
    text-shadow:0 2px 20px rgba(255,156,30,.16);
  }
  .tf-brand .tagline{
    color:var(--ink-dim);font-size:14px;line-height:1.6;max-width:34ch;
  }
  .tf-col h3{
    display:flex;align-items:center;gap:9px;
    font-family:"Palatino Linotype","Book Antiqua",Georgia,serif;
    font-size:14px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;
    color:var(--gold);margin-bottom:14px;white-space:nowrap;
  }
  .tf-col h3 img{
    width:24px;height:24px;flex:none;
    filter:drop-shadow(0 2px 6px rgba(255,156,30,.4));
  }
  .tf-col ul{list-style:none}
  .tf-col li{margin:0 0 9px}
  .tf-col a{
    color:var(--ink-dim);text-decoration:none;font-size:15px;letter-spacing:.02em;
    position:relative;padding-left:16px;display:inline-block;
    transition:color .18s ease, text-shadow .18s ease;
  }
  .tf-col a::before{
    content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;
    border-radius:50%;
    background:linear-gradient(180deg,var(--gleam),var(--copper));
    box-shadow:0 0 4px rgba(255,156,30,.35);
    opacity:.55;transition:opacity .18s ease, box-shadow .18s ease;
  }
  .tf-col a:hover{color:var(--gleam);text-shadow:0 0 14px rgba(255,156,30,.45)}
  .tf-col a:hover::before{opacity:1;box-shadow:0 0 8px rgba(255,156,30,.8)}
  .tf-disclaimer{
    margin:42px auto 0;max-width:860px;
    padding:16px 12px;text-align:center;
    color:var(--ink-dim);font-size:13px;line-height:1.65;letter-spacing:.03em;
    border-top:1px solid transparent;border-bottom:1px solid transparent;
    border-image:linear-gradient(90deg, transparent, var(--line) 22%, var(--line) 78%, transparent) 1;
  }
  .tf-disclaimer strong{color:var(--ink);font-weight:600}
  .tf-bottom{
    position:relative;z-index:2;
    display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;
    padding:22px 20px 26px;
    color:var(--ink-dim);font-size:13px;letter-spacing:.12em;text-transform:uppercase;
  }
  .tf-bottom .dot{color:var(--copper)}
  .tf-badge18{
    display:inline-flex;align-items:center;justify-content:center;
    width:34px;height:34px;border-radius:50%;flex:none;
    font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--gleam);
    background:radial-gradient(circle at 50% 32%, #241A0D, var(--obsidian) 72%);
    border:1px solid var(--line);
    box-shadow:0 0 10px rgba(255,156,30,.22), inset 0 1px 0 rgba(255,207,90,.25);
  }
  .tf-plinth{
    position:relative;
    height:clamp(64px, 8.6vw, 172px);
    background:url("assets/ui/ui_chrome/02.png") top center / cover no-repeat;
  }
  .tf-plinth::before{
    content:"";position:absolute;left:0;right:0;top:-90px;height:90px;
    background:radial-gradient(58% 100% at 50% 100%, rgba(255,156,30,.16), rgba(255,156,30,0) 78%);
    pointer-events:none;
  }
  @media (max-width: 980px){
    .tf-grid{grid-template-columns:1fr 1fr;gap:32px 24px}
    .tf-brand{grid-column:1 / -1;padding-right:0}
    .tf-brand .tagline{max-width:52ch}
  }
  @media (max-width: 540px){
    .tf-grid{grid-template-columns:1fr;gap:26px}
    .tf-inner{padding:36px 22px 28px}
    .tf-brand .wordmark{font-size:26px}
    .tf-brand .medallion{width:60px;height:60px}
    .tf-bottom{gap:10px;font-size:12px;letter-spacing:.09em}
  }

  
  @media (max-width:1120px){
    .vault-grid{grid-template-columns:repeat(4,1fr)}
  }
  @media (max-width:900px){
    .main{margin-left:0}
    .main-head{
      
      height:58px;padding:0 max(22px, 6.2vw);
      z-index:5;
      filter:drop-shadow(0 6px 14px rgba(0,0,0,.6));
    }
    .main-head .burger{display:flex;width:24px;height:34px;padding:0;gap:5px}
    .main-head .head-search{
      flex:0 1 160px;min-width:0;
      margin-right:auto;
      max-width:45%;
      height:32px;padding:0 12px;font-size:12px;
      transform:translateY(2.8px);
    }
    .main-head .head-actions{display:flex;gap:12px;transform:translateY(2.8px)}
    .main-head .head-actions .play{height:32px;padding:0 14px;font-size:11.5px}
    .main-head .head-seal{display:none}
    .sidebar{
      position:fixed;top:0;bottom:0;height:auto;
      width:min(300px, 84vw);
      transform:translateX(-102%);
      transition:transform .32s ease;
      box-shadow:none;
    }
    #nav-toggle:checked ~ .sidebar{
      transform:none;
      box-shadow:14px 0 44px rgba(0,0,0,.75);
    }
    .nav-scrim{
      position:fixed;inset:0 0 0 0;z-index:30;
      background:rgba(5,3,2,.62);
      opacity:0;pointer-events:none;transition:opacity .3s;
    }
    #nav-toggle:checked ~ .nav-scrim{opacity:1;pointer-events:auto}
    .scene video{height:auto;min-height:300px}
    .scene .shade{display:none}
    .scene .lede{padding:30px 64px 54px}
    
    .scene .lede .lede-col{height:auto;width:52px;opacity:.3}
    .scene .lede .lede-col.l{left:2px}
    .scene .lede .lede-col.r{right:2px}
    .scene .lede .sub{max-width:460px;font-size:14px}
    .scene .lede .actions{justify-content:center;gap:18px;margin-top:22px}
    .strip-btn{height:52px;padding:0 56px}
    .strip-btn .lbl{font-size:14px;padding:6px 16px}
    .strip-btn .cap{width:42px;height:26px}
    .scene .lede .trust{justify-content:center;margin-top:20px}

    .vault-grid{grid-template-columns:repeat(3,1fr);gap:16px}
    .hv2-sec{padding:44px 14px 52px}
    .hv2-rail .tile{width:200px}
    .hv2-veckans .hv2-pillar,
    .hv2-veckans .hv2-bowl,
    #kollektioner .hv2-kollbowl{display:none}
    
    .hv2-colrow, .hv2-provrow{
      justify-content:flex-start;flex-wrap:nowrap;
      overflow-x:auto;-webkit-overflow-scrolling:touch;
      margin-left:-14px;margin-right:-14px;
      padding:6px 14px 12px;
      scrollbar-width:none;
    }
    .hv2-colrow::-webkit-scrollbar, .hv2-provrow::-webkit-scrollbar{display:none}
    .chip{flex:none;font-size:13px;padding:7px 16px 7px 9px}
    .chip img{width:28px;height:28px}
    .hv2-prov{flex:none}
    .hv2-blog-grid{grid-template-columns:1fr;gap:20px;max-width:520px;margin-left:auto;margin-right:auto}
    .hv2-trust-grid{grid-template-columns:1fr;gap:22px;max-width:520px;margin-left:auto;margin-right:auto}
    .lac .body{padding:20px 20px 22px}
  }
  @media (max-width:680px){
    .vault-gallery{padding:44px 14px 64px}
    .vault-grid{grid-template-columns:repeat(2,1fr);gap:12px}
    .vault-head .crest{width:160px}
    .vault-head .sub{font-size:13.5px}
    .tile::before{inset:2px;border-radius:6px}
    .tile .corner{width:22px;height:14px}
    .tile .corner.tl{top:1px;left:1px}
    .tile .corner.tr{top:1px;right:1px}
    .tile .corner.bl{bottom:1px;left:1px}
    .tile .corner.br{bottom:1px;right:1px}
    .tile .cover{margin:5px 5px 0}
    .tile .nytt{top:5px;right:5px;width:54px;height:16px;font-size:7.5px}
    .tile .plinth{padding:9px 10px 7px;flex-wrap:wrap}
    .tile .name{font-size:13.5px}
    .tile .rtp{font-size:12px;padding:3px 7px 3px 4px}
    .tile .rtp img{width:15px;height:15px}
    .tile .glyphs{font-size:8px;padding:0 10px 6px;letter-spacing:.4em;text-indent:.4em}
    .hv2-rail .tile{width:176px}
  }

.head-search .hs-input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:inherit;font:inherit;letter-spacing:inherit;padding:0;margin:0;-webkit-appearance:none;appearance:none}.head-search .hs-input::placeholder{color:inherit;opacity:1}.head-search .hs-input::-webkit-search-cancel-button,.head-search .hs-input::-webkit-search-decoration{-webkit-appearance:none}