/* About page only. Uses shared /style.css for navbar, mobile drawer and footer. */
.about-page { overflow-x: clip; }
.about-container { width: min(calc(100% - 3rem), 1120px); margin-inline: auto; }
.about-hero { position: relative; overflow: hidden; color: #fff; background: radial-gradient(ellipse at 90% 12%, rgba(114,143,93,.20), transparent 46%),radial-gradient(ellipse at 5% 95%, rgba(201,160,66,.12),transparent 43%),#1c1410; padding: clamp(3.3rem, 6.5vw, 6.2rem) 0 clamp(4.2rem,6vw,5.4rem); }
.about-hero::after { content:"";position:absolute;inset:0;pointer-events:none;opacity:.075;background-image:linear-gradient(90deg,#fff 1px,transparent 1px),linear-gradient(#fff 1px,transparent 1px);background-size:98px 98px;mask-image:linear-gradient(90deg,transparent,black); }
.about-hero__grid { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1.13fr) minmax(320px,.87fr); align-items:center; gap:clamp(2rem,5vw,5rem); }
.about-breadcrumb { display:flex; align-items:center; gap:.65rem; font-size:.76rem; margin-bottom:2.3rem; color:#c2b6a5; }
.about-breadcrumb a { color:#ead9bd; }
.about-breadcrumb a:hover { color:#e7bd66; }
.about-kicker, .about-label { margin:0 0 1rem; text-transform:uppercase; letter-spacing:.16em; font-size:.69rem; font-weight:700; color:#6e9b5f; }
.about-kicker { color:#b2cba0; display:flex; align-items:center; gap:.65rem; }
.about-kicker__line { width:21px; height:2px; background:#c8a440; border-radius:4px; }
.about-hero h1 { max-width:690px; margin:0; font:700 clamp(2.8rem,5vw,4.5rem)/1.15 'Playfair Display',Georgia,serif; letter-spacing:-.035em; }
.about-hero h1 em, .about-section h2 em { color:#c8a440; font-style:normal; }
.about-hero__lead { max-width:570px; margin:1.5rem 0 1.9rem; line-height:1.85; font-size:1rem; color:#d5c8b7; }
.about-hero__actions { display:flex; gap:.8rem; flex-wrap:wrap; }
.about-button { display:inline-flex; align-items:center; justify-content:center; gap:1rem; border:1px solid transparent; border-radius:8px; font-size:.84rem; font-weight:700; padding:.9rem 1.1rem; transition:background .2s, transform .2s,border-color .2s; }
.about-button:hover { transform:translateY(-2px); }
.about-button--gold { background:#c8a440; color:#211710; }
.about-button--gold:hover { background:#e0bd61; color:#211710; }
.about-button--outline { background:rgba(255,255,255,.02); border-color:rgba(255,255,255,.35); color:#fff; }
.about-button--outline:hover { background:rgba(255,255,255,.08);border-color:#c8a440;color:#fff; }
.about-hero__card { position:relative; margin:0; min-width:0; padding:clamp(1.65rem,3.3vw,2.7rem); border:1px solid rgba(233,212,169,.32); border-radius:20px; background:linear-gradient(155deg,#433024,#2a211b); box-shadow:0 24px 65px rgba(0,0,0,.24); }
.about-card__eyebrow { font-size:.63rem;letter-spacing:.13em; color:#c6b491;font-weight:700;margin:0; }
.about-card__ornament { font:700 clamp(3.4rem,6vw,5rem)/1 'Playfair Display',Georgia,serif; letter-spacing:-.07em; color:#f2e4cc; margin:1rem 0 .8rem; }
.about-card__ornament span { color:#c8a440; }
.about-card__divider { height:1px; background:rgba(255,255,255,.19); margin:1.45rem 0 1.1rem; }
.about-card__row { display:grid; grid-template-columns:25px 1fr; column-gap:1rem; row-gap:.3rem; padding:1rem 0; border-bottom:1px solid rgba(255,255,255,.10); }
.about-card__row>span { grid-row:span 2; color:#c8a440; font-size:.65rem; font-weight:700; padding-top:3px; }
.about-card__row strong { color:#f8f1e8;font-size:.88rem;font-weight:600; }
.about-card__row small { color:#bcb0a1;font-size:.76rem; }
.about-card__footer { text-align:right; color:#c7b18c; font-size:.68rem; letter-spacing:.07em; margin:1.2rem 0 0; }
.about-section { padding:clamp(4.3rem,7vw,6.5rem) 0; }
.about-section--soft { background:#f1ede6; border-block:1px solid #e7ded0; }
.about-intro__grid { display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,8vw,7rem);align-items:start; }
.about-section h2 { margin:.25rem 0 1.25rem;font:700 clamp(2rem,3.5vw,3.1rem)/1.2 'Playfair Display',Georgia,serif;letter-spacing:-.025em;color:#2d221b; }
.about-section__intro h2 { max-width:490px; }
.about-intro__body>p { color:#57493e;line-height:1.86;font-size:.99rem;margin:0 0 1.25rem; }
.about-intro__body .about-note {padding:1.2rem 1.35rem;background:#efe8dc;border-left:3px solid #c8a440;border-radius:0 10px 10px 0;font-size:.86rem; }
.about-note strong {color:#362920;}
.about-section__heading { max-width:690px; margin-bottom:2.4rem; }
.about-section__heading>p:last-child {max-width:620px;color:#655549;font-size:.95rem;line-height:1.8;margin:0;}
.about-steps { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem; }
.about-step { border:1px solid #dcd0c1;border-radius:14px;padding:1.6rem 1.45rem;background:#fff;box-shadow:0 5px 19px rgba(34,20,11,.035); }
.about-step__num {font-size:.66rem;letter-spacing:.09em;color:#5c854b;font-weight:700;}
.about-step h3 {font:700 1.26rem/1.3 'Playfair Display',Georgia,serif;margin:1.65rem 0 .8rem;color:#30241b;}
.about-step p {font-size:.85rem;line-height:1.76;color:#6b5b4e;margin:0;}
.about-values__grid {display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,7rem);align-items:center;}
.about-values__lead {color:#615145;font-size:.95rem;line-height:1.8;max-width:485px;}
.about-text-link {display:inline-flex;align-items:center;gap:.6rem;font-size:.86rem;font-weight:700;color:#463526;border-bottom:1px solid #c8a440;padding:0 0 .28rem;}
.about-text-link:hover {color:#6d854a;}
.about-values__grid .about-text-link {margin-top:1.4rem;}
.about-values__list {border-top:1px solid #ded1c0;}
.about-value { display:grid; grid-template-columns:32px 1fr;gap:1.1rem;padding:1.25rem 0;border-bottom:1px solid #ded1c0; }
.about-value>span {display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #93b281;border-radius:100%;color:#568347;font-weight:700;font-size:.8rem;}
.about-value h3 {margin:0 0 .35rem;font-size:.94rem;color:#2f241d;}
.about-value p {margin:0;font-size:.84rem;line-height:1.7;color:#6a5b4e;}
.about-section--dark { background:#241b16; color:#fff; }
.about-section--dark h2 {color:#fff;}
.about-label--light {color:#b0c69e;}
.about-transparency__grid {display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,7vw,7rem);}
.about-transparency__content {border-top:1px solid rgba(255,255,255,.2);}
.about-transparency__content h3 {font-size:1rem;margin:1.5rem 0 .7rem;color:#ecd69f;}
.about-transparency__content p {font-size:.9rem;line-height:1.83;color:#d0c2b3;margin:0 0 1.4rem;}
.about-section--resources {background:#faf8f4;}
.about-section__heading--split {display:flex;justify-content:space-between;align-items:end;gap:1.5rem;max-width:none;}
.about-section__heading--split>div {max-width:620px;}
.about-section__heading--split>div>p:last-child {color:#66564a;margin:0;}
.about-section__heading--split .about-text-link {flex:0 0 auto;}
.about-resources {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;}
.about-resource { position:relative;min-width:0;display:flex;flex-direction:column;gap:.45rem;background:#fff;color:#30231c;border:1px solid #e0d5c6;border-radius:14px;padding:1.6rem 4rem 1.6rem 1.7rem;min-height:175px;transition:transform .2s,border-color .2s,box-shadow .2s; }
.about-resource:hover {transform:translateY(-3px);border-color:#a9ac77;box-shadow:0 12px 24px rgba(35,21,13,.07);color:#30231c;}
.about-resource>span {font-size:.65rem;color:#598049;letter-spacing:.1em;font-weight:700;}
.about-resource strong {font:700 1.26rem/1.3 'Playfair Display',Georgia,serif;}
.about-resource small {font-size:.8rem;color:#7b6b5c;line-height:1.6;}
.about-resource b {position:absolute;right:1.4rem;bottom:1.3rem;color:#a47e27;font-weight:500;}
@media(max-width:930px){.about-hero__grid{grid-template-columns:1fr 1fr;gap:2rem;}.about-steps{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px){.about-hero__grid,.about-intro__grid,.about-values__grid,.about-transparency__grid{grid-template-columns:1fr;}.about-hero__card{max-width:640px;}.about-section__heading--split{align-items:start;flex-direction:column;}.about-hero{padding-top:3rem;}}
@media(max-width:520px){.about-container{width:calc(100% - 2.25rem);}.about-hero h1{font-size:clamp(2.35rem,9.5vw,3.3rem);}.about-hero__actions{flex-direction:column;align-items:stretch;}.about-button{width:100%;}.about-steps,.about-resources{grid-template-columns:1fr;}.about-hero__card{padding:1.5rem;}.about-resource{min-height:150px;}}
@media(prefers-reduced-motion:reduce){.about-button,.about-resource{transition:none;}.about-button:hover,.about-resource:hover{transform:none;}}