@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&family=DM+Mono:ital,wght@0,300;0,400;1,300&display=swap');
*{margin:0;padding:0;box-sizing:border-box;}
:root{--ink:#0e0d0b;--cream:#f0e8dc;--gold:#b08d6a;--goldl:#c9a07c;--muted:#c8c0b4;--dim:#a89e92;--border:rgba(232,226,217,0.12);--paper:#faf7f3;--paperink:#1a1510;}
body{background:var(--ink);color:#e8e2d9;font-family:'DM Mono',monospace;font-weight:300;overflow-x:hidden;min-height:100vh;}
nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 3rem;border-bottom:0.5px solid var(--border);position:sticky;top:0;background:rgba(14,13,11,0.97);z-index:50;flex-wrap:wrap;gap:0.5rem;}
.nav-logo{font-family:'Playfair Display',serif;font-size:1rem;letter-spacing:0.15em;color:var(--cream);text-decoration:none;}
.nav-tabs{display:flex;flex-wrap:wrap;}
.nav-tab{background:none;border:none;font-family:'DM Mono',monospace;font-size:0.6rem;letter-spacing:0.1em;color:var(--muted);cursor:pointer;padding:0.5rem 1rem;transition:color 0.2s;border-bottom:1px solid transparent;text-decoration:none;display:inline-block;}
.nav-tab:hover{color:#e8e2d9;}
.nav-tab.active{color:var(--gold);border-bottom:1px solid var(--gold);}
.nav-tab.cta{color:var(--gold);border:0.5px solid rgba(176,141,106,0.3);margin-left:0.5rem;}
.nav-tab.cta:hover{background:rgba(176,141,106,0.08);}
.eyebrow{font-size:0.58rem;letter-spacing:0.22em;text-transform:uppercase;color:rgba(232,226,217,0.28);margin-bottom:1.25rem;cursor:default;user-select:none;pointer-events:none;}
.sec-label{font-size:0.55rem;letter-spacing:0.2em;text-transform:uppercase;color:rgba(176,141,106,0.55);margin-bottom:1rem;}
h1{font-family:'Playfair Display',serif;font-size:clamp(2.5rem,5vw,4rem);line-height:1.05;color:var(--cream);}
h1 em{font-style:italic;color:var(--gold);display:block;}
h2{font-family:'Playfair Display',serif;font-size:clamp(1.75rem,3.5vw,2.75rem);color:var(--cream);line-height:1.1;}
h2 em{font-style:italic;color:var(--gold);}
h3{font-family:'Playfair Display',serif;font-size:1.1rem;color:var(--cream);font-style:italic;margin-bottom:0.5rem;}
.pg-hero{padding:4rem 3rem 2.5rem;}
.pg-hero p{font-size:0.7rem;color:var(--muted);margin-top:0.85rem;max-width:540px;line-height:1.85;}
.content{padding:0 3rem 5rem;}
.btn-p{background:var(--gold);color:var(--ink);border:none;padding:0.85rem 2rem;font-family:'DM Mono',monospace;font-size:0.63rem;letter-spacing:0.13em;cursor:pointer;transition:all 0.2s;text-decoration:none;display:inline-block;}
.btn-p:hover{background:var(--goldl);transform:translateY(-1px);}
.btn-g{background:transparent;color:var(--muted);border:0.5px solid rgba(232,226,217,0.2);padding:0.85rem 2rem;font-family:'DM Mono',monospace;font-size:0.63rem;letter-spacing:0.13em;cursor:pointer;transition:all 0.2s;text-decoration:none;display:inline-block;}
.btn-g:hover{color:#e8e2d9;border-color:rgba(232,226,217,0.4);}
a.internal{color:var(--gold);text-decoration:none;border-bottom:0.5px solid rgba(176,141,106,0.3);transition:border-color 0.2s;}
a.internal:hover{border-color:var(--gold);}
.img-slot{width:100%;overflow:hidden;position:relative;background:#1a1510;}
.img-slot img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity 0.7s ease;}
.img-slot img.loaded{opacity:1;}
.img-slot-tall{height:500px;}
.img-slot-med{height:340px;}
.img-slot-short{height:220px;}
.xlink-strip{padding:2.5rem 3rem;border-top:0.5px solid var(--border);display:flex;gap:2rem;flex-wrap:wrap;align-items:center;}
.xlink{font-size:0.62rem;color:var(--dim);text-decoration:none;border-bottom:0.5px solid rgba(168,158,146,0.3);padding-bottom:1px;transition:all 0.2s;}
.xlink:hover{color:var(--cream);border-color:var(--cream);}
.xlink-label{font-size:0.52rem;letter-spacing:0.15em;text-transform:uppercase;color:rgba(232,226,217,0.2);margin-right:0.5rem;}
footer{padding:2rem 3rem;border-top:0.5px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;}
.f-logo{font-family:'Playfair Display',serif;font-size:0.85rem;color:rgba(232,226,217,0.2);text-decoration:none;}
.f-copy{font-size:0.54rem;color:rgba(232,226,217,0.14);letter-spacing:0.06em;}
@media(max-width:760px){
  nav{padding:1.25rem 1.5rem;}
  .nav-tab{padding:0.4rem 0.6rem;font-size:0.52rem;}
  .pg-hero,.content,.xlink-strip{padding-left:1.5rem;padding-right:1.5rem;}
  .img-slot-tall{height:280px;}
  .img-slot-med{height:200px;}
  footer{padding:1.75rem 1.5rem;flex-direction:column;text-align:center;}
}