/* The main About page uses the shared navigation and editorial type system. */
.about-refined {
  --ar-brown:#2d1914;
  --ar-cream:#f0ebe6;
  --ar-orange:var(--orange);
  --ar-line:rgba(45,25,20,.17);
  color:var(--ar-brown);
}
.about-refined :is(h1,h2,h3) { text-wrap:balance; }
.about-refined p { text-wrap:pretty; }
.about-refined .kicker { color:#78422e; font-size:13px; letter-spacing:.14em; }
.about-refined .ar-section { padding-block:100px; }
.about-refined .ar-section h2 { font-size:clamp(36px,3.7vw,54px); line-height:1.1; }
.about-refined .ar-section p { font-size:19px; line-height:1.65; }
.about-refined .ar-section .kicker { font-size:13px; line-height:1.5; }
.about-refined .ar-section .lede { font-size:22px; line-height:1.55; }
.about-refined .ar-section-heading { margin-bottom:46px; }
.about-refined .ar-section-heading .lede { max-width:36ch; }
.about-refined .about-hero { grid-template-columns:1.2fr 1fr; align-items:center; gap:70px; padding-block:70px 85px; }
.about-refined .about-hero h1 { font-size:clamp(50px,5.25vw,76px); line-height:1.02; }
.about-refined .about-hero h1 em { text-decoration-color:var(--ar-orange); }
.about-refined .about-hero::after { background:var(--ar-orange); }
.about-refined .about-hero .lede { max-width:36ch; font-size:24px; }
.about-refined .ar-hero-bio { max-width:44ch; margin-top:24px; font-size:18px; line-height:1.65; }
.about-refined .about-hero .button-row { gap:14px; margin-top:30px; }
.about-refined .about-hero .button { font-size:16px; padding:14px 18px; }
.about-refined .about-portrait { max-width:520px; justify-self:end; width:100%; align-self:center; }
.about-refined .about-portrait img { border-radius:5px 5px 0 0; }
.about-refined .about-portrait figcaption { display:flex; align-items:center; justify-content:space-between; gap:22px; padding:24px 0 21px; border-bottom:2px solid var(--ar-orange); }
.about-refined .about-portrait figcaption strong { font-size:22px; line-height:1.2; font-weight:550; letter-spacing:-.025em; }
.about-refined .about-portrait figcaption span { margin:0; font-size:13px; line-height:1.55; max-width:24ch; }
.about-refined .ar-story { background:var(--ar-cream); border-block:1px solid var(--ar-line); }
.ar-story-layout { display:grid; grid-template-columns:.88fr 1.12fr; gap:100px; align-items:start; }
.about-refined .ar-story-intro { margin-top:26px; max-width:31ch; font-size:20px; }
.ar-story-chapters { border-left:1px solid rgba(45,25,20,.25); padding-left:36px; }
.ar-story-chapters article { position:relative; }
.ar-story-chapters article::before { content:""; position:absolute; top:6px; left:-42px; width:11px; height:11px; border-radius:50%; background:var(--ar-orange); box-shadow:0 0 0 6px var(--ar-cream); }
.ar-story-chapters article+article { margin-top:38px; }
.about-refined .ar-story-chapters .ar-chapter-label { color:#78422e; font-size:12px; font-weight:600; letter-spacing:.11em; text-transform:uppercase; margin-bottom:12px; line-height:1.5; }
.ar-story-chapters h3 { font-size:27px; line-height:1.15; margin-bottom:17px; }
.about-refined .ar-story-chapters p { font-size:18px; }
.ar-story-chapters p+p { margin-top:14px; }
.ar-system-layout { display:grid; grid-template-columns:1fr 1fr; gap:100px; align-items:start; }
.ar-system blockquote { max-width:34ch; margin:32px 0 0; padding-left:24px; border-left:2px solid var(--ar-orange); font-family:var(--serif); font-size:23px; line-height:1.5; }
.about-refined .ar-system-copy { padding-top:5px; }
.ar-system-copy strong { font-weight:600; }
.ar-income-streams { display:grid; grid-template-columns:1fr 1fr; list-style:none; padding:0; margin:26px 0; gap:0 22px; }
.ar-income-streams li { border-bottom:1px solid var(--ar-line); padding:11px 0; font-size:16px; font-weight:500; }
.ar-income-streams li::before { content:""; display:inline-block; width:5px; height:5px; background:var(--ar-orange); border-radius:50%; margin-right:10px; vertical-align:middle; }
.about-refined .ar-system-takeaway { font-weight:550; }
.about-refined .ar-credentials { background:var(--ar-brown); color:var(--paper); padding-block:80px; }
.ar-credentials .ar-section-heading { max-width:750px; }
.about-refined .ar-credentials .kicker { color:var(--ar-orange); }
.ar-credential-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.ar-credential-grid article { min-height:195px; padding:32px 36px; border-right:1px solid rgba(240,235,230,.23); display:flex; flex-direction:column; align-items:flex-start; gap:14px; }
.ar-credential-grid article:nth-child(3n) { border-right:0; }
.ar-credential-grid article:nth-child(3n+1) { padding-left:0; }
.ar-credential-grid article:nth-child(-n+3) { border-bottom:1px solid rgba(240,235,230,.23); }
.about-refined .ar-credential-grid article>p { font-size:16px; font-weight:700; line-height:1.45; letter-spacing:.045em; text-transform:uppercase; color:var(--ar-orange); }
.ar-credential-grid h3 { font-size:clamp(35px,3.2vw,46px); letter-spacing:-.035em; line-height:1.06; font-weight:500; }
.ar-credential-grid h3.ar-credential-words { font-size:28px; line-height:1.14; }
.ar-credential-grid span { color:#e5d9d0; font-size:15px; line-height:1.5; }
.about-refined .ar-teaching { background:var(--white); }
.ar-teaching-layout { display:grid; grid-template-columns:.9fr 1.1fr; gap:60px; align-items:start; }
.about-refined .ar-teaching .ar-section-heading { padding:34px; margin-bottom:0; border-top:5px solid var(--ar-orange); border-radius:5px; background:var(--ar-brown); color:var(--paper); }
.about-refined .ar-teaching .ar-section-heading .kicker { color:var(--ar-orange); font-weight:700; }
.ar-teaching-list { list-style:none; margin:0; padding:0; display:grid; gap:16px; }
.ar-teaching-list li { display:grid; grid-template-columns:40px 1fr; align-items:start; gap:20px; padding:24px; border:1px solid var(--ar-line); border-left:3px solid var(--ar-orange); border-radius:5px; background:var(--white); transition:box-shadow .25s ease,transform .25s ease; }
.ar-list-number { font-size:16px; font-weight:700; font-variant-numeric:tabular-nums; line-height:1; display:grid; place-items:center; width:40px; height:40px; border-radius:50%; background:var(--orange); color:var(--ink); }
.ar-teaching-list h3 { font-size:25px; line-height:1.18; }
.about-refined .ar-teaching-list p { font-size:17px; line-height:1.6; margin-top:12px; }
.about-refined .ar-start { background:var(--ar-cream); border-block:1px solid var(--ar-line); }
.ar-offer-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.ar-offer-grid article { padding:34px 30px 30px; border:1px solid rgba(45,25,20,.2); border-radius:5px; background:var(--paper); display:flex; flex-direction:column; align-items:flex-start; transition:transform .25s ease,box-shadow .25s ease; }
.about-refined .ar-offer-grid .ar-offer-label { margin-bottom:25px; font-size:12px; line-height:1.4; font-weight:600; letter-spacing:.09em; text-transform:uppercase; color:#78422e; }
.ar-offer-grid h3 { font-size:35px; line-height:1.08; }
.about-refined .ar-offer-grid h3+p { margin:24px 0 28px; font-size:17px; line-height:1.65; }
.ar-offer-grid .button { margin-top:auto; font-size:16px; min-height:48px; padding:13px 16px; gap:15px; }
.ar-offer-grid .ar-offer-featured { background:var(--ar-brown); border-color:var(--ar-brown); color:var(--paper); }
.about-refined .ar-offer-featured .ar-offer-label { color:var(--ar-orange); }
.ar-offer-featured .button:focus-visible { outline-color:var(--paper); }
.about-refined .ar-vip-note { border-left:2px solid var(--ar-orange); margin-top:32px; padding:4px 0 4px 22px; font-size:17px; max-width:80ch; }
.ar-vip-note strong { display:block; font-weight:600; margin-bottom:4px; }
.ar-personal-layout { display:grid; grid-template-columns:1.08fr .92fr; gap:95px; align-items:center; }
.ar-personal h2 { margin-bottom:30px; }
.ar-personal p { max-width:47ch; }
.ar-personal .button { margin-top:28px; }
.ar-personal figure { align-self:stretch; min-height:440px; display:flex; }
.ar-personal img { width:100%; height:100%; max-height:630px; aspect-ratio:4/5; object-fit:cover; object-position:58% center; border-radius:5px; }
.about-refined .ar-closing { background:var(--ar-cream); border-top:1px solid var(--ar-line); text-align:center; padding-block:85px 95px; }
.ar-closing>.container { max-width:1000px; }
.about-refined .ar-closing h2 { font-size:clamp(40px,4.3vw,62px); }
.about-refined .ar-closing p:not(.kicker) { max-width:55ch; margin:26px auto 30px; font-size:21px; }
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .ar-offer-grid article:hover { transform:translateY(-4px); box-shadow:0 15px 30px rgba(45,25,20,.07); }
  .ar-teaching-list li:hover { transform:translateY(-2px); box-shadow:0 8px 24px rgba(255,77,0,.12); }
}
@media (prefers-reduced-motion:no-preference) {
  .ar-credentials>.motion-arrive { animation:none; }
  .ar-credentials>.motion-arrive .ar-section-heading { animation:ar-arrive .65s cubic-bezier(.2,.7,.2,1) both; }
  .ar-credentials>.motion-arrive .ar-credential-grid article { animation:ar-arrive .65s cubic-bezier(.2,.7,.2,1) both; }
  .ar-credential-grid article:nth-child(2) { animation-delay:55ms!important; }
  .ar-credential-grid article:nth-child(3) { animation-delay:110ms!important; }
  .ar-credential-grid article:nth-child(4) { animation-delay:165ms!important; }
  .ar-credential-grid article:nth-child(5) { animation-delay:220ms!important; }
  .ar-credential-grid article:nth-child(6) { animation-delay:275ms!important; }
  @keyframes ar-arrive { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:translateY(0); } }
}
@media (max-width:1100px) {
  .about-refined .about-hero { gap:42px; }
  .about-refined .about-hero h1 { font-size:58px; }
  .about-refined .about-hero .lede { font-size:21px; }
  .about-refined .about-portrait figcaption { flex-direction:column; align-items:flex-start; gap:12px; }
  .about-refined .about-portrait figcaption span { max-width:none; }
  .ar-story-layout,.ar-system-layout,.ar-teaching-layout { gap:55px; }
  .ar-offer-grid { gap:16px; }
  .ar-offer-grid article { padding:28px 22px; }
  .ar-offer-grid h3 { font-size:30px; }
  .ar-offer-grid .button { font-size:15px; padding-inline:13px; }
  .ar-personal-layout { gap:55px; }
}
@media (max-width:850px) {
  .about-refined .ar-section { padding-block:70px; }
  .about-refined .about-hero { grid-template-columns:1fr 1fr; gap:35px; padding-block:55px 65px; }
  .about-refined .about-hero h1 { font-size:49px; }
  .about-refined .about-hero .lede { font-size:20px; }
  .about-refined .ar-hero-bio { font-size:16px; }
  .about-refined .about-portrait { align-self:start; }
  .about-refined .about-portrait figcaption strong { font-size:21px; }
  .ar-story-layout,.ar-system-layout,.ar-teaching-layout { grid-template-columns:1fr; gap:42px; }
  .about-refined .ar-story-intro,.ar-system blockquote { max-width:46ch; }
  .ar-story-heading { max-width:650px; }
  .ar-story-chapters { margin-left:5px; }
  .ar-system-layout { gap:35px; }
  .ar-system blockquote { margin-top:26px; }
  .ar-credential-grid article { padding:26px 22px; min-height:180px; }
  .ar-credential-grid h3.ar-credential-words { font-size:23px; }
  .ar-teaching-layout .ar-section-heading { margin-bottom:0; }
  .ar-teaching-list { max-width:650px; }
  .ar-offer-grid { grid-template-columns:1fr; gap:18px; }
  .ar-offer-grid article { padding:30px; }
  .ar-offer-grid h3 br { display:none; }
  .about-refined .ar-offer-grid .ar-offer-label { margin-bottom:16px; }
  .about-refined .ar-offer-grid h3+p { max-width:55ch; margin-block:18px 24px; }
  .ar-offer-grid .button { font-size:16px; }
  .ar-personal-layout { gap:35px; grid-template-columns:1fr 1fr; align-items:start; }
  .about-refined .ar-personal h2 { font-size:35px; }
  .about-refined .ar-personal p { font-size:17px; }
  .ar-personal figure { min-height:380px; align-self:center; }
}
@media (max-width:600px) {
  .about-refined .ar-section { padding-block:54px; }
  .about-refined .ar-section h2 { font-size:36px; }
  .about-refined .ar-section p { font-size:17px; }
  .about-refined .ar-section .lede { font-size:20px; }
  .about-refined .ar-section .kicker,.about-refined .kicker { font-size:12px; margin-bottom:18px; }
  .about-refined .ar-section-heading { margin-bottom:32px; }
  .about-refined .about-hero { grid-template-columns:1fr; gap:38px; padding-block:42px 52px; }
  .about-refined .about-hero h1 { font-size:clamp(44px,11vw,58px); }
  .about-refined .about-hero .lede { font-size:21px; margin-top:24px; }
  .about-refined .ar-hero-bio { font-size:17px; margin-top:20px; }
  .about-refined .about-hero .button-row { gap:12px; }
  .about-refined .about-hero .button-row .button { width:auto; flex:1 1 auto; }
  .about-refined .about-portrait { justify-self:stretch; max-width:none; }
  .about-refined .about-portrait img { max-height:540px; object-position:center 30%; }
  .about-refined .about-portrait figcaption { flex-direction:row; gap:20px; padding-block:20px; }
  .about-refined .about-portrait figcaption strong { font-size:21px; }
  .about-refined .about-portrait figcaption span { font-size:12px; max-width:23ch; }
  .ar-story-layout,.ar-system-layout,.ar-teaching-layout { gap:32px; }
  .about-refined .ar-story-intro { font-size:18px; margin-top:22px; }
  .ar-story-chapters { padding-left:26px; }
  .ar-story-chapters article::before { left:-32px; }
  .ar-story-chapters article+article { margin-top:32px; }
  .ar-story-chapters h3 { font-size:25px; }
  .about-refined .ar-story-chapters p { font-size:17px; }
  .ar-system blockquote { font-size:21px; padding-left:20px; }
  .ar-income-streams { gap:0 16px; }
  .ar-income-streams li { font-size:14px; }
  .ar-income-streams li::before { margin-right:8px; }
  .ar-credential-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ar-credential-grid article { min-height:180px; padding:23px 14px; border-right:0; }
  .ar-credential-grid article:nth-child(3n+1) { padding-left:14px; }
  .ar-credential-grid article:nth-child(odd) { padding-left:0; border-right:1px solid rgba(240,235,230,.23); }
  .ar-credential-grid article:nth-child(-n+4) { border-bottom:1px solid rgba(240,235,230,.23); }
  .about-refined .ar-credential-grid article>p { font-size:15px; letter-spacing:.025em; }
  .ar-credential-grid h3 { font-size:33px; }
  .ar-credential-grid h3.ar-credential-words { font-size:23px; }
  .ar-credential-grid span { font-size:13px; }
  .about-refined .ar-teaching .ar-section-heading { padding:28px 24px; }
  .ar-teaching-list li { grid-template-columns:36px 1fr; gap:14px; padding:22px 18px; }
  .ar-list-number { width:36px; height:36px; font-size:15px; }
  .ar-teaching-list h3 { font-size:23px; }
  .about-refined .ar-teaching-list p { font-size:16px; margin-top:10px; }
  .ar-offer-grid article { padding:28px 24px; }
  .ar-offer-grid h3 { font-size:31px; }
  .about-refined .ar-offer-grid h3+p { font-size:17px; }
  .ar-offer-grid .button { width:auto; }
  .about-refined .ar-vip-note { margin-top:26px; padding-left:19px; font-size:16px; }
  .ar-personal-layout { grid-template-columns:1fr; gap:36px; }
  .ar-personal figure { min-height:0; }
  .ar-personal img { max-height:490px; aspect-ratio:1; }
  .about-refined .ar-closing h2 { font-size:38px; }
  .about-refined .ar-closing p:not(.kicker) { font-size:19px; margin-top:24px; }
}
@media (prefers-reduced-motion:reduce) {
  .about-refined *, .about-refined *::before, .about-refined *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}
@media print {
  .about-refined .ar-section { padding-block:30px; break-inside:avoid; }
  .about-refined .ar-credentials,.ar-offer-grid .ar-offer-featured { background:#fff; color:var(--ar-brown); }
  .about-refined .ar-credential-grid :is(p,span),.about-refined .ar-offer-featured .ar-offer-label { color:var(--ar-brown); }
}
