html {
font-size: 100%
}

body {
margin: 0;
-webkit-text-size-adjust: 100%
}

.brand-strip {
display: flex;
align-items: center;
gap: 16px;
padding: 16px 24px;
border-top: 2px solid #FE5E7C;
border-bottom: 2px solid #fe5e7c2e
}

.brand-strip__logo-box {
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
background: #1b1612;
border-top: 2px solid #FE5E7C;
border-bottom: 2px solid #FE5E7C;
border-radius: 2px;
box-shadow: 0 2px 5px -2px #fe5e7c0d 0 6px 18px -2px #fe5e7c1c;
flex-shrink: 0
}

.brand-strip__logo-box img {
display: block;
object-fit: contain
}

.brand-strip__name {
font-family: 'DM Sans', sans-serif;
font-size: 27px;
font-weight: 700;
line-height: 1.2;
letter-spacing: .04em;
background: linear-gradient(110deg, #FE5E7C 0%, #F8FFB3 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
white-space: nowrap
}

.site-hdr {
background: #16120e;
border-bottom: 1px solid #fe5e7c1f;
position: relative
}

.hdr-layout {
max-width: 1280px;
margin: 0 auto;
display: flex;
align-items: stretch;
gap: 0
}

.hdr-brand {
display: flex;
align-items: center;
flex-shrink: 0;
padding: 24px 40px 24px 24px;
border-right: 1px solid #fe5e7c24;
gap: 16px
}

.hdr-brand__logobox {
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
background: #211c17;
border-top: 2px solid #FE5E7C;
border-bottom: 2px solid #FE5E7C;
border-radius: 2px;
box-shadow: 0 2px 5px -2px #fe5e7c0d 0 6px 18px -2px #fe5e7c1c inset 0 1px 4px #fe5e7c14;
flex-shrink: 0
}

.hdr-brand__logobox img {
display: block;
object-fit: contain
}

.hdr-brand__name {
font-family: 'DM Sans', sans-serif;
font-size: 27px;
font-weight: 700;
line-height: 1.2;
letter-spacing: .03em;
background: linear-gradient(115deg, #FE5E7C 0%, #F8FFB3 90%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
white-space: nowrap
}

.hdr-right {
display: flex;
flex-direction: column;
flex: 1;
min-width: 0
}

.hdr-status {
display: flex;
align-items: center;
justify-content: flex-end;
padding: 8px 24px;
border-bottom: 1px solid #fe5e7c14;
gap: 8px
}

.hdr-status__dot {
width: 8px;
height: 8px;
border-radius: 42px;
background: #015133;
box-shadow: 0 0 0 2px #01513340;
flex-shrink: 0
}

.hdr-status__label {
font-family: 'DM Sans', sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 1.6;
color: #a8c5b5;
letter-spacing: .06em;
text-transform: uppercase
}

.hdr-nav {
display: flex;
align-items: center;
flex: 1;
padding: 0 24px;
flex-wrap: wrap;
gap: 4px
}

.hdr-nav__item {
font-family: 'DM Sans', sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 1.6;
color: #d4cdc8;
text-decoration: none;
padding: 8px 16px;
border-radius: 2px;
border: 1px solid transparent;
transition: color .18s cubic-bezier(0.4, 0, 0.2, 1), border-color .22s cubic-bezier(0.4, 0, 0.2, 1), box-shadow .22s cubic-bezier(0.0, 0, 0.2, 1), clip-path .2s cubic-bezier(0.4, 0, 0.2, 1);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
white-space: nowrap
}

.hdr-nav__item:hover {
color: #F8FFB3;
border-color: #fe5e7c47;
box-shadow: 0 6px 18px -2px #fe5e7c1c;
clip-path: polygon(2px 0, 100% 0, calc(100% - 2px) 100%, 0 100%)
}

.hdr-nav__item:focus {
outline: none;
color: #16120e;
background: #FE5E7C;
border-color: #FE5E7C
}

.hdr-nav__item.active {
color: #FE5E7C;
border-color: #fe5e7c38
}

.site-ftr {
background: #0f0c09;
border-top: 1px solid #fe5e7c24
}

.ftr-layout {
max-width: 1280px;
margin: 0 auto;
padding: 40px 24px 0
}

.ftr-top {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 40px;
flex-wrap: wrap;
padding-bottom: 40px;
border-bottom: 1px solid #f8ffb314
}

.ftr-brand-col {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
min-width: 120px
}

.ftr-logobox {
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
background: #1b1612;
border-top: 2px solid #fe5e7c80;
border-bottom: 2px solid #fe5e7c80;
border-radius: 2px;
box-shadow: 0 2px 5px -2px #fe5e7c0d 0 10px 60px -2px #fe5e7c24
}

.ftr-logobox img {
display: block;
object-fit: contain
}

.ftr-brand-name {
font-family: 'DM Sans', sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 1.2;
color: #F8FFB3;
letter-spacing: .02em
}

.ftr-links-col {
display: flex;
flex-direction: column;
gap: 8px
}

.ftr-links-col__label {
font-family: 'DM Sans', sans-serif;
font-size: 13px;
font-weight: 700;
line-height: 1.6;
color: #FE5E7C;
letter-spacing: .08em;
text-transform: uppercase;
margin-bottom: 8px
}

.ftr-links-col__item {
font-family: 'DM Sans', sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 1.9;
color: #a8a09a;
text-decoration: none;
transition: color .18s cubic-bezier(0.4, 0, 0.2, 1), clip-path .2s cubic-bezier(0.4, 0, 0.2, 1);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
display: block
}

.ftr-links-col__item:hover {
color: #F8FFB3;
clip-path: polygon(3px 0, 100% 0, 100% 100%, 0 100%)
}

.ftr-links-col__item:focus {
outline: none;
color: #0f0c09;
background: #FE5E7C;
border-radius: 2px
}

.ftr-contact-col {
display: flex;
flex-direction: column;
gap: 4px
}

.ftr-contact-col__label {
font-family: 'DM Sans', sans-serif;
font-size: 13px;
font-weight: 700;
line-height: 1.6;
color: #FE5E7C;
letter-spacing: .08em;
text-transform: uppercase;
margin-bottom: 8px
}

.ftr-contact-col__row {
font-family: 'DM Sans', sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 1.9;
color: #a8a09a
}

.ftr-contact-col__link {
font-family: 'DM Sans', sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 1.9;
color: #a8a09a;
text-decoration: none;
transition: color .2s cubic-bezier(0.4, 0, 0.2, 1);
display: block
}

.ftr-contact-col__link:hover {
color: #F8FFB3
}

.ftr-contact-col__link:focus {
outline: none;
color: #0f0c09;
background: #FE5E7C;
border-radius: 2px
}

.ftr-bottom {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 16px;
padding: 16px 0
}

.ftr-bottom__copy {
font-family: 'DM Sans', sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 1.6;
color: #5c5550
}

.ftr-bottom__policy {
display: flex;
gap: 24px;
flex-wrap: wrap
}

.ftr-bottom__policy-link {
font-family: 'DM Sans', sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 1.6;
color: #5c5550;
text-decoration: none;
transition: color .18s cubic-bezier(0.4, 0, 0.2, 1)
}

.ftr-bottom__policy-link:hover {
color: #FE5E7C
}

.ftr-bottom__policy-link:focus {
outline: none;
color: #0f0c09;
background: #FE5E7C;
border-radius: 2px
}

.consent-mgr-btn {
position: fixed;
bottom: 24px;
right: 24px;
width: 44px;
height: 44px;
background: #211c17;
border: 1px solid #fe5e7c47;
border-radius: 14px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
z-index: 1200;
box-shadow: 0 6px 18px -2px #fe5e7c1c;
transition: border-color .18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow .22s cubic-bezier(0.0, 0, 0.2, 1)
}

.consent-mgr-btn:hover {
border-color: #FE5E7C;
box-shadow: 0 10px 60px -2px #fe5e7c24
}

.consent-mgr-btn:focus {
outline: none;
background: #FE5E7C
}

.consent-mgr-btn svg {
display: block
}

@media (max-width: 1024px) {
.hdr-layout {
flex-direction: column
}

.hdr-brand {
border-right: none;
border-bottom: 1px solid #fe5e7c24;
padding: 16px 24px
}

.hdr-status {
justify-content: flex-start
}

.ftr-top {
gap: 40px
}
}

@media (max-width: 640px) {
.hdr-brand__name {
font-size: 20px
}

.hdr-nav {
padding: 0 16px;
gap: 4px
}

.hdr-nav__item {
padding: 8px;
font-size: 13px
}

.ftr-top {
flex-direction: column;
gap: 24px
}

.ftr-brand-col {
flex-direction: row;
align-items: center
}

.ftr-bottom {
flex-direction: column;
align-items: flex-start
}
}

@media (max-width: 360px) {
.hdr-brand {
padding: 16px;
gap: 8px
}

.hdr-nav {
padding: 0 8px
}

.ftr-layout {
padding: 24px 16px 0
}
}

.legal-section {
max-width: 1280px;
margin: 0 auto;
padding: 80px 40px;
background: #1a1210;
color: #d4cfc9;
line-height: 1.9;
font-size: 20px
}

.legal-section h1 {
font-size: 52px;
line-height: 1.2;
letter-spacing: .04em;
text-transform: uppercase;
color: #F8FFB3;
margin-bottom: 40px;
margin-top: 0;
padding-bottom: 24px;
border-bottom: 2px solid #015133
}

.legal-section h2 {
font-size: 27px;
line-height: 1.2;
letter-spacing: .03em;
text-transform: uppercase;
color: #FE5E7C;
margin-top: 80px;
margin-bottom: 24px;
padding-bottom: 8px;
border-bottom: 1px solid #01513366
}

.legal-section h3 {
font-size: 20px;
line-height: 1.6;
letter-spacing: .02em;
text-transform: uppercase;
color: #F8FFB3;
margin-top: 40px;
margin-bottom: 16px
}

.legal-section h4 {
font-size: 20px;
line-height: 1.6;
color: #c9c2ba;
margin-top: 40px;
margin-bottom: 16px
}

.legal-section h5 {
font-size: 13px;
line-height: 1.6;
letter-spacing: .08em;
text-transform: uppercase;
color: #a09890;
margin-top: 24px;
margin-bottom: 8px
}

.legal-section h6 {
font-size: 13px;
line-height: 1.6;
letter-spacing: .06em;
text-transform: uppercase;
color: #7a7068;
margin-top: 16px;
margin-bottom: 8px
}

.legal-section p {
font-size: 20px;
line-height: 1.9;
color: #c9c2ba;
margin-top: 0;
margin-bottom: 24px;
max-width: 72ch
}

.legal-section em,
.legal-section i {
font-style: italic;
color: #F8FFB3
}

.legal-section a {
color: #FE5E7C;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
transition: color .2s cubic-bezier(0.4, 0, 0.2, 1), text-decoration-color .2s cubic-bezier(0.4, 0, 0.2, 1)
}

.legal-section a:hover {
color: #F8FFB3;
text-decoration-color: #015133
}

.legal-section a:focus-visible {
outline: 2px solid #FE5E7C;
outline-offset: 3px;
border-radius: 2px
}

.legal-section div {
margin-bottom: 24px
}

.legal-section div+div {
margin-top: 8px
}

@media (max-width: 1024px) {
.legal-section {
padding: 80px 40px
}

.legal-section h1 {
font-size: 52px
}
}

@media (max-width: 640px) {
.legal-section {
padding: 40px 24px
}

.legal-section h1 {
font-size: 27px;
letter-spacing: .02em
}

.legal-section h2 {
font-size: 20px;
margin-top: 40px
}

.legal-section p {
font-size: 20px;
max-width: 100%
}
}

@media (max-width: 360px) {
.legal-section {
padding: 24px 16px
}

.legal-section h1 {
font-size: 27px
}

.legal-section h2 {
font-size: 20px
}

.legal-section p {
font-size: 13px
}

.legal-section a {
font-size: 13px
}
}

.arc-det {
background: #1b1714;
min-height: 100vh;
position: relative;
overflow: hidden
}

.arc-det .bg-bleed {
position: fixed;
top: 0;
right: 0;
width: 420px;
height: 420px;
background: radial-gradient(ellipse at top right, #fe5e7c12 0%, transparent 70%);
pointer-events: none;
animation: bleed-corner 12s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
z-index: 0
}

@keyframes bleed-corner {
0% {
opacity: .4;
transform: scale(0.9) translate(20px, -20px)
}

100% {
opacity: 1;
transform: scale(1.15) translate(-10px, 10px)
}
}

.arc-det .pg-wrap {
max-width: 1280px;
margin: 0 auto;
padding: 0 24px;
position: relative;
z-index: 1
}

.arc-det ::selection {
background: #FE5E7C;
color: #f5f0eb
}

.arc-det input::placeholder,
.arc-det textarea::placeholder {
font-size: 13px;
color: #7a7068
}

.arc-det .divider-grow {
width: 100%;
height: 3px;
background: linear-gradient(90deg, #fe5e7c26 0%, #fe5e7c80 40%, #FE5E7C 100%);
border: none;
margin: 0
}

.arc-det .divider-thin {
width: 100%;
height: 1px;
background: linear-gradient(90deg, transparent 0%, #f8ffb333 50%, transparent 100%);
border: none;
margin: 0
}

.arc-det .tag-pill {
display: inline-block;
background: #FE5E7C;
color: #1b1714;
font-size: 13px;
font-weight: 700;
padding: 4px 16px;
border-radius: 2px;
letter-spacing: .08em;
text-transform: uppercase
}

.arc-det .cat-pill {
display: inline-block;
background: #015133;
color: #F8FFB3;
font-size: 13px;
font-weight: 600;
padding: 4px 16px;
border-radius: 2px;
letter-spacing: .06em
}

.arc-det .meta-row {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
flex-wrap: wrap
}

.arc-det .meta-item {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
color: #9c8f83;
font-size: 13px
}

.arc-det .meta-icon {
width: 16px;
height: 16px;
flex-shrink: 0
}

.arc-det .views-badge {
background: #f8ffb314;
border: 1px solid #f8ffb32e;
color: #F8FFB3;
font-size: 13px;
padding: 4px 16px;
border-radius: 14px;
font-weight: 600
}

.arc-det .bracket-frame {
position: relative;
padding: 24px 40px
}

.arc-det .bracket-frame::before,
.arc-det .bracket-frame::after {
content: '';
position: absolute;
top: 0;
width: 20px;
height: 100%;
border-top: 3px solid #fe5e7c80;
border-bottom: 3px solid #fe5e7c80
}

.arc-det .bracket-frame::before {
left: 0;
border-left: 3px solid #fe5e7c80;
border-radius: 2px 0 0 2px
}

.arc-det .bracket-frame::after {
right: 0;
border-right: 3px solid #fe5e7c80;
border-radius: 0 2px 2px 0
}

.arc-det .sub-txt {
color: #c4b8ae;
font-size: 20px;
line-height: 1.6;
font-style: italic
}

.arc-det .title-blk {
padding: 80px 0 40px
}

.arc-det .title-blk .pre-desc {
color: #9c8f83;
font-size: 13px;
line-height: 1.6;
margin-bottom: 24px;
max-width: 640px
}

.arc-det .art-heading {
font-size: 52px;
line-height: 1.2;
color: #f5f0eb;
margin: 0 0 24px;
max-width: 900px;
position: relative;
padding-left: 24px
}

.arc-det .art-heading::before {
content: '';
position: absolute;
left: 0;
top: 8px;
width: 6px;
height: 6px;
background: #FE5E7C;
clip-path: polygon(50% 0%, 100% 100%, 0% 100%)
}

.arc-det .img-wrap {
position: relative;
width: 100%;
border-radius: 14px;
overflow: hidden;
margin-top: 40px;
box-shadow: 0 10px 60px -2px #fe5e7c24
}

.arc-det .img-wrap img {
width: 100%;
height: 480px;
object-fit: cover;
display: block;
transition: transform .25s cubic-bezier(0.4, 0, 0.2, 1)
}

.arc-det .img-wrap:hover img {
transform: scale(1.02)
}

.arc-det .img-overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 60%;
background: linear-gradient(to top, #1b1714eb 0%, transparent 100%);
pointer-events: none
}

.arc-det .img-deco {
position: absolute;
top: 24px;
right: 24px;
width: 60px;
height: 60px;
border-radius: 42px;
background: #fe5e7c1f;
border: 1px solid #fe5e7c40;
pointer-events: none
}

.arc-det .body-blk {
padding: 80px 0
}

.arc-det .body-grid {
display: grid;
grid-template-columns: 1fr 340px;
gap: 80px;
align-items: start
}

.arc-det .art-body {
color: #d4c8be;
font-size: 20px;
line-height: 1.9
}

.arc-det .art-body p {
margin: 0 0 24px
}

.arc-det .art-body h2 {
font-size: 27px;
line-height: 1.2;
color: #f5f0eb;
margin: 40px 0 16px;
position: relative;
display: inline-block;
padding: 4px 16px;
background: #01513359;
border-radius: 2px
}

.arc-det .art-body h4 {
font-size: 20px;
line-height: 1.6;
color: #F8FFB3;
margin: 24px 0 8px
}

.arc-det .art-body abbr {
text-decoration: underline dotted #fe5e7c99;
color: #FE5E7C;
cursor: help
}

.arc-det .art-body del {
color: #7a7068;
text-decoration-color: #fe5e7c80
}

.arc-det .art-body figure {
margin: 40px 0;
border-radius: 14px;
overflow: hidden;
box-shadow: 0 6px 18px -2px #fe5e7c1c
}

.arc-det .art-body figure img {
width: 100%;
display: block;
object-fit: cover
}

.arc-det .art-body figcaption {
background: #01513333;
color: #9c8f83;
font-size: 13px;
padding: 8px 16px;
line-height: 1.6
}

.arc-det .art-body a {
color: #c4b8ae;
text-decoration: underline;
text-decoration-color: #fe5e7c66;
transition: color .18s cubic-bezier(0.4, 0, 0.2, 1), text-decoration-color .18s cubic-bezier(0.4, 0, 0.2, 1)
}

.arc-det .art-body a:hover {
color: #FE5E7C;
text-decoration-color: #FE5E7C
}

.arc-det .sidebar {
display: flex;
flex-direction: column;
gap: 24px;
position: sticky;
top: 24px
}

.arc-det .side-card {
background: #ffffff08;
border: 1px solid #ffffff12;
border-radius: 14px;
padding: 24px;
box-shadow: 0 2px 5px -2px #fe5e7c0d
}

.arc-det .side-card-head {
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .1em;
color: #FE5E7C;
margin: 0 0 16px
}

.arc-det .stat-row {
display: flex;
flex-direction: column;
gap: 16px
}

.arc-det .stat-item {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 8px 0;
border-bottom: 1px solid #ffffff0d
}

.arc-det .stat-item:last-child {
border-bottom: none
}

.arc-det .stat-lbl {
color: #7a7068;
font-size: 13px
}

.arc-det .stat-val {
color: #f5f0eb;
font-size: 13px;
font-weight: 700
}

.arc-det .nav-links {
display: flex;
flex-direction: column;
gap: 8px
}

.arc-det .nav-link-item {
display: block;
color: #c4b8ae;
font-size: 13px;
line-height: 1.6;
text-decoration: none;
padding: 8px 16px;
border-radius: 2px;
border: 1px solid transparent;
transition: color .2s cubic-bezier(0.4, 0, 0.2, 1), border-color .2s cubic-bezier(0.4, 0, 0.2, 1), background .2s cubic-bezier(0.4, 0, 0.2, 1)
}

.arc-det .nav-link-item:hover {
color: #FE5E7C;
border-color: #fe5e7c4d;
background: #fe5e7c0f
}

.arc-det .nav-link-item:focus-visible {
outline: 2px solid #FE5E7C;
outline-offset: 2px
}

.arc-det .feedback-blk {
padding: 80px 0;
background: linear-gradient(167deg, #0151332e 0%, #1b171400 60%);
position: relative
}

.arc-det .feedback-blk::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(90deg, transparent 0%, #01513380 30%, #f8ffb34d 60%, transparent 100%)
}

.arc-det .feedback-inner {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: start
}

.arc-det .feedback-txt h2 {
font-size: 27px;
line-height: 1.2;
color: #f5f0eb;
margin: 0 0 16px;
display: inline-block;
padding: 4px 16px;
background: #fe5e7c26;
border-radius: 2px
}

.arc-det .feedback-txt p {
color: #9c8f83;
font-size: 20px;
line-height: 1.6;
margin: 16px 0 0
}

.arc-det .fb-form {
display: flex;
flex-direction: column;
gap: 16px
}

.arc-det .fb-form input,
.arc-det .fb-form textarea {
background: #ffffff0a;
border: 1px solid #ffffff1a;
border-radius: 2px;
color: #f5f0eb;
font-size: 13px;
padding: 16px;
width: 100%;
box-sizing: border-box;
transition: border-color .2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow .2s cubic-bezier(0.4, 0, 0.2, 1)
}

.arc-det .fb-form input:focus,
.arc-det .fb-form textarea:focus {
outline: none;
border-color: #fe5e7c80;
box-shadow: inset 0 0 0 1px #fe5e7c26
}

.arc-det .fb-form textarea {
resize: vertical;
min-height: 120px
}

.arc-det .fb-submit {
background: transparent;
border: 2px solid #FE5E7C;
color: #FE5E7C;
font-size: 13px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
padding: 16px 40px;
border-radius: 2px;
cursor: pointer;
align-self: flex-start;
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
transition: background .22s cubic-bezier(0.0, 0, 0.2, 1), color .22s cubic-bezier(0.0, 0, 0.2, 1), box-shadow .22s cubic-bezier(0.0, 0, 0.2, 1), clip-path .18s cubic-bezier(0.4, 0, 0.2, 1)
}

.arc-det .fb-submit:hover {
background: #FE5E7C;
color: #1b1714;
box-shadow: 0 6px 18px -2px #fe5e7c59;
clip-path: polygon(0 0, 100% 0, 97% 100%, 3% 100%)
}

.arc-det .fb-submit:focus-visible {
outline: 2px solid #F8FFB3;
outline-offset: 3px
}

.arc-det .fb-submit:active {
background: #d44d68;
border-color: #d44d68
}

.arc-det .explore-blk {
padding: 80px 0;
position: relative
}

.arc-det .explore-blk::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, #015133 0%, #0151334d 60%, transparent 100%)
}

.arc-det .explore-head {
display: flex;
flex-direction: row;
align-items: baseline;
gap: 24px;
margin-bottom: 40px
}

.arc-det .explore-head h2 {
font-size: 27px;
line-height: 1.2;
color: #f5f0eb;
margin: 0;
padding: 4px 16px;
background: #f8ffb314;
border-radius: 2px;
display: inline-block
}

.arc-det .explore-grid {
display: grid;
grid-template-columns: 2fr 3fr 3fr 2fr;
gap: 16px
}

.arc-det .exp-card {
background: #ffffff08;
border: 1px solid #ffffff12;
border-radius: 14px;
padding: 24px;
display: flex;
flex-direction: column;
gap: 16px;
text-decoration: none;
box-shadow: 0 2px 5px -2px #0151330d;
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
transition: background .2s cubic-bezier(0.4, 0, 0.2, 1), border-color .2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow .25s cubic-bezier(0.4, 0, 0.2, 1), clip-path .18s cubic-bezier(0.4, 0, 0.2, 1)
}

.arc-det .exp-card:hover {
background: #0151331f;
border-color: #01513366;
box-shadow: 0 6px 18px -2px #01513324;
clip-path: polygon(0 2%, 100% 0, 100% 98%, 0 100%)
}

.arc-det .exp-card:focus-visible {
outline: 2px solid #FE5E7C;
outline-offset: 2px
}

.arc-det .exp-card-lbl {
font-size: 13px;
color: #9c8f83;
text-transform: uppercase;
letter-spacing: .08em
}

.arc-det .exp-card-name {
font-size: 20px;
line-height: 1.6;
color: #f5f0eb;
font-weight: 600
}

.arc-det .exp-card-arr {
width: 24px;
height: 24px;
margin-top: auto
}

.arc-det .exp-card-arr svg {
width: 24px;
height: 24px
}

@media (max-width: 1024px) {
.arc-det .body-grid {
grid-template-columns: 1fr;
gap: 40px
}

.arc-det .sidebar {
position: static
}

.arc-det .feedback-inner {
grid-template-columns: 1fr;
gap: 40px
}

.arc-det .explore-grid {
grid-template-columns: 1fr 1fr
}

.arc-det .art-heading {
font-size: 52px
}
}

@media (max-width: 640px) {
.arc-det .art-heading {
font-size: 27px;
padding-left: 16px
}

.arc-det .img-wrap img {
height: 280px
}

.arc-det .bracket-frame {
padding: 24px
}

.arc-det .explore-grid {
grid-template-columns: 1fr
}

.arc-det .explore-head {
flex-direction: column;
gap: 8px
}

.arc-det .title-blk {
padding: 40px 0 24px
}

.arc-det .body-blk,
.arc-det .feedback-blk,
.arc-det .explore-blk {
padding: 40px 0
}

.arc-det .fb-submit {
width: 100%;
text-align: center
}
}

@media (max-width: 360px) {
.arc-det .pg-wrap {
padding: 0 16px
}

.arc-det .meta-row {
gap: 8px
}

.arc-det .art-heading {
font-size: 27px
}
}

.abt-us {
background-color: #1e1a18;
color: #e8e0d8;
overflow-x: clip;
position: relative
}

.abt-us *,
.abt-us ::before,
.abt-us ::after {
box-sizing: border-box
}

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

.abt-us ::-moz-selection {
background-color: #FE5E7C;
color: #fff
}

.abt-us img {
display: block;
max-width: 100%
}

.abt-us .pg-wrap {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding-left: 40px;
padding-right: 40px
}

.abt-us .ttl-blk {
background-color: #14110f;
padding-top: 40px;
padding-bottom: 80px;
position: relative
}

.abt-us .ttl-blk::before {
content: '';
position: absolute;
inset: 16px;
border: 1px solid #fe5e7c38;
pointer-events: none
}

.abt-us .ttl-blk::after {
content: '';
position: absolute;
inset: 20px;
border: 1px solid #f8ffb314;
pointer-events: none
}

.abt-us .ttl-row {
display: flex;
flex-direction: row;
gap: 80px;
align-items: flex-start;
position: relative;
z-index: 1
}

.abt-us .ttl-copy {
flex: 1 1 0;
padding-top: 24px
}

.abt-us .ttl-label {
display: inline-block;
font-size: 13px;
letter-spacing: .14em;
text-transform: uppercase;
color: #F8FFB3;
background-color: #015133;
padding: 4px 16px;
border-radius: 2px;
margin-bottom: 24px
}

.abt-us .ttl-h1 {
font-size: 52px;
line-height: 1.2;
color: #e8e0d8;
margin: 0 0 24px
}

.abt-us .ttl-h1 strong {
color: #FE5E7C;
font-weight: 800
}

.abt-us .ttl-desc {
font-size: 20px;
line-height: 1.6;
color: #b8afa8;
margin: 0;
max-width: 520px
}

.abt-us .ttl-img-col {
flex: 0 0 380px;
position: relative
}

.abt-us .ttl-img-wrap {
width: 380px;
height: 440px;
overflow: hidden;
border-radius: 2px;
filter: saturate(0.6) brightness(0.85) contrast(1.1)
}

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

.abt-us .ttl-badge {
position: absolute;
bottom: -16px;
left: -16px;
background-color: #FE5E7C;
color: #14110f;
font-size: 13px;
font-weight: 700;
letter-spacing: .06em;
text-transform: uppercase;
padding: 8px 16px;
border-radius: 2px;
box-shadow: 0 6px 18px -2px #fe5e7c1c
}

@keyframes abt-reveal {
from {
opacity: 0;
transform: rotate(-1.5deg) translateY(18px)
}

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

.abt-us .ttl-copy {
animation: abt-reveal .28s cubic-bezier(0.0, 0, 0.2, 1) both
}

.abt-us .ttl-img-col {
animation: abt-reveal .22s cubic-bezier(0.4, 0, 0.2, 1) .08s both
}

.abt-us .divider-zz {
display: block;
width: 100%;
line-height: 0;
background-color: #14110f
}

.abt-us .divider-zz svg {
display: block;
width: 100%
}

.abt-us .story-sec {
background: linear-gradient(167deg, #1e1a18 0%, #0d1f18 60%, #1e1a18 100%);
padding-top: 80px;
padding-bottom: 80px
}

.abt-us .story-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: start
}

.abt-us .story-imgs {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto;
gap: 16px
}

.abt-us .story-img-a {
grid-column: 1 / 3;
height: 240px;
overflow: hidden;
border-radius: 14px;
box-shadow: 0 10px 60px -2px #01513324
}

.abt-us .story-img-a img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: transform .25s cubic-bezier(0.4, 0, 0.2, 1)
}

.abt-us .story-img-a:hover img {
transform: scale(1.04)
}

.abt-us .story-img-b,
.abt-us .story-img-c {
height: 160px;
overflow: hidden;
border-radius: 14px;
box-shadow: 0 6px 18px -2px #0151331c
}

.abt-us .story-img-b img,
.abt-us .story-img-c img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: transform .2s cubic-bezier(0.4, 0, 0.2, 1)
}

.abt-us .story-img-b:hover img,
.abt-us .story-img-c:hover img {
transform: scale(1.05)
}

.abt-us .story-copy {
padding-top: 8px
}

.abt-us .story-eyebrow {
font-size: 13px;
letter-spacing: .12em;
text-transform: uppercase;
color: #FE5E7C;
margin: 0 0 16px
}

.abt-us .story-h2 {
font-size: 27px;
line-height: 1.2;
margin: 0 0 24px;
color: #e8e0d8
}

.abt-us .story-h2 mark {
background-color: #015133;
color: #F8FFB3;
padding: 0 8px;
border-radius: 2px
}

.abt-us .story-p {
font-size: 20px;
line-height: 1.6;
color: #b8afa8;
margin: 0 0 16px
}

.abt-us .story-glass {
margin-top: 24px;
background: #f8ffb30d;
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid #f8ffb324;
border-radius: 14px;
padding: 24px;
box-shadow: inset 0 1px 0 #f8ffb314 0 6px 18px -2px #0151331c
}

.abt-us .story-glass p {
font-size: 13px;
line-height: 1.9;
color: #c8c0b0;
margin: 0
}

.abt-us .story-glass strong {
color: #F8FFB3
}

.abt-us .divider-zz2 {
display: block;
width: 100%;
line-height: 0;
background: linear-gradient(167deg, #1e1a18 0%, #0d1f18 60%, #1e1a18 100%)
}

.abt-us .divider-zz2 svg {
display: block;
width: 100%
}

.abt-us .mile-sec {
background-color: #12100e;
padding-top: 80px;
padding-bottom: 80px
}

.abt-us .mile-head {
text-align: center;
margin-bottom: 80px
}

.abt-us .mile-h2 {
font-size: 27px;
line-height: 1.2;
color: #e8e0d8;
margin: 0 0 16px;
display: inline-block;
background-color: #FE5E7C;
color: #14110f;
padding: 4px 16px;
border-radius: 2px
}

.abt-us .mile-sub {
font-size: 20px;
line-height: 1.6;
color: #b8afa8;
margin: 16px 0 0
}

.abt-us .mile-track {
position: relative;
display: flex;
flex-direction: row;
gap: 0;
align-items: flex-start
}

.abt-us .mile-track::before {
content: '';
position: absolute;
top: 28px;
left: 0;
right: 0;
height: 2px;
background: linear-gradient(90deg, #015133 0%, #FE5E7C 50%, #F8FFB3 100%);
border-radius: 2px
}

.abt-us .mile-item {
flex: 1 1 0;
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
padding-top: 0;
position: relative
}

.abt-us .mile-dot {
width: 56px;
height: 56px;
border-radius: 14px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 1;
transition: clip-path .2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow .2s cubic-bezier(0.4, 0, 0.2, 1);
clip-path: polygon(8% 0%, 92% 0%, 100% 8%, 100% 92%, 92% 100%, 8% 100%, 0% 92%, 0% 8%)
}

.abt-us .mile-item:nth-child(1) .mile-dot {
background-color: #015133;
box-shadow: 0 6px 18px -2px #0151331c
}

.abt-us .mile-item:nth-child(2) .mile-dot {
background-color: #015133;
box-shadow: 0 6px 18px -2px #0151331c
}

.abt-us .mile-item:nth-child(3) .mile-dot {
background-color: #FE5E7C;
box-shadow: 0 6px 18px -2px #fe5e7c1c
}

.abt-us .mile-item:nth-child(4) .mile-dot {
background-color: #FE5E7C;
box-shadow: 0 6px 18px -2px #fe5e7c1c
}

.abt-us .mile-item:nth-child(5) .mile-dot {
background-color: #F8FFB3;
box-shadow: 0 6px 18px -2px #f8ffb31c
}

.abt-us .mile-dot:hover {
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
box-shadow: 0 10px 60px -2px #fe5e7c24
}

.abt-us .mile-dot svg {
width: 24px;
height: 24px
}

.abt-us .mile-item:nth-child(1) .mile-dot svg,
.abt-us .mile-item:nth-child(2) .mile-dot svg {
stroke: #F8FFB3
}

.abt-us .mile-item:nth-child(3) .mile-dot svg,
.abt-us .mile-item:nth-child(4) .mile-dot svg {
stroke: #14110f
}

.abt-us .mile-item:nth-child(5) .mile-dot svg {
stroke: #14110f
}

.abt-us .mile-txt {
text-align: center;
padding: 0 8px
}

.abt-us .mile-date {
font-size: 13px;
letter-spacing: .1em;
text-transform: uppercase;
color: #FE5E7C;
margin: 0 0 4px
}

.abt-us .mile-lbl {
font-size: 13px;
line-height: 1.6;
color: #e8e0d8;
margin: 0;
font-weight: 600
}

.abt-us .mile-desc {
font-size: 13px;
line-height: 1.9;
color: #8a8278;
margin: 4px 0 0
}

.abt-us .divider-zz3 {
display: block;
width: 100%;
line-height: 0;
background-color: #12100e
}

.abt-us .divider-zz3 svg {
display: block;
width: 100%
}

.abt-us .team-sec {
background: linear-gradient(112deg, #1a1612 0%, #0f1a14 55%, #1a1612 100%);
padding-top: 80px;
padding-bottom: 80px
}

.abt-us .team-inner {
display: flex;
flex-direction: row;
gap: 80px;
align-items: flex-start
}

.abt-us .team-portrait-col {
flex: 0 0 320px
}

.abt-us .team-portrait-wrap {
width: 320px;
height: 320px;
border-radius: 2px;
overflow: hidden;
box-shadow: 0 10px 60px -2px #01513324
}

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

.abt-us .team-portrait-meta {
margin-top: 16px
}

.abt-us .team-name {
font-size: 20px;
line-height: 1.2;
color: #e8e0d8;
margin: 0 0 4px;
font-weight: 700
}

.abt-us .team-role {
font-size: 13px;
color: #FE5E7C;
letter-spacing: .08em;
text-transform: uppercase;
margin: 0
}

.abt-us .team-copy-col {
flex: 1 1 0;
padding-top: 8px
}

.abt-us .team-eyebrow {
font-size: 13px;
letter-spacing: .12em;
text-transform: uppercase;
color: #F8FFB3;
margin: 0 0 16px
}

.abt-us .team-h2 {
font-size: 27px;
line-height: 1.2;
color: #e8e0d8;
margin: 0 0 24px
}

.abt-us .team-h2 span {
background-color: #015133;
color: #F8FFB3;
padding: 0 8px;
border-radius: 2px
}

.abt-us .team-p {
font-size: 20px;
line-height: 1.6;
color: #b8afa8;
margin: 0 0 16px
}

.abt-us .team-dashed {
margin-top: 24px;
border: 2px dashed #fe5e7c59;
border-radius: 14px;
padding: 24px;
position: relative
}

.abt-us .team-dashed::before {
content: '';
position: absolute;
inset: 4px;
border: 1px dashed #f8ffb31a;
border-radius: 10px;
pointer-events: none
}

.abt-us .team-stats {
display: flex;
flex-direction: row;
gap: 40px
}

.abt-us .team-stat {
display: flex;
flex-direction: column;
gap: 4px
}

.abt-us .team-stat-num {
font-size: 52px;
line-height: 1.2;
font-weight: 800;
background: linear-gradient(112deg, #FE5E7C 0%, #F8FFB3 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent
}

.abt-us .team-stat-lbl {
font-size: 13px;
line-height: 1.6;
color: #8a8278;
text-transform: uppercase;
letter-spacing: .08em
}

.abt-us .team-other {
margin-top: 40px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px
}

.abt-us .team-member {
display: flex;
flex-direction: row;
gap: 16px;
align-items: center;
background-color: #ffffff08;
border: 1px solid #ffffff12;
border-radius: 14px;
padding: 16px;
transition: border-color .18s cubic-bezier(0.4, 0, 0.2, 1), background-color .18s cubic-bezier(0.4, 0, 0.2, 1)
}

.abt-us .team-member:hover {
border-color: #fe5e7c4d;
background-color: #fe5e7c0d
}

.abt-us .team-member-init {
width: 48px;
height: 48px;
border-radius: 14px;
background-color: #015133;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
font-weight: 700;
color: #F8FFB3;
flex-shrink: 0
}

.abt-us .team-member-info {
flex: 1 1 0
}

.abt-us .team-member-name {
font-size: 13px;
font-weight: 700;
color: #e8e0d8;
margin: 0 0 4px
}

.abt-us .team-member-role {
font-size: 13px;
color: #8a8278;
margin: 0
}

.abt-us .team-img-strip {
margin-top: 40px;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 16px
}

.abt-us .team-strip-img {
height: 120px;
border-radius: 14px;
overflow: hidden;
box-shadow: 0 2px 5px -2px #0151330d
}

.abt-us .team-strip-img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: transform .25s cubic-bezier(0.4, 0, 0.2, 1)
}

.abt-us .team-strip-img:hover img {
transform: scale(1.06)
}

@media (max-width: 1024px) {
.abt-us .ttl-row {
flex-direction: column;
gap: 40px
}

.abt-us .ttl-img-col {
flex: unset
}

.abt-us .ttl-img-wrap {
width: 100%;
height: 320px
}

.abt-us .story-grid {
grid-template-columns: 1fr
}

.abt-us .mile-track {
flex-direction: column;
gap: 24px
}

.abt-us .mile-track::before {
top: 0;
bottom: 0;
left: 28px;
right: auto;
width: 2px;
height: auto
}

.abt-us .mile-item {
flex-direction: row;
align-items: flex-start;
gap: 24px
}

.abt-us .mile-txt {
text-align: left;
padding: 0
}

.abt-us .team-inner {
flex-direction: column;
gap: 40px
}

.abt-us .team-portrait-col {
flex: unset
}

.abt-us .team-portrait-wrap {
width: 100%;
height: 280px
}

.abt-us .team-stats {
flex-wrap: wrap;
gap: 24px
}
}

@media (max-width: 640px) {
.abt-us .pg-wrap {
padding-left: 16px;
padding-right: 16px
}

.abt-us .ttl-h1 {
font-size: 27px
}

.abt-us .ttl-blk::before,
.abt-us .ttl-blk::after {
inset: 8px
}

.abt-us .story-imgs {
grid-template-columns: 1fr
}

.abt-us .story-img-a {
grid-column: 1
}

.abt-us .team-other {
grid-template-columns: 1fr
}

.abt-us .team-img-strip {
grid-template-columns: 1fr 1fr
}

.abt-us .team-stats {
gap: 16px
}

.abt-us .team-stat-num {
font-size: 27px
}
}

@media (max-width: 360px) {
.abt-us .ttl-h1 {
font-size: 20px
}

.abt-us .mile-head {
margin-bottom: 40px
}

.abt-us .team-img-strip {
grid-template-columns: 1fr
}
}

.archv {
background: #1b1714;
color: #e8e0d5;
padding: 0;
overflow-x: clip
}

.archv .pg-reveal {
animation: clip-reveal .55s cubic-bezier(0.4, 0, 0.2, 1) both
}

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

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

.archv .pg-reveal-2 {
animation: clip-reveal .45s .18s cubic-bezier(0.0, 0, 0.2, 1) both
}

.archv .pg-reveal-3 {
animation: clip-reveal .5s .28s cubic-bezier(0.4, 0, 0.2, 1) both
}

.archv .top-band {
background: #231e1a;
padding: 80px 24px 40px;
text-align: center;
position: relative
}

.archv .top-band::after {
content: '';
display: block;
height: 2px;
background: linear-gradient(90deg, #FE5E7C 0%, #015133 55%, #2a2420 100%);
position: absolute;
bottom: 0;
left: 0;
right: 0
}

.archv .top-band-shapes {
position: absolute;
inset: 0;
overflow: hidden;
pointer-events: none
}

.archv .top-band-shapes span {
position: absolute;
border: 1.5px solid #fe5e7c1a;
border-radius: 26px
}

.archv .top-band-shapes span:nth-child(1) {
width: 220px;
height: 220px;
top: -60px;
left: -50px;
opacity: .6
}

.archv .top-band-shapes span:nth-child(2) {
width: 140px;
height: 140px;
top: 20px;
right: 80px;
border-color: #f8ffb314;
border-radius: 42px
}

.archv .top-band-shapes span:nth-child(3) {
width: 80px;
height: 80px;
bottom: 30px;
left: 30%;
border-color: #0151332e;
border-radius: 14px
}

.archv .band-img-wrap {
position: relative;
display: inline-block;
margin-bottom: 24px;
border-radius: 26px;
overflow: hidden;
box-shadow: 0 10px 60px -2px #fe5e7c24
}

.archv .band-img-wrap img {
width: 340px;
height: 220px;
object-fit: cover;
display: block;
border-radius: 26px;
transition: transform .25s cubic-bezier(0.4, 0, 0.2, 1)
}

.archv .band-img-wrap:hover img {
transform: scale(1.03);
box-shadow: 0 10px 60px -2px #fe5e7c24 0 6px 18px -2px #fe5e7c1c
}

.archv .band-img-grad {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 70%;
background: linear-gradient(0deg, #1b1714 0%, transparent 100%);
border-radius: 0 0 26px 26px;
pointer-events: none
}

.archv .top-band-label {
display: inline-block;
background: #FE5E7C;
color: #fff;
font-size: 13px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
border-radius: 2px;
padding: 4px 16px;
margin-bottom: 16px
}

.archv .top-band h1 {
font-size: 52px;
line-height: 1.2;
font-weight: 800;
color: #e8e0d5;
margin: 0 auto 8px;
max-width: 700px
}

.archv .top-band-sub {
font-size: 20px;
line-height: 1.6;
color: #b0a89e;
margin: 0 auto;
max-width: 520px
}

.archv .posts-zone {
padding: 80px 24px;
max-width: 1280px;
margin: 0 auto
}

.archv .posts-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px
}

.archv .post-card {
background: #231e1a;
border-radius: 14px;
overflow: hidden;
display: flex;
flex-direction: column;
box-shadow: 0 2px 5px -2px #fe5e7c0d;
transition: box-shadow .22s cubic-bezier(0.4, 0, 0.2, 1), transform .22s cubic-bezier(0.4, 0, 0.2, 1);
text-decoration: none;
color: inherit;
clip-path: inset(0 0 0 0 round 14px)
}

.archv .posts-grid:hover .post-card:not(:hover) {
opacity: .6;
transition: opacity .2s cubic-bezier(0.4, 0, 0.2, 1)
}

.archv .post-card:hover {
box-shadow: 0 10px 60px -2px #fe5e7c24 0 6px 18px -2px #fe5e7c1c;
transform: translateY(-4px);
clip-path: inset(-2px -2px -2px -2px round 14px)
}

.archv .post-img-wrap {
position: relative;
overflow: hidden;
flex-shrink: 0
}

.archv .post-img-wrap img {
width: 100%;
height: 200px;
object-fit: cover;
display: block;
transition: transform .28s cubic-bezier(0.4, 0, 0.2, 1)
}

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

.archv .post-img-grad {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 50%;
background: linear-gradient(0deg, #231e1a 0%, transparent 100%);
pointer-events: none
}

.archv .post-body {
padding: 24px;
display: flex;
flex-direction: column;
gap: 8px;
flex: 1
}

.archv .post-tags {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 4px
}

.archv .tag-art {
background: #FE5E7C;
color: #fff;
font-size: 13px;
font-weight: 700;
border-radius: 2px;
padding: 4px 8px;
letter-spacing: .05em;
text-transform: uppercase
}

.archv .tag-cat {
background: #015133;
color: #F8FFB3;
font-size: 13px;
font-weight: 600;
border-radius: 2px;
padding: 4px 8px
}

.archv .post-title {
font-size: 20px;
line-height: 1.6;
font-weight: 700;
color: #e8e0d5;
margin: 0
}

.archv .post-sub {
font-size: 13px;
line-height: 1.9;
color: #9e9087;
font-style: italic;
margin: 0
}

.archv .post-desc {
font-size: 13px;
line-height: 1.9;
color: #b0a89e;
margin: 0
}

.archv .post-meta {
display: flex;
flex-direction: row;
gap: 16px;
align-items: center;
margin-top: 8px;
padding-top: 8px;
border-top: 1px solid #fe5e7c1a
}

.archv .meta-item {
font-size: 13px;
color: #7a6f68;
display: flex;
flex-direction: row;
align-items: center;
gap: 4px
}

.archv .meta-dot {
width: 4px;
height: 4px;
background: #FE5E7C;
border-radius: 2px;
flex-shrink: 0
}

.archv .read-more {
display: inline-block;
margin-top: 8px;
font-size: 13px;
font-weight: 700;
color: #FE5E7C;
text-decoration: none;
letter-spacing: .06em;
text-transform: uppercase;
transition: color .18s cubic-bezier(0.4, 0, 0.2, 1)
}

.archv .post-card:hover .read-more {
color: #F8FFB3
}

.archv .cross-band {
background: #015133;
padding: 80px 24px;
position: relative;
overflow: hidden
}

.archv .cross-band-pattern {
position: absolute;
inset: 0;
pointer-events: none;
overflow: hidden
}

.archv .cross-band-pattern::before {
content: '';
position: absolute;
inset: 0;
background-image: linear-gradient(#F8FFB3 1px, transparent 1px), linear-gradient(90deg, #F8FFB3 1px, transparent 1px);
background-size: 32px 32px;
background-position: center center;
opacity: .04
}

.archv .cross-band-inner {
max-width: 1280px;
margin: 0 auto;
display: flex;
flex-direction: row;
gap: 80px;
align-items: center
}

.archv .cross-band-text {
flex: 1
}

.archv .cross-band-text h2 {
font-size: 27px;
line-height: 1.6;
font-weight: 700;
color: #F8FFB3;
margin: 0 0 16px
}

.archv .cross-band-text h2 span {
background: #FE5E7C;
color: #fff;
padding: 2px 8px;
border-radius: 2px
}

.archv .cross-band-text p {
font-size: 20px;
line-height: 1.6;
color: #f8ffb3bf;
margin: 0
}

.archv .cross-band-stat {
display: flex;
flex-direction: column;
gap: 24px;
flex-shrink: 0
}

.archv .stat-item {
display: flex;
flex-direction: column;
gap: 4px;
padding: 16px 24px;
background: #f8ffb30f;
border-radius: 14px;
border: 1px solid #f8ffb31f;
box-shadow: inset 0 2px 5px -2px #0151332e;
min-width: 160px;
transition: background .2s cubic-bezier(0.4, 0, 0.2, 1)
}

.archv .stat-item:hover {
background: #f8ffb31c
}

.archv .stat-num {
font-size: 52px;
line-height: 1.2;
font-weight: 800;
color: #F8FFB3
}

.archv .stat-label {
font-size: 13px;
color: #f8ffb399;
text-transform: uppercase;
letter-spacing: .08em
}

.archv .experts-zone {
padding: 80px 24px;
max-width: 1280px;
margin: 0 auto
}

.archv .zone-heading {
display: inline-block;
background: #F8FFB3;
color: #1b1714;
font-size: 27px;
line-height: 1.2;
font-weight: 700;
padding: 4px 16px;
border-radius: 2px;
margin-bottom: 40px
}

.archv .experts-subgrid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto;
gap: 24px
}

.archv .exp-featured {
grid-column: 1 / 2;
grid-row: 1 / 3;
background: #2a2420;
border-radius: 26px;
padding: 40px;
display: flex;
flex-direction: column;
gap: 16px;
box-shadow: 0 6px 18px -2px #fe5e7c1c;
transition: box-shadow .25s cubic-bezier(0.4, 0, 0.2, 1)
}

.archv .exp-featured:hover {
box-shadow: 0 10px 60px -2px #fe5e7c24
}

.archv .exp-badge {
display: inline-block;
background: #FE5E7C;
color: #fff;
font-size: 13px;
font-weight: 700;
border-radius: 2px;
padding: 4px 8px;
text-transform: uppercase;
letter-spacing: .06em;
width: fit-content
}

.archv .exp-featured h3 {
font-size: 27px;
line-height: 1.6;
color: #e8e0d5;
margin: 0;
font-weight: 700
}

.archv .exp-featured p {
font-size: 20px;
line-height: 1.6;
color: #b0a89e;
margin: 0
}

.archv .exp-name {
font-size: 13px;
color: #FE5E7C;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .07em
}

.archv .exp-link {
display: inline-block;
margin-top: 8px;
padding: 8px 24px;
border: 1.5px solid #FE5E7C;
color: #FE5E7C;
border-radius: 42px;
font-size: 13px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
letter-spacing: .07em;
transition: background .2s cubic-bezier(0.4, 0, 0.2, 1), color .2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow .2s cubic-bezier(0.4, 0, 0.2, 1);
width: fit-content
}

.archv .exp-link:hover {
background: #FE5E7C;
color: #fff;
box-shadow: 0 6px 18px -2px #fe5e7c47
}

.archv .exp-small {
background: #231e1a;
border-radius: 14px;
padding: 24px;
display: flex;
flex-direction: column;
gap: 8px;
box-shadow: 0 2px 5px -2px #fe5e7c0d;
transition: box-shadow .18s cubic-bezier(0.4, 0, 0.2, 1)
}

.archv .exp-small:hover {
box-shadow: 0 6px 18px -2px #fe5e7c1c
}

.archv .exp-small h4 {
font-size: 20px;
line-height: 1.6;
color: #e8e0d5;
margin: 0;
font-weight: 600
}

.archv .exp-small p {
font-size: 13px;
line-height: 1.9;
color: #9e9087;
margin: 0
}

.archv .exp-small-link {
font-size: 13px;
color: #FE5E7C;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
letter-spacing: .06em;
transition: color .18s cubic-bezier(0.4, 0, 0.2, 1);
width: fit-content
}

.archv .exp-small-link:hover {
color: #F8FFB3
}

.archv .contact-strip {
background: #231e1a;
padding: 80px 24px;
position: relative
}

.archv .contact-strip::before {
content: '';
display: block;
height: 2px;
background: linear-gradient(90deg, #015133 0%, #FE5E7C 60%, #2a2420 100%);
position: absolute;
top: 0;
left: 0;
right: 0
}

.archv .contact-inner {
max-width: 1280px;
margin: 0 auto;
display: flex;
flex-direction: row;
gap: 80px;
align-items: flex-start
}

.archv .contact-text {
flex: 1
}

.archv .contact-text h2 {
font-size: 27px;
line-height: 1.6;
font-weight: 700;
color: #e8e0d5;
margin: 0 0 16px
}

.archv .contact-text h2 em {
font-style: normal;
background: #015133;
color: #F8FFB3;
padding: 2px 8px;
border-radius: 2px
}

.archv .contact-text p {
font-size: 20px;
line-height: 1.6;
color: #b0a89e;
margin: 0 0 24px
}

.archv .contact-form {
flex: 1;
display: flex;
flex-direction: column;
gap: 16px
}

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

.archv .form-field {
display: flex;
flex-direction: column;
gap: 4px;
flex: 1
}

.archv .form-field label {
font-size: 13px;
color: #7a6f68;
text-transform: uppercase;
letter-spacing: .07em;
font-weight: 600
}

.archv .form-field input,
.archv .form-field textarea {
background: #1b1714;
border: 1.5px solid #fe5e7c2e;
border-radius: 14px;
padding: 8px 16px;
color: #e8e0d5;
font-size: 13px;
line-height: 1.9;
outline: none;
transition: border-color .2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow .2s cubic-bezier(0.4, 0, 0.2, 1)
}

.archv .form-field input::placeholder,
.archv .form-field textarea::placeholder {
color: #5a504a;
font-size: 13px
}

.archv .form-field input:focus,
.archv .form-field textarea:focus {
border-color: #FE5E7C;
box-shadow: inset 0 2px 5px -2px #fe5e7c1c
}

.archv .form-field textarea {
resize: vertical;
min-height: 80px
}

.archv .form-btn {
align-self: flex-start;
padding: 8px 40px;
background: transparent;
border: 1.5px solid #FE5E7C;
color: #FE5E7C;
border-radius: 42px;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .08em;
cursor: pointer;
transition: background .22s cubic-bezier(0.4, 0, 0.2, 1), color .22s cubic-bezier(0.4, 0, 0.2, 1), box-shadow .22s cubic-bezier(0.4, 0, 0.2, 1)
}

.archv .form-btn:hover {
background: #FE5E7C;
color: #fff;
box-shadow: 0 6px 18px -2px #fe5e7c47
}

.archv .form-btn:active {
background: #d94a66;
border-color: #d94a66
}

@media (max-width: 1024px) {
.archv .posts-grid {
grid-template-columns: 1fr 1fr;
gap: 24px
}

.archv .cross-band-inner {
flex-direction: column;
gap: 40px
}

.archv .cross-band-stat {
flex-direction: row;
flex-wrap: wrap
}

.archv .experts-subgrid {
grid-template-columns: 1fr;
grid-template-rows: auto
}

.archv .exp-featured {
grid-column: 1;
grid-row: auto
}

.archv .contact-inner {
flex-direction: column;
gap: 40px
}

.archv .top-band h1 {
font-size: 27px
}
}

@media (max-width: 640px) {
.archv .posts-grid {
grid-template-columns: 1fr;
gap: 24px
}

.archv .top-band h1 {
font-size: 27px
}

.archv .band-img-wrap img {
width: 100%;
height: 180px
}

.archv .form-row {
flex-direction: column
}

.archv .stat-num {
font-size: 27px
}

.archv .cross-band-stat {
flex-direction: column
}

.archv .top-band {
padding: 40px 16px
}

.archv .posts-zone,
.archv .experts-zone {
padding: 40px 16px
}

.archv .cross-band {
padding: 40px 16px
}

.archv .contact-strip {
padding: 40px 16px
}
}

@media (max-width: 360px) {
.archv .top-band h1 {
font-size: 20px
}

.archv .zone-heading {
font-size: 20px
}

.archv .exp-featured h3 {
font-size: 20px
}

.archv .exp-featured p {
font-size: 13px
}
}

.cont-pg {
background: #1b1714;
min-height: 100vh;
position: relative
}

.cont-pg .pg-open {
padding: 80px 24px;
max-width: 1280px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: end;
position: relative;
overflow: hidden
}

.cont-pg .pg-open::before {
content: "∂";
position: absolute;
right: -40px;
top: -60px;
font-size: 420px;
line-height: 1.2;
color: #015133;
opacity: .07;
pointer-events: none;
z-index: 0;
font-style: italic
}

.cont-pg .pg-open .circ-a {
position: absolute;
width: 320px;
height: 320px;
border-radius: 50%;
border: 1px solid #fe5e7c14;
bottom: -80px;
left: -120px;
pointer-events: none;
z-index: 0
}

.cont-pg .pg-open .circ-b {
position: absolute;
width: 180px;
height: 180px;
border-radius: 50%;
border: 1px solid #f8ffb30f;
top: 40px;
right: 200px;
pointer-events: none;
z-index: 0
}

.cont-pg .pg-open .txt-col {
position: relative;
z-index: 1;
padding-bottom: 40px
}

.cont-pg .pg-open .txt-col .lbl-strip {
display: inline-block;
background: #FE5E7C;
color: #1b1714;
font-size: 13px;
font-weight: 700;
letter-spacing: .12em;
text-transform: uppercase;
padding: 4px 16px;
border-radius: 2px;
margin-bottom: 24px
}

.cont-pg .pg-open .txt-col h1 {
font-size: 52px;
line-height: 1.2;
color: #f0ebe3;
margin: 0 0 24px;
font-weight: 800
}

.cont-pg .pg-open .txt-col .pull-q {
font-size: 20px;
line-height: 1.6;
color: #F8FFB3;
border-top: 2px solid #015133;
padding-top: 16px;
margin-top: 40px;
font-style: italic
}

.cont-pg .pg-open .img-col {
position: relative;
z-index: 1
}

.cont-pg .pg-open .img-col .img-frame {
width: 100%;
aspect-ratio: 1 / 1;
border-radius: 14px;
overflow: hidden;
position: relative;
box-shadow: 0 10px 60px -2px #fe5e7c24
}

.cont-pg .pg-open .img-col .img-frame img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
mix-blend-mode: luminosity
}

.cont-pg .pg-open .img-col .img-frame::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(160deg, #0151338c 0%, #fe5e7c4d 100%);
pointer-events: none
}

.cont-pg .pg-open .txt-col p {
font-size: 20px;
line-height: 1.6;
color: #c5bfb5;
margin: 0 0 16px
}

.cont-pg .reveal-clip {
animation: clip-down .28s cubic-bezier(0.4, 0, 0.2, 1) both
}

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

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

.cont-pg .reach-band {
background: linear-gradient(112deg, #0d1a14 0%, #15221c 60%, #1b1714 100%);
padding: 80px 24px;
position: relative
}

.cont-pg .reach-band::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(90deg, transparent 0%, #015133 40%, #FE5E7C 70%, transparent 100%)
}

.cont-pg .reach-band::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(90deg, transparent 0%, #015133 50%, transparent 100%)
}

.cont-pg .reach-band .band-inner {
max-width: 1280px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px
}

.cont-pg .reach-band .band-inner .reach-item {
display: flex;
flex-direction: column;
gap: 8px;
padding: 24px;
border-radius: 14px;
border: 1px solid #01513340;
background: #0151330f;
transition: border-color .22s cubic-bezier(0.4, 0, 0.2, 1), box-shadow .22s cubic-bezier(0.4, 0, 0.2, 1);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.cont-pg .reach-band .band-inner .reach-item:hover {
border-color: #fe5e7c66;
box-shadow: 0 6px 18px -2px #fe5e7c1c;
clip-path: polygon(0 0, 100% 0, 98% 100%, 2% 100%)
}

.cont-pg .reach-band .band-inner .reach-item .ri-tag {
font-size: 13px;
color: #FE5E7C;
font-weight: 700;
letter-spacing: .1em;
text-transform: uppercase
}

.cont-pg .reach-band .band-inner .reach-item .ri-val {
font-size: 20px;
line-height: 1.6;
color: #f0ebe3;
font-weight: 600
}

.cont-pg .reach-band .band-inner .reach-item .ri-sub {
font-size: 13px;
color: #8a8278;
line-height: 1.6
}

.cont-pg .reach-band .band-inner .reach-item a {
color: #F8FFB3;
text-decoration: none;
transition: color .18s cubic-bezier(0.4, 0, 0.2, 1)
}

.cont-pg .reach-band .band-inner .reach-item a:hover {
color: #FE5E7C
}

.cont-pg .form-zone {
padding: 80px 24px;
max-width: 1280px;
margin: 0 auto;
display: grid;
grid-template-columns: 5fr 7fr;
gap: 80px;
align-items: start
}

.cont-pg .form-zone .fz-aside {
position: sticky;
top: 40px
}

.cont-pg .fz-aside .aside-head {
display: inline-block;
background: #015133;
padding: 4px 16px;
border-radius: 2px;
margin-bottom: 24px
}

.cont-pg .fz-aside .aside-head h2 {
font-size: 27px;
line-height: 1.2;
color: #F8FFB3;
margin: 0;
font-weight: 700
}

.cont-pg .fz-aside p {
font-size: 20px;
line-height: 1.6;
color: #c5bfb5;
margin: 0 0 16px
}

.cont-pg .fz-aside .img-sq {
width: 100%;
aspect-ratio: 1 / 1;
border-radius: 14px;
overflow: hidden;
margin-top: 40px;
box-shadow: 0 6px 18px -2px #0151331c
}

.cont-pg .fz-aside .img-sq img {
width: 100%;
height: 100%;
object-fit: cover;
display: block
}

.cont-pg .form-zone .fz-form {
background: #201c19;
border-radius: 26px;
padding: 40px;
box-shadow: 0 10px 60px -2px #01513324;
border: 1px solid #f8ffb312
}

.cont-pg .fz-form .form-head {
margin-bottom: 40px
}

.cont-pg .fz-form .form-head h3 {
font-size: 27px;
line-height: 1.2;
color: #f0ebe3;
margin: 0 0 8px;
font-weight: 700
}

.cont-pg .fz-form .form-head p {
font-size: 13px;
line-height: 1.6;
color: #8a8278;
margin: 0
}

.cont-pg .fz-form .field-grp {
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 24px
}

.cont-pg .fz-form .field-grp label {
font-size: 13px;
color: #c5bfb5;
font-weight: 600;
letter-spacing: .05em;
text-transform: uppercase
}

.cont-pg .fz-form .field-grp input[type="email"],
.cont-pg .fz-form .field-grp select {
background: #2a2420;
border: 1px solid #f8ffb31a;
border-radius: 14px;
padding: 16px;
color: #f0ebe3;
font-size: 20px;
line-height: 1.6;
width: 100%;
outline: none;
transition: border-color .2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow .2s cubic-bezier(0.4, 0, 0.2, 1);
box-sizing: border-box;
appearance: none;
-webkit-appearance: none;
box-shadow: inset 0 2px 5px -2px #0151330d
}

.cont-pg .fz-form .field-grp select {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23c5bfb5' d='M4 6l4 4 4-4'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 16px center;
padding-right: 40px;
cursor: pointer
}

.cont-pg .fz-form .field-grp select option {
background: #2a2420;
color: #f0ebe3
}

.cont-pg .fz-form .field-grp input[type="email"]:focus,
.cont-pg .fz-form .field-grp select:focus {
border-color: #FE5E7C;
box-shadow: 0 0 0 3px #fe5e7c1f inset 0 2px 5px -2px #fe5e7c0d
}

.cont-pg .fz-form .field-grp input[type="email"]::placeholder {
color: #5a5550;
font-size: 13px
}

.cont-pg .fz-form .priv-row {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
margin-bottom: 24px;
padding: 16px;
border-radius: 14px;
background: #f8ffb30a;
border: 1px solid #f8ffb314
}

.cont-pg .fz-form .priv-row input[type="checkbox"] {
width: 20px;
height: 20px;
min-width: 20px;
accent-color: #FE5E7C;
cursor: pointer;
margin-top: 2px
}

.cont-pg .fz-form .priv-row .priv-txt {
font-size: 13px;
line-height: 1.9;
color: #8a8278
}

.cont-pg .fz-form .priv-row .priv-txt a {
color: #F8FFB3;
text-decoration: underline;
text-underline-offset: 3px;
transition: color .18s cubic-bezier(0.4, 0, 0.2, 1)
}

.cont-pg .fz-form .priv-row .priv-txt a:hover {
color: #FE5E7C
}

.cont-pg .fz-form .sbmt-btn {
display: block;
width: 100%;
padding: 16px 24px;
border-radius: 42px;
border: 2px solid #FE5E7C;
background: transparent;
color: #FE5E7C;
font-size: 20px;
font-weight: 700;
cursor: pointer;
transition: background .25s cubic-bezier(0.0, 0, 0.2, 1), color .25s cubic-bezier(0.0, 0, 0.2, 1), box-shadow .25s cubic-bezier(0.0, 0, 0.2, 1), clip-path .2s cubic-bezier(0.4, 0, 0.2, 1);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
box-shadow: 0 2px 5px -2px #fe5e7c0d
}

.cont-pg .fz-form .sbmt-btn:hover {
background: #FE5E7C;
color: #1b1714;
box-shadow: 0 10px 60px -2px #fe5e7c24;
clip-path: polygon(2% 0, 98% 0, 100% 100%, 0% 100%)
}

.cont-pg .fz-form .sbmt-btn:focus {
outline: 2px solid #F8FFB3;
outline-offset: 3px
}

.cont-pg .fz-form .sbmt-btn:active {
background: #d94d68;
border-color: #d94d68;
color: #f0ebe3
}

.cont-pg .fz-aside .seq-list {
margin-top: 40px;
display: flex;
flex-direction: column;
gap: 16px
}

.cont-pg .fz-aside .seq-list .seq-item {
display: flex;
flex-direction: column;
gap: 4px;
padding: 16px;
border-radius: 14px;
background: #01513314;
border: 1px solid #01513333;
position: relative;
overflow: hidden
}

.cont-pg .fz-aside .seq-list .seq-item::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 3px;
top: 0;
background: #015133;
border-radius: 2px 0 0 2px
}

.cont-pg .fz-aside .seq-list .seq-item .si-num {
font-size: 13px;
color: #FE5E7C;
font-weight: 700
}

.cont-pg .fz-aside .seq-list .seq-item .si-txt {
font-size: 13px;
color: #c5bfb5;
line-height: 1.6
}

.cont-pg .fz-aside .seq-list:hover .seq-item .si-txt {
text-decoration: none
}

.cont-pg .fz-aside .seq-list .seq-item:hover {
background: #01513326
}

.cont-pg .fz-aside .seq-list .seq-item:nth-child(1) .si-txt {
text-decoration: underline;
text-decoration-color: transparent;
transition: text-decoration-color .15s cubic-bezier(0.4, 0, 0.2, 1)
}

.cont-pg .fz-aside .seq-list:hover .seq-item:nth-child(1) .si-txt {
text-decoration-color: #c5bfb5
}

.cont-pg .fz-aside .seq-list .seq-item:nth-child(2) .si-txt {
text-decoration: underline;
text-decoration-color: transparent;
transition: text-decoration-color .2s cubic-bezier(0.4, 0, 0.2, 1) .08s
}

.cont-pg .fz-aside .seq-list:hover .seq-item:nth-child(2) .si-txt {
text-decoration-color: #c5bfb5
}

.cont-pg .fz-aside .seq-list .seq-item:nth-child(3) .si-txt {
text-decoration: underline;
text-decoration-color: transparent;
transition: text-decoration-color .22s cubic-bezier(0.4, 0, 0.2, 1) .16s
}

.cont-pg .fz-aside .seq-list:hover .seq-item:nth-child(3) .si-txt {
text-decoration-color: #c5bfb5
}

@media (max-width: 1024px) {
.cont-pg .pg-open {
grid-template-columns: 1fr;
gap: 40px;
padding: 80px 24px 40px
}

.cont-pg .pg-open .img-col {
max-width: 480px
}

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

.cont-pg .form-zone {
grid-template-columns: 1fr;
gap: 40px
}

.cont-pg .fz-aside {
position: static
}

.cont-pg .fz-aside .img-sq {
display: none
}
}

@media (max-width: 640px) {
.cont-pg .pg-open .txt-col h1 {
font-size: 27px
}

.cont-pg .pg-open .txt-col .pull-q {
font-size: 20px
}

.cont-pg .reach-band .band-inner {
grid-template-columns: 1fr
}

.cont-pg .form-zone {
padding: 40px 16px
}

.cont-pg .fz-form {
padding: 24px 16px
}

.cont-pg .reach-band {
padding: 40px 16px
}

.cont-pg .pg-open {
padding: 40px 16px 24px
}
}

@media (max-width: 360px) {
.cont-pg .pg-open .txt-col h1 {
font-size: 27px
}

.cont-pg .fz-form .sbmt-btn {
font-size: 13px
}
}

.exp-op {
background: #1b1814;
color: #e8e0d4;
overflow-x: clip;
position: relative
}

.exp-op * {
box-sizing: border-box
}

.exp-op .pg-schema {
display: none
}

.exp-op .dash-div {
width: 100%;
height: 2px;
background: repeating-linear-gradient(90deg, #FE5E7C 0px, #FE5E7C 6px, transparent 6px, transparent 10px, #FE5E7C 10px, #FE5E7C 22px, transparent 22px, transparent 28px);
opacity: .35
}

.exp-op .mosaic-row {
max-width: 1280px;
margin: 0 auto;
padding: 80px 40px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: center;
position: relative
}

.exp-op .mosaic-img-zone {
position: relative;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto;
gap: 8px
}

.exp-op .img-frame {
grid-column: 1 / -1;
position: relative;
overflow: hidden;
border-radius: 14px;
height: 320px
}

.exp-op .img-frame img {
width: 100%;
height: 100%;
object-fit: cover;
filter: brightness(0.72) saturate(0.9);
transition: filter .22s cubic-bezier(0.4, 0, 0.2, 1);
display: block
}

.exp-op .img-frame:hover img {
filter: brightness(0.92) saturate(1.1)
}

.exp-op .img-overlay {
position: absolute;
inset: 0;
background: linear-gradient(147deg, #0151338c 0%, #fe5e7c2e 100%);
border-radius: 14px;
pointer-events: none
}

.exp-op .geo-shape {
position: absolute;
bottom: -16px;
right: -16px;
width: 80px;
height: 80px;
border: 2px solid #f8ffb32e;
border-radius: 2px;
transform: rotate(22deg);
pointer-events: none;
z-index: 0
}

.exp-op .geo-circle {
position: absolute;
top: -20px;
left: -20px;
width: 56px;
height: 56px;
border: 2px solid #fe5e7c26;
border-radius: 42px;
pointer-events: none;
z-index: 0
}

.exp-op .stat-strip {
display: flex;
flex-direction: row;
gap: 8px;
margin-top: 8px
}

.exp-op .stat-pill {
flex: 1;
background: #01513338;
border: 1px solid #01513366;
border-radius: 14px;
padding: 16px;
text-align: center
}

.exp-op .stat-num {
font-size: 27px;
font-weight: 700;
color: #F8FFB3;
line-height: 1.2;
display: block
}

.exp-op .stat-label {
font-size: 13px;
color: #a09880;
line-height: 1.6;
display: block;
margin-top: 4px
}

.exp-op .txt-zone {
display: flex;
flex-direction: column;
gap: 24px
}

.exp-op .num-badge {
display: inline-block;
font-size: 52px;
font-weight: 800;
line-height: 1.2;
background: linear-gradient(112deg, #FE5E7C 0%, #F8FFB3 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
letter-spacing: -1px
}

.exp-op .pg-heading {
font-size: 52px;
font-weight: 800;
line-height: 1.2;
color: #e8e0d4;
margin: 0
}

.exp-op .pg-heading em {
font-style: normal;
position: relative;
display: inline-block
}

.exp-op .pg-heading em::after {
content: '';
position: absolute;
bottom: 4px;
left: 0;
width: 100%;
height: 4px;
background: #FE5E7C;
border-radius: 2px
}

.exp-op .pg-desc {
font-size: 20px;
line-height: 1.6;
color: #b8ad9e;
margin: 0
}

.exp-op .pg-tag {
display: inline-block;
background: #FE5E7C;
color: #fff;
font-size: 13px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
padding: 4px 16px;
border-radius: 2px;
align-self: flex-start
}

.exp-op .animated-bg {
position: absolute;
inset: 0;
background: linear-gradient(var(--bg-angle, 135deg), #01513312 0%, #fe5e7c0a 50%, #f8ffb308 100%);
animation: bgrotate 12s linear infinite;
pointer-events: none;
z-index: 0
}

@keyframes bgrotate {
0% {
--bg-angle: 135deg
}

100% {
--bg-angle: 495deg
}
}

.exp-op .mosaic-row>* {
position: relative;
z-index: 1
}

.exp-op .opinions-wrap {
background: #141210;
position: relative;
overflow: hidden
}

.exp-op .opinions-bg-pat {
position: absolute;
inset: 0;
background-image: repeating-linear-gradient(0deg, #fe5e7c06 0px, #fe5e7c06 1px, transparent 1px, transparent 48px), repeating-linear-gradient(90deg, #01513306 0px, #01513306 1px, transparent 1px, transparent 48px);
pointer-events: none
}

.exp-op .curl-deco {
position: absolute;
top: 24px;
right: 40px;
width: 64px;
height: 64px;
opacity: .08;
pointer-events: none
}

.exp-op .opinions-inner {
max-width: 1280px;
margin: 0 auto;
padding: 80px 40px;
position: relative;
z-index: 1
}

.exp-op .sec-head-row {
display: flex;
flex-direction: row;
align-items: flex-end;
gap: 40px;
margin-bottom: 40px
}

.exp-op .sec-h2 {
font-size: 27px;
font-weight: 700;
line-height: 1.2;
margin: 0;
color: #e8e0d4
}

.exp-op .h2-strip {
display: inline;
background: #01513373;
padding: 4px 8px;
border-radius: 2px
}

.exp-op .sec-sub {
font-size: 13px;
color: #7a7060;
line-height: 1.6;
margin: 0;
flex: 1;
max-width: 320px
}

.exp-op .op-grid {
display: grid;
grid-template-columns: 340px 1fr;
gap: 40px;
align-items: start
}

.exp-op .sidebar-grid {
display: grid;
grid-template-columns: 1fr;
gap: 16px
}

.exp-op .op-card {
background: #1b1814;
border-radius: 14px;
padding: 24px;
box-shadow: 0 6px 18px -2px #fe5e7c1c;
position: relative;
overflow: hidden;
cursor: pointer;
transition: box-shadow .22s cubic-bezier(0.4, 0, 0.2, 1), clip-path .18s cubic-bezier(0.4, 0, 0.2, 1);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.exp-op .op-card:hover {
box-shadow: 0 10px 60px -2px #fe5e7c24;
clip-path: polygon(0 0, 100% 0, 98% 100%, 2% 100%)
}

.exp-op .op-card .card-face {
position: relative;
z-index: 1
}

.exp-op .op-card .card-back {
position: absolute;
inset: 0;
background: #0151331f;
opacity: 0;
transition: opacity .25s cubic-bezier(0.0, 0, 0.2, 1);
pointer-events: none;
border-radius: 14px
}

.exp-op .op-card:hover .card-back {
opacity: 1
}

.exp-op .op-author {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
margin-bottom: 16px
}

.exp-op .author-av {
width: 48px;
height: 48px;
border-radius: 42px;
background: linear-gradient(135deg, #015133 0%, #FE5E7C 100%);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
font-size: 20px;
font-weight: 700;
color: #F8FFB3;
line-height: 1.2
}

.exp-op .author-meta {
display: flex;
flex-direction: column;
gap: 4px
}

.exp-op .author-name {
font-size: 13px;
font-weight: 700;
color: #e8e0d4;
line-height: 1.2
}

.exp-op .author-role {
font-size: 13px;
color: #7a7060;
line-height: 1.2
}

.exp-op .op-quote {
font-size: 13px;
line-height: 1.9;
color: #b8ad9e;
margin: 0
}

.exp-op .op-tag {
display: inline-block;
background: #f8ffb31f;
color: #F8FFB3;
font-size: 13px;
padding: 4px 8px;
border-radius: 2px;
margin-top: 16px
}

.exp-op .featured-op {
background: #1b1814;
border-radius: 26px;
padding: 40px;
box-shadow: 0 10px 60px -2px #01513324;
display: flex;
flex-direction: column;
gap: 24px;
position: relative;
overflow: hidden
}

.exp-op .featured-op::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #FE5E7C 0%, #015133 60%, #F8FFB3 100%);
border-radius: 26px 26px 0 0
}

.exp-op .feat-label {
display: inline-block;
background: #015133;
color: #F8FFB3;
font-size: 13px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
padding: 4px 16px;
border-radius: 2px;
align-self: flex-start
}

.exp-op .feat-quote {
font-size: 20px;
line-height: 1.6;
color: #e8e0d4;
margin: 0;
font-style: italic
}

.exp-op .feat-author-row {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px
}

.exp-op .feat-av {
width: 64px;
height: 64px;
border-radius: 42px;
background: linear-gradient(112deg, #FE5E7C 0%, #015133 100%);
display: flex;
align-items: center;
justify-content: center;
font-size: 27px;
font-weight: 700;
color: #F8FFB3;
flex-shrink: 0
}

.exp-op .feat-meta {
display: flex;
flex-direction: column;
gap: 4px
}

.exp-op .feat-name {
font-size: 20px;
font-weight: 700;
color: #e8e0d4;
line-height: 1.2
}

.exp-op .feat-role {
font-size: 13px;
color: #7a7060;
line-height: 1.6
}

.exp-op .feat-stats {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 16px;
padding-top: 24px;
border-top: 1px solid #ffffff0f
}

.exp-op .fstat {
display: flex;
flex-direction: column;
gap: 4px
}

.exp-op .fstat-val {
font-size: 27px;
font-weight: 700;
color: #FE5E7C;
line-height: 1.2
}

.exp-op .fstat-desc {
font-size: 13px;
color: #7a7060;
line-height: 1.6
}

.exp-op .feat-body {
font-size: 13px;
line-height: 1.9;
color: #b8ad9e;
margin: 0
}

.exp-op .btn-outline {
display: inline-block;
border: 1.5px solid #FE5E7C;
color: #FE5E7C;
background: transparent;
font-size: 13px;
font-weight: 700;
letter-spacing: .06em;
text-transform: uppercase;
padding: 16px 40px;
border-radius: 2px;
cursor: pointer;
text-decoration: none;
align-self: flex-start;
transition: box-shadow .2s cubic-bezier(0.4, 0, 0.2, 1), background .18s cubic-bezier(0.4, 0, 0.2, 1), color .18s cubic-bezier(0.4, 0, 0.2, 1), clip-path .2s cubic-bezier(0.4, 0, 0.2, 1);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.exp-op .btn-outline:hover {
background: #FE5E7C;
color: #fff;
box-shadow: 0 6px 18px -2px #fe5e7c59;
clip-path: polygon(2% 0, 100% 0, 98% 100%, 0 100%)
}

.exp-op .btn-outline:focus {
outline: 2px solid #F8FFB3;
outline-offset: 4px
}

@media (max-width: 1024px) {
.exp-op .mosaic-row {
grid-template-columns: 1fr;
padding: 80px 24px;
gap: 40px
}

.exp-op .op-grid {
grid-template-columns: 1fr
}

.exp-op .sidebar-grid {
grid-template-columns: 1fr 1fr
}

.exp-op .opinions-inner {
padding: 80px 24px
}

.exp-op .sec-head-row {
flex-direction: column;
align-items: flex-start;
gap: 16px
}

.exp-op .sec-sub {
max-width: 100%
}
}

@media (max-width: 640px) {
.exp-op .mosaic-row {
padding: 40px 16px
}

.exp-op .pg-heading {
font-size: 27px
}

.exp-op .num-badge {
font-size: 27px
}

.exp-op .img-frame {
height: 220px
}

.exp-op .stat-strip {
flex-direction: column
}

.exp-op .sidebar-grid {
grid-template-columns: 1fr
}

.exp-op .opinions-inner {
padding: 40px 16px
}

.exp-op .feat-stats {
grid-template-columns: 1fr 1fr
}

.exp-op .featured-op {
padding: 24px
}
}

@media (max-width: 360px) {
.exp-op .mosaic-row {
padding: 40px 16px
}

.exp-op .feat-stats {
grid-template-columns: 1fr
}
}

.frst {
background-color: #1b1714;
color: #e8e0d5;
overflow-x: clip;
position: relative
}

.frst .pg-wrap {
max-width: 1280px;
margin: 0 auto;
padding: 0 24px
}

.frst .load-reveal {
animation: diag-in .55s cubic-bezier(0.4, 0, 0.2, 1) both
}

@keyframes diag-in {
from {
opacity: 0;
transform: translate(-18px, 18px)
}

to {
opacity: 1;
transform: translate(0, 0)
}
}

.frst .load-reveal-d1 {
animation-delay: .08s
}

.frst .load-reveal-d2 {
animation-delay: .18s
}

.frst .load-reveal-d3 {
animation-delay: .28s
}

.frst .titl-blk {
padding: 80px 24px 40px;
text-align: center;
position: relative
}

.frst .titl-blk .atmo-spot {
position: absolute;
border-radius: 42px;
pointer-events: none;
z-index: 0
}

.frst .titl-blk .atmo-spot.sp1 {
width: 320px;
height: 320px;
background: #fe5e7c17;
filter: blur(60px);
top: 0;
left: 10%
}

.frst .titl-blk .atmo-spot.sp2 {
width: 260px;
height: 260px;
background: #0151331f;
filter: blur(50px);
top: 40px;
right: 8%
}

.frst .titl-blk .atmo-spot.sp3 {
width: 200px;
height: 200px;
background: #f8ffb30f;
filter: blur(40px);
bottom: 80px;
left: 50%;
transform: translateX(-50%)
}

.frst .titl-blk .txt-area {
position: relative;
z-index: 1;
max-width: 780px;
margin: 0 auto
}

.frst .titl-blk .pre-label {
display: inline-block;
font-size: 13px;
letter-spacing: .12em;
text-transform: uppercase;
color: #F8FFB3;
background: #f8ffb314;
border: 1px solid #f8ffb333;
border-radius: 2px;
padding: 4px 16px;
margin-bottom: 24px
}

.frst .titl-blk h1 {
font-size: 52px;
line-height: 1.2;
margin: 0 0 16px;
color: #e8e0d5
}

.frst .titl-blk h1 .hl-part {
background: linear-gradient(97deg, #FE5E7C 0%, #F8FFB3 80%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent
}

.frst .titl-blk .sub-line {
font-size: 20px;
line-height: 1.6;
color: #b8afa6;
max-width: 560px;
margin: 0 auto 40px
}

.frst .titl-blk .titl-img-wrap {
position: relative;
z-index: 1;
max-width: 860px;
margin: 0 auto;
border-radius: 14px;
overflow: hidden;
box-shadow: 0 10px 60px -2px #fe5e7c24
}

.frst .titl-blk .titl-img-wrap::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(180deg, transparent 50%, #1b1714b3 100%);
border-radius: 14px;
pointer-events: none
}

.frst .titl-blk .titl-img-wrap img {
width: 100%;
height: 480px;
object-fit: cover;
object-position: center;
display: block;
filter: brightness(0.88) contrast(1.05)
}

.frst .titl-blk .glow-ring {
position: absolute;
inset: -4px;
border-radius: 14px;
border: 1px solid #fe5e7c2e;
pointer-events: none;
z-index: 2
}

.frst .div-dots {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 8px;
padding: 40px 0
}

.frst .div-dots span {
width: 5px;
height: 5px;
border-radius: 42px;
background: #FE5E7C;
display: block;
opacity: .5
}

.frst .div-dots span:nth-child(2) {
opacity: .8;
background: #F8FFB3
}

.frst .val-sec {
padding: 80px 24px;
position: relative;
background: #201c19
}

.frst .val-sec::before {
content: '';
position: absolute;
inset: 0;
background-image: url(./graphics_folder/new_old_0015.jpg);
background-size: cover;
background-position: center;
background-attachment: fixed;
opacity: .04;
pointer-events: none
}

.frst .val-sec .val-inner {
max-width: 1280px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: start;
position: relative;
z-index: 1
}

.frst .val-sec .val-left h2 {
font-size: 27px;
line-height: 1.2;
color: #e8e0d5;
margin: 0 0 24px
}

.frst .val-sec .val-left h2 .strip {
display: inline;
background: #015133;
padding: 2px 8px;
border-radius: 2px
}

.frst .val-sec .val-left p {
font-size: 20px;
line-height: 1.6;
color: #b8afa6;
margin: 0 0 16px
}

.frst .val-sec .val-right {
display: flex;
flex-direction: column;
gap: 16px
}

.frst .val-item {
border: 1px solid #fe5e7c1f;
border-radius: 14px;
padding: 24px;
background: #fe5e7c08;
transition: border-color .22s cubic-bezier(0.4, 0, 0.2, 1), box-shadow .22s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 2px 5px -2px #fe5e7c0d;
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.frst .val-item:hover {
border-color: #fe5e7c59;
box-shadow: 0 6px 18px -2px #fe5e7c1c;
clip-path: polygon(0 0, 100% 0, 98% 100%, 2% 100%)
}

.frst .val-item h4 {
font-size: 20px;
line-height: 1.2;
color: #FE5E7C;
margin: 0 0 8px;
font-weight: 700
}

.frst .val-item p {
font-size: 13px;
line-height: 1.6;
color: #b8afa6;
margin: 0
}

.frst .div-line {
height: 1px;
background: linear-gradient(90deg, transparent, #f8ffb333, transparent);
margin: 0 24px
}

.frst .mirror-sec {
padding: 80px 24px;
background: #1b1714
}

.frst .mirror-sec .mir-inner {
max-width: 1280px;
margin: 0 auto
}

.frst .mirror-sec .mir-head {
margin-bottom: 40px
}

.frst .mirror-sec .mir-head h2 {
font-size: 27px;
line-height: 1.2;
color: #e8e0d5;
margin: 0 0 8px
}

.frst .mirror-sec .mir-head h2 .strip {
display: inline;
background: #fe5e7c2e;
padding: 2px 8px;
border-radius: 2px
}

.frst .mirror-sec .mir-head p {
font-size: 13px;
line-height: 1.6;
color: #8a8078;
margin: 0
}

.frst .mirror-sec .cards-grid {
display: grid;
grid-template-columns: 2fr 1fr 1fr;
gap: 16px;
align-items: start
}

.frst .exp-card {
border-radius: 14px;
overflow: hidden;
background: #252018;
box-shadow: 0 6px 18px -2px #0151331c;
display: flex;
flex-direction: column
}

.frst .exp-card.main-card {
flex-direction: row;
align-items: stretch
}

.frst .exp-card .port-col {
width: 160px;
flex-shrink: 0
}

.frst .exp-card .port-col img {
width: 160px;
height: 100%;
min-height: 240px;
object-fit: cover;
object-position: center;
display: block
}

.frst .exp-card .card-body {
padding: 24px;
flex: 1;
display: flex;
flex-direction: column;
gap: 8px
}

.frst .exp-card .card-body .person-name {
font-size: 20px;
line-height: 1.2;
color: #e8e0d5;
font-weight: 700;
margin: 0
}

.frst .exp-card .card-body .person-role {
font-size: 13px;
color: #F8FFB3;
margin: 0
}

.frst .exp-card .card-body .quote-txt {
font-size: 13px;
line-height: 1.9;
color: #b8afa6;
margin: 8px 0 0;
font-style: italic
}

.frst .exp-card .card-body .outcome-tag {
display: inline-block;
font-size: 13px;
background: #01513340;
color: #F8FFB3;
border: 1px solid #01513366;
border-radius: 2px;
padding: 4px 8px;
margin-top: 8px;
align-self: flex-start
}

.frst .exp-card.side-card {
min-height: 240px
}

.frst .exp-card.side-card .side-img {
width: 100%;
height: 140px;
object-fit: cover;
object-position: center;
display: block;
flex-shrink: 0
}

.frst .div-shape {
height: 40px;
position: relative;
overflow: hidden
}

.frst .div-shape svg {
width: 100%;
height: 40px;
display: block
}

.frst .avail-sec {
padding: 80px 24px;
background: #211e1b;
position: relative
}

.frst .avail-sec .deco-lines {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
overflow: hidden
}

.frst .avail-sec .deco-lines::before {
content: '';
position: absolute;
top: 24px;
left: 24px;
right: 24px;
bottom: 24px;
border: 1px solid #f8ffb30d;
border-radius: 14px
}

.frst .avail-sec .deco-lines::after {
content: '';
position: absolute;
top: 40px;
left: 40px;
right: 40px;
bottom: 40px;
border: 1px solid #fe5e7c0a;
border-radius: 14px
}

.frst .avail-sec .av-inner {
max-width: 1280px;
margin: 0 auto;
position: relative;
z-index: 1
}

.frst .avail-sec .av-head {
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
margin-bottom: 40px;
gap: 24px
}

.frst .avail-sec .av-head h2 {
font-size: 27px;
line-height: 1.2;
color: #e8e0d5;
margin: 0
}

.frst .avail-sec .av-head h2 .strip {
display: inline;
background: #F8FFB3;
color: #1b1714;
padding: 2px 8px;
border-radius: 2px
}

.frst .avail-sec .av-head p {
font-size: 13px;
line-height: 1.6;
color: #8a8078;
margin: 0;
max-width: 320px;
text-align: right
}

.frst .course-list {
display: flex;
flex-direction: column;
gap: 16px
}

.frst .course-row {
display: grid;
grid-template-columns: 80px 1fr auto;
align-items: center;
gap: 24px;
border: 1px solid #f8ffb314;
border-radius: 14px;
padding: 24px;
background: #f8ffb305;
transition: background .2s cubic-bezier(0.4, 0, 0.2, 1), border-color .2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow .25s cubic-bezier(0.0, 0, 0.2, 1);
box-shadow: 0 2px 5px -2px #0151330d;
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.frst .course-row:hover {
background: #f8ffb30d;
border-color: #f8ffb333;
box-shadow: 0 6px 18px -2px #0151331c;
clip-path: polygon(0 0, 100% 0, 99% 96%, 1% 100%)
}

.frst .course-row .c-num {
width: 80px;
height: 80px;
border: 1px solid #fe5e7c40;
border-radius: 14px;
display: flex;
align-items: center;
justify-content: center;
font-size: 27px;
color: #FE5E7C;
font-weight: 700;
flex-shrink: 0;
background: #fe5e7c0d;
box-shadow: inset 0 2px 8px #fe5e7c14
}

.frst .course-row .c-info h5 {
font-size: 20px;
line-height: 1.2;
color: #e8e0d5;
margin: 0 0 8px;
font-weight: 700
}

.frst .course-row .c-info p {
font-size: 13px;
line-height: 1.6;
color: #8a8078;
margin: 0
}

.frst .course-row .c-tag {
font-size: 13px;
background: #01513333;
color: #F8FFB3;
border: 1px solid #01513359;
border-radius: 2px;
padding: 4px 16px;
white-space: nowrap;
flex-shrink: 0
}

.frst .div-dots-alt {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 24px;
padding: 40px 0
}

.frst .div-dots-alt .d-dash {
height: 1px;
width: 80px;
background: linear-gradient(90deg, transparent, #fe5e7c4d)
}

.frst .div-dots-alt .d-dash.rev {
background: linear-gradient(90deg, #fe5e7c4d, transparent)
}

.frst .div-dots-alt .d-center {
width: 8px;
height: 8px;
border-radius: 2px;
background: #FE5E7C;
transform: rotate(45deg)
}

.frst .rep-sec {
padding: 80px 24px;
background: #1b1714;
position: relative
}

.frst .rep-sec .rep-inner {
max-width: 1280px;
margin: 0 auto
}

.frst .rep-sec .rep-top {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: start;
margin-bottom: 40px
}

.frst .rep-sec .rep-top h2 {
font-size: 27px;
line-height: 1.2;
color: #e8e0d5;
margin: 0 0 16px
}

.frst .rep-sec .rep-top h2 .strip {
display: inline;
background: #FE5E7C;
color: #1b1714;
padding: 2px 8px;
border-radius: 2px
}

.frst .rep-sec .rep-top p {
font-size: 20px;
line-height: 1.6;
color: #b8afa6;
margin: 0
}

.frst .rep-sec .stat-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px
}

.frst .stat-box {
border: 1px solid #fe5e7c1f;
border-radius: 14px;
padding: 24px;
text-align: center;
background: #fe5e7c08;
box-shadow: 0 2px 5px -2px #fe5e7c0d;
transition: box-shadow .18s cubic-bezier(0.4, 0, 0.2, 1), border-color .18s cubic-bezier(0.4, 0, 0.2, 1)
}

.frst .stat-box:hover {
box-shadow: 0 10px 60px -2px #fe5e7c24;
border-color: #fe5e7c4d
}

.frst .stat-box .stat-num {
font-size: 52px;
line-height: 1.2;
font-weight: 700;
background: linear-gradient(97deg, #FE5E7C 0%, #F8FFB3 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
display: block
}

.frst .stat-box .stat-lbl {
font-size: 13px;
line-height: 1.6;
color: #8a8078;
display: block;
margin-top: 4px
}

.frst .rep-bottom {
margin-top: 40px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px
}

.frst .ref-item {
border-radius: 14px;
padding: 24px;
border: 1px solid #01513333;
background: #0151330d;
box-shadow: 0 2px 5px -2px #0151330d;
transition: border-color .25s cubic-bezier(0.0, 0, 0.2, 1), box-shadow .25s cubic-bezier(0.0, 0, 0.2, 1);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.frst .ref-item:hover {
border-color: #01513373;
box-shadow: 0 6px 18px -2px #0151331c;
clip-path: polygon(2% 0, 100% 0, 98% 100%, 0 100%)
}

.frst .ref-item h5 {
font-size: 20px;
line-height: 1.2;
color: #F8FFB3;
margin: 0 0 8px;
font-weight: 700
}

.frst .ref-item p {
font-size: 13px;
line-height: 1.6;
color: #8a8078;
margin: 0
}

@media (max-width: 1024px) {
.frst .val-sec .val-inner {
grid-template-columns: 1fr;
gap: 40px
}

.frst .mirror-sec .cards-grid {
grid-template-columns: 1fr 1fr
}

.frst .exp-card.main-card {
grid-column: 1 / -1
}

.frst .rep-sec .rep-top {
grid-template-columns: 1fr;
gap: 24px
}

.frst .rep-sec .stat-grid {
grid-template-columns: repeat(3, 1fr)
}
}

@media (max-width: 640px) {
.frst .titl-blk h1 {
font-size: 27px
}

.frst .titl-blk .sub-line {
font-size: 13px
}

.frst .titl-blk .titl-img-wrap img {
height: 240px
}

.frst .mirror-sec .cards-grid {
grid-template-columns: 1fr
}

.frst .exp-card.main-card {
flex-direction: column
}

.frst .exp-card .port-col {
width: 100%
}

.frst .exp-card .port-col img {
width: 100%;
height: 200px;
min-height: unset
}

.frst .avail-sec .av-head {
flex-direction: column;
align-items: flex-start
}

.frst .avail-sec .av-head p {
text-align: left;
max-width: 100%
}

.frst .course-row {
grid-template-columns: 56px 1fr;
grid-template-rows: auto auto
}

.frst .course-row .c-num {
width: 56px;
height: 56px;
font-size: 20px
}

.frst .course-row .c-tag {
grid-column: 2;
align-self: start
}

.frst .rep-sec .stat-grid {
grid-template-columns: 1fr 1fr
}

.frst .rep-bottom {
grid-template-columns: 1fr
}

.frst .stat-box .stat-num {
font-size: 27px
}
}

@media (max-width: 360px) {
.frst .titl-blk {
padding: 40px 16px 24px
}

.frst .val-sec,
.frst .mirror-sec,
.frst .avail-sec,
.frst .rep-sec {
padding: 40px 16px
}

.frst .course-row {
grid-template-columns: 1fr
}

.frst .course-row .c-num {
display: none
}

.frst .rep-sec .stat-grid {
grid-template-columns: 1fr
}
}

.succ-page {
min-height: 80vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 80px 24px;
background-color: #1b1916;
position: relative;
overflow: hidden
}

.succ-page::before {
content: '';
position: absolute;
top: -40px;
right: -40px;
width: 320px;
height: 320px;
background: linear-gradient(157deg, #0151332e 0%, #fe5e7c0f 100%);
border-radius: 42px;
pointer-events: none
}

.succ-page::after {
content: '';
position: absolute;
bottom: -60px;
left: -60px;
width: 260px;
height: 260px;
background: linear-gradient(22deg, #f8ffb312 0%, #0151331f 100%);
border-radius: 42px;
pointer-events: none
}

.succ-wrap {
max-width: 560px;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
gap: 40px;
position: relative;
z-index: 1
}

.succ-icon-ring {
width: 88px;
height: 88px;
border-radius: 26px;
border: 2px solid #0151338c;
display: flex;
align-items: center;
justify-content: center;
background: #0151331f;
box-shadow: 0 6px 18px -2px #0151331c inset 0 1px 0 #f8ffb314;
flex-shrink: 0
}

.succ-icon-ring svg {
display: block
}

.succ-body {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
text-align: center
}

.succ-label {
font-size: 13px;
line-height: 1.2;
letter-spacing: .12em;
text-transform: uppercase;
color: #F8FFB3;
background: #f8ffb317;
padding: 4px 16px;
border-radius: 2px;
display: inline-block
}

.succ-heading {
font-size: 52px;
line-height: 1.2;
color: #f0ece4;
margin: 0;
padding: 0
}

.succ-heading mark {
background: linear-gradient(97deg, #FE5E7C 0%, #015133 120%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
display: inline
}

.succ-desc {
font-size: 20px;
line-height: 1.6;
color: #b5afa6;
margin: 0;
max-width: 420px
}

.succ-divider {
width: 48px;
height: 2px;
background: linear-gradient(90deg, #FE5E7C 0%, #015133 100%);
border-radius: 2px;
flex-shrink: 0
}

.succ-detail {
font-size: 13px;
line-height: 1.9;
color: #8a8278;
margin: 0;
text-align: center
}

.succ-detail strong {
color: #d4cfc7;
font-weight: 600
}

.succ-actions {
display: flex;
flex-direction: row;
gap: 16px;
flex-wrap: wrap;
justify-content: center
}

.succ-btn-primary {
font-size: 13px;
line-height: 1.2;
letter-spacing: .06em;
text-transform: uppercase;
text-decoration: none;
color: #1b1916;
background: #FE5E7C;
border: 2px solid #FE5E7C;
border-radius: 14px;
padding: 16px 40px;
display: inline-block;
cursor: pointer;
box-shadow: 0 2px 5px -2px #fe5e7c0d;
transition: box-shadow .22s cubic-bezier(0.4, 0, 0.2, 1), clip-path .18s cubic-bezier(0.0, 0, 0.2, 1);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.succ-btn-primary:hover {
box-shadow: 0 10px 60px -2px #fe5e7c24;
clip-path: polygon(2px 0, 100% 0, calc(100% - 2px) 100%, 0 100%)
}

.succ-btn-primary:focus-visible {
outline: 2px solid #FE5E7C;
outline-offset: 3px
}

.succ-btn-ghost {
font-size: 13px;
line-height: 1.2;
letter-spacing: .06em;
text-transform: uppercase;
text-decoration: none;
color: #b5afa6;
background: transparent;
border: 2px solid #b5afa647;
border-radius: 14px;
padding: 16px 40px;
display: inline-block;
cursor: pointer;
box-shadow: 0 2px 5px -2px #0151330d;
transition: box-shadow .26s cubic-bezier(0.4, 0, 0.2, 1), border-color .19s cubic-bezier(0.4, 0, 0.2, 1), color .19s cubic-bezier(0.4, 0, 0.2, 1), clip-path .18s cubic-bezier(0.0, 0, 0.2, 1);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.succ-btn-ghost:hover {
border-color: #015133b3;
color: #f0ece4;
box-shadow: 0 6px 18px -2px #0151331c;
clip-path: polygon(0 2px, 100% 0, 100% calc(100% - 2px), 0 100%)
}

.succ-btn-ghost:focus-visible {
outline: 2px solid #015133b3;
outline-offset: 3px
}

@media (max-width: 640px) {
.succ-page {
padding: 80px 16px
}

.succ-heading {
font-size: 27px
}

.succ-desc {
font-size: 20px
}

.succ-actions {
flex-direction: column;
align-items: stretch
}

.succ-btn-primary,
.succ-btn-ghost {
text-align: center;
padding: 16px 24px
}
}

@media (max-width: 360px) {
.succ-heading {
font-size: 27px
}

.succ-wrap {
gap: 24px
}
}