html:has(.lch-page-hero),
body:has(.lch-page-hero) {
overflow-x: clip;
} .lch-page-hero {
--lch-ph-gold: #c6b49a;
--lch-ph-ink: #f7f2ea;
position: relative;
isolation: isolate;
min-height: 100vh;
min-height: 100dvh;
width: 100%;
margin: 0;
overflow: hidden;
background: #1a1612;
color: var(--lch-ph-ink);
display: flex;
align-items: flex-end;
box-sizing: border-box;
}
.lch-page-hero__media {
position: absolute;
inset: 0;
z-index: 0;
}
.lch-page-hero__image {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
transform: scale(1.02);
}
.lch-page-hero__veil {
position: absolute;
inset: 0;
pointer-events: none;
background:
linear-gradient(90deg, rgba(12, 10, 8, 0.62) 0%, rgba(12, 10, 8, 0.34) 42%, rgba(12, 10, 8, 0.12) 68%, rgba(12, 10, 8, 0.28) 100%),
linear-gradient(180deg, rgba(12, 10, 8, 0.35) 0%, transparent 28%, transparent 55%, rgba(12, 10, 8, 0.55) 100%);
}
.lch-page-hero__inner {
position: relative;
z-index: 1;
width: min(42rem, calc(100% - 4.5rem));
margin: 0 auto 0 clamp(1.5rem, 6vw, 5.5rem);
padding: 0 0 clamp(3.5rem, 9vh, 6.5rem);
box-sizing: border-box;
align-self: flex-end;
}
.lch-page-hero__eyebrow {
margin: 0 0 1rem;
font-family: "Outfit", system-ui, sans-serif;
font-weight: 400;
font-size: 0.78rem;
letter-spacing: 0.28em;
text-transform: uppercase;
color: var(--lch-ph-gold);
}
.lch-page-hero__title,
.wpcursor-component.lch-page-hero .lch-page-hero__title,
.lch-page-hero h1.lch-page-hero__title {
margin: 0 0 1.15rem !important;
font-family: "Cormorant Garamond", Georgia, serif !important;
font-weight: 500 !important;
font-size: clamp(2.75rem, 7vw, 5.1rem) !important;
line-height: 1.05 !important;
letter-spacing: 0.01em !important;
color: #fff !important;
text-wrap: balance;
}
.lch-page-hero__subtitle {
margin: 0 0 2.35rem;
max-width: 28rem;
font-family: "Cormorant Garamond", Georgia, serif;
font-weight: 400;
font-style: italic;
font-size: clamp(1.05rem, 2.1vw, 1.35rem);
line-height: 1.55;
color: rgba(247, 242, 234, 0.92);
}
.lch-page-hero__cta {
display: inline-flex;
align-items: center;
gap: 0.9rem;
text-decoration: none;
color: var(--lch-ph-gold);
transition: color 0.25s ease, transform 0.25s ease;
}
.lch-page-hero__cta:hover,
.lch-page-hero__cta:focus-visible {
color: #efe4d2;
outline: none;
}
.lch-page-hero__cta-icon {
display: grid;
place-items: center;
width: 2.55rem;
height: 2.55rem;
border: 1px solid currentColor;
border-radius: 999px;
flex: 0 0 auto;
transition: transform 0.35s ease;
}
.lch-page-hero__cta:hover .lch-page-hero__cta-icon,
.lch-page-hero__cta:focus-visible .lch-page-hero__cta-icon {
transform: translateY(3px);
}
.lch-page-hero__cta-label {
font-family: "Outfit", system-ui, sans-serif;
font-weight: 400;
font-size: 0.72rem;
letter-spacing: 0.22em;
text-transform: uppercase;
} .lch-page-hero--rules {
align-items: center;
}
.lch-page-hero--rules .lch-page-hero__veil {
background:
linear-gradient(90deg, rgba(12, 10, 8, 0.55) 0%, rgba(12, 10, 8, 0.28) 38%, rgba(12, 10, 8, 0.08) 62%, rgba(12, 10, 8, 0.22) 100%),
linear-gradient(180deg, rgba(12, 10, 8, 0.28) 0%, transparent 26%, transparent 62%, rgba(12, 10, 8, 0.42) 100%);
}
.lch-page-hero--rules .lch-page-hero__image {
object-position: center right;
}
.lch-page-hero--rules .lch-page-hero__inner {
align-self: center;
width: min(36rem, calc(100% - 4.5rem));
margin: 0 auto 0 clamp(1.75rem, 7vw, 6rem);
padding: 0 0 4.5rem;
display: flex;
flex-direction: column;
justify-content: center;
min-height: min(70vh, 42rem);
}
.lch-page-hero--rules .lch-page-hero__copy {
max-width: min(34rem, 100%);
}
.lch-page-hero--rules .lch-page-hero__rule {
display: block;
width: 3.25rem;
height: 1.5px;
background: #d4b98a;
opacity: 1;
}
.lch-page-hero--rules .lch-page-hero__title {
margin: 1.05rem 0 0.85rem !important;
font-size: clamp(2.4rem, 5.4vw, 4rem) !important;
white-space: nowrap;
}
.lch-page-hero--rules .lch-page-hero__subtitle {
margin: 0 0 1.05rem;
max-width: 20rem;
font-family: "Outfit", system-ui, sans-serif;
font-style: normal;
font-weight: 300;
font-size: clamp(0.98rem, 1.7vw, 1.15rem);
line-height: 1.5;
color: rgba(247, 242, 234, 0.94);
}
.lch-page-hero--rules .lch-page-hero__cta--icon {
position: absolute;
left: 50%;
bottom: clamp(1.4rem, 4vh, 2.4rem);
transform: translateX(-50%);
color: rgba(255, 255, 255, 0.92);
margin: 0;
}
.lch-page-hero--rules .lch-page-hero__cta--icon .lch-page-hero__cta-icon {
width: 2.35rem;
height: 2.35rem;
border-color: rgba(255, 255, 255, 0.85);
}
.lch-page-hero--rules .lch-page-hero__cta--icon:hover,
.lch-page-hero--rules .lch-page-hero__cta--icon:focus-visible {
color: #fff;
}
.lch-page-hero--rules .lch-page-hero__cta--icon:hover .lch-page-hero__cta-icon,
.lch-page-hero--rules .lch-page-hero__cta--icon:focus-visible .lch-page-hero__cta-icon {
transform: translateY(3px);
}
@media (max-width: 700px) {
.lch-page-hero__inner {
width: calc(100% - 2.4rem);
margin-left: 1.2rem;
margin-right: 1.2rem;
padding-bottom: 3.5rem;
}
.lch-page-hero__subtitle {
max-width: none;
}
.lch-page-hero__cta {
max-width: 100%;
align-items: flex-start;
}
.lch-page-hero__cta-label {
letter-spacing: 0.12em;
white-space: normal;
line-height: 1.35;
max-width: 14rem;
}
.lch-page-hero__image {
transform: none;
}
.lch-page-hero--rules .lch-page-hero__inner {
width: calc(100% - 2.4rem);
margin-left: 1.2rem;
margin-right: 1.2rem;
min-height: auto;
padding-bottom: 5rem;
}
.lch-page-hero--rules .lch-page-hero__copy {
max-width: none;
}
.lch-page-hero--rules .lch-page-hero__title {
white-space: normal;
}
.lch-page-hero--rules .lch-page-hero__image {
object-position: 70% center;
}
} .lch-page-hero--events {
align-items: flex-end;
}
.lch-page-hero--events .lch-page-hero__veil {
background:
linear-gradient(90deg, rgba(10, 8, 6, 0.72) 0%, rgba(10, 8, 6, 0.42) 36%, rgba(10, 8, 6, 0.12) 62%, rgba(10, 8, 6, 0.2) 100%),
linear-gradient(180deg, rgba(10, 8, 6, 0.28) 0%, transparent 30%, transparent 58%, rgba(10, 8, 6, 0.5) 100%);
}
.lch-page-hero--events .lch-page-hero__image {
object-position: center center;
}
.lch-page-hero--events .lch-page-hero__inner {
width: min(40rem, calc(100% - 4.5rem));
margin: 0 auto 0 clamp(1.5rem, 6vw, 5.5rem);
padding: 0 0 clamp(3.2rem, 8vh, 5.8rem);
}
.lch-page-hero--events .lch-page-hero__eyebrow {
color: #d4b98a;
letter-spacing: 0.26em;
margin-bottom: 0.95rem;
}
.lch-page-hero--events .lch-page-hero__title,
.wpcursor-component.lch-page-hero--events .lch-page-hero__title {
margin: 0 0 1.2rem !important;
font-size: clamp(2.6rem, 6.2vw, 4.6rem) !important;
font-weight: 500 !important;
line-height: 1.06 !important;
}
.lch-page-hero--events .lch-page-hero__title-lead,
.wpcursor-component.lch-page-hero--events .lch-page-hero__title-lead {
display: inline !important;
color: #fff !important;
background-image: linear-gradient(#d4b98a, #d4b98a);
background-repeat: no-repeat;
background-size: 3.1rem 1.5px;
background-position: left calc(1em + 0.28rem);
padding-bottom: 0.35rem;
}
.lch-page-hero--events .lch-page-hero__subtitle {
margin: 0 0 2.1rem;
max-width: 26rem;
font-family: "Outfit", system-ui, sans-serif;
font-style: normal;
font-weight: 300;
font-size: clamp(0.98rem, 1.7vw, 1.12rem);
line-height: 1.55;
color: rgba(255, 255, 255, 0.92);
}
.lch-page-hero--events .lch-page-hero__cta {
color: rgba(255, 255, 255, 0.95);
}
.lch-page-hero--events .lch-page-hero__cta:hover,
.lch-page-hero--events .lch-page-hero__cta:focus-visible {
color: #fff;
}
.lch-page-hero--events .lch-page-hero__cta-icon {
border-color: rgba(255, 255, 255, 0.9);
}
@media (max-width: 700px) {
.lch-page-hero--events .lch-page-hero__inner {
width: calc(100% - 2.4rem);
margin-left: 1.2rem;
margin-right: 1.2rem;
}
.lch-page-hero--events .lch-page-hero__subtitle {
max-width: none;
}
.lch-page-hero--events .lch-page-hero__image {
object-position: 65% center;
}
} .lch-page-hero--gift {
align-items: flex-end;
}
.lch-page-hero--gift .lch-page-hero__veil {
background:
linear-gradient(90deg, rgba(12, 10, 8, 0.58) 0%, rgba(12, 10, 8, 0.3) 40%, rgba(12, 10, 8, 0.1) 65%, rgba(12, 10, 8, 0.24) 100%),
linear-gradient(180deg, rgba(12, 10, 8, 0.3) 0%, transparent 28%, transparent 58%, rgba(12, 10, 8, 0.48) 100%);
}
.lch-page-hero--gift .lch-page-hero__image {
object-position: center center;
}
.lch-page-hero--gift .lch-page-hero__inner {
width: min(38rem, calc(100% - 4.5rem));
margin: 0 auto 0 clamp(1.75rem, 7vw, 6rem);
padding: 0 0 clamp(4.5rem, 10vh, 6.5rem);
}
.lch-page-hero--gift .lch-page-hero__copy {
max-width: min(34rem, 100%);
}
.lch-page-hero--gift .lch-page-hero__rule {
display: block;
width: 3.25rem;
height: 1.5px;
background: #d4b98a;
margin: 0 0 1.05rem;
}
.lch-page-hero--gift .lch-page-hero__title,
.wpcursor-component.lch-page-hero--gift .lch-page-hero__title {
margin: 0 0 1rem !important;
font-size: clamp(2.5rem, 5.8vw, 4.2rem) !important;
line-height: 1.08 !important;
}
.lch-page-hero--gift .lch-page-hero__subtitle {
margin: 0;
max-width: 28rem;
font-family: "Cormorant Garamond", Georgia, serif;
font-style: italic;
font-weight: 400;
font-size: clamp(1.1rem, 2vw, 1.4rem);
line-height: 1.5;
color: rgba(247, 242, 234, 0.94);
}
.lch-page-hero--gift .lch-page-hero__cta--icon {
position: absolute;
left: 50%;
bottom: clamp(1.4rem, 4vh, 2.4rem);
transform: translateX(-50%);
color: rgba(255, 255, 255, 0.92);
margin: 0;
}
.lch-page-hero--gift .lch-page-hero__cta--icon .lch-page-hero__cta-icon {
width: 2.35rem;
height: 2.35rem;
border-color: rgba(255, 255, 255, 0.85);
}
.lch-page-hero--gift .lch-page-hero__cta--icon:hover,
.lch-page-hero--gift .lch-page-hero__cta--icon:focus-visible {
color: #fff;
}
.lch-page-hero--gift .lch-page-hero__cta--icon:hover .lch-page-hero__cta-icon,
.lch-page-hero--gift .lch-page-hero__cta--icon:focus-visible .lch-page-hero__cta-icon {
transform: translateY(3px);
}
@media (max-width: 700px) {
.lch-page-hero--gift .lch-page-hero__inner {
width: calc(100% - 2.4rem);
margin-left: 1.2rem;
margin-right: 1.2rem;
padding-bottom: 5rem;
}
.lch-page-hero--gift .lch-page-hero__copy {
max-width: none;
}
.lch-page-hero--gift .lch-page-hero__subtitle {
max-width: none;
}
.lch-page-hero--gift .lch-page-hero__image {
object-position: 60% center;
}
} .lch-page-hero--contact .lch-page-hero__veil {
background:
linear-gradient(90deg, rgba(12, 10, 8, 0.55) 0%, rgba(12, 10, 8, 0.28) 38%, rgba(12, 10, 8, 0.08) 68%, rgba(12, 10, 8, 0.22) 100%),
linear-gradient(180deg, rgba(12, 10, 8, 0.28) 0%, transparent 30%, transparent 55%, rgba(12, 10, 8, 0.5) 100%);
}
.lch-page-hero--contact .lch-page-hero__image {
object-position: 55% center;
}
.lch-page-hero--contact .lch-page-hero__eyebrow {
display: inline-flex;
align-items: center;
gap: 0.85rem;
color: rgba(255, 255, 255, 0.92);
letter-spacing: 0.26em;
}
.lch-page-hero--contact .lch-page-hero__eyebrow::after {
content: "";
display: block;
width: 2.6rem;
height: 1px;
background: currentColor;
opacity: 0.85;
}
.lch-page-hero--contact .lch-page-hero__title,
.wpcursor-component.lch-page-hero--contact .lch-page-hero__title {
font-size: clamp(2.6rem, 6.2vw, 4.6rem) !important;
line-height: 1.06 !important;
}
.lch-page-hero--contact .lch-page-hero__subtitle {
max-width: 32rem;
font-family: "Outfit", system-ui, sans-serif;
font-style: normal;
font-weight: 300;
font-size: clamp(0.98rem, 1.6vw, 1.12rem);
line-height: 1.65;
color: rgba(255, 255, 255, 0.92);
}
.lch-page-hero--contact .lch-page-hero__cta {
color: rgba(255, 255, 255, 0.92);
}
.lch-page-hero--contact .lch-page-hero__cta:hover,
.lch-page-hero--contact .lch-page-hero__cta:focus-visible {
color: #fff;
}
.lch-page-hero--contact .lch-page-hero__cta-icon {
width: 2.35rem;
height: 3.15rem;
border-radius: 999px;
}
@media (max-width: 700px) {
.lch-page-hero--contact .lch-page-hero__subtitle {
max-width: none;
}
.lch-page-hero--contact .lch-page-hero__image {
object-position: 70% center;
}
} .lch-page-hero--press .lch-page-hero__veil {
background:
linear-gradient(90deg, rgba(12, 10, 8, 0.72) 0%, rgba(12, 10, 8, 0.42) 40%, rgba(12, 10, 8, 0.12) 70%, rgba(12, 10, 8, 0.2) 100%),
linear-gradient(180deg, rgba(12, 10, 8, 0.28) 0%, transparent 32%, transparent 58%, rgba(12, 10, 8, 0.48) 100%);
}
.lch-page-hero--press .lch-page-hero__image {
object-position: 78% center;
}
.lch-page-hero--press .lch-page-hero__eyebrow {
display: inline-flex;
align-items: center;
gap: 0.85rem;
color: #d4b98a;
letter-spacing: 0.26em;
}
.lch-page-hero--press .lch-page-hero__eyebrow::after {
content: "";
display: block;
width: 2.6rem;
height: 1px;
background: currentColor;
opacity: 0.9;
}
.lch-page-hero--press .lch-page-hero__title,
.wpcursor-component.lch-page-hero--press .lch-page-hero__title {
font-size: clamp(2.6rem, 6vw, 4.5rem) !important;
line-height: 1.06 !important;
margin-bottom: 1.15rem !important;
}
.lch-page-hero--press .lch-page-hero__title-lead,
.wpcursor-component.lch-page-hero--press .lch-page-hero__title-lead {
display: inline !important;
color: #fff !important;
background-image: linear-gradient(#d4b98a, #d4b98a);
background-repeat: no-repeat;
background-size: 100% 1.5px;
background-position: left calc(1em + 0.35rem);
padding-bottom: 0.45rem;
}
.lch-page-hero--press .lch-page-hero__subtitle {
max-width: 30rem;
font-family: "Outfit", system-ui, sans-serif;
font-style: normal;
font-weight: 300;
font-size: clamp(0.98rem, 1.55vw, 1.1rem);
line-height: 1.65;
color: rgba(255, 255, 255, 0.92);
}
.lch-page-hero--press .lch-page-hero__cta {
color: #d4b98a;
}
.lch-page-hero--press .lch-page-hero__cta:hover,
.lch-page-hero--press .lch-page-hero__cta:focus-visible {
color: #efe4d2;
}
@media (max-width: 700px) {
.lch-page-hero--press .lch-page-hero__subtitle {
max-width: none;
}
.lch-page-hero--press .lch-page-hero__image {
object-position: 85% center;
}
} .lch-page-hero--journal {
align-items: center;
justify-content: center;
}
.lch-page-hero--journal .lch-page-hero__veil {
background:
linear-gradient(180deg, rgba(12, 10, 8, 0.38) 0%, rgba(12, 10, 8, 0.18) 38%, rgba(12, 10, 8, 0.22) 62%, rgba(12, 10, 8, 0.55) 100%),
linear-gradient(90deg, rgba(12, 10, 8, 0.28) 0%, transparent 35%, transparent 65%, rgba(12, 10, 8, 0.22) 100%);
}
.lch-page-hero--journal .lch-page-hero__image {
object-position: 58% center;
}
.lch-page-hero--journal .lch-page-hero__inner {
align-self: center;
width: min(46rem, calc(100% - 3rem));
margin: 0 auto;
padding: 0 0 clamp(5rem, 12vh, 7.5rem);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
min-height: min(72vh, 40rem);
}
.lch-page-hero--journal .lch-page-hero__copy {
max-width: min(40rem, 100%);
}
.lch-page-hero--journal .lch-page-hero__title,
.wpcursor-component.lch-page-hero--journal .lch-page-hero__title {
margin: 0 0 1rem !important;
font-size: clamp(3rem, 7vw, 5.2rem) !important;
font-weight: 500 !important;
line-height: 1.05 !important;
letter-spacing: 0.01em !important;
color: #fff !important;
}
.lch-page-hero--journal .lch-page-hero__subtitle {
margin: 0 auto;
max-width: 34rem;
font-family: "Cormorant Garamond", Georgia, serif;
font-style: normal;
font-weight: 400;
font-size: clamp(1.05rem, 2vw, 1.35rem);
line-height: 1.45;
color: rgba(255, 255, 255, 0.94);
}
.lch-page-hero--journal .lch-page-hero__cta--icon {
position: absolute;
left: 50%;
bottom: clamp(1.5rem, 4.5vh, 2.6rem);
transform: translateX(-50%);
color: rgba(255, 255, 255, 0.92);
margin: 0;
flex-direction: column;
gap: 0;
}
.lch-page-hero--journal .lch-page-hero__cta--icon .lch-page-hero__cta-icon {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
width: auto;
height: auto;
border: 0;
border-radius: 0;
padding: 0;
}
.lch-page-hero--journal .lch-page-hero__cta--icon .lch-page-hero__cta-icon::before {
content: "";
display: block;
width: 1px;
height: 2.55rem;
background: currentColor;
opacity: 0.9;
margin-bottom: 0.2rem;
}
.lch-page-hero--journal .lch-page-hero__cta--icon:hover,
.lch-page-hero--journal .lch-page-hero__cta--icon:focus-visible {
color: #fff;
outline: none;
}
.lch-page-hero--journal .lch-page-hero__cta--icon:hover .lch-page-hero__cta-icon,
.lch-page-hero--journal .lch-page-hero__cta--icon:focus-visible .lch-page-hero__cta-icon {
transform: translateY(3px);
}
@media (max-width: 700px) {
.lch-page-hero--journal .lch-page-hero__inner {
width: calc(100% - 2.4rem);
min-height: min(68vh, 34rem);
padding-bottom: 5.5rem;
}
.lch-page-hero--journal .lch-page-hero__subtitle {
max-width: 22rem;
}
.lch-page-hero--journal .lch-page-hero__image {
object-position: 62% center;
}
}
@media (prefers-reduced-motion: reduce) {
.lch-page-hero__image {
transform: none;
}
.lch-page-hero__cta-icon {
transition: none;
}
}