/* About styles */
body{margin:0;background:#1C1814}

.pg{--ink:#1C1814;--ink-2:#4A3C30;--cream:#F2E5CF;--clay:#7A4E24;--amber:#C78B4C;--f-head:"Fraunces",Georgia,serif;--f-body:"Karla",system-ui,sans-serif;--f-label:"DM Mono","Courier New",monospace;container-type:inline-size;container-name:pg;width:100%;min-height:100vh;background:#1C1814;color:var(--cream);font-family:var(--f-body);font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased}

.pg *{box-sizing:border-box}

:where(.pg) p{margin:0}

.pg :is(h1,h2,h3){font-family:var(--f-head);font-weight:600;line-height:1.1;margin:0;font-variation-settings:"SOFT" 100,"WONK" 1}

.pg :focus-visible{outline:3px solid #D9A066;outline-offset:3px;border-radius:4px}

.wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 48px}

.paper{background:url(../assets/img/texture-paper.jpg) center/700px,#F2E5CF;color:var(--ink)}

.paper :focus-visible{outline-color:var(--clay)}

.ah{padding:96px 0 72px;border-bottom:1px solid rgba(28,24,20,.15)}

.eyebrow{font-family:var(--f-label);font-size:16px;letter-spacing:.12em;text-transform:uppercase;color:var(--clay)}

.wave{display:block;color:var(--clay);opacity:.85}

.ah-head{display:flex;flex-direction:column;gap:16px;max-width:980px}

.ah h1{font-size:clamp(48px,5.8cqi,84px);color:var(--ink)}

.ah-intro{margin-top:28px;font-size:clamp(20px,1.9cqi,25px);line-height:1.55;color:var(--ink-2);max-width:880px}

.story{padding:80px 0 104px}

.story-col{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:24px;font-size:20px;line-height:1.7;color:var(--ink-2)}

.story-col .pull{font-family:var(--f-head);font-style:italic;font-weight:500;font-size:clamp(28px,3cqi,40px);line-height:1.2;color:var(--ink);margin:16px 0}

.story-col .close{font-family:var(--f-head);font-size:24px;line-height:1.45;color:var(--ink)}

.disclose{margin-top:24px;padding:24px 28px;border:1px solid rgba(28,24,20,.25);border-radius:8px;font-size:16px;line-height:1.6;color:var(--ink-2)}

.disclose-label{display:block;margin-bottom:6px;font-family:var(--f-label);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--clay)}

.next{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}

.link-btn{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:10px 20px;border-radius:999px;border:1px solid rgba(28,24,20,.4);color:var(--ink);font-weight:600;font-size:16px;text-decoration:none}

.link-btn:hover{border-color:var(--ink);background:rgba(28,24,20,.06);color:var(--ink)}

@container pg (max-width: 640px){
  .pg{font-size:17px}

  .wrap{padding:0 16px}

  .ah{padding:48px 0 40px}

  .ah-intro{font-size:19px;margin-top:20px}

  .story{padding:48px 0 64px}

  .story-col{font-size:18px;gap:20px}

  .story-col .close{font-size:21px}

  .disclose{padding:18px 18px}

  .link-btn{flex:1 1 100%;justify-content:center}

}