*,
*::before,
*::after {
box-sizing: border-box;
}

body {
margin: 0;
min-height: 100svh;
overflow-x: hidden;
-webkit-text-size-adjust: 100%;
}

.brand-bar {
display: flex;
align-items: center;
gap: 16px;
}

.brand-mark {
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border: 1px solid #2c3232;
border-radius: 2px 24px 2px 2px;
background: #ffffff;
box-shadow: 2px 1px 3px 0 rgba(106, 115, 115, 0.07);
flex-shrink: 0;
overflow: hidden;
padding: 4px;
}

.brand-mark img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}

.brand-name {
font-family: 'Spectral', Georgia, serif;
font-size: 23px;
font-style: italic;
line-height: 1.15;
letter-spacing: -0.01em;
color: #1a2020;
font-weight: 700;
white-space: nowrap;
}

.site-header {
position: relative;
background: rgba(255, 255, 255, 0.82);
-webkit-backdrop-filter: blur(14px) saturate(1.3);
backdrop-filter: blur(14px) saturate(1.3);
border-bottom: 1px solid rgba(173, 166, 165, 0.28);
box-shadow: 2px 7px 20px 0 rgba(106, 115, 115, 0.08);
z-index: 100;
}

.header-upper {
max-width: 1200px;
margin: 0 auto;
padding: 16px 32px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 32px;
}

.header-contact-strip {
display: flex;
align-items: center;
gap: 16px;
flex-shrink: 0;
}

.hcontact-item {
display: flex;
align-items: center;
gap: 8px;
font-family: 'Spectral', Georgia, serif;
font-size: 16px;
line-height: 1.45;
color: #3d4444;
text-decoration: none;
letter-spacing: 0.01em;
transition: color 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.hcontact-item:hover {
color: #6A7373;
}

.hcontact-item:focus-visible {
outline: 3px solid #6A7373;
outline-offset: 2px;
font-weight: 700;
border-radius: 2px;
}

.hcontact-icon {
width: 18px;
height: 18px;
flex-shrink: 0;
color: #6A7373;
}

.hcontact-divider {
width: 1px;
height: 20px;
background: rgba(173, 166, 165, 0.45);
flex-shrink: 0;
}

.header-lower {
border-top: 1px solid rgba(227, 227, 228, 0.6);
background: rgba(227, 227, 228, 0.18);
}

.header-lower-inner {
max-width: 1200px;
margin: 0 auto;
padding: 0 32px;
display: flex;
align-items: stretch;
gap: 0;
}

.primary-nav {
display: flex;
align-items: stretch;
flex-wrap: wrap;
gap: 0;
list-style: none;
margin: 0;
padding: 0;
}

.primary-nav li {
display: flex;
align-items: stretch;
}

.primary-nav li a {
display: flex;
align-items: center;
padding: 16px 16px;
font-family: 'Spectral', Georgia, serif;
font-size: 16px;
line-height: 1.45;
letter-spacing: 0.02em;
color: #2c3232;
text-decoration: none;
white-space: nowrap;
position: relative;
transition: color 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

.primary-nav li a::after {
content: '';
position: absolute;
bottom: 0;
left: 16px;
right: 16px;
height: 2px;
background: #6A7373;
transform: scaleX(0);
transform-origin: left center;
transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
border-radius: 2px;
}

.primary-nav li a:hover {
color: #6A7373;
}

.primary-nav li a:hover::after {
transform: scaleX(1);
}

.primary-nav li a:focus-visible {
outline: 3px solid #6A7373;
outline-offset: -3px;
border-radius: 2px;
font-weight: 700;
}

.primary-nav li.active-page a {
color: #6A7373;
font-style: italic;
}

.primary-nav li.active-page a::after {
transform: scaleX(1);
}

.site-footer {
background: #2c3232;
color: #E3E3E4;
}

.footer-body {
max-width: 1200px;
margin: 0 auto;
padding: 32px 32px 0;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 32px;
}

.footer-col-heading {
font-family: 'Spectral', Georgia, serif;
font-size: 16px;
line-height: 1.15;
letter-spacing: 0.08em;
color: #ADA6A5;
font-weight: 400;
text-transform: uppercase;
margin-bottom: 16px;
}

.footer-nav-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 8px;
}

.footer-nav-list li a {
font-family: 'Spectral', Georgia, serif;
font-size: 16px;
line-height: 1.7;
color: #E3E3E4;
text-decoration: none;
letter-spacing: 0.01em;
display: inline-block;
position: relative;
transition: color 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.footer-nav-list li a:hover {
color: #ADA6A5;
}

.footer-nav-list li a:focus-visible {
outline: 3px solid #ADA6A5;
outline-offset: 2px;
border-radius: 2px;
font-weight: 700;
}

.footer-contact-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 8px;
}

.footer-contact-list li {
display: flex;
align-items: flex-start;
gap: 8px;
}

.fcontact-icon {
width: 18px;
height: 18px;
flex-shrink: 0;
color: #ADA6A5;
margin-top: 2px;
}

.fcontact-text {
font-family: 'Spectral', Georgia, serif;
font-size: 16px;
line-height: 1.7;
color: #E3E3E4;
letter-spacing: 0.01em;
}

.fcontact-link {
font-family: 'Spectral', Georgia, serif;
font-size: 16px;
line-height: 1.7;
color: #E3E3E4;
text-decoration: none;
letter-spacing: 0.01em;
transition: color 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.fcontact-link:hover {
color: #ADA6A5;
}

.fcontact-link:focus-visible {
outline: 3px solid #ADA6A5;
outline-offset: 2px;
border-radius: 2px;
font-weight: 700;
}

.footer-logo-row {
max-width: 1200px;
margin: 0 auto;
padding: 32px 32px 0;
}

.footer-logo-rule {
border: none;
border-top: 1px solid rgba(173, 166, 165, 0.25);
margin: 0 0 32px;
}

.footer-brand-block {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 32px;
}

.footer-mark {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border: 1px solid rgba(173, 166, 165, 0.4);
border-radius: 2px 24px 2px 2px;
background: rgba(255, 255, 255, 0.08);
box-shadow: 2px 1px 3px 0 rgba(106, 115, 115, 0.07);
flex-shrink: 0;
overflow: hidden;
padding: 4px;
}

.footer-mark img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}

.footer-brand-name {
font-family: 'Spectral', Georgia, serif;
font-size: 19px;
font-style: italic;
font-weight: 700;
line-height: 1.15;
letter-spacing: -0.01em;
color: #E3E3E4;
}

.footer-bottom-strip {
background: rgba(0, 0, 0, 0.18);
border-top: 1px solid rgba(173, 166, 165, 0.15);
}

.footer-bottom-inner {
max-width: 1200px;
margin: 0 auto;
padding: 16px 32px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
flex-wrap: wrap;
}

.footer-legal-nav {
display: flex;
align-items: center;
gap: 16px;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0;
}

.footer-legal-nav li a {
font-family: 'Spectral', Georgia, serif;
font-size: 16px;
line-height: 1.45;
color: #ADA6A5;
text-decoration: none;
letter-spacing: 0.01em;
transition: color 0.45s ease-in-out;
}

.footer-legal-nav li a:hover {
color: #E3E3E4;
}

.footer-legal-nav li a:focus-visible {
outline: 3px solid #ADA6A5;
outline-offset: 2px;
border-radius: 2px;
font-weight: 700;
}

.footer-copy {
font-family: 'Spectral', Georgia, serif;
font-size: 16px;
line-height: 1.45;
color: #ADA6A5;
letter-spacing: 0.01em;
}

.cookie-toast {
position: fixed;
top: 16px;
left: 16px;
width: 320px;
background: #ffffff;
border: 1px solid rgba(173, 166, 165, 0.4);
border-radius: 2px 24px 2px 2px;
box-shadow: 2px 9px 36px 0 rgba(106, 115, 115, 0.11);
padding: 16px;
z-index: 2000;
display: none;
}

.cookie-toast-headline {
font-family: 'Spectral', Georgia, serif;
font-size: 16px;
font-weight: 700;
line-height: 1.45;
color: #2c3232;
margin-bottom: 8px;
letter-spacing: 0.01em;
}

.cookie-toast-desc {
font-family: 'Spectral', Georgia, serif;
font-size: 16px;
line-height: 1.7;
color: #3d4444;
margin-bottom: 16px;
letter-spacing: 0.01em;
}

.cookie-toast-desc a {
color: #6A7373;
text-decoration: underline;
transition: color 0.45s ease-in-out;
}

.cookie-toast-desc a:hover {
color: #2c3232;
}

.cookie-toast-desc a:focus-visible {
outline: 3px solid #6A7373;
outline-offset: 2px;
border-radius: 2px;
font-weight: 700;
}

.cookie-uses-list {
margin: 8px 0 0;
padding: 0 0 0 16px;
font-family: 'Spectral', Georgia, serif;
font-size: 16px;
line-height: 1.7;
color: #3d4444;
}

.cookie-uses-list li {
margin-bottom: 4px;
}

.cookie-actions {
display: flex;
align-items: center;
gap: 16px;
}

.cookie-accept-btn {
font-family: 'Spectral', Georgia, serif;
font-size: 16px;
line-height: 1.45;
font-weight: 700;
letter-spacing: 0.02em;
color: #2c3232;
background: transparent;
border: 1px solid #6A7373;
border-radius: 2px;
padding: 8px 16px;
cursor: pointer;
position: relative;
overflow: hidden;
transition: color 0.55s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.55s cubic-bezier(0.22, 1, 0.36, 1);
min-height: 44px;
}

.cookie-accept-btn::before {
content: '';
position: absolute;
inset: 0;
background: #6A7373;
transform: translateX(-100%);
transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
z-index: 0;
}

.cookie-accept-btn:hover {
color: #ffffff;
border-color: #6A7373;
}

.cookie-accept-btn:hover::before {
transform: translateX(0);
}

.cookie-accept-btn:focus-visible {
outline: 3px solid #6A7373;
outline-offset: 2px;
font-weight: 700;
}

.cookie-accept-btn span {
position: relative;
z-index: 1;
}

.cookie-decline-link {
font-family: 'Spectral', Georgia, serif;
font-size: 16px;
line-height: 1.45;
color: #6A7373;
background: none;
border: none;
padding: 4px 0;
cursor: pointer;
text-decoration: underline;
letter-spacing: 0.01em;
transition: color 0.45s ease-in-out;
min-height: 44px;
display: inline-flex;
align-items: center;
}

.cookie-decline-link:hover {
color: #2c3232;
}

.cookie-decline-link:focus-visible {
outline: 3px solid #6A7373;
outline-offset: 2px;
border-radius: 2px;
font-weight: 700;
}

@media (max-width: 900px) {
.header-upper {
padding: 16px;
flex-wrap: wrap;
gap: 16px;
}

.header-contact-strip {
gap: 8px;
}

.hcontact-item span {
display: none;
}

.header-lower-inner {
padding: 0 16px;
}

.primary-nav li a {
padding: 16px 8px;
font-size: 16px;
}

.footer-body {
grid-template-columns: 1fr 1fr;
padding: 32px 16px 0;
}

.footer-logo-row {
padding: 32px 16px 0;
}

.footer-bottom-inner {
padding: 16px;
flex-direction: column;
align-items: flex-start;
}
}

@media (max-width: 600px) {
.header-upper {
padding: 16px;
}

.primary-nav {
flex-direction: column;
}

.primary-nav li {
width: 100%;
}

.primary-nav li a {
padding: 16px 8px;
width: 100%;
}

.primary-nav li a::after {
left: 8px;
right: 8px;
}

.footer-body {
grid-template-columns: 1fr;
}

.footer-legal-nav {
flex-direction: column;
gap: 8px;
}

.cookie-toast {
width: calc(100vw - 32px);
top: 16px;
left: 16px;
}
}

.policy-box {
max-width: 1200px;
margin: 0 auto;
padding: 32px;
color: #2c2c2c;
line-height: 1.7;
font-size: 16px;
}

.policy-box h1 {
font-size: 42px;
line-height: 1.15;
letter-spacing: -0.02em;
color: #1e2424;
margin-bottom: 32px;
margin-top: 0;
padding-bottom: 16px;
border-bottom: 2px solid #E3E3E4;
}

.policy-box h2 {
font-size: 30px;
line-height: 1.15;
letter-spacing: -0.01em;
color: #252b2b;
margin-top: 32px;
margin-bottom: 16px;
padding-top: 16px;
}

.policy-box h3 {
font-size: 23px;
line-height: 1.45;
letter-spacing: -0.005em;
color: #2e3535;
margin-top: 32px;
margin-bottom: 8px;
}

.policy-box h4 {
font-size: 19px;
line-height: 1.45;
letter-spacing: 0;
color: #3a4040;
margin-top: 16px;
margin-bottom: 8px;
}

.policy-box h5 {
font-size: 16px;
line-height: 1.45;
letter-spacing: 0.01em;
color: #4a5252;
margin-top: 16px;
margin-bottom: 8px;
text-transform: uppercase;
}

.policy-box h6 {
font-size: 16px;
line-height: 1.45;
letter-spacing: 0.02em;
color: #6A7373;
margin-top: 16px;
margin-bottom: 8px;
font-style: italic;
}

.policy-box ul,
.policy-box ol {
margin-top: 8px;
margin-bottom: 16px;
padding-left: 32px;
}

.policy-box ul ul,
.policy-box ol ol,
.policy-box ul ol,
.policy-box ol ul {
margin-top: 4px;
margin-bottom: 4px;
}

.policy-box li {
font-size: 16px;
line-height: 1.7;
color: #2c2c2c;
margin-bottom: 8px;
padding-left: 4px;
}

.policy-box ul li {
list-style-type: disc;
}

.policy-box ul li li {
list-style-type: circle;
}

.policy-box ol li {
list-style-type: decimal;
}

.policy-box ol li li {
list-style-type: lower-alpha;
}

.policy-box em,
.policy-box i {
font-style: italic;
color: #4d5555;
}

.policy-box a {
color: #6A7373;
text-decoration: underline;
text-decoration-color: #ADA6A5;
text-underline-offset: 3px;
transition: color 0.5s cubic-bezier(0.22, 1, 0.36, 1), text-decoration-color 0.45s ease-in-out;
border-radius: 2px;
}

.policy-box a:hover {
color: #3a4040;
text-decoration-color: #6A7373;
}

.policy-box a:focus-visible {
outline: 2px solid #6A7373;
outline-offset: 2px;
border-radius: 2px;
}

.policy-box hr {
border: none;
border-top: 1px solid #E3E3E4;
margin-top: 32px;
margin-bottom: 32px;
height: 0;
}

.policy-box div {
margin-bottom: 16px;
}

.policy-box div.policy-note {
background-color: #f5f5f5;
border-left: 4px solid #ADA6A5;
border-radius: 2px;
padding: 16px;
margin-top: 16px;
margin-bottom: 16px;
font-size: 16px;
line-height: 1.7;
color: #3a4040;
box-shadow: 2px 1px 3px 0 rgba(106, 115, 115, 0.07);
}

@media (max-width: 900px) {
.policy-box {
padding: 32px 16px;
}

.policy-box h1 {
font-size: 30px;
}

.policy-box h2 {
font-size: 23px;
}

.policy-box h3 {
font-size: 19px;
}
}

@media (max-width: 600px) {
.policy-box {
padding: 16px;
}

.policy-box h1 {
font-size: 23px;
margin-bottom: 16px;
padding-bottom: 8px;
}

.policy-box h2 {
font-size: 19px;
margin-top: 16px;
}

.policy-box h3 {
font-size: 16px;
margin-top: 16px;
}

.policy-box ul,
.policy-box ol {
padding-left: 16px;
}

.policy-box hr {
margin-top: 16px;
margin-bottom: 16px;
}
}

.anlt-det {
background: #fff;
overflow-x: clip;
padding: 0;
}

.anlt-det .read-bar {
position: fixed;
top: 0;
left: 0;
width: 0%;
height: 3px;
background: linear-gradient(143deg, #6A7373, #ADA6A5);
z-index: 100;
transition: width 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

.anlt-det .art-lead {
max-width: 1200px;
margin: 0 auto;
padding: 32px 32px 0 32px;
display: grid;
grid-template-columns: 1fr 420px;
gap: 32px;
align-items: start;
}

.anlt-det .art-meta-top {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
margin-bottom: 16px;
flex-wrap: wrap;
}

.anlt-det .cat-tag {
display: inline-block;
padding: 4px 16px;
border: 1.5px solid #6A7373;
border-radius: 2px;
font-size: 16px;
color: #6A7373;
letter-spacing: 0.08em;
text-transform: uppercase;
background: transparent;
transition: background 0.5s cubic-bezier(0.22, 1, 0.36, 1), color 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.anlt-det .cat-tag:hover {
background: #6A7373;
color: #fff;
}

.anlt-det .read-time {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
font-size: 16px;
color: #ADA6A5;
letter-spacing: 0.04em;
}

.anlt-det .read-time svg {
flex-shrink: 0;
}

.anlt-det .art-h1 {
font-size: 58px;
line-height: 1.15;
letter-spacing: -0.03em;
color: transparent;
-webkit-text-stroke: 1.5px #2c3333;
text-stroke: 1.5px #2c3333;
margin-bottom: 16px;
word-break: break-word;
}

.anlt-det .art-byline {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
margin-bottom: 32px;
}

.anlt-det .author-name {
font-size: 16px;
color: #3a3f3f;
letter-spacing: 0.02em;
}

.anlt-det .like-pill {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
padding: 4px 16px;
border-radius: 24px;
background: #E3E3E4;
font-size: 16px;
color: #3a3f3f;
}

.anlt-det .img-frame {
position: relative;
border-radius: 24px;
overflow: hidden;
aspect-ratio: 1/1;
box-shadow: 2px 9px 36px 0 rgba(106, 115, 115, 0.11);
}

.anlt-det .img-frame img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

.anlt-det .img-frame:hover img {
transform: scale(1.04);
}

.anlt-det .img-glow {
position: absolute;
inset: 0;
background: linear-gradient(143deg, rgba(106, 115, 115, 0.18), rgba(173, 166, 165, 0.12));
pointer-events: none;
border-radius: 24px;
}

.anlt-det .blob-bg {
position: absolute;
border-radius: 24px;
filter: blur(48px);
pointer-events: none;
z-index: 0;
}

.anlt-det .blob-1 {
width: 260px;
height: 260px;
background: rgba(106, 115, 115, 0.13);
top: -32px;
right: -32px;
}

.anlt-det .blob-2 {
width: 180px;
height: 180px;
background: rgba(173, 166, 165, 0.15);
bottom: 16px;
left: -16px;
}

.anlt-det .art-lead-left {
position: relative;
z-index: 1;
}

.anlt-det .art-lead-right {
position: relative;
}

.anlt-det .art-body-wrap {
max-width: 1200px;
margin: 0 auto;
padding: 32px;
display: grid;
grid-template-columns: 1fr 280px;
gap: 32px;
align-items: start;
}

.anlt-det .art-body {
font-size: 19px;
line-height: 1.7;
color: #2c3333;
}

.anlt-det .art-body p {
margin-bottom: 16px;
}

.anlt-det .art-body h2 {
font-size: 30px;
line-height: 1.45;
letter-spacing: -0.02em;
color: transparent;
-webkit-text-stroke: 1.2px #2c3333;
text-stroke: 1.2px #2c3333;
margin-bottom: 16px;
margin-top: 32px;
}

.anlt-det .art-body h3 {
font-size: 23px;
line-height: 1.45;
letter-spacing: -0.01em;
color: #2c3333;
margin-bottom: 8px;
margin-top: 32px;
}

.anlt-det .art-body code {
background: #E3E3E4;
border-radius: 2px;
padding: 4px 8px;
font-size: 16px;
color: #3a3f3f;
}

.anlt-det .art-body abbr {
text-decoration: underline dotted #ADA6A5;
cursor: help;
}

.anlt-det .art-body ul {
list-style: none;
padding: 0;
margin-bottom: 16px;
}

.anlt-det .art-body ul li {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 8px;
font-size: 19px;
line-height: 1.7;
color: #2c3333;
margin-bottom: 8px;
padding-left: 0;
}

.anlt-det .art-body ul li::before {
content: '';
display: block;
width: 6px;
height: 6px;
border-radius: 2px;
background: #6A7373;
margin-top: 10px;
flex-shrink: 0;
}

.anlt-det .art-body table {
width: 100%;
border-collapse: collapse;
margin-bottom: 16px;
font-size: 16px;
}

.anlt-det .art-body table caption {
font-size: 16px;
color: #ADA6A5;
text-align: left;
margin-bottom: 8px;
letter-spacing: 0.03em;
}

.anlt-det .art-body table td {
padding: 8px 16px;
border-bottom: 1px solid #E3E3E4;
color: #2c3333;
line-height: 1.45;
}

.anlt-det .art-body table tr:first-child td {
font-size: 16px;
color: #6A7373;
letter-spacing: 0.04em;
border-bottom: 1.5px solid #ADA6A5;
}

.anlt-det .art-sidebar {
position: sticky;
top: 32px;
display: flex;
flex-direction: column;
gap: 16px;
}

.anlt-det .sidebar-card {
background: #fff;
border-radius: 24px;
padding: 16px;
box-shadow: 2px 7px 20px 0 rgba(106, 115, 115, 0.08);
}

.anlt-det .sidebar-card-label {
font-size: 16px;
color: #ADA6A5;
letter-spacing: 0.06em;
text-transform: uppercase;
margin-bottom: 8px;
}

.anlt-det .copy-url-btn {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
width: 100%;
padding: 8px 16px;
border-radius: 2px;
border: 1.5px solid #6A7373;
background: transparent;
color: #6A7373;
font-size: 16px;
cursor: pointer;
letter-spacing: 0.03em;
position: relative;
overflow: hidden;
transition: color 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}

.anlt-det .copy-url-btn::before {
content: '';
position: absolute;
left: -100%;
top: 0;
width: 100%;
height: 100%;
background: #6A7373;
transition: left 0.5s cubic-bezier(0.22, 1, 0.36, 1);
z-index: 0;
}

.anlt-det .copy-url-btn:hover::before {
left: 0;
}

.anlt-det .copy-url-btn:hover {
color: #fff;
}

.anlt-det .copy-url-btn span,
.anlt-det .copy-url-btn svg {
position: relative;
z-index: 1;
}

.anlt-det .copy-url-btn:focus-visible {
outline: 2px solid #6A7373;
outline-offset: 2px;
}

.anlt-det .copy-confirm {
font-size: 16px;
color: #6A7373;
display: none;
padding: 4px 0;
}

.anlt-det .copy-confirm.shown {
display: block;
}

.anlt-det .reactions-wrap {
display: flex;
flex-direction: column;
gap: 8px;
}

.anlt-det .reactions-wrap .react-label {
font-size: 16px;
color: #ADA6A5;
letter-spacing: 0.06em;
text-transform: uppercase;
margin-bottom: 4px;
}

.anlt-det .react-options {
display: flex;
flex-direction: column;
gap: 8px;
}

.anlt-det .react-item {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
}

.anlt-det .react-item input[type="radio"] {
position: absolute;
opacity: 0;
width: 0;
height: 0;
pointer-events: none;
}

.anlt-det .react-item label {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
cursor: pointer;
padding: 8px 16px;
border-radius: 24px;
border: 1.5px solid #E3E3E4;
font-size: 16px;
color: #3a3f3f;
width: 100%;
transition: border-color 0.45s cubic-bezier(0.22, 1, 0.36, 1), background 0.45s cubic-bezier(0.22, 1, 0.36, 1), color 0.45s cubic-bezier(0.22, 1, 0.36, 1);
user-select: none;
}

.anlt-det .react-item input[type="radio"]:checked+label {
border-color: #6A7373;
background: linear-gradient(143deg, rgba(106, 115, 115, 0.10), rgba(173, 166, 165, 0.10));
color: #2c3333;
}

.anlt-det .react-item label:hover {
border-color: #ADA6A5;
background: rgba(227, 227, 228, 0.4);
}

.anlt-det .react-icon {
width: 20px;
height: 20px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
}

.anlt-det .react-dot {
width: 12px;
height: 12px;
border-radius: 2px;
border: 1.5px solid #6A7373;
flex-shrink: 0;
transition: background 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

.anlt-det .react-item input[type="radio"]:checked+label .react-dot {
background: #6A7373;
}

.anlt-det .like-stat {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
padding: 8px 0;
}

.anlt-det .like-count-big {
font-size: 42px;
line-height: 1.15;
letter-spacing: -0.03em;
color: transparent;
-webkit-text-stroke: 1.5px #6A7373;
text-stroke: 1.5px #6A7373;
}

.anlt-det .like-count-label {
font-size: 16px;
color: #ADA6A5;
line-height: 1.45;
max-width: 80px;
}

.anlt-det .ring-wrap {
position: relative;
width: 56px;
height: 56px;
flex-shrink: 0;
}

.anlt-det .ring-wrap svg {
width: 56px;
height: 56px;
transform: rotate(-90deg);
}

.anlt-det .ring-bg {
fill: none;
stroke: #E3E3E4;
stroke-width: 4;
}

.anlt-det .ring-fill {
fill: none;
stroke: url(#ring-grad);
stroke-width: 4;
stroke-linecap: round;
stroke-dasharray: 138;
stroke-dashoffset: 34;
transition: stroke-dashoffset 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.anlt-det .word-reveal {
display: inline;
}

.anlt-det .word-reveal .wr {
display: inline-block;
opacity: 0;
transform: translateY(18px);
animation: wordUp 0.55s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@keyframes wordUp {
to {
opacity: 1;
transform: translateY(0);
}
}

.anlt-det .wr:nth-child(1) {
animation-delay: 0.05s;
}

.anlt-det .wr:nth-child(2) {
animation-delay: 0.13s;
}

.anlt-det .wr:nth-child(3) {
animation-delay: 0.21s;
}

.anlt-det .wr:nth-child(4) {
animation-delay: 0.29s;
}

.anlt-det .wr:nth-child(5) {
animation-delay: 0.37s;
}

.anlt-det .wr:nth-child(6) {
animation-delay: 0.45s;
}

.anlt-det .wr:nth-child(7) {
animation-delay: 0.53s;
}

.anlt-det .wr:nth-child(8) {
animation-delay: 0.61s;
}

.anlt-det .wr:nth-child(9) {
animation-delay: 0.69s;
}

.anlt-det .wr:nth-child(10) {
animation-delay: 0.77s;
}

.anlt-det .divider-geo {
max-width: 1200px;
margin: 0 auto;
padding: 0 32px;
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
}

.anlt-det .divider-geo .geo-line {
flex: 1;
height: 1px;
background: linear-gradient(143deg, #E3E3E4, #ADA6A5);
}

.anlt-det .divider-geo .geo-shape {
width: 8px;
height: 8px;
border-radius: 2px;
border: 1.5px solid #ADA6A5;
transform: rotate(45deg);
flex-shrink: 0;
}

.anlt-det .geo-repeat {
display: flex;
flex-direction: row;
gap: 8px;
align-items: center;
}

.anlt-det .geo-repeat .geo-shape {
opacity: 0.5;
}

.anlt-det .geo-repeat .geo-shape:first-child {
opacity: 1;
}

.anlt-det .expand-mask-wrap {
max-width: 1200px;
margin: 32px auto 0 auto;
padding: 0 32px 32px 32px;
background: linear-gradient(143deg, rgba(106, 115, 115, 0.06), rgba(173, 166, 165, 0.08));
border-radius: 24px;
}

.anlt-det .expand-mask-inner {
padding: 32px 0 0 0;
}

.anlt-det .expand-label {
font-size: 16px;
color: #ADA6A5;
letter-spacing: 0.07em;
text-transform: uppercase;
margin-bottom: 8px;
}

.anlt-det .expand-heading {
font-size: 30px;
line-height: 1.45;
letter-spacing: -0.02em;
color: transparent;
-webkit-text-stroke: 1px #2c3333;
text-stroke: 1px #2c3333;
margin-bottom: 16px;
}

.anlt-det .links-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
}

.anlt-det .pg-link {
display: flex;
flex-direction: column;
gap: 8px;
padding: 16px;
border-radius: 24px;
border: 1.5px solid #E3E3E4;
text-decoration: none;
color: #2c3333;
background: #fff;
position: relative;
overflow: hidden;
transition: border-color 0.5s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.5s cubic-bezier(0.22, 1, 0.36, 1);
box-shadow: 2px 1px 3px 0 rgba(106, 115, 115, 0.07);
}

.anlt-det .pg-link::after {
content: '';
position: absolute;
left: 50%;
top: 50%;
width: 0;
height: 0;
border-radius: 50%;
background: rgba(106, 115, 115, 0.07);
transform: translate(-50%, -50%);
transition: width 0.65s cubic-bezier(0.22, 1, 0.36, 1), height 0.65s cubic-bezier(0.22, 1, 0.36, 1);
pointer-events: none;
}

.anlt-det .pg-link:hover::after {
width: 300px;
height: 300px;
}

.anlt-det .pg-link:hover {
border-color: #ADA6A5;
box-shadow: 2px 7px 20px 0 rgba(106, 115, 115, 0.08);
}

.anlt-det .pg-link:focus-visible {
outline: 2px solid #6A7373;
outline-offset: 2px;
}

.anlt-det .pg-link-icon {
width: 32px;
height: 32px;
border-radius: 2px;
background: linear-gradient(143deg, #6A7373, #ADA6A5);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}

.anlt-det .pg-link-name {
font-size: 16px;
line-height: 1.45;
color: #2c3333;
letter-spacing: 0.01em;
}

.anlt-det .pg-link-arrow {
margin-top: auto;
font-size: 16px;
color: #ADA6A5;
letter-spacing: 0.04em;
transition: letter-spacing 0.5s cubic-bezier(0.22, 1, 0.36, 1), color 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.anlt-det .pg-link:hover .pg-link-arrow {
letter-spacing: 0.12em;
color: #6A7373;
}

@media (max-width: 900px) {
.anlt-det .art-lead {
grid-template-columns: 1fr;
gap: 16px;
padding: 16px 16px 0 16px;
}

.anlt-det .art-lead-right {
max-width: 360px;
}

.anlt-det .art-h1 {
font-size: 42px;
}

.anlt-det .art-body-wrap {
grid-template-columns: 1fr;
padding: 16px;
gap: 16px;
}

.anlt-det .art-sidebar {
position: static;
}

.anlt-det .links-grid {
grid-template-columns: repeat(2, 1fr);
}

.anlt-det .expand-mask-wrap {
margin: 16px;
padding: 0 16px 16px 16px;
}
}

@media (max-width: 600px) {
.anlt-det .art-h1 {
font-size: 30px;
}

.anlt-det .links-grid {
grid-template-columns: 1fr;
}

.anlt-det .art-lead {
padding: 8px 8px 0 8px;
}

.anlt-det .art-body-wrap {
padding: 8px;
}

.anlt-det .divider-geo {
padding: 0 8px;
}

.anlt-det .expand-mask-wrap {
margin: 8px;
padding: 0 8px 8px 8px;
}

.anlt-det .art-body {
font-size: 16px;
}

.anlt-det .art-body h2 {
font-size: 23px;
}
}

.anlx {
max-width: 1200px;
margin: 0 auto;
padding: 0 32px;
overflow: hidden;
}

.anlx .pg-band {
background: linear-gradient(143deg, #6A7373 0%, #ADA6A5 100%);
border-radius: 2px;
padding: 32px 32px 32px 32px;
margin: 32px 0;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
align-items: center;
position: relative;
}

.anlx .pg-band::before {
content: '';
position: absolute;
top: 16px;
left: 16px;
width: 28px;
height: 28px;
border-top: 2px solid rgba(255, 255, 255, 0.5);
border-left: 2px solid rgba(255, 255, 255, 0.5);
pointer-events: none;
}

.anlx .pg-band::after {
content: '';
position: absolute;
bottom: 16px;
right: 16px;
width: 28px;
height: 28px;
border-bottom: 2px solid rgba(255, 255, 255, 0.5);
border-right: 2px solid rgba(255, 255, 255, 0.5);
pointer-events: none;
}

.anlx .pg-band-text {
display: flex;
flex-direction: column;
gap: 16px;
}

.anlx .pg-band-label {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
}

.anlx .pg-band-dot {
width: 10px;
height: 10px;
border-radius: 2px;
background: #fff;
flex-shrink: 0;
}

.anlx .pg-band-cat {
font-size: 16px;
color: #fff;
letter-spacing: 0.08em;
line-height: 1.45;
}

.anlx .pg-band-h1 {
font-size: 42px;
line-height: 1.15;
letter-spacing: -0.02em;
color: #fff;
margin: 0;
-webkit-text-stroke: 1px rgba(255, 255, 255, 0.6);
text-stroke: 1px rgba(255, 255, 255, 0.6);
color: transparent;
-webkit-text-fill-color: transparent;
background: linear-gradient(143deg, #fff 40%, rgba(255, 255, 255, 0.7) 100%);
-webkit-background-clip: text;
background-clip: text;
}

.anlx .pg-band-sub {
font-size: 16px;
line-height: 1.7;
color: rgba(255, 255, 255, 0.88);
margin: 0;
}

.anlx .pg-band-img-wrap {
position: relative;
border-radius: 2px;
overflow: hidden;
aspect-ratio: 1/1;
}

.anlx .pg-band-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}

.anlx .pg-band-img-wrap::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(to right, #6A7373 0%, transparent 60%);
pointer-events: none;
}

.anlx .stat-row {
display: flex;
flex-direction: row;
gap: 32px;
padding: 32px 0;
border-top: 1px solid #E3E3E4;
border-bottom: 1px solid #E3E3E4;
margin: 32px 0;
flex-wrap: wrap;
}

.anlx .stat-item {
display: flex;
flex-direction: column;
gap: 4px;
}

.anlx .stat-num {
font-size: 42px;
line-height: 1.15;
letter-spacing: -0.03em;
color: #6A7373;
}

.anlx .stat-lbl {
font-size: 16px;
line-height: 1.45;
color: #ADA6A5;
letter-spacing: 0.04em;
}

.anlx .posts-grid {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 32px;
margin: 32px 0;
}

.anlx .post-card {
background: #fff;
border-radius: 24px;
box-shadow: 2px 7px 20px 0 rgba(106, 115, 115, 0.08);
overflow: hidden;
display: flex;
flex-direction: column;
transition: box-shadow 0.55s cubic-bezier(0.22, 1, 0.36, 1), transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.anlx .post-card:hover {
box-shadow: 2px 9px 36px 0 rgba(106, 115, 115, 0.11);
transform: translateY(-4px);
}

.anlx .post-card.featured {
grid-row: span 2;
}

.anlx .post-img-wrap {
aspect-ratio: 1/1;
overflow: hidden;
position: relative;
flex-shrink: 0;
}

.anlx .post-card.featured .post-img-wrap {
flex: 1;
aspect-ratio: unset;
min-height: 220px;
}

.anlx .post-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
}

.anlx .post-card:hover .post-img-wrap img {
transform: scale(1.04);
}

.anlx .post-body {
padding: 32px;
display: flex;
flex-direction: column;
gap: 16px;
flex: 1;
}

.anlx .post-meta-row {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}

.anlx .post-tag {
display: inline-flex;
align-items: center;
gap: 4px;
background: #E3E3E4;
color: #6A7373;
font-size: 16px;
line-height: 1.45;
padding: 4px 8px;
border-radius: 2px;
letter-spacing: 0.03em;
}

.anlx .post-tag-dot {
width: 6px;
height: 6px;
border-radius: 2px;
background: #6A7373;
flex-shrink: 0;
}

.anlx .post-readtime {
font-size: 16px;
color: #ADA6A5;
line-height: 1.45;
letter-spacing: 0.02em;
}

.anlx .post-h {
font-size: 23px;
line-height: 1.45;
letter-spacing: -0.01em;
color: #2a2e2e;
margin: 0;
}

.anlx .post-card.featured .post-h {
font-size: 30px;
line-height: 1.15;
}

.anlx .post-desc {
font-size: 16px;
line-height: 1.7;
color: #6A7373;
margin: 0;
}

.anlx .post-footer {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 16px;
margin-top: auto;
}

.anlx .post-author {
font-size: 16px;
color: #ADA6A5;
line-height: 1.45;
letter-spacing: 0.02em;
}

.anlx .post-likes {
display: flex;
flex-direction: row;
align-items: center;
gap: 4px;
color: #ADA6A5;
font-size: 16px;
line-height: 1.45;
}

.anlx .post-likes svg {
width: 16px;
height: 16px;
flex-shrink: 0;
}

.anlx .post-link {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 16px;
line-height: 1.45;
color: #6A7373;
text-decoration: none;
letter-spacing: 0.02em;
border-bottom: 1px solid #ADA6A5;
padding-bottom: 2px;
transition: letter-spacing 0.45s cubic-bezier(0.22, 1, 0.36, 1), color 0.5s ease-in-out, border-color 0.5s ease-in-out;
}

.anlx .post-link:hover {
letter-spacing: 0.07em;
color: #2a2e2e;
border-color: #6A7373;
}

.anlx .post-link:focus-visible {
outline: 2px solid #6A7373;
outline-offset: 4px;
border-radius: 2px;
}

.anlx .cards-side {
display: flex;
flex-direction: column;
gap: 32px;
}

.anlx .post-card.compact {
flex-direction: row;
align-items: stretch;
}

.anlx .post-card.compact .post-img-wrap {
width: 120px;
min-width: 120px;
aspect-ratio: 1/1;
flex-shrink: 0;
}

.anlx .post-card.compact .post-body {
padding: 16px;
gap: 8px;
}

.anlx .post-card.compact .post-h {
font-size: 19px;
line-height: 1.45;
}

.anlx .matrix-section {
background: linear-gradient(143deg, rgba(106, 115, 115, 0.06) 0%, rgba(173, 166, 165, 0.10) 100%);
border-radius: 24px;
padding: 32px;
margin: 32px 0;
}

.anlx .matrix-head {
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 32px;
}

.anlx .matrix-h2 {
font-size: 30px;
line-height: 1.15;
letter-spacing: -0.02em;
color: transparent;
-webkit-text-stroke: 1.5px #6A7373;
text-stroke: 1.5px #6A7373;
margin: 0;
}

.anlx .matrix-sub {
font-size: 16px;
line-height: 1.7;
color: #6A7373;
margin: 0;
}

.anlx .matrix-table {
width: 100%;
border-collapse: collapse;
}

.anlx .matrix-table th {
font-size: 16px;
line-height: 1.45;
color: #6A7373;
letter-spacing: 0.04em;
text-align: left;
padding: 8px 16px;
border-bottom: 2px solid #E3E3E4;
background: transparent;
}

.anlx .matrix-table td {
font-size: 16px;
line-height: 1.45;
color: #2a2e2e;
padding: 16px;
border-bottom: 1px solid #E3E3E4;
vertical-align: middle;
}

.anlx .matrix-table tr:last-child td {
border-bottom: none;
}

.anlx .matrix-table tr {
transition: background 0.45s ease-in-out;
}

.anlx .matrix-table tr:hover td {
background: rgba(106, 115, 115, 0.04);
}

.anlx .ind {
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
border-radius: 2px;
}

.anlx .ind.yes {
background: #6A7373;
}

.anlx .ind.partial {
background: #ADA6A5;
}

.anlx .ind.no {
background: #E3E3E4;
}

.anlx .ind svg {
width: 14px;
height: 14px;
}

.anlx .three-col {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 16px;
margin: 32px 0;
}

.anlx .col-card {
border-radius: 24px;
padding: 32px;
display: flex;
flex-direction: column;
gap: 16px;
}

.anlx .col-card.col-a {
background: #6A7373;
color: #fff;
}

.anlx .col-card.col-b {
background: #E3E3E4;
color: #2a2e2e;
}

.anlx .col-card.col-c {
background: #2a2e2e;
color: #E3E3E4;
}

.anlx .col-card-icon {
width: 40px;
height: 40px;
border-radius: 2px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}

.anlx .col-card.col-a .col-card-icon {
background: rgba(255, 255, 255, 0.15);
}

.anlx .col-card.col-b .col-card-icon {
background: rgba(106, 115, 115, 0.15);
}

.anlx .col-card.col-c .col-card-icon {
background: rgba(173, 166, 165, 0.15);
}

.anlx .col-card-icon svg {
width: 22px;
height: 22px;
}

.anlx .col-h {
font-size: 19px;
line-height: 1.45;
letter-spacing: -0.01em;
margin: 0;
}

.anlx .col-card.col-a .col-h {
color: #fff;
}

.anlx .col-card.col-b .col-h {
color: #2a2e2e;
}

.anlx .col-card.col-c .col-h {
color: #E3E3E4;
}

.anlx .col-p {
font-size: 16px;
line-height: 1.7;
margin: 0;
}

.anlx .col-card.col-a .col-p {
color: rgba(255, 255, 255, 0.85);
}

.anlx .col-card.col-b .col-p {
color: #6A7373;
}

.anlx .col-card.col-c .col-p {
color: #ADA6A5;
}

.anlx .mesh-section {
border-radius: 24px;
background: linear-gradient(143deg, #6A7373 0%, #ADA6A5 50%, #E3E3E4 100%);
padding: 32px;
margin: 32px 0;
position: relative;
overflow: hidden;
}

.anlx .mesh-section::before {
content: '';
position: absolute;
top: -40px;
right: -40px;
width: 220px;
height: 220px;
background: radial-gradient(ellipse at 70% 30%, rgba(255, 255, 255, 0.18) 0%, transparent 70%);
pointer-events: none;
}

.anlx .mesh-inner {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
align-items: center;
position: relative;
z-index: 1;
}

.anlx .mesh-text {
display: flex;
flex-direction: column;
gap: 16px;
}

.anlx .mesh-h2 {
font-size: 30px;
line-height: 1.15;
letter-spacing: -0.02em;
color: #fff;
margin: 0;
}

.anlx .mesh-p {
font-size: 16px;
line-height: 1.7;
color: rgba(255, 255, 255, 0.88);
margin: 0;
}

.anlx .mesh-sub-grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto;
gap: 16px;
}

.anlx .mesh-item {
background: rgba(255, 255, 255, 0.15);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
border-radius: 2px;
padding: 16px;
display: flex;
flex-direction: column;
gap: 8px;
}

.anlx .mesh-item-num {
font-size: 30px;
line-height: 1.15;
letter-spacing: -0.02em;
color: #fff;
}

.anlx .mesh-item-lbl {
font-size: 16px;
line-height: 1.45;
color: rgba(255, 255, 255, 0.8);
}

.anlx .cta-strip {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 32px;
padding: 32px;
border-radius: 2px;
border: 1px solid #E3E3E4;
margin: 32px 0;
flex-wrap: wrap;
}

.anlx .cta-strip-text {
display: flex;
flex-direction: column;
gap: 8px;
}

.anlx .cta-strip-h {
font-size: 23px;
line-height: 1.45;
letter-spacing: -0.01em;
color: #2a2e2e;
margin: 0;
}

.anlx .cta-strip-p {
font-size: 16px;
line-height: 1.7;
color: #6A7373;
margin: 0;
}

.anlx .btn-ghost {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 16px;
line-height: 1.45;
color: #6A7373;
background: transparent;
border: 1px solid #6A7373;
border-radius: 2px;
padding: 16px 32px;
cursor: pointer;
text-decoration: none;
letter-spacing: 0.03em;
position: relative;
overflow: hidden;
transition: color 0.5s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.5s ease-in-out;
white-space: nowrap;
flex-shrink: 0;
}

.anlx .btn-ghost::before {
content: '';
position: absolute;
inset: 0;
background: #6A7373;
transform: translateX(-100%);
transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
z-index: 0;
}

.anlx .btn-ghost:hover::before {
transform: translateX(0);
}

.anlx .btn-ghost:hover {
color: #fff;
}

.anlx .btn-ghost span {
position: relative;
z-index: 1;
}

.anlx .btn-ghost:focus-visible {
outline: 2px solid #6A7373;
outline-offset: 4px;
}

.anlx .seq-list {
display: flex;
flex-direction: column;
gap: 16px;
margin: 0;
padding: 0;
list-style: none;
}

.anlx .seq-item {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
opacity: 0;
transform: translateY(16px);
animation: seq-in 0.55s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.anlx .seq-item:nth-child(1) {
animation-delay: 0.1s;
}

.anlx .seq-item:nth-child(2) {
animation-delay: 0.22s;
}

.anlx .seq-item:nth-child(3) {
animation-delay: 0.34s;
}

.anlx .seq-item:nth-child(4) {
animation-delay: 0.46s;
}

@keyframes seq-in {
to {
opacity: 1;
transform: translateY(0);
}
}

.anlx .seq-icon {
width: 32px;
height: 32px;
border-radius: 2px;
background: #E3E3E4;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}

.anlx .seq-icon svg {
width: 18px;
height: 18px;
}

.anlx .seq-text {
display: flex;
flex-direction: column;
gap: 4px;
}

.anlx .seq-h {
font-size: 19px;
line-height: 1.45;
letter-spacing: -0.01em;
color: #2a2e2e;
margin: 0;
}

.anlx .seq-p {
font-size: 16px;
line-height: 1.7;
color: #6A7373;
margin: 0;
}

.anlx .about-section {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
margin: 32px 0;
align-items: start;
}

.anlx .about-left {
display: flex;
flex-direction: column;
gap: 16px;
}

.anlx .about-h2 {
font-size: 30px;
line-height: 1.15;
letter-spacing: -0.02em;
color: transparent;
-webkit-text-stroke: 1.5px #2a2e2e;
text-stroke: 1.5px #2a2e2e;
margin: 0;
}

.anlx .about-p {
font-size: 16px;
line-height: 1.7;
color: #6A7373;
margin: 0;
}

.anlx .about-right {
display: flex;
flex-direction: column;
gap: 16px;
}

.anlx .cycling-bg {
border-radius: 24px;
padding: 32px;
animation: bg-cycle 6s ease-in-out infinite;
display: flex;
flex-direction: column;
gap: 16px;
}

@keyframes bg-cycle {

0%,
100% {
background: rgba(106, 115, 115, 0.08);
}

50% {
background: rgba(173, 166, 165, 0.14);
}
}

.anlx .cycling-h {
font-size: 19px;
line-height: 1.45;
letter-spacing: -0.01em;
color: #2a2e2e;
margin: 0;
}

.anlx .cycling-p {
font-size: 16px;
line-height: 1.7;
color: #6A7373;
margin: 0;
}

@media (max-width: 900px) {
.anlx .posts-grid {
grid-template-columns: 1fr;
}

.anlx .post-card.featured {
grid-row: auto;
}

.anlx .cards-side {
flex-direction: row;
flex-wrap: wrap;
}

.anlx .cards-side .post-card {
flex: 1 1 280px;
flex-direction: column;
}

.anlx .cards-side .post-card .post-img-wrap {
width: 100%;
min-width: unset;
aspect-ratio: 1/1;
}

.anlx .three-col {
grid-template-columns: 1fr 1fr;
}

.anlx .mesh-inner {
grid-template-columns: 1fr;
}

.anlx .about-section {
grid-template-columns: 1fr;
}

.anlx .pg-band {
grid-template-columns: 1fr;
}

.anlx .pg-band-img-wrap {
display: none;
}
}

@media (max-width: 600px) {
.anlx {
padding: 0 16px;
}

.anlx .three-col {
grid-template-columns: 1fr;
}

.anlx .stat-row {
gap: 16px;
}

.anlx .pg-band {
padding: 32px 16px;
}

.anlx .matrix-table th,
.anlx .matrix-table td {
padding: 8px;
font-size: 16px;
}

.anlx .mesh-sub-grid {
grid-template-columns: 1fr;
}

.anlx .cta-strip {
flex-direction: column;
align-items: flex-start;
}

.anlx .post-card.compact {
flex-direction: column;
}

.anlx .post-card.compact .post-img-wrap {
width: 100%;
min-width: unset;
}
}

.cont-pg {
max-width: 100%;
overflow-x: hidden;
}

.cont-pg .pg-reveal {
animation: clipReveal 0.65s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes clipReveal {
from {
clip-path: inset(0 0 100% 0);
}

to {
clip-path: inset(0 0 0% 0);
}
}

.cont-pg .top-strip {
background: #fff;
padding: 32px 32px 32px 32px;
}

.cont-pg .top-strip-inner {
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-direction: row;
align-items: flex-end;
gap: 32px;
}

.cont-pg .top-text-col {
flex: 1 1 0;
display: flex;
flex-direction: column;
gap: 16px;
}

.cont-pg .top-label {
font-size: 16px;
line-height: 1.45;
letter-spacing: 0.12em;
color: #ADA6A5;
text-transform: uppercase;
}

.cont-pg .top-heading {
font-size: 58px;
line-height: 1.15;
letter-spacing: -0.02em;
color: #1d2020;
font-weight: 800;
-webkit-text-stroke: 1.5px #6A7373;
color: transparent;
margin: 0;
}

.cont-pg .top-subtext {
font-size: 19px;
line-height: 1.7;
color: #3a3f3f;
max-width: 520px;
margin: 0;
}

.cont-pg .top-stat-col {
flex: 0 0 auto;
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 8px;
padding-bottom: 8px;
}

.cont-pg .stat-big {
font-size: 72px;
line-height: 1.15;
letter-spacing: -0.03em;
font-weight: 900;
color: #6A7373;
}

.cont-pg .stat-big sup {
font-size: 23px;
letter-spacing: 0;
vertical-align: super;
color: #ADA6A5;
font-weight: 600;
}

.cont-pg .stat-label {
font-size: 16px;
line-height: 1.45;
color: #ADA6A5;
letter-spacing: 0.06em;
text-align: right;
}

.cont-pg .top-geo-row {
display: flex;
flex-direction: row;
gap: 32px;
flex-wrap: wrap;
margin-top: 8px;
}

.cont-pg .geo-item {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
font-size: 16px;
line-height: 1.45;
color: #4a5050;
}

.cont-pg .geo-icon {
width: 18px;
height: 18px;
flex-shrink: 0;
}

.cont-pg .geo-item a {
color: #4a5050;
text-decoration: none;
letter-spacing: 0.01em;
transition: letter-spacing 0.55s cubic-bezier(0.22, 1, 0.36, 1), color 0.45s ease-in-out;
}

.cont-pg .geo-item a:hover {
letter-spacing: 0.06em;
color: #6A7373;
}

.cont-pg .geo-item a:focus-visible {
outline: 2px solid #6A7373;
outline-offset: 2px;
border-radius: 2px;
}

.cont-pg .deco-rects {
position: absolute;
top: 16px;
right: 16px;
pointer-events: none;
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 6px;
}

.cont-pg .deco-rect {
border: 1px solid #ADA6A5;
opacity: 0.18;
border-radius: 2px;
}

.cont-pg .form-band {
background: linear-gradient(143deg, #f5f5f5 0%, #ececec 100%);
padding: 32px 32px;
position: relative;
}

.cont-pg .form-band-inner {
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-direction: row;
gap: 32px;
align-items: flex-start;
}

.cont-pg .form-aside {
flex: 0 0 320px;
display: flex;
flex-direction: column;
gap: 16px;
padding-top: 8px;
position: relative;
}

.cont-pg .form-aside-heading {
font-size: 30px;
line-height: 1.15;
letter-spacing: -0.01em;
font-weight: 700;
-webkit-text-stroke: 1px #6A7373;
color: transparent;
margin: 0;
}

.cont-pg .form-aside-body {
font-size: 16px;
line-height: 1.7;
color: #4a5050;
margin: 0;
}

.cont-pg .before-after-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px;
margin-top: 8px;
}

.cont-pg .ba-col {
display: flex;
flex-direction: column;
gap: 4px;
padding: 16px;
border-radius: 2px;
}

.cont-pg .ba-col.before {
background: #e8e8e8;
}

.cont-pg .ba-col.after {
background: #6A7373;
}

.cont-pg .ba-label {
font-size: 16px;
letter-spacing: 0.08em;
font-weight: 700;
text-transform: uppercase;
line-height: 1.15;
}

.cont-pg .ba-col.before .ba-label {
color: #ADA6A5;
}

.cont-pg .ba-col.after .ba-label {
color: #E3E3E4;
}

.cont-pg .ba-item {
font-size: 16px;
line-height: 1.45;
}

.cont-pg .ba-col.before .ba-item {
color: #6a6a6a;
}

.cont-pg .ba-col.after .ba-item {
color: #f0f0f0;
}

.cont-pg .form-main {
flex: 1 1 0;
background: #fff;
border-radius: 2px;
padding: 32px;
box-shadow: 2px 7px 20px 0 rgba(106, 115, 115, 0.08);
display: flex;
flex-direction: column;
gap: 16px;
}

.cont-pg .form-row {
display: flex;
flex-direction: row;
gap: 16px;
}

.cont-pg .field-wrap {
display: flex;
flex-direction: column;
gap: 8px;
flex: 1 1 0;
}

.cont-pg .field-label {
font-size: 16px;
line-height: 1.45;
color: #3a3f3f;
font-weight: 600;
letter-spacing: 0.02em;
}

.cont-pg .field-input {
border: 1px solid #D0CECE;
border-radius: 2px;
padding: 16px;
font-size: 16px;
line-height: 1.45;
color: #2a2f2f;
background: #fdfdfd;
box-shadow: inset 2px 1px 3px 0 rgba(173, 166, 165, 0.07);
transition: border-color 0.5s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.5s cubic-bezier(0.22, 1, 0.36, 1);
outline: none;
width: 100%;
box-sizing: border-box;
}

.cont-pg .field-input::placeholder {
font-size: 14px;
color: #b0aaa9;
}

.cont-pg .field-input:focus {
border-color: #6A7373;
box-shadow: inset 2px 1px 3px 0 rgba(173, 166, 165, 0.07), 0 0 0 2px rgba(106, 115, 115, 0.13);
}

.cont-pg .check-group-label {
font-size: 16px;
line-height: 1.45;
color: #3a3f3f;
font-weight: 600;
letter-spacing: 0.02em;
}

.cont-pg .check-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px;
}

.cont-pg .check-item {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
cursor: pointer;
padding: 8px 16px;
border: 1px solid #D0CECE;
border-radius: 2px;
transition: border-color 0.45s ease-in-out, background 0.45s ease-in-out;
}

.cont-pg .check-item:hover {
border-color: #6A7373;
background: rgba(106, 115, 115, 0.04);
}

.cont-pg .check-item input[type="checkbox"] {
width: 18px;
height: 18px;
accent-color: #6A7373;
flex-shrink: 0;
cursor: pointer;
}

.cont-pg .check-item-text {
font-size: 16px;
line-height: 1.45;
color: #3a3f3f;
}

.cont-pg .privacy-row {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 8px;
}

.cont-pg .privacy-row input[type="checkbox"] {
width: 18px;
height: 18px;
accent-color: #6A7373;
flex-shrink: 0;
margin-top: 2px;
cursor: pointer;
}

.cont-pg .privacy-text {
font-size: 16px;
line-height: 1.7;
color: #5a5f5f;
}

.cont-pg .privacy-text a {
color: #6A7373;
text-decoration: underline;
letter-spacing: 0.01em;
transition: letter-spacing 0.5s cubic-bezier(0.22, 1, 0.36, 1), color 0.45s ease-in-out;
}

.cont-pg .privacy-text a:hover {
letter-spacing: 0.06em;
color: #4a5050;
}

.cont-pg .privacy-text a:focus-visible {
outline: 2px solid #6A7373;
outline-offset: 2px;
border-radius: 2px;
}

.cont-pg .submit-btn {
position: relative;
overflow: hidden;
background: transparent;
border: 1.5px solid #6A7373;
border-radius: 2px;
padding: 16px 32px;
font-size: 16px;
line-height: 1.45;
letter-spacing: 0.06em;
color: #6A7373;
font-weight: 600;
cursor: pointer;
align-self: flex-start;
transition: color 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.cont-pg .submit-btn::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: #6A7373;
transition: left 0.55s cubic-bezier(0.22, 1, 0.36, 1);
z-index: 0;
}

.cont-pg .submit-btn:hover::before {
left: 0;
}

.cont-pg .submit-btn:hover {
color: #fff;
}

.cont-pg .submit-btn:focus-visible {
outline: 2px solid #6A7373;
outline-offset: 3px;
}

.cont-pg .submit-btn:active {
opacity: 0.85;
}

.cont-pg .submit-btn-text {
position: relative;
z-index: 1;
}

.cont-pg .info-band {
background: #fff;
padding: 32px 32px;
position: relative;
}

.cont-pg .info-band-inner {
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
align-items: start;
}

.cont-pg .img-mosaic {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto;
gap: 8px;
}

.cont-pg .mosaic-img-wrap {
overflow: hidden;
border-radius: 2px;
box-shadow: 2px 1px 3px 0 rgba(106, 115, 115, 0.07);
}

.cont-pg .mosaic-img-wrap.tall {
grid-row: span 2;
}

.cont-pg .mosaic-img-wrap img {
width: 100%;
aspect-ratio: 1/1;
object-fit: cover;
display: block;
transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1), filter 0.55s ease-in-out;
}

.cont-pg .mosaic-img-wrap.tall img {
aspect-ratio: 1/2;
height: 100%;
}

.cont-pg .mosaic-img-wrap:hover img {
transform: scale(1.04);
filter: brightness(1.05);
}

.cont-pg .mosaic-clip-wrap {
overflow: hidden;
border-radius: 2px;
box-shadow: 2px 9px 36px 0 rgba(106, 115, 115, 0.11);
}

.cont-pg .mosaic-clip-wrap img {
width: 100%;
aspect-ratio: 1/1;
object-fit: cover;
display: block;
clip-path: polygon(0 0, 100% 0, 100% 82%, 85% 100%, 0 100%);
transition: transform 0.65s cubic-bezier(0.22, 1, 0.36, 1), filter 0.5s ease-in-out;
}

.cont-pg .mosaic-clip-wrap:hover img {
transform: scale(1.05);
filter: brightness(1.06);
}

.cont-pg .info-text-col {
display: flex;
flex-direction: column;
gap: 16px;
padding-top: 8px;
}

.cont-pg .info-heading {
font-size: 42px;
line-height: 1.15;
letter-spacing: -0.015em;
font-weight: 800;
-webkit-text-stroke: 1.5px #6A7373;
color: transparent;
margin: 0;
}

.cont-pg .info-body {
font-size: 19px;
line-height: 1.7;
color: #3a3f3f;
margin: 0;
}

.cont-pg .contact-list {
display: flex;
flex-direction: column;
gap: 8px;
margin-top: 8px;
}

.cont-pg .cl-item {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
padding: 16px;
border-radius: 2px;
background: linear-gradient(143deg, #f7f7f7 0%, #efefef 100%);
box-shadow: 2px 1px 3px 0 rgba(173, 166, 165, 0.07);
transition: box-shadow 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.cont-pg .cl-item:hover {
box-shadow: 2px 7px 20px 0 rgba(106, 115, 115, 0.08);
}

.cont-pg .cl-icon-wrap {
width: 40px;
height: 40px;
border-radius: 2px;
background: #6A7373;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}

.cont-pg .cl-icon-wrap svg {
width: 20px;
height: 20px;
}

.cont-pg .cl-detail {
display: flex;
flex-direction: column;
gap: 4px;
}

.cont-pg .cl-type {
font-size: 16px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #ADA6A5;
font-weight: 600;
line-height: 1.15;
}

.cont-pg .cl-val {
font-size: 16px;
line-height: 1.45;
color: #2a2f2f;
}

.cont-pg .cl-val a {
color: #2a2f2f;
text-decoration: none;
letter-spacing: 0.01em;
transition: letter-spacing 0.5s cubic-bezier(0.22, 1, 0.36, 1), color 0.45s ease-in-out;
}

.cont-pg .cl-val a:hover {
letter-spacing: 0.06em;
color: #6A7373;
}

.cont-pg .cl-val a:focus-visible {
outline: 2px solid #6A7373;
outline-offset: 2px;
border-radius: 2px;
}

.cont-pg .deco-corner {
position: absolute;
bottom: 16px;
right: 16px;
pointer-events: none;
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 5px;
}

.cont-pg .deco-corner-rect {
border: 1px solid #6A7373;
opacity: 0.12;
border-radius: 2px;
}

@media (max-width: 900px) {
.cont-pg .top-strip-inner {
flex-direction: column;
align-items: flex-start;
gap: 16px;
}

.cont-pg .top-stat-col {
align-items: flex-start;
}

.cont-pg .stat-label {
text-align: left;
}

.cont-pg .form-band-inner {
flex-direction: column;
gap: 16px;
}

.cont-pg .form-aside {
flex: 0 0 auto;
width: 100%;
}

.cont-pg .info-band-inner {
grid-template-columns: 1fr;
gap: 16px;
}

.cont-pg .top-heading {
font-size: 42px;
}
}

@media (max-width: 600px) {

.cont-pg .top-strip,
.cont-pg .form-band,
.cont-pg .info-band {
padding: 32px 16px;
}

.cont-pg .top-heading {
font-size: 30px;
}

.cont-pg .form-row {
flex-direction: column;
gap: 16px;
}

.cont-pg .check-grid {
grid-template-columns: 1fr;
}

.cont-pg .form-main {
padding: 16px;
}

.cont-pg .stat-big {
font-size: 42px;
}

.cont-pg .info-heading {
font-size: 30px;
}

.cont-pg .img-mosaic {
grid-template-columns: 1fr;
}

.cont-pg .mosaic-img-wrap.tall {
grid-row: span 1;
}

.cont-pg .mosaic-img-wrap.tall img {
aspect-ratio: 1/1;
height: auto;
}

.cont-pg .before-after-grid {
grid-template-columns: 1fr;
}
}

.lrn-prog {
max-width: 100%;
overflow-x: hidden;
}

.lrn-prog .pg-wrap {
max-width: 1200px;
margin: 0 auto;
padding: 0 32px;
}

.lrn-prog ::selection {
background: #6A7373;
color: #fff;
}

@keyframes track-in {
from {
letter-spacing: -0.04em;
opacity: 0;
}

to {
letter-spacing: -0.01em;
opacity: 1;
}
}

.lrn-prog .prog-header {
padding: 96px 0 64px;
background: #fff;
position: relative;
}

.lrn-prog .prog-header::before {
content: '';
position: absolute;
inset: 0;
background-image: url('./media_gallery/bannner-published-gallery.jpg');
background-size: cover;
background-position: center;
opacity: 0.04;
pointer-events: none;
}

.lrn-prog .prog-header-inner {
max-width: 1200px;
margin: 0 auto;
padding: 0 32px;
display: grid;
grid-template-columns: 1fr 420px;
gap: 32px;
align-items: end;
}

.lrn-prog .prog-header-text {
padding-top: 64px;
}

.lrn-prog .prog-eyebrow {
font-size: 16px;
line-height: 1.45;
letter-spacing: 0.08em;
color: #6A7373;
text-transform: uppercase;
margin-bottom: 16px;
}

.lrn-prog .prog-h1 {
font-size: 58px;
line-height: 1.15;
letter-spacing: -0.01em;
color: #1e2424;
animation: track-in 0.65s cubic-bezier(0.22, 1, 0.36, 1) both;
margin-bottom: 24px;
-webkit-text-stroke: 0px;
}

.lrn-prog .prog-h1 span {
-webkit-text-stroke: 1.5px #1e2424;
color: transparent;
}

.lrn-prog .prog-desc {
font-size: 19px;
line-height: 1.7;
color: #3d4444;
max-width: 520px;
}

.lrn-prog .prog-header-img {
position: relative;
border-radius: 24px;
overflow: hidden;
aspect-ratio: 1/1;
box-shadow: 2px 9px 36px 0 rgba(106, 115, 115, 0.11);
}

.lrn-prog .prog-header-img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}

.lrn-prog .prog-header-img::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(143deg, rgba(106, 115, 115, 0.45) 0%, rgba(173, 166, 165, 0.18) 100%);
pointer-events: none;
}

.lrn-prog .corner-line-tl {
position: absolute;
top: 16px;
left: 16px;
width: 40px;
height: 40px;
border-top: 1.5px solid #ADA6A5;
border-left: 1.5px solid #ADA6A5;
border-radius: 2px 0 0 0;
pointer-events: none;
z-index: 1;
}

.lrn-prog .corner-line-br {
position: absolute;
bottom: 16px;
right: 16px;
width: 40px;
height: 40px;
border-bottom: 1.5px solid #ADA6A5;
border-right: 1.5px solid #ADA6A5;
border-radius: 0 0 24px 0;
pointer-events: none;
z-index: 1;
}

.lrn-prog .divider-asym {
display: flex;
align-items: center;
gap: 8px;
padding: 0 32px;
max-width: 1200px;
margin: 0 auto;
}

.lrn-prog .divider-asym .line-long {
flex: 3;
height: 1px;
background: #E3E3E4;
}

.lrn-prog .divider-asym .line-short {
flex: 1;
height: 1px;
background: linear-gradient(143deg, #6A7373, #ADA6A5);
}

.lrn-prog .prog-body {
padding: 80px 0 96px;
background: linear-gradient(143deg, #f4f4f4 0%, #ececec 100%);
position: relative;
}

.lrn-prog .prog-body::before {
content: '';
position: absolute;
inset: 0;
background-image: url('./media_gallery/bannner-published-gallery.jpg');
background-size: cover;
background-position: center;
opacity: 0.03;
pointer-events: none;
}

.lrn-prog .prog-body-inner {
max-width: 1200px;
margin: 0 auto;
padding: 0 32px;
}

.lrn-prog .prog-body-top {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
margin-bottom: 64px;
align-items: start;
}

.lrn-prog .prog-label {
font-size: 16px;
line-height: 1.45;
letter-spacing: 0.07em;
color: #6A7373;
text-transform: uppercase;
margin-bottom: 16px;
}

.lrn-prog .prog-h2 {
font-size: 42px;
line-height: 1.15;
letter-spacing: -0.01em;
-webkit-text-stroke: 1.5px #1e2424;
color: transparent;
margin-bottom: 16px;
}

.lrn-prog .prog-body-desc {
font-size: 19px;
line-height: 1.7;
color: #3d4444;
}

.lrn-prog .prog-body-right {
padding-top: 16px;
}

.lrn-prog .stat-row {
display: flex;
flex-direction: row;
gap: 32px;
margin-bottom: 32px;
}

.lrn-prog .stat-item {
display: flex;
flex-direction: column;
gap: 4px;
}

.lrn-prog .stat-num {
font-size: 42px;
line-height: 1.15;
letter-spacing: -0.02em;
color: #6A7373;
font-weight: 700;
}

.lrn-prog .stat-lbl {
font-size: 16px;
line-height: 1.45;
color: #5a6060;
letter-spacing: 0.03em;
}

.lrn-prog .prog-body-note {
font-size: 16px;
line-height: 1.7;
color: #5a6060;
}

.lrn-prog .modules-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
margin-bottom: 64px;
}

.lrn-prog .module-card {
background: #fff;
border-radius: 24px;
padding: 32px;
box-shadow: 2px 7px 20px 0 rgba(106, 115, 115, 0.08);
position: relative;
transition: box-shadow 0.55s cubic-bezier(0.22, 1, 0.36, 1), transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.lrn-prog .module-card:hover {
box-shadow: 2px 9px 36px 0 rgba(106, 115, 115, 0.11);
transform: translateY(-4px);
}

.lrn-prog .module-num {
font-size: 30px;
line-height: 1.15;
letter-spacing: -0.02em;
color: #E3E3E4;
font-weight: 700;
margin-bottom: 16px;
}

.lrn-prog .module-title {
font-size: 19px;
line-height: 1.45;
color: #1e2424;
margin-bottom: 8px;
font-weight: 600;
}

.lrn-prog .module-text {
font-size: 16px;
line-height: 1.7;
color: #5a6060;
}

.lrn-prog .module-icon {
width: 32px;
height: 32px;
margin-bottom: 16px;
color: #6A7373;
}

.lrn-prog .instructors-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
align-items: start;
}

.lrn-prog .instructors-heading {
grid-column: 1 / -1;
}

.lrn-prog .prog-h3 {
font-size: 30px;
line-height: 1.15;
letter-spacing: -0.01em;
color: #1e2424;
margin-bottom: 8px;
}

.lrn-prog .instructor-card {
display: grid;
grid-template-columns: 100px 1fr;
gap: 16px;
align-items: start;
background: #fff;
border-radius: 24px;
padding: 24px;
box-shadow: 2px 1px 3px 0 rgba(106, 115, 115, 0.07);
}

.lrn-prog .instructor-portrait {
width: 100px;
height: 125px;
border-radius: 2px;
overflow: hidden;
flex-shrink: 0;
}

.lrn-prog .instructor-portrait img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}

.lrn-prog .instructor-name {
font-size: 19px;
line-height: 1.45;
color: #1e2424;
font-weight: 600;
margin-bottom: 4px;
}

.lrn-prog .instructor-role {
font-size: 16px;
line-height: 1.45;
color: #6A7373;
letter-spacing: 0.04em;
margin-bottom: 8px;
}

.lrn-prog .instructor-bio {
font-size: 16px;
line-height: 1.7;
color: #5a6060;
}

.lrn-prog .enroll-strip {
margin-top: 64px;
background: #fff;
border-radius: 24px;
padding: 32px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 32px;
box-shadow: 2px 7px 20px 0 rgba(106, 115, 115, 0.08);
}

.lrn-prog .enroll-text {
font-size: 23px;
line-height: 1.45;
color: #1e2424;
}

.lrn-prog .enroll-text span {
color: #6A7373;
}

.lrn-prog .enroll-btn {
display: inline-block;
font-size: 16px;
line-height: 1.45;
letter-spacing: 0.06em;
color: #6A7373;
border: 1.5px solid #6A7373;
border-radius: 2px;
padding: 16px 32px;
text-decoration: none;
background: transparent;
cursor: pointer;
position: relative;
overflow: hidden;
transition: color 0.5s cubic-bezier(0.22, 1, 0.36, 1);
white-space: nowrap;
flex-shrink: 0;
}

.lrn-prog .enroll-btn::before {
content: '';
position: absolute;
inset: 0;
background: #6A7373;
transform: translateX(-100%);
transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
z-index: 0;
}

.lrn-prog .enroll-btn:hover::before {
transform: translateX(0);
}

.lrn-prog .enroll-btn:hover {
color: #fff;
}

.lrn-prog .enroll-btn span {
position: relative;
z-index: 1;
}

.lrn-prog .enroll-btn:focus-visible {
outline: 2px solid #6A7373;
outline-offset: 4px;
}

.lrn-prog .link-expand {
color: #6A7373;
text-decoration: none;
letter-spacing: 0.02em;
transition: letter-spacing 0.45s ease-in-out;
}

.lrn-prog .link-expand:hover {
letter-spacing: 0.07em;
}

@media (max-width: 1200px) {
.lrn-prog .prog-header-inner {
grid-template-columns: 1fr 340px;
}

.lrn-prog .prog-h1 {
font-size: 42px;
}

.lrn-prog .modules-grid {
grid-template-columns: repeat(2, 1fr);
}
}

@media (max-width: 900px) {
.lrn-prog .prog-header-inner {
grid-template-columns: 1fr;
}

.lrn-prog .prog-header-img {
max-width: 360px;
}

.lrn-prog .prog-body-top {
grid-template-columns: 1fr;
}

.lrn-prog .instructors-row {
grid-template-columns: 1fr;
}

.lrn-prog .enroll-strip {
flex-direction: column;
align-items: flex-start;
}
}

@media (max-width: 600px) {
.lrn-prog .prog-header {
padding: 64px 0 32px;
}

.lrn-prog .prog-header-inner {
padding: 0 16px;
}

.lrn-prog .prog-h1 {
font-size: 30px;
}

.lrn-prog .prog-h2 {
font-size: 30px;
}

.lrn-prog .prog-body-inner {
padding: 0 16px;
}

.lrn-prog .modules-grid {
grid-template-columns: 1fr;
}

.lrn-prog .stat-row {
flex-direction: column;
gap: 16px;
}

.lrn-prog .instructor-card {
grid-template-columns: 1fr;
}

.lrn-prog .instructor-portrait {
width: 80px;
height: 100px;
}

.lrn-prog .enroll-strip {
padding: 24px 16px;
}

.lrn-prog .divider-asym {
padding: 0 16px;
}
}

.prm {
overflow-x: hidden;
width: 100%;
}

.prm .t-block {
position: relative;
padding: 64px 32px;
background: linear-gradient(143deg, #f4f4f4 0%, #e3e3e4 55%, #d0cfce 100%);
overflow: hidden;
}

.prm .t-block::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(143deg, rgba(106, 115, 115, 0.08) 0%, rgba(173, 166, 165, 0.18) 100%);
pointer-events: none;
}

.prm .t-curves {
position: absolute;
inset: 0;
pointer-events: none;
overflow: hidden;
}

.prm .t-curves svg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}

.prm .t-inner {
position: relative;
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-direction: row;
align-items: center;
gap: 32px;
}

.prm .t-text {
flex: 1 1 0;
min-width: 0;
}

.prm .t-label {
display: inline-block;
font-size: 16px;
letter-spacing: 0.12em;
color: #6A7373;
margin-bottom: 16px;
text-transform: uppercase;
}

.prm .t-h1 {
font-size: 58px;
line-height: 1.15;
letter-spacing: -0.03em;
color: #2a2e2e;
margin: 0 0 16px 0;
}

.prm .t-h1 .accent-word {
color: transparent;
-webkit-text-stroke: 2px #6A7373;
}

.prm .t-desc {
font-size: 19px;
line-height: 1.7;
color: #4a5050;
max-width: 480px;
margin: 0 0 32px 0;
}

.prm .t-cta {
display: inline-block;
padding: 16px 32px;
border: 2px solid #6A7373;
border-radius: 2px;
font-size: 16px;
letter-spacing: 0.06em;
color: #6A7373;
text-decoration: none;
background: transparent;
position: relative;
overflow: hidden;
transition: color 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.prm .t-cta::before {
content: "";
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: #6A7373;
transition: left 0.55s cubic-bezier(0.22, 1, 0.36, 1);
z-index: 0;
}

.prm .t-cta:hover::before {
left: 0;
}

.prm .t-cta:hover {
color: #fff;
}

.prm .t-cta span {
position: relative;
z-index: 1;
}

.prm .t-img-wrap {
flex: 0 0 420px;
width: 420px;
height: 420px;
border-radius: 24px;
overflow: hidden;
position: relative;
}

.prm .t-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
filter: grayscale(30%) contrast(1.08) brightness(0.96);
}

.prm .t-img-wrap::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(143deg, rgba(106, 115, 115, 0.38) 0%, rgba(173, 166, 165, 0.12) 100%);
pointer-events: none;
}

.prm .support-block {
padding: 64px 32px;
background: #fff;
}

.prm .support-inner {
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-direction: row;
gap: 32px;
align-items: flex-start;
}

.prm .support-img-col {
flex: 0 0 360px;
width: 360px;
position: relative;
}

.prm .support-img-frame {
width: 360px;
height: 360px;
border-radius: 24px;
overflow: hidden;
position: relative;
}

.prm .support-img-frame img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}

.prm .support-deco-path {
position: absolute;
top: -16px;
right: -16px;
width: 200px;
height: 200px;
pointer-events: none;
}

.prm .support-text-col {
flex: 1 1 0;
min-width: 0;
}

.prm .s-eyebrow {
font-size: 16px;
letter-spacing: 0.1em;
color: #ADA6A5;
text-transform: uppercase;
margin-bottom: 16px;
display: block;
}

.prm .s-h2 {
font-size: 42px;
line-height: 1.15;
letter-spacing: -0.02em;
color: transparent;
-webkit-text-stroke: 2px #2a2e2e;
margin: 0 0 16px 0;
}

.prm .s-body {
font-size: 19px;
line-height: 1.7;
color: #3c4040;
margin: 0 0 32px 0;
}

.prm .support-items {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
list-style: none;
padding: 0;
margin: 0;
}

.prm .support-items li {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 8px;
font-size: 16px;
line-height: 1.45;
color: #3c4040;
}

.prm .s-icon {
flex-shrink: 0;
width: 20px;
height: 20px;
margin-top: 2px;
}

.prm .value-block {
padding: 64px 32px;
background: linear-gradient(180deg, #e3e3e4 0%, #f4f4f4 100%);
position: relative;
}

.prm .value-block::before {
content: "";
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(106, 115, 115, 0.09) 1px, transparent 1px),
linear-gradient(90deg, rgba(106, 115, 115, 0.09) 1px, transparent 1px);
background-size: 32px 32px;
pointer-events: none;
}

.prm .value-inner {
max-width: 1200px;
margin: 0 auto;
position: relative;
}

.prm .value-head {
text-align: center;
margin-bottom: 32px;
}

.prm .v-h2 {
font-size: 42px;
line-height: 1.15;
letter-spacing: -0.02em;
color: transparent;
-webkit-text-stroke: 2px #6A7373;
margin: 0 0 16px 0;
}

.prm .v-sub {
font-size: 19px;
line-height: 1.7;
color: #4a5050;
max-width: 560px;
margin: 0 auto;
}

.prm .value-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
}

.prm .v-card {
background: #fff;
border-radius: 24px;
padding: 32px;
box-shadow: 2px 7px 20px 0 rgba(106, 115, 115, 0.08);
position: relative;
overflow: hidden;
}

.prm .v-card::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: linear-gradient(143deg, #6A7373, #ADA6A5);
border-radius: 0 0 24px 24px;
}

.prm .v-card-num {
font-size: 58px;
line-height: 1.15;
letter-spacing: -0.04em;
color: transparent;
-webkit-text-stroke: 1px #ADA6A5;
display: block;
margin-bottom: 8px;
}

.prm .v-card-label {
font-size: 16px;
line-height: 1.45;
color: #6A7373;
letter-spacing: 0.04em;
display: block;
margin-bottom: 8px;
}

.prm .v-card-body {
font-size: 16px;
line-height: 1.7;
color: #4a5050;
margin: 0;
}

.prm .current-block {
padding: 64px 32px;
background: #fff;
position: relative;
}

.prm .current-inner {
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-direction: row;
gap: 32px;
align-items: flex-start;
}

.prm .current-text {
flex: 1 1 0;
min-width: 0;
}

.prm .c-h2 {
font-size: 42px;
line-height: 1.15;
letter-spacing: -0.02em;
color: transparent;
-webkit-text-stroke: 2px #2a2e2e;
margin: 0 0 16px 0;
}

.prm .c-body {
font-size: 19px;
line-height: 1.7;
color: #3c4040;
margin: 0 0 32px 0;
}

.prm .current-experts {
display: flex;
flex-direction: column;
gap: 16px;
}

.prm .expert-card {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
background: #f4f4f4;
border-radius: 24px;
padding: 16px;
box-shadow: 2px 1px 3px 0 rgba(106, 115, 115, 0.07);
}

.prm .expert-portrait {
width: 72px;
height: 72px;
border-radius: 24px;
overflow: hidden;
flex-shrink: 0;
}

.prm .expert-portrait img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}

.prm .expert-info {
flex: 1 1 0;
min-width: 0;
}

.prm .expert-name {
font-size: 16px;
line-height: 1.45;
color: #2a2e2e;
font-weight: 600;
margin: 0 0 4px 0;
}

.prm .expert-role {
font-size: 16px;
line-height: 1.45;
color: #6A7373;
margin: 0 0 8px 0;
}

.prm .expert-quote {
font-size: 16px;
line-height: 1.7;
color: #4a5050;
margin: 0;
font-style: italic;
}

.prm .current-img-col {
flex: 0 0 380px;
width: 380px;
}

.prm .current-img-frame {
width: 380px;
height: 380px;
border-radius: 24px;
overflow: hidden;
box-shadow: 2px 9px 36px 0 rgba(106, 115, 115, 0.11);
}

.prm .current-img-frame img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}

.prm .scale-block {
padding: 64px 32px;
background: linear-gradient(180deg, #2a2e2e 0%, #3c4040 100%);
position: relative;
overflow: hidden;
}

.prm .scale-anim-bg {
position: absolute;
inset: 0;
pointer-events: none;
overflow: hidden;
}

.prm .scale-anim-bg::before {
content: "";
position: absolute;
inset: -40px;
background-image:
linear-gradient(rgba(173, 166, 165, 0.07) 1px, transparent 1px),
linear-gradient(90deg, rgba(173, 166, 165, 0.07) 1px, transparent 1px);
background-size: 48px 48px;
animation: diagdrift 14s linear infinite;
}

@keyframes diagdrift {
0% {
transform: translate(0, 0);
}

100% {
transform: translate(48px, 48px);
}
}

.prm .scale-inner {
max-width: 1200px;
margin: 0 auto;
position: relative;
}

.prm .scale-head {
text-align: center;
margin-bottom: 32px;
}

.prm .sc-h2 {
font-size: 42px;
line-height: 1.15;
letter-spacing: -0.02em;
color: transparent;
-webkit-text-stroke: 2px #e3e3e4;
margin: 0 0 16px 0;
}

.prm .sc-sub {
font-size: 19px;
line-height: 1.7;
color: #ADA6A5;
max-width: 520px;
margin: 0 auto;
}

.prm .scale-stats {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
}

.prm .stat-item {
text-align: center;
padding: 32px 16px;
border: 1px solid rgba(173, 166, 165, 0.22);
border-radius: 24px;
background: rgba(255, 255, 255, 0.04);
transition: background 0.6s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.5s ease-in-out;
}

.prm .stat-item:hover {
background: rgba(173, 166, 165, 0.1);
border-color: rgba(173, 166, 165, 0.5);
}

.prm .stat-num {
font-size: 58px;
line-height: 1.15;
letter-spacing: -0.04em;
color: #e3e3e4;
display: block;
margin-bottom: 8px;
}

.prm .stat-unit {
font-size: 23px;
color: #ADA6A5;
}

.prm .stat-label {
font-size: 16px;
line-height: 1.45;
color: #ADA6A5;
letter-spacing: 0.04em;
}

.prm .scale-img-row {
margin-top: 32px;
}

.prm .scale-img-frame {
width: 100%;
max-width: 560px;
height: 280px;
border-radius: 24px;
overflow: hidden;
margin: 0 auto;
box-shadow: 2px 9px 36px 0 rgba(106, 115, 115, 0.11);
}

.prm .scale-img-frame img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
filter: grayscale(20%) brightness(0.88);
}

.prm .reveal-wrap {
position: relative;
display: inline-block;
}

.prm .reveal-overlay {
position: absolute;
inset: 0;
background: linear-gradient(143deg, #6A7373, #ADA6A5);
border-radius: 2px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: opacity 0.55s cubic-bezier(0.22, 1, 0.36, 1);
z-index: 2;
}

.prm .reveal-overlay:hover {
opacity: 0;
pointer-events: none;
}

.prm .reveal-overlay-text {
font-size: 16px;
letter-spacing: 0.08em;
color: #fff;
text-transform: uppercase;
}

@media (max-width: 900px) {
.prm .t-inner {
flex-direction: column;
}

.prm .t-img-wrap {
flex: none;
width: 100%;
max-width: 420px;
height: 320px;
}

.prm .t-h1 {
font-size: 42px;
}

.prm .support-inner {
flex-direction: column;
}

.prm .support-img-col {
flex: none;
width: 100%;
}

.prm .support-img-frame {
width: 100%;
height: 280px;
}

.prm .value-grid {
grid-template-columns: 1fr 1fr;
}

.prm .current-inner {
flex-direction: column;
}

.prm .current-img-col {
flex: none;
width: 100%;
}

.prm .current-img-frame {
width: 100%;
height: 280px;
}

.prm .scale-stats {
grid-template-columns: 1fr 1fr;
}
}

@media (max-width: 600px) {
.prm .t-block {
padding: 32px 16px;
}

.prm .t-h1 {
font-size: 30px;
}

.prm .t-img-wrap {
height: 240px;
}

.prm .support-block,
.prm .value-block,
.prm .current-block,
.prm .scale-block {
padding: 32px 16px;
}

.prm .s-h2,
.prm .v-h2,
.prm .c-h2,
.prm .sc-h2 {
font-size: 30px;
}

.prm .value-grid {
grid-template-columns: 1fr;
}

.prm .scale-stats {
grid-template-columns: 1fr 1fr;
}

.prm .support-items {
grid-template-columns: 1fr;
}

.prm .support-img-frame {
height: 220px;
}

.prm .support-deco-path {
display: none;
}
}

.abt-us {
width: 100%;
max-width: 100%;
overflow-x: hidden;
}

.abt-us .abt-block {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
}

.abt-us ::selection {
background: #6A7373;
color: #fff;
}

.abt-us a {
color: #6A7373;
text-decoration: none;
letter-spacing: 0.01em;
transition: letter-spacing 0.55s cubic-bezier(0.22, 1, 0.36, 1), color 0.45s ease-in-out;
}

.abt-us a:hover {
letter-spacing: 0.06em;
color: #3d4444;
}

.abt-us .title-row {
padding-top: 32px;
padding-bottom: 64px !important;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
align-items: end;
position: relative;
}

.abt-us .title-img-col {
position: relative;
}

.abt-us .title-img-wrap {
position: relative;
aspect-ratio: 1/1;
overflow: hidden;
border-radius: 2px;
border: 2px solid #ADA6A5;
}

.abt-us .title-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}

.abt-us .title-img-wrap::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to bottom, rgba(42, 46, 46, 0.55) 0%, rgba(42, 46, 46, 0) 55%);
pointer-events: none;
}

.abt-us .blob-a {
position: absolute;
width: 220px;
height: 220px;
border-radius: 24px;
background: linear-gradient(143deg, rgba(106, 115, 115, 0.18), rgba(173, 166, 165, 0.12));
filter: blur(32px);
-webkit-filter: blur(32px);
top: -32px;
left: -32px;
pointer-events: none;
z-index: 0;
}

.abt-us .blob-b {
position: absolute;
width: 160px;
height: 160px;
border-radius: 24px;
background: linear-gradient(143deg, rgba(173, 166, 165, 0.15), rgba(227, 227, 228, 0.18));
filter: blur(24px);
-webkit-filter: blur(24px);
bottom: 0;
right: -16px;
pointer-events: none;
z-index: 0;
}

.abt-us .title-img-col .title-img-wrap {
position: relative;
z-index: 1;
}

.abt-us .title-text-col {
display: flex;
flex-direction: column;
gap: 16px;
padding-bottom: 8px;
}

.abt-us .label-tag {
display: inline-block;
font-size: 16px;
line-height: 1.45;
letter-spacing: 0.12em;
color: #6A7373;
text-transform: uppercase;
border: 1px solid #ADA6A5;
border-radius: 2px;
padding: 4px 16px;
width: fit-content;
}

.abt-us .h1-outlined {
font-size: 58px;
line-height: 1.15;
letter-spacing: -0.02em;
color: transparent;
-webkit-text-stroke: 1.5px #3d4444;
margin: 0;
}

.abt-us .h2-solid {
font-size: 30px;
line-height: 1.45;
letter-spacing: -0.01em;
color: #2a2e2e;
margin: 0;
}

.abt-us .title-desc {
font-size: 19px;
line-height: 1.7;
color: #4a5252;
margin: 0;
}

.abt-us .dots-cluster {
position: absolute;
right: -16px;
bottom: 32px;
display: flex;
flex-direction: row;
gap: 8px;
align-items: flex-end;
pointer-events: none;
z-index: 0;
}

.abt-us .dot {
border-radius: 2px;
background: #ADA6A5;
opacity: 0.35;
}

.abt-us .dot.sm {
width: 6px;
height: 6px;
}

.abt-us .dot.md {
width: 10px;
height: 10px;
}

.abt-us .dot.lg {
width: 16px;
height: 16px;
}

.abt-us .dot.xl {
width: 22px;
height: 22px;
}

.abt-us .divider-dash {
border: none;
border-top: 1px dashed #ADA6A5;
margin: 0;
opacity: 0.6;
}

.abt-us .team-wrap {
padding-top: 64px;
padding-bottom: 64px;
display: grid;
grid-template-columns: 1fr 1.4fr;
gap: 32px;
align-items: start;
}

.abt-us .team-portraits {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}

.abt-us .portrait-card {
display: flex;
flex-direction: column;
gap: 8px;
}

.abt-us .portrait-img-wrap {
aspect-ratio: 2/3;
overflow: hidden;
border-radius: 2px;
box-shadow: 2px 7px 20px 0 rgba(106, 115, 115, 0.08);
}

.abt-us .portrait-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}

.abt-us .portrait-name {
font-size: 16px;
line-height: 1.45;
letter-spacing: 0.03em;
color: #2a2e2e;
margin: 0;
}

.abt-us .portrait-role {
font-size: 16px;
line-height: 1.45;
color: #6A7373;
margin: 0;
}

.abt-us .team-text {
display: flex;
flex-direction: column;
gap: 16px;
}

.abt-us .h2-team {
font-size: 42px;
line-height: 1.15;
letter-spacing: -0.02em;
color: transparent;
-webkit-text-stroke: 1.5px #2a2e2e;
margin: 0;
}

.abt-us .team-para {
font-size: 19px;
line-height: 1.7;
color: #4a5252;
margin: 0;
}

.abt-us .icon-list {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
margin-top: 8px;
}

.abt-us .icon-item {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 8px;
}

.abt-us .icon-box {
width: 36px;
height: 36px;
border: 1.5px solid #6A7373;
border-radius: 2px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}

.abt-us .icon-box svg {
width: 18px;
height: 18px;
stroke: #6A7373;
fill: none;
stroke-width: 1.5;
}

.abt-us .icon-label {
font-size: 16px;
line-height: 1.45;
color: #2a2e2e;
padding-top: 8px;
}

.abt-us .ratio-wrap {
margin-top: 16px;
display: flex;
flex-direction: column;
gap: 8px;
}

.abt-us .ratio-labels {
display: flex;
flex-direction: row;
justify-content: space-between;
}

.abt-us .ratio-label-a,
.abt-us .ratio-label-b {
font-size: 16px;
line-height: 1.45;
color: #4a5252;
}

.abt-us .ratio-bar-track {
width: 100%;
height: 8px;
background: #E3E3E4;
border-radius: 2px;
overflow: hidden;
}

.abt-us .ratio-bar-fill {
height: 100%;
width: 68%;
background: linear-gradient(143deg, #6A7373, #ADA6A5);
border-radius: 2px;
animation: barGrow 1s cubic-bezier(0.22, 1, 0.36, 1) 0.4s both;
}

@keyframes barGrow {
from {
width: 0;
}

to {
width: 68%;
}
}

.abt-us .ratio-note {
font-size: 16px;
line-height: 1.45;
color: #6A7373;
}

.abt-us .divider-solid {
border: none;
border-top: 2px solid #E3E3E4;
margin: 0;
}

.abt-us .bg-overlay-sec {
position: relative;
overflow: hidden;
}

.abt-us .bg-overlay-img {
position: absolute;
inset: 0;
z-index: 0;
}

.abt-us .bg-overlay-img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}

.abt-us .bg-overlay-img::after {
content: "";
position: absolute;
inset: 0;
background: rgba(28, 34, 34, 0.78);
pointer-events: none;
}

.abt-us .bg-overlay-content {
position: relative;
z-index: 1;
padding-top: 64px;
padding-bottom: 64px;
}

.abt-us .overlay-inner {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
align-items: start;
}

.abt-us .overlay-text {
display: flex;
flex-direction: column;
gap: 16px;
}

.abt-us .h2-overlay {
font-size: 42px;
line-height: 1.15;
letter-spacing: -0.02em;
color: transparent;
-webkit-text-stroke: 1.5px #E3E3E4;
margin: 0;
}

.abt-us .overlay-para {
font-size: 19px;
line-height: 1.7;
color: #c8c4c3;
margin: 0;
}

.abt-us .stat-group {
display: flex;
flex-direction: column;
gap: 16px;
}

.abt-us .stat-item {
display: flex;
flex-direction: column;
gap: 4px;
border-top: 1px dashed rgba(173, 166, 165, 0.4);
padding-top: 16px;
}

.abt-us .stat-num {
font-size: 58px;
line-height: 1.15;
letter-spacing: -0.03em;
color: #E3E3E4;
}

.abt-us .stat-desc {
font-size: 16px;
line-height: 1.45;
letter-spacing: 0.04em;
color: #ADA6A5;
}

.abt-us .overlay-cta-btn {
display: inline-block;
margin-top: 8px;
font-size: 16px;
line-height: 1.45;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #E3E3E4;
border: 1.5px solid #ADA6A5;
border-radius: 2px;
padding: 16px 32px;
background: transparent;
cursor: pointer;
position: relative;
overflow: hidden;
transition: color 0.5s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.5s ease-in-out;
text-decoration: none;
}

.abt-us .overlay-cta-btn::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(143deg, #6A7373, #ADA6A5);
transform: translateX(-100%);
transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
z-index: 0;
}

.abt-us .overlay-cta-btn:hover::before {
transform: translateX(0);
}

.abt-us .overlay-cta-btn:hover {
color: #fff;
border-color: #6A7373;
letter-spacing: 0.08em;
}

.abt-us .overlay-cta-btn span {
position: relative;
z-index: 1;
}

.abt-us .shake-el {
animation: shakeAnim 0.55s cubic-bezier(0.22, 1, 0.36, 1) 2.2s both;
}

@keyframes shakeAnim {
0% {
transform: translateX(0);
}

20% {
transform: translateX(-5px);
}

40% {
transform: translateX(4px);
}

60% {
transform: translateX(-3px);
}

80% {
transform: translateX(2px);
}

100% {
transform: translateX(0);
}
}

.abt-us .appear-seq .icon-item {
opacity: 0;
transform: rotate(-4deg) translateY(8px);
animation: appearRotate 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.abt-us .appear-seq .icon-item:nth-child(1) {
animation-delay: 0.3s;
}

.abt-us .appear-seq .icon-item:nth-child(2) {
animation-delay: 0.48s;
}

.abt-us .appear-seq .icon-item:nth-child(3) {
animation-delay: 0.62s;
}

.abt-us .appear-seq .icon-item:nth-child(4) {
animation-delay: 0.76s;
}

@keyframes appearRotate {
to {
opacity: 1;
transform: rotate(0deg) translateY(0);
}
}

@media (max-width: 900px) {
.abt-us .title-row {
grid-template-columns: 1fr;
padding-bottom: 48px !important;
}

.abt-us .h1-outlined {
font-size: 42px;
}

.abt-us .dots-cluster {
right: 0;
bottom: 16px;
}

.abt-us .team-wrap {
grid-template-columns: 1fr;
padding-top: 48px;
padding-bottom: 48px;
}

.abt-us .team-portraits {
grid-template-columns: 1fr 1fr;
max-width: 480px;
}

.abt-us .h2-team {
font-size: 30px;
}

.abt-us .overlay-inner {
grid-template-columns: 1fr;
}

.abt-us .h2-overlay {
font-size: 30px;
}

.abt-us .stat-num {
font-size: 42px;
}

.abt-us .stat-group {
flex-direction: row;
flex-wrap: wrap;
gap: 16px;
}

.abt-us .stat-item {
flex: 1 1 140px;
}
}

@media (max-width: 600px) {
.abt-us .abt-block {
padding-left: 16px;
padding-right: 16px;
}

.abt-us .h1-outlined {
font-size: 30px;
}

.abt-us .h2-solid {
font-size: 23px;
}

.abt-us .title-desc {
font-size: 16px;
}

.abt-us .team-portraits {
grid-template-columns: 1fr 1fr;
max-width: 100%;
}

.abt-us .icon-list {
grid-template-columns: 1fr;
}

.abt-us .h2-team {
font-size: 23px;
}

.abt-us .team-para {
font-size: 16px;
}

.abt-us .h2-overlay {
font-size: 23px;
}

.abt-us .overlay-para {
font-size: 16px;
}

.abt-us .stat-num {
font-size: 30px;
}

.abt-us .stat-group {
flex-direction: column;
}

.abt-us .bg-overlay-content {
padding-top: 32px;
padding-bottom: 32px;
}

.abt-us .team-wrap {
padding-top: 32px;
padding-bottom: 32px;
}

.abt-us .title-row {
padding-top: 16px;
padding-bottom: 32px !important;
}
}

.edu-biz {
max-width: 100%;
overflow-x: hidden;
background: #ffffff;
}

.edu-biz .page-schema {
display: none;
}

@keyframes riseUp {
from {
opacity: 0;
transform: translateY(32px);
}

to {
opacity: 1;
transform: translateY(0);
}
}

.edu-biz .anim-rise {
animation: riseUp 0.65s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.edu-biz .anim-rise.delay-1 {
animation-delay: 0.1s;
}

.edu-biz .anim-rise.delay-2 {
animation-delay: 0.22s;
}

.edu-biz .anim-rise.delay-3 {
animation-delay: 0.36s;
}

.edu-biz .anim-rise.delay-4 {
animation-delay: 0.5s;
}

::selection {
background: #6A7373;
color: #ffffff;
}

.edu-biz .spotlight-band {
position: relative;
padding: 64px 32px 48px;
overflow: hidden;
background: #ffffff;
}

.edu-biz .spotlight-band::before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 55%;
height: 100%;
background: linear-gradient(143deg, #E3E3E4 0%, #ADA6A5 100%);
clip-path: polygon(18% 0%, 100% 0%, 100% 100%, 0% 100%);
z-index: 0;
pointer-events: none;
}

.edu-biz .spotlight-band::after {
content: '';
position: absolute;
top: -40px;
right: 8%;
width: 220px;
height: 220px;
border: 2px solid rgba(106, 115, 115, 0.13);
border-radius: 50%;
z-index: 0;
pointer-events: none;
}

.edu-biz .spotlight-inner {
position: relative;
z-index: 1;
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-direction: row;
align-items: center;
gap: 32px;
}

.edu-biz .spotlight-text {
flex: 1 1 0;
min-width: 0;
}

.edu-biz .eyebrow-label {
display: inline-block;
font-size: 16px;
line-height: 1.45;
letter-spacing: 0.12em;
color: #6A7373;
text-transform: uppercase;
margin-bottom: 16px;
border-bottom: 1px solid #ADA6A5;
padding-bottom: 4px;
}

.edu-biz .main-heading {
font-size: 58px;
line-height: 1.15;
letter-spacing: -0.02em;
color: transparent;
-webkit-text-stroke: 2px #2c3333;
margin-bottom: 16px;
}

.edu-biz .main-heading .part-accent {
-webkit-text-stroke: 2px #6A7373;
}

.edu-biz .spotlight-sub {
font-size: 19px;
line-height: 1.7;
color: #2c3333;
max-width: 480px;
margin-bottom: 32px;
}

.edu-biz .stat-inline {
display: inline-flex;
flex-direction: row;
align-items: baseline;
gap: 4px;
margin-bottom: 32px;
}

.edu-biz .stat-int {
font-size: 42px;
line-height: 1.15;
letter-spacing: -0.03em;
color: #2c3333;
}

.edu-biz .stat-frac {
font-size: 23px;
line-height: 1.15;
color: #6A7373;
letter-spacing: -0.01em;
}

.edu-biz .stat-label {
font-size: 16px;
line-height: 1.45;
color: #6A7373;
letter-spacing: 0.04em;
margin-left: 8px;
}

.edu-biz .btn-primary {
position: relative;
display: inline-block;
padding: 16px 32px;
font-size: 16px;
line-height: 1.45;
letter-spacing: 0.06em;
color: #2c3333;
border: 1px solid #6A7373;
border-radius: 2px;
background: transparent;
cursor: pointer;
overflow: hidden;
text-decoration: none;
transition: color 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}

.edu-biz .btn-primary::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(143deg, #6A7373 0%, #ADA6A5 100%);
transition: left 0.55s cubic-bezier(0.22, 1, 0.36, 1);
z-index: 0;
}

.edu-biz .btn-primary:hover::before {
left: 0;
}

.edu-biz .btn-primary:hover {
color: #ffffff;
}

.edu-biz .btn-primary span {
position: relative;
z-index: 1;
}

.edu-biz .btn-primary:focus-visible {
outline: 2px solid #6A7373;
outline-offset: 4px;
}

.edu-biz .spotlight-media {
flex: 0 0 380px;
position: relative;
}

.edu-biz .img-frame {
position: relative;
width: 380px;
height: 380px;
border-radius: 24px;
overflow: hidden;
box-shadow: 2px 9px 36px 0 rgba(106, 115, 115, 0.11);
}

.edu-biz .img-frame img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}

.edu-biz .img-frame::after {
content: '';
position: absolute;
inset: 0;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23grain)' opacity='0.08'/%3E%3C/svg%3E");
border-radius: 24px;
pointer-events: none;
}

.edu-biz .deco-ring {
position: absolute;
bottom: -16px;
right: -16px;
width: 96px;
height: 96px;
border: 3px solid rgba(173, 166, 165, 0.35);
border-radius: 50%;
pointer-events: none;
}

.edu-biz .deco-ring-inner {
position: absolute;
bottom: 8px;
right: 8px;
width: 56px;
height: 56px;
border: 2px solid rgba(106, 115, 115, 0.2);
border-radius: 50%;
pointer-events: none;
}

.edu-biz .strip-divider {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
max-width: 1200px;
margin: 0 auto;
padding: 0 32px;
}

.edu-biz .strip-divider .line {
flex: 1 1 0;
height: 1px;
background: #E3E3E4;
}

.edu-biz .strip-divider .word {
font-size: 16px;
line-height: 1.45;
letter-spacing: 0.1em;
color: #ADA6A5;
text-transform: uppercase;
}

.edu-biz .program-band {
position: relative;
padding: 64px 32px;
background: #f5f5f5;
}

.edu-biz .program-band::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: repeating-linear-gradient(143deg,
rgba(106, 115, 115, 0.04) 0px,
rgba(106, 115, 115, 0.04) 1px,
transparent 1px,
transparent 48px);
pointer-events: none;
z-index: 0;
}

.edu-biz .program-inner {
position: relative;
z-index: 1;
max-width: 1200px;
margin: 0 auto;
}

.edu-biz .program-top {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 32px;
margin-bottom: 48px;
}

.edu-biz .program-heading-col {
flex: 0 0 auto;
max-width: 420px;
}

.edu-biz .program-heading {
font-size: 42px;
line-height: 1.15;
letter-spacing: -0.02em;
color: transparent;
-webkit-text-stroke: 2px #2c3333;
margin-bottom: 16px;
}

.edu-biz .program-heading .accent-stroke {
-webkit-text-stroke: 2px #6A7373;
}

.edu-biz .program-desc-col {
flex: 1 1 0;
min-width: 0;
padding-top: 8px;
}

.edu-biz .program-desc {
font-size: 19px;
line-height: 1.7;
color: #2c3333;
}

.edu-biz .feature-strip {
display: flex;
flex-direction: row;
gap: 16px;
margin-bottom: 48px;
flex-wrap: wrap;
}

.edu-biz .feat-item {
flex: 1 1 140px;
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
padding: 16px;
background: #ffffff;
border-radius: 2px;
box-shadow: 2px 1px 3px 0 rgba(106, 115, 115, 0.07);
transition: box-shadow 0.5s cubic-bezier(0.22, 1, 0.36, 1), transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.edu-biz .feat-item:hover {
box-shadow: 2px 7px 20px 0 rgba(106, 115, 115, 0.08);
transform: translateY(-4px);
}

.edu-biz .feat-icon {
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
color: #6A7373;
font-size: 23px;
}

.edu-biz .feat-label {
font-size: 16px;
line-height: 1.45;
color: #2c3333;
text-align: center;
letter-spacing: 0.02em;
}

.edu-biz .modules-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
margin-bottom: 48px;
}

.edu-biz .module-card {
background: #ffffff;
border-radius: 2px;
padding: 32px;
box-shadow: 2px 1px 3px 0 rgba(106, 115, 115, 0.07);
position: relative;
overflow: hidden;
transition: box-shadow 0.6s cubic-bezier(0.22, 1, 0.36, 1), transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
cursor: default;
}

.edu-biz .module-card:hover {
box-shadow: 2px 9px 36px 0 rgba(106, 115, 115, 0.11);
transform: scale(1.025);
}

.edu-biz .module-card.inactive:not(:hover) {
transform: scale(0.97);
opacity: 0.82;
}

.edu-biz .module-num {
font-size: 42px;
line-height: 1.15;
letter-spacing: -0.04em;
color: #E3E3E4;
position: absolute;
top: 16px;
right: 16px;
}

.edu-biz .module-tag {
font-size: 16px;
line-height: 1.45;
letter-spacing: 0.08em;
color: #6A7373;
text-transform: uppercase;
margin-bottom: 8px;
}

.edu-biz .module-title {
font-size: 23px;
line-height: 1.45;
color: #2c3333;
margin-bottom: 16px;
letter-spacing: -0.01em;
}

.edu-biz .module-text {
font-size: 16px;
line-height: 1.7;
color: #4a5252;
}

.edu-biz .module-card .card-deco {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background: linear-gradient(143deg, #6A7373 0%, #ADA6A5 100%);
transform: scaleX(0);
transform-origin: left;
transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}

.edu-biz .module-card:hover .card-deco {
transform: scaleX(1);
}

.edu-biz .testimonials-row {
display: flex;
flex-direction: row;
gap: 32px;
align-items: stretch;
}

.edu-biz .testimonial-card {
flex: 1 1 0;
background: linear-gradient(143deg, #E3E3E4 0%, rgba(173, 166, 165, 0.3) 100%);
border-radius: 24px;
padding: 32px;
display: flex;
flex-direction: column;
gap: 16px;
box-shadow: 2px 7px 20px 0 rgba(106, 115, 115, 0.08);
}

.edu-biz .testimonial-quote {
font-size: 19px;
line-height: 1.7;
color: #2c3333;
flex: 1 1 auto;
}

.edu-biz .testimonial-person {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
}

.edu-biz .portrait-wrap {
width: 56px;
height: 56px;
border-radius: 50%;
overflow: hidden;
flex-shrink: 0;
box-shadow: 2px 1px 3px 0 rgba(106, 115, 115, 0.07);
}

.edu-biz .portrait-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}

.edu-biz .person-info {
display: flex;
flex-direction: column;
gap: 4px;
}

.edu-biz .person-name {
font-size: 16px;
line-height: 1.45;
color: #2c3333;
letter-spacing: 0.02em;
}

.edu-biz .person-role {
font-size: 16px;
line-height: 1.45;
color: #6A7373;
letter-spacing: 0.04em;
}

@media (max-width: 1200px) {
.edu-biz .spotlight-media {
flex: 0 0 320px;
}

.edu-biz .img-frame {
width: 320px;
height: 320px;
}

.edu-biz .modules-grid {
grid-template-columns: repeat(2, 1fr);
}
}

@media (max-width: 900px) {
.edu-biz .spotlight-inner {
flex-direction: column;
}

.edu-biz .spotlight-media {
flex: 0 0 auto;
width: 100%;
display: flex;
justify-content: center;
}

.edu-biz .img-frame {
width: 280px;
height: 280px;
}

.edu-biz .program-top {
flex-direction: column;
gap: 16px;
}

.edu-biz .program-heading-col {
max-width: 100%;
}

.edu-biz .testimonials-row {
flex-direction: column;
}

.edu-biz .main-heading {
font-size: 42px;
}
}

@media (max-width: 600px) {
.edu-biz .spotlight-band {
padding: 32px 16px;
}

.edu-biz .spotlight-band::before {
width: 100%;
clip-path: none;
opacity: 0.15;
}

.edu-biz .main-heading {
font-size: 30px;
}

.edu-biz .program-band {
padding: 32px 16px;
}

.edu-biz .modules-grid {
grid-template-columns: 1fr;
}

.edu-biz .feature-strip {
flex-direction: column;
}

.edu-biz .feat-item {
flex-direction: row;
align-items: center;
text-align: left;
justify-content: flex-start;
}

.edu-biz .program-heading {
font-size: 30px;
}

.edu-biz .strip-divider {
padding: 0 16px;
}
}

.success-pg {
min-height: 80vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 32px 16px;
background: #ffffff;
}

.success-pg .success-wrap {
max-width: 600px;
width: 100%;
text-align: center;
padding: 32px;
background: #ffffff;
border-radius: 24px;
box-shadow: 2px 9px 36px 0 rgba(106, 115, 115, 0.11);
}

.success-pg .check-figure {
width: 72px;
height: 72px;
margin: 0 auto 32px;
border-radius: 24px;
background: linear-gradient(143deg, #6A7373, #ADA6A5);
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
}

.success-pg .check-figure svg {
display: block;
}

.success-pg .success-heading {
font-size: 42px;
line-height: 1.15;
letter-spacing: -0.02em;
color: #2c3333;
margin: 0 0 16px;
-webkit-text-stroke: 1.5px #6A7373;
color: transparent;
}

.success-pg .success-sub {
font-size: 19px;
line-height: 1.7;
color: #4a5252;
margin: 0 0 32px;
}

.success-pg .success-divider {
width: 48px;
height: 2px;
background: linear-gradient(143deg, #6A7373, #ADA6A5);
border-radius: 2px;
margin: 0 auto 32px;
}

.success-pg .success-detail {
font-size: 16px;
line-height: 1.7;
color: #6A7373;
margin: 0 0 32px;
letter-spacing: 0.01em;
}

.success-pg .back-link {
display: inline-block;
padding: 16px 32px;
border-radius: 2px;
border: 2px solid #6A7373;
color: #6A7373;
font-size: 16px;
line-height: 1.15;
letter-spacing: 0.06em;
text-decoration: none;
background: transparent;
position: relative;
overflow: hidden;
transition: color 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}

.success-pg .back-link::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(143deg, #6A7373, #ADA6A5);
transform: translateX(-100%);
transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
z-index: 0;
}

.success-pg .back-link:hover::before {
transform: translateX(0);
}

.success-pg .back-link:hover {
color: #ffffff;
}

.success-pg .back-link span {
position: relative;
z-index: 1;
}

.success-pg .back-link:focus-visible {
outline: 2px solid #6A7373;
outline-offset: 4px;
}

.success-pg .meta-row {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 8px;
margin: 0 0 32px;
}

.success-pg .meta-dot {
width: 6px;
height: 6px;
border-radius: 2px;
background: #ADA6A5;
display: block;
}

.success-pg .meta-text {
font-size: 16px;
line-height: 1.45;
color: #ADA6A5;
letter-spacing: 0.04em;
}

@media (max-width: 600px) {
.success-pg .success-wrap {
padding: 32px 16px;
}

.success-pg .success-heading {
font-size: 30px;
}

.success-pg .success-sub {
font-size: 16px;
}
}