:root{
    --ink:#06151F; --navy:#0B2138; --navy2:#0F2A47; --gold:#C9A45C; --gold-dim:rgba(201,164,92,.35);
    --ivory:#F2EDE3; --mist:#A9B7C6; --line:rgba(242,237,227,.10);
    --serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;
    --sans:"Work Sans","Helvetica Neue",Arial,sans-serif;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth;scroll-padding-top:5rem}
  body{background:var(--ink);color:var(--ivory);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased}
  a{color:inherit;text-decoration:none}
  .wrap{max-width:72rem;margin:0 auto;padding:0 1.5rem}
  .eyebrow{font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;color:var(--gold)}
  h2{font-family:var(--serif);font-weight:500;font-size:clamp(2rem,4.4vw,3.1rem);line-height:1.1;letter-spacing:-.005em;margin:.9rem 0 1.2rem}
  .lede{color:var(--mist);max-width:40rem;font-size:1.05rem}
  section{padding:6.5rem 0;border-top:1px solid var(--line)}

  /* header */
  header{position:sticky;top:0;z-index:10;background:rgba(6,21,31,.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px)}
  .bar{display:flex;align-items:center;justify-content:space-between;height:4.25rem}
  .brand{display:flex;align-items:center;gap:.7rem;font-family:var(--serif);font-weight:600;font-size:1.3rem;letter-spacing:.02em}
  .brand img{width:34px;height:34px;border-radius:50%}
  nav ul{display:flex;gap:2rem;list-style:none;font-size:.86rem;letter-spacing:.04em}
  nav a{color:var(--mist);transition:color .2s}
  nav a:hover{color:var(--ivory)}
  .menu{display:none;background:none;border:1px solid var(--line);color:var(--ivory);font:inherit;font-size:.8rem;letter-spacing:.2em;padding:.45rem .8rem;border-radius:2px}

  /* hero */
  .hero{padding:7rem 0 7.5rem;border-top:none;background:radial-gradient(ellipse 70% 60% at 50% 30%,var(--navy2) 0%,var(--ink) 72%);text-align:center}
  .hero .seal{width:190px;height:auto;border-radius:50%;filter:drop-shadow(0 0 48px rgba(201,164,92,.18));animation:rise 1.3s ease-out both}
  .hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(2.6rem,6.6vw,5rem);line-height:1.04;letter-spacing:-.01em;max-width:18ch;margin:2.6rem auto 0;animation:rise 1.3s ease-out .15s both}
  .rule{width:4rem;height:2px;background:var(--gold);margin:2.4rem auto}
  .purpose{max-width:44rem;margin:0 auto;font-size:1.12rem;color:#D8DEE5;animation:rise 1.3s ease-out .3s both}
  .purpose p+p{margin-top:1rem}
  @keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

  /* condition */
  .three{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:3.5rem;border-top:1px solid var(--gold-dim)}
  .three article{padding:2rem 2rem 0 0}
  .three article+article{padding-left:2rem;border-left:1px solid var(--line)}
  .num{font-family:var(--serif);color:var(--gold);font-size:1.1rem}
  .three h3{font-family:var(--serif);font-weight:600;font-size:1.55rem;line-height:1.2;margin:.5rem 0 .8rem}
  .three p{color:var(--mist);font-size:.96rem}
  .coda{font-family:var(--serif);font-style:italic;font-size:1.5rem;margin-top:3.5rem;color:var(--ivory)}

  /* shelf */
  .system{background:linear-gradient(180deg,var(--ink),var(--navy) 120%)}
  .shelf{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;margin-top:4rem;align-items:end}
  .spine{width:78px;height:300px;border-radius:3px 3px 1px 1px;background:linear-gradient(90deg,#0A1C2E 0%,#15385C 45%,#0C2440 100%);box-shadow:inset 0 0 0 1px rgba(201,164,92,.25),0 18px 30px -18px #000;position:relative;display:flex;align-items:center;justify-content:center;transition:transform .35s ease}
  .shelf .spine:nth-child(2){height:320px}.shelf .spine:nth-child(3){height:285px}
  .spine::before,.spine::after{content:"";position:absolute;left:10px;right:10px;height:2px;background:var(--gold);box-shadow:0 6px 0 var(--gold)}
  .spine::before{top:22px}.spine::after{bottom:30px}
  .spine span{writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--serif);font-weight:600;font-size:1.35rem;letter-spacing:.14em;color:var(--gold)}
  .spine:hover{transform:translateY(-10px)}
  .ledge{height:10px;background:linear-gradient(180deg,#3A2A16,#1E150A);border-top:1px solid rgba(201,164,92,.4);border-radius:1px}
  .vols{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;margin-top:2.2rem}
  .txt h3{font-family:var(--serif);font-weight:600;font-size:1.6rem;margin-bottom:.5rem}
  .txt p{color:var(--mist);font-size:.95rem}
  .txt a{display:inline-block;margin-top:1rem;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}

  /* engagements */
  .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3.5rem}
  .card{border:1px solid var(--line);padding:2rem;background:linear-gradient(180deg,rgba(15,42,71,.45),rgba(6,21,31,0));transition:border-color .25s}
  .card:hover{border-color:var(--gold-dim)}
  .card .who{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mist)}
  .card h3{font-family:var(--serif);font-weight:600;font-size:1.65rem;line-height:1.15;margin:.8rem 0 1rem}
  .card p{color:#CBD3DC;font-size:.95rem}
  .card .go{display:block;margin-top:1.4rem;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}

  /* findings */
  .findings{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin-top:3.5rem;border-top:1px solid var(--gold-dim)}
  .finding{padding:2.2rem 2.2rem 2.2rem 0;border-bottom:1px solid var(--line)}
  .finding:nth-child(even){padding-left:2.2rem;border-left:1px solid var(--line)}
  .finding h3{font-family:var(--serif);font-weight:600;font-size:1.55rem;line-height:1.2}
  .finding .fig{font-family:var(--serif);font-size:2.8rem;color:var(--gold);line-height:1;margin:1.1rem 0 .6rem}
  .finding p{color:var(--mist);font-size:.95rem}

  /* papers */
  .papers{list-style:none;margin-top:3rem;border-top:1px solid var(--gold-dim)}
  .papers li{display:grid;grid-template-columns:9rem 1fr auto;gap:1.5rem;align-items:baseline;padding:1.4rem 0;border-bottom:1px solid var(--line)}
  .papers .kind{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
  .papers .t{font-family:var(--serif);font-size:1.4rem;font-weight:600}
  .papers .d{display:block;font-family:var(--sans);font-size:.9rem;font-weight:400;color:var(--mist);margin-top:.2rem}
  .papers .pg{font-size:.8rem;color:var(--mist)}
  .more{display:inline-block;margin-top:2rem;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}

  /* author */
  .author{display:flex;gap:2.5rem;align-items:center}
  .author img{width:120px;height:148px;object-fit:cover;border:1px solid var(--gold-dim)}
  .author h3{font-family:var(--serif);font-weight:600;font-size:2rem}
  .author .role{color:var(--gold);font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;margin:.2rem 0 1rem}
  .author p{color:var(--mist);max-width:38rem}

  footer{border-top:1px solid var(--line);padding:3rem 0 calc(3rem + env(safe-area-inset-bottom,0px));font-size:.78rem;color:var(--mist)}
  footer .row{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap}
  footer a{color:var(--ivory)}

  @media (max-width:900px){
    nav ul{display:none}
    .menu{display:block}
    nav.open ul{display:flex;flex-direction:column;gap:1.1rem;position:absolute;left:0;right:0;top:100%;background:var(--ink);padding:1.5rem;border-bottom:1px solid var(--line)}
    .three,.cards,.findings,.vols{grid-template-columns:1fr}
    .shelf{gap:1rem}
    .three article,.three article+article{padding:2rem 0 0;border-left:none}
    .finding,.finding:nth-child(even){padding:2rem 0;border-left:none}
    .papers li{grid-template-columns:1fr;gap:.3rem}
    .spine,.shelf .spine:nth-child(2),.shelf .spine:nth-child(3){height:240px;width:60px}
    .spine span{font-size:1rem;letter-spacing:.1em}
    section{padding:4.5rem 0}
    .author{flex-direction:column;align-items:flex-start}
  }
  @media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

  /* inner pages */
  .page-head{padding:6rem 0 4rem;background:radial-gradient(ellipse 70% 80% at 30% 0%,var(--navy2) 0%,var(--ink) 70%);border-top:none}
  .page-head h1{font-family:var(--serif);font-weight:500;font-size:clamp(2.6rem,6vw,4.6rem);line-height:1.04;letter-spacing:-.01em;margin:1rem 0 1.4rem;max-width:16ch}
  .page-head .sub{font-family:var(--serif);font-style:italic;font-size:clamp(1.25rem,2.2vw,1.6rem);line-height:1.4;color:#D8DEE5;max-width:40rem}
  .crumb a{color:var(--mist)} .crumb a:hover{color:var(--ivory)}
  .stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:3.5rem;border-top:1px solid var(--gold-dim)}
  .stat{padding:1.6rem 1.5rem 0 0}
  .stat+.stat{padding-left:1.5rem;border-left:1px solid var(--line)}
  .stat b{display:block;font-family:var(--serif);font-weight:500;font-size:2.4rem;color:var(--gold);line-height:1}
  .stat span{display:block;margin-top:.6rem;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mist)}
  .frame{max-width:44rem;font-size:1.08rem;color:#D8DEE5}
  .frame p+p{margin-top:1rem}
  .actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2.2rem}
  .btn{display:inline-block;padding:.85rem 1.4rem;border:1px solid var(--gold);color:var(--gold);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;transition:background .2s,color .2s}
  .btn:hover,.btn.solid{background:var(--gold);color:var(--ink)}
  .reader{padding:5rem 0;background:linear-gradient(180deg,var(--ink),var(--navy) 60%,var(--ink))}
  .sheets{max-width:52rem;margin:0 auto;display:flex;flex-direction:column;gap:2.2rem}
  .sheets img{width:100%;height:auto;display:block;box-shadow:0 30px 60px -30px rgba(0,0,0,.8),0 0 0 1px rgba(201,164,92,.15)}
  .next{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap}
  .next a{font-family:var(--serif);font-size:1.4rem}
  .next small{display:block;font-family:var(--sans);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.3rem}
  @media (max-width:900px){.stats{grid-template-columns:1fr 1fr}.stat,.stat+.stat{padding:1.4rem 1rem 0 0;border-left:none}.page-head{padding:4rem 0 3rem}.reader{padding:3rem 0}.sheets{gap:1.2rem}}

  /* principles */
  .ladder{margin-top:3rem;border-top:1px solid var(--gold-dim)}
  .rung{display:grid;grid-template-columns:5rem 1fr 1.2fr;gap:2rem;padding:1.6rem 0;border-bottom:1px solid var(--line);align-items:baseline}
  .rung .lv{font-family:var(--serif);font-size:2.2rem;color:var(--gold);line-height:1}
  .rung h3{font-family:var(--serif);font-weight:600;font-size:1.5rem;line-height:1.2}
  .rung .form{display:block;margin-top:.3rem;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mist)}
  .rung p{color:#CBD3DC;font-size:.96rem}
  .rung em{font-family:var(--serif);font-size:1.15rem;color:var(--ivory)}
  .rung:nth-child(1){padding-left:0}.rung:nth-child(2){padding-left:1.5rem}.rung:nth-child(3){padding-left:3rem}.rung:nth-child(4){padding-left:4.5rem}
  .grammar{margin-top:3rem;padding:3rem 2rem;text-align:center;border:1px solid var(--gold-dim);background:linear-gradient(180deg,rgba(15,42,71,.5),rgba(6,21,31,0))}
  .grammar .f{font-family:var(--serif);font-size:clamp(1.8rem,4vw,3rem);line-height:1.2}
  .grammar .f span{color:var(--gold)}
  .rules{display:grid;grid-template-columns:1fr 1fr;gap:0 3rem;margin-top:3rem}
  .rule-i{padding:1.4rem 0;border-top:1px solid var(--line)}
  .rule-i h3{font-family:var(--serif);font-weight:600;font-size:1.35rem;margin-bottom:.4rem}
  .rule-i p{color:var(--mist);font-size:.95rem}
  .ex{margin-top:2.5rem;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
  .ex>div{padding:1.5rem;border:1px solid var(--line)}
  .ex .lab{font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;margin-bottom:.8rem}
  .ex .ok .lab{color:var(--gold)} .ex .no .lab{color:var(--mist)}
  .ex p{font-family:var(--serif);font-size:1.2rem;line-height:1.5}
  .ex .no p{color:var(--mist);text-decoration:line-through;text-decoration-color:rgba(169,183,198,.5)}
  .ex .no small{display:block;font-family:var(--sans);font-size:.82rem;text-decoration:none;color:var(--mist);margin:-.2rem 0 .8rem}
  .disc{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:3rem;border-top:1px solid var(--gold-dim)}
  .disc article{padding:2rem 2rem 0 0}.disc article+article{padding-left:2rem;border-left:1px solid var(--line)}
  .disc h3{font-family:var(--serif);font-weight:600;font-size:1.55rem;margin:.4rem 0 .7rem}
  .disc p{color:var(--mist);font-size:.95rem}
  .rel{display:grid;grid-template-columns:1fr 1.1fr;gap:4rem;align-items:center;margin-top:2.5rem}
  .rel svg{width:100%;max-width:26rem;height:auto}
  .rel .q{font-family:var(--serif);font-size:1.35rem;line-height:1.45;border-left:2px solid var(--gold);padding-left:1.3rem;margin:1.2rem 0}
  .eight{list-style:none;counter-reset:e;margin-top:3rem;border-top:1px solid var(--gold-dim);columns:2;column-gap:3rem}
  .eight li{counter-increment:e;break-inside:avoid;display:grid;grid-template-columns:2.4rem 1fr;padding:1.1rem 0;border-bottom:1px solid var(--line);font-family:var(--serif);font-size:1.25rem;line-height:1.35}
  .eight li::before{content:counter(e,decimal-leading-zero);font-family:var(--sans);font-size:.75rem;color:var(--gold);padding-top:.35rem}
  .closer{text-align:center;padding:7rem 0}
  .closer p{font-family:var(--serif);font-style:italic;font-size:clamp(1.6rem,3.4vw,2.4rem);line-height:1.3}
  .closer span{color:var(--gold)}
  @media (max-width:900px){.rung{grid-template-columns:3.5rem 1fr;gap:1rem}.rung p{grid-column:2}.rung:nth-child(n){padding-left:0}.rules,.ex,.disc,.rel{grid-template-columns:1fr}.disc article,.disc article+article{padding:2rem 0 0;border-left:none}.eight{columns:1}}

  /* methods */
  .found{display:grid;grid-template-columns:1fr 1.3fr;gap:3rem;margin-top:3rem;padding:2.5rem;border:1px solid var(--gold-dim);background:linear-gradient(180deg,rgba(15,42,71,.5),rgba(6,21,31,0))}
  .found h3{font-family:var(--serif);font-weight:600;font-size:2rem;line-height:1.15}
  .found .qq{font-family:var(--serif);font-style:italic;font-size:1.3rem;line-height:1.45;color:var(--ivory);margin-bottom:.9rem}
  .found p{color:var(--mist)}
  .mlist{margin-top:3rem;border-top:1px solid var(--gold-dim)}
  .m{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:2.5rem;padding:1.9rem 0;border-bottom:1px solid var(--line);align-items:start}
  .m h3{font-family:var(--serif);font-weight:600;font-size:1.45rem;line-height:1.2}
  .m .qq{font-family:var(--serif);font-style:italic;font-size:1.2rem;line-height:1.45;color:var(--ivory)}
  .m p{color:var(--mist);font-size:.95rem}
  .m .case{display:inline-block;margin-top:.7rem;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
  .stat-line{display:flex;align-items:baseline;gap:1.2rem;margin-top:2rem}
  .stat-line b{font-family:var(--serif);font-weight:500;font-size:3.6rem;color:var(--gold);line-height:1}
  .stat-line span{color:var(--mist);max-width:30rem}
  @media (max-width:900px){.found,.m{grid-template-columns:1fr;gap:.8rem}}
  .m .case.muted{color:var(--mist);opacity:.8}
  .applied{font-family:var(--serif);font-style:italic;font-size:clamp(1.3rem,2.4vw,1.7rem);line-height:1.45;max-width:52rem;border-left:2px solid var(--gold);padding-left:1.5rem}

  /* library */
  .kpis{display:grid;grid-template-columns:repeat(4,1fr);margin-top:3rem;border-top:1px solid var(--gold-dim)}
  .kpis div{padding:1.6rem 1.5rem 0 0}.kpis div+div{padding-left:1.5rem;border-left:1px solid var(--line)}
  .kpis b{display:block;font-family:var(--serif);font-weight:500;font-size:2rem;line-height:1.15;color:var(--ivory)}
  .kpis span{display:block;margin-top:.5rem;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mist)}
  .shelf6{display:grid;grid-template-columns:repeat(6,1fr);gap:1.4rem;margin-top:3.5rem;align-items:end}
  .shelf6 .spine{width:100%;max-width:84px;margin:0 auto}
  .shelf6 .spine:nth-child(1){height:330px}.shelf6 .spine:nth-child(2){height:300px}.shelf6 .spine:nth-child(3){height:315px}.shelf6 .spine:nth-child(4){height:285px}.shelf6 .spine:nth-child(5){height:305px}.shelf6 .spine:nth-child(6){height:290px}
  .shelf6 .spine span{font-size:1.05rem;letter-spacing:.12em}
  .vols6{display:grid;grid-template-columns:repeat(3,1fr);gap:2.2rem 2.5rem;margin-top:2.6rem}
  .dec{margin-top:3rem;border-top:1px solid var(--gold-dim)}
  .dec .row{display:grid;grid-template-columns:4rem 13rem 1fr;gap:1.5rem;padding:1.3rem 0;border-bottom:1px solid var(--line);align-items:baseline}
  .dec .lv{font-family:var(--serif);font-size:1.8rem;color:var(--gold)}
  .dec .kind{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mist)}
  .dec .st{font-family:var(--serif);font-size:1.35rem;line-height:1.4}
  .dec ul{list-style:none;columns:2;column-gap:2rem}
  .dec li{font-family:var(--serif);font-size:1.12rem;line-height:1.35;padding:.25rem 0;color:#DDE3EA;break-inside:avoid}
  .fam{display:grid;grid-template-columns:repeat(3,1fr);margin-top:3rem;border-top:1px solid var(--gold-dim)}
  .fam article{padding:2rem 2rem 0 0}.fam article+article{padding-left:2rem;border-left:1px solid var(--line)}
  .fam h3{font-family:var(--serif);font-weight:600;font-size:1.5rem;margin:.4rem 0 .5rem}
  .fam .qq{font-family:var(--serif);font-style:italic;font-size:1.15rem;color:var(--ivory);margin-bottom:.8rem}
  .fam p{color:var(--mist);font-size:.95rem}
  @media (max-width:900px){.kpis,.vols6,.fam{grid-template-columns:1fr 1fr}.kpis div+div,.fam article+article{border-left:none;padding-left:0}.shelf6{grid-template-columns:repeat(6,1fr);gap:.5rem}.shelf6 .spine span{font-size:.72rem}.shelf6 .spine:nth-child(n){height:210px}.dec .row{grid-template-columns:3rem 1fr}.dec .row>*:last-child{grid-column:1/-1}.dec ul{columns:1}}
  @media (max-width:560px){.kpis,.vols6,.fam{grid-template-columns:1fr}}
  .q-web{list-style:none;counter-reset:w;margin-top:2.6rem;border-top:1px solid var(--gold-dim)}
  .q-web li{counter-increment:w;display:grid;grid-template-columns:3rem 1fr;padding:1.5rem 0;border-bottom:1px solid var(--line);font-family:var(--serif);font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.45}
  .q-web li::before{content:counter(w,decimal-leading-zero);font-family:var(--sans);font-size:.78rem;color:var(--gold);padding-top:.45rem}
  .shelf2{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;margin-top:3.5rem;align-items:end}
  .shelf2 .glab{font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);padding-bottom:.8rem;margin-bottom:1.4rem;border-bottom:1px solid var(--line)}
  .row3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;align-items:end}
  .row3 .spine{width:100%;max-width:84px;margin:0 auto}
  .row3 .spine:nth-child(1){height:320px}.row3 .spine:nth-child(2){height:295px}.row3 .spine:nth-child(3){height:308px}
  .row3 .spine span{font-size:1.02rem;letter-spacing:.12em}
  .vols2{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;margin-top:2.6rem}
  .vcol{display:flex;flex-direction:column;gap:1.8rem}
  @media (max-width:900px){.shelf2,.vols2{grid-template-columns:1fr;gap:2rem}.row3 .spine:nth-child(n){height:220px}.row3 .spine span{font-size:.8rem}}

  /* leather and gold tooling */
  .spine{--leather:#15355A;--leather-d:#0A1C30;
    background:
      linear-gradient(180deg,transparent 6%,rgba(0,0,0,.55) 6.3%,rgba(255,230,180,.08) 6.8%,rgba(0,0,0,.35) 8.6%,transparent 9%,
                     transparent 12%,rgba(0,0,0,.55) 12.3%,rgba(255,230,180,.08) 12.8%,rgba(0,0,0,.35) 14.6%,transparent 15%,
                     transparent 85%,rgba(0,0,0,.55) 85.3%,rgba(255,230,180,.08) 85.8%,rgba(0,0,0,.35) 87.6%,transparent 88%,
                     transparent 91%,rgba(0,0,0,.55) 91.3%,rgba(255,230,180,.08) 91.8%,rgba(0,0,0,.35) 93.6%,transparent 94%),
      linear-gradient(90deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.15) 18%,rgba(255,255,255,.035) 44%,rgba(0,0,0,.05) 60%,rgba(0,0,0,.28) 84%,rgba(0,0,0,.65) 100%),
      url("leather.png"),
      linear-gradient(180deg,var(--leather),var(--leather-d));
    box-shadow:0 22px 34px -20px #000,inset 0 0 0 1px rgba(0,0,0,.4);border-radius:5px 5px 2px 2px}
  .spine.alt{--leather:#1D4A3B;--leather-d:#0E271F;background-color:transparent}
  .spine::before,.spine::after{content:"";position:absolute;left:14%;right:14%;height:3px;box-shadow:none;
    background:linear-gradient(90deg,#8A6A2A,#F1D896 30%,#C9A45C 50%,#F6E3A8 70%,#8A6A2A);
    -webkit-mask:linear-gradient(#000 0 0) top/100% 1px no-repeat,linear-gradient(#000 0 0) bottom/100% 1px no-repeat;
            mask:linear-gradient(#000 0 0) top/100% 1px no-repeat,linear-gradient(#000 0 0) bottom/100% 1px no-repeat}
  .spine::before{top:17.5%}.spine::after{bottom:17.5%}
  .spine span{position:relative;padding:.9em .38em;border:1px solid rgba(214,178,98,.75);
    box-shadow:inset 0 0 0 2px rgba(0,0,0,.35),inset 0 0 0 3px rgba(214,178,98,.45);
    background:linear-gradient(90deg,rgba(0,0,0,.28),rgba(0,0,0,.12) 50%,rgba(0,0,0,.3));
    color:#D8B45F;text-shadow:0 1px 0 rgba(0,0,0,.6)}
  @supports (-webkit-background-clip:text){
    .spine span b{font-weight:600;background:linear-gradient(90deg,#9C7630,#F4DE9E 35%,#C9A45C 55%,#FBEAB6 72%,#A07A33);
      -webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
  }
  .spine span{font-size:.9rem!important;letter-spacing:.09em!important;padding:.75em .32em}
  .spine{display:flex;align-items:center;justify-content:center}
  @media (max-width:900px){.spine span{font-size:.7rem!important;letter-spacing:.06em!important}}
  .spine.red{--leather:#6B2A24;--leather-d:#3A1411}
  .ledge{height:14px;background:linear-gradient(180deg,#E6C774 0%,#C9A45C 35%,#9C7A36 75%,#6E5424 100%);border-top:1px solid #F1DA95;border-radius:2px;box-shadow:0 10px 18px -8px #000}
  .spine{box-shadow:0 18px 26px -18px #000,inset 0 0 0 1px rgba(0,0,0,.45)!important}

  /* contact */
  .ct{padding:.5rem 0 2.6rem;margin-bottom:2rem;border-bottom:1px solid var(--line)}
  .ct-mail{display:block;font-family:var(--serif);font-weight:500;font-size:clamp(1.9rem,4.5vw,3rem);line-height:1.1;color:var(--ivory);margin:.9rem 0 1rem;word-break:break-word}
  .ct-mail:hover{color:var(--gold)}
  .ct-links{display:flex;gap:1.8rem;font-size:.78rem;letter-spacing:.2em;text-transform:uppercase}
  .ct-links a{color:var(--gold)}
  .ct-links span{color:var(--mist)}

  /* insights */
  .plate{margin:3rem 0 0;border:1px solid var(--gold-dim);box-shadow:0 30px 60px -30px #000;background:#F5F0E3}
  .plate img{display:block;width:100%;height:auto}
  .plate{max-width:46rem;margin-left:auto;margin-right:auto}
  .plate.wide{max-width:62rem}
  .plate.calc{max-width:36rem}
  .corpus-meta{max-width:46rem;margin-left:auto;margin-right:auto}
  .corpus-meta{display:grid;grid-template-columns:1fr auto;gap:1.5rem;margin-top:1.6rem;border-top:1px solid var(--gold-dim);padding-top:1.2rem}
  .corpus-meta .k{display:block;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
  .corpus-meta .v{display:block;font-family:var(--serif);font-size:1.35rem;margin-top:.2rem}
  .ilist{list-style:none;margin-top:3rem;border-top:1px solid var(--gold-dim)}
  .ilist li{border-bottom:1px solid var(--line)}
  .ilist a{display:grid;grid-template-columns:11rem 1fr;column-gap:1.5rem;padding:1.6rem 0}
  .ilist .idate{grid-row:span 2;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);padding-top:.5rem}
  .ilist .it{font-family:var(--serif);font-size:1.6rem;font-weight:600;line-height:1.2}
  .ilist .id{color:var(--mist);font-size:.95rem;margin-top:.3rem}
  .ilist a:hover .it{color:var(--gold)}
  .calc-block{margin-top:5rem;text-align:center}
  .calc-block .plate{text-align:left}
  .basis{margin-top:2rem;font-size:.78rem;letter-spacing:.04em;color:var(--mist)}
  .legend{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center}
  .lg{font-family:var(--serif);font-size:1.1rem;display:inline-flex;align-items:center;gap:.5rem}
  .lg::before{content:"";width:14px;height:14px;display:inline-block}
  .lg.protect::before,.vc.protect h3{background:#1F6B63}
  .lg.industrialize::before,.vc.industrialize h3{background:#93722E}
  .lg.redesign::before,.vc.redesign h3{background:#2B4C7E}
  .vcs{display:none}
  .mob{display:none}
  .vc{border:1px solid var(--line);margin-top:1.2rem}
  .vc h3{font-family:var(--serif);font-weight:600;font-size:1.6rem;padding:.8rem 1.2rem;color:#fff}
  .vc h3 span{display:block;font-family:var(--sans);font-weight:400;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;opacity:.85}
  .vc dl{padding:.4rem 1.2rem 0}
  .vc dt{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-top:.9rem}
  .vc dd{font-family:var(--serif);font-size:1.25rem;line-height:1.25}
  .vc .strat{margin:1.1rem 1.2rem 1.2rem;padding-top:.9rem;border-top:1px solid var(--gold-dim);font-family:var(--serif);font-style:italic;font-size:1.45rem}
  .method{max-width:42rem;color:#CBD3DC;font-size:1.02rem}
  .method p+p{margin-top:1rem}
  @media (max-width:900px){
    .plate.wide{display:none}
    .vcs{display:block;margin-top:1.5rem}
    .legend.mob{display:flex}.basis.mob{display:block}
    .ilist a{grid-template-columns:1fr}
    .ilist .idate{grid-row:auto;padding:0 0 .3rem}
    .corpus-meta{grid-template-columns:1fr}
  }

  /* Insight findings */
  .finds{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin-top:3rem;border-top:1px solid var(--gold-dim)}
  .finds article{padding:2rem 2rem 2rem 0;border-bottom:1px solid var(--line)}
  .finds article:nth-child(even){padding-left:2rem;border-left:1px solid var(--line)}
  .finds .set{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mist)}
  .finds h3{font-family:var(--serif);font-weight:600;font-size:1.5rem;margin:.4rem 0 .2rem}
  .finds .pct{font-family:var(--serif);font-size:3.4rem;line-height:1;color:var(--gold)}
  .finds p{color:#CBD3DC;font-size:.98rem;margin-top:.6rem}
  .finds p em{color:var(--mist)}
  .one{max-width:44rem;margin:3rem auto 0;text-align:center}
  .one p{font-family:var(--serif);font-style:italic;font-size:1.45rem;line-height:1.45}
  .one p+p{font-size:1.1rem;color:var(--mist);margin-top:1rem}
  .close{font-family:var(--serif);font-size:1.6rem;line-height:1.35;max-width:40rem;margin-top:2.5rem}
  .plate.exhibit{max-width:62rem}
  @media (max-width:760px){
    .finds{grid-template-columns:1fr}
    .finds article:nth-child(even){padding-left:0;border-left:0}
    .finds .pct{font-size:2.8rem}
    .one p{font-size:1.25rem}
  }