*{box-sizing:border-box}
:root{
  --bg:#080706;
  --panel:#12100d;
  --gold:#d8a936;
  --gold2:#f2cd68;
  --cream:#efe4ca;
  --red:#9f261f;
  --green:#4f9b38;
  --muted:#b9aa8d;
  --line:#3a2b18;
}
html{scroll-behavior:smooth}
body{
  margin:0; min-width:0; overflow-x:hidden;
  background:radial-gradient(circle at 50% 0,#21190d 0,#090806 42%,#050504 100%);
  color:var(--cream); font-family:Georgia,"Times New Roman",serif;
}
a{color:var(--gold2);text-decoration:none}
img{max-width:100%;height:auto}
.topline{
  display:flex;justify-content:space-between;align-items:center;gap:20px;
  padding:7px clamp(14px,3vw,48px);
  background:#020202;border-bottom:1px solid var(--gold);
  color:var(--gold2);font-size:11px;letter-spacing:.1em
}
.status{color:#d9d2bf;text-align:right}
.hero{background:#000;border-bottom:1px solid #2a1e0f}
.hero-frame{
  width:100%;
  display:flex;justify-content:center;align-items:center;
  background:#000;
}
.hero-img{
  width:min(100%,1100px);
  height:auto;
  display:block;
  object-fit:contain;
}
.nav{
  position:sticky;top:0;z-index:20;
  display:flex;justify-content:center;gap:30px;flex-wrap:wrap;
  padding:12px 16px;background:rgba(5,5,4,.96);
  border-top:1px solid #3b2c15;border-bottom:1px solid #3b2c15;
  backdrop-filter:blur(8px)
}
.nav a{font-family:Arial,sans-serif;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
main{max-width:1240px;margin:auto}
section{scroll-margin-top:70px}
.intro{
  display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.7fr);
  gap:42px;padding:46px 30px 32px;align-items:center
}
.eyebrow{color:var(--gold);font:700 12px Arial,sans-serif;letter-spacing:.18em}
h1{font-size:clamp(38px,5.2vw,68px);line-height:.96;margin:14px 0 18px;color:#fff;max-width:900px}
h2{font-size:clamp(30px,4vw,52px);line-height:1;margin:12px 0 28px;color:#fff}
h3{font-size:25px;margin:10px 0 12px}
.lead{font-size:20px;line-height:1.5;color:#d9cfb9;max-width:840px}
.button{
  display:inline-block;margin-top:16px;padding:13px 18px;border:1px solid var(--gold);
  background:linear-gradient(#2a1c08,#100b04);text-transform:uppercase;
  font:700 12px Arial,sans-serif;letter-spacing:.12em
}
.index-box{
  align-self:center;padding:26px;border:1px solid var(--gold);
  background:linear-gradient(145deg,#17120a,#070605);box-shadow:0 0 35px #000
}
.index-box span,.index-box em,.index-box small{display:block}
.index-box span{font:700 12px Arial,sans-serif;letter-spacing:.12em;color:var(--gold)}
.index-box strong{display:block;font-size:76px;color:#fff;line-height:1;margin:12px 0}
.index-box em{color:#80b963;font-style:normal}
.index-box small{margin-top:14px;color:var(--muted);line-height:1.4}
.section{padding:58px 30px;border-top:1px solid var(--line)}
.section-head{max-width:880px}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.card{
  position:relative;padding:28px;background:linear-gradient(145deg,#17120f,#0c0a08);
  border:1px solid #362817;min-height:235px;box-shadow:inset 0 0 40px rgba(0,0,0,.25)
}
.card.featured{border-color:var(--gold)}
.card p,.card li{color:#cfc3ad;line-height:1.55}
.card strong{color:#fff}
.tag{font:700 11px Arial,sans-serif;letter-spacing:.15em;color:var(--gold)}
.locked:after{content:"?";position:absolute;right:22px;bottom:5px;font-size:110px;color:#2c2418}
.dark{
  background:#050504;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
  padding-left:max(30px,calc((100vw - 1180px)/2));
  padding-right:max(30px,calc((100vw - 1180px)/2))
}
.method-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.method-grid div{padding:22px 14px;border:1px solid #3b2c16;background:#0d0b08;text-align:center}
.method-grid b{display:block;color:var(--gold);font-size:36px}
.method-grid span{display:block;min-height:44px;color:#c8bda8}
.method-grid strong{display:block;margin-top:10px;color:#fff;font:700 12px Arial,sans-serif;letter-spacing:.06em}
.review{text-align:right;color:var(--muted);font-style:italic}
.investigation{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.7fr);gap:40px}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
table{width:100%;min-width:680px;border-collapse:collapse;margin-top:25px;background:#0d0b08}
th,td{padding:14px;border:1px solid #392b19;text-align:left;vertical-align:top}
th{color:var(--gold);font:700 12px Arial,sans-serif;text-transform:uppercase}
td{color:#d4c8b2}
blockquote{margin:0;padding:28px;border-left:3px solid var(--gold);background:#0d0b08;font-size:28px;line-height:1.25;color:#fff}
blockquote cite{display:block;margin-top:22px;font-size:14px;color:var(--gold);font-style:normal}
.professor{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:40px;align-items:center}
.professor-photo-wrap{max-width:460px}
.professor img{width:100%;border:1px solid var(--gold);box-shadow:0 0 40px #000}
.professor p{font-size:19px;line-height:1.55;color:#d6cbb6}
.birthname{padding:18px;border-left:3px solid var(--gold);background:#0d0b08}
.credentials{margin-top:25px;color:var(--gold2);font-size:20px}
.credentials small{color:var(--muted)}
.dementi{text-align:center;padding-top:78px;padding-bottom:78px}
.dementi h2{max-width:1000px;margin:15px auto 25px}
.dementi p{font-size:30px;color:var(--gold);text-transform:uppercase;font-weight:bold}
footer{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:28px 4vw;background:#020202;border-top:1px solid var(--gold);color:#a99d87;font-size:13px}
footer strong{color:var(--gold)}

@media(max-width:1000px){
  .intro{grid-template-columns:1fr;gap:26px;padding-top:34px}
  .index-box{max-width:520px}
  .method-grid{grid-template-columns:repeat(2,1fr)}
  .method-grid div:last-child{grid-column:1/-1}
  .investigation{grid-template-columns:1fr}
  .professor{grid-template-columns:1fr}
  .professor-photo-wrap{max-width:560px;margin:auto}
}

@media(max-width:700px){
  body{background:#0a0907}
  .topline{
    display:grid;grid-template-columns:1fr auto;gap:8px;
    padding:7px 10px;font-size:9px;line-height:1.2;letter-spacing:.05em
  }
  .brand-mini{font-weight:bold;white-space:nowrap}
  .status{
    margin:0;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    max-width:56vw
  }
  .hero{
    padding:0;
    border-bottom:1px solid #2a1e0f
  }
  .hero-frame{
    width:100%;
    background:#000;
    overflow:hidden;
  }
  .hero-img{
    width:100%;
    max-width:none;
    height:auto;
    object-fit:contain;
    display:block;
  }
  .nav{
    position:static;
    justify-content:flex-start;
    gap:8px;
    overflow-x:auto;
    flex-wrap:nowrap;
    white-space:nowrap;
    padding:9px 10px;
    scrollbar-width:none
  }
  .nav::-webkit-scrollbar{display:none}
  .nav a{
    flex:0 0 auto;
    padding:8px 10px;
    border:1px solid #2f2416;
    font-size:10px
  }
  .intro{
    padding:24px 16px 18px;
    gap:18px
  }
  h1{font-size:clamp(36px,11vw,48px);line-height:.98;margin-top:10px}
  h2{font-size:34px}
  h3{font-size:23px}
  .lead{font-size:17px;line-height:1.45}
  .index-box{
    padding:18px;
    max-width:none;
    display:grid;
    grid-template-columns:1fr auto;
    column-gap:12px;
    align-items:end
  }
  .index-box span{grid-column:1/-1}
  .index-box strong{font-size:54px;margin:8px 0 0}
  .index-box em{align-self:end;padding-bottom:7px}
  .index-box small{grid-column:1/-1;margin-top:8px}
  .section{padding:38px 16px}
  .cards{grid-template-columns:1fr}
  .card{padding:22px;min-height:0}
  .method-grid{grid-template-columns:1fr}
  .method-grid div:last-child{grid-column:auto}
  .review{text-align:left}
  blockquote{font-size:23px}
  .professor p{font-size:17px}
  .credentials{font-size:18px}
  .dementi{padding-top:50px;padding-bottom:50px}
  .dementi p{font-size:23px}
  footer{grid-template-columns:1fr;text-align:center;padding:22px 16px}
}

@media(max-width:430px){
  .topline{grid-template-columns:1fr}
  .status{max-width:none;text-align:left;font-size:8px}
  .nav{padding:8px}
  .nav a{padding:7px 9px}
  h1{font-size:38px}
  h2{font-size:31px}
  .eyebrow{font-size:10px;letter-spacing:.13em}
  .button{width:100%;text-align:center}
  .index-box strong{font-size:50px}
  .card ul{padding-left:20px}
}