:root{
  --paper:#FFFFFF;
  --paper-2:#F3F2EF;
  --ink:#1C1C1C;
  --ink-2:#333333;
  --muted:#666360;
  --faint:#97938D;
  --hair:rgba(28,28,28,.14);
  --gold:#94702F;
  --gold-metal:linear-gradient(100deg,#6E4C1C 0%,#A37A2E 20%,#D4B061 40%,#BC9142 56%,#8E6526 76%,#C79D4B 100%);
  --gold-metal-bright:linear-gradient(100deg,#B8913F 0%,#E6CB83 25%,#FFF1C4 42%,#D9B262 58%,#A97D31 78%,#E4C67C 100%);
  --display:"Varela Round","Helvetica Neue",Arial,sans-serif;
  --text:"Nunito","Helvetica Neue",Arial,sans-serif;
  --ease:cubic-bezier(.19,1,.22,1);
  --max:1240px;
  --read:720px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:var(--text);font-weight:500;font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
::selection{background:var(--ink);color:#fff}
a{color:inherit}
img{display:block;max-width:100%}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.wrap{max-width:var(--max);margin:0 auto;padding-left:40px;padding-right:40px}
@media(max-width:700px){.wrap{padding-left:20px;padding-right:20px}}

html[data-lang="en"] [lang="es"], html[data-lang="es"] [lang="en"]{display:none!important}

h1,h2,h3{font-family:var(--display);font-weight:400;color:var(--ink);text-wrap:balance;letter-spacing:-.025em}
h1 em,h2 em{font-style:normal;background:var(--gold-metal);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.post-cta h2 em{font-style:normal;background:var(--gold-metal-bright);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.label{font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.dept{display:flex;align-items:center;gap:14px;font-size:11.5px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
.dept::after{content:"";flex:1;height:1px;background:var(--hair)}

/* nav (same as home) */
.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--hair)}
.nav-in{height:70px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{font-family:var(--display);font-size:21px;letter-spacing:.08em;white-space:nowrap;text-decoration:none}
.sig{font-family:"Euphoria Script",cursive;font-size:2.2em;letter-spacing:0;line-height:0;text-transform:none;font-weight:400;margin-right:.24em;vertical-align:-.04em}
.menu{display:flex;align-items:center;gap:30px}
.menu a{font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2);text-decoration:none}
.menu a:hover,.menu a[aria-current]{text-decoration:underline;text-underline-offset:5px}
.lang{display:flex;align-items:center;gap:6px;padding-left:24px;border-left:1px solid var(--hair);font-size:11.5px;font-weight:700;letter-spacing:.14em}
.lang button{color:var(--faint);padding:2px 0}
.lang button[aria-pressed="true"]{color:var(--ink);border-bottom:1px solid var(--ink)}
.lang span{color:var(--faint)}
@media(max-width:960px){.menu a{display:none}.lang{border:0;padding:0}}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:999px;border:1px solid var(--ink);font-size:14.5px;font-weight:600;text-decoration:none;transition:transform .45s var(--ease),background .3s,color .3s;white-space:nowrap}
.btn:hover{transform:translateY(-2px)}
.btn-ink{background:var(--ink);color:#fff}
.btn-paper{color:var(--ink)}
.btn-paper:hover{background:var(--ink);color:#fff}
.ctas{display:flex;gap:12px;flex-wrap:wrap}

/* journal index */
.j-head{padding:56px 0 28px}
.j-head h1{font-size:clamp(46px,6vw,88px);line-height:1.02;margin:16px 0 14px}
.j-head p{color:var(--muted);max-width:52ch;font-size:18px}
.j-list{list-style:none;border-top:2px solid var(--ink);margin-bottom:80px}
.j-list li{border-bottom:1px solid var(--hair)}
.j-list a{display:grid;grid-template-columns:160px 1fr auto;gap:28px;align-items:baseline;padding:26px 0;text-decoration:none;transition:padding .4s var(--ease)}
.j-list a:hover{padding-left:10px}
.j-list .meta{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.j-list h2{font-size:clamp(26px,2.8vw,38px);line-height:1.1}
.j-list p{color:var(--muted);margin-top:8px;max-width:62ch}
.j-list .go{font-family:var(--display);font-size:26px;color:var(--faint)}
@media(max-width:760px){.j-list a{grid-template-columns:1fr;gap:8px}.j-list .go{display:none}}

/* article */
.post-head{padding:56px 0 34px;max-width:900px}
.post-head h1{font-size:clamp(40px,5.4vw,76px);line-height:1.04;margin:16px 0 18px}
.post-head .standfirst{font-size:clamp(18px,1.6vw,21px);line-height:1.5;color:var(--ink-2);max-width:60ch}
.byline{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;padding-top:14px;border-top:1px solid var(--ink);font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.post{max-width:var(--read);padding-bottom:70px}
.post h2{font-size:clamp(26px,2.6vw,34px);line-height:1.15;margin:46px 0 14px}
.post h3{font-size:21px;margin:28px 0 8px}
.post p{margin-bottom:18px;color:var(--ink-2)}
.post p.lead::first-letter{float:left;font-family:var(--display);font-size:66px;line-height:.82;padding:6px 10px 0 0;color:var(--ink)}
.post ul,.post ol{margin:0 0 20px 1.2em;color:var(--ink-2)}
.post li{margin-bottom:8px;padding-left:4px}
.post li::marker{color:var(--gold)}
.post strong{color:var(--ink);font-weight:700}
.post a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--gold)}
.post blockquote{margin:30px 0;padding:20px 0;border-top:2px solid var(--ink);border-bottom:1px solid var(--ink);font-family:var(--display);font-size:clamp(22px,2.4vw,30px);line-height:1.25;text-align:center;letter-spacing:-.015em}
.note{font-size:14.5px;color:var(--muted);background:var(--paper-2);padding:16px 18px;border-left:2px solid var(--gold);margin:24px 0}

.table-wrap{overflow-x:auto;margin:10px 0 24px;border-top:2px solid var(--ink)}
table{width:100%;border-collapse:collapse;font-size:15.5px;font-variant-numeric:tabular-nums}
th,td{text-align:left;padding:12px 14px 12px 0;border-bottom:1px solid var(--hair);vertical-align:top}
th{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
td:last-child,th:last-child{text-align:right;padding-right:0;white-space:nowrap}

.tiers{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--hair);border:1px solid var(--hair);margin:14px 0 26px}
.tiers div{background:#fff;padding:20px 20px 16px}
.tiers b{display:block;font-family:var(--display);font-weight:400;font-size:21px;letter-spacing:-.01em}
.tiers .price{display:block;color:var(--gold);font-weight:800;font-size:14px;letter-spacing:.06em;margin:4px 0 10px}
.tiers ul{margin:0 0 0 1.1em;font-size:15px}
@media(max-width:640px){.tiers{grid-template-columns:1fr}}

.post-cta{background:var(--ink);color:#fff;text-align:center;padding:64px 0}
.post-cta h2{color:#fff;font-size:clamp(32px,4.4vw,56px);max-width:16ch;margin:0 auto 14px}

.post-cta p{color:rgba(255,255,255,.7);margin:0 auto 26px;max-width:46ch}
.post-cta .ctas{justify-content:center}
.post-cta .btn-ink{background:#fff;color:var(--ink);border-color:#fff}
.post-cta .btn-paper{color:#fff;border-color:rgba(255,255,255,.6)}
.post-cta .btn-paper:hover{background:#fff;color:var(--ink)}

.more{border-top:1px solid var(--ink);padding:34px 0 60px}
.more a{font-family:var(--display);font-size:24px;text-decoration:none}
.more a:hover{text-decoration:underline;text-underline-offset:5px}

footer{border-top:1px solid var(--ink);padding:20px 0 26px}
.colophon{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.colophon b{font-family:var(--display);font-weight:400;font-size:16px;letter-spacing:.06em;color:var(--ink)}