.llc-mode--thinkific-only {
display: none !important;
}
body.llc-course-mode--thinkific .llc-mode--shop-only {
display: none !important;
}
body.llc-course-mode--thinkific .llc-nav .llc-mode--thinkific-only {
display: inline-flex !important;
}
body.llc-course-mode--thinkific .llc-mobile-nav .llc-mode--thinkific-only {
display: block !important;
}
body.llc-course-mode--thinkific .llc-footer__column li.llc-mode--thinkific-only {
display: list-item !important;
}
body.llc-course-mode--shop .llc-mode--thinkific-only {
display: none !important;
}
@font-face {
font-family: "DM Sans";
font-style: normal;
font-weight: 400 700;
font-display: swap;
src: url(//llcopanky.cz/wp-content/themes/llcopanky/assets/fonts/dm-sans-latin-ext.woff2) format("woff2");
unicode-range:
U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: "DM Sans";
font-style: normal;
font-weight: 400 700;
font-display: swap;
src: url(//llcopanky.cz/wp-content/themes/llcopanky/assets/fonts/dm-sans-latin.woff2) format("woff2");
unicode-range:
U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Playfair Display";
font-style: italic;
font-weight: 600;
font-display: swap;
src: url(//llcopanky.cz/wp-content/themes/llcopanky/assets/fonts/playfair-display-italic-600-latin-ext.woff2)
format("woff2");
unicode-range:
U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: "Playfair Display";
font-style: italic;
font-weight: 600;
font-display: swap;
src: url(//llcopanky.cz/wp-content/themes/llcopanky/assets/fonts/playfair-display-italic-600-latin.woff2) format("woff2");
unicode-range:
U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
U+2215, U+FEFF, U+FFFD;
}
:root {
--llc-accent: #00e7df;
--llc-accent-soft: #9cfff9;
--llc-white: #ffffff;
--llc-radius: 26px;
--llc-container: 1240px;
--llc-transition: 240ms cubic-bezier(0.2, 0.75, 0.25, 1);
--llc-paper: #f8faf7;
--llc-ink: #14201f;
--llc-ink-soft: #243331;
--llc-muted: #64716f;
--llc-line: rgba(20, 32, 31, 0.12);
--llc-shadow: 0 24px 60px rgba(26, 76, 72, 0.11);
--llc-heading-accent: #009f98;
--llc-heading-accent-hero: #009f98;
--llc-heading-line-height: 1.05;
--llc-heading-margin: 28px;
--llc-h2-size: clamp(2.2rem, 3.8vw, 3.65rem);
}
* {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
scroll-padding-top: 100px;
}
body {
margin: 0;
color: var(--llc-ink);
font-family: "DM Sans", Arial, sans-serif;
font-size: 16px;
line-height: 1.65;
overflow-x: hidden;
background: var(--llc-paper);
}
body.is-menu-open,
body.is-lightbox-open {
overflow: hidden;
}
img {
display: block;
max-width: 100%;
}
a {
color: inherit;
text-decoration: none;
}
button,
input,
select,
textarea {
font: inherit;
}
button {
color: inherit;
}
h1,
h2,
h3,
p {
margin-top: 0;
}
h1,
h2 {
margin-bottom: var(--llc-heading-margin);
font-weight: 600;
line-height: var(--llc-heading-line-height);
}
h1 {
max-width: 790px;
color: var(--llc-ink);
font-size: clamp(3.25rem, 5.9vw, 5.15rem);
}
h2 {
font-size: var(--llc-h2-size);
}
h1 em,
h2 em {
color: var(--llc-heading-accent);
font-family: "Playfair Display", Georgia, serif;
font-weight: 600;
}
.llc-hero h1 em,
.llc-page-hero h1 em {
color: var(--llc-heading-accent-hero);
}
.llc-keep-line {
white-space: nowrap;
}
.llc-container {
width: min(calc(100% - 48px), var(--llc-container));
margin-inline: auto;
}
.llc-skip-link {
position: fixed;
top: 10px;
left: 10px;
z-index: 9999;
padding: 12px 18px;
background: var(--llc-accent);
transform: translateY(-150%);
}
.llc-skip-link:focus {
transform: translateY(0);
}
.llc-topbar {
position: relative;
z-index: 102;
color: #173b38;
border-bottom: 1px solid rgba(0, 126, 120, 0.1);
background: linear-gradient(90deg, #edfffd 0%, #cffffa 52%, #f7fffe 100%);
font-size: 0.77rem;
}
.llc-topbar__inner {
min-height: 37px;
display: flex;
align-items: center;
justify-content: space-between;
}
.llc-topbar__items,
.llc-topbar__items a,
.llc-topbar__hours {
display: flex;
align-items: center;
gap: 26px;
}
.llc-topbar__items a,
.llc-topbar__hours {
gap: 7px;
transition: color var(--llc-transition);
}
.llc-topbar__items a:hover {
color: var(--llc-accent);
}
.llc-topbar svg {
width: 14px;
height: 14px;
fill: none;
stroke: currentColor;
stroke-width: 1.7;
}
.llc-socials {
display: flex;
align-items: center;
gap: 8px;
}
.llc-socials a {
display: grid;
width: 24px;
height: 24px;
place-items: center;
border: 1px solid rgba(255, 255, 255, 0.24);
border-radius: 50%;
font-size: 0.74rem;
font-weight: 700;
transition: var(--llc-transition);
}
.llc-socials a:hover {
color: #071313;
border-color: var(--llc-accent);
background: var(--llc-accent);
}
.llc-socials svg {
width: 12px;
height: 12px;
}
.llc-socials .llc-fill {
fill: currentColor;
stroke: none;
}
.llc-header {
position: sticky;
top: 0;
z-index: 100;
height: 78px;
border-bottom: 1px solid transparent;
transition:
box-shadow var(--llc-transition),
border-color var(--llc-transition);
overflow: visible;
background: #ffffff;
border-bottom-color: rgba(20, 32, 31, 0.08);
backdrop-filter: none;
}
.llc-header.is-scrolled {
border-color: var(--llc-line);
box-shadow: 0 12px 35px rgba(0, 0, 0, 0.06);
}
.llc-header__inner {
height: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
}
.llc-logo {
display: flex;
align-items: center;
position: relative;
align-self: center;
flex: 0 0 225px;
width: 225px;
overflow: visible;
}
.llc-logo img {
width: 225px;
max-width: none;
height: auto;
}
.llc-nav {
display: flex;
align-items: center;
gap: clamp(18px, 2.4vw, 35px);
margin-left: auto;
}
.llc-nav a {
position: relative;
font-size: 0.86rem;
font-weight: 600;
}
.llc-nav a::after {
content: "";
position: absolute;
right: 0;
bottom: -8px;
left: 0;
height: 2px;
background: var(--llc-accent);
transform: scaleX(0);
transition: transform var(--llc-transition);
}
.llc-nav a:hover::after,
.llc-nav a.is-active::after {
transform: scaleX(1);
}
.llc-header__actions {
display: flex;
align-items: center;
gap: 12px;
}
.llc-menu-toggle {
display: none;
width: 44px;
height: 44px;
padding: 10px;
border: 0;
background: transparent;
cursor: pointer;
}
.llc-menu-toggle span {
display: block;
width: 22px;
height: 2px;
margin: 5px auto;
background: currentColor;
transition: var(--llc-transition);
}
.llc-menu-toggle[aria-expanded="true"] span:nth-child(1) {
transform: translateY(7px) rotate(45deg);
}
.llc-menu-toggle[aria-expanded="true"] span:nth-child(2) {
opacity: 0;
}
.llc-menu-toggle[aria-expanded="true"] span:nth-child(3) {
transform: translateY(-7px) rotate(-45deg);
}
.llc-mobile-nav {
display: none;
}
.llc-btn {
min-height: 54px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 20px;
padding: 0 25px;
border: 1px solid transparent;
border-radius: 100px;
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.055em;
text-transform: uppercase;
cursor: pointer;
transition:
transform var(--llc-transition),
box-shadow var(--llc-transition),
color var(--llc-transition),
background var(--llc-transition);
}
.llc-btn:hover {
transform: translateY(-2px);
}
.llc-btn--small {
min-height: 42px;
padding-inline: 20px;
}
.llc-btn--primary {
color: #071313;
background: linear-gradient(
120deg,
var(--llc-accent),
var(--llc-accent-soft)
);
box-shadow: 0 14px 35px rgba(0, 231, 223, 0.2);
}
.llc-btn--primary:hover {
box-shadow: 0 18px 40px rgba(0, 231, 223, 0.32);
}
.llc-btn--dark {
color: var(--llc-white);
background: var(--llc-ink);
}
.llc-btn--dark:hover {
color: var(--llc-ink);
background: var(--llc-accent);
} .llc-btn--purchase {
color: #171313;
border-color: #e796cd;
background: #e796cd;
box-shadow: 0 14px 34px rgba(231, 150, 205, 0.28);
}
.llc-btn--purchase[data-track="begin_trial"] {
background: white;
border-color: #00000040;
box-shadow: 0 14px 34px rgb(187 187 187 / 28%);
}
.llc-btn--purchase:hover {
color: #171313;
border-color: #de82c0;
background: #de82c0;
box-shadow: 0 18px 40px rgba(231, 150, 205, 0.38);
}
.llc-mobile-nav__cta {
color: #171313;
background: #e796cd;
}
.llc-btn--light {
color: var(--llc-ink);
background: var(--llc-white);
}
.llc-btn--light:hover {
background: var(--llc-accent);
}
.llc-btn--ghost {
color: var(--llc-ink);
border-color: rgba(20, 32, 31, 0.28);
background: transparent;
}
.llc-btn--ghost:hover {
color: #087c77;
border-color: #0aa9a2;
background: rgba(255, 255, 255, 0.75);
}
.llc-btn--outline {
border-color: var(--llc-ink);
}
.llc-btn--outline:hover {
color: var(--llc-white);
background: var(--llc-ink);
} .llc-btn,
.llc-mobile-nav__cta {
color: #171313;
border-color: #fbb9f8;
background: #ffd2fd;
box-shadow: 0 14px 34px rgba(231, 150, 205, 0.24);
}
.llc-btn:hover,
.llc-mobile-nav__cta:hover {
color: #171313;
border-color: #fbb9f8;
background: #ffd2fd;
box-shadow: 0 18px 40px rgba(231, 150, 205, 0.34);
}
.llc-eyebrow {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 28px;
color: rgba(255, 255, 255, 0.7);
font-size: 0.7rem;
font-weight: 700;
letter-spacing: 0.15em;
text-transform: uppercase;
}
.llc-eyebrow span {
width: 30px;
height: 2px;
background: var(--llc-accent);
}
.llc-eyebrow--dark {
color: var(--llc-muted);
}
.llc-hero {
position: relative;
min-height: 700px;
display: grid;
align-items: center;
isolation: isolate;
overflow: hidden;
background: linear-gradient(125deg, #ffffff 0%, #f6fffd 48%, #dffbf8 100%);
}
.llc-hero::before {
content: "";
position: absolute;
inset: 0;
z-index: -2;
background-size: 90px 90px;
opacity: 0.38;
background-image:
linear-gradient(rgba(15, 105, 100, 0.065) 1px, transparent 1px),
linear-gradient(90deg, rgba(15, 105, 100, 0.065) 1px, transparent 1px);
mask-image: linear-gradient(to right, transparent 5%, #000 75%);
}
.llc-hero__grid {
min-height: 700px;
display: grid;
gap: clamp(24px, 4vw, 58px);
grid-template-columns: 1.08fr 0.92fr;
align-items: center;
padding-block: 54px 46px;
}
.llc-hero__content {
position: relative;
z-index: 2;
align-self: auto;
padding-bottom: 0;
}
.llc-hero__content h1 {
max-width: 680px;
font-size: clamp(2.55rem, 4.25vw, 3.8rem);
}
.llc-hero__lead {
max-width: 650px;
margin-bottom: 35px;
font-size: clamp(1rem, 1.45vw, 1.15rem);
color: #596765;
}
.llc-hero__lead span {
display: block;
margin-top: 12px;
}
.llc-hero__buttons {
display: flex;
flex-wrap: wrap;
gap: 13px;
}
.llc-hero-reviews {
width: fit-content;
display: grid;
grid-template-columns: 30px auto;
column-gap: 10px;
align-items: center;
margin-top: 20px;
padding: 10px 14px;
color: #1d302e;
background: rgba(255, 255, 255, 0.88);
border: 1px solid rgba(0, 159, 152, 0.16);
border-radius: 14px;
box-shadow: 0 12px 30px rgba(15, 81, 76, 0.08);
backdrop-filter: blur(10px);
transition:
border-color var(--llc-transition),
box-shadow var(--llc-transition),
transform var(--llc-transition);
}
.llc-hero-reviews:hover {
border-color: rgba(0, 159, 152, 0.4);
box-shadow: 0 16px 36px rgba(15, 81, 76, 0.13);
transform: translateY(-2px);
}
.llc-hero-reviews > img {
grid-row: 1 / 3;
width: 28px;
height: 28px;
}
.llc-hero-reviews__brand {
display: flex;
align-items: center;
gap: 6px;
font-size: 0.75rem;
font-weight: 700;
line-height: 1;
}
.llc-hero-reviews__brand > span {
width: 14px;
height: 14px;
display: grid;
place-items: center;
color: #fff;
background: #1a73e8;
border-radius: 50%;
font-size: 0.58rem;
}
.llc-hero-reviews__rating {
display: flex;
align-items: center;
gap: 7px;
line-height: 1;
}
.llc-hero-reviews__rating strong {
font-size: 0.78rem;
}
.llc-hero-reviews__rating > span {
color: #f6b900;
font-size: 0.7rem;
letter-spacing: 0.06em;
}
.llc-hero-reviews__rating small {
color: #65716f;
font-size: 0.65rem;
}
.llc-hero__facts {
max-width: 610px;
display: grid;
grid-template-columns: repeat(3, 1fr);
margin-top: 60px;
padding-top: 24px;
border-top: 1px solid rgba(255, 255, 255, 0.14);
color: var(--llc-ink);
border-color: rgba(20, 32, 31, 0.13);
gap: 14px;
}
.llc-hero__facts div {
flex-direction: column;
position: relative;
display: grid;
grid-template-columns: 32px 1fr;
column-gap: 9px;
align-items: center;
}
.llc-hero__facts strong {
font-size: 0.88rem;
}
.llc-hero__facts span {
font-size: 0.75rem;
color: #74817f;
}
.llc-hero__visual {
position: relative;
align-self: stretch;
min-height: 600px;
}
.llc-hero__image-wrap {
position: absolute;
z-index: 1;
display: flex;
justify-content: center;
inset: -2% -4% -46px -2%;
align-items: flex-end;
}
.llc-hero__image-wrap::after {
content: "";
position: absolute;
z-index: -1;
background: var(--llc-accent);
filter: blur(70px);
height: 20%;
opacity: 0.22;
right: 17%;
bottom: 8%;
left: 13%;
}
.llc-hero__image-wrap img {
width: min(100%, 640px);
max-width: 100%;
max-height: 100%;
object-fit: contain;
object-position: center bottom;
filter: drop-shadow(0 32px 35px rgba(23, 73, 69, 0.2));
}
.llc-hero__ring {
position: absolute;
width: min(38vw, 520px);
aspect-ratio: 1;
border: 1px solid rgba(0, 231, 223, 0.35);
border-radius: 50%;
top: 9%;
right: 2%;
border-color: rgba(0, 162, 154, 0.23);
box-shadow: inset 0 0 80px rgba(0, 231, 223, 0.07);
}
.llc-hero__ring::after,
.llc-hero__ring::before {
content: "";
position: absolute;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: inherit;
border-color: rgba(16, 87, 83, 0.1);
}
.llc-hero__ring::before {
inset: 9%;
}
.llc-hero__ring::after {
inset: 21%;
}
.llc-hero__glow {
position: absolute;
z-index: -1;
border-radius: 50%;
filter: blur(1px);
opacity: 0.12;
}
.llc-hero__glow--one {
top: -20%;
right: -7%;
width: 520px;
height: 520px;
background: var(--llc-accent);
filter: blur(110px);
opacity: 0.15;
}
.llc-hero__glow--two {
bottom: -30%;
left: 20%;
width: 340px;
height: 340px;
background: #9efffb;
filter: blur(130px);
opacity: 0.2;
}
.llc-float-card {
position: absolute;
z-index: 3;
display: flex;
align-items: center;
gap: 12px;
padding: 13px 17px;
border: 1px solid rgba(255, 255, 255, 0.14);
border-radius: 16px;
box-shadow: var(--llc-shadow);
backdrop-filter: blur(14px);
color: var(--llc-ink);
background: rgba(255, 255, 255, 0.9);
border-color: rgba(20, 32, 31, 0.1);
}
.llc-float-card p {
display: flex;
flex-direction: column;
margin: 0;
line-height: 1.25;
}
.llc-float-card small {
font-size: 0.67rem;
color: #75827f;
}
.llc-float-card strong {
max-width: 210px;
font-size: 0.78rem;
line-height: 1.35;
}
.llc-float-card--top {
top: 13%;
right: -5%;
}
.llc-float-card--middle {
top: 42%;
right: -9%;
}
.llc-float-card--bottom {
bottom: 11%;
left: -3%;
}
.llc-float-card__icon {
display: grid;
width: 35px;
height: 35px;
place-items: center;
color: #061313;
background: var(--llc-accent);
border-radius: 50%;
}
.llc-float-card__pulse {
position: relative;
flex: 0 0 auto;
width: 9px;
height: 9px;
background: var(--llc-accent);
border-radius: 50%;
box-shadow: 0 0 0 6px rgba(0, 231, 223, 0.12);
}
.llc-float-card__pulse::after {
content: "";
position: absolute;
inset: -7px;
border: 1px solid var(--llc-accent);
background: var(--llc-accent);
border-radius: 50%;
opacity: 0;
animation: llc-support-pulse 1.8s ease-out infinite;
}
@keyframes llc-support-pulse {
0% {
transform: scale(0.55);
opacity: 0.5;
}
75%,
100% {
transform: scale(1.35);
opacity: 0;
}
}
.llc-intro {
padding: 120px 0;
background: #ffffff;
}
.llc-intro__grid {
display: grid;
grid-template-columns: 70px 1.2fr 0.8fr;
gap: clamp(35px, 6vw, 90px);
align-items: start;
}
.llc-intro h2 {
max-width: 730px;
margin: 0;
}
.llc-section-index {
color: #c9cdcb;
font-size: 0.75rem;
font-weight: 700;
}
.llc-intro__text {
padding-top: 55px;
color: var(--llc-muted);
}
.llc-intro__text p {
margin-bottom: 18px;
}
.llc-text-link {
display: inline-flex;
align-items: center;
gap: 30px;
margin-top: 12px;
padding-bottom: 5px;
color: var(--llc-ink);
border-bottom: 1px solid var(--llc-ink);
font-size: 0.76rem;
font-weight: 700;
letter-spacing: 0.09em;
text-transform: uppercase;
}
.llc-text-link span {
color: var(--llc-accent);
font-size: 1.2rem;
}
.llc-about {
position: relative;
overflow: hidden;
color: var(--llc-ink);
background: #f3fbf9;
padding: 115px 0 0;
}
.llc-about::after {
content: "LL";
position: absolute;
right: -1vw;
bottom: -16vw;
color: rgba(255, 255, 255, 0.025);
font-size: 36vw;
font-weight: 700;
line-height: 1;
letter-spacing: -0.12em;
}
.llc-about__grid {
position: relative;
z-index: 1;
display: grid;
gap: clamp(60px, 9vw, 130px);
grid-template-columns: 1.1fr 0.9fr;
align-items: end;
}
.llc-about__visual {
position: relative;
isolation: isolate;
grid-column: 2;
grid-row: 1;
align-self: end;
min-height: 690px;
}
.llc-about__visual img {
position: absolute;
z-index: 1;
inset: 0;
width: 100%;
height: 100%;
border-radius: 230px 230px 0 0;
object-fit: cover;
object-position: center 18%;
box-shadow: 0 28px 65px rgba(26, 76, 72, 0.2);
}
.llc-about__stamp {
position: absolute;
right: -20px;
bottom: 60px;
display: grid;
place-items: center;
color: var(--llc-ink);
border: 7px solid rgba(255, 255, 255, 0.35);
border-radius: 50%;
outline: 1px solid var(--llc-ink);
outline-offset: -12px;
width: 130px;
height: 130px;
padding: 24px;
background: #ffffff;
border-color: rgba(0, 231, 223, 0.28);
outline-color: rgba(20, 32, 31, 0.28);
box-shadow: 0 14px 35px rgba(20, 67, 63, 0.12);
}
.llc-about__stamp span {
font-size: 2rem;
font-weight: 700;
line-height: 0.5;
}
.llc-about__stamp small {
margin-top: -28px;
font-size: 0.55rem;
letter-spacing: 0.17em;
text-transform: uppercase;
}
.llc-about__content {
max-width: 620px;
grid-column: 1;
grid-row: 1;
align-self: center;
padding-bottom: 110px;
}
.llc-about__content h2 {
color: var(--llc-ink);
}
.llc-about__quote {
font-size: clamp(1.05rem, 1.6vw, 1.25rem);
line-height: 1.7;
color: #304845;
}
.llc-about__content > p:not(.llc-eyebrow):not(.llc-about__quote) {
margin-bottom: 35px;
color: #647470;
}
.llc-services,
.llc-pricing,
.llc-contact {
padding: 125px 0;
}
.llc-section-head {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 60px;
margin-bottom: 65px;
}
.llc-section-head h2 {
margin: 0;
}
.llc-section-head > p {
max-width: 460px;
margin: 0 0 8px;
color: var(--llc-muted);
}
.llc-service-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 22px;
}
.llc-service-card {
overflow: hidden;
background: var(--llc-white);
border-radius: var(--llc-radius);
box-shadow: 0 5px 25px rgba(0, 0, 0, 0.035);
transition:
transform var(--llc-transition),
box-shadow var(--llc-transition);
border: 1px solid rgba(20, 32, 31, 0.07);
}
.llc-service-card:hover {
transform: translateY(-7px);
box-shadow: var(--llc-shadow);
}
.llc-service-card__image {
position: relative;
width: 100%;
height: 360px;
padding: 0;
overflow: hidden;
border: 0;
background: #ddd;
cursor: zoom-in;
}
.llc-service-card__image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 600ms cubic-bezier(0.2, 0.7, 0.2, 1);
}
.llc-service-card:hover .llc-service-card__image img {
transform: scale(1.045);
}
.llc-service-card__image span {
position: absolute;
top: 17px;
right: 17px;
display: grid;
width: 39px;
height: 39px;
place-items: center;
background: var(--llc-white);
border-radius: 50%;
font-size: 0.68rem;
font-weight: 700;
}
.llc-service-card__body {
padding: 27px 27px 30px;
}
.llc-service-card__body h3 {
margin-bottom: 9px;
font-size: 1.3rem;
letter-spacing: -0.02em;
}
.llc-service-card__body p {
margin: 0;
color: var(--llc-muted);
font-size: 0.94rem;
line-height: 1.72;
}
.llc-services__cta,
.llc-pricing__cta {
margin-top: 52px;
text-align: center;
}
.llc-course {
position: relative;
overflow: hidden;
color: var(--llc-ink);
background: linear-gradient(125deg, #ebfffd 0%, #c8f8f4 55%, #f9fffe 100%);
}
.llc-course::after {
content: "";
position: absolute;
inset: 0;
background-size: 32px 32px;
opacity: 0.18;
background-image: linear-gradient(
135deg,
transparent 25%,
rgba(0, 140, 133, 0.12) 25%,
rgba(0, 140, 133, 0.12) 26%,
transparent 26%
);
}
.llc-course__marquee {
position: relative;
z-index: 2;
overflow: hidden;
padding: 18px 0;
white-space: nowrap;
color: #17504d;
background: #ffffff;
border-block: 1px solid rgba(0, 140, 133, 0.12);
}
.llc-course__marquee span {
display: block;
font-size: 0.74rem;
font-weight: 700;
letter-spacing: 0.21em;
text-align: center;
}
.llc-course__grid {
position: relative;
z-index: 3;
display: grid;
grid-template-columns: 0.78fr 1.22fr;
gap: clamp(70px, 9vw, 130px);
align-items: center;
padding-block: 95px;
}
.llc-course__visual {
position: relative;
height: 550px;
transform: rotate(-3deg);
}
.llc-course__visual::before {
content: "";
position: absolute;
inset: 22px -22px -22px 22px;
border: 1px solid rgba(255, 255, 255, 0.55);
border-radius: 170px 170px 28px 28px;
border-color: rgba(0, 118, 112, 0.34);
}
.llc-course__visual img {
position: relative;
z-index: 1;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 170px 170px 28px 28px;
}
.llc-course__play {
position: absolute;
z-index: 2;
display: grid;
place-items: center;
padding-left: 4px;
border-radius: 50%;
box-shadow: var(--llc-shadow);
right: -22px;
bottom: 45px;
width: 82px;
height: 82px;
padding: 0;
color: #064a46;
background: var(--llc-accent);
font-size: 0.62rem;
font-weight: 800;
letter-spacing: 0.08em;
}
.llc-course__content {
max-width: 720px;
}
.llc-course__content h2 {
color: var(--llc-ink);
}
.llc-course__content h2 em {
color: var(--llc-heading-accent);
}
.llc-course__content > p:not(.llc-eyebrow) {
max-width: 620px;
margin-bottom: 35px;
font-size: 1.05rem;
color: #526663;
}
.llc-course .llc-eyebrow {
color: #596c69;
}
.llc-course .llc-eyebrow span {
background: var(--llc-accent);
}
.llc-pricing {
background: #f5faf8;
}
.llc-price-tabs {
display: flex;
gap: 8px;
margin-bottom: 20px;
padding-bottom: 25px;
border-bottom: 1px solid var(--llc-line);
}
.llc-price-tabs button {
padding: 11px 19px;
border: 1px solid var(--llc-line);
border-radius: 100px;
background: transparent;
font-size: 0.78rem;
font-weight: 700;
cursor: pointer;
transition: var(--llc-transition);
}
.llc-price-tabs button[aria-selected="true"] {
color: #072f2d;
border-color: var(--llc-accent);
background: var(--llc-accent);
}
.llc-price-panel {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 70px;
}
.llc-price-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
min-height: 104px;
border-bottom: 1px solid var(--llc-line);
background: rgba(255, 255, 255, 0.55);
}
.llc-price-row h3 {
margin: 0;
font-size: 1rem;
}
.llc-price-row span {
color: var(--llc-muted);
font-size: 0.78rem;
}
.llc-price-row strong {
flex: 0 0 auto;
font-size: 1.05rem;
}
.llc-gallery {
padding: 125px 0;
color: var(--llc-ink);
background: #ffffff;
}
.llc-section-head--light h2 {
color: var(--llc-white);
}
.llc-section-head--light > p {
color: #98a2a0;
}
.llc-text-link--light {
color: var(--llc-white);
border-color: rgba(255, 255, 255, 0.45);
}
.llc-gallery__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-auto-rows: 260px;
gap: 13px;
}
.llc-gallery__item {
position: relative;
padding: 0;
overflow: hidden;
border: 0;
border-radius: 14px;
cursor: zoom-in;
background: #dfe8e6;
box-shadow: 0 12px 32px rgba(20, 67, 63, 0.08);
}
.llc-gallery__item--tall {
grid-row: span 2;
}
.llc-gallery__item--wide {
grid-column: span 2;
}
.llc-gallery__item img {
width: 100%;
height: 100%;
object-fit: cover;
filter: saturate(0.88);
transition:
transform 600ms cubic-bezier(0.2, 0.7, 0.2, 1),
filter var(--llc-transition);
}
.llc-gallery__item span {
position: absolute;
right: 15px;
bottom: 15px;
display: grid;
width: 42px;
height: 42px;
place-items: center;
color: var(--llc-ink);
background: var(--llc-accent);
border-radius: 50%;
font-size: 1.4rem;
opacity: 0;
transform: scale(0.7);
transition: var(--llc-transition);
}
.llc-gallery__item:hover img {
filter: saturate(1);
transform: scale(1.04);
}
.llc-gallery__item:hover span {
opacity: 1;
transform: scale(1);
}
.llc-contact__grid {
display: grid;
grid-template-columns: 0.78fr 1.22fr;
gap: clamp(50px, 8vw, 110px);
align-items: start;
}
.llc-contact__info > p:not(.llc-eyebrow) {
color: var(--llc-muted);
}
.llc-contact__cards {
display: grid;
grid-column: 1 / -1;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
margin-top: 8px;
}
.llc-contact__cards > a,
.llc-contact__social-card {
display: grid;
grid-template-columns: 48px 1fr;
column-gap: 15px;
align-items: center;
padding: 18px;
border: 1px solid var(--llc-line);
border-radius: 15px;
background: rgba(255, 255, 255, 0.74);
transition: var(--llc-transition);
}
.llc-contact__cards > a:hover,
.llc-contact__social-card:hover {
border-color: var(--llc-accent);
background: var(--llc-white);
transform: translateY(-3px);
}
.llc-contact__cards small,
.llc-contact__cards strong,
.llc-contact__social-card > div {
grid-column: 2;
}
.llc-contact__social-card > div {
display: flex;
gap: 9px;
align-items: center;
}
.llc-contact__social-card > div a {
display: grid;
width: 34px;
height: 34px;
place-items: center;
color: var(--llc-ink);
border: 1px solid var(--llc-line);
border-radius: 50%;
background: #fff;
}
.llc-contact__social-card > div a:hover {
color: #fff;
border-color: #009f98;
background: #009f98;
}
.llc-contact__cards small {
color: var(--llc-muted);
font-size: 0.69rem;
}
.llc-contact__cards strong {
font-size: 0.9rem;
}
.llc-contact__icon {
grid-row: 1 / 3;
display: grid;
place-items: center;
width: 48px;
height: 48px;
color: var(--llc-ink);
background: var(--llc-accent);
border-radius: 50%;
}
.llc-form {
padding: clamp(25px, 4vw, 50px);
background: var(--llc-white);
border-radius: var(--llc-radius);
box-shadow: var(--llc-shadow);
}
.llc-form__row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.llc-form label {
display: block;
margin-bottom: 20px;
color: #4f5554;
font-size: 0.71rem;
font-weight: 700;
letter-spacing: 0.07em;
text-transform: uppercase;
}
.llc-form input,
.llc-form select,
.llc-form textarea {
width: 100%;
margin-top: 7px;
padding: 12px 0;
border: 0;
border-bottom: 1px solid #cfd3d2;
border-radius: 0;
outline: 0;
background: transparent;
font-size: 0.92rem;
letter-spacing: 0;
text-transform: none;
transition: border-color var(--llc-transition);
}
.llc-form textarea {
min-height: 96px;
resize: vertical;
}
.llc-form input:focus,
.llc-form select:focus,
.llc-form textarea:focus {
border-color: var(--llc-accent);
}
.llc-file-input {
display: flex;
align-items: center;
gap: 15px;
padding: 15px 18px;
border: 1px dashed #b9bfbd;
border-radius: 12px;
cursor: pointer;
}
.llc-file-input input {
position: absolute;
width: 1px;
height: 1px;
opacity: 0;
}
.llc-file-input > span:first-of-type {
display: grid;
width: 40px;
height: 40px;
place-items: center;
color: var(--llc-ink);
background: #e9fffd;
border-radius: 50%;
font-size: 1.3rem;
}
.llc-file-input > span:last-child {
display: flex;
flex-direction: column;
}
.llc-file-input small {
color: var(--llc-muted);
font-weight: 400;
letter-spacing: 0;
text-transform: none;
}
.llc-form__submit {
width: 100%;
margin-top: 7px;
}
.llc-form__notice {
margin: 13px 0 0;
color: #18716d;
font-size: 0.8rem;
text-align: center;
}
.llc-footer {
position: relative;
padding: 76px 0 22px;
overflow: hidden;
border-top: 3px solid var(--llc-accent);
color: #596966;
background: #edf7f5;
border-top-color: var(--llc-accent);
}
.llc-footer::before {
content: "";
position: absolute;
top: -210px;
left: -150px;
width: 430px;
height: 430px;
border-radius: 50%;
background: var(--llc-accent);
filter: blur(90px);
pointer-events: none;
opacity: 0.1;
}
.llc-footer__main {
position: relative;
display: grid;
grid-template-columns: minmax(260px, 0.85fr) minmax(580px, 1.65fr);
gap: clamp(65px, 9vw, 135px);
align-items: start;
padding-bottom: 65px;
}
.llc-footer__brand {
min-width: 0;
}
.llc-footer__logo {
display: block;
width: 230px;
margin-bottom: 25px;
}
.llc-footer__logo img {
width: 100%;
height: auto;
filter: none;
}
.llc-footer__brand p {
max-width: 410px;
margin-bottom: 27px;
font-size: 0.88rem;
line-height: 1.75;
color: #596966;
}
.llc-footer__cta {
display: inline-flex;
align-items: center;
gap: 28px;
padding-bottom: 4px;
border-bottom: 1px solid rgba(255, 255, 255, 0.45);
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
transition:
color var(--llc-transition),
border-color var(--llc-transition);
color: var(--llc-ink);
border-color: rgba(20, 32, 31, 0.4);
}
.llc-footer__cta span {
color: var(--llc-accent);
font-size: 1rem;
}
.llc-footer__columns {
display: grid;
grid-template-columns: 0.85fr 1.15fr 1fr;
gap: clamp(38px, 5vw, 75px);
align-items: start;
}
.llc-footer__column {
min-width: 0;
}
.llc-footer h3 {
margin: 0 0 22px;
font-size: 0.68rem;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--llc-ink);
}
.llc-footer ul {
margin: 0;
padding: 0;
list-style: none;
}
.llc-footer__column li {
margin-bottom: 10px;
}
.llc-footer__column a {
display: inline-block;
font-size: 0.82rem;
transition:
color var(--llc-transition),
transform var(--llc-transition);
color: #354542;
}
.llc-footer__column a:hover,
.llc-footer__cta:hover {
color: var(--llc-accent);
border-color: var(--llc-accent);
}
.llc-footer__column a:hover {
transform: translateX(3px);
}
.llc-footer__contact-list li {
margin-bottom: 16px;
}
.llc-footer__contact-list span,
.llc-footer address > span {
display: block;
margin-bottom: 2px;
font-size: 0.64rem;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #75827f;
}
.llc-socials--footer {
margin-top: 24px;
}
.llc-socials--footer a {
display: grid;
width: 34px;
height: 34px;
font-size: 0.76rem;
color: var(--llc-ink);
border-color: rgba(20, 32, 31, 0.2);
}
.llc-socials--footer a:hover {
color: var(--llc-ink);
transform: none;
}
.llc-footer__hours {
margin: 0 0 27px;
}
.llc-footer__hours div {
display: flex;
justify-content: space-between;
gap: 20px;
padding: 7px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.09);
font-size: 0.78rem;
border-color: rgba(20, 32, 31, 0.1);
}
.llc-footer__hours dt {
color: #74817f;
}
.llc-footer__hours dd {
margin: 0;
text-align: right;
color: #2e403d;
}
.llc-footer address {
font-style: normal;
}
.llc-footer address a span {
color: var(--llc-accent);
}
.llc-footer__bottom {
position: relative;
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center;
gap: 30px;
padding-top: 21px;
border-top: 1px solid rgba(255, 255, 255, 0.11);
font-size: 0.68rem;
color: #73807d;
border-color: rgba(20, 32, 31, 0.12);
}
.llc-footer__bottom a {
justify-self: end;
transition: color var(--llc-transition);
color: #354542;
}
.llc-footer__bottom a:hover {
color: var(--llc-accent);
}
.llc-footer__signature {
font-family: "Playfair Display", Georgia, serif;
font-size: 0.82rem;
font-style: italic;
color: #657370;
}
.llc-lightbox {
width: min(92vw, 1000px);
height: min(90vh, 900px);
padding: 0;
overflow: visible;
border: 0;
background: transparent;
}
.llc-lightbox[open] {
display: grid;
grid-template-columns: 54px minmax(0, 1fr) 54px;
grid-template-rows: minmax(0, 1fr) auto;
gap: 12px;
align-items: center;
}
.llc-lightbox::backdrop {
background: rgba(4, 6, 6, 0.9);
backdrop-filter: blur(7px);
}
.llc-lightbox__stage {
min-width: 0;
height: 100%;
overflow: hidden;
}
.llc-lightbox img {
width: 100%;
height: 100%;
object-fit: contain;
}
.llc-lightbox__nav {
display: grid;
width: 50px;
height: 50px;
place-items: center;
color: var(--llc-ink);
background: rgba(255, 255, 255, 0.92);
border: 0;
border-radius: 50%;
font-size: 1.25rem;
cursor: pointer;
transition:
background var(--llc-transition),
transform var(--llc-transition);
}
.llc-lightbox__nav:hover {
background: var(--llc-accent);
transform: scale(1.06);
}
.llc-lightbox__count {
grid-column: 2;
margin: 0;
color: #fff;
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.1em;
text-align: center;
}
.llc-lightbox__close {
position: absolute;
top: -12px;
right: -12px;
z-index: 2;
display: grid;
width: 45px;
height: 45px;
place-items: center;
color: var(--llc-ink);
border: 0;
border-radius: 50%;
background: var(--llc-accent);
font-size: 1.6rem;
cursor: pointer;
}
[data-reveal] {
opacity: 0;
transform: translateY(24px);
transition:
opacity 750ms ease,
transform 750ms cubic-bezier(0.2, 0.65, 0.2, 1);
}
[data-reveal].is-revealed {
opacity: 1;
transform: none;
}
.llc-hero .llc-eyebrow {
color: #53615f;
}
.llc-hero__image-wrap::before {
content: "";
position: absolute;
z-index: -2;
width: min(38vw, 510px);
aspect-ratio: 1;
background: linear-gradient(145deg, #aefff9, #ffffff);
border: 1px solid rgba(0, 177, 169, 0.15);
border-radius: 48% 52% 45% 55%;
box-shadow: var(--llc-shadow);
transform: rotate(-5deg);
display: none;
}
.llc-intro__benefits {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 28px 0 8px;
}
.llc-intro__benefits span {
color: #1d5f5b;
background: #e6faf8;
border: 1px solid #c8efec;
border-radius: 100px;
font-weight: 700;
display: inline-flex;
align-items: center;
gap: 7px;
padding: 8px 13px;
font-size: 0.76rem;
}
.llc-course__list {
display: grid;
gap: 12px;
margin: 0 0 34px;
padding: 0;
list-style: none;
}
.llc-course__list li {
position: relative;
padding-left: 31px;
color: #294a47;
font-size: 0.9rem;
font-weight: 600;
}
.llc-course__list li::before {
content: "✓";
position: absolute;
top: -1px;
left: 0;
display: grid;
width: 21px;
height: 21px;
place-items: center;
color: #073c39;
background: var(--llc-accent);
border-radius: 50%;
font-size: 0.7rem;
}
.llc-about__stamp img {
width: 100%;
height: auto;
}
.llc-services {
background: #ffffff;
}
.llc-service-card__gallery {
position: relative;
height: 360px;
overflow: hidden;
background: #e8eeec;
}
.llc-service-card__slides,
.llc-service-card__slide {
width: 100%;
height: 100%;
}
.llc-service-card__slide {
display: block;
padding: 0;
border: 0;
background: transparent;
cursor: zoom-in;
}
.llc-service-card__slide[hidden] {
display: none !important;
}
.llc-service-card__slide img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 600ms cubic-bezier(0.2, 0.7, 0.2, 1);
}
.llc-service-card:hover .llc-service-card__slide.is-active img {
transform: scale(1.035);
}
.llc-service-card__controls {
position: absolute;
right: 14px;
bottom: 14px;
left: 14px;
z-index: 2;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8px;
pointer-events: none;
}
.llc-service-card__controls button,
.llc-service-card__controls > span {
display: grid;
min-width: 34px;
height: 34px;
place-items: center;
padding: 0 9px;
color: var(--llc-ink);
border: 1px solid rgba(20, 32, 31, 0.1);
border-radius: 100px;
background: rgba(255, 255, 255, 0.93);
box-shadow: 0 5px 18px rgba(0, 0, 0, 0.08);
pointer-events: auto;
}
.llc-service-card__controls button {
cursor: pointer;
transition: background var(--llc-transition);
}
.llc-service-card__controls button:hover {
background: var(--llc-accent);
}
.llc-service-card__controls > span {
min-width: 52px;
font-size: 0.66rem;
font-weight: 700;
pointer-events: none;
}
.llc-price-panel[hidden] {
display: none !important;
}
.llc-gallery .llc-section-head h2 {
color: var(--llc-ink);
}
.llc-contact {
background: #f5faf8;
}
.llc-contact__map {
position: relative;
margin-top: 28px;
overflow: hidden;
border: 1px solid var(--llc-line);
border-radius: 18px;
background: #dfe8e6;
box-shadow: 0 12px 30px rgba(20, 67, 63, 0.08);
}
.llc-contact__map iframe {
display: block;
width: 100%;
height: 280px;
border: 0;
filter: saturate(0.75) contrast(0.94);
}
.llc-contact__map > a {
position: absolute;
right: 12px;
bottom: 12px;
padding: 9px 13px;
color: var(--llc-ink);
background: rgba(255, 255, 255, 0.94);
border-radius: 100px;
box-shadow: 0 7px 20px rgba(0, 0, 0, 0.12);
font-size: 0.68rem;
font-weight: 700;
}
.llc-contact__map > a span {
color: #078a84;
}
.llc-inner-page {
background: #ffffff;
}
.llc-page-hero {
position: relative;
overflow: hidden;
background: linear-gradient(125deg, #ffffff 0%, #f4fffd 55%, #dffbf8 100%);
}
.llc-page-hero::before {
content: "";
position: absolute;
inset: 0;
opacity: 0.32;
background-image:
linear-gradient(rgba(15, 105, 100, 0.06) 1px, transparent 1px),
linear-gradient(90deg, rgba(15, 105, 100, 0.06) 1px, transparent 1px);
background-size: 90px 90px;
mask-image: linear-gradient(to right, transparent, #000);
}
.llc-page-hero__grid {
position: relative;
z-index: 1;
min-height: 720px;
display: grid;
grid-template-columns: 1.08fr 0.72fr;
gap: clamp(50px, 8vw, 115px);
align-items: center;
padding-block: 80px;
}
.llc-page-hero__content h1 {
max-width: 790px;
margin-bottom: 24px;
font-size: clamp(3.05rem, 5.1vw, 5.3rem);
}
.llc-page-hero__content h1 em {
display: block;
font-family: "Playfair Display", Georgia, serif;
font-weight: 600;
}
.llc-page-hero__content > h2 {
max-width: 720px;
margin-bottom: 34px;
color: #5d6b68;
font-family: "DM Sans", Arial, sans-serif;
font-size: clamp(1.1rem, 1.8vw, 1.45rem);
font-weight: 500;
line-height: 1.45;
letter-spacing: -0.02em;
}
.llc-page-hero__lead {
max-width: 680px;
margin-bottom: 35px;
color: #5d6b68;
font-size: clamp(1rem, 1.5vw, 1.17rem);
}
.llc-page-hero__visual {
position: relative;
align-self: stretch;
min-height: 590px;
display: flex;
align-items: flex-end;
justify-content: center;
}
.llc-page-hero__arch {
position: absolute;
inset: 5% 0 -14%;
overflow: hidden;
border: 12px solid rgba(255, 255, 255, 0.72);
border-radius: 48% 48% 28px 28px;
box-shadow: var(--llc-shadow);
transform: rotate(2deg);
}
.llc-page-hero__arch img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 24%;
}
.llc-page-section {
padding: 115px 0;
}
.llc-page-split {
display: grid;
grid-template-columns: 1fr 0.85fr;
gap: clamp(60px, 9vw, 130px);
align-items: center;
}
.llc-page-split h2,
.llc-voucher-intro h2 {
margin-bottom: 0;
}
.llc-page-copy {
color: var(--llc-muted);
font-size: 1.1rem;
line-height: 1.82;
}
.llc-page-copy p {
margin-bottom: 22px;
}
.llc-page-copy .llc-btn {
margin-top: 12px;
}
.llc-page-hero--voucher .llc-page-hero__grid {
min-height: 650px;
grid-template-columns: minmax(0, 0.92fr) minmax(500px, 0.88fr);
gap: clamp(45px, 5vw, 75px);
}
.llc-page-hero--voucher .llc-page-hero__content h1 {
max-width: none;
text-transform: none;
white-space: nowrap;
}
.llc-page-hero--voucher .llc-page-hero__content h1 em {
display: inline;
margin-left: 0.08em;
}
.llc-voucher-visual {
position: relative;
width: 100%;
max-width: 590px;
min-height: 430px;
display: grid;
place-items: center;
justify-self: end;
perspective: 1200px;
}
.llc-voucher-card {
position: relative;
z-index: 3;
width: min(84%, 500px);
aspect-ratio: 1.62;
padding: 35px;
overflow: hidden;
color: var(--llc-ink);
background:
url(//llcopanky.cz/wp-content/themes/llcopanky/assets/images/logo-green.svg) no-repeat 35px 35px / 175px auto,
linear-gradient(135deg, #ffffff, #cafffb);
border: 1px solid rgba(0, 158, 151, 0.18);
border-radius: 20px;
box-shadow: 0 35px 75px rgba(19, 82, 77, 0.2);
transform: rotate(2.5deg) rotateY(-5deg);
}
.llc-voucher-card::after {
content: "";
position: absolute;
top: -6%;
right: -2%;
z-index: 1;
width: 44%;
height: 112%;
background:
linear-gradient(90deg, rgba(202, 255, 251, 0.18), transparent 24%),
url(//llcopanky.cz/wp-content/themes/llcopanky/assets/images/correction/work/child-high-ponytail-turquoise.jpg) center
18% / cover no-repeat;
border-radius: 58% 0 0 58%;
box-shadow: -12px 0 28px rgba(15, 89, 83, 0.12);
}
.llc-voucher-card__top {
position: relative;
z-index: 2;
display: flex;
align-items: flex-start;
justify-content: flex-end;
gap: 20px;
}
.llc-voucher-card__top img {
visibility: hidden;
width: 175px;
margin-right: auto;
}
.llc-voucher-card__body {
position: absolute;
right: 40%;
bottom: 55px;
left: 35px;
z-index: 3;
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 20px;
}
.llc-voucher-card__body strong {
display: block;
max-width: 265px;
color: var(--llc-ink);
font-family: "Playfair Display", Georgia, serif;
font-size: 1.62rem;
font-style: italic;
line-height: 1.2;
}
.llc-voucher-card__body span {
color: var(--llc-ink);
font-size: 2rem;
display: none;
}
.llc-voucher-card__line {
position: absolute;
bottom: 30px;
left: 35px;
width: 135px;
height: 3px;
background: var(--llc-accent);
}
.llc-voucher-visual__shadow {
position: absolute;
bottom: 42px;
width: 70%;
height: 50px;
background: rgba(17, 76, 72, 0.18);
border-radius: 50%;
filter: blur(28px);
transform: rotate(4deg);
}
.llc-voucher-intro {
background: #ffffff;
}
.llc-voucher-intro__grid {
display: grid;
grid-template-columns: 1fr 0.95fr;
gap: clamp(60px, 9vw, 130px);
align-items: center;
}
.llc-voucher-benefits {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 14px;
margin: 75px 0 0;
padding: 0;
list-style: none;
}
.llc-voucher-benefits li {
min-height: 150px;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 25px;
background: #f0faf8;
border: 1px solid var(--llc-line);
border-radius: 16px;
}
.llc-voucher-benefits span {
color: #00a49c;
font-size: 0.67rem;
font-weight: 800;
}
.llc-voucher-benefits strong {
font-size: 1rem;
line-height: 1.5;
}
.llc-voucher-order {
padding: 115px 0;
background: linear-gradient(135deg, #e8fbf8, #f9fffe);
}
.llc-voucher-order__grid {
display: grid;
grid-template-columns: 0.8fr 1.2fr;
gap: clamp(55px, 8vw, 110px);
align-items: start;
}
.llc-voucher-order__info > p:not(.llc-eyebrow) {
color: var(--llc-muted);
}
.llc-voucher-order__socials {
display: flex;
gap: 10px;
margin-top: 30px;
}
.llc-voucher-order__socials a {
display: flex;
align-items: center;
gap: 10px;
padding: 10px 15px;
background: #ffffff;
border: 1px solid var(--llc-line);
border-radius: 100px;
font-size: 0.75rem;
font-weight: 700;
}
.llc-voucher-order__socials span {
display: grid;
width: 25px;
height: 25px;
place-items: center;
color: #063c39;
background: var(--llc-accent);
border-radius: 50%;
}
.llc-voucher-order__socials .llc-icon {
width: 14px;
height: 14px;
}
.llc-icon {
width: 1.35rem;
height: 1.35rem;
display: inline-block;
flex: 0 0 auto;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.llc-page-split h2,
.llc-voucher-intro h2,
.llc-voucher-order__info h2 {
font-size: clamp(2.2rem, 3.7vw, 3.75rem);
}
.llc-intro__text,
.llc-course__content > p:not(.llc-eyebrow),
.llc-about__content > p,
.llc-section-head > p,
.llc-contact__info > p {
font-size: 1.02rem;
line-height: 1.78;
}
.llc-hero__facts .llc-icon {
grid-row: 1 / 3;
width: 22px;
height: 22px;
color: #008f88;
}
.llc-hero__facts strong,
.llc-hero__facts span {
grid-column: 2;
}
.llc-float-card__icon .llc-icon {
width: 20px;
height: 20px;
}
.llc-intro__benefits .llc-icon {
width: 15px;
height: 15px;
}
.llc-contact__icon .llc-icon {
width: 21px;
height: 21px;
}
.llc-feature-icon {
width: 46px;
height: 46px;
display: grid;
place-items: center;
color: #075f5a;
background: linear-gradient(135deg, var(--llc-accent), #b7fff9);
border-radius: 14px;
}
.llc-feature-icon .llc-icon {
width: 22px;
height: 22px;
}
.llc-after-course {
background: #fff;
}
.llc-voucher-benefits li .llc-icon {
width: 30px;
height: 30px;
color: #008f88;
}
.llc-results-gallery {
display: grid;
grid-template-columns: 1.1fr 0.95fr 0.95fr;
gap: 18px;
counter-reset: result;
}
.llc-results-gallery figure {
position: relative;
min-height: 360px;
max-height: 430px;
margin: 0;
overflow: hidden;
background: #dce8e6;
border-radius: 24px;
counter-increment: result;
}
.llc-results-gallery figure img {
width: 100%;
height: 100%;
object-fit: cover;
}
.llc-results-gallery__main img {
object-position: center 35%;
}
.llc-results-gallery figure:last-child img {
object-position: center;
}
.llc-results-gallery figcaption {
position: absolute;
right: 16px;
bottom: 16px;
left: 16px;
z-index: 2;
display: grid;
grid-template-columns: 38px 1fr;
gap: 12px;
align-items: center;
padding: 12px 15px 12px 12px;
color: #fff;
background: rgba(9, 26, 24, 0.84);
border: 1px solid rgba(255, 255, 255, 0.18);
border-radius: 16px;
box-shadow: 0 14px 34px rgba(0, 0, 0, 0.2);
backdrop-filter: blur(14px);
font-size: 0.82rem;
font-weight: 600;
}
.llc-results-gallery figcaption::before {
display: grid;
width: 38px;
height: 38px;
place-items: center;
color: #06201e;
background: var(--llc-accent);
border-radius: 12px;
content: "0" counter(result);
font-size: 0.67rem;
font-weight: 800;
letter-spacing: 0.06em;
} .llc-topbar__inner > p {
margin: 0;
color: #355653;
}
.llc-topbar__links {
display: flex;
align-items: center;
gap: 22px;
}
.llc-topbar__links a {
color: #123e3a;
font-weight: 600;
transition: color var(--llc-transition);
}
.llc-topbar__links a:hover {
color: #006f6a;
}
.home-benefits {
padding-block: 34px;
background: #fff;
border-block: 1px solid var(--llc-line);
}
.home-benefits__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.home-benefits article {
display: flex;
gap: 15px;
align-items: center;
padding: 10px 26px;
border-left: 1px solid var(--llc-line);
}
.home-benefits article:first-child {
padding-left: 0;
border-left: 0;
}
.home-benefits .llc-icon {
flex: 0 0 30px;
width: 30px;
height: 30px;
color: #008f89;
}
.home-benefits strong,
.home-benefits span {
display: block;
}
.home-benefits strong {
margin-bottom: 2px;
font-size: 0.94rem;
}
.home-benefits span {
color: var(--llc-muted);
font-size: 0.8rem;
line-height: 1.45;
}
.home-results,
.home-testimonials,
.home-faq {
padding-block: clamp(90px, 10vw, 145px);
}
.home-results {
background: #f0faf8;
}
.home-course__price {
display: flex;
align-items: baseline;
flex-wrap: wrap;
gap: 8px 16px;
margin: 30px 0 32px;
}
.home-course__price strong {
color: var(--llc-ink);
font-size: 2.45rem;
line-height: 1;
}
.home-course__price small {
flex-basis: 100%;
color: var(--llc-muted);
}
.home-course__old {
color: var(--llc-muted);
text-decoration: line-through;
}
.home-course__actions,
.llc-services__cta {
display: flex;
flex-wrap: wrap;
gap: 18px;
align-items: center;
}
.home-testimonials {
background: #fff;
}
.review-collage {
margin-top: 52px;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 18px;
}
.review-collage__column {
min-width: 0;
display: flex;
flex-direction: column;
gap: 18px;
}
.review-collage__item {
width: 100%;
display: block;
margin: 0;
padding: 7px;
overflow: hidden;
vertical-align: top;
border: 1px solid rgba(20, 32, 31, 0.1);
border-radius: 18px;
background: #fff;
box-shadow: 0 16px 34px rgba(20, 67, 63, 0.09);
cursor: zoom-in;
transform: rotate(-0.45deg);
transition:
transform 220ms ease,
box-shadow 220ms ease;
break-inside: avoid;
}
.review-collage__item:nth-child(3n + 2) {
transform: rotate(0.55deg);
}
.review-collage__item:nth-child(4n) {
transform: rotate(-0.2deg);
}
.review-collage__item:hover {
z-index: 1;
box-shadow: 0 24px 50px rgba(20, 67, 63, 0.16);
transform: translateY(-5px) rotate(0);
}
.review-collage__item img {
width: 100%;
height: auto;
border-radius: 12px;
}
.review-collage__actions {
display: flex;
justify-content: center;
margin-top: 34px;
}
.google-reviews-link {
gap: 11px;
}
.google-reviews-link__mark {
width: 24px;
height: 24px;
object-fit: contain;
}
.home-next-course {
padding-block: clamp(80px, 9vw, 130px);
background: linear-gradient(120deg, #e8fffc 0%, #fff 72%);
}
.home-next-course__grid {
display: grid;
grid-template-columns: minmax(0, 0.95fr) minmax(230px, 0.48fr) minmax(
340px,
0.7fr
);
gap: clamp(34px, 5vw, 78px);
align-items: center;
}
.home-next-course__media {
height: 450px;
margin: 0;
overflow: hidden;
border: 8px solid rgba(255, 255, 255, 0.9);
border-radius: 150px 150px 20px 20px;
background: #dce8e6;
box-shadow: 0 24px 60px rgba(20, 73, 68, 0.12);
}
.home-next-course__media img {
width: 100%;
height: 100%;
object-fit: cover;
}
.home-next-course__sticker {
width: fit-content;
margin: 0 0 22px;
padding: 10px 15px;
color: #fff;
border-radius: 8px;
background: #009f98;
box-shadow: 5px 5px 0 rgba(20, 32, 31, 0.12);
font-size: 0.72rem;
font-weight: 850;
letter-spacing: 0.14em;
transform: rotate(-2deg);
animation: llc-sticker-float 3.2s ease-in-out infinite;
}
@keyframes llc-sticker-float {
50% {
transform: translateY(-4px) rotate(-1deg);
}
}
.home-next-course__grid > div > p:not(.llc-eyebrow),
.home-next-course__grid li {
color: var(--llc-muted);
}
.home-next-course__grid ul {
margin: 28px 0 0;
padding-left: 20px;
}
.home-next-course__grid li {
margin-top: 10px;
}
.home-waitlist {
padding: clamp(30px, 4vw, 48px);
background: #fff;
border: 1px solid var(--llc-line);
border-radius: 26px;
box-shadow: var(--llc-shadow);
}
.home-waitlist > .llc-icon {
width: 34px;
height: 34px;
margin-bottom: 22px;
color: #008f89;
}
.home-waitlist h3 {
margin: 0 0 26px;
font-size: 1.55rem;
line-height: 1.25;
}
.home-waitlist label {
display: block;
margin-bottom: 7px;
color: var(--llc-muted);
font-size: 0.74rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.home-waitlist input {
width: 100%;
min-height: 54px;
margin-bottom: 25px;
padding: 0 17px;
color: var(--llc-ink);
background: var(--llc-paper);
border: 1px solid var(--llc-line);
border-radius: 12px;
}
.home-waitlist .llc-btn {
width: 100%;
}
.home-waitlist [data-waitlist-notice] {
margin: 14px 0 0;
color: #007f79;
font-size: 0.86rem;
}
.llc-service-grid--salon {
grid-template-columns: repeat(4, 1fr);
}
.llc-service-grid--salon .llc-service-card:nth-child(2n) {
transform: translateY(24px);
}
.home-faq {
background: #fff;
}
.home-faq__grid {
display: grid;
grid-template-columns: minmax(280px, 0.66fr) 1fr;
gap: clamp(60px, 9vw, 130px);
}
.home-faq__grid > div:first-child {
position: sticky;
top: 130px;
align-self: start;
}
.home-faq__grid > div:first-child > p:last-child {
max-width: 430px;
color: var(--llc-muted);
}
.home-faq__list {
border-top: 1px solid var(--llc-line);
}
.home-faq__list article {
border-bottom: 1px solid var(--llc-line);
}
.home-faq__list h3 {
margin: 0;
}
.home-faq__list button {
width: 100%;
display: flex;
gap: 20px;
align-items: center;
justify-content: space-between;
padding: 25px 0;
color: var(--llc-ink);
background: transparent;
border: 0;
text-align: left;
font-size: 1.05rem;
font-weight: 700;
cursor: pointer;
}
.home-faq__list button span {
flex: 0 0 30px;
display: grid;
width: 30px;
height: 30px;
place-items: center;
background: rgba(0, 231, 223, 0.14);
border-radius: 50%;
transition: transform var(--llc-transition);
}
.home-faq__list button[aria-expanded="true"] span {
transform: rotate(45deg);
}
.home-faq__list article > div p {
margin: 0;
padding: 0 52px 25px 0;
color: var(--llc-muted);
}
.home-faq__list article > div {
overflow: hidden;
will-change: height, opacity;
}
.llc-inline-socials {
display: flex;
gap: 10px;
margin-top: 24px;
}
.llc-inline-socials a {
display: grid;
width: 40px;
height: 40px;
place-items: center;
color: #006f6a;
border: 1px solid rgba(0, 111, 106, 0.2);
border-radius: 50%;
background: #fff;
transition: var(--llc-transition);
}
.llc-inline-socials a:hover {
color: #102c29;
border-color: var(--llc-accent);
background: var(--llc-accent);
transform: translateY(-2px);
}
.llc-inline-socials .llc-icon {
width: 18px;
height: 18px;
}
.llc-fill {
fill: currentColor;
stroke: none;
} .about-page-hero,
.gallery-page-hero {
background: linear-gradient(120deg, #fff 0%, #f1fcfa 58%, #dffbf8 100%);
}
.about-page-hero h1 em,
.gallery-page-hero h1 em {
color: var(--llc-heading-accent-hero);
}
.about-page-hero__grid {
min-height: 720px;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(380px, 0.78fr);
gap: clamp(55px, 8vw, 120px);
align-items: center;
padding-block: 80px 0;
}
.about-page-hero__content {
padding-bottom: 70px;
}
.about-page-hero h1 {
max-width: 760px;
margin-bottom: 30px;
font-size: clamp(3rem, 5.2vw, 4.6rem);
}
.about-page-hero__lead {
max-width: 680px;
color: var(--llc-ink-soft);
font-size: 1.08rem;
}
.about-page-hero__actions {
display: flex;
flex-wrap: wrap;
gap: 15px;
margin-top: 34px;
}
.about-photo-slider {
position: relative;
align-self: end;
}
.about-photo-slider__slides {
height: 650px;
overflow: hidden;
border-radius: 240px 240px 0 0;
background: #dce9e7;
box-shadow: 0 28px 70px rgba(17, 81, 76, 0.16);
}
.about-photo-slider figure {
width: 100%;
height: 100%;
margin: 0;
}
.about-photo-slider figure[hidden] {
display: none;
}
.about-photo-slider img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 20%;
}
.about-photo-slider__controls {
position: absolute;
right: 20px;
bottom: 20px;
display: flex;
align-items: center;
gap: 10px;
padding: 8px;
color: #fff;
border: 1px solid rgba(255, 255, 255, 0.22);
border-radius: 100px;
background: rgba(10, 39, 36, 0.78);
backdrop-filter: blur(12px);
}
.about-photo-slider__controls button {
display: grid;
width: 38px;
height: 38px;
padding: 0;
place-items: center;
color: #fff;
border: 0;
border-radius: 50%;
background: rgba(255, 255, 255, 0.1);
cursor: pointer;
}
.about-photo-slider__controls button:hover {
color: var(--llc-ink);
background: var(--llc-accent);
}
.about-photo-slider__controls .llc-icon {
width: 17px;
height: 17px;
}
.about-photo-slider__controls span {
min-width: 42px;
font-size: 0.72rem;
text-align: center;
}
.about-story,
.about-values,
.work-gallery-section,
.student-results-gallery-section {
padding-block: clamp(90px, 10vw, 140px);
}
.about-story {
background: #fff;
}
.about-story__grid {
display: grid;
grid-template-columns: minmax(290px, 0.8fr) minmax(0, 1.2fr);
gap: clamp(55px, 9vw, 130px);
}
.about-story__copy {
font-size: 1.05rem;
}
.about-story__copy p {
color: var(--llc-ink-soft);
}
.about-story__copy--narrative {
max-width: 760px;
}
.about-story__copy--narrative p + p {
margin-top: 22px;
}
.about-story__quote {
margin: 30px 0;
padding: 24px 28px;
color: var(--llc-ink);
border: 1px solid rgba(231, 150, 205, 0.62);
border-radius: 18px;
background: rgba(231, 150, 205, 0.13);
font-family: var(--llc-font-display);
font-size: clamp(1.25rem, 2.2vw, 1.7rem);
font-style: italic;
line-height: 1.4;
}
.about-story__closing {
margin-top: 32px;
padding: 24px 28px;
border-radius: 18px;
background: #edf9f7;
}
@media (min-width: 781px) {
.about-story__grid > div:first-child {
position: sticky;
top: 140px;
align-self: start;
}
}
.about-values {
background: #f1faf8;
}
.about-values__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
border-top: 1px solid var(--llc-line);
border-left: 1px solid var(--llc-line);
}
.about-values__grid article {
min-height: 280px;
padding: clamp(28px, 3.5vw, 44px);
border-right: 1px solid var(--llc-line);
border-bottom: 1px solid var(--llc-line);
background: rgba(255, 255, 255, 0.62);
}
.about-values__grid .llc-icon {
width: 32px;
height: 32px;
margin-bottom: 44px;
color: #008f88;
}
.about-values__grid h3 {
margin-bottom: 12px;
font-size: 1.2rem;
}
.about-values__grid p {
margin: 0;
color: var(--llc-muted);
}
.about-work-preview,
.about-award {
padding-block: clamp(90px, 10vw, 140px);
}
.about-work-preview {
background: #fff;
}
.about-work-preview header {
max-width: 820px;
margin-bottom: 45px;
}
.about-work-preview__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}
.about-work-preview figure {
height: clamp(330px, 38vw, 530px);
margin: 0;
overflow: hidden;
border-radius: 24px;
}
.about-work-preview figure:nth-child(2) {
transform: translateY(28px);
}
.about-work-preview img,
.about-award figure img {
width: 100%;
height: 100%;
object-fit: contain;
}
.about-award {
}
.about-award__grid {
display: grid;
grid-template-columns: minmax(300px, 0.75fr) minmax(0, 1.25fr);
gap: clamp(55px, 9vw, 120px);
align-items: center;
}
.about-award figure {
max-height: 610px;
margin: 0;
overflow: hidden;
border-radius: 10px;
}
.about-award p:not(.llc-eyebrow) {
max-width: 670px;
color: var(--llc-ink-soft);
}
.about-award .llc-btn {
margin-top: 18px;
}
.about-work-cta,
.gallery-page-cta {
padding-block: clamp(80px, 9vw, 125px);
background: linear-gradient(110deg, #d9fffc, #fff 75%);
}
.about-work-cta__inner {
display: flex;
align-items: center;
justify-content: center;
gap: 55px;
}
.about-work-cta__inner > div {
max-width: 750px;
}
.about-work-cta__inner p:not(.llc-eyebrow) {
margin: 0;
color: var(--llc-muted);
}
.about-work-cta__inner > .llc-btn {
flex: 0 0 auto;
}
.gallery-page-hero__inner {
max-width: 940px;
padding-block: 80px;
text-align: center;
}
.work-categories {
padding: 30px 0 clamp(90px, 10vw, 135px);
background: linear-gradient(180deg, #f1fcfa, #fff);
}
.work-category-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 18px;
}
.work-category-card {
min-width: 0;
overflow: hidden;
color: var(--llc-ink);
background: #fff;
border: 1px solid rgba(0, 143, 136, 0.12);
border-radius: 20px;
box-shadow: 0 16px 38px rgba(17, 76, 72, 0.07);
transition:
border-color var(--llc-transition),
box-shadow var(--llc-transition),
transform var(--llc-transition);
}
.work-category-card:hover {
border-color: rgba(0, 143, 136, 0.32);
box-shadow: 0 22px 48px rgba(17, 76, 72, 0.12);
transform: translateY(-4px);
}
.work-category-card figure {
position: relative;
height: 235px;
margin: 0;
overflow: hidden;
background: #dce8e6;
}
.work-category-card img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 450ms ease;
}
.work-category-card:hover img {
transform: scale(1.035);
}
.work-category-card figure span {
position: absolute;
right: 12px;
bottom: 12px;
padding: 6px 9px;
color: #fff;
background: rgba(9, 34, 31, 0.78);
border-radius: 999px;
backdrop-filter: blur(8px);
font-size: 0.62rem;
font-weight: 700;
}
.work-category-card > div {
min-height: 150px;
padding: 21px 20px 23px;
}
.work-category-card h2 {
margin-bottom: 9px;
font-size: 1.05rem;
letter-spacing: -0.025em;
}
.work-category-card p {
margin: 0;
color: var(--llc-muted);
font-size: 0.78rem;
line-height: 1.6;
}
.gallery-page-hero__inner .llc-eyebrow,
.gallery-page-hero__inner .llc-text-link {
justify-content: center;
}
.gallery-page-hero h1 {
max-width: 930px;
margin-inline: auto;
font-size: clamp(2.95rem, 5.4vw, 4.75rem);
}
.gallery-page-hero__inner > p:not(.llc-eyebrow) {
max-width: 720px;
margin-inline: auto;
color: var(--llc-ink-soft);
font-size: 1.08rem;
}
.work-gallery-section {
background: #fff;
}
.work-gallery-section--adult {
background: #f2faf8;
}
.work-gallery {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}
.work-gallery button,
.student-results-gallery button {
position: relative;
min-width: 0;
padding: 0;
overflow: hidden;
color: #fff;
border: 0;
border-radius: 22px;
background: #dce8e6;
cursor: zoom-in;
}
.work-gallery button {
min-height: 340px;
max-height: 430px;
}
.work-gallery--curated button {
aspect-ratio: 3 / 4;
min-height: 0;
max-height: none;
}
.work-gallery img,
.student-results-gallery img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 450ms ease;
}
.work-gallery button:hover img,
.student-results-gallery button:hover img {
transform: scale(1.035);
}
.work-gallery button > span {
position: absolute;
right: 14px;
bottom: 14px;
left: 14px;
padding: 13px 16px;
border: 1px solid rgba(255, 255, 255, 0.18);
border-radius: 14px;
background: rgba(9, 34, 31, 0.78);
backdrop-filter: blur(12px);
font-size: 0.82rem;
font-weight: 700;
text-align: left;
}
.work-pricing {
padding-block: clamp(90px, 10vw, 140px);
background: #fff;
}
.work-pricing__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
}
.work-pricing__grid > div {
padding: clamp(28px, 4vw, 48px);
border: 1px solid var(--llc-line);
border-radius: 24px;
background: #f7fbfa;
}
.work-pricing__grid h3 {
margin-bottom: 28px;
font-size: 1.45rem;
}
.work-pricing dl,
.work-pricing dd {
margin: 0;
}
.work-pricing dl > div {
display: grid;
grid-template-columns: 1fr auto;
gap: 20px;
align-items: start;
padding: 18px 0;
border-top: 1px solid var(--llc-line);
}
.work-pricing dt {
font-weight: 650;
}
.work-pricing dt small {
display: block;
margin-top: 3px;
color: var(--llc-muted);
font-weight: 400;
}
.work-pricing dd {
color: #008f88;
font-weight: 800;
white-space: nowrap;
}
.student-results-gallery-section {
background: #fff;
}
.student-results-gallery {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px;
} @media (min-width: 1061px) {
.student-results-gallery {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.student-results-gallery > button {
grid-column: span 2;
}
.student-results-gallery > button:last-child:nth-child(4n + 1) {
grid-column: 4 / span 2;
}
.student-results-gallery > button:nth-last-child(2):nth-child(4n + 1) {
grid-column: 3 / span 2;
}
.student-results-gallery > button:nth-last-child(3):nth-child(4n + 1) {
grid-column: 2 / span 2;
}
}
.student-results-gallery button {
min-height: 360px;
max-height: 400px;
}
.student-results-gallery button > span {
position: absolute;
right: 14px;
bottom: 14px;
display: grid;
width: auto;
height: auto;
place-items: center;
color: var(--llc-ink);
border-radius: 10px;
background: var(--llc-accent);
font-size: 0.7rem;
padding: 10px;
font-weight: 800;
}
.gallery-page-cta {
text-align: center;
}
.gallery-page-cta .llc-container {
max-width: 850px;
}
.gallery-page-cta p {
color: var(--llc-muted);
}
.gallery-page-cta .llc-container > div {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 14px;
margin-top: 34px;
}
@media (max-width: 1060px) {
.llc-page-hero--voucher .llc-page-hero__grid {
grid-template-columns: 1fr;
gap: 20px;
padding-block: 75px 0;
}
.llc-page-hero--voucher .llc-page-hero__content {
text-align: center;
}
.llc-page-hero--voucher .llc-page-hero__content h1,
.llc-page-hero--voucher .llc-page-hero__lead {
margin-right: auto;
margin-left: auto;
}
.llc-page-hero--voucher .llc-voucher-visual {
justify-self: center;
}
.about-page-hero__grid {
grid-template-columns: minmax(0, 1fr) minmax(330px, 0.72fr);
gap: 45px;
}
.about-photo-slider__slides {
height: 570px;
}
.student-results-gallery {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.work-category-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.home-benefits__grid {
grid-template-columns: repeat(2, 1fr);
}
.home-benefits article:nth-child(3) {
border-left: 0;
}
.home-next-course__grid,
.home-faq__grid {
grid-template-columns: 1fr;
gap: 55px;
}
.home-faq__grid > div:first-child {
position: static;
}
.llc-results-gallery {
grid-template-columns: 1fr 1fr;
}
.llc-results-gallery__main {
grid-column: 1 / -1;
}
.llc-nav {
display: none;
}
.llc-menu-toggle {
display: block;
}
.llc-mobile-nav {
position: absolute;
top: 100%;
right: 0;
left: 0;
z-index: 99;
display: grid;
gap: 2px;
max-height: calc(100dvh - 78px);
padding: 14px clamp(16px, 4vw, 30px) 22px;
overflow-y: auto;
overscroll-behavior: contain;
color: var(--llc-ink);
background: #ffffff;
border-top: 1px solid var(--llc-line);
border-bottom: 1px solid rgba(8, 75, 71, 0.08);
box-shadow: 0 24px 45px rgba(8, 50, 47, 0.13);
opacity: 0;
visibility: hidden;
transform: translateY(-8px) scaleY(0.98);
transform-origin: top;
transition: var(--llc-transition);
}
.llc-mobile-nav.is-open {
opacity: 1;
visibility: visible;
transform: none;
}
.llc-mobile-nav a {
min-height: 47px;
display: flex;
align-items: center;
padding: 11px 13px;
color: var(--llc-ink);
border-bottom: 1px solid var(--llc-line);
border-radius: 9px;
font-weight: 600;
transition:
color var(--llc-transition),
background-color var(--llc-transition);
}
.llc-mobile-nav a:not(.llc-mobile-nav__cta):hover {
color: #006f6a;
background: #f1fbf9;
}
.llc-mobile-nav a.is-active {
padding-left: 15px;
color: #006f6a;
background: #e3f9f6;
box-shadow: inset 3px 0 var(--llc-accent);
}
.llc-mobile-nav a:not(.llc-mobile-nav__cta):last-child {
border-bottom-color: transparent;
}
.llc-mobile-nav .llc-mobile-nav__cta {
min-height: 54px;
justify-content: space-between;
gap: 18px;
margin-top: 12px;
padding: 13px 20px;
color: #171313;
border-color: #fbb9f8;
background: #ffd2fd;
border-radius: 999px;
box-shadow: 0 12px 26px rgba(231, 150, 205, 0.26);
font-size: 0.78rem;
font-weight: 800;
letter-spacing: 0.045em;
text-transform: uppercase;
}
.llc-mobile-nav .llc-mobile-nav__cta::after {
content: "→";
flex: 0 0 auto;
font-size: 1rem;
}
.llc-hero__grid {
grid-template-columns: 1fr 0.78fr;
}
.llc-hero__visual {
min-height: 520px;
}
.llc-float-card--top {
right: 0;
}
.llc-float-card--middle {
right: -3%;
}
.llc-float-card--bottom {
left: 0;
}
.llc-service-grid {
grid-template-columns: 1fr 1fr;
}
.llc-gallery__grid {
grid-template-columns: repeat(3, 1fr);
}
.llc-gallery__item--wide {
grid-column: auto;
}
.llc-footer__main {
grid-template-columns: 1fr;
gap: 52px;
}
.llc-footer__brand {
display: grid;
grid-template-columns: 230px 1fr;
column-gap: 55px;
align-items: start;
}
.llc-footer__brand p {
margin: 0;
}
.llc-footer__cta {
grid-column: 2;
width: fit-content;
margin-top: -25px;
}
}
@media (max-width: 780px) {
.about-page-hero__grid,
.about-story__grid {
grid-template-columns: 1fr;
}
.about-page-hero__grid {
padding-top: 82px;
}
.about-page-hero__content {
padding-bottom: 0;
text-align: center;
}
.about-page-hero__content .llc-eyebrow,
.about-page-hero__actions {
justify-content: center;
}
.about-page-hero__lead {
margin-inline: auto;
}
.about-photo-slider {
width: min(100%, 520px);
margin-inline: auto;
}
.about-photo-slider__slides {
height: 620px;
}
.about-values__grid {
grid-template-columns: 1fr;
}
.about-work-preview__grid,
.work-pricing__grid,
.about-award__grid {
grid-template-columns: 1fr;
}
.about-work-preview figure {
height: 480px;
}
.about-work-preview figure:nth-child(2) {
transform: none;
}
.about-award figure {
width: min(100%, 520px);
height: 590px;
}
.about-values__grid article {
min-height: 230px;
}
.about-work-cta__inner {
align-items: flex-start;
flex-direction: column;
}
.work-gallery,
.student-results-gallery {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.work-gallery button {
min-height: 400px;
}
.student-results-gallery button {
min-height: 340px;
}
.llc-lightbox {
width: 96vw;
height: 84vh;
}
.llc-lightbox[open] {
grid-template-columns: 42px minmax(0, 1fr) 42px;
gap: 6px;
}
.llc-lightbox__nav {
width: 40px;
height: 40px;
}
.llc-lightbox__close {
top: -8px;
right: 0;
}
.llc-topbar__inner > p {
display: none;
}
.llc-topbar__inner {
justify-content: center;
}
.llc-topbar__links {
width: 100%;
justify-content: space-between;
}
.home-benefits__grid,
.llc-service-grid--salon {
grid-template-columns: 1fr;
}
.review-collage {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.llc-contact__cards {
grid-template-columns: 1fr;
}
.home-benefits article,
.home-benefits article:first-child,
.home-benefits article:nth-child(3) {
padding: 17px 0;
border-left: 0;
border-bottom: 1px solid var(--llc-line);
}
.home-benefits article:last-child {
border-bottom: 0;
}
.llc-results-gallery {
grid-template-columns: 1fr;
}
.llc-results-gallery figure.llc-results-gallery__main {
grid-column: auto;
min-height: 390px;
}
.llc-results-gallery figure {
min-height: 350px;
}
.llc-service-grid--salon .llc-service-card:nth-child(2n) {
transform: none;
}
.llc-container {
width: min(calc(100% - 32px), var(--llc-container));
}
.llc-topbar__hours,
.llc-topbar__items a:nth-child(2) {
display: none;
}
.llc-topbar__items {
gap: 10px;
}
.llc-header {
height: 68px;
}
.llc-header__actions {
flex: 0 0 auto;
margin-left: auto;
}
.llc-logo {
flex: 0 1 180px;
width: 180px;
height: 76px;
}
.llc-header__actions > .llc-btn {
display: none;
}
.llc-menu-toggle {
flex: 0 0 44px;
}
.llc-mobile-nav {
max-height: calc(100dvh - 68px);
}
.llc-hero {
min-height: auto;
}
.llc-hero__grid {
min-height: auto;
grid-template-columns: 1fr;
padding-block: 72px 30px;
}
.llc-hero__content {
text-align: center;
padding-bottom: 0;
}
.llc-hero__content .llc-eyebrow,
.llc-hero__buttons {
justify-content: center;
}
.llc-hero__lead {
margin-inline: auto;
}
.llc-hero__facts {
margin-top: 43px;
}
.llc-hero__visual {
min-height: 540px;
margin-top: -48px;
}
.llc-hero__image-wrap {
inset: -2% 4% -30px;
}
.llc-hero__ring {
top: 3%;
right: 10%;
width: 80%;
}
.llc-float-card--top {
top: 12%;
right: 0;
}
.llc-float-card--middle {
top: 44%;
right: -2%;
}
.llc-float-card--bottom {
bottom: 16%;
left: 0;
}
.llc-intro,
.llc-services,
.llc-pricing,
.llc-gallery,
.llc-contact {
padding: 85px 0;
}
.llc-about {
padding: 80px 0 95px;
}
.llc-intro__grid {
grid-template-columns: 1fr;
gap: 25px;
}
.llc-section-index {
display: none;
}
.llc-intro__text {
padding-top: 10px;
}
.llc-about__grid {
grid-template-columns: 1fr;
gap: 24px;
}
.llc-about__visual {
width: min(100%, 540px);
margin-inline: auto;
min-height: 570px;
}
.llc-about__content {
max-width: none;
order: -1;
padding-bottom: 18px;
}
.llc-section-head {
align-items: flex-start;
flex-direction: column;
gap: 28px;
margin-bottom: 45px;
}
.llc-section-head > p {
max-width: 650px;
}
.llc-service-card__image {
height: 330px;
}
.llc-course__grid {
grid-template-columns: 1fr;
padding-block: 80px;
}
.llc-course__visual {
width: min(80%, 430px);
height: 500px;
margin-inline: auto;
}
.llc-course__content {
text-align: center;
}
.llc-course__content .llc-eyebrow {
justify-content: center;
}
.llc-course__content > p:not(.llc-eyebrow) {
margin-inline: auto;
}
.llc-price-panel {
grid-template-columns: 1fr;
}
.llc-gallery__grid {
grid-template-columns: 1fr 1fr;
grid-auto-rows: 250px;
}
.llc-gallery__item--tall {
grid-row: span 2;
}
.llc-contact__grid {
grid-template-columns: 1fr;
}
.llc-footer {
padding-top: 62px;
}
.llc-footer__main {
padding-bottom: 50px;
}
.llc-footer__brand {
display: block;
}
.llc-footer__brand p {
margin-bottom: 25px;
}
.llc-footer__cta {
margin: 0;
}
.llc-footer__columns {
grid-template-columns: 1fr 1fr;
}
.llc-footer__column:last-child {
grid-column: 1 / -1;
max-width: 360px;
}
.llc-footer__bottom {
grid-template-columns: 1fr auto;
}
.llc-footer__signature {
display: none;
}
.llc-hero__image-wrap img {
width: min(100%, 570px);
max-height: 100%;
}
.llc-about__content,
.llc-about__visual {
grid-column: 1;
grid-row: auto;
}
.llc-service-card__gallery {
height: 330px;
}
.llc-contact__map iframe {
height: 330px;
}
.llc-logo img {
top: 17px;
width: 180px;
}
.llc-page-hero__grid,
.llc-page-hero--voucher .llc-page-hero__grid {
grid-template-columns: 1fr;
gap: 20px;
padding-block: 75px 0;
}
.llc-page-hero__content {
text-align: center;
}
.llc-page-hero__content .llc-eyebrow {
justify-content: center;
}
.llc-page-hero__content h1,
.llc-page-hero__content h2,
.llc-page-hero__lead {
margin-right: auto;
margin-left: auto;
}
.llc-page-hero__visual {
min-height: 600px;
margin-top: -20px;
}
.llc-page-hero__arch {
inset: 4% 12% -12%;
}
.llc-page-split,
.llc-voucher-intro__grid,
.llc-voucher-order__grid {
grid-template-columns: 1fr;
gap: 45px;
}
.llc-page-section,
.llc-voucher-order {
padding: 85px 0;
}
.llc-voucher-benefits {
grid-template-columns: 1fr 1fr;
}
.llc-voucher-visual {
max-width: 590px;
min-height: 380px;
justify-self: center;
}
h2 {
font-size: clamp(1.95rem, 7.2vw, 2.7rem);
}
.llc-page-split h2,
.llc-voucher-intro h2,
.llc-voucher-order__info h2 {
font-size: clamp(1.95rem, 7.2vw, 2.7rem);
}
}
@media (max-width: 520px) {
.review-collage {
grid-template-columns: 1fr;
}
.about-page-hero h1,
.gallery-page-hero h1 {
font-size: clamp(2.45rem, 11vw, 3.15rem);
}
.about-page-hero__actions,
.gallery-page-cta .llc-container > div {
align-items: stretch;
flex-direction: column;
}
.about-photo-slider__slides {
height: 520px;
border-radius: 170px 170px 0 0;
}
.work-gallery,
.student-results-gallery {
grid-template-columns: 1fr;
}
.work-category-grid {
grid-template-columns: 1fr;
}
.work-category-card figure {
height: 340px;
}
.about-work-preview figure {
height: 420px;
}
.about-award figure {
height: 500px;
}
.work-pricing dl > div {
gap: 12px;
}
.work-gallery button {
min-height: 360px;
}
.student-results-gallery button {
min-height: 430px;
}
.llc-results-gallery figcaption {
right: 10px;
bottom: 10px;
left: 10px;
grid-template-columns: 34px 1fr;
padding: 10px;
}
.llc-results-gallery figcaption::before {
width: 34px;
height: 34px;
}
.llc-topbar__links {
gap: 12px;
font-size: 0.71rem;
}
.home-course__actions,
.llc-services__cta {
align-items: stretch;
flex-direction: column;
}
.home-next-course__grid {
gap: 35px;
}
h1 {
font-size: clamp(2.55rem, 11.8vw, 3.5rem);
}
.llc-topbar__inner {
min-height: 34px;
}
.llc-topbar__items a span {
display: inline;
}
.llc-hero__content .llc-eyebrow {
gap: 8px;
font-size: 0.58rem;
letter-spacing: 0.08em;
}
.llc-hero__content .llc-eyebrow span {
width: 20px;
}
.llc-hero__visual {
min-height: 490px;
margin-top: -42px;
}
.llc-float-card--top {
top: 9%;
right: -2%;
}
.llc-float-card--middle {
top: 43%;
right: -3%;
}
.llc-float-card--bottom {
bottom: 8%;
}
.llc-float-card {
gap: 7px;
max-width: 168px;
padding: 9px 11px;
font-size: 0.65rem;
}
.llc-float-card .llc-icon {
width: 15px;
height: 15px;
}
.llc-hero__facts {
grid-template-columns: 1fr;
gap: 9px;
text-align: left;
}
.llc-hero__facts div {
flex-direction: row;
justify-content: space-between;
}
.llc-btn {
width: 100%;
}
.llc-about__visual {
min-height: 490px;
}
.llc-about__stamp {
right: 0;
bottom: 30px;
width: 95px;
height: 95px;
}
.llc-service-grid {
grid-template-columns: 1fr;
}
.llc-service-card__image {
height: 390px;
}
.llc-course__visual {
width: calc(100% - 30px);
height: 440px;
}
.llc-course__play {
width: 65px;
height: 65px;
}
.llc-course__marquee span {
animation: llc-marquee 14s linear infinite;
}
@keyframes llc-marquee {
to {
transform: translateX(-60%);
}
}
.llc-price-tabs {
display: grid;
grid-template-columns: 1fr 1fr;
}
.llc-price-tabs button {
padding-inline: 10px;
}
.llc-price-row {
min-height: 95px;
}
.llc-price-row strong {
font-size: 0.95rem;
}
.llc-gallery__grid {
grid-template-columns: 1fr;
grid-auto-rows: 380px;
}
.llc-gallery__item--tall {
grid-row: auto;
}
.llc-gallery__item--wide {
grid-column: auto;
}
.llc-form__row {
grid-template-columns: 1fr;
gap: 0;
}
.llc-footer {
padding: 52px 0 20px;
}
.llc-footer__main {
gap: 45px;
padding-bottom: 42px;
}
.llc-footer__logo {
width: 205px;
}
.llc-footer__brand p {
max-width: none;
}
.llc-footer__columns {
grid-template-columns: 1fr;
gap: 0;
}
.llc-footer__column {
padding: 27px 0;
border-top: 1px solid rgba(20, 32, 31, 0.11);
}
.llc-footer__column:last-child {
grid-column: auto;
max-width: none;
}
.llc-footer h3 {
margin-bottom: 17px;
}
.llc-footer__bottom {
grid-template-columns: 1fr;
gap: 11px;
}
.llc-footer__bottom a {
justify-self: start;
grid-row: 1;
}
.llc-footer__bottom > span:first-child {
grid-row: 2;
}
.llc-hero__image-wrap img {
width: min(112%, 500px);
max-width: none;
}
.llc-about {
padding-top: 68px;
}
.llc-service-card__gallery {
height: 390px;
}
.llc-course__list {
text-align: left;
}
.llc-logo {
flex-basis: 175px;
width: 175px;
}
.llc-logo img {
top: 17px;
width: 175px;
}
.llc-page-hero__content h1 {
font-size: clamp(2.5rem, 11vw, 3.3rem);
}
.llc-page-hero__visual {
min-height: 500px;
}
.llc-page-hero__arch {
inset: 5% 3% -10%;
}
.llc-page-section,
.llc-voucher-order {
padding: 70px 0;
}
.llc-voucher-benefits {
grid-template-columns: 1fr;
}
.llc-voucher-visual {
min-height: 260px;
}
.llc-voucher-card {
width: min(88%, 360px);
padding: 24px;
background-position:
24px 24px,
0 0;
background-size:
130px auto,
auto;
}
.llc-voucher-card__top img {
width: 130px;
}
.llc-voucher-card__body {
right: 39%;
bottom: 44px;
left: 24px;
}
.llc-voucher-card__body strong {
font-size: 1.08rem;
}
.llc-voucher-card__line {
bottom: 20px;
left: 24px;
}
.llc-voucher-order__socials {
flex-direction: column;
align-items: flex-start;
}
.llc-voucher-benefits li {
min-height: 170px;
}
}
@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;
}
[data-reveal] {
opacity: 1;
transform: none;
}
}