/* About Us: editorial reading layout using the established studio colors. */
.about-page{background:#0b1015}
.about-hero{padding:70px 0 0;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 100% 0,#e3c58e13,transparent 58%),linear-gradient(130deg,#0f1b22,#0b1015 75%)}
.about-hero .eyebrow{color:var(--gold);font-size:.68rem;letter-spacing:.19em;margin:0 0 25px}
.about-page .about-hero h1{font-size:clamp(2.6rem,4.5vw,4.5rem);line-height:1.1;letter-spacing:-.045em;margin:0 0 34px;max-width:950px}
.about-hero h1 em{font-style:normal;color:var(--gold)}
.about-intro{max-width:880px;display:grid;grid-template-columns:1.35fr 1fr;gap:45px;margin-bottom:38px}
.about-intro p{margin:0;color:#bdc9d0;line-height:1.85;font-size:1rem}
.about-intro p:first-child{color:#dde3e5}
.about-jump{display:flex;flex-wrap:wrap;gap:28px;border-top:1px solid #e3c58e28;padding:20px 0}
.about-jump a{font-size:.76rem;color:#d8c197;padding:7px 0;display:flex;gap:24px;align-items:center}
.about-jump a:hover{color:#fff}.about-jump span{color:#91b5b3}
.about-chapter,.about-feedback{display:grid;grid-template-columns:minmax(180px,.75fr) minmax(0,1.45fr);gap:45px;padding:52px 0;border-bottom:1px solid var(--line);scroll-margin-top:120px}
.about-chapter-title{max-width:275px}.about-number{display:block;font:11px var(--mono);letter-spacing:.15em;color:#c7aa74;margin-bottom:18px}
.about-page .about-chapter-title h2{font-size:clamp(1.15rem,1.6vw,1.55rem);line-height:1.5;letter-spacing:.02em;margin:0;font-weight:600;color:#e0c58f;text-wrap:balance}
.about-copy p{color:#b9c8d0;font-size:.98rem;line-height:1.9;margin:0 0 18px;max-width:740px}
.about-copy p:last-child{margin-bottom:0}.about-copy a:not(.text-link){color:#e6d5b4;text-decoration:underline;text-decoration-color:#e3c58e55;text-underline-offset:4px}
.about-copy a:hover{color:#fff}.about-feedback{padding:40px;border:1px solid #53605b;background:#132127;margin:50px 0 0;gap:45px}
.about-feedback .text-link{display:inline-flex;gap:15px;margin-top:8px;padding:8px 0;font-size:.85rem}
.about-connect{padding:60px 0 65px;max-width:840px;scroll-margin-top:120px}
.about-connect>.eyebrow{font-size:.64rem;color:var(--gold);letter-spacing:.14em;line-height:1.6;margin:0 0 17px}
.about-page .about-connect h2{font-size:clamp(1.5rem,2.3vw,2.25rem);line-height:1.4;letter-spacing:.01em;color:#e0c58f;max-width:650px;margin:0 0 22px;text-wrap:balance}
.about-connect>p:not(.eyebrow){font-size:1rem;line-height:1.8;color:#b9c8d0;margin:0 0 17px;max-width:735px}
.about-connect>p a{color:var(--gold);overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#e3c58e55}
.about-connect .actions{margin-top:28px;flex-wrap:wrap}.about-connect .button{font-size:.83rem;padding:15px 20px;min-height:48px;gap:15px}
@media(max-width:1100px){.about-intro{gap:28px;grid-template-columns:1fr}.about-intro p{max-width:780px}.about-intro p+p{max-width:680px}.about-chapter,.about-feedback{gap:30px;grid-template-columns:minmax(155px,.7fr) minmax(0,1.5fr)}.about-feedback{padding:28px}.about-jump{gap:10px 22px}.about-jump a{gap:12px}}
@media(max-width:800px){.about-hero{padding-top:42px}.about-page .about-hero h1{font-size:clamp(2.35rem,6.5vw,3.8rem);margin-bottom:26px}.about-hero .eyebrow{font-size:.61rem;margin-bottom:20px}.about-intro{gap:18px;margin-bottom:28px}.about-intro p{font-size:.98rem;line-height:1.8}.about-jump{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;padding:13px 0}.about-jump a{justify-content:space-between;padding:12px 0;font-size:.74rem}.about-chapter,.about-feedback{grid-template-columns:1fr;gap:22px;padding:34px 0;scroll-margin-top:90px}.about-chapter-title{max-width:100%;display:flex;gap:22px;align-items:baseline}.about-number{margin:0;flex:0 0 18px}.about-page .about-chapter-title h2{font-size:1.13rem;line-height:1.5;max-width:520px;text-wrap:initial}.about-copy p{font-size:.96rem;line-height:1.85}.about-feedback{margin-top:34px;padding:26px 22px;gap:20px}.about-feedback .about-chapter-title{gap:15px}.about-connect{padding:42px 0 45px;scroll-margin-top:90px}.about-connect>p:not(.eyebrow){font-size:.96rem}.about-connect .actions{gap:12px}.about-connect .button{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.about-page{scroll-behavior:auto}}