.about-page{--about-ink:#172238;--about-muted:#506078;--about-line:#dce3ee;max-width:1328px;margin:0 auto;padding:25px 0 55px;color:var(--about-ink)}
.about-page *{box-sizing:border-box}
.about-page a{cursor:pointer}
.about-page :is(h1,h2,h3,p){overflow-wrap:break-word}
.about-eyebrow{margin:0 0 15px;color:#5149bd;font-size:11px;font-weight:800;letter-spacing:.14em;line-height:1.4}
.about-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:clamp(30px,4vw,65px);align-items:center;overflow:hidden;position:relative;min-height:565px;padding:clamp(36px,5vw,70px);border-radius:18px;background:radial-gradient(circle at 86% 10%,#34415c 0,#19263b 37%,#101b2e 80%);color:#f8fafc}
.about-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#aabbe90d 1px,transparent 1px),linear-gradient(90deg,#aabbe90d 1px,transparent 1px);background-size:38px 38px;pointer-events:none}
.about-hero-copy,.about-visual{position:relative;z-index:1}
.about-hero .about-eyebrow{color:#c7d2fe}
.about-hero h1{font:400 clamp(50px,5vw,76px)/1.02 var(--serif,Georgia,serif);letter-spacing:-.05em;margin:0 0 27px}
.about-hero h1 em{font-weight:400;color:#c7d2fe}
.about-hero-copy>p:not(.about-eyebrow){font-size:16px;line-height:1.65;color:#d8e1ef;max-width:590px;margin:0 0 17px}
.about-hero-copy .about-lead{font-size:19px!important;color:#f4f6ff!important;line-height:1.55!important}
.about-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:17px 24px;margin-top:32px}
.about-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 19px;border-radius:8px;background:#c7d2fe;color:#172238;text-decoration:none;font-size:13px;font-weight:750;transition:background .18s,transform .18s}
.about-button:hover,.about-button:focus-visible{background:#e0e7ff;transform:translateY(-2px)}
.about-text-link{color:#e8ecff;font-size:13px;font-weight:700;text-underline-offset:4px}
.about-visual{margin:0;padding:24px;border:1px solid #9dadcc6a;border-radius:15px;background:#edf2fc0f;box-shadow:0 22px 45px #080f203d}
.about-visual-head{display:flex;justify-content:space-between;gap:12px;color:#c7d2fe;font-size:10px;font-weight:800;letter-spacing:.15em;margin-bottom:20px}
.about-visual-step{position:relative;padding:16px 19px;background:#f7f8ff;border:1px solid #cdd8f5;border-radius:9px;color:#172238}
.about-visual-step small{display:block;color:#5046b0;font-size:10px;font-weight:800;letter-spacing:.13em;margin-bottom:5px}
.about-visual-step strong{display:block;font:400 clamp(22px,2.2vw,28px)/1.1 var(--serif,Georgia,serif);letter-spacing:-.025em}
.about-visual-step>span{display:block;margin-top:5px;color:#53617b;font-size:12px}
.about-visual-line{width:1px;height:22px;margin:0 auto;background:#c7d2fe}
.about-visual-step-model{background:#bdcafa;border-color:#d9e1ff}
.about-visual-controls{display:flex;gap:8px;margin-top:15px}
.about-visual-controls i{position:relative;display:block;height:5px;flex:1;border-radius:9px;background:#8b9de2}
.about-visual-controls i:after{content:"";position:absolute;top:-5px;left:68%;width:15px;height:15px;border-radius:50%;background:#4440a1;border:2px solid #e8ecff}
.about-visual-controls i:nth-child(2):after{left:42%}
.about-visual-controls i:nth-child(3):after{left:77%}
.about-visual figcaption{margin-top:16px;color:#cbd6e9;font-size:11px;line-height:1.4}
.about-principle{max-width:890px;margin:76px auto 84px;text-align:center;font:400 clamp(30px,3.2vw,45px)/1.2 var(--serif,Georgia,serif);letter-spacing:-.035em}
.about-principle em{color:#5149bd;font-weight:400}
.about-section-heading{max-width:700px;margin-bottom:29px}
.about-section-heading h2,.about-author h2,.about-next h2{font:400 clamp(36px,3.8vw,52px)/1.08 var(--serif,Georgia,serif);letter-spacing:-.04em;margin:0}
.about-section-heading>p:last-child:not(.about-eyebrow){margin:16px 0 0;color:var(--about-muted);font-size:16px;line-height:1.65}
.about-why-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.about-why-grid article{padding:34px 35px;border:1px solid var(--about-line);border-radius:13px;background:#fff}
.about-why-grid article:nth-child(2){background:#f6f7fd;border-color:#dfe4f5}
.about-why-grid article>span{color:#5149bd;font-size:11px;font-weight:800;letter-spacing:.13em}
.about-why-grid h3{font:400 clamp(28px,2.5vw,36px)/1.13 var(--serif,Georgia,serif);letter-spacing:-.035em;margin:20px 0 15px;max-width:440px}
.about-why-grid p,.about-method li p,.about-author p:not(.about-eyebrow){font-size:15px;line-height:1.72;color:#44536a;margin:0}
.about-guide{padding-top:95px;scroll-margin-top:34px}
.about-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.about-guide-grid article{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:30px;border:1px solid var(--about-line);border-radius:13px;background:#fff}
.about-guide-grid article:nth-child(2){background:#f6f7fd;border-color:#dfe4f5}
.about-guide-grid article>span,.about-lenses-grid article>span{color:#5149bd;font-size:11px;font-weight:800;letter-spacing:.13em}
.about-guide-grid h3,.about-lenses-grid h3{font:400 clamp(25px,2.3vw,33px)/1.13 var(--serif,Georgia,serif);letter-spacing:-.035em;margin:20px 0 14px}
.about-guide-grid p,.about-lenses-grid p,.about-model-notes-grid p{font-size:15px;line-height:1.7;color:#44536a;margin:0}
.about-guide-grid a{margin-top:auto;padding-top:20px;color:#5149bd;font-size:13px;font-weight:750;text-underline-offset:4px}
.about-method{display:grid;grid-template-columns:minmax(270px,.8fr) minmax(0,1.2fr);gap:clamp(35px,6vw,90px);padding:95px 0 78px}
.about-method .about-section-heading{margin:0}
.about-method ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--about-line)}
.about-method li{display:grid;grid-template-columns:46px 1fr;gap:17px;padding:24px 0;border-bottom:1px solid var(--about-line)}
.about-method li>span{color:#5149bd;font-size:12px;font-weight:800;letter-spacing:.08em;padding-top:5px}
.about-method li h3{font:400 26px/1.15 var(--serif,Georgia,serif);letter-spacing:-.025em;margin:0 0 8px}
.about-lenses{padding:56px 0 86px;border-top:1px solid var(--about-line)}
.about-lenses-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.about-lenses-grid article{padding:33px 36px;border:1px solid #dfe4f5;border-radius:13px;background:#f6f7fd}
.about-lenses-grid article:nth-child(2){background:#fff;border-color:var(--about-line)}
.about-lenses-grid h3{max-width:500px}
.about-model-notes{padding:0 0 82px}
.about-model-notes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 35px;border-top:1px solid var(--about-line)}
.about-model-notes-grid article{padding:22px 0 25px;border-bottom:1px solid var(--about-line)}
.about-model-notes-grid h3{font:400 24px/1.2 var(--serif,Georgia,serif);letter-spacing:-.025em;margin:0 0 9px}
.about-model-notes-footer{font-size:14px;line-height:1.65;color:#44536a;margin:22px 0 0}
.about-model-notes-footer a{color:#5149bd;font-weight:750;text-underline-offset:4px}
.about-record{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(35px,6vw,85px);align-items:end;padding:39px 0 44px;border-top:1px solid var(--about-line);border-bottom:1px solid var(--about-line);margin-bottom:78px}
.about-record h2{font:400 clamp(34px,3.5vw,48px)/1.1 var(--serif,Georgia,serif);letter-spacing:-.04em;margin:0;max-width:550px}
.about-record p:not(.about-eyebrow){font-size:15px;line-height:1.72;color:#44536a;margin:0 0 16px}
.about-record a{font-size:13px;font-weight:750;color:#5149bd;text-underline-offset:4px}
.about-author{display:grid;grid-template-columns:165px minmax(0,1fr);gap:52px;align-items:start;padding:48px 55px;border-radius:15px;background:#f3f5fb;border:1px solid #e0e5f1}
.about-author-photo{display:block;width:165px;height:165px;object-fit:cover;object-position:center 25%;border-radius:12px}
.about-author h2{margin-bottom:21px}
.about-author p:not(.about-eyebrow){max-width:790px;margin:0 0 14px}
.about-next{display:flex;justify-content:space-between;gap:50px;align-items:center;margin-top:82px;padding:38px 43px;border-radius:15px;background:#172238;color:#f8fafc}
.about-next .about-eyebrow{color:#c7d2fe}
.about-next h2{font-size:clamp(33px,3vw,43px)}
.about-next p:not(.about-eyebrow){font-size:14px;line-height:1.6;color:#cbd5e1;max-width:540px;margin:12px 0 0}
.about-next-links{display:flex;flex-direction:column;gap:10px;align-items:flex-start;min-width:220px}
.about-next-links a{color:#e2e7ff;font-size:13px;font-weight:700;text-underline-offset:4px}
.about-disclosure{margin:23px 0 0;text-align:center;color:#64748b;font-size:12px;line-height:1.55}
@media(max-width:900px){.about-hero{grid-template-columns:1fr}.about-visual{max-width:600px}.about-guide-grid{grid-template-columns:1fr}.about-guide-grid article{padding:28px}.about-method{grid-template-columns:1fr;gap:30px}.about-method .about-section-heading{max-width:700px}.about-record{grid-template-columns:1fr;gap:20px}.about-author{grid-template-columns:120px 1fr;gap:28px;padding:38px}.about-author-photo{width:120px;height:120px}}
@media(max-width:620px){.about-page{padding-top:14px}.about-hero{padding:28px 22px;gap:30px;border-radius:13px}.about-hero h1{font-size:clamp(45px,11vw,62px)}.about-hero-copy>p:not(.about-eyebrow){font-size:15px}.about-hero-copy .about-lead{font-size:17px!important}.about-visual{padding:17px}.about-principle{margin:57px 7px 64px}.about-why-grid{grid-template-columns:1fr}.about-why-grid article{padding:27px}.about-guide{padding-top:69px}.about-guide-grid article{padding:27px}.about-method{padding:69px 0 65px}.about-method li{grid-template-columns:34px 1fr;gap:12px}.about-lenses{padding:50px 0 65px}.about-lenses-grid,.about-model-notes-grid{grid-template-columns:1fr}.about-lenses-grid article{padding:27px}.about-model-notes{padding-bottom:65px}.about-record{margin-bottom:62px}.about-author{grid-template-columns:1fr;gap:21px;padding:29px}.about-author-photo{width:110px;height:110px}.about-next{display:block;margin-top:65px;padding:30px 26px}.about-next-links{margin-top:28px}.about-disclosure{text-align:left}}