body.page-id-2 .page-title { display: none !important; }

.pt-about { --about-blue: #1673bc; --about-ink: var(--pt-text-strong, #14283a); --about-text: var(--pt-text, #405064); --about-surface: var(--pt-surface, #fff); --about-border: var(--pt-border, #e3eaf1); color: var(--about-text); background: var(--pt-page, #fff); }
.pt-about__container { width: min(1160px, calc(100% - 48px)); margin-inline: auto; }
.pt-about__hero { position: relative; overflow: hidden; background: linear-gradient(180deg, #edf6ff 0%, #f8fbff 78%, var(--pt-page, #fff) 100%); }
.pt-about__hero .pt-about__container { position: relative; min-height: 206px; padding-block: 25px 50px; }
.pt-about__breadcrumb { display: flex; align-items: center; gap: 10px; font-size: 13px; color: #55738e; }
.pt-about__breadcrumb a { color: #2673b6; }
.pt-about__hero-title { display: flex; align-items: center; justify-content: center; gap: 28px; margin-top: 48px; }
.pt-about__hero-title h1 { margin: 0; color: #126ab3; font-size: clamp(29px, 3vw, 39px); font-weight: 850; line-height: 1.4; }
.pt-about__hero-title > span { width: 2px; height: 34px; background: #2486d1; }
.pt-about__hero-title p { margin: 0; font-size: 18px; color: #3d5267; }
.pt-about__hero-orbit { position: absolute; color: #5eaaeb; font-size: 52px; opacity: .32; pointer-events: none; }
.pt-about__hero-orbit--one { left: 14%; top: 45px; }
.pt-about__hero-orbit--two { right: 9%; bottom: 25px; }
.pt-about__story { padding-block: 54px 105px; }
.pt-about__chapter { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .95fr); align-items: center; gap: clamp(36px, 7vw, 105px); padding-block: 75px; }
.pt-about__chapter--reverse .pt-about__copy { order: 2; }
.pt-about__chapter--reverse .pt-about__visual { order: 1; }
.pt-about__copy { min-width: 0; }
.pt-about__number { display: inline-grid; place-items: center; width: 78px; height: 78px; margin-bottom: 19px; border-radius: 18px; background: #e8f3ff; color: #1572bc; font-size: 34px; font-weight: 800; }
.pt-about__copy h2 { margin: 0 0 25px; color: var(--about-ink); font-size: clamp(23px, 2.3vw, 29px); font-weight: 800; line-height: 1.6; }
.pt-about__copy p { margin: 0 0 18px; color: var(--about-text); font-size: 16px; line-height: 2.15; text-align: justify; }
.pt-about__copy strong { color: var(--about-ink); }
.pt-about__copy .pt-about__closing { margin-top: 30px; padding: 15px 20px; border-right: 3px solid #ff8c35; border-radius: 10px 0 0 10px; background: var(--about-surface); color: var(--about-ink); font-weight: 700; }
.pt-about__visual { position: relative; min-width: 0; }
.pt-about__visual--origins { border: 1px solid var(--about-border); border-radius: 28px; overflow: hidden; box-shadow: 0 22px 55px rgba(20, 50, 76, .1); }
.pt-about__visual--origins img { display: block; width: 100%; height: auto; }
.pt-about__visual--portrait { display: flex; align-items: flex-end; justify-content: center; min-height: 560px; border-radius: 28px; background: #d6d6d6; overflow: hidden; }
.pt-about__visual--portrait img { position: relative; width: min(100%, 560px); height: 560px; object-fit: contain; object-position: bottom; }
.pt-about__visual-caption { position: absolute; inset-inline: 22px auto; bottom: 20px; padding: 11px 17px; border-radius: 12px; background: rgba(255,255,255,.92); color: #123758; font-weight: 800; box-shadow: 0 7px 25px rgba(18, 52, 85, .1); }
.pt-about__visual-caption small { display: block; font-size: 12px; font-weight: 500; }
.pt-about__visual--teachers { padding: 15px; border: 1px solid var(--about-border); border-radius: 24px; background: var(--about-surface); box-shadow: 0 22px 55px rgba(20, 50, 76, .1); }
.pt-about__visual--teachers img { display: block; width: 100%; border-radius: 14px; }
.pt-about__visual--promise { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 450px; padding: 40px; border: 1px solid var(--about-border); border-radius: 28px; background: radial-gradient(circle at 50% 28%, #e8f8ff, #f6fbff 60%, #edf4fa); text-align: center; overflow: hidden; }
.pt-about__promise-orbit { color: #1c75b9; font-size: 100px; line-height: 1; }
.pt-about__visual--promise p { margin: 12px 0 30px; color: #1a486a; font-size: 26px; line-height: 1.7; }
.pt-about__visual--promise strong { color: #116fb9; }
.pt-about__services { display: flex; flex-wrap: wrap; justify-content: center; gap: 9px; max-width: 410px; }
.pt-about__services span { padding: 8px 13px; border: 1px solid #c7dff1; border-radius: 99px; background: #fff; color: #315b78; font-size: 13px; }

html[data-physictomy-theme="dark"] .pt-about { --about-ink: #f0f6fb; --about-text: #c5d3e1; }
html[data-physictomy-theme="dark"] .pt-about__hero { background: linear-gradient(180deg, #162b40, #142332 78%, var(--pt-page, #111b27)); }
html[data-physictomy-theme="dark"] .pt-about__hero-title h1,
html[data-physictomy-theme="dark"] .pt-about__breadcrumb a { color: #89c8fa; }
html[data-physictomy-theme="dark"] .pt-about__hero-title p,
html[data-physictomy-theme="dark"] .pt-about__breadcrumb { color: #c4d6e6; }
html[data-physictomy-theme="dark"] .pt-about__number { background: #1d3a54; color: #8ccafa; }
html[data-physictomy-theme="dark"] .pt-about__visual--promise { background: radial-gradient(circle at 50% 28%, #1e4965, #172b3b 65%, #132535); }
html[data-physictomy-theme="dark"] .pt-about__visual--promise p { color: #e4f0f9; }
html[data-physictomy-theme="dark"] .pt-about__services span { border-color: #3d617b; background: #1a344a; color: #e3edf5; }

@media (max-width: 850px) {
	.pt-about__chapter { grid-template-columns: 1fr; gap: 28px; padding-block: 48px; }
	.pt-about__chapter--reverse .pt-about__copy,
	.pt-about__chapter--reverse .pt-about__visual { order: initial; }
	.pt-about__visual--portrait { min-height: 420px; }
	.pt-about__visual--portrait img { height: 420px; }
}

@media (max-width: 600px) {
	.pt-about__container { width: min(100% - 30px, 1160px); }
	.pt-about__hero .pt-about__container { min-height: 165px; padding-block: 18px 34px; }
	.pt-about__hero-title { gap: 13px; margin-top: 37px; }
	.pt-about__hero-title p { font-size: 13px; }
	.pt-about__hero-title > span { height: 26px; }
	.pt-about__story { padding-block: 18px 55px; }
	.pt-about__chapter { padding-block: 35px; }
	.pt-about__number { width: 58px; height: 58px; border-radius: 14px; font-size: 26px; }
	.pt-about__copy h2 { margin-bottom: 16px; }
	.pt-about__copy p { font-size: 15px; line-height: 2; text-align: right; }
	.pt-about__visual--portrait { min-height: 365px; }
	.pt-about__visual--portrait img { height: 365px; }
	.pt-about__visual--promise { min-height: 370px; padding: 30px 18px; }
	.pt-about__visual--promise p { font-size: 21px; }
}