.about-page main a { color: #315fa8; }
.about-page main a:hover { color: #244780; }

.about-hero {
  position: relative;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 85% 18%,rgba(99,216,181,.22),transparent 26%),
    radial-gradient(circle at 97% 91%,rgba(255,94,103,.25),transparent 32%),
    linear-gradient(135deg,#21072c,#4b1558 58%,#712055);
}
.about-hero::before { content: ''; position: absolute; inset: 0; opacity: .11; background-image: radial-gradient(circle,#fff 1px,transparent 1.5px),linear-gradient(115deg,transparent 46%,#fff 46.2%,transparent 46.5%); background-size: 41px 41px,150px 150px; mask-image: linear-gradient(90deg,transparent 5%,#000); }
.hero-grid { position: relative; max-width: 1200px; min-height: 590px; margin: auto; padding: 75px 35px; display: grid; grid-template-columns: minmax(0,1.22fr) minmax(350px,.78fr); align-items: center; gap: 68px; }
.hero-copy { min-width: 0; }
.about-hero h1 { max-width: 760px; margin: 15px 0 25px; font-size: clamp(42px,5vw,67px); line-height: 1.02; letter-spacing: -2.5px; }
.about-hero p { max-width: 740px; color: #eadceb; }
.about-hero strong { color: #fff; }
.eyebrow { display: inline-flex; align-items: center; gap: 10px; color: #ffb1b0; font-size: 9px; font-weight: 900; letter-spacing: 2px; }
.eyebrow-line { width: 27px; height: 2px; background: var(--mint); box-shadow: 0 0 10px rgba(99,216,181,.6); }

.editorial-board { position: relative; min-width: 0; padding: 25px; overflow: hidden; border: 1px solid rgba(255,255,255,.2); border-radius: 24px; background: rgba(25,4,33,.54); box-shadow: 0 28px 60px rgba(13,2,18,.34); backdrop-filter: blur(12px); }
.editorial-board::after { content: ''; position: absolute; right: -68px; bottom: -82px; width: 190px; height: 190px; border: 25px solid rgba(99,216,181,.08); border-radius: 50%; }
.editorial-board > * { position: relative; z-index: 1; }
.board-head { padding-bottom: 15px; display: flex; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,.12); color: #c8adca; font-size: 8px; font-weight: 850; letter-spacing: 1.5px; }
.board-head i { color: var(--mint); font-style: normal; }
.board-core { min-height: 250px; display: flex; align-items: center; justify-content: center; gap: 27px; }
.document-icon { position: relative; width: 105px; height: 132px; padding: 36px 20px 20px; display: flex; flex-direction: column; gap: 10px; border-radius: 13px; background: linear-gradient(145deg,#fff,#f0e4f2); box-shadow: 0 18px 28px rgba(10,1,16,.24); }
.document-icon::before { content: ''; position: absolute; top: 0; right: 0; border-style: solid; border-width: 0 32px 32px 0; border-color: transparent #dfc9e3 transparent transparent; }
.document-icon::after { content: '✓'; position: absolute; right: -12px; bottom: -13px; width: 48px; height: 48px; display: grid; place-items: center; border: 5px solid #481352; border-radius: 50%; background: var(--mint); color: var(--plum); font-size: 22px; font-weight: 900; }
.document-icon b { display: block; height: 5px; border-radius: 5px; background: #8c6696; }.document-icon b:nth-child(2) { width: 72%; }.document-icon b:nth-child(3) { width: 86%; }
.board-core div { display: flex; flex-direction: column; gap: 7px; }.board-core small { color: #b89bbb; font-size: 7px; font-weight: 900; letter-spacing: 1.5px; }.board-core strong { color: #fff; font-size: 15px; letter-spacing: 1.2px; }.board-core em { color: var(--mint); font-size: 8px; font-style: normal; font-weight: 850; letter-spacing: 1.2px; }
.board-fields { display: grid; grid-template-columns: repeat(5,1fr); gap: 6px; }
.board-fields span { min-width: 0; padding: 11px 4px; overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 9px; color: #f0e3f1; font-size: 6px; font-weight: 850; letter-spacing: .5px; text-align: center; }
.board-fields b { display: block; margin-bottom: 4px; color: var(--coral); font-size: 8px; }

.about-content { max-width: 1160px; margin: auto; padding: 66px 30px 82px; }
.about-content h2 { margin: 0; color: var(--plum); font-size: clamp(30px,3.4vw,43px); line-height: 1.08; letter-spacing: -1.25px; }
.about-content p { color: var(--muted); font-size: 15px; line-height: 1.82; }
.section-heading,.method-heading,.boundary-heading { display: flex; align-items: flex-start; gap: 15px; }
.section-number { width: 38px; height: 38px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 11px; background: var(--coral); color: #fff; font-size: 10px; font-weight: 900; }
.topic-label { display: block; margin: 2px 0 8px; color: var(--coral-dark); font-size: 8px; font-weight: 900; letter-spacing: 1.7px; text-transform: uppercase; }

.origin-section { padding: 43px; border: 1px solid var(--line); border-radius: 25px; background: #fff; box-shadow: 0 18px 45px rgba(53,19,68,.06); }
.origin-body { margin: 28px 0 0 53px; }
.origin-copy { max-width: 900px; }
.origin-copy p:first-child { margin-top: 0; }
.origin-body blockquote { position: relative; margin: 28px 0 0; padding: 25px 75px 25px 28px; overflow: hidden; border: 1px solid #cceae1; border-left: 5px solid var(--mint); border-radius: 4px 17px 17px 4px; background: #edf9f5; color: var(--plum); font-size: 19px; font-weight: 800; line-height: 1.5; }
.origin-body blockquote::after { content: '“'; position: absolute; right: 20px; top: -19px; color: rgba(22,141,117,.14); font-family: Georgia,serif; font-size: 110px; }

.method-section { position: relative; margin-top: 52px; padding: 44px; overflow: hidden; border-radius: 25px; color: #fff; background: radial-gradient(circle at 90% 16%,rgba(99,216,181,.17),transparent 28%),linear-gradient(135deg,#25102f,#4c1756); }
.method-section::after { content: ''; position: absolute; inset: 0; opacity: .07; background-image: radial-gradient(circle,#fff 1px,transparent 1.5px); background-size: 28px 28px; }
.method-section > * { position: relative; z-index: 1; }.method-section h2,.method-section strong { color: #fff; }.method-section .topic-label { color: #8ce5ca; }.method-section .section-number { background: var(--mint); color: var(--plum); }
.method-intro { margin: 28px 0 0 53px; }.method-intro p,.method-copy p { color: #e6d9e8; }.method-intro > p { max-width: 890px; }
.detail-track { margin: 30px 0; padding: 19px 22px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border: 1px solid rgba(255,255,255,.13); border-radius: 14px; background: rgba(255,255,255,.07); }
.detail-track span { color: #fff; font-size: 8px; font-weight: 900; letter-spacing: 1.3px; }.detail-track i { height: 1px; flex: 1; background: repeating-linear-gradient(90deg,var(--coral) 0 7px,transparent 7px 13px); }
.method-copy { margin-left: 53px; max-width: 930px; }.method-copy a { color: #8ce5ca !important; font-weight: 800; }

.reader-section { margin-top: 52px; padding: 42px; display: grid; grid-template-columns: 285px 1fr; align-items: center; gap: 48px; border: 1px solid #d7eae5; border-radius: 25px; background: #effaf7; }
.reader-visual { position: relative; min-height: 310px; display: grid; place-items: center; overflow: hidden; border-radius: 20px; background: linear-gradient(145deg,#32113f,#6d2463); }
.reader-visual::before { content: ''; position: absolute; inset: 0; opacity: .12; background-image: radial-gradient(circle,#fff 1px,transparent 1.5px); background-size: 27px 27px; }
.report-card { position: relative; width: 145px; height: 185px; padding: 43px 25px; display: flex; flex-direction: column; gap: 15px; transform: rotate(-4deg); border-radius: 15px; background: #fff; box-shadow: 0 20px 35px rgba(13,2,18,.25); }
.report-card::before { content: ''; position: absolute; top: 20px; left: 25px; width: 48px; height: 7px; border-radius: 7px; background: var(--mint); }.report-card span { height: 6px; border-radius: 6px; background: #d9c8dd; }.report-card span:nth-child(2) { width: 75%; }.report-card i { position: absolute; right: -16px; bottom: -15px; width: 58px; height: 58px; display: grid; place-items: center; border: 6px solid #53185c; border-radius: 50%; background: var(--coral); color: #fff; font-size: 28px; font-style: normal; font-weight: 900; }
.evidence-stamp { position: absolute; left: 26px; bottom: 30px; padding: 8px 12px; transform: rotate(-7deg); border: 2px solid var(--mint); color: var(--mint); font-size: 9px; font-weight: 900; letter-spacing: 1.5px; }
.reader-copy p:last-child { margin-bottom: 0; }

.corrections-section { margin-top: 52px; padding: 43px; border: 1px solid #eddad0; border-radius: 25px; background: #fff6ed; }
.corrections-section .section-number { background: #ef9a4b; }
.correction-list { margin: 30px 0 0 53px; display: flex; flex-direction: column; }
.correction-list article { padding: 23px 0; display: grid; grid-template-columns: 45px 1fr; align-items: start; gap: 16px; border-bottom: 1px solid #ebdbd1; }.correction-list article:first-child { padding-top: 0; }.correction-list article:last-child { padding-bottom: 0; border-bottom: 0; }
.correction-mark { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; background: #fff; color: #d06a2d; font-size: 9px; font-weight: 900; box-shadow: 0 7px 16px rgba(92,40,13,.08); }
.correction-list p { margin: 4px 0 0; }.contact-row { grid-template-columns: 45px 1fr auto !important; align-items: center !important; }
.review-link { min-width: 185px; padding: 14px 16px; display: flex; align-items: center; justify-content: space-between; gap: 15px; border-radius: 12px; background: var(--coral); color: #fff !important; font-size: 12px; font-weight: 900; text-decoration: none; box-shadow: 0 10px 20px rgba(255,94,103,.18); transition: transform .2s,box-shadow .2s; }.review-link:hover { transform: translateY(-2px); box-shadow: 0 14px 25px rgba(255,94,103,.25); }.review-link b { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; background: rgba(255,255,255,.17); }

.boundaries-section { margin-top: 52px; padding: 43px; border: 1px solid #f0d5d5; border-radius: 25px; background: #fff2f1; }
.boundary-list { margin: 30px 0 0 53px; display: flex; flex-direction: column; gap: 15px; }
.boundary-list article { padding: 22px 24px; display: grid; grid-template-columns: 52px 1fr; align-items: center; gap: 19px; border: 1px solid rgba(230,64,85,.13); border-radius: 16px; background: rgba(255,255,255,.72); }
.boundary-list p { margin: 0; }
.boundary-icon { width: 50px; height: 50px; display: grid; place-items: center; border-radius: 14px; background: var(--coral); color: #fff; font-size: 23px; font-weight: 900; }.chat-icon { background: #8351b8; font-size: 13px; letter-spacing: 2px; }
.boundary-list .privacy-boundary { border-color: #cbe7df; background: #ebf8f4; }.privacy-boundary .boundary-icon { background: #14997e; }

.reveal { opacity: 1; transform: none; }.js-ready .reveal { opacity: 0; transform: translateY(24px); transition: opacity .65s ease,transform .65s ease; }.js-ready .reveal.is-visible { opacity: 1; transform: none; }

@media (max-width: 940px) {
  .hero-grid { min-height: 0; grid-template-columns: 1fr; gap: 42px; }.editorial-board { width: 100%; max-width: 650px; }.board-core { min-height: 225px; }
  .reader-section { grid-template-columns: 235px 1fr; gap: 34px; }.reader-visual { min-height: 270px; }
  .contact-row { grid-template-columns: 45px 1fr !important; }.review-link { grid-column: 2; width: 190px; }
}
@media (max-width: 720px) { .reader-section { grid-template-columns: 1fr; }.reader-visual { min-height: 235px; } }
@media (max-width: 620px) {
  .hero-grid { padding: 44px 21px 49px; }.about-hero h1 { font-size: 38px; letter-spacing: -1.5px; }.editorial-board { padding: 19px; border-radius: 19px; }.board-core { min-height: 215px; }.document-icon { width: 94px; height: 119px; }.board-core { gap: 20px; }.board-fields { gap: 4px; }.board-fields span { padding: 10px 2px; font-size: 5px; }
  .about-content { padding: 39px 17px 58px; }.about-content h2 { font-size: 27px; }.origin-section,.method-section,.corrections-section,.boundaries-section { padding: 27px 19px; border-radius: 20px; }.origin-body,.method-intro,.method-copy,.correction-list,.boundary-list { margin-left: 0; }.origin-body blockquote { padding: 21px 50px 21px 20px; font-size: 16px; }.origin-body blockquote::after { right: 9px; font-size: 80px; }
  .method-section,.reader-section,.corrections-section,.boundaries-section { margin-top: 31px; }.detail-track { padding: 16px 10px; gap: 7px; }.detail-track span { font-size: 6px; letter-spacing: .7px; }.detail-track i { min-width: 8px; }
  .reader-section { padding: 24px 19px; border-radius: 20px; gap: 24px; }.reader-visual { min-height: 220px; }.report-card { width: 125px; height: 160px; }
  .correction-list article { grid-template-columns: 39px 1fr; gap: 12px; }.contact-row { grid-template-columns: 39px 1fr !important; }.review-link { grid-column: 1 / -1; width: 100%; }.boundary-list article { padding: 18px 15px; grid-template-columns: 44px 1fr; gap: 13px; align-items: start; }.boundary-icon { width: 44px; height: 44px; }
}
@media (prefers-reduced-motion: reduce) { .reveal { opacity: 1 !important; transform: none !important; transition: none !important; } }