@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Inter:wght@300;400&display=swap');
:root{--black:#080806;--gold:#b58437;--paper:#d7c7b1;--ink:#1b160f;--ivory:#eee5d8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--ivory);font-family:Inter,Arial,sans-serif}a{text-decoration:none;color:inherit}
.topbar{height:70px;background:#070706;display:flex;align-items:center;padding:0 clamp(28px,4vw,74px);border-bottom:1px solid #2b2115;position:sticky;top:0;z-index:10}
.brand,h1,h2,h3,.kicker,.topbar nav a{font-family:"Cormorant Garamond",Georgia,serif;text-transform:uppercase;letter-spacing:.09em}.brand{color:#c89648;font-size:clamp(20px,1.5vw,28px);margin-right:auto}.topbar nav{display:flex;gap:clamp(20px,2.7vw,48px);align-items:center}.topbar nav a{font-size:13px}.join{border:1px solid var(--gold);padding:9px 22px;color:#d7a44f}.menu{display:none;background:0;border:0;color:white;font-size:25px}
.hero{height:min(650px,calc(100vh - 70px));min-height:500px;display:grid;grid-template-columns:52% 48%;background:#080806}.hero-image{background-image:linear-gradient(90deg,transparent 80%,#080806 100%),url("assets/hero-clay.jpg");background-size:cover;background-position:center}
.hero-copy{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.eyebrow{font-family:Georgia,serif;text-transform:uppercase;letter-spacing:.23em;font-size:15px}.eyebrow b{color:var(--gold);font-weight:400}h1{font-weight:400;font-size:clamp(58px,5.4vw,92px);line-height:.9;margin:27px 0 16px}.gold-rule{width:38px;border-top:2px solid var(--gold)}.hero-copy p{font-family:Georgia,serif;text-transform:uppercase;letter-spacing:.08em;line-height:1.65;font-size:15px}.outline{border:1px solid var(--gold);padding:11px 29px;color:#d3a04c;font-family:Georgia,serif;text-transform:uppercase;letter-spacing:.09em}.chev{color:var(--gold);font-size:27px;margin-top:6px}
.about{min-height:410px;display:grid;grid-template-columns:39% 61%;background:var(--paper);color:var(--ink)}.about-copy{padding:45px clamp(35px,5vw,85px)}.about-copy h2{font-size:clamp(36px,3vw,50px);line-height:.9;margin:0 0 30px}.about-copy p{max-width:470px;font-size:14px;line-height:1.55}.about-copy a,.pillars a{color:#946323;text-transform:uppercase;font-family:Georgia,serif;letter-spacing:.07em}.about-image{background:url("assets/about-process.jpg") center/cover no-repeat}
.pillars{display:grid;grid-template-columns:repeat(4,1fr);background:#080806}.pillars article{min-height:260px;padding:28px 20px;text-align:center;border-right:1px solid #715426;background:radial-gradient(circle at 50% 30%,#302215 0,transparent 65%)}.pillars span{font-size:32px;color:#bd8838}.pillars h3{font-size:30px;margin:7px 0 12px}.pillars p{font-size:13px;line-height:1.55;min-height:82px}.pillars a{color:#c38c39}
.continuity{min-height:365px;background:var(--paper);color:var(--ink);display:grid;grid-template-columns:49% 51%;align-items:center;padding:30px clamp(40px,6vw,110px)}.kicker{font-size:15px;border-bottom:2px solid #9b692b;width:max-content;padding-bottom:10px}.series h2{font-size:clamp(30px,2.5vw,42px);margin:18px 0 8px}.series p{font-family:Georgia,serif;font-style:italic;line-height:1.5}.series-button{display:inline-block;border:1px solid #463725;padding:11px 19px;margin-top:8px;font-family:Georgia,serif;text-transform:uppercase;letter-spacing:.05em}.books{display:flex;justify-content:center;gap:34px;align-items:flex-end}.book{filter:drop-shadow(11px 15px 9px #5c4c3d77)}.book:first-child{transform:perspective(900px) rotateY(-6deg)}.book:last-child{transform:perspective(900px) rotateY(5deg)}.book img{height:300px;display:block}
footer{background:#080806;padding:25px clamp(40px,6vw,110px) 14px;display:grid;grid-template-columns:.8fr 1.2fr;gap:30px}.keep h2{font-size:27px;color:#c69444;margin:0}.keep p{font-family:Georgia,serif;color:#b8ad9d;margin:4px 0}form{display:grid;grid-template-columns:1fr auto;gap:9px;align-content:center}input,button{background:#0b0a08;border:1px solid #70542e;padding:12px;color:#ddd}form button{color:#d6a14b;text-transform:uppercase;font-family:Georgia,serif}small{grid-column:1/-1;color:#776f64}.foot{grid-column:1/-1;border-top:1px solid #241d15;padding-top:12px;display:flex;justify-content:space-between;color:#8d8375;font-family:Georgia,serif;font-size:12px}.foot em{font-size:18px;color:#c38f3e}
@media(max-width:850px){.topbar{height:62px}.menu{display:block}.topbar nav{display:none;position:absolute;top:62px;left:0;right:0;background:#080806;padding:25px;flex-direction:column}.topbar nav.open{display:flex}.hero{height:auto;min-height:0;grid-template-columns:1fr}.hero-image{height:420px;background-image:linear-gradient(0deg,#080806 0,transparent 18%),url("assets/hero-clay.jpg")}.hero-copy{padding:45px 20px}.about{grid-template-columns:1fr}.about-image{height:360px}.pillars{grid-template-columns:1fr 1fr}.continuity{grid-template-columns:1fr;text-align:center}.kicker{margin:auto}.books{margin-top:32px}.book img{height:250px}footer{grid-template-columns:1fr}.foot{flex-direction:column;text-align:center;gap:8px}}
@media(max-width:520px){.pillars{grid-template-columns:1fr}.hero-image{height:320px}.about-copy{padding:38px 7%}.about-image{height:270px}.continuity{padding:35px 6%}.book img{height:185px}.books{gap:12px}form{grid-template-columns:1fr auto}}