@charset "UTF-8";

@font-face{font-family:Roboto;font-style:normal;font-weight:100;src:local("Roboto"),url(//www.academiaelim.ro/wp-content/plugins/accessibility-onetap/assets/fonts/Roboto/Roboto-Thin.woff2) format("woff2");font-display:swap}@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:local("Roboto"),url(//www.academiaelim.ro/wp-content/plugins/accessibility-onetap/assets/fonts/Roboto/Roboto-Light.woff2) format("woff2");font-display:swap}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),url(//www.academiaelim.ro/wp-content/plugins/accessibility-onetap/assets/fonts/Roboto/Roboto-Regular.woff2) format("woff2");font-display:swap}@font-face{font-family:Roboto;font-style:normal;font-weight:500;src:local("Roboto"),url(//www.academiaelim.ro/wp-content/plugins/accessibility-onetap/assets/fonts/Roboto/Roboto-Medium.woff2) format("woff2");font-display:swap}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:local("Roboto"),url(//www.academiaelim.ro/wp-content/plugins/accessibility-onetap/assets/fonts/Roboto/Roboto-Bold.woff2) format("woff2");font-display:swap}@font-face{font-family:Roboto;font-style:normal;font-weight:900;src:local("Roboto"),url(//www.academiaelim.ro/wp-content/plugins/accessibility-onetap/assets/fonts/Roboto/Roboto-Black.woff2) format("woff2");font-display:swap}@font-face{font-family:Roboto;font-style:italic;font-weight:100;src:local("Roboto"),url(//www.academiaelim.ro/wp-content/plugins/accessibility-onetap/assets/fonts/Roboto/Roboto-Thin-Italic.woff2) format("woff2");font-display:swap}@font-face{font-family:Roboto;font-style:italic;font-weight:300;src:local("Roboto"),url(//www.academiaelim.ro/wp-content/plugins/accessibility-onetap/assets/fonts/Roboto/Roboto-Light-Italic.woff2) format("woff2");font-display:swap}@font-face{font-family:Roboto;font-style:italic;font-weight:400;src:local("Roboto"),url(//www.academiaelim.ro/wp-content/plugins/accessibility-onetap/assets/fonts/Roboto/Roboto-Italic.woff2) format("woff2");font-display:swap}@font-face{font-family:Roboto;font-style:italic;font-weight:500;src:local("Roboto"),url(//www.academiaelim.ro/wp-content/plugins/accessibility-onetap/assets/fonts/Roboto/Roboto-Medium-Italic.woff2) format("woff2");font-display:swap}@font-face{font-family:Roboto;font-style:italic;font-weight:700;src:local("Roboto"),url(//www.academiaelim.ro/wp-content/plugins/accessibility-onetap/assets/fonts/Roboto/Roboto-Bold-Italic.woff2) format("woff2");font-display:swap}@font-face{font-family:Roboto;font-style:italic;font-weight:900;src:local("Roboto"),url(//www.academiaelim.ro/wp-content/plugins/accessibility-onetap/assets/fonts/Roboto/Roboto-Black-Italic.woff2) format("woff2");font-display:swap}:root {
--c-visiniu: #c12845;
--c-visiniu-profund: #8b1f35;
--c-auriu: #fbaa1b;
--c-grafit: #262b31;
--c-ivory: #fbf8f2;
--c-ivory-adanc: #f4eee3;
--c-alb: #ffffff;
--c-gri: #5c6169;
--c-roz: #f9e7ec;
--c-auriu-pal: #fff0d3;
--c-contur: #737b85;
--c-linie: #e6dfd2;
--c-linie-slaba: #efe9de;
--c-focus: #194e8a;
--c-eroare: #a8201a;
--c-eroare-fond: #fdecea;
--c-succes: #1d6b45;
--c-succes-fond: #e8f4ec;
--f-sans: "Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
--f-serif: "Source Serif 4", "Iowan Old Style", Georgia, "Times New Roman", serif;
--fs-display: clamp(2.5rem, 1.55rem + 3.9vw, 4.75rem);
--fs-h1: clamp(2.375rem, 1.7rem + 2.7vw, 4rem);
--fs-h2: clamp(1.875rem, 1.45rem + 1.75vw, 3rem);
--fs-h3: clamp(1.3125rem, 1.2rem + 0.45vw, 1.625rem);
--fs-lead: clamp(1.1875rem, 1.12rem + 0.3vw, 1.375rem);
--fs-body: 1.125rem;
--fs-small: 0.9375rem;
--fs-xs: 0.8125rem;
--s-1: 0.25rem;
--s-2: 0.5rem;
--s-3: 0.75rem;
--s-4: 1rem;
--s-5: 1.5rem;
--s-6: 2rem;
--s-7: 3rem;
--s-8: 4rem;
--s-9: 6rem;
--section: clamp(3rem, 1.6rem + 5.6vw, 7rem);
--section-tight: clamp(2.5rem, 1.6rem + 3.6vw, 4.5rem);
--gutter: clamp(1.5rem, 0.9rem + 2.4vw, 3rem);
--container: 77.5rem;
--measure: 44rem;
--r-control: 8px;
--r-card: 16px;
--r-media: 24px;
--t-fast: 170ms;
--t-slow: 280ms;
--ease: cubic-bezier(0.2, 0.7, 0.2, 1);
--shadow-soft: 0 1px 2px rgba(38, 43, 49, 0.04), 0 8px 24px -12px rgba(38, 43, 49, 0.14);
--shadow-lift: 0 2px 4px rgba(38, 43, 49, 0.05), 0 18px 40px -18px rgba(38, 43, 49, 0.22);
--header-h: 7.5rem;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
scroll-behavior: smooth;
scroll-padding-top: 1.5rem;
}
body {
margin: 0;
background: var(--c-ivory);
color: var(--c-grafit);
font-family: var(--f-sans);
font-size: var(--fs-body);
line-height: 1.6;
font-kerning: normal;
font-optical-sizing: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
overflow-x: clip;
}
img,
svg,
video {
display: block;
max-width: 100%;
height: auto;
}
svg {
height: auto;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl,
dd,
figure,
blockquote {
margin: 0;
}
ul[role="list"],
ol[role="list"] {
list-style: none;
padding: 0;
}
a {
color: var(--c-visiniu);
text-decoration-thickness: 1px;
text-underline-offset: 0.18em;
transition: color var(--t-fast) var(--ease);
}
a:hover {
color: var(--c-visiniu-profund);
}
button,
input,
select,
textarea {
font: inherit;
color: inherit;
}
button {
cursor: pointer;
}
:focus-visible {
outline: 3px solid var(--c-focus);
outline-offset: 3px;
border-radius: 4px;
}
::selection {
background: var(--c-auriu-pal);
color: var(--c-grafit);
}
strong,
b {
font-weight: 600;
}
address {
font-style: normal;
}
hr {
border: 0;
border-top: 1px solid var(--c-linie);
margin: var(--s-7) 0;
}
[hidden] {
display: none !important;
}
.screen-reader-text {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.skip-link {
position: absolute;
left: var(--s-4);
top: var(--s-4);
z-index: 100;
padding: var(--s-3) var(--s-5);
background: var(--c-grafit);
color: var(--c-alb);
border-radius: var(--r-control);
font-weight: 600;
transform: translateY(-160%);
transition: transform var(--t-fast) var(--ease);
}
.skip-link:focus {
transform: none;
color: var(--c-alb);
}
.container {
width: 100%;
max-width: calc(var(--container) + 2 * var(--gutter));
margin-inline: auto;
padding-inline: var(--gutter);
}
.narrow {
max-width: calc(var(--measure) + 2 * var(--gutter));
}
.site-main:focus {
outline: none;
}
.section {
padding-block: var(--section);
position: relative;
}
.section--tight {
padding-block: var(--section-tight);
}
.section--white {
background: var(--c-alb);
}
.ae-icon {
width: 1.25em;
height: 1.25em;
flex: none;
}
.eyebrow {
font-family: var(--f-sans);
font-size: var(--fs-small);
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--c-gri);
margin-bottom: var(--s-4);
display: flex;
align-items: center;
gap: var(--s-3);
}
.eyebrow--accent {
color: var(--c-visiniu);
}
.eyebrow--light {
color: var(--c-auriu-pal);
}
.eyebrow__index {
font-variant-numeric: tabular-nums;
padding: 0.15em 0.55em;
border-radius: 999px;
background: var(--c-alb);
border: 1px solid currentColor;
letter-spacing: 0.02em;
}
.section-head {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: space-between;
gap: var(--s-5) var(--s-7);
margin-bottom: clamp(2rem, 1.4rem + 2vw, 3.5rem);
}
.section-head__text {
max-width: 46rem;
}
.section-title,
.page-hero__title,
.hero__title,
.article__title,
.fees__title,
.team__title,
.docs__title,
.level-section__title,
.cta-band__title,
.form-card__title,
.contact__title,
.portal-card__title,
.offer-aside__title {
font-family: var(--f-serif);
font-weight: 500;
letter-spacing: -0.012em;
font-variation-settings: "opsz" 48;
text-wrap: balance;
color: var(--c-grafit);
}
.section-title {
font-size: var(--fs-h2);
line-height: 1.12;
}
.section-lead {
margin-top: var(--s-4);
font-size: var(--fs-lead);
line-height: 1.5;
color: var(--c-gri);
max-width: 40rem;
text-wrap: pretty;
}
.btn {
--btn-bg: var(--c-visiniu);
--btn-fg: var(--c-alb);
--btn-bd: var(--c-visiniu);
display: inline-flex;
align-items: center;
justify-content: center;
gap: var(--s-2);
min-height: 3rem;
padding: 0.75rem 1.5rem;
border-radius: var(--r-control);
border: 2px solid var(--btn-bd);
background: var(--btn-bg);
color: var(--btn-fg);
font-family: var(--f-sans);
font-size: 1rem;
font-weight: 600;
line-height: 1.25;
text-align: center;
text-decoration: none;
transition: background-color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);
}
.btn:hover {
--btn-bg: var(--c-visiniu-profund);
--btn-bd: var(--c-visiniu-profund);
color: var(--btn-fg);
}
.btn:active {
transform: translateY(1px);
}
.btn--secondary {
--btn-bg: transparent;
--btn-fg: var(--c-visiniu);
--btn-bd: var(--c-visiniu);
}
.btn--secondary:hover {
--btn-bg: var(--c-roz);
--btn-fg: var(--c-visiniu-profund);
--btn-bd: var(--c-visiniu-profund);
}
.btn--light {
--btn-bg: var(--c-alb);
--btn-fg: var(--c-visiniu-profund);
--btn-bd: var(--c-alb);
}
.btn--light:hover {
--btn-bg: var(--c-auriu-pal);
--btn-bd: var(--c-auriu-pal);
--btn-fg: var(--c-visiniu-profund);
}
.btn--small {
min-height: 2.75rem;
padding: 0.5rem 1.125rem;
font-size: var(--fs-small);
}
.btn--block {
width: 100%;
}
.btn[aria-busy="true"] {
opacity: 0.75;
cursor: progress;
}
.btn[aria-busy="true"]::before {
content: "";
width: 1em;
height: 1em;
border-radius: 50%;
border: 2px solid currentColor;
border-right-color: transparent;
animation: ae-spin 700ms linear infinite;
}
@keyframes ae-spin {
to {
transform: rotate(1turn);
}
}
.link-arrow {
display: inline-flex;
align-items: center;
gap: var(--s-2);
font-weight: 600;
color: var(--c-visiniu);
text-decoration: none;
min-height: 2.75rem;
}
.link-arrow span {
text-decoration: underline;
text-decoration-color: transparent;
text-underline-offset: 0.22em;
transition: text-decoration-color var(--t-fast) var(--ease);
}
.link-arrow:hover span {
text-decoration-color: currentColor;
}
.link-arrow .ae-icon {
transition: transform var(--t-fast) var(--ease);
}
.link-arrow:hover .ae-icon {
transform: translateX(3px);
}
.link-arrow--strong {
color: var(--c-grafit);
}
.link-arrow--strong .ae-icon {
color: var(--c-visiniu);
}
.link-arrow--light,
.link-arrow--light:hover {
color: var(--c-alb);
}
.tag {
display: inline-flex;
align-items: center;
padding: 0.2rem 0.6rem;
border-radius: 999px;
font-size: var(--fs-xs);
font-weight: 600;
letter-spacing: 0.02em;
line-height: 1.4;
background: var(--c-ivory-adanc);
color: var(--c-grafit);
text-decoration: none;
}
.tag--gold {
background: var(--c-auriu-pal);
}
.tag--rose {
background: var(--c-roz);
color: var(--c-visiniu-profund);
}
.tag--white {
background: var(--c-alb);
box-shadow: inset 0 0 0 1px var(--c-linie);
}
.tag--muted {
background: var(--c-ivory-adanc);
color: var(--c-gri);
}
.dot {
width: 0.625rem;
height: 0.625rem;
border-radius: 50%;
flex: none;
background: var(--c-contur);
}
.dot--gold {
background: var(--c-auriu);
}
.dot--rose {
background: var(--c-visiniu);
}
.dot--white {
background: var(--c-alb);
box-shadow: inset 0 0 0 2px var(--c-grafit);
}
.year-chip {
display: inline-flex;
align-items: center;
padding: 0.25rem 0.75rem;
border-radius: 999px;
font-family: var(--f-sans);
font-size: var(--fs-small);
font-weight: 600;
font-variant-numeric: tabular-nums;
letter-spacing: 0;
background: var(--c-alb);
color: var(--c-gri);
box-shadow: inset 0 0 0 1px var(--c-linie);
vertical-align: middle;
}
.year-chip--strong {
background: var(--c-grafit);
color: var(--c-alb);
box-shadow: none;
}
.ae-arcs {
color: var(--c-auriu);
stroke-width: 1.5;
stroke-linecap: round;
pointer-events: none;
}
.announcement {
background: var(--c-grafit);
color: var(--c-alb);
font-size: var(--fs-small);
}
.announcement__inner {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: var(--s-2) var(--s-5);
padding-block: var(--s-3);
text-align: center;
}
.announcement__link {
display: inline-flex;
align-items: center;
gap: var(--s-1);
color: var(--c-auriu);
font-weight: 600;
}
.announcement__link:hover {
color: var(--c-auriu-pal);
}
.site-header {
position: relative;
z-index: 30;
background: var(--c-ivory);
border-bottom: 1px solid var(--c-linie);
}
.site-header__inner {
display: flex;
align-items: center;
gap: var(--s-5);
min-height: 5.25rem;
padding-block: var(--s-3);
}
.brand {
display: inline-flex;
align-items: center;
gap: var(--s-4);
text-decoration: none;
color: var(--c-grafit);
flex: none;
}
.brand:hover {
color: var(--c-grafit);
}
.brand__logo {
height: 64px;
width: auto;
}
.brand__text {
display: flex;
flex-direction: column;
gap: 0.15rem;
}
.brand__name {
font-size: 1.375rem;
font-weight: 600;
letter-spacing: -0.015em;
line-height: 1.1;
}
.brand__tag {
font-size: var(--fs-xs);
font-weight: 500;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--c-gri);
}
.brand--compact .brand__logo {
height: 56px;
}
@media (max-width: 479px) {
.site-header__inner {
gap: var(--s-3);
}
.brand {
gap: var(--s-3);
}
.brand__tag {
display: none;
}
.brand__name {
font-size: 1.1875rem;
}
.menu-toggle {
padding-inline: 0.85rem;
}
}
.brand--compact .brand__name {
font-size: 1.25rem;
}
.site-header__nav {
display: none;
}
.site-header__actions {
margin-left: auto;
display: flex;
align-items: center;
gap: var(--s-3);
}
.site-header__cta {
display: none;
}
.menu-toggle {
display: inline-flex;
align-items: center;
gap: var(--s-2);
min-height: 3rem;
padding: 0.5rem 1rem;
border: 1px solid var(--c-contur);
border-radius: var(--r-control);
background: var(--c-alb);
font-weight: 600;
font-size: 1rem;
}
.menu-toggle:hover {
border-color: var(--c-grafit);
}
.utility-nav__list {
display: flex;
justify-content: flex-end;
gap: var(--s-1);
font-size: var(--fs-small);
}
.utility-nav__list a {
display: inline-flex;
align-items: center;
min-height: 2rem;
padding: 0 var(--s-2);
color: var(--c-gri);
text-decoration: none;
border-radius: 6px;
}
.utility-nav__list a:hover,
.utility-nav__list .current-menu-item a {
color: var(--c-grafit);
text-decoration: underline;
}
.utility-nav__list li + li {
position: relative;
}
.utility-nav__list li + li::before {
content: "";
position: absolute;
left: -0.15rem;
top: 50%;
width: 3px;
height: 3px;
border-radius: 50%;
background: var(--c-contur);
transform: translateY(-50%);
}
.nav--main {
display: flex;
align-items: center;
gap: var(--s-1);
}
.nav--main > .nav__item {
position: relative;
}
.nav--main > .nav__item > .nav__toggle,
.nav--main > .nav__item > .nav__link {
display: inline-flex;
align-items: center;
gap: 0.35rem;
min-height: 3rem;
padding: 0.5rem 0.875rem;
border: 0;
border-radius: var(--r-control);
background: none;
font-size: 1.0625rem;
font-weight: 500;
color: var(--c-grafit);
text-decoration: none;
transition: background-color var(--t-fast) var(--ease);
}
.nav--main > .nav__item > .nav__toggle:hover,
.nav--main > .nav__item > .nav__link:hover,
.nav--main > .nav__item > .nav__toggle[aria-expanded="true"] {
background: var(--c-ivory-adanc);
}
.nav--main > .nav__item.is-active > .nav__toggle,
.nav--main > .nav__item.is-active > .nav__link {
box-shadow: inset 0 -2px 0 var(--c-visiniu);
border-radius: var(--r-control) var(--r-control) 0 0;
}
.nav__toggle .ae-icon {
width: 1rem;
height: 1rem;
transition: transform var(--t-fast) var(--ease);
}
.nav__toggle[aria-expanded="true"] .ae-icon {
transform: rotate(180deg);
}
.nav--main .nav__sub {
position: absolute;
top: calc(100% + 0.5rem);
left: -0.5rem;
min-width: 18rem;
padding: var(--s-3);
list-style: none;
margin: 0;
background: var(--c-alb);
border: 1px solid var(--c-linie);
border-radius: var(--r-card);
box-shadow: var(--shadow-lift);
opacity: 0;
visibility: hidden;
transform: translateY(-6px);
transition: opacity var(--t-fast) var(--ease), transform var(--t-fast) var(--ease), visibility 0s linear var(--t-fast);
}
.nav--main .nav__toggle[aria-expanded="true"] + .nav__sub {
opacity: 1;
visibility: visible;
transform: none;
transition: opacity var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);
}
.nav__sub .nav__link {
display: flex;
flex-direction: column;
gap: 0.1rem;
padding: 0.65rem 0.875rem;
border-radius: 10px;
text-decoration: none;
color: var(--c-grafit);
font-weight: 500;
}
.nav__sub .nav__link:hover {
background: var(--c-ivory);
}
.nav__sub .nav__link[aria-current="page"] {
background: var(--c-roz);
color: var(--c-visiniu-profund);
}
.nav__desc {
font-size: var(--fs-xs);
font-weight: 400;
color: var(--c-gri);
}
.drawer {
width: 100%;
max-width: 28rem;
height: 100%;
max-height: none;
margin: 0 0 0 auto;
padding: 0;
border: 0;
background: var(--c-ivory);
color: var(--c-grafit);
display: none;
flex-direction: column;
}
.drawer[open] {
display: flex;
animation: ae-drawer-in var(--t-slow) var(--ease);
}
.drawer::backdrop {
background: rgba(38, 43, 49, 0.45);
}
@keyframes ae-drawer-in {
from {
transform: translateX(24px);
opacity: 0;
}
}
.drawer__head {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--s-4);
padding: var(--s-3) var(--s-5);
border-bottom: 1px solid var(--c-linie);
background: var(--c-ivory);
position: sticky;
top: 0;
z-index: 2;
}
.drawer__close {
display: inline-flex;
align-items: center;
gap: var(--s-2);
min-height: 3rem;
padding: 0.5rem 1rem;
border: 1px solid var(--c-contur);
border-radius: var(--r-control);
background: var(--c-alb);
font-weight: 600;
}
.drawer__body {
flex: 1;
overflow-y: auto;
padding: var(--s-5);
display: grid;
gap: var(--s-6);
align-content: start;
}
.drawer__label {
font-size: var(--fs-xs);
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--c-gri);
margin-bottom: calc(var(--s-6) * -1 + var(--s-3));
}
.drawer__quick {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--s-2);
}
.drawer__tile {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--s-2);
min-height: 3.75rem;
padding: var(--s-3) var(--s-4);
border-radius: 12px;
background: var(--c-alb);
color: var(--c-grafit);
font-weight: 600;
text-decoration: none;
line-height: 1.25;
}
.drawer__tile .ae-icon {
color: var(--c-visiniu);
width: 1.125rem;
}
.drawer__tile--gold {
background: var(--c-auriu-pal);
}
.drawer__tile--rose {
background: var(--c-roz);
}
.drawer__tile--white,
.drawer__tile--line {
box-shadow: inset 0 0 0 1px var(--c-linie);
}
.nav--drawer {
display: grid;
border-top: 1px solid var(--c-linie);
}
.nav--drawer > .nav__item {
border-bottom: 1px solid var(--c-linie);
}
.nav--drawer .nav__toggle,
.nav--drawer > .nav__item > .nav__link {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
min-height: 3.5rem;
padding: 0.5rem 0;
border: 0;
background: none;
font-size: 1.1875rem;
font-weight: 600;
text-align: left;
color: var(--c-grafit);
text-decoration: none;
}
.nav--drawer .nav__sub {
display: none;
list-style: none;
margin: 0;
padding: 0 0 var(--s-3);
}
.nav--drawer .nav__toggle[aria-expanded="true"] + .nav__sub {
display: grid;
}
.nav--drawer .nav__sub .nav__link {
padding: 0.7rem var(--s-3);
}
.drawer__utility-list {
display: flex;
flex-wrap: wrap;
gap: var(--s-2);
}
.drawer__utility-list a {
display: inline-flex;
min-height: 2.75rem;
align-items: center;
padding: 0 var(--s-4);
border-radius: 999px;
background: var(--c-alb);
box-shadow: inset 0 0 0 1px var(--c-linie);
color: var(--c-grafit);
text-decoration: none;
font-weight: 500;
}
.drawer__foot {
padding: var(--s-4) var(--s-5) calc(var(--s-4) + env(safe-area-inset-bottom));
border-top: 1px solid var(--c-linie);
background: var(--c-ivory);
}
.breadcrumbs {
margin-bottom: var(--s-5);
font-size: var(--fs-small);
color: var(--c-gri);
}
.breadcrumbs ol {
display: flex;
flex-wrap: wrap;
gap: var(--s-1) var(--s-2);
}
.breadcrumbs li + li::before {
content: "/";
margin-right: var(--s-2);
color: var(--c-contur);
}
.breadcrumbs a {
color: var(--c-gri);
}
.breadcrumbs a:hover {
color: var(--c-grafit);
}
.hero {
padding-block: clamp(2rem, 1rem + 4vw, 5rem) clamp(2.5rem, 1rem + 3.5vw, 4.5rem);
overflow: hidden;
}
.hero__grid {
display: grid;
gap: clamp(2.5rem, 1.5rem + 3vw, 4.5rem);
align-items: center;
}
.hero__title {
font-size: var(--fs-display);
line-height: 1.04;
letter-spacing: -0.02em;
font-variation-settings: "opsz" 60;
}
.hero__accent {
display: block;
color: var(--c-visiniu);
}
.hero__lead {
margin-top: var(--s-5);
font-size: var(--fs-lead);
line-height: 1.5;
max-width: 34rem;
text-wrap: pretty;
}
.hero__actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--s-3) var(--s-6);
margin-top: var(--s-6);
}
.hero__actions .btn {
min-width: 13rem;
}
.hero__place {
display: flex;
align-items: center;
gap: var(--s-2);
margin-top: var(--s-6);
padding-top: var(--s-5);
border-top: 1px solid var(--c-linie);
font-size: var(--fs-small);
color: var(--c-gri);
max-width: 34rem;
}
.hero__place .ae-icon {
color: var(--c-visiniu);
}
.hero__media {
position: relative;
isolation: isolate;
}
.hero__arc {
position: absolute;
z-index: -1;
width: 62%;
top: -11%;
right: -9%;
color: var(--c-auriu);
}
.hero__figure {
border-radius: var(--r-media);
overflow: hidden;
background: var(--c-ivory-adanc);
}
.hero__figure img {
width: 100%;
height: 100%;
object-fit: cover;
}
.hero__figure--main {
aspect-ratio: 5 / 4;
box-shadow: var(--shadow-lift);
}
.hero__media--duo .hero__figure--main {
margin-left: 12%;
}
.hero__figure--inset {
position: absolute;
left: 0;
bottom: -9%;
width: 36%;
aspect-ratio: 1;
border: 6px solid var(--c-ivory);
border-radius: calc(var(--r-media) - 4px);
box-shadow: var(--shadow-lift);
}
.hero__figure--empty {
display: grid;
place-items: center;
background: var(--c-auriu-pal);
}
.hero__figure--empty .ae-arcs {
width: 70%;
stroke-width: 2.5;
}
.hero__caption {
margin-top: var(--s-4);
font-size: var(--fs-xs);
color: var(--c-gri);
text-align: right;
}
.hero__media--duo .hero__caption {
margin-top: calc(9% + var(--s-4));
margin-left: 40%;
}
@media (max-width: 599px) {
.hero__media--duo .hero__figure--main {
margin-left: 8%;
}
.hero__figure--inset {
width: 32%;
border-width: 4px;
}
.hero__arc {
right: -4%;
}
}
.section--path {
padding-top: clamp(1.5rem, 0.8rem + 2.5vw, 3.5rem);
}
.level-cards {
display: grid;
gap: var(--s-4);
counter-reset: level;
position: relative;
}
.level-card {
--card-bg: var(--c-alb);
position: relative;
}
.level-card--gold {
--card-bg: var(--c-auriu-pal);
}
.level-card--rose {
--card-bg: var(--c-roz);
}
.level-card__link {
position: relative;
display: grid;
grid-template-columns: 1fr auto;
align-content: start;
gap: var(--s-2) var(--s-4);
height: 100%;
padding: clamp(1.5rem, 1.2rem + 1vw, 2.25rem);
border-radius: var(--r-card);
background: var(--card-bg);
color: var(--c-grafit);
text-decoration: none;
box-shadow: inset 0 0 0 1px rgba(38, 43, 49, 0.06);
transition: transform var(--t-slow) var(--ease), box-shadow var(--t-slow) var(--ease);
}
.level-card--white .level-card__link {
box-shadow: inset 0 0 0 1px var(--c-linie);
}
.level-card__link:hover {
color: var(--c-grafit);
transform: translateY(-3px);
box-shadow: var(--shadow-lift);
}
.level-card__index {
grid-column: 1 / -1;
font-size: var(--fs-small);
font-weight: 600;
font-variant-numeric: tabular-nums;
color: var(--c-visiniu);
margin-bottom: var(--s-3);
}
.level-card__title {
grid-column: 1 / -1;
font-family: var(--f-serif);
font-size: clamp(1.75rem, 1.5rem + 1vw, 2.375rem);
font-weight: 500;
line-height: 1.1;
letter-spacing: -0.012em;
font-variation-settings: "opsz" 40;
}
.level-card__accent {
grid-column: 1 / -1;
font-size: 1.0625rem;
color: var(--c-gri);
}
.level-card__text {
grid-column: 1 / -1;
margin-top: var(--s-3);
line-height: 1.55;
text-wrap: pretty;
}
.level-card__meta {
align-self: end;
margin-top: var(--s-5);
padding-top: var(--s-4);
border-top: 1px solid rgba(38, 43, 49, 0.1);
font-size: var(--fs-small);
font-weight: 500;
color: var(--c-gri);
}
.level-card__arrow {
align-self: end;
display: grid;
place-items: center;
width: 2.75rem;
height: 2.75rem;
border-radius: 50%;
background: var(--c-alb);
color: var(--c-visiniu);
transition: background-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease);
}
.level-card--white .level-card__arrow {
background: var(--c-ivory);
}
.level-card__link:hover .level-card__arrow {
background: var(--c-visiniu);
color: var(--c-alb);
}
.transitions {
display: grid;
gap: var(--s-4);
margin-top: var(--s-6);
}
.transition {
padding: var(--s-5);
border-radius: var(--r-card);
border: 1px dashed var(--c-contur);
font-size: var(--fs-small);
color: var(--c-gri);
}
.transition__route {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--s-2);
margin-bottom: var(--s-2);
font-weight: 600;
color: var(--c-grafit);
font-size: 1rem;
}
.transition__route .ae-icon {
color: var(--c-auriu);
width: 1.125rem;
}
.section--proof {
background: var(--c-alb);
}
.proof {
display: grid;
gap: var(--s-7);
}
.proof .section-head {
margin-bottom: var(--s-4);
}
.status-list {
display: grid;
border-top: 1px solid var(--c-linie);
}
.status-list__row {
display: grid;
gap: var(--s-2) var(--s-5);
padding-block: var(--s-5);
border-bottom: 1px solid var(--c-linie);
}
.status-list__level {
display: flex;
align-items: center;
gap: var(--s-3);
font-weight: 600;
}
.status-list__value {
display: grid;
gap: 0.15rem;
}
.status-list__value strong {
font-family: var(--f-serif);
font-size: 1.375rem;
font-weight: 500;
line-height: 1.25;
}
.status-list__act {
font-size: var(--fs-small);
color: var(--c-gri);
font-variant-numeric: tabular-nums;
}
.status-list__doc {
display: inline-flex;
align-items: center;
gap: var(--s-2);
margin-top: var(--s-2);
min-height: 2.25rem;
font-size: var(--fs-small);
font-weight: 600;
width: fit-content;
}
.status-list__doc .ae-icon {
width: 1.05rem;
}
.proof__extra {
margin-top: var(--s-5);
padding: var(--s-5);
border-radius: var(--r-card);
background: var(--c-ivory);
font-size: var(--fs-small);
color: var(--c-gri);
display: grid;
gap: var(--s-2);
}
.proof__extra-title {
display: flex;
align-items: center;
gap: var(--s-2);
font-size: 1rem;
font-weight: 600;
color: var(--c-grafit);
}
.proof__extra-title .ae-icon {
color: var(--c-visiniu);
}
.segmented {
display: flex;
width: 100%;
max-width: 30rem;
gap: var(--s-1);
padding: var(--s-1);
border-radius: 12px;
background: var(--c-alb);
box-shadow: inset 0 0 0 1px var(--c-linie);
margin-bottom: var(--s-6);
}
.segmented__btn {
flex: 1;
min-height: 2.75rem;
padding: 0.5rem 0.6rem;
border: 0;
border-radius: var(--r-control);
background: transparent;
font-weight: 600;
color: var(--c-gri);
transition: background-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease);
}
.segmented__btn:hover {
color: var(--c-grafit);
background: var(--c-ivory);
}
.segmented__btn[aria-selected="true"] {
background: var(--c-visiniu);
color: var(--c-alb);
}
.day-switcher__label {
font-family: var(--f-serif);
font-size: var(--fs-h3);
font-weight: 500;
margin-bottom: var(--s-5);
}
.js .day-switcher__label {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
}
.day-switcher__panel + .day-switcher__panel {
margin-top: var(--s-8);
}
.js .day-switcher__panel + .day-switcher__panel {
margin-top: 0;
}
.js .day-switcher__panel[hidden] {
display: none;
}
.day-switcher__panel:focus-visible {
outline-offset: 8px;
}
.day-switcher__more {
margin-top: var(--s-5);
}
.day {
display: grid;
gap: var(--s-5);
}
.day__timeline {
display: none;
}
.day__trigger {
display: inline-flex;
align-items: center;
gap: var(--s-2);
white-space: nowrap;
min-height: 2.75rem;
padding: 0.4rem 0.9rem;
border-radius: 999px;
background: var(--c-alb);
box-shadow: inset 0 0 0 1px var(--c-linie);
color: var(--c-grafit);
text-decoration: none;
font-size: var(--fs-small);
font-weight: 600;
}
.day__dot {
width: 0.6rem;
height: 0.6rem;
border-radius: 50%;
background: var(--c-auriu);
flex: none;
}
.day__time {
color: var(--c-gri);
font-variant-numeric: tabular-nums;
font-weight: 500;
}
.day__panels {
display: grid;
gap: var(--s-7);
}
.day__panel {
display: grid;
gap: var(--s-5);
scroll-margin-top: var(--s-6);
}
.day__media {
border-radius: var(--r-card);
overflow: hidden;
aspect-ratio: 16 / 9;
background: var(--c-ivory-adanc);
}
.day__media img {
width: 100%;
height: 100%;
object-fit: cover;
}
.day__kicker {
font-size: var(--fs-xs);
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--c-visiniu);
margin-bottom: var(--s-2);
font-variant-numeric: tabular-nums;
}
.day__title {
font-family: var(--f-serif);
font-size: var(--fs-h3);
font-weight: 500;
line-height: 1.2;
margin-bottom: var(--s-4);
}
.day__facts {
display: grid;
gap: var(--s-4);
}
.day__facts dt {
font-size: var(--fs-xs);
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--c-gri);
margin-bottom: 0.2rem;
}
.day__facts dd {
line-height: 1.55;
text-wrap: pretty;
}
.section--people .framed {
margin: 0;
}
.framed {
position: relative;
}
.framed img {
border-radius: var(--r-media);
width: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;
box-shadow: var(--shadow-soft);
}
.framed figcaption,
.wp-element-caption,
.article__cover figcaption {
margin-top: var(--s-3);
font-size: var(--fs-xs);
line-height: 1.45;
color: var(--c-gri);
}
.people-intro {
display: grid;
gap: var(--s-7);
align-items: center;
}
.team-links {
display: grid;
border-top: 1px solid var(--c-linie);
margin-bottom: var(--s-5);
}
.team-links a {
display: grid;
grid-template-columns: 1fr auto auto;
align-items: center;
gap: var(--s-4);
min-height: 3.75rem;
padding-block: var(--s-3);
border-bottom: 1px solid var(--c-linie);
text-decoration: none;
color: var(--c-grafit);
}
.team-links a:hover .team-links__name {
color: var(--c-visiniu);
}
.team-links__name {
font-family: var(--f-serif);
font-size: 1.375rem;
transition: color var(--t-fast) var(--ease);
}
.team-links__count {
font-size: var(--fs-small);
color: var(--c-gri);
font-variant-numeric: tabular-nums;
}
.team-links .ae-icon {
color: var(--c-visiniu);
}
.section--faith {
background: var(--c-visiniu-profund);
color: var(--c-alb);
overflow: hidden;
}
.section--faith__arcs {
position: absolute;
right: -6%;
bottom: -12%;
width: min(48rem, 90%);
color: rgba(255, 255, 255, 0.14);
stroke-width: 1.25;
}
.faith {
position: relative;
display: grid;
gap: var(--s-7);
}
.faith .section-title,
.faith .section-lead {
color: var(--c-alb);
}
.faith .section-lead {
color: rgba(255, 255, 255, 0.86);
}
.faith__pillars {
display: grid;
gap: var(--s-5);
counter-reset: pillar;
}
.faith__pillars li {
counter-increment: pillar;
padding-top: var(--s-5);
border-top: 1px solid rgba(255, 255, 255, 0.28);
}
.faith__pillars li::before {
content: counter(pillar, decimal-leading-zero);
display: block;
font-size: var(--fs-small);
font-weight: 600;
color: var(--c-auriu);
margin-bottom: var(--s-3);
font-variant-numeric: tabular-nums;
}
.faith__pillars h3 {
font-family: var(--f-serif);
font-size: var(--fs-h3);
font-weight: 500;
margin-bottom: var(--s-2);
}
.faith__pillars p {
color: rgba(255, 255, 255, 0.86);
}
.faith__link .link-arrow .ae-icon {
color: var(--c-auriu);
}
.duo {
display: grid;
gap: var(--s-5);
}
.panel {
padding: clamp(1.5rem, 1.1rem + 1.5vw, 2.5rem);
border-radius: var(--r-card);
background: var(--c-alb);
box-shadow: inset 0 0 0 1px var(--c-linie);
display: flex;
flex-direction: column;
gap: var(--s-5);
}
.panel--ivory {
background: var(--c-ivory);
}
.panel__kicker {
display: flex;
align-items: center;
gap: var(--s-2);
font-size: var(--fs-small);
font-weight: 600;
color: var(--c-visiniu);
}
.panel__title {
font-family: var(--f-serif);
font-size: var(--fs-h3);
font-weight: 500;
line-height: 1.2;
margin-top: calc(var(--s-3) * -1);
}
.panel__action {
margin-top: auto;
}
.mini-steps {
display: grid;
gap: var(--s-3);
}
.mini-steps li {
display: grid;
grid-template-columns: auto 1fr;
gap: var(--s-3);
align-items: start;
line-height: 1.5;
}
.mini-steps li > span {
display: grid;
place-items: center;
width: 1.75rem;
height: 1.75rem;
border-radius: 50%;
background: var(--c-auriu-pal);
color: var(--c-grafit);
font-size: var(--fs-xs);
font-weight: 700;
font-variant-numeric: tabular-nums;
margin-top: 0.05rem;
}
.places__list {
display: grid;
gap: var(--s-2);
}
.places__item {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: var(--s-2) var(--s-4);
padding: var(--s-3) var(--s-4);
border-radius: 12px;
background: var(--c-ivory);
font-size: var(--fs-small);
}
.panel--ivory .places__item {
background: var(--c-alb);
}
.places__level {
font-weight: 600;
}
.places__state {
display: inline-flex;
align-items: center;
gap: var(--s-2);
color: var(--c-gri);
}
.places__state::before {
content: "";
width: 0.5rem;
height: 0.5rem;
border-radius: 50%;
background: var(--c-contur);
}
.places__item--deschis .places__state {
color: var(--c-succes);
font-weight: 600;
}
.places__item--deschis .places__state::before {
background: var(--c-succes);
}
.places__item--asteptare .places__state::before {
background: var(--c-auriu);
}
.places__note,
.places__date {
margin-top: var(--s-3);
font-size: var(--fs-xs);
color: var(--c-gri);
line-height: 1.5;
}
.price-rows {
display: grid;
border-top: 1px solid var(--c-linie);
}
.price-row {
display: flex;
flex-wrap: wrap;
align-items: baseline;
justify-content: space-between;
gap: var(--s-1) var(--s-4);
padding-block: var(--s-4);
border-bottom: 1px solid var(--c-linie);
}
.price-row__name {
display: grid;
gap: 0.1rem;
font-weight: 600;
min-width: 0;
}
.price-row__meta {
font-weight: 400;
font-size: var(--fs-small);
color: var(--c-gri);
}
.price-row__value {
margin-left: auto;
text-align: right;
}
.price {
display: inline-flex;
align-items: baseline;
gap: 0.35rem;
font-variant-numeric: tabular-nums lining-nums;
white-space: nowrap;
}
.price__value {
font-family: var(--f-sans);
font-size: 1.25rem;
font-weight: 700;
letter-spacing: -0.01em;
}
.price__unit {
font-size: var(--fs-small);
color: var(--c-gri);
}
.offers {
display: grid;
gap: var(--s-6);
}
.offer-grid {
display: grid;
gap: var(--s-4);
}
.offer {
display: flex;
flex-direction: column;
gap: var(--s-3);
padding: clamp(1.25rem, 1rem + 1vw, 2rem);
border-radius: var(--r-card);
background: var(--c-alb);
box-shadow: inset 0 0 0 1px var(--c-linie);
}
.offer__title {
font-family: var(--f-sans);
font-size: var(--fs-h3);
font-weight: 600;
line-height: 1.25;
letter-spacing: -0.01em;
}
.offer__groups {
margin-top: 0.2rem;
font-size: var(--fs-small);
color: var(--c-gri);
}
.offer__time {
display: inline-flex;
align-items: center;
gap: var(--s-2);
font-weight: 600;
font-variant-numeric: tabular-nums;
width: fit-content;
padding: 0.3rem 0.75rem;
border-radius: 999px;
background: var(--c-ivory);
font-size: var(--fs-small);
}
.offer__time .ae-icon {
width: 1rem;
color: var(--c-visiniu);
}
.offer__price {
padding-block: var(--s-3);
border-block: 1px solid var(--c-linie);
}
.offer__price .price__value {
font-size: clamp(2rem, 1.7rem + 1.2vw, 2.625rem);
letter-spacing: -0.025em;
}
.offer__months,
.offer__note {
font-size: var(--fs-small);
color: var(--c-gri);
}
.offer__label {
font-size: var(--fs-xs);
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--c-gri);
}
.offer-extras {
display: grid;
gap: var(--s-5);
}
.chip__count {
margin-left: var(--s-2);
padding: 0 0.45rem;
border-radius: 999px;
background: var(--c-ivory-adanc);
font-size: var(--fs-xs);
color: var(--c-gri);
font-variant-numeric: tabular-nums;
}
.docs__jump {
margin: 0 0 var(--s-6);
}
.offer-extras__title {
font-weight: 600;
margin-bottom: var(--s-2);
}
.check-list {
display: grid;
gap: var(--s-2);
}
.check-list li,
.prose ul.is-style-bife li {
position: relative;
padding-left: 1.75rem;
line-height: 1.5;
}
.check-list li::before,
.prose ul.is-style-bife li::before {
content: "";
position: absolute;
left: 0;
top: 0.3em;
width: 1.1rem;
height: 1.1rem;
border-radius: 50%;
background: var(--c-auriu-pal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b1f35' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4L18 8'/%3E%3C/svg%3E") center / 0.75rem no-repeat;
}
.notice-card {
padding: var(--s-5);
border-radius: var(--r-card);
background: var(--c-alb);
box-shadow: inset 0 0 0 1px var(--c-linie);
display: grid;
gap: var(--s-2);
}
.notice-card--gold {
background: var(--c-auriu-pal);
box-shadow: none;
}
.notice-card__title {
font-size: 1.1875rem;
font-weight: 600;
line-height: 1.35;
}
.notice-card p:not(.notice-card__title) {
color: var(--c-gri);
font-size: var(--fs-small);
}
.notice-card--gold p:not(.notice-card__title) {
color: var(--c-grafit);
}
.empty-note {
padding: var(--s-5);
border-radius: var(--r-card);
background: var(--c-ivory);
border: 1px dashed var(--c-contur);
color: var(--c-gri);
font-size: var(--fs-small);
}
.section--stories {
background: var(--c-alb);
}
.story-grid {
display: grid;
gap: var(--s-6) var(--s-5);
}
.story-card__link {
display: grid;
gap: var(--s-4);
color: var(--c-grafit);
text-decoration: none;
}
.story-card__media {
border-radius: var(--r-card);
overflow: hidden;
aspect-ratio: 4 / 3;
background: var(--c-auriu-pal);
}
.story-card__media img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 600ms var(--ease);
}
.story-card__link:hover .story-card__media img {
transform: scale(1.03);
}
.story-card__placeholder {
display: grid;
place-items: center;
height: 100%;
}
.story-card__placeholder .ae-arcs {
width: 60%;
stroke-width: 2.5;
}
.story-card__meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--s-3);
font-size: var(--fs-small);
color: var(--c-gri);
}
.story-card__title {
font-family: var(--f-serif);
font-size: var(--fs-h3);
font-weight: 500;
line-height: 1.2;
margin-top: var(--s-2);
transition: color var(--t-fast) var(--ease);
text-wrap: balance;
}
.story-card__link:hover .story-card__title {
color: var(--c-visiniu);
}
.story-card__excerpt {
margin-top: var(--s-2);
font-size: var(--fs-small);
color: var(--c-gri);
line-height: 1.55;
}
.visit {
display: grid;
gap: var(--s-7);
align-items: start;
}
.visit__text {
display: grid;
gap: var(--s-5);
}
.visit__text .section-lead {
margin-top: 0;
}
.visit__text .eyebrow {
margin-bottom: calc(var(--s-1) * -1);
}
.visit__aside {
display: grid;
gap: var(--s-5);
}
.form-card {
padding: clamp(1.5rem, 1.1rem + 1.6vw, 2.5rem);
border-radius: var(--r-card);
background: var(--c-alb);
box-shadow: var(--shadow-soft), inset 0 0 0 1px var(--c-linie);
scroll-margin-top: var(--s-5);
}
.form-card__title {
font-size: clamp(1.625rem, 1.4rem + 0.9vw, 2.125rem);
line-height: 1.15;
}
.form-card__intro {
margin-top: var(--s-2);
font-size: var(--fs-small);
color: var(--c-gri);
}
.form {
display: grid;
gap: var(--s-5);
margin-top: var(--s-5);
}
.form__hp {
position: absolute;
left: -10000px;
width: 1px;
height: 1px;
overflow: hidden;
}
.field {
display: grid;
gap: var(--s-2);
border: 0;
padding: 0;
margin: 0;
min-width: 0;
}
.field-group {
display: grid;
gap: var(--s-3);
border: 0;
padding: var(--s-4);
margin: 0;
border-radius: 12px;
background: var(--c-ivory);
min-width: 0;
}
.field__label {
font-size: 1rem;
font-weight: 600;
line-height: 1.3;
padding: 0;
}
.field__label--sub {
font-weight: 500;
font-size: var(--fs-small);
}
.req {
color: var(--c-visiniu);
}
.field__optional {
font-weight: 400;
color: var(--c-gri);
font-size: var(--fs-small);
}
.field__hint {
font-size: var(--fs-small);
color: var(--c-gri);
line-height: 1.45;
margin-top: calc(var(--s-1) * -1);
}
.field__control {
width: 100%;
min-height: 3rem;
padding: 0.7rem 0.9rem;
border: 1px solid var(--c-contur);
border-radius: var(--r-control);
background: var(--c-alb);
font-size: 1.0625rem;
line-height: 1.4;
transition: border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);
}
.field__control:hover {
border-color: var(--c-grafit);
}
.field__control:focus-visible {
outline: 3px solid var(--c-focus);
outline-offset: 2px;
border-color: var(--c-grafit);
}
select.field__control {
appearance: none;
padding-right: 2.75rem;
background: var(--c-alb) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23262b31' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 0.85rem center / 1.15rem no-repeat;
}
textarea.field__control {
min-height: 7rem;
resize: vertical;
}
.field__control[aria-invalid="true"] {
border-color: var(--c-eroare);
border-width: 2px;
background-color: #fffafa;
}
.field__error {
display: flex;
align-items: flex-start;
gap: var(--s-2);
color: var(--c-eroare);
font-size: var(--fs-small);
font-weight: 600;
line-height: 1.4;
}
.field__error .ae-icon {
width: 1.1rem;
margin-top: 0.05rem;
}
.choices {
display: grid;
gap: var(--s-2);
}
.choices--inline {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--s-2) var(--s-4);
font-size: var(--fs-small);
}
.choices__label {
color: var(--c-gri);
width: 100%;
}
.choice {
display: flex;
align-items: center;
gap: var(--s-3);
min-height: 2.75rem;
padding: 0.5rem 0.875rem;
border-radius: var(--r-control);
border: 1px solid var(--c-linie);
background: var(--c-alb);
cursor: pointer;
line-height: 1.35;
transition: border-color var(--t-fast) var(--ease), background-color var(--t-fast) var(--ease);
}
.choices--inline .choice {
padding: 0.35rem 0.875rem 0.35rem 0.65rem;
}
.choice:hover {
border-color: var(--c-contur);
}
.choice input {
width: 1.25rem;
height: 1.25rem;
margin: 0;
accent-color: var(--c-visiniu);
flex: none;
}
.choice:has(input:checked) {
border-color: var(--c-visiniu);
background: #fffbfc;
box-shadow: inset 0 0 0 1px var(--c-visiniu);
}
.choice:has(input:focus-visible) {
outline: 3px solid var(--c-focus);
outline-offset: 2px;
}
.choice input:focus-visible {
outline: none;
}
.form__privacy {
font-size: var(--fs-small);
color: var(--c-gri);
line-height: 1.5;
}
.error-summary {
margin-top: var(--s-5);
padding: var(--s-4) var(--s-5);
border-radius: 12px;
border: 2px solid var(--c-eroare);
background: var(--c-eroare-fond);
}
.error-summary:focus-visible {
outline-offset: 3px;
}
.error-summary__title {
display: flex;
align-items: center;
gap: var(--s-2);
font-weight: 700;
color: var(--c-eroare);
}
.error-summary ul {
margin: var(--s-2) 0 0;
padding-left: 1.75rem;
font-size: var(--fs-small);
}
.error-summary a {
color: var(--c-eroare);
font-weight: 600;
}
.form-success {
display: grid;
gap: var(--s-3);
padding: var(--s-2) 0;
}
.form-success:focus {
outline: none;
}
.form-success__icon {
display: grid;
place-items: center;
width: 3.5rem;
height: 3.5rem;
border-radius: 50%;
background: var(--c-succes-fond);
color: var(--c-succes);
}
.form-success__icon .ae-icon {
width: 1.75rem;
height: 1.75rem;
}
.form-success__title {
font-family: var(--f-serif);
font-size: clamp(1.5rem, 1.3rem + 0.8vw, 2rem);
font-weight: 500;
line-height: 1.2;
}
.form-success__ref {
padding: var(--s-3) var(--s-4);
border-radius: var(--r-control);
background: var(--c-ivory);
font-variant-numeric: tabular-nums;
}
.form-success__help {
font-size: var(--fs-small);
color: var(--c-gri);
}
.contact-list {
display: grid;
gap: var(--s-4);
}
.contact-list li {
display: grid;
grid-template-columns: auto 1fr;
gap: var(--s-3);
align-items: start;
line-height: 1.45;
}
.contact-list .ae-icon {
color: var(--c-visiniu);
margin-top: 0.15rem;
}
.contact-list__label {
display: block;
font-size: var(--fs-xs);
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--c-gri);
margin-bottom: 0.1rem;
}
.contact-list__sub {
display: block;
font-size: var(--fs-small);
color: var(--c-gri);
}
.contact-list a {
color: var(--c-grafit);
font-weight: 600;
text-decoration-color: var(--c-linie);
}
.contact-list a:hover {
color: var(--c-visiniu);
}
.contact-list--compact {
grid-template-columns: 1fr;
font-size: var(--fs-small);
gap: var(--s-3);
}
.cta-band {
padding-block: var(--section-tight);
}
.cta-band__inner {
position: relative;
display: grid;
gap: var(--s-6);
padding-block: clamp(2rem, 1.4rem + 2.5vw, 3.5rem);
overflow: hidden;
}
.cta-band__inner::before {
content: "";
position: absolute;
inset: 0 var(--gutter);
border-radius: var(--r-media);
background: var(--c-visiniu);
z-index: -1;
}
.cta-band {
position: relative;
isolation: isolate;
}
.cta-band__arcs {
position: absolute;
right: calc(var(--gutter) - 2rem);
top: -10%;
width: min(36rem, 70%);
height: 120%;
color: rgba(255, 255, 255, 0.16);
z-index: -1;
}
.cta-band__text,
.cta-band__actions {
padding-inline: clamp(1.5rem, 1rem + 2.5vw, 3.5rem);
color: var(--c-alb);
}
.cta-band__title {
color: var(--c-alb);
font-size: clamp(1.75rem, 1.4rem + 1.5vw, 2.625rem);
line-height: 1.15;
margin-bottom: var(--s-3);
max-width: 32rem;
}
.cta-band__text p {
color: rgba(255, 255, 255, 0.9);
max-width: 36rem;
}
.cta-band__actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--s-4) var(--s-6);
}
.cta-band__phone {
display: inline-flex;
align-items: center;
gap: var(--s-2);
min-height: 3rem;
color: var(--c-alb);
font-weight: 600;
text-decoration: none;
font-variant-numeric: tabular-nums;
}
.cta-band__phone:hover {
color: var(--c-auriu-pal);
}
.site-footer {
position: relative;
overflow: hidden;
background: var(--c-ivory-adanc);
border-top: 1px solid var(--c-linie);
padding-top: clamp(3rem, 2rem + 4vw, 5.5rem);
font-size: var(--fs-small);
}
.site-footer__arcs {
position: absolute;
left: -8%;
bottom: -30%;
width: min(54rem, 110%);
color: rgba(193, 40, 69, 0.08);
stroke-width: 1.25;
}
.site-footer__grid {
position: relative;
display: grid;
gap: var(--s-7) var(--s-6);
}
.site-footer__about {
margin-top: var(--s-4);
max-width: 22rem;
color: var(--c-gri);
line-height: 1.55;
}
.site-footer__title {
font-size: var(--fs-xs);
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--c-grafit);
margin-bottom: var(--s-4);
}
.site-footer__nav ul {
display: grid;
gap: var(--s-1);
list-style: none;
padding: 0;
margin: 0;
}
.site-footer a {
color: var(--c-grafit);
text-decoration-color: rgba(38, 43, 49, 0.25);
}
.site-footer a:hover {
color: var(--c-visiniu);
}
.site-footer__nav a {
display: inline-flex;
min-height: 2.25rem;
align-items: center;
text-decoration: none;
}
.site-footer__nav a:hover {
text-decoration: underline;
}
.site-footer__contact address {
line-height: 1.7;
}
.site-footer__hours {
margin-block: var(--s-3) var(--s-5);
color: var(--c-gri);
}
.site-footer .btn--secondary {
color: var(--c-visiniu);
}
.socials {
display: flex;
gap: var(--s-2);
margin-top: var(--s-5);
}
.socials a {
display: grid;
place-items: center;
width: 2.75rem;
height: 2.75rem;
border-radius: 50%;
background: var(--c-alb);
color: var(--c-grafit);
box-shadow: inset 0 0 0 1px var(--c-linie);
transition: background-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease);
}
.socials a:hover {
background: var(--c-visiniu);
color: var(--c-alb);
}
.site-footer__bottom {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: var(--s-3) var(--s-6);
margin-top: clamp(2.5rem, 2rem + 2vw, 4rem);
padding-block: var(--s-5);
border-top: 1px solid rgba(38, 43, 49, 0.12);
color: var(--c-gri);
font-size: var(--fs-xs);
}
.site-footer__legal {
display: flex;
flex-wrap: wrap;
gap: var(--s-2) var(--s-5);
list-style: none;
padding: 0;
margin: 0;
}
.site-footer__legal a {
color: var(--c-gri);
}
.action-bar {
position: fixed;
z-index: 25;
left: 0;
right: 0;
bottom: 0;
display: flex;
gap: var(--s-2);
padding: var(--s-2) var(--s-4) calc(var(--s-2) + env(safe-area-inset-bottom));
background: rgba(251, 248, 242, 0.96);
border-top: 1px solid var(--c-linie);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
transform: translateY(110%);
transition: transform var(--t-slow) var(--ease);
}
.action-bar.is-visible {
transform: none;
}
.action-bar__call {
display: inline-flex;
align-items: center;
justify-content: center;
gap: var(--s-2);
min-height: 3rem;
padding: 0 var(--s-5);
border-radius: var(--r-control);
border: 1px solid var(--c-contur);
background: var(--c-alb);
color: var(--c-grafit);
font-weight: 600;
text-decoration: none;
}
.action-bar__visit {
flex: 1;
}
.page-hero {
position: relative;
overflow: hidden;
padding-block: clamp(2rem, 1.2rem + 3vw, 4rem) clamp(2.5rem, 1.4rem + 4vw, 4.5rem);
border-bottom: 1px solid var(--c-linie);
}
.page-hero__arcs {
position: absolute;
right: -4%;
top: 0;
width: min(34rem, 60%);
height: 140%;
color: rgba(251, 170, 27, 0.35);
stroke-width: 1.25;
}
.page-hero__inner {
position: relative;
}
.page-hero__title {
font-size: var(--fs-h1);
line-height: 1.06;
letter-spacing: -0.02em;
max-width: 22ch;
font-variation-settings: "opsz" 60;
}
.page-hero__lead {
margin-top: var(--s-5);
font-size: var(--fs-lead);
line-height: 1.5;
color: var(--c-gri);
max-width: 40rem;
text-wrap: pretty;
}
.page-hero__actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--s-3) var(--s-6);
margin-top: var(--s-6);
}
.page-hero__chips {
display: flex;
flex-wrap: wrap;
gap: var(--s-2);
margin-top: var(--s-5);
}
.page-hero--level {
padding-bottom: 0;
border-bottom: 0;
}
.page-hero__grid {
display: grid;
gap: var(--s-7);
align-items: center;
}
.page-hero__media {
position: relative;
isolation: isolate;
}
.page-hero__media .hero__figure--main {
aspect-ratio: 4 / 3;
}
.page-hero--gold .hero__arc {
color: var(--c-auriu);
}
.page-hero--rose .hero__arc {
color: var(--c-visiniu);
opacity: 0.6;
}
.page-hero--white .hero__arc {
color: var(--c-grafit);
opacity: 0.18;
}
.facts {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 9.5rem), 1fr));
margin-top: clamp(2.5rem, 1.6rem + 3vw, 4rem);
border-radius: var(--r-card);
background: var(--c-alb);
box-shadow: inset 0 0 0 1px var(--c-linie);
overflow: hidden;
}
.page-hero--gold .facts {
background: var(--c-auriu-pal);
box-shadow: none;
}
.page-hero--rose .facts {
background: var(--c-roz);
box-shadow: none;
}
.facts__item {
padding: var(--s-4) var(--s-5);
border-bottom: 1px solid rgba(38, 43, 49, 0.08);
display: grid;
gap: 0.2rem;
align-content: start;
}
.facts dt {
font-size: var(--fs-xs);
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--c-gri);
}
.facts dd {
font-weight: 600;
line-height: 1.4;
font-variant-numeric: tabular-nums;
}
.facts__sub {
display: block;
font-weight: 400;
font-size: var(--fs-small);
color: var(--c-gri);
}
.level-layout {
display: grid;
gap: var(--s-6);
padding-block: var(--section-tight) var(--s-6);
}
.toc__box {
border-radius: var(--r-card);
background: var(--c-alb);
box-shadow: inset 0 0 0 1px var(--c-linie);
}
.toc__title {
display: flex;
align-items: center;
justify-content: space-between;
min-height: 3rem;
padding: var(--s-3) var(--s-5);
font-size: var(--fs-small);
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--c-gri);
cursor: pointer;
list-style: none;
}
.toc__title::-webkit-details-marker {
display: none;
}
.toc__title::after {
content: "";
width: 0.6rem;
height: 0.6rem;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: rotate(45deg) translate(-2px, -2px);
transition: transform var(--t-fast) var(--ease);
}
.toc__box[open] .toc__title::after {
transform: rotate(225deg);
}
.toc__list {
padding: 0 var(--s-3) var(--s-3);
display: grid;
counter-reset: toc;
}
.toc__list a {
display: flex;
gap: var(--s-3);
align-items: baseline;
padding: 0.55rem var(--s-3);
border-radius: var(--r-control);
color: var(--c-grafit);
text-decoration: none;
font-size: var(--fs-small);
font-weight: 500;
line-height: 1.35;
counter-increment: toc;
}
.toc__list a::before {
content: counter(toc, decimal-leading-zero);
font-size: var(--fs-xs);
color: var(--c-contur);
font-variant-numeric: tabular-nums;
}
.toc__list a:hover {
background: var(--c-ivory);
}
.toc__list a.is-current {
background: var(--c-roz);
color: var(--c-visiniu-profund);
}
.toc__list a.is-current::before {
color: var(--c-visiniu);
}
.level-main {
min-width: 0;
display: grid;
gap: clamp(3rem, 2rem + 3vw, 5rem);
}
.level-section {
scroll-margin-top: var(--s-5);
}
.level-section__title,
.prose--level h2 {
font-family: var(--f-serif);
font-size: clamp(1.75rem, 1.45rem + 1.2vw, 2.5rem);
font-weight: 500;
line-height: 1.15;
letter-spacing: -0.012em;
margin-bottom: var(--s-5);
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--s-3);
}
.level-section__lead {
margin-top: calc(var(--s-3) * -1);
margin-bottom: var(--s-5);
color: var(--c-gri);
}
.level-section__subtitle {
font-size: 1.0625rem;
font-weight: 700;
margin-bottom: var(--s-4);
}
.level-section__more {
margin-top: var(--s-4);
}
.split {
display: grid;
gap: var(--s-6);
margin-bottom: var(--s-6);
}
.split__action {
display: flex;
align-items: center;
}
.prose {
max-width: var(--measure);
font-size: var(--fs-body);
line-height: 1.65;
}
.prose > * + * {
margin-top: 1.1em;
}
.prose > h2 {
margin-top: 2.2em;
scroll-margin-top: var(--s-5);
}
.prose > h3 {
margin-top: 1.8em;
}
.prose > :first-child {
margin-top: 0;
}
.prose h2 {
font-family: var(--f-serif);
font-size: clamp(1.625rem, 1.35rem + 1.1vw, 2.25rem);
font-weight: 500;
line-height: 1.18;
letter-spacing: -0.01em;
text-wrap: balance;
}
.prose h3 {
font-size: 1.25rem;
font-weight: 600;
line-height: 1.3;
}
.prose h4 {
font-size: 1.0625rem;
font-weight: 700;
}
.prose ul,
.prose ol {
padding-left: 1.4em;
}
.prose li + li {
margin-top: 0.4em;
}
.prose ul.is-style-bife {
list-style: none;
padding-left: 0;
}
.prose ol.is-style-pasi {
list-style: none;
padding-left: 0;
counter-reset: pas;
display: grid;
gap: var(--s-4);
}
.prose ol.is-style-pasi > li {
counter-increment: pas;
position: relative;
padding: var(--s-4) var(--s-5) var(--s-4) 4.25rem;
border-radius: var(--r-card);
background: var(--c-alb);
box-shadow: inset 0 0 0 1px var(--c-linie);
margin: 0;
}
.prose ol.is-style-pasi > li::before {
content: counter(pas, decimal-leading-zero);
position: absolute;
left: var(--s-5);
top: var(--s-4);
font-weight: 700;
color: var(--c-visiniu);
font-variant-numeric: tabular-nums;
}
.prose a {
text-decoration: underline;
}
.prose .is-style-introducere,
.prose .lead {
font-size: var(--fs-lead);
line-height: 1.5;
color: var(--c-grafit);
}
.prose .is-style-eticheta {
font-family: var(--f-sans);
font-size: var(--fs-small);
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--c-visiniu);
}
.prose blockquote,
.prose .wp-block-quote {
padding-left: var(--s-5);
border-left: 3px solid var(--c-auriu);
}
.prose .wp-block-quote.is-style-editorial {
border: 0;
padding: 0;
margin-block: 2em;
}
.prose .wp-block-quote.is-style-editorial p {
font-family: var(--f-serif);
font-size: clamp(1.5rem, 1.25rem + 1vw, 2.125rem);
line-height: 1.3;
font-weight: 400;
letter-spacing: -0.01em;
text-wrap: balance;
}
.prose .wp-block-quote.is-style-editorial p::before {
content: "„";
color: var(--c-auriu);
}
.prose .wp-block-quote.is-style-editorial p::after {
content: "”";
color: var(--c-auriu);
}
.prose blockquote cite {
display: block;
margin-top: var(--s-3);
font-style: normal;
font-size: var(--fs-small);
color: var(--c-gri);
}
.prose .wp-block-group.is-style-card {
padding: clamp(1.25rem, 1rem + 1vw, 2rem);
border-radius: var(--r-card);
background: var(--c-alb);
box-shadow: inset 0 0 0 1px var(--c-linie);
}
.prose .wp-block-group.is-style-card > * + * {
margin-top: var(--s-4);
}
.prose .wp-block-group.is-style-nota {
padding: var(--s-5);
border-radius: var(--r-card);
background: var(--c-auriu-pal);
}
.prose .wp-block-group.has-background {
padding: clamp(1.25rem, 1rem + 1vw, 2rem);
border-radius: var(--r-card);
}
.prose .wp-block-group > * + * {
margin-top: 1em;
}
.prose figure img,
.prose .wp-block-image img {
border-radius: var(--r-card);
}
.prose .wp-block-image.is-style-rotunjit img {
border-radius: var(--r-media);
}
.prose .alignwide {
width: min(var(--container), 100vw - 2 * var(--gutter));
max-width: none;
margin-inline: calc((100% - min(var(--container), 100vw - 2 * var(--gutter))) / 2);
}
.prose--level .alignwide,
.level-main .alignwide {
width: auto;
margin-inline: 0;
}
.prose .alignfull {
width: 100vw;
max-width: none;
margin-inline: calc(50% - 50vw);
}
.prose .alignfull img {
border-radius: 0;
}
.prose .wp-block-columns {
display: grid;
gap: var(--s-6);
}
.prose .wp-block-column > * + * {
margin-top: 1em;
}
.prose .wp-block-columns.is-trio h3 {
font-family: var(--f-serif);
font-weight: 500;
font-size: 1.5rem;
padding-top: var(--s-4);
border-top: 2px solid var(--c-auriu);
}
.prose .wp-block-gallery {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: var(--s-3);
}
.prose .wp-block-gallery figure {
margin: 0;
width: auto !important;
}
.prose .wp-block-gallery img {
width: 100%;
height: 100%;
aspect-ratio: 1;
object-fit: cover;
border-radius: 12px;
}
.prose .wp-block-gallery figcaption {
font-size: var(--fs-xs);
color: var(--c-gri);
margin-top: var(--s-2);
}
.prose .wp-block-file {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: var(--s-3);
padding: var(--s-4) var(--s-5);
border-radius: 12px;
background: var(--c-alb);
box-shadow: inset 0 0 0 1px var(--c-linie);
}
.prose .wp-block-file a:not(.wp-block-file__button) {
font-weight: 600;
color: var(--c-grafit);
}
.prose .wp-block-file__button {
display: inline-flex;
align-items: center;
min-height: 2.5rem;
padding: 0.35rem 1rem;
border-radius: var(--r-control);
background: var(--c-visiniu);
color: var(--c-alb);
font-size: var(--fs-small);
font-weight: 600;
text-decoration: none;
}
.prose .wp-block-buttons {
display: flex;
flex-wrap: wrap;
gap: var(--s-3);
}
.prose .wp-block-button__link {
display: inline-flex;
align-items: center;
min-height: 3rem;
padding: 0.75rem 1.5rem;
border-radius: var(--r-control);
border: 2px solid var(--c-visiniu);
background: var(--c-visiniu);
color: var(--c-alb);
font-size: 1rem;
font-weight: 600;
text-decoration: none;
}
.prose .wp-block-button__link:hover {
background: var(--c-visiniu-profund);
border-color: var(--c-visiniu-profund);
color: var(--c-alb);
}
.prose .is-style-secundar .wp-block-button__link,
.prose .is-style-outline .wp-block-button__link {
background: transparent;
color: var(--c-visiniu);
}
.prose .wp-block-table {
overflow-x: auto;
}
.prose table {
width: 100%;
border-collapse: collapse;
font-size: var(--fs-small);
font-variant-numeric: tabular-nums;
}
.prose th,
.prose td {
padding: var(--s-3) var(--s-4);
border-bottom: 1px solid var(--c-linie);
text-align: left;
vertical-align: top;
}
.prose th {
font-weight: 700;
background: var(--c-ivory-adanc);
}
.prose .is-style-taxe td:last-child,
.prose .is-style-taxe th:last-child {
text-align: right;
white-space: nowrap;
font-weight: 600;
}
.prose .wp-block-details,
.prose details.is-style-intrebare {
border-bottom: 1px solid var(--c-linie);
padding-block: var(--s-3);
}
.prose .wp-block-details summary {
cursor: pointer;
font-weight: 600;
min-height: 2.75rem;
display: flex;
align-items: center;
}
.prose .wp-block-separator {
border: 0;
border-top: 1px solid var(--c-linie);
margin-block: 2.5em;
}
.prose .wp-block-embed iframe {
width: 100%;
border-radius: var(--r-card);
}
.prose .ae-block {
max-width: none;
}
.prose--page .ae-block,
.prose--page .alignwide {
margin-block: 2em;
}
.prose--page {
max-width: none;
}
.prose--page > :not(.alignwide):not(.alignfull):not(.ae-block):not(.wp-block-columns):not(.wp-block-gallery) {
max-width: var(--measure);
}
.faq {
border-top: 1px solid var(--c-linie);
}
.faq__item {
border-bottom: 1px solid var(--c-linie);
}
.faq__question {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--s-4);
min-height: 3.5rem;
padding-block: var(--s-4);
cursor: pointer;
list-style: none;
}
.faq__question::-webkit-details-marker {
display: none;
}
.faq__title {
font-size: 1.125rem;
font-weight: 600;
line-height: 1.4;
}
.faq__question:hover .faq__title {
color: var(--c-visiniu);
}
.faq__icon {
position: relative;
flex: none;
width: 2rem;
height: 2rem;
border-radius: 50%;
background: var(--c-alb);
box-shadow: inset 0 0 0 1px var(--c-linie);
}
.faq__icon::before,
.faq__icon::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 0.75rem;
height: 2px;
background: var(--c-visiniu);
transform: translate(-50%, -50%);
transition: transform var(--t-fast) var(--ease);
}
.faq__icon::after {
transform: translate(-50%, -50%) rotate(90deg);
}
.faq__item[open] .faq__icon::after {
transform: translate(-50%, -50%) rotate(0deg);
}
.faq__answer {
padding-bottom: var(--s-5);
color: var(--c-grafit);
max-width: 42rem;
}
.chips {
display: flex;
flex-wrap: wrap;
gap: var(--s-2);
margin-top: var(--s-5);
}
.chip {
display: inline-flex;
align-items: center;
min-height: 2.75rem;
padding: 0.4rem 1rem;
border-radius: 999px;
background: var(--c-alb);
box-shadow: inset 0 0 0 1px var(--c-linie);
color: var(--c-grafit);
font-size: var(--fs-small);
font-weight: 600;
text-decoration: none;
transition: box-shadow var(--t-fast) var(--ease), background-color var(--t-fast) var(--ease);
}
.chip:hover {
color: var(--c-grafit);
box-shadow: inset 0 0 0 1px var(--c-contur);
}
.chip--gold {
background: var(--c-auriu-pal);
box-shadow: none;
}
.chip--rose {
background: var(--c-roz);
box-shadow: none;
}
.chip[aria-current="true"] {
background: var(--c-grafit);
color: var(--c-alb);
box-shadow: none;
}
.fees .chips {
margin: var(--s-6) 0 var(--s-2);
}
.year-switch {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--s-3) var(--s-4);
margin-top: var(--s-6);
}
.year-switch__label {
font-size: var(--fs-small);
font-weight: 600;
color: var(--c-gri);
}
.year-switch ul {
display: inline-flex;
gap: var(--s-1);
padding: var(--s-1);
border-radius: 12px;
background: var(--c-alb);
box-shadow: inset 0 0 0 1px var(--c-linie);
}
.year-switch a {
display: inline-flex;
align-items: center;
min-height: 2.75rem;
padding: 0 1rem;
border-radius: var(--r-control);
color: var(--c-grafit);
font-weight: 600;
font-variant-numeric: tabular-nums;
text-decoration: none;
}
.year-switch a:hover {
background: var(--c-ivory);
}
.year-switch a[aria-current="true"] {
background: var(--c-visiniu);
color: var(--c-alb);
}
.print-btn {
display: inline-flex;
align-items: center;
gap: var(--s-2);
min-height: 2.75rem;
padding: 0 var(--s-4);
border: 0;
background: none;
color: var(--c-gri);
font-weight: 600;
font-size: var(--fs-small);
border-radius: var(--r-control);
}
.print-btn:hover {
color: var(--c-grafit);
background: var(--c-alb);
}
.fees__level,
.fees__rules,
.fees__payment,
.admission-level {
padding-block: clamp(2.5rem, 1.8rem + 3vw, 4rem);
border-bottom: 1px solid var(--c-linie);
scroll-margin-top: var(--s-4);
}
.fees__head,
.admission-level__head {
display: grid;
grid-template-columns: auto 1fr;
align-items: center;
gap: var(--s-3) var(--s-5);
margin-bottom: var(--s-6);
}
.fees__head > .link-arrow,
.admission-level__head > .btn {
grid-column: 1 / -1;
justify-self: start;
}
.fees__index {
display: grid;
place-items: center;
width: 3.25rem;
height: 3.25rem;
border-radius: 50%;
background: var(--c-alb);
box-shadow: inset 0 0 0 1px var(--c-linie);
font-weight: 700;
color: var(--c-visiniu);
font-variant-numeric: tabular-nums;
}
#gradinita .fees__index,
.admission-level--gold .fees__index {
background: var(--c-auriu-pal);
box-shadow: none;
}
#primar .fees__index,
.admission-level--rose .fees__index {
background: var(--c-roz);
box-shadow: none;
}
.fees__title {
font-size: clamp(1.75rem, 1.45rem + 1.2vw, 2.5rem);
line-height: 1.12;
}
.fees__meta {
margin-top: 0.15rem;
font-size: var(--fs-small);
color: var(--c-gri);
}
.fees__rules .fees__title,
.fees__payment .fees__title,
.fees__level--plain .fees__title {
margin-bottom: var(--s-5);
}
.payment {
max-width: 40rem;
padding: clamp(1.25rem, 1rem + 1vw, 2rem);
border-radius: var(--r-card);
background: var(--c-alb);
box-shadow: inset 0 0 0 1px var(--c-linie);
}
.payment__list {
display: grid;
gap: var(--s-4);
}
.payment__list dt {
font-size: var(--fs-xs);
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--c-gri);
}
.payment__list dd {
font-weight: 600;
}
.payment__iban {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--s-3);
font-variant-numeric: tabular-nums;
font-size: 1.1875rem;
letter-spacing: 0.02em;
}
.copy-btn {
display: inline-flex;
align-items: center;
gap: var(--s-2);
min-height: 2.5rem;
padding: 0 var(--s-4);
border-radius: var(--r-control);
border: 1px solid var(--c-contur);
background: var(--c-alb);
font-size: var(--fs-small);
font-weight: 600;
letter-spacing: 0;
}
.copy-btn .ae-icon {
width: 1rem;
}
.copy-btn.is-copied {
border-color: var(--c-succes);
color: var(--c-succes);
}
.steps {
display: grid;
gap: var(--s-4);
counter-reset: step;
}
.steps__item {
position: relative;
padding: var(--s-5);
border-radius: var(--r-card);
background: var(--c-alb);
box-shadow: inset 0 0 0 1px var(--c-linie);
display: grid;
gap: var(--s-2);
align-content: start;
}
.steps__num {
font-weight: 700;
color: var(--c-visiniu);
font-variant-numeric: tabular-nums;
font-size: var(--fs-small);
}
.steps__title {
font-family: var(--f-serif);
font-size: 1.375rem;
font-weight: 500;
line-height: 1.2;
}
.steps__item p {
font-size: var(--fs-small);
color: var(--c-gri);
line-height: 1.55;
}
.admission-levels {
padding-bottom: var(--section-tight);
}
.admission-level__grid {
display: grid;
gap: var(--s-6);
}
.journey {
display: grid;
gap: var(--s-3);
margin-block: var(--s-6) 0;
}
.journey__item {
display: grid;
grid-template-columns: auto 1fr;
gap: 0 var(--s-3);
padding: var(--s-4) var(--s-5);
border-radius: var(--r-card);
background: var(--c-alb);
box-shadow: inset 0 0 0 1px var(--c-linie);
}
.journey__item.is-current {
background: var(--c-roz);
box-shadow: none;
}
.journey__num {
grid-row: span 2;
font-weight: 700;
color: var(--c-visiniu);
font-variant-numeric: tabular-nums;
}
.journey__title {
font-weight: 700;
font-size: 1.125rem;
}
.journey__text {
color: var(--c-gri);
font-size: var(--fs-small);
}
.info-card {
padding: clamp(1.25rem, 1rem + 1vw, 2rem);
border-radius: var(--r-card);
background: var(--c-alb);
box-shadow: inset 0 0 0 1px var(--c-linie);
display: grid;
gap: var(--s-4);
}
.info-card__title {
font-size: 1.125rem;
font-weight: 700;
}
.info-card__meta {
display: flex;
align-items: center;
gap: var(--s-2);
font-size: var(--fs-small);
color: var(--c-gri);
}
.offer-aside {
padding: clamp(1.25rem, 1rem + 1vw, 2rem);
border-radius: var(--r-card);
background: var(--c-alb);
box-shadow: inset 0 0 0 1px var(--c-linie);
display: grid;
gap: var(--s-4);
}
.offer-aside .eyebrow {
margin: 0;
color: var(--c-visiniu);
}
.offer-aside__title {
font-size: clamp(1.625rem, 1.4rem + 0.8vw, 2rem);
line-height: 1.15;
margin-top: calc(var(--s-2) * -1);
}
.offer-aside__body {
display: grid;
gap: var(--s-3);
}
.offer-aside__hint,
.offer-aside__muted {
font-size: var(--fs-small);
color: var(--c-gri);
}
.offer-aside__label {
font-weight: 700;
margin-top: var(--s-2);
}
.docs {
padding-block: var(--s-6) var(--section-tight);
}
.docs__count {
font-size: var(--fs-small);
color: var(--c-gri);
margin-bottom: var(--s-4);
}
.docs__group {
padding-block: var(--s-6);
border-top: 1px solid var(--c-linie);
}
.docs__head {
display: flex;
flex-wrap: wrap;
align-items: baseline;
justify-content: space-between;
gap: var(--s-2) var(--s-5);
margin-bottom: var(--s-4);
}
.docs__title {
font-size: clamp(1.5rem, 1.3rem + 0.8vw, 2rem);
line-height: 1.2;
}
.docs__perma {
font-size: var(--fs-small);
color: var(--c-gri);
}
.doc-list {
display: grid;
gap: var(--s-2);
}
.doc__link {
display: grid;
grid-template-columns: auto 1fr auto;
align-items: center;
gap: var(--s-4);
padding: var(--s-4);
border-radius: 12px;
background: var(--c-alb);
box-shadow: inset 0 0 0 1px var(--c-linie);
color: var(--c-grafit);
text-decoration: none;
transition: box-shadow var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);
}
.doc__link:hover {
color: var(--c-grafit);
box-shadow: inset 0 0 0 1px var(--c-contur), var(--shadow-soft);
}
.doc__icon {
display: grid;
place-items: center;
width: 2.75rem;
height: 2.75rem;
border-radius: 10px;
background: var(--c-roz);
color: var(--c-visiniu);
}
.doc--archived .doc__icon {
background: var(--c-ivory-adanc);
color: var(--c-gri);
}
.doc__body {
display: grid;
gap: 0.15rem;
min-width: 0;
}
.doc__title {
font-weight: 600;
line-height: 1.35;
overflow-wrap: anywhere;
}
.doc__summary {
font-size: var(--fs-small);
color: var(--c-gri);
}
.doc__meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--s-2);
font-size: var(--fs-xs);
color: var(--c-gri);
font-variant-numeric: tabular-nums;
}
.doc__action {
color: var(--c-visiniu);
}
.archive-toggle {
margin-top: var(--s-3);
}
.archive-toggle summary {
display: inline-flex;
align-items: center;
gap: var(--s-2);
min-height: 2.75rem;
padding: 0 var(--s-4);
border-radius: 999px;
cursor: pointer;
font-size: var(--fs-small);
font-weight: 600;
color: var(--c-gri);
list-style: none;
box-shadow: inset 0 0 0 1px var(--c-linie);
}
.archive-toggle summary::-webkit-details-marker {
display: none;
}
.archive-toggle summary:hover {
color: var(--c-grafit);
}
.archive-toggle__count {
display: inline-grid;
place-items: center;
min-width: 1.5rem;
height: 1.5rem;
padding: 0 0.35rem;
border-radius: 999px;
background: var(--c-ivory-adanc);
font-size: var(--fs-xs);
}
.archive-toggle[open] summary {
margin-bottom: var(--s-3);
}
.filters {
display: grid;
gap: var(--s-4);
margin-top: var(--s-6);
padding: var(--s-5);
border-radius: var(--r-card);
background: var(--c-alb);
box-shadow: inset 0 0 0 1px var(--c-linie);
max-width: 62rem;
}
.filters__field {
display: grid;
gap: var(--s-2);
}
.filters__field label {
font-size: var(--fs-small);
font-weight: 600;
}
.filters input,
.filters select {
width: 100%;
min-height: 2.75rem;
padding: 0.5rem 0.8rem;
border: 1px solid var(--c-contur);
border-radius: var(--r-control);
background: var(--c-alb);
font-size: 1rem;
}
.filters select {
appearance: none;
padding-right: 2.5rem;
background: var(--c-alb) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23262b31' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 0.75rem center / 1.05rem no-repeat;
}
.filters__actions {
display: flex;
align-items: center;
gap: var(--s-4);
align-self: end;
}
.filters__reset {
font-size: var(--fs-small);
font-weight: 600;
}
.team {
padding-bottom: var(--section-tight);
}
.team__group {
padding-block: clamp(2.5rem, 1.8rem + 3vw, 4rem);
border-bottom: 1px solid var(--c-linie);
scroll-margin-top: var(--s-4);
}
.team__head {
margin-bottom: var(--s-6);
max-width: 40rem;
}
.team__title {
font-size: clamp(1.75rem, 1.45rem + 1.2vw, 2.5rem);
line-height: 1.12;
}
.team__desc {
margin-top: var(--s-3);
color: var(--c-gri);
}
.people {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(min(100%, 10.5rem), 1fr));
gap: var(--s-6) var(--s-4);
}
.person {
display: grid;
align-content: start;
gap: 0.2rem;
scroll-margin-top: var(--s-6);
}
.person__photo {
aspect-ratio: 4 / 5;
border-radius: var(--r-card);
overflow: hidden;
background: var(--c-ivory-adanc);
margin-bottom: var(--s-3);
display: grid;
place-items: center;
}
.person__photo--gold {
background: var(--c-auriu-pal);
}
.person__photo--rose {
background: var(--c-roz);
}
.person__photo--white {
background: var(--c-alb);
box-shadow: inset 0 0 0 1px var(--c-linie);
}
.person__photo img {
width: 100%;
height: 100%;
object-fit: cover;
}
.person__initials {
font-family: var(--f-serif);
font-size: clamp(2rem, 1.6rem + 1.5vw, 2.75rem);
font-weight: 500;
color: rgba(38, 43, 49, 0.55);
letter-spacing: 0.02em;
}
.person__name {
font-size: 1.0625rem;
font-weight: 600;
line-height: 1.3;
}
.person__role {
font-size: var(--fs-small);
color: var(--c-gri);
line-height: 1.4;
}
.person__bio {
margin-top: var(--s-2);
font-size: var(--fs-small);
line-height: 1.5;
}
.resources {
display: grid;
gap: var(--s-3);
}
.resource {
position: relative;
display: grid;
grid-template-columns: auto 1fr auto;
grid-template-rows: auto auto;
align-items: center;
gap: 0.15rem var(--s-4);
height: 100%;
padding: var(--s-5);
border-radius: var(--r-card);
background: var(--c-alb);
box-shadow: inset 0 0 0 1px var(--c-linie);
color: var(--c-grafit);
text-decoration: none;
transition: box-shadow var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);
}
.resource:hover {
color: var(--c-grafit);
transform: translateY(-2px);
box-shadow: inset 0 0 0 1px var(--c-contur), var(--shadow-soft);
}
.resource__icon {
grid-row: span 2;
display: grid;
place-items: center;
width: 3rem;
height: 3rem;
border-radius: 12px;
background: var(--c-auriu-pal);
color: var(--c-visiniu-profund);
}
.resource__title {
font-weight: 700;
font-size: 1.0625rem;
}
.resource__text {
grid-column: 2;
font-size: var(--fs-small);
color: var(--c-gri);
}
.resource__go {
grid-row: 1 / span 2;
grid-column: 3;
color: var(--c-visiniu);
}
.portal-card {
display: grid;
gap: var(--s-5);
align-items: center;
padding: clamp(1.5rem, 1.1rem + 1.6vw, 2.5rem);
margin-bottom: var(--s-6);
border-radius: var(--r-card);
background: var(--c-roz);
}
.portal-card .eyebrow {
color: var(--c-visiniu-profund);
margin-bottom: var(--s-2);
}
.portal-card__title {
font-size: clamp(1.5rem, 1.3rem + 0.8vw, 2rem);
margin-bottom: var(--s-2);
}
.contact {
display: grid;
gap: var(--s-7);
align-items: start;
}
.contact__info {
display: grid;
gap: var(--s-6);
}
.contact__visit {
padding: var(--s-5);
border-radius: var(--r-card);
background: var(--c-auriu-pal);
display: grid;
gap: var(--s-3);
justify-items: start;
}
.contact__title {
font-size: 1.625rem;
line-height: 1.2;
}
.map {
border-radius: var(--r-card);
overflow: hidden;
background: var(--c-alb);
box-shadow: inset 0 0 0 1px var(--c-linie);
aspect-ratio: 4 / 3;
position: relative;
}
.map iframe {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
}
.map__placeholder {
position: absolute;
inset: 0;
display: grid;
place-content: center;
justify-items: center;
gap: var(--s-3);
padding: var(--s-5);
text-align: center;
background:
radial-gradient(circle at 30% 30%, rgba(251, 170, 27, 0.18), transparent 55%),
repeating-linear-gradient(0deg, transparent 0 38px, rgba(38, 43, 49, 0.05) 38px 39px),
repeating-linear-gradient(90deg, transparent 0 38px, rgba(38, 43, 49, 0.05) 38px 39px),
var(--c-ivory);
}
.map__placeholder > .ae-icon {
width: 2.25rem;
height: 2.25rem;
color: var(--c-visiniu);
}
.map__title {
font-weight: 700;
}
.map__note {
font-size: var(--fs-small);
color: var(--c-gri);
max-width: 22rem;
}
.map__actions {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: var(--s-2) var(--s-5);
}
.article__head {
padding-block: clamp(2rem, 1.2rem + 3vw, 4rem) var(--s-6);
}
.article__head-inner {
max-width: calc(52rem + 2 * var(--gutter));
}
.article__meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--s-2) var(--s-3);
margin-bottom: var(--s-4);
font-size: var(--fs-small);
color: var(--c-gri);
}
.article__title {
font-size: var(--fs-h1);
line-height: 1.08;
letter-spacing: -0.02em;
}
.article__lead {
margin-top: var(--s-5);
font-size: var(--fs-lead);
line-height: 1.5;
color: var(--c-gri);
}
.article__cover {
margin-bottom: clamp(2rem, 1.4rem + 2vw, 3.5rem);
}
.article__cover img {
width: 100%;
aspect-ratio: 16 / 9;
object-fit: cover;
border-radius: var(--r-media);
}
.prose--article {
margin-inline: auto;
padding-bottom: var(--section-tight);
}
.prose--article > .alignwide {
width: min(var(--container), 100vw - 2 * var(--gutter));
margin-inline: calc((100% - min(var(--container), 100vw - 2 * var(--gutter))) / 2);
}
.section--content {
padding-block: var(--section-tight);
}
.search-form {
display: flex;
gap: var(--s-2);
margin-top: var(--s-6);
max-width: 36rem;
}
.search-form input {
flex: 1;
min-width: 0;
min-height: 3rem;
padding: 0.6rem 0.9rem;
border: 1px solid var(--c-contur);
border-radius: var(--r-control);
background: var(--c-alb);
}
.results {
display: grid;
}
.result {
padding-block: var(--s-5);
border-bottom: 1px solid var(--c-linie);
}
.result__type {
font-size: var(--fs-xs);
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--c-gri);
}
.result__title {
font-family: var(--f-serif);
font-size: 1.5rem;
font-weight: 500;
margin-block: var(--s-1);
}
.result__title a {
color: var(--c-grafit);
text-decoration: none;
}
.result__title a:hover {
color: var(--c-visiniu);
text-decoration: underline;
}
.result__excerpt {
color: var(--c-gri);
font-size: var(--fs-small);
}
.pagination {
margin-top: var(--s-7);
}
.pagination ul {
display: flex;
flex-wrap: wrap;
gap: var(--s-2);
justify-content: center;
}
.pagination .page-numbers {
display: inline-grid;
place-items: center;
min-width: 2.75rem;
height: 2.75rem;
padding: 0 var(--s-3);
border-radius: var(--r-control);
background: var(--c-alb);
box-shadow: inset 0 0 0 1px var(--c-linie);
color: var(--c-grafit);
font-weight: 600;
text-decoration: none;
}
.pagination .page-numbers.current {
background: var(--c-grafit);
color: var(--c-alb);
box-shadow: none;
}
.quick-links {
display: flex;
flex-wrap: wrap;
gap: var(--s-2) var(--s-6);
margin-top: var(--s-6);
}
.ae-block {
margin-block: var(--s-6);
}
@media (min-width: 600px) {
.drawer__quick {
gap: var(--s-3);
}
.status-list__row {
grid-template-columns: 12rem 1fr;
align-items: start;
}
.transitions {
grid-template-columns: 1fr 1fr;
}
.story-grid {
grid-template-columns: repeat(2, 1fr);
}
.offer-grid {
grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
}
.resources {
grid-template-columns: repeat(2, 1fr);
}
.steps {
grid-template-columns: repeat(2, 1fr);
}
.journey {
grid-template-columns: repeat(3, 1fr);
}
.filters {
grid-template-columns: 1fr 1fr;
}
.filters__field--search {
grid-column: 1 / -1;
}
.prose .wp-block-gallery {
grid-template-columns: repeat(3, 1fr);
}
.choices {
grid-template-columns: 1fr 1fr;
}
.choices .choice:last-child:nth-child(odd) {
grid-column: 1 / -1;
}
.fees__head,
.admission-level__head {
grid-template-columns: auto 1fr auto;
}
.fees__head > .link-arrow,
.admission-level__head > .btn {
grid-column: auto;
justify-self: end;
}
.payment__list {
grid-template-columns: auto 1fr;
gap: var(--s-4) var(--s-6);
}
.payment__list > div {
display: contents;
}
.facts__item {
border-bottom: 0;
border-right: 1px solid rgba(38, 43, 49, 0.08);
}
.facts__item:last-child {
border-right: 0;
}
}
@media (min-width: 900px) {
:root {
--header-h: 8.5rem;
}
.hero__grid {
grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
}
.page-hero__grid {
grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
}
.level-cards {
grid-template-columns: repeat(3, 1fr);
gap: var(--s-5);
}
.proof {
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
gap: var(--s-8);
}
.people-intro {
grid-template-columns: 1fr 1fr;
gap: var(--s-8);
}
.faith {
grid-template-columns: minmax(0, 1fr) auto;
align-items: end;
gap: var(--s-7) var(--s-8);
}
.faith__head {
max-width: 40rem;
}
.faith__pillars {
grid-column: 1 / -1;
grid-row: 2;
grid-template-columns: repeat(3, 1fr);
gap: var(--s-6);
}
.faith__link {
grid-column: 2;
grid-row: 1;
padding-bottom: var(--s-2);
}
.duo {
grid-template-columns: 1fr 1fr;
gap: var(--s-6);
}
.story-grid {
grid-template-columns: repeat(3, 1fr);
}
.visit {
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
gap: var(--s-8);
}
.visit--page {
grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
gap: var(--s-7);
}
.visit--page .visit__aside {
position: sticky;
top: var(--s-5);
}
.contact {
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
gap: var(--s-8);
}
.split {
grid-template-columns: 1fr 1fr;
gap: var(--s-7);
}
.split--wide {
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
align-items: start;
}
.admission-level__grid {
grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
gap: var(--s-7);
}
.steps {
grid-template-columns: repeat(3, 1fr);
}
.site-footer__grid {
grid-template-columns: 1.5fr 1fr 1fr 1.25fr;
}
.prose .wp-block-columns {
grid-auto-flow: column;
grid-auto-columns: 1fr;
}
.prose .wp-block-columns.are-vertically-aligned-center {
align-items: center;
}
.portal-card {
grid-template-columns: 1fr auto;
}
.offers--single {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
align-items: start;
gap: var(--s-6);
}
.level-main .offer-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.cta-band__inner {
grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
align-items: center;
}
.cta-band__actions {
justify-content: flex-end;
}
.filters {
grid-template-columns: 2fr 1.3fr 1fr 1fr auto;
align-items: end;
}
.filters__field--search {
grid-column: auto;
}
.day {
grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
gap: var(--s-7);
align-items: start;
}
.day__timeline {
position: relative;
display: flex;
flex-direction: column;
gap: 0;
overflow: visible;
padding: 0;
}
.day__timeline::before {
content: "";
position: absolute;
left: 1.1rem;
top: 1.6rem;
bottom: 1.6rem;
width: 2px;
background: var(--c-linie);
}
.day__trigger {
position: relative;
display: grid;
grid-template-columns: auto 1fr;
grid-template-rows: auto auto;
gap: 0 var(--s-4);
align-items: center;
width: 100%;
white-space: normal;
min-height: 4.25rem;
padding: var(--s-3) var(--s-4) var(--s-3) 0.6rem;
border-radius: 12px;
background: transparent;
box-shadow: none;
font-size: 1.125rem;
transition: background-color var(--t-fast) var(--ease);
}
.day__trigger:hover {
background: rgba(255, 255, 255, 0.6);
}
.day__dot {
grid-row: span 2;
width: 1rem;
height: 1rem;
box-shadow: 0 0 0 5px var(--c-ivory);
transition: background-color var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);
}
.section--white .day__dot,
.level-main .day__dot {
box-shadow: 0 0 0 5px var(--c-ivory);
}
.day__time {
font-size: var(--fs-small);
}
.day__name {
grid-column: 2;
}
.js .day__trigger[aria-current="step"] {
background: var(--c-alb);
box-shadow: var(--shadow-soft);
}
.js .day__trigger[aria-current="step"] .day__dot {
background: var(--c-visiniu);
transform: scale(1.15);
}
.js .day__panels {
display: block;
}
.js .day__panel {
display: none;
}
.js .day__panel.is-active {
display: grid;
animation: ae-fade var(--t-slow) var(--ease);
}
.day__panel {
grid-template-columns: 1fr;
}
.toc {
align-self: start;
}
.toc__box {
position: sticky;
top: var(--s-5);
}
}
@keyframes ae-fade {
from {
opacity: 0;
transform: translateY(6px);
}
}
@media (min-width: 1100px) {
.site-header__inner {
min-height: 7rem;
gap: var(--s-6);
}
.brand__logo {
height: 88px;
}
.brand__name {
font-size: 1.625rem;
}
.site-header__nav {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: var(--s-1);
margin-left: auto;
}
.site-header__actions {
margin-left: 0;
align-self: flex-end;
padding-bottom: 0.1rem;
}
.site-header__cta {
display: inline-flex;
}
.menu-toggle {
display: none;
}
.level-layout {
grid-template-columns: 15rem minmax(0, 1fr);
gap: var(--s-8);
}
.toc__title {
pointer-events: none;
}
.toc__title::after {
display: none;
}
.resources {
grid-template-columns: repeat(3, 1fr);
}
.day__panel {
grid-template-columns: 1fr;
}
.action-bar {
display: none;
}
}
@media (max-width: 1099px) {
.nav--main .nav__sub {
display: none;
}
}
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
}
@media print {
.announcement,
.site-header,
.drawer,
.site-footer,
.action-bar,
.cta-band,
.chips,
.print-btn,
.year-switch ul,
.page-hero__arcs,
.hero__arc,
.breadcrumbs,
.skip-link {
display: none !important;
}
body {
background: #fff;
font-size: 11pt;
}
.page-hero {
padding: 0 0 12pt;
border: 0;
}
.offer,
.doc__link,
.payment,
.notice-card {
box-shadow: none;
border: 1px solid #bbb;
break-inside: avoid;
}
.fees__level {
break-inside: avoid;
}
a {
color: #000;
}
}