* {
box-sizing: border-box;
}

body {
margin: 0;
overscroll-behavior: contain;
overflow-x: hidden;
}

.top-strip {
background: #BC2999;
padding: 0 32px;
}

.top-strip-plate {
max-width: 1170px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
min-height: 44px;
}

.primary-menu-deck {
display: flex;
align-items: center;
gap: 8px;
list-style: none;
margin: 0;
padding: 0;
flex-wrap: wrap;
}

.primary-menu-deck li {
display: flex;
align-items: center;
}

.primary-menu-deck a {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-weight: 600;
color: #fff;
text-decoration: none;
padding: 8px 16px;
border-radius: 4px;
letter-spacing: 0.04em;
transition: background-color 0.45s cubic-bezier(0.16, 1, 0.3, 1), color 0.45s cubic-bezier(0.16, 1, 0.3, 1);
display: block;
min-height: 44px;
display: flex;
align-items: center;
}

.primary-menu-deck a:hover {
background-color: rgba(255, 255, 255, 0.15);
color: #fff;
}

.primary-menu-deck a:focus {
outline: 3px solid;
outline-color: #fff;
outline-offset: 2px;
border-radius: 4px;
}

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

.strip-phone-link,
.strip-email-link {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
color: rgba(255, 255, 255, 0.9);
text-decoration: none;
letter-spacing: 0.02em;
transition: color 0.4s ease-in-out;
}

.strip-phone-link:hover,
.strip-email-link:hover {
color: #fff;
}

.strip-phone-link:focus,
.strip-email-link:focus {
outline: 3px solid #fff;
outline-offset: 2px;
border-radius: 4px;
}

.strip-divider {
width: 1px;
height: 16px;
background: rgba(255, 255, 255, 0.35);
}

.brand-deck {
background: #fff;
border-bottom: 2px solid #D5BEBA;
padding: 16px 32px;
}

.brand-plate {
max-width: 1170px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
gap: 32px;
}

.brand-identity-pod {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
flex-shrink: 0;
}

.brand-logo-frame {
display: flex;
align-items: center;
justify-content: center;
width: 80px;
height: 96px;
border: 2px dashed #BC2999;
border-radius: 16px;
background: #fff;
box-shadow: 0 2px 4px -2px rgba(188, 41, 153, 0.07), 0 7px 20px -2px rgba(188, 41, 153, 0.11);
padding: 8px;
}

.brand-logo-frame img {
width: 64px;
height: 80px;
object-fit: contain;
object-position: center;
display: block;
}

.brand-name-label {
font-family: 'Lora', serif;
font-size: 28px;
font-weight: 700;
color: #2a0a1f;
letter-spacing: 0.06em;
line-height: 1.1;
text-align: center;
}

.brand-tagline-label {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
color: #B8657D;
letter-spacing: 0.08em;
line-height: 1.35;
text-align: center;
font-weight: 600;
}

.proof-badge-cell {
display: flex;
align-items: center;
gap: 16px;
background: linear-gradient(135deg, #fff 0%, #fdf5fb 100%);
border: 1px solid #D5BEBA;
border-radius: 16px;
padding: 16px 32px;
box-shadow: 0 2px 4px -2px rgba(184, 101, 125, 0.07);
}

.proof-stat-cell {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
}

.proof-number {
font-family: 'Lora', serif;
font-size: 40px;
font-weight: 700;
color: #BC2999;
line-height: 1.1;
}

.proof-description {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
color: #4a1a35;
line-height: 1.35;
text-align: center;
font-weight: 600;
}

.proof-separator {
width: 1px;
height: 56px;
background: linear-gradient(to bottom, transparent, #D5BEBA, transparent);
}

@media (max-width: 768px) {
.top-strip {
padding: 0 16px;
}

.top-strip-plate {
flex-direction: column;
align-items: flex-start;
padding: 8px 0;
gap: 8px;
}

.primary-menu-deck {
gap: 0;
}

.primary-menu-deck a {
padding: 8px 8px;
font-size: 16px;
}

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

.brand-deck {
padding: 16px;
}

.brand-plate {
flex-direction: column;
align-items: center;
gap: 16px;
}

.proof-badge-cell {
padding: 16px;
gap: 8px;
}

.proof-number {
font-size: 28px;
}
}

@media (max-width: 375px) {
.primary-menu-deck {
flex-direction: column;
align-items: flex-start;
}

.strip-contact-pod {
flex-direction: column;
align-items: flex-start;
gap: 8px;
}

.strip-divider {
display: none;
}

.proof-badge-cell {
flex-direction: column;
gap: 8px;
}

.proof-separator {
width: 56px;
height: 1px;
}
}

.site-footer {
background: #2a0a1f;
position: relative;
}

.footer-texture-layer {
position: absolute;
inset: 0;
background-image: repeating-linear-gradient(45deg,
transparent,
transparent 18px,
rgba(188, 41, 153, 0.03) 18px,
rgba(188, 41, 153, 0.03) 19px);
pointer-events: none;
}

.footer-upper-deck {
padding: 56px 32px 32px;
position: relative;
}

.footer-upper-plate {
max-width: 1170px;
margin: 0 auto;
}

.footer-grid-pod {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 56px;
}

.footer-brand-cell {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
}

.footer-logo-frame {
display: flex;
align-items: center;
justify-content: center;
width: 72px;
height: 88px;
border: 2px dashed rgba(188, 41, 153, 0.6);
border-radius: 16px;
background: rgba(255, 255, 255, 0.06);
box-shadow: 0 2px 4px -2px rgba(188, 41, 153, 0.07), 0 7px 20px -2px rgba(188, 41, 153, 0.11);
padding: 8px;
}

.footer-logo-frame img {
width: 56px;
height: 72px;
object-fit: contain;
object-position: center;
display: block;
}

.footer-brand-name {
font-family: 'Lora', serif;
font-size: 28px;
font-weight: 700;
color: #fff;
letter-spacing: 0.06em;
line-height: 1.1;
}

.footer-brand-description {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
color: rgba(213, 190, 186, 0.8);
line-height: 1.55;
font-weight: 400;
}

.footer-address-cell {
display: flex;
flex-direction: column;
gap: 16px;
}

.footer-group-label {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-weight: 700;
color: #BC2999;
letter-spacing: 0.1em;
line-height: 1.1;
text-transform: uppercase;
}

.footer-address-block {
display: flex;
flex-direction: column;
gap: 8px;
}

.footer-address-line {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
color: rgba(255, 255, 255, 0.85);
line-height: 1.55;
}

.footer-contact-link {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
color: #D5BEBA;
text-decoration: none;
line-height: 1.55;
transition: color 0.4s ease-in-out;
display: block;
}

.footer-contact-link:hover {
color: #fff;
}

.footer-contact-link:focus {
outline: 3px solid #BC2999;
outline-offset: 2px;
border-radius: 4px;
}

.footer-links-cell {
display: flex;
flex-direction: column;
gap: 16px;
}

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

.footer-links-list a {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
color: rgba(213, 190, 186, 0.85);
text-decoration: none;
line-height: 1.55;
transition: color 0.38s cubic-bezier(0.16, 1, 0.3, 1);
}

.footer-links-list a:hover {
color: #fff;
}

.footer-links-list a:focus {
outline: 3px solid #BC2999;
outline-offset: 2px;
border-radius: 4px;
}

.footer-divider-rule {
border: none;
border-top: 1px solid rgba(188, 41, 153, 0.25);
margin: 0 32px;
position: relative;
}

.footer-lower-deck {
padding: 32px 32px 56px;
position: relative;
}

.footer-lower-plate {
max-width: 1170px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
flex-wrap: wrap;
}

.footer-copyright-text {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
color: rgba(213, 190, 186, 0.6);
line-height: 1.35;
}

.footer-legal-links {
display: flex;
gap: 16px;
list-style: none;
margin: 0;
padding: 0;
}

.footer-legal-links a {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
color: rgba(213, 190, 186, 0.6);
text-decoration: underline;
text-underline-offset: 3px;
transition: color 0.42s cubic-bezier(0.16, 1, 0.3, 1);
}

.footer-legal-links a:hover {
color: #D5BEBA;
}

.footer-legal-links a:focus {
outline: 3px solid #BC2999;
outline-offset: 2px;
border-radius: 4px;
}

@media (max-width: 768px) {
.footer-grid-pod {
grid-template-columns: 1fr 1fr;
gap: 32px;
}

.footer-brand-cell {
grid-column: 1 / -1;
}

.footer-upper-deck {
padding: 32px 16px 32px;
}

.footer-divider-rule {
margin: 0 16px;
}

.footer-lower-deck {
padding: 32px 16px 32px;
}

.footer-lower-plate {
flex-direction: column;
align-items: flex-start;
gap: 8px;
}
}

@media (max-width: 375px) {
.footer-grid-pod {
grid-template-columns: 1fr;
gap: 32px;
}
}

.cookie-popup-container {
display: none;
position: fixed;
bottom: 32px;
left: 32px;
width: 300px;
z-index: 1500;
border-radius: 16px;
background: #fff;
box-shadow: 0 12px 40px -2px rgba(188, 41, 153, 0.13);
border: 1px solid #D5BEBA;
overflow: hidden;
transform: translateY(40px);
opacity: 0;
transition: transform 0.18s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.18s ease-in-out;
}

.cookie-popup-container.visible {
transform: translateY(0);
opacity: 1;
}

.cookie-popup-body {
padding: 16px;
display: flex;
flex-direction: column;
gap: 16px;
}

.cookie-icon-mark {
width: 44px;
height: 44px;
border-radius: 28px;
background: linear-gradient(135deg, #BC2999, #B8657D);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}

.cookie-icon-mark svg {
width: 24px;
height: 24px;
fill: none;
stroke: #fff;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}

.cookie-message-text {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
color: #2a0a1f;
line-height: 1.55;
}

.cookie-details-panel {
display: none;
flex-direction: column;
gap: 8px;
padding: 8px 0;
border-top: 1px solid #D5BEBA;
}

.cookie-details-panel.open {
display: flex;
}

.cookie-category-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
}

.cookie-category-name {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
color: #2a0a1f;
line-height: 1.35;
}

.cookie-category-required {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
color: #B8657D;
font-weight: 600;
}

.cookie-toggle-input {
width: 32px;
height: 18px;
cursor: pointer;
accent-color: #BC2999;
}

.cookie-actions-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
flex-wrap: wrap;
}

.cookie-action-button {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
background: none;
border: none;
cursor: pointer;
padding: 8px 0;
text-decoration: underline;
text-underline-offset: 3px;
transition: color 0.35s ease-in-out;
min-height: 44px;
}

.cookie-action-button:focus {
outline: 3px solid #BC2999;
outline-offset: 2px;
border-radius: 4px;
}

.cookie-accept-button {
color: #BC2999;
}

.cookie-accept-button:hover {
color: #8a1d70;
}

.cookie-reject-button {
color: #B8657D;
}

.cookie-reject-button:hover {
color: #2a0a1f;
}

.cookie-settings-button {
color: #B8657D;
}

.cookie-settings-button:hover {
color: #2a0a1f;
}

.legal-wrapper {
max-width: 1170px;
margin: 0 auto;
padding: 56px 32px;
}

.legal-wrapper p {
font-size: 16px;
line-height: 1.55;
color: #2d2d2d;
margin-bottom: 16px;
}

.legal-wrapper ul,
.legal-wrapper ol {
padding-left: 32px;
margin-bottom: 16px;
}

.legal-wrapper li {
font-size: 16px;
line-height: 1.55;
color: #2d2d2d;
margin-bottom: 8px;
}

.legal-wrapper ul li {
list-style-type: disc;
}

.legal-wrapper ol li {
list-style-type: decimal;
}

.legal-wrapper ul ul,
.legal-wrapper ol ol,
.legal-wrapper ul ol,
.legal-wrapper ol ul {
margin-top: 8px;
margin-bottom: 8px;
}

.legal-wrapper em,
.legal-wrapper i {
font-style: italic;
color: #B8657D;
}

.legal-wrapper a {
color: #BC2999;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
transition: color 0.45s cubic-bezier(0.16, 1, 0.3, 1), text-decoration-color 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}

.legal-wrapper a:hover {
color: #8f1f73;
text-decoration-color: #D5BEBA;
}

.legal-wrapper a:visited {
color: #B8657D;
}

.legal-wrapper table {
width: 100%;
border-collapse: collapse;
margin-bottom: 32px;
font-size: 16px;
line-height: 1.35;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 7px 20px -2px rgba(188, 41, 153, 0.11);
}

.legal-wrapper thead {
background-color: #BC2999;
}

.legal-wrapper thead th {
color: #ffffff;
font-weight: 700;
font-size: 16px;
letter-spacing: 0.04em;
padding: 16px;
text-align: left;
border-bottom: 2px solid #a02285;
}

.legal-wrapper tbody tr {
background-color: #ffffff;
transition: background-color 0.4s ease-in-out;
}

.legal-wrapper tbody tr:nth-child(even) {
background-color: #fdf4fb;
}

.legal-wrapper tbody tr:hover {
background-color: #f7e8f4;
}

.legal-wrapper td {
padding: 16px;
color: #2d2d2d;
border-bottom: 1px solid #D5BEBA;
vertical-align: top;
}

.legal-wrapper tbody tr:last-child td {
border-bottom: none;
}

.legal-wrapper hr {
border: none;
border-top: 2px solid #D5BEBA;
margin: 32px 0;
border-radius: 4px;
}

@media (max-width: 768px) {
.legal-wrapper {
padding: 32px 16px;
}

.legal-wrapper table {
display: block;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
border-radius: 16px;
}

.legal-wrapper thead th,
.legal-wrapper td {
padding: 8px 16px;
min-width: 140px;
}

.legal-wrapper ul,
.legal-wrapper ol {
padding-left: 16px;
}
}

@media (max-width: 375px) {
.legal-wrapper {
padding: 16px 8px;
}

.legal-wrapper p,
.legal-wrapper li,
.legal-wrapper td,
.legal-wrapper thead th {
font-size: 16px;
}
}

.about-us-page {
overflow-x: hidden;
}

.about-us-page * {
box-sizing: border-box;
}

.about-us-page .grid-container {
max-width: 1170px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
}

.about-us-page .reveal-on-load {
animation: revealBlur 0.55s cubic-bezier(0.16, 1, 0.3, 1) both;
}

@keyframes revealBlur {
from {
opacity: 0;
filter: blur(8px);
transform: translateY(16px);
}

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

.about-us-page .fade-in-up {
animation: fadeInUp 0.45s cubic-bezier(0.16, 1, 0.3, 1) both;
}

@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(24px);
}

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

.about-us-page .delay-1 {
animation-delay: 0.1s;
}

.about-us-page .delay-2 {
animation-delay: 0.2s;
}

.about-us-page .delay-3 {
animation-delay: 0.35s;
}

.about-us-page .delay-4 {
animation-delay: 0.45s;
}

.about-us-page .opening-block {
position: relative;
padding-top: 96px;
padding-bottom: 96px;
background-color: #fff;
overflow: hidden;
}

.about-us-page .opening-block::before {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(ellipse 80% 60% at 50% 50%, rgba(188, 41, 153, 0.08) 0%, rgba(184, 101, 125, 0.04) 55%, transparent 100%);
pointer-events: none;
}

.about-us-page .opening-block::after {
content: '';
position: absolute;
inset: 0;
background-image: repeating-linear-gradient(23deg,
transparent,
transparent 28px,
rgba(188, 41, 153, 0.03) 28px,
rgba(188, 41, 153, 0.03) 30px);
pointer-events: none;
}

.about-us-page .opening-dots-decoration {
position: absolute;
top: 0;
right: 0;
width: 320px;
height: 320px;
pointer-events: none;
overflow: hidden;
}

.about-us-page .opening-dots-decoration svg {
width: 100%;
height: 100%;
}

.about-us-page .opening-descriptor {
font-size: 16px;
line-height: 1.55;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #BC2999;
margin-bottom: 32px;
display: block;
}

.about-us-page .opening-primary-heading {
font-size: 72px;
line-height: 1.1;
color: transparent;
-webkit-text-stroke: 2px #2d1a26;
letter-spacing: -0.02em;
margin-bottom: 32px;
max-width: 700px;
}

.about-us-page .opening-lead-text {
font-size: 28px;
line-height: 1.35;
color: #2d1a26;
max-width: 560px;
margin-bottom: 56px;
}

.about-us-page .opening-accent-sentence {
display: inline-block;
background-color: rgba(188, 41, 153, 0.09);
padding: 8px 16px;
border-radius: 4px;
font-size: 16px;
line-height: 1.55;
color: #2d1a26;
border-left: 3px solid #BC2999;
border-top: 1px solid rgba(188, 41, 153, 0.2);
max-width: 480px;
}

.about-us-page .opening-year-badge {
display: inline-flex;
align-items: center;
gap: 16px;
margin-top: 56px;
}

.about-us-page .opening-year-number {
font-size: 56px;
line-height: 1.1;
color: transparent;
-webkit-text-stroke: 1.5px #B8657D;
letter-spacing: -0.03em;
}

.about-us-page .opening-year-label {
font-size: 16px;
line-height: 1.55;
color: #5a3a4a;
max-width: 140px;
}

.about-us-page .opening-divider {
width: 100%;
height: 2px;
background: linear-gradient(23deg, #BC2999 0%, #B8657D 60%, transparent 100%);
margin-top: 56px;
}

.about-us-page .story-block {
padding-top: 96px;
padding-bottom: 96px;
background-color: #f5eef3;
position: relative;
}

.about-us-page .story-block::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 2px;
background: #BC2999;
}

.about-us-page .story-layout {
display: flex;
flex-direction: row;
gap: 56px;
align-items: flex-start;
}

.about-us-page .story-image-column {
flex: 0 0 400px;
position: relative;
}

.about-us-page .story-image-wrapper {
width: 400px;
height: 480px;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 12px 40px -2px rgba(188, 41, 153, 0.13);
position: relative;
}

.about-us-page .story-image-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}

.about-us-page .story-image-wrapper::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(45, 26, 38, 0.45) 0%, transparent 55%);
pointer-events: none;
}

.about-us-page .story-image-overlay-text {
position: absolute;
bottom: 24px;
left: 24px;
right: 24px;
z-index: 2;
color: #fff;
font-size: 16px;
line-height: 1.55;
}

.about-us-page .story-text-column {
flex: 1;
padding-top: 8px;
}

.about-us-page .story-section-label {
font-size: 16px;
line-height: 1.55;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #B8657D;
margin-bottom: 16px;
display: block;
}

.about-us-page .story-heading {
font-size: 40px;
line-height: 1.1;
color: transparent;
-webkit-text-stroke: 1.5px #2d1a26;
margin-bottom: 32px;
}

.about-us-page .story-paragraph {
font-size: 16px;
line-height: 1.55;
color: #3d2232;
margin-bottom: 16px;
}

.about-us-page .story-numbered-list {
list-style: none;
padding: 0;
margin: 32px 0 0;
display: flex;
flex-direction: column;
gap: 16px;
}

.about-us-page .story-numbered-list li {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
}

.about-us-page .story-list-number {
font-size: 40px;
line-height: 1.1;
color: #BC2999;
font-weight: 700;
flex-shrink: 0;
width: 48px;
}

.about-us-page .story-list-text {
font-size: 16px;
line-height: 1.55;
color: #3d2232;
padding-top: 8px;
}

.about-us-page .team-block {
padding-top: 96px;
padding-bottom: 96px;
background-color: #fff;
position: relative;
}

.about-us-page .team-block::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 2px;
background: linear-gradient(23deg, transparent 0%, #B8657D 40%, #BC2999 100%);
}

.about-us-page .team-top-bar {
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
margin-bottom: 56px;
gap: 32px;
}

.about-us-page .team-heading-group {
flex: 1;
}

.about-us-page .team-section-label {
font-size: 16px;
line-height: 1.55;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #BC2999;
margin-bottom: 16px;
display: block;
}

.about-us-page .team-heading {
font-size: 40px;
line-height: 1.1;
color: transparent;
-webkit-text-stroke: 1.5px #2d1a26;
}

.about-us-page .team-intro-text {
flex: 0 0 360px;
font-size: 16px;
line-height: 1.55;
color: #5a3a4a;
}

.about-us-page .team-shared-bar {
height: 4px;
background: linear-gradient(23deg, #BC2999 0%, #D5BEBA 80%, transparent 100%);
border-radius: 4px;
margin-bottom: 32px;
}

.about-us-page .team-columns {
display: flex;
flex-direction: row;
gap: 32px;
align-items: flex-start;
}

.about-us-page .team-member-card {
flex: 1;
background-color: #f9f0f6;
border-radius: 28px;
padding: 32px;
box-shadow: 0 7px 20px -2px rgba(188, 41, 153, 0.11);
transition: box-shadow 0.45s cubic-bezier(0.16, 1, 0.3, 1), transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
cursor: default;
}

.about-us-page .team-member-card:hover {
box-shadow: 0 12px 40px -2px rgba(188, 41, 153, 0.13);
transform: translateY(-4px);
}

.about-us-page .team-member-card:active {
background-color: #BC2999;
}

.about-us-page .team-member-card:active .team-member-name,
.about-us-page .team-member-card:active .team-member-role,
.about-us-page .team-member-card:active .team-member-bio {
color: #fff !important;
}

.about-us-page .team-portrait-wrapper {
width: 120px;
height: 150px;
border-radius: 16px;
overflow: hidden;
margin-bottom: 16px;
box-shadow: 0 2px 4px -2px rgba(188, 41, 153, 0.07);
}

.about-us-page .team-portrait-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}

.about-us-page .team-member-name {
font-size: 28px;
line-height: 1.1;
color: #2d1a26;
margin-bottom: 8px;
transition: color 0.35s ease-in-out;
}

.about-us-page .team-member-role {
font-size: 16px;
line-height: 1.55;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #BC2999;
margin-bottom: 16px;
transition: color 0.35s ease-in-out;
}

.about-us-page .team-member-bio {
font-size: 16px;
line-height: 1.55;
color: #3d2232;
transition: color 0.35s ease-in-out;
}

.about-us-page .team-extra-column {
flex: 1;
display: flex;
flex-direction: column;
gap: 32px;
}

.about-us-page .team-stat-item {
padding: 32px;
border-radius: 16px;
background-color: #fff;
border: 1px solid rgba(188, 41, 153, 0.15);
border-top: 3px solid #BC2999;
box-shadow: 0 2px 4px -2px rgba(188, 41, 153, 0.07);
}

.about-us-page .team-stat-number {
font-size: 56px;
line-height: 1.1;
color: transparent;
-webkit-text-stroke: 1.5px #BC2999;
letter-spacing: -0.02em;
display: block;
margin-bottom: 8px;
}

.about-us-page .team-stat-description {
font-size: 16px;
line-height: 1.55;
color: #5a3a4a;
}

.about-us-page .approach-block {
padding-top: 96px;
padding-bottom: 96px;
background-color: #2d1a26;
position: relative;
overflow: hidden;
}

.about-us-page .approach-block::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 2px;
background: #D5BEBA;
pointer-events: none;
}

.about-us-page .approach-bg-image {
position: absolute;
inset: 0;
pointer-events: none;
}

.about-us-page .approach-bg-image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
opacity: 0.18;
mix-blend-mode: luminosity;
}

.about-us-page .approach-dots-left {
position: absolute;
left: 0;
bottom: 0;
width: 240px;
height: 240px;
pointer-events: none;
overflow: hidden;
}

.about-us-page .approach-dots-left svg {
width: 100%;
height: 100%;
}

.about-us-page .approach-inner {
position: relative;
z-index: 2;
}

.about-us-page .approach-label {
font-size: 16px;
line-height: 1.55;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #D5BEBA;
margin-bottom: 16px;
display: block;
}

.about-us-page .approach-heading {
font-size: 40px;
line-height: 1.1;
color: transparent;
-webkit-text-stroke: 1.5px #fff;
margin-bottom: 56px;
max-width: 640px;
}

.about-us-page .approach-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
margin-bottom: 56px;
}

.about-us-page .approach-item {
padding: 32px;
border-radius: 16px;
background-color: rgba(255, 255, 255, 0.06);
border: 1px solid rgba(213, 190, 186, 0.2);
transition: background-color 0.45s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}

.about-us-page .approach-item:hover {
background-color: rgba(188, 41, 153, 0.15);
border-color: rgba(188, 41, 153, 0.4);
}

.about-us-page .approach-item-number {
font-size: 56px;
line-height: 1.1;
color: #BC2999;
font-weight: 700;
display: block;
margin-bottom: 16px;
}

.about-us-page .approach-item-heading {
font-size: 28px;
line-height: 1.35;
color: #fff;
margin-bottom: 8px;
}

.about-us-page .approach-item-text {
font-size: 16px;
line-height: 1.55;
color: #D5BEBA;
}

.about-us-page .approach-image-row {
display: flex;
flex-direction: row;
gap: 32px;
align-items: center;
}

.about-us-page .approach-image-wrapper {
flex: 0 0 360px;
height: 240px;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 12px 40px -2px rgba(188, 41, 153, 0.13);
position: relative;
}

.about-us-page .approach-image-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}

.about-us-page .approach-image-wrapper::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(23deg, rgba(188, 41, 153, 0.35) 0%, rgba(45, 26, 38, 0.2) 100%);
mix-blend-mode: multiply;
pointer-events: none;
}

.about-us-page .approach-closing-text {
flex: 1;
}

.about-us-page .approach-closing-accent {
display: inline-block;
background-color: rgba(188, 41, 153, 0.2);
padding: 8px 16px;
border-radius: 4px;
font-size: 16px;
line-height: 1.55;
color: #D5BEBA;
border-left: 3px solid #BC2999;
border-top: 1px solid rgba(188, 41, 153, 0.3);
margin-bottom: 16px;
}

.about-us-page .approach-closing-paragraph {
font-size: 16px;
line-height: 1.55;
color: #D5BEBA;
}

@media (max-width: 1366px) {
.about-us-page .opening-primary-heading {
font-size: 56px;
}

.about-us-page .story-image-column {
flex: 0 0 320px;
}

.about-us-page .story-image-wrapper {
width: 320px;
height: 400px;
}
}

@media (max-width: 768px) {
.about-us-page .grid-container {
padding-left: 16px;
padding-right: 16px;
}

.about-us-page .opening-block {
padding-top: 56px;
padding-bottom: 56px;
}

.about-us-page .opening-primary-heading {
font-size: 40px;
}

.about-us-page .opening-lead-text {
font-size: 16px;
}

.about-us-page .opening-year-number {
font-size: 40px;
}

.about-us-page .story-block {
padding-top: 56px;
padding-bottom: 56px;
}

.about-us-page .story-layout {
flex-direction: column;
gap: 32px;
}

.about-us-page .story-image-column {
flex: none;
width: 100%;
}

.about-us-page .story-image-wrapper {
width: 100%;
height: 280px;
}

.about-us-page .story-heading {
font-size: 28px;
}

.about-us-page .team-block {
padding-top: 56px;
padding-bottom: 56px;
}

.about-us-page .team-top-bar {
flex-direction: column;
align-items: flex-start;
gap: 16px;
}

.about-us-page .team-intro-text {
flex: none;
}

.about-us-page .team-heading {
font-size: 28px;
}

.about-us-page .team-columns {
flex-direction: column;
gap: 32px;
}

.about-us-page .approach-block {
padding-top: 56px;
padding-bottom: 56px;
}

.about-us-page .approach-grid {
grid-template-columns: 1fr;
gap: 16px;
}

.about-us-page .approach-heading {
font-size: 28px;
}

.about-us-page .approach-image-row {
flex-direction: column;
gap: 16px;
}

.about-us-page .approach-image-wrapper {
flex: none;
width: 100%;
height: 200px;
}
}

@media (max-width: 375px) {
.about-us-page .opening-primary-heading {
font-size: 28px;
}

.about-us-page .opening-dots-decoration {
width: 160px;
height: 160px;
}

.about-us-page .story-list-number {
font-size: 28px;
width: 36px;
}

.about-us-page .team-stat-number {
font-size: 40px;
}

.about-us-page .approach-item-number {
font-size: 40px;
}
}

.services-page {
background-color: #f5f0f4;
overflow-x: clip;
position: relative;
}

.services-page::before {
content: '';
position: fixed;
top: -120px;
right: -120px;
width: 480px;
height: 480px;
border-radius: 50%;
border: 1px solid rgba(188, 41, 153, 0.07);
pointer-events: none;
z-index: 0;
}

.services-page::after {
content: '';
position: fixed;
bottom: 80px;
left: -80px;
width: 320px;
height: 320px;
border-radius: 50%;
border: 1px solid rgba(184, 101, 125, 0.06);
pointer-events: none;
z-index: 0;
}

.services-page .geo-circle-mid {
position: absolute;
top: 40%;
left: 50%;
transform: translateX(-50%);
width: 600px;
height: 600px;
border-radius: 50%;
border: 1px solid rgba(188, 41, 153, 0.04);
pointer-events: none;
z-index: 0;
}

.services-page .divider-tick {
display: flex;
align-items: center;
gap: 0;
width: 100%;
padding: 0;
margin: 0;
}

.services-page .divider-tick span {
flex: 1;
height: 1px;
background-color: rgba(188, 41, 153, 0.18);
position: relative;
}

.services-page .divider-tick span::before,
.services-page .divider-tick span::after {
content: '';
position: absolute;
top: -3px;
width: 1px;
height: 7px;
background-color: rgba(188, 41, 153, 0.28);
}

.services-page .divider-tick span::before {
left: 25%;
}

.services-page .divider-tick span::after {
left: 75%;
}

.services-page .offer-strip {
position: relative;
z-index: 1;
padding: 96px 0 56px;
}

.services-page .offer-strip .strip-container {
max-width: 1170px;
margin: 0 auto;
padding: 0 32px;
}

.services-page .offer-strip .strip-layout {
display: flex;
flex-direction: row;
gap: 56px;
align-items: stretch;
}

.services-page .offer-strip .strip-text-column {
flex: 0 0 52%;
display: flex;
flex-direction: column;
gap: 32px;
position: relative;
}

.services-page .offer-strip .strip-image-column {
flex: 0 0 calc(48% - 56px);
position: relative;
display: flex;
flex-direction: column;
justify-content: stretch;
}

.services-page .offer-strip .strip-label {
font-size: 16px;
line-height: 1.35;
letter-spacing: 0.12em;
color: #BC2999;
text-transform: uppercase;
font-weight: 600;
}

.services-page .offer-strip .strip-heading {
font-size: 56px;
line-height: 1.1;
color: #1b0d17;
font-weight: 800;
margin: 0;
}

.services-page .offer-strip .strip-heading em {
font-style: normal;
-webkit-text-stroke: 1.5px #BC2999;
color: transparent;
}

.services-page .offer-strip .strip-description {
font-size: 16px;
line-height: 1.55;
color: #3a2030;
max-width: 480px;
margin: 0;
}

.services-page .offer-strip .strip-accent-sentence {
background-color: rgba(188, 41, 153, 0.08);
border-radius: 4px;
padding: 16px;
font-size: 16px;
line-height: 1.55;
color: #1b0d17;
font-weight: 500;
border-left: 3px solid #BC2999;
border-top: 1px solid rgba(188, 41, 153, 0.15);
}

.services-page .offer-strip .strip-image-wrapper {
width: 100%;
height: 100%;
min-height: 420px;
overflow: hidden;
border-radius: 16px;
position: relative;
filter: grayscale(100%) contrast(1.15);
}

.services-page .offer-strip .strip-image-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}

.services-page .offer-strip .strip-image-overlay {
position: absolute;
inset: 0;
background: linear-gradient(23deg, rgba(188, 41, 153, 0.22) 0%, transparent 65%);
border-radius: 16px;
}

.services-page .offer-strip .strip-deco-behind {
position: absolute;
top: -16px;
left: -16px;
right: 56px;
bottom: -16px;
border-radius: 28px;
border: 1px solid rgba(188, 41, 153, 0.12);
z-index: -1;
pointer-events: none;
}

.services-page .offer-strip .strip-metrics-row {
display: flex;
flex-direction: row;
gap: 32px;
margin-top: 8px;
}

.services-page .offer-strip .metric-item {
display: flex;
flex-direction: column;
gap: 8px;
}

.services-page .offer-strip .metric-number {
font-size: 40px;
line-height: 1.1;
color: #BC2999;
font-weight: 800;
}

.services-page .offer-strip .metric-label {
font-size: 16px;
line-height: 1.35;
color: #5a3048;
}

.services-page .service-detail {
position: relative;
z-index: 1;
padding: 56px 0 96px;
background-color: #ffffff;
}

.services-page .service-detail .detail-container {
max-width: 1170px;
margin: 0 auto;
padding: 0 32px;
}

.services-page .service-detail .detail-label {
font-size: 16px;
line-height: 1.35;
letter-spacing: 0.1em;
color: #B8657D;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 32px;
}

.services-page .service-detail .detail-heading {
font-size: 40px;
line-height: 1.1;
color: #1b0d17;
font-weight: 800;
margin: 0 0 56px;
max-width: 640px;
}

.services-page .service-detail .detail-heading em {
font-style: normal;
-webkit-text-stroke: 1.5px #B8657D;
color: transparent;
}

.services-page .service-detail .detail-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 32px;
margin-bottom: 56px;
}

.services-page .service-detail .detail-grid .accent-card {
grid-column: span 2;
background: linear-gradient(23deg, rgba(188, 41, 153, 0.09) 0%, rgba(213, 190, 186, 0.25) 72%);
border-radius: 28px;
padding: 56px;
display: flex;
flex-direction: column;
gap: 32px;
box-shadow: 0 7px 20px -2px rgba(188, 41, 153, 0.11);
position: relative;
overflow: hidden;
}

.services-page .service-detail .detail-grid .accent-card::before {
content: '';
position: absolute;
top: -32px;
right: -32px;
width: 180px;
height: 180px;
border-radius: 50%;
border: 1px solid rgba(188, 41, 153, 0.1);
pointer-events: none;
}

.services-page .service-detail .detail-grid .accent-card .card-number {
font-size: 72px;
line-height: 1.1;
color: rgba(188, 41, 153, 0.15);
font-weight: 900;
}

.services-page .service-detail .detail-grid .accent-card .card-heading {
font-size: 28px;
line-height: 1.35;
color: #1b0d17;
font-weight: 700;
margin: 0;
}

.services-page .service-detail .detail-grid .accent-card .card-text {
font-size: 16px;
line-height: 1.55;
color: #3a2030;
margin: 0;
}

.services-page .service-detail .detail-grid .plain-card {
background-color: #f5f0f4;
border-radius: 16px;
padding: 32px;
display: flex;
flex-direction: column;
gap: 16px;
box-shadow: 0 2px 4px -2px rgba(188, 41, 153, 0.07);
transition: box-shadow 0.45s cubic-bezier(0.16, 1, 0.3, 1), transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
cursor: default;
}

.services-page .service-detail .detail-grid .plain-card:hover {
box-shadow: 0 12px 40px -2px rgba(188, 41, 153, 0.13);
transform: translateY(-4px);
}

.services-page .service-detail .detail-grid .plain-card:active {
transform: scale(0.97);
transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.services-page .service-detail .detail-grid .plain-card .card-number {
font-size: 40px;
line-height: 1.1;
color: #BC2999;
font-weight: 900;
}

.services-page .service-detail .detail-grid .plain-card .card-heading {
font-size: 16px;
line-height: 1.35;
color: #1b0d17;
font-weight: 700;
margin: 0;
}

.services-page .service-detail .detail-grid .plain-card .card-text {
font-size: 16px;
line-height: 1.55;
color: #3a2030;
margin: 0;
}

.services-page .service-detail .detail-row {
display: flex;
flex-direction: row;
gap: 32px;
align-items: stretch;
}

.services-page .service-detail .detail-row .row-left {
flex: 0 0 56%;
display: flex;
flex-direction: column;
gap: 32px;
}

.services-page .service-detail .detail-row .row-right {
flex: 1;
display: flex;
flex-direction: column;
gap: 16px;
}

.services-page .service-detail .detail-row .process-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 16px;
}

.services-page .service-detail .detail-row .process-list li {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
padding: 16px;
border-radius: 16px;
background-color: #f5f0f4;
transition: background-color 0.5s ease-in-out;
}

.services-page .service-detail .detail-row .process-list li:hover {
background-color: rgba(188, 41, 153, 0.07);
}

.services-page .service-detail .detail-row .process-list .step-num {
font-size: 28px;
line-height: 1.1;
color: #BC2999;
font-weight: 900;
flex-shrink: 0;
width: 40px;
}

.services-page .service-detail .detail-row .process-list .step-body {
display: flex;
flex-direction: column;
gap: 8px;
}

.services-page .service-detail .detail-row .process-list .step-title {
font-size: 16px;
line-height: 1.35;
color: #1b0d17;
font-weight: 700;
margin: 0;
}

.services-page .service-detail .detail-row .process-list .step-desc {
font-size: 16px;
line-height: 1.55;
color: #3a2030;
margin: 0;
}

.services-page .service-detail .detail-row .testimonial-block {
background: linear-gradient(23deg, #1b0d17 0%, #3a1428 72%);
border-radius: 28px;
padding: 32px;
display: flex;
flex-direction: column;
gap: 32px;
box-shadow: 0 12px 40px -2px rgba(188, 41, 153, 0.13);
flex: 1;
}

.services-page .service-detail .detail-row .testimonial-block .quote-mark {
width: 32px;
height: 24px;
flex-shrink: 0;
}

.services-page .service-detail .detail-row .testimonial-block .quote-text {
font-size: 16px;
line-height: 1.55;
color: #f5f0f4;
margin: 0;
flex: 1;
}

.services-page .service-detail .detail-row .testimonial-block .quote-author {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
}

.services-page .service-detail .detail-row .testimonial-block .author-portrait {
width: 56px;
height: 70px;
overflow: hidden;
flex-shrink: 0;
}

.services-page .service-detail .detail-row .testimonial-block .author-portrait img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}

.services-page .service-detail .detail-row .testimonial-block .author-name {
font-size: 16px;
line-height: 1.35;
color: #ffffff;
font-weight: 700;
margin: 0;
}

.services-page .service-detail .detail-row .testimonial-block .author-role {
font-size: 16px;
line-height: 1.35;
color: rgba(213, 190, 186, 0.8);
margin: 0;
}

.services-page .service-detail .detail-row .second-testimonial {
background-color: #f5f0f4;
border-radius: 16px;
padding: 32px;
display: flex;
flex-direction: column;
gap: 16px;
box-shadow: 0 2px 4px -2px rgba(188, 41, 153, 0.07);
}

.services-page .service-detail .detail-row .second-testimonial .quote-text {
font-size: 16px;
line-height: 1.55;
color: #3a2030;
margin: 0;
}

.services-page .service-detail .detail-row .second-testimonial .quote-author {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
}

.services-page .service-detail .detail-row .second-testimonial .author-portrait {
width: 56px;
height: 70px;
overflow: hidden;
flex-shrink: 0;
}

.services-page .service-detail .detail-row .second-testimonial .author-portrait img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}

.services-page .service-detail .detail-row .second-testimonial .author-name {
font-size: 16px;
line-height: 1.35;
color: #1b0d17;
font-weight: 700;
margin: 0;
}

.services-page .service-detail .detail-row .second-testimonial .author-role {
font-size: 16px;
line-height: 1.35;
color: #5a3048;
margin: 0;
}

.services-page .offer-strip .strip-cta-row {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
flex-wrap: wrap;
}

.services-page .offer-strip .primary-button {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 16px 32px;
background-color: #BC2999;
color: #ffffff;
font-size: 16px;
line-height: 1.35;
font-weight: 700;
border-radius: 44px;
border: none;
cursor: pointer;
text-decoration: none;
box-shadow: 0 7px 20px -2px rgba(188, 41, 153, 0.11);
transition: background-color 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.5s cubic-bezier(0.16, 1, 0.3, 1), transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.services-page .offer-strip .primary-button:hover {
background-color: #9e2080;
box-shadow: 0 12px 40px -2px rgba(188, 41, 153, 0.13);
}

.services-page .offer-strip .primary-button:focus {
outline: 2px solid #BC2999;
outline-offset: 3px;
}

.services-page .offer-strip .primary-button:active {
transform: scale(0.96);
}

.services-page .offer-strip .secondary-link {
font-size: 16px;
line-height: 1.35;
color: #BC2999;
font-weight: 600;
text-decoration: underline;
text-underline-offset: 3px;
transition: color 0.4s ease-in-out;
}

.services-page .offer-strip .secondary-link:hover {
color: #9e2080;
}

.services-page .slide-up {
opacity: 0;
transform: translateY(32px);
animation: slideUpReveal 0.55s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.services-page .slide-up.delay-1 {
animation-delay: 0.1s;
}

.services-page .slide-up.delay-2 {
animation-delay: 0.22s;
}

.services-page .slide-up.delay-3 {
animation-delay: 0.34s;
}

.services-page .slide-up.delay-4 {
animation-delay: 0.44s;
}

.services-page .slide-up.delay-5 {
animation-delay: 0.52s;
}

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

@media (max-width: 1366px) {
.services-page .offer-strip .strip-heading {
font-size: 40px;
}
}

@media (max-width: 768px) {
.services-page .offer-strip {
padding: 56px 0 32px;
}

.services-page .offer-strip .strip-layout {
flex-direction: column;
gap: 32px;
}

.services-page .offer-strip .strip-text-column {
flex: none;
}

.services-page .offer-strip .strip-image-column {
flex: none;
}

.services-page .offer-strip .strip-image-wrapper {
min-height: 280px;
}

.services-page .offer-strip .strip-heading {
font-size: 40px;
}

.services-page .offer-strip .strip-metrics-row {
gap: 16px;
}

.services-page .offer-strip .metric-number {
font-size: 28px;
}

.services-page .service-detail {
padding: 32px 0 56px;
}

.services-page .service-detail .detail-grid {
grid-template-columns: 1fr;
gap: 16px;
}

.services-page .service-detail .detail-grid .accent-card {
grid-column: span 1;
padding: 32px;
}

.services-page .service-detail .detail-grid .accent-card .card-number {
font-size: 40px;
}

.services-page .service-detail .detail-heading {
font-size: 28px;
}

.services-page .service-detail .detail-row {
flex-direction: column;
gap: 32px;
}

.services-page .service-detail .detail-row .row-left {
flex: none;
}
}

@media (max-width: 375px) {
.services-page .offer-strip .strip-container {
padding: 0 16px;
}

.services-page .service-detail .detail-container {
padding: 0 16px;
}

.services-page .offer-strip .strip-heading {
font-size: 28px;
}

.services-page .offer-strip .strip-metrics-row {
flex-direction: column;
gap: 16px;
}

.services-page .service-detail .detail-grid .accent-card {
padding: 16px;
}
}

.learning-program {
background-color: #ffffff;
overflow-x: clip;
}

.learning-program .program-title-block {
display: flex;
flex-direction: row;
min-height: 520px;
position: relative;
}

.learning-program .program-title-image-side {
flex: 0 0 50%;
position: relative;
overflow: hidden;
}

.learning-program .program-title-image-side img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}

.learning-program .program-title-image-side::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 60%;
background: linear-gradient(to bottom, transparent 0%, rgba(188, 41, 153, 0.38) 100%);
pointer-events: none;
}

.learning-program .program-title-image-side .program-shape-accent {
position: absolute;
top: 32px;
right: -24px;
width: 80px;
height: 80px;
background: linear-gradient(23deg, #BC2999 30%, #B8657D 100%);
clip-path: polygon(50% 0%, 80% 20%, 100% 50%, 80% 80%, 50% 100%, 20% 80%, 0% 50%, 20% 20%);
opacity: 0.72;
pointer-events: none;
z-index: 1;
}

.learning-program .program-title-text-side {
flex: 0 0 50%;
display: flex;
flex-direction: column;
justify-content: center;
padding: 56px;
background-color: #ffffff;
position: relative;
}

.learning-program .program-title-text-side .program-label-tag {
font-size: 16px;
line-height: 1.35;
letter-spacing: 0.12em;
color: #BC2999;
text-transform: uppercase;
margin-bottom: 16px;
font-weight: 600;
}

.learning-program .program-title-text-side h1 {
font-size: 56px;
line-height: 1.1;
color: #1a0a14;
margin: 0 0 32px 0;
font-weight: 800;
-webkit-text-stroke: 1.5px #BC2999;
color: transparent;
}

.learning-program .program-title-text-side .program-description-text {
font-size: 16px;
line-height: 1.55;
color: #2d1a28;
margin: 0 0 32px 0;
max-width: 440px;
}

.learning-program .program-actions-row {
display: flex;
flex-direction: row;
gap: 16px;
align-items: center;
flex-wrap: wrap;
}

.learning-program .program-action-primary {
display: inline-block;
padding: 16px 32px;
background: linear-gradient(23deg, #BC2999 30%, #B8657D 100%);
color: #ffffff;
font-size: 16px;
line-height: 1.35;
font-weight: 700;
text-decoration: none;
border-radius: 4px;
box-shadow: 0 7px 20px -2px rgba(188, 41, 153, 0.11);
transition: box-shadow 0.45s cubic-bezier(0.16, 1, 0.3, 1), transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.learning-program .program-action-primary:hover {
box-shadow: 0 12px 40px -2px rgba(188, 41, 153, 0.13);
transform: translateY(-2px);
}

.learning-program .program-action-primary:active {
transform: scale(0.97);
}

.learning-program .program-action-secondary {
display: inline-block;
padding: 16px 32px;
background: transparent;
color: #BC2999;
font-size: 16px;
line-height: 1.35;
font-weight: 600;
text-decoration: none;
border-radius: 4px;
border: 2px solid #BC2999;
transition: background 0.42s ease-in-out, color 0.42s ease-in-out;
}

.learning-program .program-action-secondary:hover {
background: #BC2999;
color: #ffffff;
}

.learning-program .program-action-secondary:active {
transform: scale(0.97);
}

.learning-program .program-title-text-side .program-diagonal-decoration {
position: absolute;
left: -32px;
top: 50%;
transform: translateY(-50%);
width: 4px;
height: 120px;
background: linear-gradient(23deg, #BC2999 0%, #D5BEBA 100%);
border-radius: 4px;
pointer-events: none;
}

.learning-program .program-process-block {
background-color: #f5eef3;
padding: 96px 0;
position: relative;
}

.learning-program .program-process-block::before {
content: "";
display: block;
width: 40px;
height: 2px;
background: #BC2999;
margin: 0 auto;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}

.learning-program .program-process-block::after {
content: "";
display: block;
width: 10px;
height: 10px;
background: #BC2999;
transform: rotate(45deg) translateX(-50%);
position: absolute;
top: -4px;
left: 50%;
margin-left: -1px;
}

.learning-program .program-container {
max-width: 1170px;
margin: 0 auto;
padding: 0 32px;
}

.learning-program .program-process-heading-area {
text-align: center;
margin-bottom: 56px;
}

.learning-program .program-process-heading-area h2 {
font-size: 40px;
line-height: 1.1;
color: transparent;
-webkit-text-stroke: 1.5px #2d1a28;
margin: 0 0 16px 0;
font-weight: 800;
}

.learning-program .program-process-heading-area .program-sub-note {
font-size: 16px;
line-height: 1.55;
color: #4a2d42;
max-width: 520px;
margin: 0 auto;
}

.learning-program .program-flow-row {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 0;
position: relative;
}

.learning-program .program-flow-step {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 0 16px;
position: relative;
animation: blur-to-sharp 0.55s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.learning-program .program-flow-step:nth-child(1) {
animation-delay: 0.1s;
}

.learning-program .program-flow-step:nth-child(3) {
animation-delay: 0.25s;
}

.learning-program .program-flow-step:nth-child(5) {
animation-delay: 0.4s;
}

.learning-program .program-flow-step:nth-child(7) {
animation-delay: 0.55s;
}

@keyframes blur-to-sharp {
from {
filter: blur(6px);
opacity: 0;
}

to {
filter: blur(0);
opacity: 1;
}
}

.learning-program .program-flow-arrow {
flex: 0 0 32px;
display: flex;
align-items: center;
justify-content: center;
padding-top: 28px;
}

.learning-program .program-flow-arrow svg {
width: 24px;
height: 24px;
flex-shrink: 0;
}

.learning-program .program-step-number {
width: 56px;
height: 56px;
border-radius: 16px;
background: linear-gradient(23deg, #BC2999 30%, #B8657D 100%);
display: flex;
align-items: center;
justify-content: center;
font-size: 28px;
line-height: 1.1;
font-weight: 800;
color: #ffffff;
margin-bottom: 16px;
box-shadow: 0 7px 20px -2px rgba(188, 41, 153, 0.11);
flex-shrink: 0;
}

.learning-program .program-step-title {
font-size: 16px;
line-height: 1.35;
font-weight: 700;
color: #1a0a14;
margin: 0 0 8px 0;
}

.learning-program .program-step-body {
font-size: 16px;
line-height: 1.55;
color: #4a2d42;
margin: 0;
}

.learning-program .program-team-block {
background-color: #ffffff;
padding: 96px 0 56px;
position: relative;
}

.learning-program .program-team-block .program-divider-line {
width: 60px;
height: 2px;
background: #D5BEBA;
margin: 0 auto 56px;
position: relative;
}

.learning-program .program-team-block .program-divider-line::after {
content: "";
display: block;
width: 8px;
height: 8px;
background: #D5BEBA;
border-radius: 4px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(45deg);
}

.learning-program .program-team-layout {
display: grid;
grid-template-columns: 200px 1fr 200px;
gap: 56px;
align-items: start;
}

.learning-program .program-team-sidebar {
display: flex;
flex-direction: column;
gap: 32px;
}

.learning-program .program-team-center {
display: flex;
flex-direction: column;
gap: 32px;
}

.learning-program .program-team-heading-group h2 {
font-size: 40px;
line-height: 1.1;
color: transparent;
-webkit-text-stroke: 1.5px #BC2999;
margin: 0 0 16px 0;
font-weight: 800;
}

.learning-program .program-team-heading-group .program-team-intro {
font-size: 16px;
line-height: 1.55;
color: #2d1a28;
margin: 0;
}

.learning-program .program-portrait-card {
display: flex;
flex-direction: column;
gap: 16px;
background: #ffffff;
border-radius: 16px;
padding: 16px;
box-shadow: 0 7px 20px -2px rgba(184, 101, 125, 0.11);
position: relative;
overflow: hidden;
}

.learning-program .program-portrait-card::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 40px;
background: linear-gradient(to bottom, transparent, rgba(188, 41, 153, 0.06));
pointer-events: none;
}

.learning-program .program-portrait-image-wrap {
width: 100%;
aspect-ratio: 5/7;
border-radius: 16px;
overflow: hidden;
flex-shrink: 0;
}

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

.learning-program .program-portrait-name {
font-size: 16px;
line-height: 1.35;
font-weight: 700;
color: #1a0a14;
margin: 0;
}

.learning-program .program-portrait-role {
font-size: 16px;
line-height: 1.35;
color: #BC2999;
margin: 0;
font-weight: 500;
}

.learning-program .program-portrait-quote {
font-size: 16px;
line-height: 1.55;
color: #4a2d42;
margin: 0;
font-style: italic;
}

.learning-program .program-metric-row {
display: flex;
flex-direction: column;
gap: 16px;
}

.learning-program .program-metric-item {
background: linear-gradient(23deg, #BC2999 30%, #B8657D 100%);
border-radius: 16px;
padding: 32px;
color: #ffffff;
box-shadow: 0 12px 40px -2px rgba(188, 41, 153, 0.13);
}

.learning-program .program-metric-value {
font-size: 40px;
line-height: 1.1;
font-weight: 800;
display: block;
margin-bottom: 8px;
}

.learning-program .program-metric-label {
font-size: 16px;
line-height: 1.35;
opacity: 0.88;
display: block;
}

.learning-program .program-accent-sentence {
background: linear-gradient(23deg, rgba(188, 41, 153, 0.09) 30%, rgba(213, 190, 186, 0.18) 100%);
border-radius: 4px;
padding: 16px 32px;
font-size: 16px;
line-height: 1.55;
color: #2d1a28;
font-weight: 600;
border-left: 4px solid #BC2999;
border-right: 1px solid #D5BEBA;
}

.learning-program .program-no-portrait-card {
background: #f5eef3;
border-radius: 16px;
padding: 32px;
display: flex;
flex-direction: column;
gap: 8px;
}

.learning-program .program-no-portrait-name {
font-size: 16px;
line-height: 1.35;
font-weight: 700;
color: #1a0a14;
}

.learning-program .program-no-portrait-role {
font-size: 16px;
line-height: 1.35;
color: #BC2999;
font-weight: 500;
}

.learning-program .program-no-portrait-quote {
font-size: 16px;
line-height: 1.55;
color: #4a2d42;
font-style: italic;
margin-top: 8px;
}

@media (max-width: 1366px) {
.learning-program .program-team-layout {
grid-template-columns: 180px 1fr 180px;
gap: 32px;
}
}

@media (max-width: 768px) {
.learning-program .program-title-block {
flex-direction: column;
min-height: auto;
}

.learning-program .program-title-image-side {
flex: 0 0 280px;
height: 280px;
}

.learning-program .program-title-text-side {
flex: none;
padding: 32px;
}

.learning-program .program-title-text-side h1 {
font-size: 40px;
}

.learning-program .program-title-text-side .program-diagonal-decoration {
display: none;
}

.learning-program .program-flow-row {
flex-direction: column;
align-items: stretch;
gap: 16px;
}

.learning-program .program-flow-arrow {
display: none;
}

.learning-program .program-flow-step {
padding: 16px;
background: #ffffff;
border-radius: 16px;
box-shadow: 0 2px 4px -2px rgba(188, 41, 153, 0.07);
}

.learning-program .program-team-layout {
grid-template-columns: 1fr;
gap: 32px;
}

.learning-program .program-team-sidebar {
flex-direction: row;
flex-wrap: wrap;
}

.learning-program .program-portrait-card {
flex: 1 1 140px;
}

.learning-program .program-process-block {
padding: 56px 0;
}

.learning-program .program-team-block {
padding: 56px 0 32px;
}
}

@media (max-width: 375px) {
.learning-program .program-title-text-side {
padding: 32px 16px;
}

.learning-program .program-title-text-side h1 {
font-size: 28px;
}

.learning-program .program-actions-row {
flex-direction: column;
align-items: flex-start;
}

.learning-program .program-container {
padding: 0 16px;
}

.learning-program .program-process-heading-area h2 {
font-size: 28px;
}

.learning-program .program-team-heading-group h2 {
font-size: 28px;
}

.learning-program .program-metric-value {
font-size: 28px;
}
}

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

.prime .page-container {
max-width: 1170px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
}

.prime .title-block {
position: relative;
background: linear-gradient(23deg, #BC2999 0%, #D5BEBA 72%);
padding-top: 96px;
padding-bottom: 96px;
}

.prime .title-block-shapes {
position: absolute;
inset: 0;
pointer-events: none;
overflow: hidden;
}

.prime .title-block-shapes .shape-circle {
position: absolute;
border-radius: 44px;
border: 2px solid rgba(255, 255, 255, 0.18);
width: 340px;
height: 340px;
top: -80px;
right: -60px;
transform: rotate(18deg);
}

.prime .title-block-shapes .shape-ring {
position: absolute;
border-radius: 44px;
border: 1px solid rgba(255, 255, 255, 0.10);
width: 200px;
height: 200px;
bottom: 32px;
left: 8%;
transform: rotate(-12deg);
}

.prime .title-block-shapes .shape-square {
position: absolute;
border-radius: 16px;
border: 1.5px dashed rgba(255, 255, 255, 0.12);
width: 120px;
height: 120px;
top: 40%;
right: 22%;
transform: rotate(30deg);
}

.prime .title-block-image-wrap {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 38%;
overflow: hidden;
}

.prime .title-block-image-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
opacity: 0.18;
display: block;
}

.prime .title-block-body {
position: relative;
max-width: 640px;
}

.prime .title-label {
display: inline-block;
font-size: 16px;
letter-spacing: 0.12em;
color: rgba(255, 255, 255, 0.85);
text-transform: uppercase;
margin-bottom: 32px;
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 4px;
padding: 8px 16px;
}

.prime .title-heading {
font-size: 72px;
line-height: 1.1;
color: #fff;
margin: 0 0 32px 0;
font-weight: 800;
}

.prime .title-heading .underline-word {
display: inline;
text-decoration: underline;
text-decoration-color: rgba(255, 255, 255, 0.45);
text-underline-offset: 6px;
text-decoration-thickness: 3px;
}

.prime .title-subtext {
font-size: 16px;
line-height: 1.55;
color: rgba(255, 255, 255, 0.88);
max-width: 480px;
margin: 0 0 56px 0;
}

.prime .title-metrics {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
max-width: 440px;
}

.prime .metric-cell {
background: rgba(255, 255, 255, 0.13);
border-radius: 16px;
padding: 16px;
border: 1px solid rgba(255, 255, 255, 0.2);
animation: fade-up 0.45s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.prime .metric-cell:nth-child(2) {
animation-delay: 0.08s;
}

.prime .metric-cell:nth-child(3) {
animation-delay: 0.16s;
}

.prime .metric-cell:nth-child(4) {
animation-delay: 0.24s;
}

@keyframes fade-up {
from {
opacity: 0;
transform: translateY(16px);
}

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

.prime .metric-number {
font-size: 40px;
line-height: 1.1;
font-weight: 800;
color: #fff;
display: block;
}

.prime .metric-desc {
font-size: 16px;
line-height: 1.35;
color: rgba(255, 255, 255, 0.78);
display: block;
margin-top: 8px;
}

.prime .divider-diagonal {
height: 3px;
background: linear-gradient(23deg, #BC2999 0%, transparent 100%);
margin: 0;
}

.prime .example-section {
padding-top: 96px;
padding-bottom: 96px;
background: #fff;
position: relative;
}

.prime .example-section::before {
content: '';
position: absolute;
inset: 0;
background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23BC2999' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
pointer-events: none;
}

.prime .example-grid {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 56px;
align-items: start;
position: relative;
}

.prime .example-label {
font-size: 16px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #BC2999;
margin-bottom: 16px;
display: block;
}

.prime .example-heading {
font-size: 40px;
line-height: 1.1;
font-weight: 800;
color: transparent;
-webkit-text-stroke: 2px #2a2a3d;
margin: 0 0 32px 0;
}

.prime .example-heading .accent-underline {
display: inline;
-webkit-text-stroke: 2px #BC2999;
}

.prime .example-body {
font-size: 16px;
line-height: 1.55;
color: #2a2a3d;
margin: 0 0 32px 0;
}

.prime .example-steps {
list-style: none;
padding: 0;
margin: 0 0 32px 0;
counter-reset: step-counter;
}

.prime .example-steps li {
counter-increment: step-counter;
display: flex;
gap: 16px;
align-items: flex-start;
margin-bottom: 16px;
animation: fade-up 0.45s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.prime .example-steps li:nth-child(2) {
animation-delay: 0.09s;
}

.prime .example-steps li:nth-child(3) {
animation-delay: 0.18s;
}

.prime .example-steps li:nth-child(4) {
animation-delay: 0.27s;
}

.prime .example-steps li::before {
content: counter(step-counter);
font-size: 28px;
font-weight: 800;
color: #BC2999;
line-height: 1.1;
min-width: 32px;
}

.prime .example-steps li span {
font-size: 16px;
line-height: 1.55;
color: #2a2a3d;
padding-top: 8px;
}

.prime .example-accent-sentence {
background: linear-gradient(23deg, rgba(188, 41, 153, 0.08) 0%, rgba(213, 190, 186, 0.12) 100%);
border-radius: 16px;
padding: 16px;
font-size: 16px;
line-height: 1.55;
color: #2a2a3d;
border-left: 3px solid #BC2999;
border-top: 1px solid rgba(188, 41, 153, 0.15);
}

.prime .example-image-wrap {
position: sticky;
top: 32px;
border-radius: 28px;
overflow: hidden;
box-shadow: 0 12px 40px -2px rgba(188, 41, 153, 0.13);
}

.prime .example-image-wrap img {
width: 100%;
height: 360px;
object-fit: cover;
object-position: center;
display: block;
transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}

.prime .example-image-wrap:hover img {
transform: scale(1.04);
}

.prime .dashed-connector {
display: block;
width: 1px;
height: 56px;
border-left: 2px dashed rgba(188, 41, 153, 0.3);
margin: 16px auto;
}

.prime .divider-fade {
height: 2px;
background: linear-gradient(23deg, transparent 0%, #D5BEBA 55%, transparent 100%);
}

.prime .pattern-section {
padding-top: 96px;
padding-bottom: 96px;
background: linear-gradient(23deg, #2a2a3d 0%, #3d2a38 100%);
position: relative;
overflow: hidden;
}

.prime .pattern-section-bg {
position: absolute;
inset: 0;
background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23D5BEBA' fill-opacity='0.04'%3E%3Cpath d='M0 0h80v80H0z'/%3E%3Cpath fill='none' stroke='%23D5BEBA' stroke-opacity='0.06' d='M0 40h80M40 0v80'/%3E%3C/g%3E%3C/svg%3E");
pointer-events: none;
}

.prime .pattern-top-label {
font-size: 16px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #D5BEBA;
margin-bottom: 16px;
display: block;
}

.prime .pattern-heading {
font-size: 40px;
line-height: 1.1;
font-weight: 800;
color: transparent;
-webkit-text-stroke: 2px #fff;
margin: 0 0 56px 0;
max-width: 600px;
}

.prime .pattern-heading .accent-stroke {
-webkit-text-stroke: 2px #BC2999;
}

.prime .pattern-columns {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 32px;
}

.prime .pattern-card {
background: rgba(255, 255, 255, 0.06);
border: 1px solid rgba(255, 255, 255, 0.10);
border-radius: 28px;
padding: 32px;
position: relative;
transition: background 0.45s ease-in-out, border-color 0.45s ease-in-out;
}

.prime .pattern-card:hover {
background: rgba(188, 41, 153, 0.12);
border-color: rgba(188, 41, 153, 0.35);
}

.prime .pattern-card-number {
font-size: 56px;
line-height: 1.1;
font-weight: 800;
color: transparent;
-webkit-text-stroke: 1.5px rgba(188, 41, 153, 0.5);
display: block;
margin-bottom: 16px;
}

.prime .pattern-card-heading {
font-size: 28px;
line-height: 1.35;
font-weight: 700;
color: #fff;
margin: 0 0 16px 0;
}

.prime .pattern-card-text {
font-size: 16px;
line-height: 1.55;
color: rgba(255, 255, 255, 0.72);
margin: 0;
}

.prime .pattern-portraits {
display: flex;
flex-direction: row;
gap: 32px;
margin-top: 56px;
align-items: flex-start;
}

.prime .portrait-item {
display: flex;
flex-direction: row;
gap: 16px;
align-items: flex-start;
flex: 1;
}

.prime .portrait-frame {
width: 72px;
height: 92px;
flex-shrink: 0;
overflow: hidden;
border-radius: 4px;
}

.prime .portrait-frame img {
width: 72px;
height: 92px;
object-fit: cover;
object-position: center;
display: block;
transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.prime .portrait-frame:hover img {
transform: scale(1.06);
}

.prime .portrait-text {
flex: 1;
}

.prime .portrait-name {
font-size: 16px;
font-weight: 700;
color: #fff;
display: block;
margin-bottom: 8px;
}

.prime .portrait-quote {
font-size: 16px;
line-height: 1.55;
color: rgba(255, 255, 255, 0.7);
margin: 0;
}

.prime .divider-strong {
height: 3px;
background: linear-gradient(23deg, #BC2999 0%, #D5BEBA 60%, transparent 100%);
}

.prime .recognition-section {
padding-top: 96px;
padding-bottom: 96px;
background: #f5f0f4;
position: relative;
}

.prime .recognition-section::before {
content: '';
position: absolute;
inset: 0;
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='1' fill='%23BC2999' fill-opacity='0.06'/%3E%3C/svg%3E");
pointer-events: none;
}

.prime .recognition-layout {
display: flex;
flex-direction: row;
gap: 56px;
align-items: flex-start;
position: relative;
}

.prime .recognition-left {
flex: 1;
min-width: 0;
}

.prime .recognition-right {
width: 340px;
flex-shrink: 0;
}

.prime .recognition-label {
font-size: 16px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #BC2999;
margin-bottom: 16px;
display: block;
}

.prime .recognition-heading {
font-size: 40px;
line-height: 1.1;
font-weight: 800;
color: transparent;
-webkit-text-stroke: 2px #2a2a3d;
margin: 0 0 32px 0;
}

.prime .recognition-heading .accent-word {
-webkit-text-stroke: 2px #BC2999;
}

.prime .recognition-body {
font-size: 16px;
line-height: 1.55;
color: #2a2a3d;
margin: 0 0 32px 0;
}

.prime .recognition-badges {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}

.prime .badge-item {
background: #fff;
border-radius: 16px;
padding: 16px;
border: 1px solid rgba(188, 41, 153, 0.12);
box-shadow: 0 2px 4px -2px rgba(188, 41, 153, 0.07);
transition: box-shadow 0.4s ease-in-out, border-color 0.4s ease-in-out;
}

.prime .badge-item:hover {
box-shadow: 0 7px 20px -2px rgba(188, 41, 153, 0.11);
border-color: rgba(188, 41, 153, 0.28);
}

.prime .badge-icon {
width: 32px;
height: 32px;
background: linear-gradient(23deg, #BC2999 0%, #B8657D 100%);
border-radius: 8px;
margin-bottom: 8px;
display: flex;
align-items: center;
justify-content: center;
}

.prime .badge-icon svg {
width: 18px;
height: 18px;
fill: #fff;
}

.prime .badge-name {
font-size: 16px;
font-weight: 700;
color: #2a2a3d;
display: block;
margin-bottom: 8px;
}

.prime .badge-desc {
font-size: 16px;
line-height: 1.35;
color: #5a4d5e;
}

.prime .recognition-image-wrap {
border-radius: 28px;
overflow: hidden;
box-shadow: 0 12px 40px -2px rgba(188, 41, 153, 0.13);
}

.prime .recognition-image-wrap img {
width: 340px;
height: 420px;
object-fit: cover;
object-position: center;
display: block;
transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.prime .recognition-image-wrap:hover img {
transform: scale(1.04);
}

.prime .divider-minimal {
height: 1px;
background: linear-gradient(23deg, transparent 0%, #B8657D 40%, transparent 100%);
}

.prime .clients-section {
padding-top: 96px;
padding-bottom: 96px;
background: #fff;
position: relative;
}

.prime .clients-section::before {
content: '';
position: absolute;
inset: 0;
background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h1v60H0zM59 0h1v60h-1zM0 0h60v1H0zM0 59h60v1H0z' fill='%23BC2999' fill-opacity='0.025'/%3E%3C/svg%3E");
pointer-events: none;
}

.prime .clients-header {
margin-bottom: 56px;
max-width: 620px;
}

.prime .clients-label {
font-size: 16px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #BC2999;
margin-bottom: 16px;
display: block;
}

.prime .clients-heading {
font-size: 40px;
line-height: 1.1;
font-weight: 800;
color: transparent;
-webkit-text-stroke: 2px #2a2a3d;
margin: 0 0 16px 0;
}

.prime .clients-heading .accent-word {
-webkit-text-stroke: 2px #BC2999;
}

.prime .clients-subtext {
font-size: 16px;
line-height: 1.55;
color: #2a2a3d;
margin: 0;
}

.prime .clients-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
}

.prime .client-case {
background: #fff;
border-radius: 28px;
overflow: hidden;
box-shadow: 0 7px 20px -2px rgba(188, 41, 153, 0.11);
border: 1px solid rgba(188, 41, 153, 0.08);
display: flex;
flex-direction: column;
transition: box-shadow 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.prime .client-case:hover {
box-shadow: 0 12px 40px -2px rgba(188, 41, 153, 0.13);
}

.prime .client-case-image {
overflow: hidden;
}

.prime .client-case-image img {
width: 100%;
height: 220px;
object-fit: cover;
object-position: center;
display: block;
transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.prime .client-case:hover .client-case-image img {
transform: scale(1.05);
}

.prime .client-case-body {
padding: 32px;
flex: 1;
display: flex;
flex-direction: column;
gap: 16px;
}

.prime .client-situation {
font-size: 16px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #B8657D;
}

.prime .client-case-heading {
font-size: 28px;
line-height: 1.35;
font-weight: 700;
color: #2a2a3d;
margin: 0;
}

.prime .client-case-text {
font-size: 16px;
line-height: 1.55;
color: #5a4d5e;
margin: 0;
flex: 1;
}

.prime .client-outcome {
background: linear-gradient(23deg, rgba(188, 41, 153, 0.07) 0%, rgba(213, 190, 186, 0.1) 100%);
border-radius: 16px;
padding: 16px;
font-size: 16px;
line-height: 1.35;
color: #2a2a3d;
font-weight: 600;
border-top: 2px solid #BC2999;
border-left: 1px solid rgba(188, 41, 153, 0.2);
}

@media (max-width: 768px) {
.prime .title-heading {
font-size: 40px;
}

.prime .title-block {
padding-top: 56px;
padding-bottom: 56px;
}

.prime .title-block-image-wrap {
display: none;
}

.prime .title-metrics {
grid-template-columns: 1fr 1fr;
}

.prime .example-grid {
grid-template-columns: 1fr;
}

.prime .example-image-wrap {
position: static;
}

.prime .pattern-columns {
grid-template-columns: 1fr;
gap: 16px;
}

.prime .pattern-portraits {
flex-direction: column;
}

.prime .recognition-layout {
flex-direction: column;
}

.prime .recognition-right {
width: 100%;
}

.prime .recognition-image-wrap img {
width: 100%;
height: 260px;
}

.prime .clients-grid {
grid-template-columns: 1fr;
}

.prime .page-container {
padding-left: 16px;
padding-right: 16px;
}
}

@media (max-width: 375px) {
.prime .title-heading {
font-size: 28px;
}

.prime .metric-number {
font-size: 28px;
}

.prime .example-heading {
font-size: 28px;
}

.prime .pattern-heading {
font-size: 28px;
}

.prime .recognition-heading {
font-size: 28px;
}

.prime .clients-heading {
font-size: 28px;
}

.prime .title-metrics {
grid-template-columns: 1fr;
}

.prime .recognition-badges {
grid-template-columns: 1fr;
}
}

@media (min-width: 1366px) {
.prime .title-heading {
font-size: 72px;
}
}

.mission-page {
background: #ffffff;
overflow-x: clip;
}

.mission-page * {
box-sizing: border-box;
}

.mission-page ::selection {
background: #BC2999;
color: #ffffff;
}

.mission-page .grid-container {
max-width: 1170px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
}

.mission-page .title-area {
position: relative;
padding-top: 96px;
padding-bottom: 96px;
background: #f5eef4;
overflow: hidden;
}

.mission-page .title-area::before {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(ellipse at 60% 40%, rgba(188, 41, 153, 0.18) 0%, rgba(184, 101, 125, 0.09) 45%, transparent 72%);
pointer-events: none;
}

.mission-page .dot-grid-pattern {
position: absolute;
top: 0;
left: 0;
width: 42%;
height: 100%;
background-image: radial-gradient(circle, rgba(188, 41, 153, 0.18) 1.5px, transparent 1.5px);
background-size: 22px 22px;
pointer-events: none;
}

.mission-page .title-layout {
display: flex;
flex-direction: row;
align-items: center;
gap: 56px;
position: relative;
z-index: 1;
}

.mission-page .title-text-column {
flex: 0 0 60%;
max-width: 60%;
}

.mission-page .title-label {
display: inline-block;
font-size: 16px;
line-height: 1.35;
letter-spacing: 0.12em;
color: #BC2999;
text-transform: uppercase;
margin-bottom: 16px;
font-weight: 600;
}

.mission-page .title-heading-primary {
font-size: 56px;
line-height: 1.1;
color: #1a0d17;
font-weight: 800;
margin: 0 0 16px 0;
-webkit-text-stroke: 0;
}

.mission-page .title-heading-secondary {
font-size: 40px;
line-height: 1.1;
font-weight: 700;
color: transparent;
-webkit-text-stroke: 2px #BC2999;
margin: 0 0 32px 0;
}

.mission-page .title-description {
font-size: 16px;
line-height: 1.55;
color: #3d1f38;
max-width: 520px;
margin: 0;
}

.mission-page .title-image-column {
flex: 0 0 40%;
max-width: 40%;
position: relative;
}

.mission-page .title-image-frame {
position: relative;
border-radius: 28px;
overflow: hidden;
box-shadow: 0 12px 40px -2px rgba(188, 41, 153, 0.13);
}

.mission-page .title-image-frame img {
width: 100%;
height: 420px;
object-fit: cover;
object-position: center;
display: block;
border-radius: 28px;
}

.mission-page .title-image-frame::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 55%;
height: 55%;
background: linear-gradient(23deg, rgba(188, 41, 153, 0.38) 0%, rgba(213, 190, 186, 0.14) 100%);
border-radius: 28px 0 0 0;
pointer-events: none;
}

.mission-page .zigzag-divider {
display: block;
width: 100%;
line-height: 0;
overflow: hidden;
}

.mission-page .zigzag-divider svg {
display: block;
width: 100%;
}

.mission-page .values-area {
background: #ffffff;
padding-top: 96px;
padding-bottom: 56px;
}

.mission-page .values-split {
display: flex;
flex-direction: row;
gap: 56px;
align-items: flex-start;
}

.mission-page .values-left-narrow {
flex: 0 0 28%;
max-width: 28%;
position: relative;
}

.mission-page .values-sticky-label {
position: sticky;
top: 32px;
}

.mission-page .values-number-display {
font-size: 72px;
line-height: 1.1;
font-weight: 900;
color: transparent;
-webkit-text-stroke: 2px #D5BEBA;
display: block;
margin-bottom: 16px;
}

.mission-page .values-section-heading {
font-size: 28px;
line-height: 1.35;
font-weight: 700;
color: #1a0d17;
margin: 0 0 16px 0;
}

.mission-page .values-section-note {
font-size: 16px;
line-height: 1.55;
color: #5c3a54;
margin: 0;
}

.mission-page .values-right-wide {
flex: 1 1 0;
}

.mission-page .value-item {
display: flex;
flex-direction: row;
gap: 32px;
align-items: flex-start;
padding-bottom: 56px;
border-bottom: 1px solid #e8d8e4;
margin-bottom: 56px;
}

.mission-page .value-item:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}

.mission-page .value-numeral {
font-size: 40px;
line-height: 1.1;
font-weight: 900;
color: #BC2999;
flex-shrink: 0;
width: 56px;
}

.mission-page .value-body {
flex: 1 1 0;
}

.mission-page .value-heading {
font-size: 28px;
line-height: 1.35;
font-weight: 700;
color: transparent;
-webkit-text-stroke: 1.5px #1a0d17;
margin: 0 0 16px 0;
}

.mission-page .value-accent-sentence {
display: block;
background: linear-gradient(23deg, rgba(188, 41, 153, 0.09) 0%, rgba(213, 190, 186, 0.18) 100%);
border-left: 3px solid #BC2999;
border-radius: 4px;
padding: 16px;
font-size: 16px;
line-height: 1.55;
color: #1a0d17;
font-weight: 500;
margin-bottom: 16px;
}

.mission-page .value-paragraph {
font-size: 16px;
line-height: 1.55;
color: #5c3a54;
margin: 0;
}

.mission-page .milestone-area {
background: #1a0d17;
position: relative;
padding-top: 96px;
padding-bottom: 96px;
overflow: hidden;
}

.mission-page .milestone-area::before {
content: '';
position: absolute;
inset: 0;
background-image: url('./photos/attachment-22.jpg');
background-size: cover;
background-position: center;
opacity: 0.07;
pointer-events: none;
}

.mission-page .milestone-heading-group {
text-align: center;
margin-bottom: 56px;
position: relative;
z-index: 1;
}

.mission-page .milestone-main-heading {
font-size: 40px;
line-height: 1.1;
font-weight: 800;
color: #ffffff;
margin: 0 0 16px 0;
}

.mission-page .milestone-sub-text {
font-size: 16px;
line-height: 1.55;
color: #D5BEBA;
max-width: 560px;
margin: 0 auto;
}

.mission-page .milestone-tracker {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 0;
position: relative;
z-index: 1;
}

.mission-page .milestone-track-line {
position: absolute;
top: 32px;
left: 10%;
right: 10%;
height: 2px;
background: linear-gradient(23deg, rgba(188, 41, 153, 0.6) 0%, rgba(213, 190, 186, 0.3) 100%);
pointer-events: none;
}

.mission-page .milestone-step {
flex: 1 1 0;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 0 8px;
position: relative;
}

.mission-page .milestone-icon-ring {
width: 64px;
height: 64px;
border-radius: 44px;
background: #2a1225;
border: 2px solid rgba(188, 41, 153, 0.5);
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 16px;
box-shadow: 0 7px 20px -2px rgba(188, 41, 153, 0.11);
flex-shrink: 0;
animation: float-icon 3.8s ease-in-out infinite;
position: relative;
z-index: 2;
}

.mission-page .milestone-step:nth-child(2) .milestone-icon-ring {
animation-delay: 0.6s;
animation-duration: 4.2s;
}

.mission-page .milestone-step:nth-child(3) .milestone-icon-ring {
animation-delay: 1.1s;
animation-duration: 3.6s;
}

.mission-page .milestone-step:nth-child(4) .milestone-icon-ring {
animation-delay: 1.7s;
animation-duration: 4.5s;
}

.mission-page .milestone-step:nth-child(5) .milestone-icon-ring {
animation-delay: 0.3s;
animation-duration: 4s;
}

@keyframes float-icon {

0%,
100% {
transform: translateY(0);
}

50% {
transform: translateY(-7px);
}
}

.mission-page .milestone-icon-ring svg {
width: 28px;
height: 28px;
flex-shrink: 0;
}

.mission-page .milestone-date {
font-size: 16px;
line-height: 1.35;
color: #BC2999;
font-weight: 700;
letter-spacing: 0.06em;
margin-bottom: 8px;
}

.mission-page .milestone-label {
font-size: 16px;
line-height: 1.35;
color: #ffffff;
font-weight: 600;
margin-bottom: 8px;
}

.mission-page .milestone-detail {
font-size: 16px;
line-height: 1.55;
color: #D5BEBA;
}

.mission-page .testimonial-strip {
display: flex;
flex-direction: row;
align-items: center;
gap: 32px;
margin-top: 56px;
padding-top: 56px;
border-top: 1px solid rgba(213, 190, 186, 0.18);
position: relative;
z-index: 1;
}

.mission-page .testimonial-portrait-wrap {
width: 80px;
height: 80px;
border-radius: 50%;
overflow: hidden;
flex-shrink: 0;
border: 2px solid rgba(188, 41, 153, 0.4);
box-shadow: 0 7px 20px -2px rgba(188, 41, 153, 0.11);
}

.mission-page .testimonial-portrait-wrap img {
width: 80px;
height: 80px;
object-fit: cover;
object-position: center;
display: block;
}

.mission-page .testimonial-quote-body {
flex: 1 1 0;
}

.mission-page .testimonial-quote-text {
font-size: 16px;
line-height: 1.55;
color: #f0e8ee;
margin: 0 0 8px 0;
font-style: italic;
}

.mission-page .testimonial-attribution {
font-size: 16px;
line-height: 1.35;
color: #B8657D;
font-weight: 600;
margin: 0;
}

@media (max-width: 1366px) {
.mission-page .title-heading-primary {
font-size: 40px;
}

.mission-page .title-heading-secondary {
font-size: 28px;
}
}

@media (max-width: 768px) {
.mission-page .title-layout {
flex-direction: column;
gap: 32px;
}

.mission-page .title-text-column {
flex: 0 0 100%;
max-width: 100%;
}

.mission-page .title-image-column {
flex: 0 0 100%;
max-width: 100%;
}

.mission-page .title-image-frame img {
height: 280px;
}

.mission-page .title-heading-primary {
font-size: 40px;
}

.mission-page .title-heading-secondary {
font-size: 28px;
}

.mission-page .values-split {
flex-direction: column;
gap: 32px;
}

.mission-page .values-left-narrow {
flex: 0 0 100%;
max-width: 100%;
}

.mission-page .values-sticky-label {
position: static;
}

.mission-page .values-number-display {
font-size: 56px;
}

.mission-page .milestone-tracker {
flex-direction: column;
align-items: flex-start;
gap: 32px;
}

.mission-page .milestone-track-line {
display: none;
}

.mission-page .milestone-step {
flex-direction: row;
text-align: left;
align-items: flex-start;
gap: 16px;
padding: 0;
}

.mission-page .milestone-icon-ring {
flex-shrink: 0;
margin-bottom: 0;
}

.mission-page .testimonial-strip {
flex-direction: column;
align-items: flex-start;
gap: 16px;
}

.mission-page .value-item {
flex-direction: column;
gap: 16px;
}
}

@media (max-width: 375px) {
.mission-page .grid-container {
padding-left: 16px;
padding-right: 16px;
}

.mission-page .title-area {
padding-top: 56px;
padding-bottom: 56px;
}

.mission-page .title-heading-primary {
font-size: 28px;
}

.mission-page .title-heading-secondary {
font-size: 28px;
}

.mission-page .milestone-main-heading {
font-size: 28px;
}

.mission-page .values-section-heading {
font-size: 28px;
}
}

.contact-us-page {
background-color: #fff;
overflow-x: clip;
}

.contact-us-page .form-sharp input,
.contact-us-page .form-sharp select,
.contact-us-page .form-sharp textarea {
border-radius: 4px;
}

.contact-us-page .split-entry {
display: flex;
flex-direction: row;
min-height: 100vh;
position: relative;
}

.contact-us-page .split-entry::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(23deg, rgba(188, 41, 153, 0.06) 0%, rgba(188, 41, 153, 0) 60%);
animation: overlay-pulse 5s ease-in-out infinite;
pointer-events: none;
z-index: 0;
}

@keyframes overlay-pulse {
0% {
opacity: 0;
}

50% {
opacity: 1;
}

100% {
opacity: 0;
}
}

.contact-us-page .split-left {
flex: 0 0 45%;
background: linear-gradient(23deg, #BC2999 0%, #B8657D 65%, #D5BEBA 100%);
padding: 96px 56px;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
overflow: hidden;
}

.contact-us-page .split-left::after {
content: '';
position: absolute;
top: 0;
right: -60px;
width: 120px;
height: 100%;
background: #fff;
transform: skewX(-6deg);
z-index: 2;
}

.contact-us-page .circle-decoration {
position: absolute;
border-radius: 44px;
border: 2px solid rgba(255, 255, 255, 0.15);
pointer-events: none;
}

.contact-us-page .circle-decoration.large {
width: 320px;
height: 320px;
top: -80px;
left: -80px;
border-radius: 44px;
transform: rotate(23deg);
}

.contact-us-page .circle-decoration.medium {
width: 180px;
height: 180px;
bottom: 56px;
left: 32px;
border-radius: 44px;
transform: rotate(-12deg);
}

.contact-us-page .circle-decoration.small {
width: 90px;
height: 90px;
top: 40%;
left: 60%;
border-radius: 28px;
transform: rotate(8deg);
}

.contact-us-page .split-left-text {
position: relative;
z-index: 3;
}

.contact-us-page .split-label {
font-size: 16px;
letter-spacing: 0.12em;
color: rgba(255, 255, 255, 0.75);
text-transform: uppercase;
margin-bottom: 32px;
line-height: 1.35;
}

.contact-us-page .split-heading {
font-size: 56px;
line-height: 1.1;
color: transparent;
-webkit-text-stroke: 2px rgba(255, 255, 255, 0.9);
margin: 0 0 32px 0;
}

.contact-us-page .split-subtext {
font-size: 16px;
line-height: 1.55;
color: rgba(255, 255, 255, 0.85);
max-width: 320px;
margin-bottom: 56px;
}

.contact-us-page .contact-detail-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 16px;
}

.contact-us-page .contact-detail-list li {
display: flex;
flex-direction: column;
gap: 8px;
}

.contact-us-page .detail-label {
font-size: 16px;
color: rgba(255, 255, 255, 0.6);
letter-spacing: 0.08em;
text-transform: uppercase;
}

.contact-us-page .detail-value {
font-size: 16px;
color: #fff;
line-height: 1.35;
text-decoration: none;
transition: color 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}

.contact-us-page .detail-value:hover {
color: #D5BEBA;
}

.contact-us-page .split-right {
flex: 1;
padding: 96px 56px 96px 96px;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
z-index: 1;
}

.contact-us-page .form-heading {
font-size: 40px;
line-height: 1.1;
color: transparent;
-webkit-text-stroke: 2px #BC2999;
margin: 0 0 8px 0;
}

.contact-us-page .form-subheading {
font-size: 16px;
line-height: 1.55;
color: #3a2030;
margin-bottom: 32px;
}

.contact-us-page .form-sharp {
display: flex;
flex-direction: column;
gap: 16px;
max-width: 520px;
}

.contact-us-page .field-row {
display: flex;
flex-direction: row;
gap: 16px;
}

.contact-us-page .field-group {
display: flex;
flex-direction: column;
gap: 8px;
flex: 1;
}

.contact-us-page .field-label {
font-size: 16px;
color: #3a2030;
line-height: 1.35;
letter-spacing: 0.04em;
}

.contact-us-page .field-input {
border: 1.5px solid #D5BEBA;
padding: 16px;
font-size: 16px;
color: #2a1020;
background: #fff;
border-radius: 4px;
outline: none;
transition: border-color 0.45s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.45s cubic-bezier(0.16, 1, 0.3, 1);
box-shadow: 0 2px 4px -2px rgba(188, 41, 153, 0.07);
width: 100%;
box-sizing: border-box;
}

.contact-us-page .field-input:focus {
border-color: #BC2999;
box-shadow: 0 7px 20px -2px rgba(188, 41, 153, 0.11);
}

.contact-us-page .field-input::placeholder {
color: #b09aa8;
}

.contact-us-page .time-slot-group {
display: flex;
flex-direction: column;
gap: 8px;
}

.contact-us-page .time-slot-label {
font-size: 16px;
color: #3a2030;
line-height: 1.35;
letter-spacing: 0.04em;
}

.contact-us-page .time-slots {
display: flex;
flex-direction: row;
gap: 8px;
flex-wrap: wrap;
}

.contact-us-page .time-slot-option {
position: relative;
}

.contact-us-page .time-slot-option input[type="radio"] {
position: absolute;
opacity: 0;
width: 0;
height: 0;
}

.contact-us-page .time-slot-option label {
display: block;
padding: 8px 16px;
border: 1.5px solid #D5BEBA;
border-radius: 4px;
font-size: 16px;
color: #3a2030;
cursor: pointer;
transition: border-color 0.4s ease-in-out, background 0.4s ease-in-out, color 0.4s ease-in-out;
line-height: 1.35;
user-select: none;
}

.contact-us-page .time-slot-option input[type="radio"]:checked+label {
border-color: #BC2999;
background: #BC2999;
color: #fff;
}

.contact-us-page .time-slot-option label:hover {
border-color: #B8657D;
}

.contact-us-page .privacy-row {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
padding: 16px;
background: linear-gradient(23deg, rgba(188, 41, 153, 0.05) 0%, rgba(213, 190, 186, 0.08) 100%);
border-radius: 4px;
border: 1px solid #D5BEBA;
}

.contact-us-page .privacy-checkbox {
width: 20px;
height: 20px;
min-width: 20px;
accent-color: #BC2999;
margin-top: 2px;
cursor: pointer;
}

.contact-us-page .privacy-text {
font-size: 16px;
color: #3a2030;
line-height: 1.55;
}

.contact-us-page .privacy-text a {
color: #BC2999;
text-decoration: underline;
transition: color 0.35s ease-in-out;
}

.contact-us-page .privacy-text a:hover {
color: #B8657D;
}

.contact-us-page .submit-button {
background: #BC2999;
color: #fff;
border: none;
padding: 16px 56px;
font-size: 16px;
border-radius: 4px;
cursor: pointer;
letter-spacing: 0.06em;
box-shadow: 0 7px 20px -2px rgba(188, 41, 153, 0.11);
transition: background 0.45s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.45s cubic-bezier(0.16, 1, 0.3, 1), transform 0.2s ease-in-out;
align-self: flex-start;
line-height: 1.35;
}

.contact-us-page .submit-button:hover {
background: #B8657D;
box-shadow: 0 12px 40px -2px rgba(188, 41, 153, 0.13);
}

.contact-us-page .submit-button:active {
transform: scale(0.97);
}

.contact-us-page .submit-button:focus-visible {
outline: 2px solid #BC2999;
outline-offset: 3px;
}

.contact-us-page .divider-text {
text-align: center;
position: relative;
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
padding: 32px 56px;
max-width: 1170px;
margin: 0 auto;
}

.contact-us-page .divider-text::before,
.contact-us-page .divider-text::after {
content: '';
flex: 1;
height: 1px;
background: linear-gradient(23deg, #D5BEBA, rgba(184, 101, 125, 0.3));
}

.contact-us-page .divider-word {
font-size: 16px;
letter-spacing: 0.1em;
color: #B8657D;
text-transform: uppercase;
white-space: nowrap;
}

.contact-us-page .info-strip {
background: #2a1020;
padding: 56px 56px;
position: relative;
overflow: hidden;
}

.contact-us-page .info-strip::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(23deg, rgba(188, 41, 153, 0.18) 0%, rgba(188, 41, 153, 0) 55%);
animation: overlay-pulse 7s ease-in-out infinite;
pointer-events: none;
}

.contact-us-page .info-strip-inner {
max-width: 1170px;
margin: 0 auto;
display: flex;
flex-direction: row;
gap: 56px;
align-items: flex-start;
position: relative;
z-index: 1;
}

.contact-us-page .info-strip-text {
flex: 1;
}

.contact-us-page .info-strip-heading {
font-size: 28px;
line-height: 1.1;
color: transparent;
-webkit-text-stroke: 1.5px rgba(213, 190, 186, 0.9);
margin: 0 0 16px 0;
}

.contact-us-page .info-strip-body {
font-size: 16px;
line-height: 1.55;
color: rgba(213, 190, 186, 0.8);
max-width: 400px;
}

.contact-us-page .info-strip-details {
flex: 1;
display: flex;
flex-direction: column;
gap: 16px;
}

.contact-us-page .info-detail-item {
display: flex;
flex-direction: column;
gap: 8px;
padding: 16px;
border: 1px solid rgba(213, 190, 186, 0.2);
border-radius: 4px;
border-left: 3px solid #BC2999;
border-top: 1px solid rgba(213, 190, 186, 0.2);
}

.contact-us-page .info-detail-item-label {
font-size: 16px;
color: rgba(213, 190, 186, 0.55);
letter-spacing: 0.08em;
text-transform: uppercase;
line-height: 1.35;
}

.contact-us-page .info-detail-item-value {
font-size: 16px;
color: #D5BEBA;
line-height: 1.35;
text-decoration: none;
transition: color 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.contact-us-page .info-detail-item-value:hover {
color: #BC2999;
}

.contact-us-page .accent-sentence {
background: linear-gradient(23deg, rgba(188, 41, 153, 0.08) 0%, rgba(213, 190, 186, 0.12) 100%);
border-radius: 4px;
padding: 8px 16px;
display: inline-block;
margin-bottom: 16px;
}

.contact-us-page .accent-sentence span {
font-size: 16px;
color: #BC2999;
line-height: 1.55;
}

.contact-us-page .triangle-corner-top {
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 80px 80px 0;
border-color: transparent rgba(188, 41, 153, 0.12) transparent transparent;
pointer-events: none;
z-index: 0;
}

.contact-us-page .triangle-corner-bottom {
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 60px 0 0 60px;
border-color: transparent transparent transparent rgba(184, 101, 125, 0.1);
pointer-events: none;
z-index: 0;
}

@media (max-width: 768px) {
.contact-us-page .split-entry {
flex-direction: column;
min-height: auto;
}

.contact-us-page .split-left {
flex: none;
padding: 56px 32px;
}

.contact-us-page .split-left::after {
display: none;
}

.contact-us-page .split-right {
padding: 56px 32px;
}

.contact-us-page .split-heading {
font-size: 40px;
}

.contact-us-page .field-row {
flex-direction: column;
}

.contact-us-page .info-strip {
padding: 56px 32px;
}

.contact-us-page .info-strip-inner {
flex-direction: column;
gap: 32px;
}

.contact-us-page .divider-text {
padding: 32px 32px;
}
}

@media (max-width: 375px) {
.contact-us-page .split-left {
padding: 56px 16px;
}

.contact-us-page .split-right {
padding: 56px 16px;
}

.contact-us-page .split-heading {
font-size: 28px;
}

.contact-us-page .form-heading {
font-size: 28px;
}

.contact-us-page .time-slots {
flex-direction: column;
}

.contact-us-page .info-strip {
padding: 56px 16px;
}

.contact-us-page .divider-text {
padding: 32px 16px;
}

.contact-us-page .submit-button {
padding: 16px 32px;
}
}

.success-page-root {
min-height: 80vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 96px 32px;
background: #ffffff;
}

.success-page-root .success-inner-wrapper {
max-width: 1170px;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
gap: 56px;
}

.success-page-root .success-visual-mark {
width: 88px;
height: 88px;
border-radius: 44px;
background: linear-gradient(23deg, #BC2999 18%, #D5BEBA 100%);
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 7px 20px -2px rgba(188, 41, 153, 0.11), 0 12px 40px -2px rgba(188, 41, 153, 0.13);
flex-shrink: 0;
}

.success-page-root .success-visual-mark svg {
width: 40px;
height: 40px;
display: block;
}

.success-page-root .success-content-block {
display: flex;
flex-direction: column;
align-items: center;
gap: 32px;
text-align: center;
max-width: 640px;
}

.success-page-root .success-label-tag {
display: inline-block;
font-size: 16px;
line-height: 1.35;
letter-spacing: 0.12em;
color: #BC2999;
background: #f5e6f2;
padding: 8px 16px;
border-radius: 4px;
border-left: 3px solid #BC2999;
border-top: 1px solid rgba(188, 41, 153, 0.18);
border-right: 1px solid rgba(188, 41, 153, 0.18);
border-bottom: 1px solid rgba(188, 41, 153, 0.18);
text-transform: uppercase;
}

.success-page-root .success-heading-primary {
font-size: 56px;
line-height: 1.1;
color: #1b1018;
margin: 0;
-webkit-text-stroke: 1.5px #1b1018;
color: transparent;
}

.success-page-root .success-body-text {
font-size: 16px;
line-height: 1.55;
color: #3a2535;
margin: 0;
max-width: 480px;
}

.success-page-root .success-highlight-sentence {
display: inline;
background: linear-gradient(23deg, rgba(188, 41, 153, 0.09) 18%, rgba(213, 190, 186, 0.18) 100%);
padding: 2px 6px;
border-radius: 4px;
}

.success-page-root .success-action-row {
display: flex;
flex-direction: row;
gap: 16px;
align-items: center;
flex-wrap: wrap;
justify-content: center;
}

.success-page-root .success-button-primary {
display: inline-block;
font-size: 16px;
line-height: 1.35;
color: #ffffff;
background: linear-gradient(23deg, #BC2999 18%, #B8657D 100%);
padding: 16px 32px;
border-radius: 28px;
text-decoration: none;
border: none;
cursor: pointer;
box-shadow: 0 7px 20px -2px rgba(188, 41, 153, 0.11);
transition: box-shadow 0.45s cubic-bezier(0.16, 1, 0.3, 1), transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
font-weight: 600;
}

.success-page-root .success-button-primary:hover {
box-shadow: 0 12px 40px -2px rgba(188, 41, 153, 0.13);
transform: translateY(-2px);
}

.success-page-root .success-button-primary:active {
transform: scale(0.97);
box-shadow: 0 2px 4px -2px rgba(188, 41, 153, 0.07);
}

.success-page-root .success-button-primary:focus-visible {
outline: 2px solid #BC2999;
outline-offset: 4px;
}

.success-page-root .success-button-secondary {
display: inline-block;
font-size: 16px;
line-height: 1.35;
color: #BC2999;
background: transparent;
padding: 16px 32px;
border-radius: 28px;
text-decoration: none;
border: 2px solid #BC2999;
cursor: pointer;
transition: background 0.5s cubic-bezier(0.16, 1, 0.3, 1), color 0.5s cubic-bezier(0.16, 1, 0.3, 1);
font-weight: 600;
}

.success-page-root .success-button-secondary:hover {
background: rgba(188, 41, 153, 0.07);
}

.success-page-root .success-button-secondary:active {
transform: scale(0.97);
}

.success-page-root .success-button-secondary:focus-visible {
outline: 2px solid #BC2999;
outline-offset: 4px;
}

.success-page-root .success-divider-line {
width: 56px;
height: 2px;
background: linear-gradient(23deg, #BC2999 18%, #D5BEBA 100%);
border-radius: 4px;
border: none;
margin: 0;
}

.success-page-root .success-meta-note {
font-size: 16px;
line-height: 1.55;
color: #7a5c70;
margin: 0;
text-align: center;
}

.success-page-root .success-meta-note a {
color: #BC2999;
text-decoration: underline;
text-underline-offset: 3px;
transition: color 0.4s ease-in-out;
}

.success-page-root .success-meta-note a:hover {
color: #B8657D;
}

@media (max-width: 768px) {
.success-page-root {
padding: 56px 16px;
}

.success-page-root .success-heading-primary {
font-size: 40px;
}

.success-page-root .success-action-row {
flex-direction: column;
gap: 16px;
width: 100%;
}

.success-page-root .success-button-primary,
.success-page-root .success-button-secondary {
width: 100%;
text-align: center;
}
}

@media (max-width: 375px) {
.success-page-root .success-heading-primary {
font-size: 28px;
}

.success-page-root .success-visual-mark {
width: 72px;
height: 72px;
}
}