: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);
  }
  .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);
    padding:8px 18px;
    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;
  }
  .head-actions .play{
    display:inline-block;
    border-style:solid;
    border-image:url("assets/ui/frame_secondary.png") 96 fill / 16px / 0 stretch;
    padding:8px 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}
  }

  
  .art-stage{
    position:relative;
    max-width:900px;margin:0 auto;
    padding:40px clamp(20px, 3vw, 40px) 72px;
  }
  
  .art-lac,
  .art-author,
  .art-rel{
    position:relative;
    left:calc(var(--sidebar-w) / -2);
  }
  
  @media (min-height:720px){ .art-lac,.art-author,.art-rel{left:0} }
  
  .art-guard{
    position:fixed;top:50%;z-index:4;
    height:min(90vh, 980px);width:auto; 
    transform:translateY(-50%);
    opacity:0;pointer-events:none;user-select:none;
    transition:opacity .7s ease;
    
    filter:brightness(.55) saturate(.85) drop-shadow(0 30px 44px rgba(0,0,0,.9)) drop-shadow(0 8px 14px rgba(0,0,0,.7)) drop-shadow(0 0 30px rgba(255,156,30,.12));
    -webkit-mask-image:linear-gradient(180deg,#000 0%, #000 84%, transparent 100%);
            mask-image:linear-gradient(180deg,#000 0%, #000 84%, transparent 100%);
  }
  .art-guard.gl{left:24px;transform:translateY(-50%) scaleX(-1)} 
  .art-guard.gr{right:24px}
  .art-guard.on{opacity:.55}
  
  @media (max-width:1500px){ .art-guard{height:min(78vh, 600px);left:10px} .art-guard.gr{left:auto;right:10px} }
  @media (max-width:1100px){ .art-guard{display:none} }

  .crumbs{
    position:relative;z-index:1;
    font-size:12px;letter-spacing:.08em;text-transform:uppercase;
    color:var(--ink-dim);
    margin-bottom:22px;
  }
  .crumbs a{color:var(--ink-dim);transition:color .2s}
  .crumbs a:hover{color:var(--gleam)}
  .crumbs .sep{margin:0 8px;color:var(--copper)}

  .art-meta{
    position:relative;z-index:1;
    display:flex;align-items:center;gap:12px;flex-wrap:wrap;
    margin-bottom:16px;
  }
  .art-cat{
    padding:4px 13px;border-radius:999px;
    background:rgba(5,3,2,.72);
    border:1px solid rgba(163,80,46,.55);
    color:#C98A5E;
    font-size:10.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;
  }
  .art-byline{
    font-size:13px;color:var(--ink-dim);letter-spacing:.03em;
  }
  .art-byline b{color:#D8BE86;font-weight:600}
  .art-byline i{font-style:normal;color:var(--copper);margin:0 6px}

  
  .art-stage h1{
    position:relative;z-index:1;
    font-family:"Palatino Linotype","Book Antiqua",Georgia,serif;
    font-size:clamp(28px, 3.4vw, 42px);
    line-height:1.14;
    font-weight:700;letter-spacing:.04em;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 16px rgba(255,156,30,.18));
    margin-bottom:14px;
  }
  .art-dek{
    position:relative;z-index:1;
    color:var(--ink-dim);font-size:17px;line-height:1.65;letter-spacing:.02em;
    max-width:62ch;
    margin-bottom:26px;
  }

  
  .art-cover{
    position:relative;z-index:1;
    aspect-ratio:21/9;
    display:grid;place-items:center;
    background:
      radial-gradient(60% 90% at 50% 100%, rgba(255,156,30,.10) 0%, rgba(255,156,30,0) 70%),
      linear-gradient(158deg, #1B1208 0%, var(--obsidian) 52%, #060402 100%);
    border:1px solid var(--line-soft);
    box-shadow:inset 0 0 40px rgba(0,0,0,.55), 0 12px 30px rgba(0,0,0,.5);
    margin-bottom:34px;
  }
  .art-cover img{
    width:76px;height:76px;object-fit:contain;
    opacity:.85;
    filter:drop-shadow(0 8px 18px rgba(0,0,0,.7));
  }

  
  .art-lac{
    position:relative;z-index:1;
    background:linear-gradient(180deg, var(--obsidian) 0%, #14100A 100%);
    border:1px solid var(--line-soft);
    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);
  }
  .art-lac .frieze{
    height:20px;
    background:url("assets/ui/ui_dividers/01.png") left center / auto 100% repeat-x;
    border-bottom:1px solid var(--line-soft);
    opacity:.45;
  }
  .art-body{
    padding:34px clamp(24px, 4.5vw, 52px) 40px;
  }
  .art-body p{
    color:#D9C08C;
    font-size:16.5px;line-height:1.8;letter-spacing:.01em;
    margin:0 0 18px;
  }
  .art-body .intro{
    color:var(--ink);font-size:17.5px;line-height:1.75;
  }
  .art-body p:last-child{margin-bottom:0}
  .art-body a{
    color:#C98A5E;
    border-bottom:1px solid rgba(163,80,46,.5);
    transition:color .2s, border-color .2s;
  }
  .art-body a:hover{color:var(--gleam);border-color:var(--gleam)}

  
  .art-body h2{
    display:flex;align-items:center;gap:11px;
    font-family:"Palatino Linotype","Book Antiqua",Georgia,serif;
    font-size:22px;font-weight:700;letter-spacing:.04em;
    color:var(--ink);
    margin:34px 0 14px;
  }
  .art-body h2:first-child{margin-top:0}
  .art-body h2 img{
    flex:none;width:26px;height:26px;object-fit:contain;
    filter:drop-shadow(0 3px 7px rgba(0,0,0,.7));
    opacity:.9;
  }

  
  .art-body ul{
    list-style:none;
    margin:0 0 18px;
  }
  .art-body ul li{
    position:relative;
    padding:0 0 0 30px;
    margin-bottom:10px;
    color:#D9C08C;
    font-size:16px;line-height:1.7;
  }
  .art-body ul li::before{
    content:"";position:absolute;left:0;top:.28em;
    width:17px;height:17px;
    background:url("assets/ui/ui_chrome/17.png") center / contain no-repeat;
    opacity:.85;
    filter:drop-shadow(0 2px 4px rgba(0,0,0,.6));
  }
  .art-body ul li:nth-child(3n+2)::before{background-image:url("assets/ui/ui_chrome/18.png")}
  .art-body ul li:nth-child(3n)::before{background-image:url("assets/ui/ui_chrome/19.png")}
  .art-body ul li b{color:var(--ink);font-weight:600}

  
  .art-fact{
    border-style:solid;
    border-image:url("assets/ui/frame_secondary.png") 95 150 fill / 26px 41px / 0 round;
    padding:24px 34px;
    margin:28px 0;
    filter:drop-shadow(0 8px 18px rgba(0,0,0,.45));
  }
  .art-fact .fk{
    display:block;
    font-size:10.5px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;
    color:#C98A5E;
    margin-bottom:8px;
  }
  .art-fact p{
    color:var(--ink);
    font-family:"Palatino Linotype","Book Antiqua",Georgia,serif;
    font-size:17.5px;line-height:1.6;letter-spacing:.01em;
    margin:0;
  }

  
  .art-author{
    position:relative;z-index:1;
    display:flex;align-items:center;gap:22px;
    margin-top:30px;
    padding:22px 26px;
    background:linear-gradient(180deg, var(--obsidian) 0%, #14100A 100%);
    border:1px solid var(--line-soft);
    box-shadow:inset 0 0 30px rgba(0,0,0,.5), 0 10px 26px rgba(0,0,0,.45);
  }
  .art-author .portrait{
    position:relative;flex:none;
    width:96px;height:100px;
    background:url("assets/ui/ui_plaques/03.png") center / 100% 100% no-repeat;
    display:grid;place-items:center;
    filter:drop-shadow(0 6px 14px rgba(0,0,0,.6));
  }
  .art-author .portrait span{
    font-family:"Palatino Linotype","Book Antiqua",Georgia,serif;
    font-size:26px;font-weight:700;letter-spacing:.06em;
    color:#C98A5E;
    text-shadow:0 2px 6px rgba(0,0,0,.8);
  }
  .art-author .who .name{
    font-family:"Palatino Linotype","Book Antiqua",Georgia,serif;
    font-size:19px;font-weight:700;letter-spacing:.04em;
    color:var(--ink);
  }
  .art-author .who .role{
    margin-top:2px;
    font-size:10.5px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;
    color:var(--ink-dim);
  }
  .art-author .who .bio{
    margin-top:8px;
    font-size:14px;line-height:1.6;color:var(--ink-dim);
    max-width:52ch;
  }
  .art-author .who .more{
    display:inline-block;margin-top:8px;
    font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
    color:#C98A5E;
    transition:color .2s;
  }
  .art-author .who .more:hover{color:var(--gleam)}

  
  .art-rel{
    position:relative;z-index:1;
    margin-top:44px;
  }
  .art-rel h3{
    font-family:"Palatino Linotype","Book Antiqua",Georgia,serif;
    font-size:16px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;
    color:#D8BE86;
    margin-bottom:18px;
  }
  .rel-grid{
    display:grid;grid-template-columns:repeat(3, 1fr);gap:18px;
  }
  .rc{
    display:flex;flex-direction:column;
    background:linear-gradient(180deg, var(--obsidian) 0%, #14100A 100%);
    border:1px solid var(--line-soft);
    box-shadow:inset 0 0 24px rgba(0,0,0,.45), 0 8px 20px rgba(0,0,0,.45);
    transition:transform .2s ease, border-color .2s ease;
  }
  .rc:hover{transform:translateY(-3px);border-color:rgba(240,169,44,.3)}
  .rc .rcover{
    aspect-ratio:3/2;
    display:grid;place-items:center;
    background:
      radial-gradient(70% 90% at 50% 100%, rgba(255,156,30,.08) 0%, rgba(255,156,30,0) 68%),
      linear-gradient(158deg, #1B1208 0%, var(--obsidian) 55%, #060402 100%);
    border-bottom:1px solid rgba(240,169,44,.12);
  }
  .rc .rcover img{
    width:42px;height:42px;object-fit:contain;opacity:.85;
    filter:drop-shadow(0 4px 10px rgba(0,0,0,.7));
    transition:filter .2s ease;
  }
  .rc:hover .rcover img{filter:drop-shadow(0 4px 10px rgba(0,0,0,.7)) drop-shadow(0 0 10px rgba(255,156,30,.4))}
  .rc .rt{
    padding:13px 15px 15px;
    font-family:"Palatino Linotype","Book Antiqua",Georgia,serif;
    font-size:14.5px;font-weight:700;line-height:1.4;letter-spacing:.02em;
    color:var(--ink);
  }
  .rc .rd{
    padding:0 15px 14px;margin-top:auto;
    font-size:11px;letter-spacing:.06em;color:var(--ink-dim);
  }
  .rc .rd i{font-style:normal;color:var(--copper);margin:0 5px}

  
  .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:900px){
    .main{margin-left:0}
    .art-lac,.art-author,.art-rel{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}
    .art-stage{padding-top:28px}
    .art-body{padding:26px 20px 30px}
    .art-fact{padding:20px 24px}
    .art-author{flex-direction:row;gap:16px;padding:18px 18px}
    .rel-grid{grid-template-columns:1fr}
  }
  @media (max-width:560px){
    .art-author{flex-direction:column;align-items:flex-start}
    .art-cover{aspect-ratio:16/9}
  }

.post .cover img.ph,.art-cover img.ph,.rc .rcover img.ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1;filter:none}.art-cover{position:relative;overflow:hidden}.rc .rcover{position:relative;overflow:hidden}.art-src{margin:24px 0 0;padding-top:14px;border-top:1px solid var(--line-soft);font-size:13.5px;line-height:1.6;letter-spacing:.02em;color:var(--ink-dim)}.art-src a{color:#C98A5E;border-bottom:1px solid rgba(163,80,46,.5);transition:color .2s,border-color .2s}.art-src a:hover{color:var(--gleam);border-color:var(--gleam)}