/* HEDI SLIMANE · DIOR-ERA · MONOCHROME NOIR/BLANC/NICKEL
   Cormorant Garamond serif · Inter sans · hairline rules · no color · no rounded corners */
:root{
  --noir:#0a0a0a;
  --encre:#111111;
  --nickel:#9aa0a6;
  --chrome:#cfcfcf;
  --blanc:#f5f5f5;
  --paper:#ededed;
  --line:rgba(245,245,245,.10);
  --line2:rgba(245,245,245,.22);
  --line3:rgba(245,245,245,.40);
  --serif:"Cormorant Garamond","Apple Garamond",Garamond,"EB Garamond",Georgia,"Times New Roman",serif;
  --sans:"Inter","Helvetica Neue",Helvetica,Arial,sans-serif;
  --mono:"JetBrains Mono","SF Mono",Consolas,ui-monospace,monospace;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;border-radius:0!important}
html,body{margin:0;padding:0;background:var(--noir);color:var(--paper);
  font-family:var(--sans);font-weight:300;line-height:1.55;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none;border-bottom:1px solid var(--line);transition:border-color .2s,color .2s}
a:hover{color:var(--blanc);border-color:var(--line3)}
h1,h2,h3,h4{font-family:var(--serif);font-weight:300;letter-spacing:.005em;margin:0;line-height:1.1;color:var(--blanc)}
h1{font-size:clamp(44px,7vw,96px);letter-spacing:.02em}
h2{font-size:clamp(28px,3.6vw,48px)}
h3{font-size:clamp(20px,2.2vw,28px);font-style:italic}
h4{font-family:var(--sans);font-size:10px;letter-spacing:.42em;text-transform:uppercase;font-weight:500;color:var(--nickel);margin-bottom:14px}
p{margin:.7em 0;font-weight:300;color:var(--paper)}
em{font-style:italic;color:var(--chrome)}
strong{font-weight:500;color:var(--blanc)}
small{font-size:11px;color:var(--nickel);letter-spacing:.06em}
hr{height:1px;border:0;background:var(--line);margin:48px 0}
.hairline{height:1px;background:var(--line);width:100%}
.container{max-width:1180px;margin:0 auto;padding:64px 36px}
.row{display:grid;gap:48px}
.col-2{grid-template-columns:1fr 1fr}
.col-3{grid-template-columns:repeat(3,1fr)}
@media(max-width:780px){.col-2,.col-3{grid-template-columns:1fr}}
header.site{position:fixed;top:0;left:0;right:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;
  padding:18px 36px;background:rgba(10,10,10,.86);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line)}
header.site .wordmark{font-family:var(--serif);font-weight:300;letter-spacing:.32em;font-size:14px;text-transform:uppercase}
header.site .meta{font-size:10px;letter-spacing:.32em;color:var(--nickel);text-transform:uppercase}
footer.site{padding:48px 36px;border-top:1px solid var(--line);margin-top:80px;
  display:flex;justify-content:space-between;font-size:10px;letter-spacing:.32em;color:var(--nickel);text-transform:uppercase}
footer.site .tag{font-style:italic;font-family:var(--serif);text-transform:none;letter-spacing:.04em;font-size:13px;color:var(--chrome)}
.frame{padding-top:80px}
.eyebrow{font-size:10px;letter-spacing:.42em;color:var(--nickel);text-transform:uppercase;margin-bottom:18px}
.lede{font-family:var(--serif);font-weight:300;font-size:clamp(22px,2.4vw,30px);line-height:1.4;color:var(--blanc);font-style:italic}
table{border-collapse:collapse;width:100%;font-size:13px;margin:24px 0}
table th,table td{border:1px solid var(--line);padding:14px 16px;text-align:left;font-weight:300}
table th{background:rgba(255,255,255,.02);font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--nickel);font-weight:500}
table td{color:var(--paper)}
table td strong{color:var(--blanc);font-weight:500}
ul,ol{margin:18px 0;padding-left:20px}
li{margin-bottom:8px;color:var(--paper)}
.kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);margin:32px 0}
.kpi .cell{padding:28px 22px;border-right:1px solid var(--line)}
.kpi .cell:last-child{border-right:0}
.kpi .v{font-family:var(--serif);font-weight:300;font-size:42px;line-height:1;color:var(--blanc);letter-spacing:-.01em}
.kpi .l{font-size:9px;letter-spacing:.36em;color:var(--nickel);text-transform:uppercase;margin-top:10px}
@media(max-width:780px){.kpi{grid-template-columns:1fr 1fr}.kpi .cell{border-bottom:1px solid var(--line)}.kpi .cell:nth-child(2n){border-right:0}}
.btn{display:inline-block;padding:14px 26px;border:1px solid var(--blanc);
  color:var(--blanc);font-size:10px;letter-spacing:.32em;text-transform:uppercase;
  background:transparent;cursor:pointer;transition:background .2s,color .2s}
.btn:hover{background:var(--blanc);color:var(--noir)}
.tagline{font-family:var(--serif);font-style:italic;font-weight:300;font-size:18px;color:var(--chrome)}
.mono{font-family:var(--mono);font-size:12px;letter-spacing:.04em}
blockquote{border-left:1px solid var(--line2);padding:14px 24px;margin:24px 0;
  font-family:var(--serif);font-style:italic;font-size:22px;color:var(--chrome);font-weight:300}
input,textarea,select{background:transparent;border:1px solid var(--line2);color:var(--blanc);
  padding:14px 16px;font-family:var(--sans);font-size:14px;outline:none;width:100%}
input:focus,textarea:focus{border-color:var(--blanc)}
label{display:block;font-size:9px;letter-spacing:.36em;text-transform:uppercase;
  color:var(--nickel);margin-bottom:8px}
::selection{background:var(--blanc);color:var(--noir)}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-thumb{background:var(--line3)}
::-webkit-scrollbar-track{background:transparent}

/* Password gate */
.gate{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:48px}
.gate .box{max-width:440px;width:100%;border:1px solid var(--line);padding:48px;background:rgba(255,255,255,.012)}
.gate h1{font-size:28px;letter-spacing:.04em;margin-bottom:6px}
.gate .err{font-size:12px;color:var(--chrome);font-style:italic;font-family:var(--serif);margin-top:14px;display:none}
.gate .err.show{display:block}