:root {
--lnj-cream: #f3ece2;
--lnj-cream-alt: #EFECE5;
--lnj-footer-bg: #f3efe6;
--lnj-surface: #fcf9f9;
--lnj-primary: #1B242E;
--lnj-ink: #1B242E;
--lnj-gold: #C9A96A;
--lnj-gold-dim: #e4c281;
--lnj-gold-fixed: #ffdea1;
--lnj-stock-ok: #3d8a54;
--lnj-stock-low: #d4a017;
--lnj-stock-one: #d66a28;
--lnj-stock-out: #c4452b;
--lnj-soft: #454C55;
--lnj-faint: #8A8A80;
--lnj-line: #DCD5C7;
--lnj-variant: #44474b;
--lnj-hero-start: #F7F3EC;
--lnj-hero-end: #EEE7DA;
--lnj-on-primary: #ffffff;
--lnj-max: 1180px;
--lnj-gutter: 18px;
--lnj-margin: 36px;
--lnj-margin-m: 18px;
--lnj-section: 64px;
--lnj-header-h: 104px;
--lnj-admin-bar: 0px;
--lnj-safe-bottom: 0px;
--lnj-tabbar-h: 64px;
--lnj-font-display: "Playfair Display SC", "Playfair Display", Georgia, serif;
--lnj-font-body: "Playfair Display SC", "Playfair Display", Georgia, serif;
--lnj-font-meta: "Playfair Display SC", "Playfair Display", Georgia, serif;
--lnj-font-article: "Playfair Display", Georgia, serif; --lnj-radius-frame: 0 30px 0 30px;
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
margin: 0;
background: var(--lnj-cream);
color: var(--lnj-primary);
font-family: var(--lnj-font-body);
font-size: 17px;
font-weight: 400;
line-height: 1.85;
-webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; color: inherit; }
ul, ol { margin: 0; padding: 0; list-style: none; }
h1, h2, h3, h4 {
font-family: var(--lnj-font-display);
font-weight: 400;
line-height: 1.15;
margin: 0;
}
.lnj-wrap {
width: 100%;
max-width: var(--lnj-max);
margin: 0 auto;
padding-left: var(--lnj-margin-m);
padding-right: var(--lnj-margin-m);
}
@media (min-width: 1024px) {
.lnj-wrap {
padding-left: var(--lnj-margin);
padding-right: var(--lnj-margin);
}
}
.lnj-meta {
font-family: var(--lnj-font-meta);
font-size: 12px;
letter-spacing: 0.14em;
text-transform: uppercase;
font-weight: 400;
line-height: 1;
}
.lnj-meta--sm { font-size: 10px; }
.lnj-price {
font-family: var(--lnj-font-display);
font-size: 28px;
line-height: 1.15;
font-weight: 400;
display: inline-flex;
flex-direction: column;
align-items: flex-start;
gap: 6px;
}
.lnj-soft { color: var(--lnj-soft); }
.lnj-faint { color: var(--lnj-faint); }
.lnj-italic { font-style: italic; } .lnj-btn[hidden] {
display: none !important;
}
.lnj-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
font-family: var(--lnj-font-meta);
font-size: 11px;
letter-spacing: 0.14em;
text-transform: uppercase;
border: 1px solid var(--lnj-primary);
background: transparent;
color: var(--lnj-primary);
padding: 12px 20px;
cursor: pointer;
border-radius: var(--lnj-radius-frame);
box-shadow: none;
transition: background 0.2s, color 0.2s;
}
.lnj-btn:hover,
.lnj-btn:focus-visible {
background: var(--lnj-primary);
color: var(--lnj-on-primary);
}
.lnj-btn--primary {
background: var(--lnj-primary);
color: var(--lnj-gold-fixed);
}
.lnj-btn--primary:hover {
background: var(--lnj-surface);
color: var(--lnj-primary);
}
.lnj-btn--block { width: 100%; } body.admin-bar {
--lnj-admin-bar: 32px;
}
@media screen and (max-width: 782px) {
body.admin-bar {
--lnj-admin-bar: 46px;
}
}
.lnj-header {
position: fixed;
top: var(--lnj-admin-bar);
left: 0;
right: 0;
z-index: 50;
display: flex;
flex-direction: column;
background: var(--lnj-cream);
border-bottom: 0;
}
.lnj-nav {
display: flex;
align-items: center;
justify-content: space-between;
height: 64px;
max-width: var(--lnj-max);
margin: 0 auto;
padding: 0 var(--lnj-margin-m);
gap: 24px;
}
@media (min-width: 1024px) {
.lnj-nav { padding: 0 var(--lnj-margin); }
}
.lnj-nav__left {
display: flex;
align-items: center;
gap: 40px;
min-width: 0;
}
.lnj-brand {
font-family: var(--lnj-font-display);
font-size: 26px;
line-height: 1.2;
font-style: normal;
color: var(--lnj-primary);
white-space: nowrap;
letter-spacing: -0.02em;
}
.lnj-brand a {
color: inherit;
font-style: normal;
}
.lnj-brand img { max-height: 36px; width: auto; }
.lnj-nav-links {
display: none;
align-items: center;
gap: 32px;
margin: 0;
padding: 0;
list-style: none;
}
.lnj-nav-links a {
font-family: var(--lnj-font-meta);
font-size: 12px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--lnj-variant);
}
.lnj-nav-links a:hover,
.lnj-nav-links .current-menu-item > a,
.lnj-nav-links a[aria-current="page"] {
color: var(--lnj-primary);
font-weight: 400;
}
@media (min-width: 1024px) {
.lnj-nav-links { display: flex; }
}
.lnj-nav-actions {
display: flex;
align-items: center;
gap: 16px;
flex-shrink: 0;
}
.lnj-cart-link {
display: inline-flex;
align-items: center;
gap: 8px;
font-family: var(--lnj-font-meta);
font-size: 12px;
letter-spacing: 0.14em;
text-transform: uppercase;
border: 1px solid var(--lnj-primary);
padding: 8px 12px;
color: var(--lnj-primary);
}
.lnj-cart-count {
font-size: 14px;
}
.lnj-person {
display: inline-flex;
width: 32px;
height: 32px;
background: var(--lnj-primary);
color: var(--lnj-on-primary, #fff);
align-items: center;
justify-content: center;
text-decoration: none;
flex-shrink: 0;
}
.lnj-person:hover,
.lnj-person:focus-visible {
opacity: 0.88;
outline: none;
color: var(--lnj-on-primary, #fff);
}
.lnj-person.is-logged-in {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
} .lnj-nav-toggle {
display: none !important;
} .lnj-ticker {
background: var(--lnj-ink);
color: var(--lnj-gold-dim);
padding: 10px 0;
overflow: hidden;
max-width: 100%;
white-space: nowrap;
border-top: 0;
width: 100%;
text-align: left;
margin: 0;
flex-shrink: 0;
}
.lnj-ticker__track {
display: flex;
width: max-content;
align-items: center;
animation: lnj-marquee 40s linear infinite;
font-family: var(--lnj-font-meta);
font-size: 12px;
letter-spacing: 0.18em;
text-transform: uppercase;
line-height: 1;
will-change: transform;
}
.lnj-ticker:hover .lnj-ticker__track {
animation-play-state: paused;
}
.lnj-ticker--static .lnj-ticker__track {
animation: none;
width: 100%;
justify-content: center;
will-change: auto;
}
@media (prefers-reduced-motion: reduce) {
.lnj-ticker__track {
animation: none !important;
width: 100%;
justify-content: center;
will-change: auto;
}
.lnj-ticker__group + .lnj-ticker__group {
display: none;
}
}
.lnj-ticker__group {
display: flex;
flex-shrink: 0;
align-items: center;
gap: 0;
padding-right: 2.5rem;
white-space: nowrap;
}
.lnj-ticker__sep {
display: inline;
margin: 0 0.85rem;
opacity: 0.7;
}
.lnj-ticker__num {
font-size: calc(1em + 3pt);
letter-spacing: inherit;
padding: 0 0.12em;
}
.lnj-ticker__countdown { color: inherit; }
.lnj-ticker__link {
color: inherit;
text-decoration: none;
pointer-events: auto;
cursor: pointer;
border-bottom: 1px solid transparent;
white-space: nowrap;
}
.lnj-ticker__link:hover,
.lnj-ticker__link:focus-visible {
border-bottom-color: currentColor;
outline: none;
}
@keyframes lnj-marquee {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}
.lnj-progress {
height: 2px;
background: var(--lnj-line);
}
.lnj-progress__bar {
display: block;
height: 100%;
width: 0;
background: var(--lnj-gold);
} .lnj-main {
min-height: 60vh;
padding-top: var(--lnj-header-h);
} .lnj-home,
.lnj-home * {
font-style: normal !important;
} .lnj-hero { border-bottom: 1px solid var(--lnj-primary); }
.lnj-hero__desktop {
display: none;
width: 100%;
position: relative;
overflow: visible;
min-height: 0;
box-sizing: border-box;
--lnj-hero-detail-overhang: min(clamp(48px, 8vw, 120px), 11vh);
}
.lnj-hero__mobile {
display: none;
flex-direction: column;
}
@media (max-width: 1023px) {
.lnj-hero__mobile { display: flex; }
}
@media (min-width: 1024px) {
.lnj-hero {
height: calc(100vh - var(--lnj-header-h) - var(--lnj-admin-bar));
height: calc(100dvh - var(--lnj-header-h) - var(--lnj-admin-bar));
max-height: calc(100dvh - var(--lnj-header-h) - var(--lnj-admin-bar));
box-sizing: border-box;
}
.lnj-hero__desktop {
display: flex;
height: 100%;
max-height: 100%;
}
.lnj-hero__mobile { display: none !important; }
}
.lnj-hero__rail {
width: 80px;
border-right: 1px solid var(--lnj-primary);
display: flex;
align-items: flex-start;
justify-content: center;
padding-top: 32px;
flex-shrink: 0;
background: var(--lnj-cream);
z-index: 2;
}
.lnj-rail {
writing-mode: vertical-rl;
transform: rotate(180deg);
font-family: var(--lnj-font-meta);
font-size: 12px;
font-weight: 400;
letter-spacing: 0.14em;
text-transform: uppercase;
line-height: 1;
color: var(--lnj-primary);
}
.lnj-rail--display {
font-family: var(--lnj-font-display);
font-size: 38px;
font-weight: 400;
letter-spacing: -0.02em;
text-transform: none;
line-height: 1.2;
color: var(--lnj-primary);
}
.lnj-rail-label {
font-family: var(--lnj-font-meta);
font-size: 12px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--lnj-primary);
}
.lnj-hero__body {
flex: 1;
display: flex;
min-width: 0;
min-height: 0;
}
.lnj-hero__copy {
width: 50%;
padding: clamp(12px, 3vh, 32px) 40px clamp(16px, 4vh, 48px);
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
z-index: 2;
min-width: 0;
min-height: 0;
}
@media (min-width: 1280px) {
.lnj-hero__copy { padding: clamp(12px, 3vh, 32px) 72px clamp(16px, 5vh, 64px); }
}
.lnj-hero__rule {
width: 32px;
border-top: 1px solid var(--lnj-primary);
margin-bottom: 20px;
}
.lnj-hero__h1 {
margin: 0 0 12px;
font-family: var(--lnj-font-meta);
font-size: 12px;
font-weight: 400;
letter-spacing: 0.14em;
text-transform: uppercase;
line-height: 1.4;
color: var(--lnj-primary);
max-width: 36ch;
}
.lnj-hero__title {
font-family: var(--lnj-font-display);
font-size: clamp(28px, 5.2vh, 42px);
line-height: 1.15;
font-weight: 400;
color: var(--lnj-primary);
margin: 0 0 clamp(12px, 2.4vh, 20px);
max-width: 14ch;
}
.lnj-hero__quote {
font-family: var(--lnj-font-body);
font-style: normal;
font-size: clamp(15px, 2.1vh, 17px);
line-height: 1.7;
color: var(--lnj-soft);
max-width: 36ch;
margin: 0 0 clamp(12px, 2.8vh, 28px);
}
.lnj-hero__cta {
align-self: flex-start;
display: inline-flex;
align-items: center;
gap: 10px;
}
.lnj-hero__media {
width: 50%;
padding: 12px 40px calc(12px + var(--lnj-hero-detail-overhang, 56px));
display: grid;
place-items: center;
position: relative;
min-width: 0;
min-height: 0;
box-sizing: border-box;
container-type: size;
}
.lnj-hero__frame {
width: min(360px, 100%, calc(100cqh * 3 / 4));
max-width: 100%;
max-height: 100%;
height: auto;
aspect-ratio: 3 / 4;
border: 1px solid var(--lnj-primary);
background-color: #C2A769;
background-image: var(--lnj-placeholder);
background-position: center;
background-size: 55% auto;
background-repeat: no-repeat;
position: relative;
overflow: visible;
}
.lnj-hero__frame:has(.lnj-hero__frame--detail) {
margin-bottom: 0;
}
.lnj-hero__frame[style*="background-image"],
.lnj-hero__frame.has-photo {
background-size: cover;
}
.lnj-hero__frame.has-photo {
background-image: none;
}
.lnj-hero__frame-img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
z-index: 0;
}
.lnj-hero__frame--detail {
position: absolute;
right: calc(-1 * var(--lnj-hero-detail-overhang));
bottom: calc(-1 * var(--lnj-hero-detail-overhang));
width: min(192px, 52%);
max-width: none;
aspect-ratio: 1;
border: clamp(4px, 0.7vw, 8px) solid var(--lnj-cream);
outline: 1px solid var(--lnj-primary);
outline-offset: 0;
z-index: 3;
box-sizing: content-box;
overflow: hidden;
}
.lnj-hero__frame--detail.has-photo {
background-image: none;
}
.lnj-hero__caption {
position: absolute;
bottom: -24px;
left: -24px;
background: var(--lnj-cream);
border: 1px solid var(--lnj-primary);
padding: 6px 12px;
font-family: var(--lnj-font-meta);
font-size: 10px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--lnj-primary);
white-space: nowrap;
z-index: 2;
}
.lnj-hero__mobile-bar {
display: none;
}
.lnj-hero__mobile-media {
position: relative;
width: 100%;
margin: 0;
padding: 0 18px;
box-sizing: border-box;
}
.lnj-hero__mobile-img {
width: 100%;
aspect-ratio: 4 / 5;
border-bottom: 1px solid var(--lnj-soft);
background-color: #eae7e8;
background-image: var(--lnj-placeholder);
background-position: center;
background-size: 40% auto;
background-repeat: no-repeat;
position: relative;
overflow: visible;
}
.lnj-hero__mobile-img[style*="background-image"],
.lnj-hero__mobile-img.has-photo {
background-size: cover;
}
.lnj-hero__mobile-img.has-photo {
background-image: none;
}
.lnj-hero__mobile-photo {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.lnj-hero__mobile-detail {
--lnj-hero-detail-overhang: 16px;
position: absolute;
right: calc(-1 * var(--lnj-hero-detail-overhang));
bottom: calc(-1 * var(--lnj-hero-detail-overhang));
width: 160px;
aspect-ratio: 1;
background: var(--lnj-surface, #fcf9f9) center / cover no-repeat;
border: 4px solid var(--lnj-cream);
outline: 1px solid var(--lnj-soft);
outline-offset: 0;
z-index: 2;
box-sizing: border-box;
box-shadow: 0 12px 28px rgba(5, 14, 24, 0.12);
overflow: hidden;
}
.lnj-hero__mobile-detail.has-photo {
background-image: none;
}
.lnj-hero__mobile-detail-img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.lnj-hero__mobile-copy {
padding: 64px 18px 0;
text-align: center;
}
.lnj-hero__mobile-copy h1 {
font-family: var(--lnj-font-meta);
font-size: 12px;
font-weight: 400;
letter-spacing: 0.14em;
text-transform: uppercase;
line-height: 1.4;
margin: 0 0 12px;
color: var(--lnj-primary);
}
.lnj-hero__mobile-drop {
font-family: var(--lnj-font-display);
font-size: 34px;
font-weight: 400;
line-height: 1.2;
margin: 0 0 12px;
color: var(--lnj-primary);
}
.lnj-hero__mobile-lead {
margin: 0 auto 24px;
max-width: 28rem;
font-family: var(--lnj-font-display);
font-size: 18px;
font-style: normal;
line-height: 1.7;
color: var(--lnj-soft);
}
.lnj-hero__mobile-copy .lnj-hero__cta {
margin: 0 auto 8px;
} .lnj-section {
padding: var(--lnj-section) 0;
position: relative;
}
.lnj-section--alt { background: var(--lnj-cream-alt); }
.lnj-section__glow {
position: absolute;
inset: 0;
pointer-events: none;
overflow: hidden;
opacity: 0.3;
}
.lnj-section__glow::after {
content: "";
position: absolute;
top: -25%;
right: -25%;
width: 800px;
height: 800px;
border-radius: 50%;
background: radial-gradient(circle, var(--lnj-hero-start), transparent 70%);
filter: blur(40px);
}
.lnj-section__head {
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 64px;
padding-bottom: 16px;
border-bottom: 1px solid var(--lnj-primary);
position: relative;
z-index: 1;
}
@media (min-width: 768px) {
.lnj-section__head {
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
}
}
.lnj-section__title {
font-size: 26px;
line-height: 1.3;
color: var(--lnj-primary);
margin-bottom: 8px;
} .lnj-product-list {
border-top: 1px solid var(--lnj-primary);
position: relative;
z-index: 1;
}
.lnj-product-row {
display: flex;
flex-direction: column;
gap: 8px;
padding: 24px 0;
border-bottom: 1px solid var(--lnj-primary);
position: relative;
transition: background 0.2s;
color: inherit;
}
.lnj-product-row__hit {
position: absolute;
inset: 0;
z-index: 1;
}
.lnj-product-row:not(.is-sold) {
cursor: pointer;
}
.lnj-product-row__hit:focus-visible {
outline: 1px solid var(--lnj-primary);
outline-offset: 2px;
}
.lnj-product-row:hover { background: var(--lnj-surface); }
@media (min-width: 768px) {
.lnj-product-row {
display: grid;
grid-template-columns: 48px 56px minmax(0, 2fr) minmax(0, 1.4fr) max-content;
align-items: center;
gap: 16px 20px;
padding-left: 0;
padding-right: 0;
}
}
.lnj-product-row__idx {
flex-shrink: 0;
color: var(--lnj-faint);
font-family: var(--lnj-font-meta);
font-size: 12px;
letter-spacing: 0.14em;
}
@media (min-width: 768px) {
.lnj-product-row__idx { width: auto; }
}
.lnj-product-row__thumb {
display: none;
width: 56px;
height: 56px;
padding: 0;
border: 1px solid var(--lnj-primary);
border-radius: var(--lnj-radius-frame);
overflow: hidden;
background: var(--lnj-cream-alt);
cursor: zoom-in;
flex-shrink: 0;
position: relative;
z-index: 2;
}
.lnj-product-row__thumb--empty {
cursor: default;
opacity: 0.35;
pointer-events: none;
}
.lnj-product-row__thumb-img {
display: block;
width: 100%;
height: 100%;
background: center / cover no-repeat;
}
@media (min-width: 768px) {
.lnj-product-row__thumb { display: block; }
}
.lnj-product-row__main {
display: flex;
align-items: center;
gap: 16px;
min-width: 0;
}
.lnj-product-row__title {
font-family: var(--lnj-font-display);
font-size: 24px;
line-height: 1.2;
color: var(--lnj-primary);
transition: font-style 0.3s;
min-width: 0;
text-decoration: none;
overflow-wrap: normal;
hyphens: none;
}
@media (min-width: 768px) {
.lnj-product-row__title {
font-size: 28px;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
}
.lnj-product-row:hover .lnj-product-row__title { font-style: italic; }
.lnj-home .lnj-product-row:hover .lnj-product-row__title { font-style: normal; }
.lnj-status {
font-family: var(--lnj-font-meta);
font-size: 10px;
letter-spacing: 0.2em;
text-transform: uppercase;
background: #c5c6cb;
color: var(--lnj-primary);
padding: 2px 8px;
}
.lnj-product-row__meta {
display: flex;
align-items: center;
justify-content: flex-end;
min-width: 0;
padding-left: 40px;
}
@media (min-width: 768px) {
.lnj-product-row__meta {
margin-left: 0;
padding-left: 0;
align-self: center;
}
}
.lnj-product-row__meta-text {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
overflow: hidden;
font-family: var(--lnj-font-meta);
font-size: 12px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--lnj-soft);
line-height: 1.45;
text-align: right;
max-width: 100%;
}
.lnj-product-row__price {
display: flex;
align-items: center;
justify-content: flex-end;
flex-shrink: 0;
padding-left: 40px;
white-space: nowrap;
}
@media (min-width: 768px) {
.lnj-product-row__price {
padding-left: 0;
}
}
.lnj-product-row .lnj-price {
font-family: var(--lnj-font-display);
font-size: 28px;
line-height: 1;
color: var(--lnj-primary);
font-weight: 400;
text-decoration: none;
}
.lnj-product-row.is-sold { opacity: 0.55; }
.lnj-product-row.is-sold .lnj-product-row__title {
text-decoration: line-through;
text-decoration-thickness: 1px;
color: var(--lnj-soft);
}
.lnj-product-row.is-sold .lnj-price {
color: var(--lnj-soft);
}
.lnj-product-row.is-sold:hover .lnj-product-row__title {
font-style: normal;
} .lnj-shop-layout {
display: flex;
gap: var(--lnj-gutter);
padding: var(--lnj-section) 0 24px;
}
.lnj-shop-rail {
display: none;
width: 120px;
flex-shrink: 0;
}
@media (min-width: 1024px) {
.lnj-shop-rail {
display: flex;
justify-content: center;
}
.lnj-shop-rail .lnj-rail--display {
position: sticky;
top: 140px;
height: fit-content;
}
}
.lnj-shop-main { flex: 1; min-width: 0; }
.lnj-crumbs,
.lnj-crumbs a,
.lnj-crumbs span {
font-family: var(--lnj-font-meta);
font-size: 12px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: rgba(27, 36, 46, 0.5);
font-weight: 400;
}
.lnj-crumbs a:hover,
.lnj-crumbs a:focus-visible {
color: var(--lnj-gold);
}
.lnj-crumbs .breadcrumb_last,
.lnj-crumbs [aria-current="page"],
.lnj-crumbs__current {
color: rgba(27, 36, 46, 0.5);
text-decoration: none;
pointer-events: none;
}
.lnj-crumbs__list {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0;
list-style: none;
margin: 0;
padding: 0;
}
.lnj-crumbs__item {
display: inline-flex;
align-items: center;
}
.lnj-crumbs__item:not(:last-child)::after {
content: "·";
margin: 0 0.55em;
opacity: 0.85;
}
.lnj-crumbs--pdp,
.lnj-crumbs--pdp-bar,
.lnj-crumbs--pdp a,
.lnj-crumbs--pdp span,
.lnj-crumbs--pdp-bar a,
.lnj-crumbs--pdp-bar span {
color: var(--lnj-ink);
}
.lnj-crumbs--pdp .lnj-crumbs__list,
.lnj-crumbs--pdp-bar .lnj-crumbs__list {
gap: 6px;
}
.lnj-crumbs--pdp .lnj-crumbs__item:not(:last-child)::after,
.lnj-crumbs--pdp-bar .lnj-crumbs__item:not(:last-child)::after {
content: none;
margin: 0;
}
.lnj-crumbs--pdp .lnj-crumbs__link,
.lnj-crumbs--pdp .lnj-crumbs__current,
.lnj-crumbs--pdp [aria-current="page"],
.lnj-crumbs--pdp-bar .lnj-crumbs__link,
.lnj-crumbs--pdp-bar .lnj-crumbs__current,
.lnj-crumbs--pdp-bar [aria-current="page"] {
display: inline-block;
border: 1px solid var(--lnj-ink);
color: var(--lnj-ink);
padding: 5px 10px;
line-height: 1.25;
letter-spacing: 0.1em;
}
.lnj-crumbs--pdp a:hover,
.lnj-crumbs--pdp a:focus-visible,
.lnj-crumbs--pdp-bar a:hover,
.lnj-crumbs--pdp-bar a:focus-visible {
color: var(--lnj-gold);
border-color: var(--lnj-gold);
}
.lnj-crumbs--shop {
margin: 0 0 1.1rem;
}
.lnj-drops-current__main > .lnj-crumbs--shop,
.lnj-drops-shell__main > .lnj-crumbs--shop {
flex: 0 0 auto;
}
.lnj-shop-header {
margin: 0 0 1.35rem;
}
.lnj-shop-header__title {
font-family: var(--lnj-font-display);
font-size: clamp(1.5rem, 2.4vw, 2.2rem);
font-weight: 400;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--lnj-primary);
margin: 0 0 0.45rem;
line-height: 1.15;
}
.lnj-shop-header__subtitle {
font-family: var(--lnj-font-display);
font-size: 0.72rem;
letter-spacing: 0.14em;
text-transform: uppercase;
color: rgba(27, 36, 46, 0.6);
margin: 0;
}
.lnj-shop-shipping {
font-family: var(--lnj-font-body);
font-size: 0.8125rem;
letter-spacing: 0.01em;
color: rgba(27, 36, 46, 0.6);
margin: 0 0 1rem;
line-height: 1.5;
}
.lnj-shop-about {
margin: 80px 0 60px;
max-width: 620px;
}
.lnj-shop-about__title {
font-family: var(--lnj-font-display);
font-size: 1.35rem;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--lnj-primary);
margin: 0 0 1.25rem;
}
.lnj-shop-about__body {
font-family: var(--lnj-font-display);
font-size: 0.95rem;
line-height: 1.75;
letter-spacing: 0.04em;
color: var(--lnj-primary);
}
.lnj-shop-about__body p {
margin: 0 0 1.15em;
}
.lnj-shop-about__body p:last-child {
margin-bottom: 0;
}
.lnj-shop-about__body a {
color: var(--lnj-gold);
text-decoration: underline;
text-underline-offset: 0.22em;
text-decoration-thickness: 1px;
}
.lnj-shop-about__body a:hover,
.lnj-shop-about__body a:focus-visible {
color: var(--lnj-primary);
}
.lnj-home-story {
padding: var(--lnj-section) 0;
border-top: 1px solid var(--lnj-primary);
background: var(--lnj-cream);
}
.lnj-home-story__row {
display: grid;
gap: 28px;
padding: 48px 0;
border-top: 1px solid var(--lnj-line);
align-items: center;
}
.lnj-home-story__row:first-child {
border-top: 0;
padding-top: 0;
}
.lnj-home-story__row:last-child {
padding-bottom: 0;
}
.lnj-home-story__copy {
min-width: 0;
}
.lnj-home-story__title {
font-family: var(--lnj-font-article);
font-size: clamp(1.55rem, 3.2vw, 2.15rem);
line-height: 1.25;
font-weight: 400;
letter-spacing: normal;
text-transform: none;
color: var(--lnj-primary);
margin: 0 0 1.35rem;
}
.lnj-home-story__title--meta {
font-size: 1.15rem;
letter-spacing: normal;
text-transform: none;
line-height: 1.35;
margin-bottom: 1.1rem;
}
.lnj-home-story__body p {
font-family: var(--lnj-font-article);
font-size: 1.02rem;
line-height: 1.8;
letter-spacing: normal;
text-transform: none;
color: var(--lnj-primary);
margin: 0 0 1.1em;
}
.lnj-home-story__body p:last-child {
margin-bottom: 0;
}
.lnj-home-story__media {
min-width: 0;
}
.lnj-home-story__figure {
margin: 0;
width: 100%;
aspect-ratio: 4 / 5;
border: 1px solid var(--lnj-primary);
overflow: hidden;
background-color: #C2A769;
background-image: var(--lnj-placeholder);
background-position: center;
background-size: 45% auto;
background-repeat: no-repeat;
position: relative;
}
.lnj-home-story__figure.has-photo,
.lnj-home-story__figure.has-video {
background-image: none;
background-color: var(--lnj-hero-end);
}
.lnj-home-story__img,
.lnj-home-story__video {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
max-width: none;
}
.lnj-home-story__video {
pointer-events: none; inset: auto;
top: 50%;
left: 50%;
width: 150%;
height: 150%;
transform: translate(-50%, -50%);
object-position: center center;
}
@media (min-width: 768px) {
.lnj-home-story__row {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 56px;
padding: 64px 0;
align-items: stretch;
}
.lnj-home-story__row--flip .lnj-home-story__copy {
order: 2;
}
.lnj-home-story__media {
position: relative;
min-height: 420px;
}
.lnj-home-story__figure {
position: absolute;
inset: 0;
aspect-ratio: auto;
height: 100%;
}
}
@media (min-width: 1024px) {
.lnj-home-story__row {
gap: 80px;
}
}
@media (max-width: 767px) {
.lnj-home-story {
padding: 48px 0;
}
.lnj-home-story__row {
padding: 36px 0;
gap: 22px;
}
.lnj-home-story__media {
order: -1;
}
.lnj-home-story__title {
font-size: 1.45rem;
margin-bottom: 1rem;
}
.lnj-home-story__title--meta {
font-size: 1rem;
}
.lnj-home-story__figure {
aspect-ratio: 1;
}
} .lnj-cat-archive {
background: #F4EFE6;
color: #1B242E;
}
.lnj-cat-archive__brand {
font-family: var(--lnj-font-display);
font-size: 1.15rem;
letter-spacing: 0.04em;
color: #C9A96A;
margin: 0 0 0.65rem;
}
.lnj-cat-archive__header .lnj-shop-header__title {
font-family: var(--lnj-font-display);
color: #1B242E;
}
.lnj-cat-archive__intro {
font-family: var(--lnj-font-article);
font-size: 1.05rem;
line-height: 1.7;
letter-spacing: normal;
text-transform: none;
color: #1B242E;
max-width: 42rem;
margin: 1rem 0 1.15rem;
}
.lnj-cat-seo {
margin: 80px 0 60px;
max-width: 40rem;
}
.lnj-cat-seo__title {
font-family: var(--lnj-font-article);
font-size: 1.35rem;
letter-spacing: normal;
text-transform: none;
color: #1B242E;
margin: 2.25rem 0 1rem;
}
.lnj-cat-seo__title:first-child {
margin-top: 0;
}
.lnj-cat-seo__body {
font-family: var(--lnj-font-article);
font-size: 1.02rem;
line-height: 1.8;
letter-spacing: normal;
text-transform: none;
color: #1B242E;
}
.lnj-cat-seo__body p {
margin: 0 0 1rem;
}
.lnj-cat-seo__body h2 {
font-family: var(--lnj-font-article);
font-size: 1.35rem;
font-weight: 400;
letter-spacing: normal;
text-transform: none;
color: #1B242E;
margin: 2.25rem 0 1rem;
}
.lnj-cat-seo__body h2:first-child {
margin-top: 0;
}
.lnj-cat-seo__body a {
color: #1B242E;
text-decoration: underline;
text-decoration-color: #C9A96A;
text-underline-offset: 3px;
}
.lnj-cat-seo__body a:hover,
.lnj-cat-seo__body a:focus-visible {
color: #C9A96A;
}
.lnj-cat-archive .lnj-cat-row.is-sold,
.lnj-cat-archive .lnj-frame-card.is-sold {
opacity: 1;
pointer-events: auto;
filter: none;
}
.lnj-cat-archive .lnj-cat-row.is-sold {
cursor: pointer;
}
.lnj-cat-archive .lnj-cat-row.is-sold:hover {
background: rgba(201, 169, 106, 0.08);
}
.lnj-cat-archive .lnj-cat-row.is-sold .lnj-cat-row__thumb-img,
.lnj-cat-archive .lnj-frame-card.is-sold .lnj-frame-card__photo {
filter: grayscale(100%);
opacity: 0.55;
transition: opacity 0.2s ease;
}
.lnj-cat-archive .lnj-cat-row.is-sold .lnj-price,
.lnj-cat-archive .lnj-frame-card.is-sold .lnj-price {
opacity: 0.5;
}
.lnj-cat-archive .lnj-cat-row.is-sold .lnj-cat-row__sold-label,
.lnj-cat-archive .lnj-frame-card.is-sold .lnj-status,
.lnj-cat-archive .lnj-frame-card.is-sold .lnj-sold-badge {
font-family: var(--lnj-font-display);
text-transform: uppercase;
letter-spacing: 0.05em;
font-size: 12px;
color: #1B242E;
opacity: 0.6;
}
.lnj-cat-archive .product.outofstock .button.add_to_cart_button,
.lnj-cat-archive .lnj-cat-row.is-sold .add_to_cart_button,
.lnj-cat-archive .lnj-frame-card.is-sold .add_to_cart_button {
display: none;
}
.lnj-shop-collections {
display: grid;
grid-template-columns: 1fr;
border-top: 1px solid rgba(27, 36, 46, 0.15);
border-bottom: 1px solid rgba(27, 36, 46, 0.15);
margin: 0;
}
@media (min-width: 768px) {
.lnj-shop-collections {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1100px) {
.lnj-shop-collections {
grid-template-columns: repeat(5, 1fr);
}
}
.lnj-shop-collections a {
font-family: var(--lnj-font-meta);
font-size: 12px;
letter-spacing: 0.14em;
text-transform: uppercase;
text-align: center;
padding: 1.15rem 0.75rem;
color: var(--lnj-primary);
text-decoration: none;
}
.lnj-shop-collections a:hover,
.lnj-shop-collections a:focus-visible {
text-decoration: underline;
text-decoration-color: #C9A96A;
text-underline-offset: 0.35em;
text-decoration-thickness: 1px;
}
.lnj-pdp__info > .lnj-crumbs--pdp {
margin: 0 0 14px;
}
.lnj-crumbs--pdp-under-mobile {
display: none;
}
.lnj-pdp__gallery .lnj-crumbs--pdp-under-desktop {
margin: 8px 0 0;
flex-shrink: 0;
}
.lnj-shop-toolbar {
display: flex;
flex-direction: column;
gap: 24px;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid var(--lnj-primary);
}
@media (min-width: 768px) {
.lnj-shop-toolbar {
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
}
}
.lnj-view-toggle {
display: inline-flex;
align-items: center;
gap: 0;
font-family: var(--lnj-font-meta);
font-size: 12px;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.lnj-view-toggle > span {
color: var(--lnj-variant);
margin-right: 16px;
}
.lnj-view-toggle button {
background: transparent;
border: 0;
padding: 8px 16px;
cursor: pointer;
color: var(--lnj-primary);
font-family: inherit;
font-size: inherit;
letter-spacing: inherit;
text-transform: inherit;
}
.lnj-view-toggle button.is-active {
background: var(--lnj-primary);
color: var(--lnj-on-primary);
}
.lnj-view-toggle button:not(.is-active):hover {
background: var(--lnj-cream-alt);
}
.lnj-shop-cols {
display: none;
width: 100%;
font-family: var(--lnj-font-meta);
font-size: 12px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--lnj-variant);
border-bottom: 1px solid var(--lnj-line);
padding-bottom: 16px;
margin-bottom: 16px;
align-items: center;
column-gap: 20px;
row-gap: 16px;
--lnj-spis-thumb: 56px;
--lnj-spis-cols: 48px var(--lnj-spis-thumb) minmax(0, 1.4fr) minmax(0, 1fr) 8.75rem 13rem;
}
@media (min-width: 768px) {
.lnj-shop-cols {
display: grid;
grid-template-columns: var(--lnj-spis-cols);
}
}
.lnj-shop-cols__stone,
.lnj-shop-cols__size,
.lnj-shop-cols__price {
text-align: right;
}
.lnj-shop-cols__size {
padding-left: 8px;
padding-right: 8px;
} .lnj-cat-row {
display: flex;
flex-direction: column;
padding: 24px 0;
border-bottom: 1px solid var(--lnj-line);
color: inherit;
transition: background 0.3s;
position: relative;
--lnj-spis-thumb: 56px;
--lnj-spis-cols: 48px var(--lnj-spis-thumb) minmax(0, 1.4fr) minmax(0, 1fr) 8.75rem 13rem;
}
.lnj-next-drop .lnj-shop-cols,
.lnj-next-drop .lnj-cat-row {
--lnj-spis-thumb: 112px;
}
.lnj-cat-row__hit {
position: absolute;
inset: 0;
z-index: 1;
}
.lnj-cat-row:not(.is-sold) {
cursor: pointer;
}
.lnj-cat-row__hit:focus-visible {
outline: 1px solid var(--lnj-primary);
outline-offset: 2px;
}
.lnj-cat-row:hover { background: var(--lnj-cream-alt); }
.lnj-cat-row.is-sold {
opacity: 0.38;
pointer-events: none;
filter: grayscale(0.35);
}
.lnj-cat-row.is-sold:hover {
background: transparent;
}
.lnj-cat-row.is-sold .lnj-cat-row__thumb {
cursor: default;
}
@media (min-width: 768px) {
.lnj-cat-row {
display: grid;
grid-template-columns: var(--lnj-spis-cols);
align-items: start;
column-gap: 20px;
row-gap: 16px;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.lnj-cat-row__body { display: contents; }
.lnj-cat-row__nr { grid-column: 1; }
.lnj-cat-row__thumb { grid-column: 2; }
.lnj-cat-row__name { grid-column: 3; }
.lnj-cat-row__stone { grid-column: 4; }
.lnj-cat-row__size { grid-column: 5; }
.lnj-cat-row__price { grid-column: 6; }
.lnj-cat-row__nr,
.lnj-cat-row__thumb,
.lnj-cat-row__name,
.lnj-cat-row__stone,
.lnj-cat-row__size,
.lnj-cat-row__price {
min-width: 0;
align-self: start;
}
.lnj-cat-row__nr,
.lnj-cat-row__thumb {
align-self: center;
}
}
.lnj-cat-row__nr {
width: 48px;
font-family: var(--lnj-font-meta);
font-size: 12px;
letter-spacing: 0.14em;
color: var(--lnj-primary);
margin-bottom: 8px;
display: flex;
align-items: center;
}
.lnj-cat-row.is-sold .lnj-cat-row__nr { color: var(--lnj-variant); }
.lnj-cat-row__thumb {
display: none;
width: var(--lnj-spis-thumb, 56px);
height: var(--lnj-spis-thumb, 56px);
padding: 0;
border: 1px solid var(--lnj-primary);
background: var(--lnj-cream-alt);
cursor: zoom-in;
flex-shrink: 0;
position: relative;
z-index: 2;
}
.lnj-cat-row__thumb--empty {
cursor: default;
opacity: 0.35;
pointer-events: none;
}
.lnj-cat-row__thumb-img {
display: block;
width: 100%;
height: 100%;
background: center / cover no-repeat;
}
@media (min-width: 768px) {
.lnj-cat-row__thumb { display: block; }
}
.lnj-cat-row__name {
flex: 1;
font-family: var(--lnj-font-display);
font-size: 26px;
line-height: 1.3;
color: var(--lnj-primary);
padding-right: 8px;
margin-bottom: 12px;
text-decoration: none;
min-width: 0;
}
.lnj-cat-row.is-sold .lnj-cat-row__name {
text-decoration: line-through;
text-decoration-thickness: 1px;
color: var(--lnj-faint);
}
.lnj-cat-row__stone {
display: none;
font-family: var(--lnj-font-meta);
font-size: 12px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--lnj-variant);
flex-direction: column;
justify-content: center;
gap: 4px;
padding-right: 8px;
min-width: 0;
}
.lnj-cat-row__stone small {
font-size: 10px;
color: var(--lnj-faint);
}
@media (min-width: 768px) {
.lnj-cat-row__name {
margin-bottom: 0;
grid-column: auto;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
overflow: hidden;
padding-top: 6px;
}
.lnj-cat-row__nr { margin-bottom: 0; }
.lnj-cat-row__stone {
display: flex;
text-align: right;
align-items: flex-end;
padding-top: 10px;
overflow: hidden;
}
.lnj-cat-row__stone span,
.lnj-cat-row__stone small {
max-width: 100%;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
}
.lnj-cat-row__size {
display: -webkit-box;
box-sizing: border-box;
width: 100%;
max-width: 100%;
text-align: right;
margin-bottom: 0;
padding-left: 8px;
padding-right: 8px;
padding-top: 10px;
white-space: normal;
overflow: hidden;
overflow-wrap: break-word;
word-break: normal;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
line-height: 1.45;
}
.lnj-cat-row__price {
box-sizing: border-box;
width: 100%;
max-width: 100%;
align-items: flex-start;
justify-content: flex-end;
padding-left: 0;
padding-top: 4px;
min-width: 0;
justify-self: stretch;
overflow: hidden;
}
}
.lnj-cat-row__size {
width: 100%;
font-family: var(--lnj-font-meta);
font-size: 12px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--lnj-variant);
margin-bottom: 12px;
display: flex;
justify-content: space-between;
}
@media (min-width: 768px) {
.lnj-cat-row__size {
width: 100%;
justify-content: flex-end;
margin-bottom: 0;
}
.lnj-cat-row__size .lnj-cat-row__mobile-label { display: none; }
}
.lnj-cat-row__price {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
font-family: var(--lnj-font-display);
font-size: 28px;
}
@media (min-width: 768px) {
.lnj-cat-row__price {
width: 100%;
min-width: 0;
justify-content: flex-end;
}
.lnj-cat-row__price .lnj-cat-row__mobile-label { display: none; }
}
.lnj-cat-row__sold-label {
font-family: var(--lnj-font-meta);
font-size: 12px;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--lnj-faint);
}
.lnj-cat-row__price .lnj-price-with-stock {
justify-content: flex-end;
flex-wrap: wrap;
gap: 10px;
max-width: 100%;
--lnj-badge-h: 28px;
}
.lnj-cat-row__price .lnj-stock-badge {
padding: 0 10px;
font-size: 10px;
letter-spacing: 0.1em;
}
.lnj-cat-row__price .lnj-price {
flex-direction: column;
align-items: flex-end;
white-space: nowrap;
}
.lnj-cat-row__price .lnj-price del,
.lnj-cat-row__price .lnj-price ins {
display: block;
line-height: 1.15;
}
.lnj-cat-row__stock {
display: none;
} .lnj-lightbox {
position: fixed;
inset: 0;
z-index: 100000;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 16px;
padding: 64px 20px 28px;
background: rgba(27, 36, 46, 0.82);
overflow: visible;
}
.lnj-lightbox[hidden] { display: none !important; }
.lnj-lightbox__stage {
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
width: 100%;
min-height: 0;
flex: 1 1 auto;
overflow: visible;
}
.lnj-lightbox__frame {
margin: 0;
min-width: 0;
min-height: 0;
max-width: min(920px, calc(100vw - 140px));
max-height: calc(100dvh - 140px);
width: auto;
height: auto;
border: 1px solid var(--lnj-primary);
border-radius: var(--lnj-radius-frame);
background: var(--lnj-cream);
padding: 10px;
box-shadow: 0 0 0 8px var(--lnj-cream);
position: relative;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.lnj-lightbox__frame img {
display: block;
max-width: min(900px, calc(100vw - 160px));
max-height: calc(100dvh - 160px);
width: auto;
height: auto;
object-fit: contain;
margin: 0;
filter: none;
}
.lnj-lightbox__sold {
z-index: 2;
}
.lnj-lightbox__count {
margin: 0;
font-family: var(--lnj-font-meta);
font-size: 11px;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--lnj-cream);
}
.lnj-lightbox__count[hidden] {
display: none !important;
} .lnj-sold-badge {
position: absolute;
top: 12px;
left: 12px;
z-index: 2;
display: inline-block;
border: 1px solid var(--lnj-primary);
background: rgba(243, 236, 226, 0.94);
padding: 6px 10px;
font-family: var(--lnj-font-meta);
font-size: 10px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--lnj-primary);
pointer-events: none;
}
.lnj-sold-badge[hidden] {
display: none !important;
}
.lnj-lightbox__nav {
flex: 0 0 auto;
position: static;
transform: none;
width: 44px;
height: 44px;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid var(--lnj-cream);
background: var(--lnj-cream);
color: var(--lnj-primary);
cursor: pointer;
z-index: 2;
}
.lnj-lightbox__nav svg {
display: block;
}
.lnj-lightbox__nav:hover,
.lnj-lightbox__nav:focus-visible {
background: var(--lnj-primary);
color: var(--lnj-cream);
outline: none;
}
.lnj-lightbox__nav[hidden] {
display: none !important;
}
.lnj-lightbox__close {
position: absolute; top: 22px;
right: 22px;
transform: none;
width: 44px;
height: 44px;
padding: 0;
border: 1px solid var(--lnj-primary);
background: var(--lnj-primary);
color: var(--lnj-cream);
font-family: var(--lnj-font-display);
font-size: 28px;
line-height: 1;
cursor: pointer;
z-index: 5;
}
.lnj-lightbox__close:hover,
.lnj-lightbox__close:focus-visible {
background: var(--lnj-cream);
color: var(--lnj-primary);
border-color: var(--lnj-cream);
outline: none;
}
@media (max-width: 767px) {
.lnj-lightbox {
padding: 56px 8px 24px;
gap: 12px;
}
.lnj-lightbox__stage { gap: 6px; }
.lnj-lightbox__frame {
max-width: calc(100vw - 96px);
max-height: calc(100dvh - 168px);
padding: 6px;
box-shadow: 0 0 0 6px var(--lnj-cream);
}
.lnj-lightbox__frame img {
max-width: calc(100vw - 108px);
max-height: calc(100dvh - 180px);
}
.lnj-lightbox__nav,
.lnj-lightbox__close {
width: 40px;
height: 40px;
}
.lnj-lightbox__close {
top: 16px;
right: 16px;
}
}
.lnj-frames {
display: none;
grid-template-columns: repeat(2, 1fr);
gap: var(--lnj-gutter);
}
@media (min-width: 768px) {
.lnj-frames { grid-template-columns: repeat(3, 1fr); }
}
.lnj-shop[data-view="frames"] .lnj-product-list,
.lnj-shop[data-view="frames"] .lnj-shop-cols,
.lnj-shop[data-view="frames"] .lnj-cat-list { display: none; }
.lnj-shop[data-view="frames"] .lnj-frames { display: grid; }
.lnj-shop[data-view="list"] .lnj-frames { display: none; }
.lnj-frame-card {
border: 1px solid var(--lnj-primary);
border-radius: var(--lnj-radius-frame);
overflow: hidden;
display: flex;
flex-direction: column;
color: inherit;
height: 100%;
}
.lnj-frame-card__img {
position: relative;
display: block;
aspect-ratio: 1;
width: 100%;
padding: 0;
border: 0;
border-bottom: 1px solid var(--lnj-primary);
background-color: #C2A769;
cursor: pointer;
text-decoration: none;
color: inherit;
overflow: hidden;
}
.lnj-frame-card__photo {
display: block;
width: 100%;
height: 100%;
background-image: var(--lnj-placeholder);
background-position: center;
background-size: 50% auto;
background-repeat: no-repeat;
background-color: #C2A769;
}
.lnj-frame-card__photo[style*="background-image"] {
background-size: cover;
}
.lnj-frame-card.is-sold .lnj-frame-card__photo {
filter: grayscale(1);
}
.lnj-frame-card.is-sold .lnj-frame-card__img {
cursor: zoom-in;
}
.lnj-frame-card__body {
position: relative;
padding: 16px;
padding-bottom: 48px;
display: flex;
flex-direction: column;
gap: 8px;
text-decoration: none;
color: inherit;
flex: 1 1 auto;
}
.lnj-frame-card__title {
display: block;
font-family: var(--lnj-font-display);
font-size: 18px;
line-height: 1.25;
}
.lnj-drop-teaser {
width: 100%;
background: var(--lnj-ink);
color: var(--lnj-gold-dim);
margin-top: 64px;
padding: 48px var(--lnj-margin-m);
}
@media (min-width: 1024px) {
.lnj-drop-teaser { padding: 48px var(--lnj-margin); }
}
.lnj-drop-teaser__inner {
max-width: var(--lnj-max);
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 24px;
}
@media (min-width: 768px) {
.lnj-drop-teaser__inner {
flex-direction: row;
align-items: center;
justify-content: space-between;
}
}
.lnj-drop-teaser__eyebrow {
display: block;
margin-bottom: 8px;
color: var(--lnj-gold-dim);
}
.lnj-drop-teaser__lead {
margin: 0;
font-family: var(--lnj-font-display);
font-size: 22px;
color: #fff;
max-width: 28ch;
}
.lnj-drop-teaser__form {
display: flex;
flex-wrap: wrap;
align-items: stretch;
gap: 12px;
width: 100%;
max-width: 420px;
}
.lnj-drop-teaser__form input[type="email"] {
flex: 1 1 180px;
min-width: 0;
border: 1px solid var(--lnj-gold-dim);
background: transparent;
color: #fff;
padding: 12px 14px;
font-family: var(--lnj-font-body);
font-size: 15px;
border-radius: var(--lnj-radius-frame);
}
.lnj-drop-teaser__form input[type="email"]::placeholder {
color: rgba(228, 194, 129, 0.65);
}
.lnj-drop-teaser__form .lnj-btn {
flex: 0 0 auto;
border-color: var(--lnj-gold-dim);
color: var(--lnj-gold-dim);
background: transparent;
white-space: nowrap;
}
.lnj-drop-teaser__form .lnj-btn:hover,
.lnj-drop-teaser__form .lnj-btn:focus-visible {
background: var(--lnj-gold-dim);
color: var(--lnj-primary);
}
.lnj-drop-teaser__form .lnj-newsletter-form__msg {
flex: 1 1 100%;
margin: 10px 0 0;
font-family: var(--lnj-font-meta);
font-size: 11px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--lnj-gold-dim);
}
.lnj-drop-teaser__form .lnj-newsletter-form__msg.is-error {
color: #ffdad6;
}
.lnj-newsletter-form__msg {
margin: 10px 0 0;
font-size: 14px;
color: var(--lnj-soft);
}
.lnj-newsletter-form__msg.is-error { color: #93000a; }
.lnj-newsletter-form.is-busy { opacity: 0.7; pointer-events: none; }
.screen-reader-text {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
} .lnj-about-home {
padding: var(--lnj-section) 0;
border-top: 1px solid var(--lnj-primary);
background: var(--lnj-cream);
}
.lnj-about-home__grid {
display: grid;
gap: 48px;
align-items: stretch;
}
@media (min-width: 768px) {
.lnj-about-home__grid {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 64px;
}
}
@media (min-width: 1024px) {
.lnj-about-home__grid { gap: 96px; }
}
.lnj-about-home__media {
min-width: 0;
}
.lnj-about-home__img {
width: 100%;
aspect-ratio: 4 / 5;
border: 1px solid var(--lnj-primary);
background-color: #C2A769;
background-image: var(--lnj-placeholder);
background-position: center;
background-size: 45% auto;
background-repeat: no-repeat;
position: relative;
}
.lnj-about-home__img[style*="background-image"] {
background-size: cover;
background-position: center;
}
@media (min-width: 768px) {
.lnj-about-home__media {
position: relative;
align-self: stretch;
min-height: 100%;
}
.lnj-about-home__img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
aspect-ratio: auto;
}
}
.lnj-about-home__img::before {
content: "";
position: absolute;
top: -16px;
left: -16px;
width: 96px;
height: 96px;
border-top: 1px solid var(--lnj-primary);
border-left: 1px solid var(--lnj-primary);
pointer-events: none;
}
.lnj-about-home__label {
font-family: var(--lnj-font-article);
font-size: 12px;
letter-spacing: normal;
text-transform: none;
color: var(--lnj-soft);
margin-bottom: 24px;
display: block;
}
.lnj-about-home__title {
font-family: var(--lnj-font-article);
font-size: 46px;
line-height: 1.15;
letter-spacing: normal;
text-transform: none;
margin-bottom: 24px;
color: var(--lnj-primary);
}
.lnj-about-home__title--mob {
display: none;
}
@media (max-width: 767px) {
.lnj-about-home__title--desk { display: none; }
.lnj-about-home__title--mob {
display: block;
font-size: 26px;
line-height: 1.3;
}
}
.lnj-about-home__body {
font-family: var(--lnj-font-article);
letter-spacing: normal;
text-transform: none;
color: var(--lnj-variant);
max-width: 36ch;
margin: 0 0 48px;
line-height: 1.85;
}
.lnj-newsletter {
width: 100%;
background: var(--lnj-cream-alt);
border: 1px solid var(--lnj-primary);
padding: 32px;
}
.lnj-newsletter--home {
background: var(--lnj-ink);
border-color: var(--lnj-ink);
color: var(--lnj-gold-dim);
}
.lnj-newsletter__title,
.lnj-newsletter h4 {
font-family: var(--lnj-font-display);
font-size: 26px;
font-weight: 400;
text-align: center;
margin: 0 0 16px;
color: var(--lnj-primary);
line-height: 1.3;
}
.lnj-newsletter--home .lnj-newsletter__title {
color: #fff;
text-align: left;
}
.lnj-newsletter__help {
margin: 0 0 16px;
font-size: 14px;
line-height: 1.7;
color: var(--lnj-variant);
text-align: left;
}
.lnj-newsletter--home .lnj-newsletter__help {
color: var(--lnj-gold-dim);
}
.lnj-newsletter__form {
display: flex;
flex-direction: column;
margin-top: 24px;
}
@media (min-width: 640px) {
.lnj-newsletter__form { flex-direction: row; }
}
.lnj-newsletter__form input {
flex: 1;
background: transparent;
border: 1px solid var(--lnj-primary);
border-radius: var(--lnj-radius-frame);
padding: 12px 16px;
font-family: var(--lnj-font-meta);
font-size: 12px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--lnj-primary);
}
@media (min-width: 640px) {
.lnj-newsletter__form input { border-right: 0; }
}
.lnj-newsletter__form input::placeholder {
color: #c5c6cb;
text-transform: uppercase;
}
.lnj-newsletter--home .lnj-newsletter__form input {
border-color: var(--lnj-gold-dim);
color: #fff;
}
.lnj-newsletter--home .lnj-newsletter__form input::placeholder {
color: rgba(228, 194, 129, 0.65);
}
.lnj-newsletter__form button {
background: var(--lnj-primary);
color: var(--lnj-on-primary);
border: 1px solid var(--lnj-primary);
border-radius: var(--lnj-radius-frame);
padding: 12px 32px;
font-family: var(--lnj-font-meta);
font-size: 12px;
letter-spacing: 0.14em;
text-transform: uppercase;
cursor: pointer;
}
.lnj-newsletter--home .lnj-newsletter__form button {
background: transparent;
border-color: var(--lnj-gold-dim);
color: var(--lnj-gold-dim);
}
.lnj-newsletter--home .lnj-newsletter__form button:hover,
.lnj-newsletter--home .lnj-newsletter__form button:focus-visible {
background: var(--lnj-gold-dim);
color: var(--lnj-ink);
}
.lnj-newsletter--home .lnj-newsletter-form__msg {
color: var(--lnj-gold-dim);
}
.lnj-newsletter--home .lnj-newsletter-form__msg.is-error {
color: #ffb4ab;
}
.lnj-newsletter-form {
flex-wrap: wrap;
}
.lnj-newsletter-form__consent {
display: grid;
grid-template-columns: 16px minmax(0, 1fr);
align-items: start;
column-gap: 10px;
width: 100%;
max-width: 100%;
box-sizing: border-box;
flex: 1 0 100%;
margin-top: 14px;
font-family: var(--lnj-font-body);
font-size: 12px;
line-height: 1.55;
color: var(--lnj-soft);
cursor: pointer;
min-width: 0;
white-space: normal;
writing-mode: horizontal-tb;
}
.lnj-newsletter-form__consent span {
display: block;
min-width: 0;
max-width: 100%;
white-space: normal;
overflow-wrap: break-word;
word-break: normal;
writing-mode: horizontal-tb;
text-orientation: mixed;
}
.lnj-newsletter-form__consent input {
width: 16px;
height: 16px;
margin: 2px 0 0;
accent-color: var(--lnj-ink);
justify-self: start;
}
.lnj-newsletter-form__consent a {
color: inherit;
text-decoration: underline;
text-underline-offset: 2px;
}
.lnj-newsletter--home .lnj-newsletter-form__consent,
.lnj-drop-teaser__form .lnj-newsletter-form__consent {
color: rgba(228, 194, 129, 0.9);
}
.lnj-newsletter--home .lnj-newsletter-form__consent a,
.lnj-drop-teaser__form .lnj-newsletter-form__consent a {
color: var(--lnj-gold-dim);
}
.lnj-newsletter-form__msg {
flex: 1 0 100%;
margin: 10px 0 0;
}
.lnj-drop-teaser__form .lnj-newsletter-form__consent {
order: 3;
}
.lnj-drop-teaser__form .lnj-newsletter-form__msg {
order: 4;
} .lnj-footer {
border-top: 1px solid var(--lnj-primary);
padding: var(--lnj-section) 0 120px;
background: var(--lnj-footer-bg);
}
.lnj-footer__grid {
display: grid;
gap: 48px;
}
@media (min-width: 768px) {
.lnj-footer__grid { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 1024px) {
.lnj-footer__grid { grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.9fr) minmax(0, 1fr) minmax(0, 1.25fr); }
}
.lnj-footer__brand {
font-family: var(--lnj-font-display);
font-size: 20px;
margin-bottom: 8px;
color: var(--lnj-primary);
}
.lnj-footer__blurb {
color: var(--lnj-variant);
max-width: none;
margin: 0 0 14px;
font-size: 13px;
line-height: 1.5;
}
.lnj-autopay-banks {
display: block;
width: 100%;
height: auto;
}
.lnj-footer__pay {
max-width: 280px;
}
.lnj-footer__col h3 {
font-family: var(--lnj-font-meta);
font-size: 12px;
letter-spacing: 0.14em;
text-transform: uppercase;
margin-bottom: 16px;
color: var(--lnj-primary);
}
.lnj-footer__col a,
.lnj-footer__col p {
display: block;
margin: 0 0 8px;
color: var(--lnj-variant);
font-size: 17px;
line-height: 1.85;
}
.lnj-footer__col--contact {
min-width: 0;
container-type: inline-size;
container-name: lnj-footer-contact;
}
.lnj-footer__col--contact a,
.lnj-footer__col--contact p {
font-size: 1em;
}
.lnj-footer__contact {
margin: 0;
line-height: 1.45;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.45em;
min-width: 0;
max-width: 100%;
font-size: clamp(10px, 1.05vw + 0.15rem, 17px);
font-size: clamp(10px, 6.6cqi, 17px);
}
.lnj-footer__contact a {
display: inline;
margin: 0;
line-height: inherit;
}
.lnj-contact-line {
display: inline-flex;
align-items: center;
gap: 0.45em;
color: inherit;
text-decoration: none;
max-width: 100%;
white-space: nowrap;
}
.lnj-contact-line span {
flex: 0 0 auto;
min-width: 0;
white-space: nowrap;
}
.lnj-contact-icon {
width: 1.12em;
height: 1.12em;
flex: 0 0 1.12em;
max-width: none;
display: block;
object-fit: contain;
}
.lnj-footer__contact .lnj-contact-line,
.lnj-footer__contact .lnj-phone {
display: inline-flex;
align-items: center;
gap: 0.45em;
max-width: 100%;
white-space: nowrap;
}
.lnj-footer__contact a:hover,
.lnj-contact__channels a:hover {
text-decoration: underline;
}
.lnj-footer__address {
display: block;
margin-top: 0.55em;
color: var(--lnj-variant);
font-size: 0.88em;
line-height: 1.55;
max-width: 100%;
white-space: normal;
}
.lnj-footer__address-label {
display: block;
margin-bottom: 0.2em;
color: inherit;
font-size: 1em;
letter-spacing: 0.02em;
}
.lnj-footer__address-lines {
display: block;
white-space: nowrap;
}
.lnj-footer__col a:hover { color: var(--lnj-primary); }
.lnj-phone {
display: inline;
color: inherit;
text-decoration: none;
white-space: nowrap;
} .lnj-contact-line.lnj-phone {
display: inline-flex;
align-items: center;
gap: 0.45em;
}
.lnj-phone:hover { color: var(--lnj-primary); }
.lnj-phone__num {
white-space: nowrap;
}
.lnj-phone__em {
font-size: 1.18em;
font-weight: 400;
}
.lnj-footer__copy {
margin-top: var(--lnj-section);
padding-top: 32px;
border-top: 1px solid var(--lnj-line);
font-family: var(--lnj-font-meta);
font-size: 10px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--lnj-faint);
display: block;
} .lnj-tabbar {
position: fixed;
bottom: 0;
left: 0;
right: 0;
top: auto;
z-index: 40;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
align-content: center;
align-items: center;
box-sizing: border-box;
width: 100%;
max-width: 100%;
height: 64px;
max-height: 64px;
margin: 0;
overflow: hidden;
background: var(--lnj-gold);
border-top: 1px solid var(--lnj-primary);
padding: 8px 0; border-radius: 0 30px 0 0;
}
.lnj-tabbar a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 6px;
min-width: 0;
width: 100%;
overflow: hidden;
font-family: var(--lnj-font-meta);
font-size: 9px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--lnj-soft);
padding: 4px;
}
.lnj-tabbar a span {
max-width: 100%;
overflow: hidden;
text-overflow: clip;
white-space: nowrap;
}
.lnj-tabbar a.is-active,
.lnj-tabbar a:hover { color: var(--lnj-primary); } @media (max-width: 1023px) {
.cky-btn-revisit-wrapper.cky-revisit-bottom-left {
bottom: 75px !important;
}
.cky-btn-revisit-wrapper.cky-revisit-bottom-left .cky-btn-revisit {
bottom: auto !important;
top: auto !important;
}
}
@media (min-width: 1024px) {
.lnj-tabbar { display: none; }
.lnj-footer { padding-bottom: var(--lnj-section); }
} .lnj-buybar {
display: none;
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 45;
background: rgba(243, 236, 226, 0.96);
border-top: 1px solid var(--lnj-primary);
padding: 12px 18px calc(12px + var(--lnj-safe-bottom));
align-items: center;
justify-content: space-between;
gap: 16px;
}
@media (max-width: 1023px) {
body.lnj-product .lnj-buybar { display: flex; }
body.lnj-product .lnj-buybar {
bottom: var(--lnj-tabbar-h);
background: var(--lnj-cream);
}
} .lnj-layout {
display: grid;
grid-template-columns: 1fr;
}
@media (min-width: 1024px) {
.lnj-layout { grid-template-columns: 80px 1fr; align-items: stretch; }
.lnj-layout__rail {
border-right: 1px solid var(--lnj-line);
padding: 48px 0;
display: flex;
justify-content: center;
align-items: flex-start;
overflow: visible;
}
.lnj-layout__rail .lnj-rail--display {
position: sticky;
top: calc(var(--lnj-admin-bar) + var(--lnj-header-h) + 24px);
font-size: 28px;
}
}
.lnj-layout__content {
padding: 48px 0 80px;
min-width: 0;
} .lnj-faq-item {
border-bottom: 1px solid var(--lnj-primary);
padding: 28px 0;
}
.lnj-faq-item__q {
display: flex;
gap: 24px;
align-items: baseline;
margin-bottom: 12px;
}
.lnj-faq-item__num {
font-family: var(--lnj-font-meta);
font-size: 12px;
letter-spacing: 0.14em;
color: var(--lnj-faint);
flex-shrink: 0;
}
.lnj-faq-item__title {
font-family: var(--lnj-font-display);
font-size: 22px;
}
.lnj-faq-item__a {
padding-left: 56px;
color: var(--lnj-soft);
max-width: 60ch;
}
@media (max-width: 640px) {
.lnj-faq-item__a { padding-left: 0; }
}
.lnj-blog-crumbbar {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 12px 24px;
margin: 0 0 1.1rem;
}
.lnj-blog-crumbbar > .lnj-crumbs--shop {
margin: 0;
flex: 1 1 auto;
min-width: 0;
}
.lnj-blog-crumbbar .lnj-blog-search {
flex: 0 0 280px;
width: 280px;
max-width: 100%;
margin-left: auto;
}
.lnj-blog-toolbar {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px 16px;
margin-bottom: 40px;
padding-bottom: 24px;
border-bottom: 1px solid var(--lnj-line);
}
.lnj-blog-filters {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
flex: 1 1 auto;
min-width: 0;
}
.lnj-blog-filters__label {
font-family: var(--lnj-font-meta);
font-size: 12px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--lnj-soft);
margin-right: 8px;
}
.lnj-blog-filters a {
font-family: var(--lnj-font-meta);
font-size: 11px;
letter-spacing: 0.14em;
text-transform: uppercase;
border: 1px solid var(--lnj-primary);
padding: 8px 14px;
color: var(--lnj-primary);
background: transparent;
}
.lnj-blog-filters a.is-active,
.lnj-blog-filters a:hover {
background: var(--lnj-primary);
color: var(--lnj-on-primary);
}
.lnj-blog-search {
display: flex;
align-items: stretch;
flex: 0 1 280px;
width: 100%;
max-width: 280px;
margin-left: auto;
}
.lnj-blog-search input[type="search"] {
flex: 1 1 auto;
min-width: 0;
margin: 0;
border: 1px solid var(--lnj-primary);
border-right: 0;
border-radius: var(--lnj-radius-frame);
background: transparent;
color: var(--lnj-primary);
padding: 8px 14px;
font-family: var(--lnj-font-body);
font-size: 15px;
line-height: 1.2;
appearance: none;
}
.lnj-blog-search input[type="search"]::-webkit-search-decoration,
.lnj-blog-search input[type="search"]::-webkit-search-cancel-button {
appearance: none;
}
.lnj-blog-search input[type="search"]::placeholder {
color: var(--lnj-soft);
opacity: 1;
}
.lnj-blog-search input[type="search"]:focus {
outline: none;
background: var(--lnj-cream-alt);
}
.lnj-blog-search button {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
margin: 0;
padding: 0 12px;
border: 1px solid var(--lnj-primary);
border-radius: var(--lnj-radius-frame);
background: transparent;
color: var(--lnj-primary);
cursor: pointer;
}
.lnj-blog-search button:hover,
.lnj-blog-search button:focus-visible {
background: var(--lnj-primary);
color: var(--lnj-on-primary);
outline: none;
}
.lnj-blog-search-status {
flex: 1 1 100%;
margin: 4px 0 0;
font-family: var(--lnj-font-meta);
font-size: 12px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--lnj-soft);
} .lnj-blog-shell {
display: grid;
grid-template-columns: 1fr;
padding-top: 40px;
padding-bottom: 80px;
}
@media (min-width: 1024px) {
.lnj-blog-shell {
grid-template-columns: 80px 1fr;
gap: 48px;
padding-top: 64px;
padding-bottom: 96px;
}
}
.lnj-blog-shell__rail {
display: none;
}
@media (min-width: 1024px) {
.lnj-blog-shell__rail {
display: flex;
justify-content: center;
align-items: flex-start;
border-right: 1px solid var(--lnj-primary);
padding-top: 8px;
}
.lnj-blog-shell__rail .lnj-rail--display {
position: sticky;
top: calc(var(--lnj-admin-bar) + var(--lnj-header-h) + 24px);
height: fit-content;
}
}
.lnj-blog-index__title { font-size: 27px; margin: 0 0 12px; font-weight: 400; }
.lnj-blog-index__dek {
margin: 0 0 32px;
max-width: 42ch;
font-size: 16px;
line-height: 1.75;
font-style: italic;
color: var(--lnj-soft);
text-transform: none;
}
@media (min-width: 1024px) {
.lnj-blog-index__head { display: none !important; }
}
.lnj-blog-featured {
display: flex;
flex-direction: column;
border: 1px solid var(--lnj-primary);
margin-bottom: 0;
}
@media (max-width: 1023px) {
.lnj-blog-featured {
border: 0;
border-bottom: 1px solid var(--lnj-line);
}
}
@media (min-width: 1024px) {
.lnj-blog-featured { flex-direction: row; min-height: 420px; }
}
.lnj-blog-featured__media {
position: relative;
background: var(--lnj-cream-alt);
padding: 24px;
border-bottom: 1px solid var(--lnj-primary);
}
@media (min-width: 1024px) {
.lnj-blog-featured__media {
width: 60%;
border-bottom: 0;
border-right: 1px solid var(--lnj-primary);
display: flex;
align-items: center;
justify-content: center;
padding: 32px;
}
}
.lnj-blog-featured__frame {
display: block;
position: relative;
width: 100%;
max-width: 420px;
aspect-ratio: 4 / 5;
background: var(--lnj-cream-alt) center / cover no-repeat;
border: 8px solid var(--lnj-cream);
outline: 1px solid var(--lnj-primary);
margin: 0 auto;
}
@media (max-width: 1023px) {
.lnj-blog-featured__media { padding: 0; border: 0; }
.lnj-blog-featured__frame {
max-width: none;
border: 0;
outline: 0;
border-bottom: 1px solid var(--lnj-primary);
aspect-ratio: 16 / 10;
max-height: 220px;
}
}
.lnj-blog-featured__badge {
display: none;
position: absolute;
left: 12px;
top: 12px;
background: var(--lnj-primary);
color: var(--lnj-gold-dim);
padding: 6px 10px;
font-family: var(--lnj-font-meta);
font-size: 10px;
letter-spacing: 0.14em;
text-transform: uppercase;
}
@media (max-width: 1023px) {
.lnj-blog-featured__badge { display: inline-block; }
}
.lnj-blog-featured__detail {
display: none;
}
@media (min-width: 1024px) {
.lnj-blog-featured__detail {
display: block;
position: absolute;
right: 24px;
bottom: 24px;
width: 140px;
aspect-ratio: 4 / 5;
background: center / cover no-repeat;
border: 1px solid var(--lnj-primary);
z-index: 2;
box-shadow: 4px 4px 0 rgba(5, 14, 24, 0.06);
}
}
.lnj-blog-featured__body {
padding: 24px;
display: flex;
flex-direction: column;
gap: 16px;
background: var(--lnj-cream-alt);
}
@media (min-width: 1024px) {
.lnj-blog-featured__body {
width: 40%;
padding: 40px;
justify-content: space-between;
background: var(--lnj-cream);
}
}
.lnj-blog-featured__meta {
display: flex;
justify-content: space-between;
gap: 12px;
padding-bottom: 12px;
border-bottom: 1px solid var(--lnj-line);
color: var(--lnj-faint);
text-transform: uppercase;
}
.lnj-blog-featured__title {
font-size: 38px;
line-height: 1.2;
font-weight: 400;
margin: 0;
}
.lnj-blog-featured__title a { color: inherit; }
.lnj-blog-featured__excerpt {
margin: 0;
color: var(--lnj-soft);
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media (min-width: 1024px) {
.lnj-blog-featured__excerpt {
-webkit-line-clamp: 4;
}
}
.lnj-blog-featured__foot {
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px;
padding-top: 16px;
border-top: 1px solid var(--lnj-line);
}
.lnj-blog-featured__cta-mob { display: inline; }
.lnj-blog-featured__cta-desk { display: none; }
.lnj-blog-featured__read-desk { display: none; }
@media (min-width: 1024px) {
.lnj-blog-featured__cta-mob { display: none; }
.lnj-blog-featured__cta-desk { display: inline; }
.lnj-blog-featured__read-desk { display: inline; }
.lnj-blog-featured__read-inline { display: none; }
}
.lnj-blog-progress {
display: none;
height: 2px;
background: var(--lnj-line);
margin: 48px 0 0;
}
.lnj-blog-progress span {
display: block;
width: 33%;
height: 100%;
background: var(--lnj-gold-dim);
}
@media (min-width: 1024px) {
.lnj-blog-progress { display: block; margin: 64px 0 0; }
}
.lnj-blog-list {
border-top: 1px solid var(--lnj-primary);
margin-top: 0;
}
@media (min-width: 1024px) {
.lnj-blog-list {
margin-top: 32px;
border-top-color: var(--lnj-primary);
}
}
.lnj-blog-row {
display: grid;
grid-template-columns: 1fr;
gap: 12px;
padding: 24px 0;
border-bottom: 1px solid var(--lnj-line);
color: inherit;
transition: background 0.2s;
}
.lnj-blog-row:hover { background: rgba(246, 243, 243, 0.7); }
.lnj-blog-row__date,
.lnj-blog-row__cat,
.lnj-blog-row__read { display: none; }
.lnj-blog-row__title {
display: none;
font-family: var(--lnj-font-display);
font-size: 22px;
line-height: 1.3;
font-weight: 400;
margin: 0;
min-width: 0;
}
.lnj-blog-row__mobile-top {
display: flex;
justify-content: space-between;
gap: 12px;
color: var(--lnj-faint);
text-transform: uppercase;
}
.lnj-blog-row__mobile-foot {
display: flex;
justify-content: space-between;
align-items: center;
color: var(--lnj-soft);
text-transform: uppercase;
} @media (max-width: 1023px) {
.lnj-blog-row__title { display: block; }
}
@media (min-width: 1024px) {
.lnj-blog-row {
grid-template-columns: 15% minmax(0, 50%) 20% 15%;
align-items: stretch;
gap: 0;
padding: 0;
border-bottom-color: var(--lnj-primary);
}
.lnj-blog-row__date,
.lnj-blog-row__cat,
.lnj-blog-row__read,
.lnj-blog-row__title { display: block; }
.lnj-blog-row__mobile-top,
.lnj-blog-row__mobile-foot { display: none; }
.lnj-blog-row__date,
.lnj-blog-row__title,
.lnj-blog-row__cat {
padding: 24px;
border-right: 1px solid var(--lnj-line);
}
.lnj-blog-row__date {
color: var(--lnj-faint);
padding-top: 28px;
}
.lnj-blog-row__title {
font-size: 26px;
line-height: 1.3;
display: flex;
align-items: center;
padding: 24px;
}
.lnj-blog-row__cat {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
text-transform: uppercase;
color: var(--lnj-soft);
}
.lnj-blog-row__read {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 16px;
padding: 24px;
text-align: right;
}
.lnj-blog-row__read .lnj-meta {
color: var(--lnj-primary);
}
.lnj-blog-row__icon {
width: 32px;
height: 32px;
border: 1px solid var(--lnj-primary);
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 14px;
flex-shrink: 0;
transition: background 0.2s, color 0.2s;
}
.lnj-blog-row:hover .lnj-blog-row__icon {
background: var(--lnj-primary);
color: var(--lnj-on-primary);
}
}
.lnj-blog-more {
margin-top: 48px;
display: flex;
flex-wrap: wrap;
gap: 8px;
justify-content: center;
align-items: center;
}
.lnj-blog-more a,
.lnj-blog-more .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 44px;
min-height: 44px;
padding: 10px 14px;
box-sizing: border-box;
font-family: var(--lnj-font-meta);
font-size: 11px;
letter-spacing: 0.14em;
text-transform: uppercase;
border: 1px solid var(--lnj-primary);
color: var(--lnj-primary);
line-height: 1;
}
.lnj-blog-more a:hover {
background: var(--lnj-primary);
color: var(--lnj-on-primary);
}
.lnj-blog-more .page-numbers.current {
background: var(--lnj-primary);
color: var(--lnj-on-primary);
}
.lnj-blog-more .page-numbers.dots {
border: 0;
min-width: 0;
padding: 10px 6px;
} .lnj-readbar {
position: sticky;
top: calc(var(--lnj-admin-bar) + var(--lnj-header-h));
z-index: 35;
background: transparent;
}
.lnj-readbar__meta {
display: none;
justify-content: space-between;
gap: 16px;
padding: 10px 18px;
font-family: var(--lnj-font-meta);
font-size: 11px;
letter-spacing: 0.2em;
text-transform: uppercase;
background: var(--lnj-primary);
color: var(--lnj-gold-dim);
}
.lnj-readbar__track {
height: 2px;
background: var(--lnj-line);
}
.lnj-readbar__track span {
display: block;
height: 100%;
width: 0;
background: var(--lnj-secondary, #745b24);
}
@media (max-width: 1023px) {
.lnj-readbar {
background: var(--lnj-primary);
}
.lnj-readbar__meta { display: flex; }
.lnj-readbar__track {
background: rgba(255, 255, 255, 0.15);
}
.lnj-readbar__track span {
background: var(--lnj-gold-dim);
}
body.single-post .lnj-progress { display: none; }
body.single-post .lnj-readbar__meta { display: none; }
}
.lnj-post-header {
border-bottom: 1px solid var(--lnj-primary);
padding: 48px 0;
background: linear-gradient(180deg, var(--lnj-hero-start), var(--lnj-cream));
}
@media (min-width: 1024px) {
.lnj-post-header {
background: transparent;
padding: 64px 0;
}
}
.lnj-post-header__inner {
display: flex;
flex-direction: column;
gap: 24px;
max-width: 800px;
margin: 0 auto;
}
.lnj-post-header__main {
min-width: 0;
}
.lnj-post-header__aside {
display: flex;
flex-direction: column;
gap: 16px;
min-width: 0;
}
.lnj-post-header__cover {
position: relative;
margin: 0;
overflow: hidden;
aspect-ratio: 21 / 9;
background: var(--lnj-cream-alt);
}
.lnj-post-header__cover img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}
@media (min-width: 1024px) {
.lnj-post-header__inner {
max-width: none;
margin: 0;
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
column-gap: 18px;
row-gap: 0;
align-items: stretch;
}
.lnj-post-header__main {
grid-column: 1 / span 6;
}
.lnj-post-header__inner--split .lnj-post-header__aside {
grid-column: 7 / span 6;
gap: 18px;
}
.lnj-post-header__aside--cover {
min-height: 100%;
}
.lnj-post-header__aside:not(.lnj-post-header__aside--cover) {
align-self: end;
}
.lnj-post-header__inner:not(.lnj-post-header__inner--split) .lnj-post-header__main {
grid-column: 1 / span 8;
}
.lnj-post-header__aside--cover .lnj-post-header__cover {
aspect-ratio: auto;
flex: 1 1 0;
min-height: 148px;
}
}
.lnj-post-header__meta {
display: flex;
align-items: center;
gap: 16px;
margin: 0 0 20px;
text-transform: uppercase;
color: var(--lnj-faint);
}
.lnj-post-header__rule {
width: 24px;
height: 1px;
background: var(--lnj-primary);
display: inline-block;
}
.lnj-post-header__title {
font-size: 27px;
line-height: 1.2;
font-weight: 400;
margin: 0;
max-width: 18ch;
}
@media (min-width: 1024px) {
.lnj-post-header__title { font-size: 46px; max-width: 16ch; }
}
.lnj-post-header__lead-wrap {
display: flex;
flex-direction: column;
gap: 10px;
min-width: 0;
}
.lnj-post-header__lead-label {
margin: 0;
color: var(--lnj-faint);
}
.lnj-post-header__lead {
margin: 0;
max-width: 36ch;
font-size: 18px;
line-height: 1.65;
color: var(--lnj-soft);
font-style: normal;
}
@media (min-width: 1024px) {
.lnj-post-header__lead {
max-width: none;
padding-bottom: 4px;
font-size: 18px;
}
}
.lnj-post-video-wrap {
padding-top: 28px;
padding-bottom: 0;
}
.lnj-post-video {
margin: 0 auto;
max-width: 800px;
}
.lnj-post-video__frame {
position: relative;
overflow: hidden;
aspect-ratio: 16 / 9;
background: var(--lnj-cream-alt);
}
.lnj-post-video__player {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
display: block;
object-fit: contain;
background: #111;
}
.lnj-post-video--embed .lnj-post-video__frame > iframe,
.lnj-post-video--embed .lnj-post-video__frame > video,
.lnj-post-video--embed .lnj-post-video__frame .wp-video,
.lnj-post-video--embed .lnj-post-video__frame .mejs-container {
position: absolute;
inset: 0;
width: 100% !important;
height: 100% !important;
max-width: none;
border: 0;
}
.lnj-post-video--embed .lnj-post-video__frame .wp-video {
max-width: none !important;
}
.lnj-post-grid {
display: grid;
grid-template-columns: 1fr;
gap: 40px;
padding-top: 48px;
padding-bottom: 80px;
align-items: start;
overflow: visible;
}
@media (min-width: 1024px) {
.lnj-post-grid {
grid-template-columns: repeat(12, minmax(0, 1fr));
column-gap: 18px;
row-gap: 0;
padding-top: 64px;
padding-bottom: 96px;
}
}
.lnj-post-toc {
order: -1;
position: static;
top: auto;
padding-bottom: 16px;
border-bottom: 1px solid var(--lnj-line);
background: var(--lnj-cream);
z-index: 28;
}
.lnj-post-toc__inner {
position: static;
}
.lnj-post-toc--empty { display: none; } @media (max-width: 1023px) {
.lnj-post-toc:not(.lnj-post-toc--empty) {
position: static;
top: auto;
margin: 0 calc(-1 * var(--lnj-margin-m));
padding: 12px var(--lnj-margin-m) 14px;
border-bottom: 1px solid var(--lnj-primary);
max-height: none;
overflow: visible;
}
.lnj-post-toc .lnj-meta {
position: static;
}
.lnj-post__content .lnj-post-section__heading,
.lnj-post__content h2.lnj-post-section__heading,
.lnj-post__content h3.lnj-post-section__heading {
scroll-margin-top: calc(var(--lnj-admin-bar) + var(--lnj-header-h) + 12px);
}
.lnj-post-toc__inner { gap: 10px; }
.lnj-post-toc ol {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
}
.lnj-post-toc li { margin: 0; }
.lnj-post-toc a {
font-size: 12px;
letter-spacing: 0.02em;
line-height: 1.35;
}
}
@media (min-width: 1024px) {
.lnj-post-toc {
order: 0;
grid-column: 1 / span 4;
border-bottom: 0;
padding-bottom: 0;
margin: 0;
align-self: start;
position: sticky;
top: calc(var(--lnj-admin-bar) + var(--lnj-header-h) + 24px);
max-height: calc(100vh - var(--lnj-admin-bar) - var(--lnj-header-h) - 48px);
overflow-y: auto;
overflow-x: hidden;
overscroll-behavior: contain;
background: transparent;
}
.lnj-post-toc--empty {
display: block;
visibility: hidden;
position: static;
overflow: visible;
max-height: none;
}
.lnj-post-toc__inner {
display: flex;
flex-direction: column;
gap: 14px;
}
.lnj-post-article {
grid-column: 5 / span 6;
}
.lnj-post-aside {
grid-column: 11 / span 2;
}
}
.lnj-post-toc .lnj-meta {
display: block;
margin-bottom: 0;
padding-bottom: 10px;
border-bottom: 1px solid var(--lnj-line);
letter-spacing: 0.06em;
}
@media (min-width: 1024px) {
.lnj-post-toc .lnj-meta {
position: sticky;
top: 0;
background: var(--lnj-cream);
z-index: 1;
}
}
.lnj-post-toc ol { list-style: none; margin: 0; padding: 0; }
.lnj-post-toc li { margin: 0 0 12px; }
.lnj-post-toc a {
display: grid;
grid-template-columns: 1.6em minmax(0, 1fr);
gap: 8px;
align-items: start;
font-family: var(--lnj-font-meta);
font-size: 11px;
letter-spacing: 0.02em;
text-transform: uppercase;
color: var(--lnj-soft);
line-height: 1.35;
}
.lnj-post-toc a > span:first-child {
flex-shrink: 0;
color: var(--lnj-secondary, #745b24);
}
.lnj-post-toc a.is-active,
.lnj-post-toc a:hover { color: var(--lnj-primary); }
.lnj-post-article { min-width: 0; }
.lnj-post__content {
font-family: var(--lnj-font-body);
font-size: 16px;
line-height: 1.75;
max-width: none;
}
@media (min-width: 1024px) {
.lnj-post__content { font-size: 17px; line-height: 1.85; }
}
.lnj-post__content > * { max-width: 100%; }
.lnj-post__content p { margin: 0 0 1.4em; }
.lnj-post-article .lnj-post__content a:not(.lnj-btn):not(.lnj-post-product__img) {
color: var(--lnj-gold);
text-decoration: underline;
text-underline-offset: 0.22em;
text-decoration-thickness: 1px;
}
.lnj-post-article .lnj-post__content a:not(.lnj-btn):not(.lnj-post-product__img):hover,
.lnj-post-article .lnj-post__content a:not(.lnj-btn):not(.lnj-post-product__img):focus-visible {
color: var(--lnj-primary);
}
.lnj-post__content ul,
.lnj-post__content ol {
margin: 0 0 1.4em;
padding-left: 1.35em;
}
.lnj-post__content ul { list-style: disc; }
.lnj-post__content ol { list-style: decimal; }
.lnj-post__content li { margin: 0 0 0.7em; }
.lnj-post__content li:last-child { margin-bottom: 0; }
.lnj-post__content img {
width: 100%;
height: auto;
display: block;
}
.lnj-post__content figure,
.lnj-post__content .lnj-post-figure,
.lnj-post__content .wp-block-image {
margin: 2em 0;
border: 1px solid var(--lnj-primary);
background: var(--lnj-cream);
}
.lnj-post__content figure.lnj-care-graphic,
.lnj-post__content .lnj-care-graphic {
max-width: 420px;
margin-left: auto;
margin-right: auto;
background: #050e18;
border-color: #050e18;
}
.lnj-post__content .lnj-care-ebook {
margin: 1.6em 0 2.4em;
}
.lnj-post__content .lnj-care-ebook .lnj-btn {
display: inline-flex;
text-decoration: none;
}
.lnj-post__content figcaption {
padding: 10px 12px;
border-top: 1px solid var(--lnj-primary);
font-family: var(--lnj-font-meta);
font-size: 10px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--lnj-soft);
}
.lnj-post__content blockquote {
margin: 2em 0;
padding: 0 0 0 24px;
border-left: 2px solid var(--lnj-secondary, #745b24);
font-family: var(--lnj-font-display);
font-size: 26px;
line-height: 1.3;
font-style: italic;
color: var(--lnj-primary);
}
.lnj-post__content .wp-block-table,
.lnj-post__content .lnj-post-table,
.lnj-post__content figure.wp-block-table {
display: block;
width: 100%;
max-width: 100%;
margin: 2em 0;
padding: 0;
border: 1px solid var(--lnj-primary);
background: var(--lnj-cream);
overflow: visible !important;
overflow-x: visible !important;
box-sizing: border-box;
}
.lnj-post__content .wp-block-table table,
.lnj-post__content .lnj-post-table table,
.lnj-post__content > table,
.lnj-post__content table {
display: table;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
table-layout: fixed;
border-collapse: collapse;
border-spacing: 0;
font-size: 14px;
line-height: 1.5;
float: none !important;
position: static !important;
left: auto !important;
right: auto !important;
transform: none !important;
}
.lnj-post__content table colgroup,
.lnj-post__content table col {
width: auto !important;
}
.lnj-post__content table thead,
.lnj-post__content table tbody,
.lnj-post__content table tr {
width: 100%;
}
.lnj-post__content table th,
.lnj-post__content table td {
width: auto !important;
min-width: 0 !important;
max-width: none;
padding: 12px 14px !important;
border: 0 !important;
border-bottom: 1px solid var(--lnj-line) !important;
vertical-align: top;
text-align: left !important;
white-space: normal !important;
word-break: normal;
overflow-wrap: break-word;
hyphens: auto;
box-sizing: border-box;
}
.lnj-post__content table tr:last-child th,
.lnj-post__content table tr:last-child td {
border-bottom: 0 !important;
}
.lnj-post__content table th {
font-family: var(--lnj-font-meta);
font-size: 11px;
letter-spacing: 0.1em;
text-transform: uppercase;
font-weight: 400;
color: var(--lnj-primary);
border-bottom: 1px solid var(--lnj-primary) !important;
} .lnj-post__content:not(.lnj-legal-wrap) table td:first-child,
.lnj-post__content:not(.lnj-legal-wrap) table th:first-child {
width: 40% !important;
color: var(--lnj-soft);
font-family: var(--lnj-font-meta);
font-size: 11px;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.lnj-post__content:not(.lnj-legal-wrap) table td:last-child,
.lnj-post__content:not(.lnj-legal-wrap) table th:last-child {
width: 60% !important;
color: var(--lnj-primary);
font-family: var(--lnj-font-body);
font-size: 15px;
letter-spacing: 0;
text-transform: none;
}
.lnj-post__content:not(.lnj-legal-wrap) table.lnj-cols-3 td:first-child,
.lnj-post__content:not(.lnj-legal-wrap) table.lnj-cols-3 th:first-child {
width: 42% !important;
}
.lnj-post__content:not(.lnj-legal-wrap) table.lnj-cols-3 td:nth-child(2),
.lnj-post__content:not(.lnj-legal-wrap) table.lnj-cols-3 th:nth-child(2) {
width: 22% !important;
color: var(--lnj-primary);
font-family: var(--lnj-font-body);
font-size: 15px;
letter-spacing: 0;
text-transform: none;
}
.lnj-post__content:not(.lnj-legal-wrap) table.lnj-cols-3 td:last-child,
.lnj-post__content:not(.lnj-legal-wrap) table.lnj-cols-3 th:last-child {
width: 36% !important;
}
.lnj-post__content:not(.lnj-legal-wrap) table.lnj-cols-4 td:first-child,
.lnj-post__content:not(.lnj-legal-wrap) table.lnj-cols-4 th:first-child {
width: 22% !important;
}
.lnj-post__content:not(.lnj-legal-wrap) table.lnj-cols-4 td:nth-child(2),
.lnj-post__content:not(.lnj-legal-wrap) table.lnj-cols-4 td:nth-child(3),
.lnj-post__content:not(.lnj-legal-wrap) table.lnj-cols-4 td:last-child {
width: 26% !important;
color: var(--lnj-primary);
font-family: var(--lnj-font-body);
font-size: 14px;
letter-spacing: 0;
text-transform: none;
}
.lnj-post__content:not(.lnj-legal-wrap) table.lnj-cols-4 th:nth-child(2),
.lnj-post__content:not(.lnj-legal-wrap) table.lnj-cols-4 th:nth-child(3),
.lnj-post__content:not(.lnj-legal-wrap) table.lnj-cols-4 th:last-child {
width: 26% !important;
font-family: var(--lnj-font-meta);
font-size: 11px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.lnj-post__content:not(.lnj-legal-wrap) table.lnj-cols-4 th,
.lnj-post__content:not(.lnj-legal-wrap) table.lnj-cols-4 td {
padding: 10px 8px !important;
}
@media (max-width: 640px) {
.lnj-post__content:not(.lnj-legal-wrap) table,
.lnj-post__content:not(.lnj-legal-wrap) .wp-block-table table,
.lnj-post__content:not(.lnj-legal-wrap) .lnj-post-table table {
display: block;
}
.lnj-post__content:not(.lnj-legal-wrap) table thead { display: none; }
.lnj-post__content:not(.lnj-legal-wrap) table tbody,
.lnj-post__content:not(.lnj-legal-wrap) table tr,
.lnj-post__content:not(.lnj-legal-wrap) table th,
.lnj-post__content:not(.lnj-legal-wrap) table td {
display: block;
width: 100% !important;
}
.lnj-post__content:not(.lnj-legal-wrap) table tr {
padding: 12px 14px;
border-bottom: 1px solid var(--lnj-line);
}
.lnj-post__content:not(.lnj-legal-wrap) table tr:last-child { border-bottom: 0; }
.lnj-post__content:not(.lnj-legal-wrap) table td {
padding: 2px 0 !important;
border-bottom: 0 !important;
}
.lnj-post__content:not(.lnj-legal-wrap) table td:first-child {
margin-bottom: 4px;
color: var(--lnj-faint);
}
.lnj-post__content:not(.lnj-legal-wrap) table.lnj-cols-3 td[data-label]::before,
.lnj-post__content:not(.lnj-legal-wrap) table.lnj-cols-4 td[data-label]::before {
content: attr(data-label);
display: block;
margin-bottom: 2px;
color: var(--lnj-faint);
font-family: var(--lnj-font-meta);
font-size: 11px;
letter-spacing: 0.06em;
text-transform: uppercase;
}
} .lnj-post__content [style*="writing-mode"],
.lnj-post__content [style*="vertical-rl"],
.lnj-post__content [style*="vertical-lr"],
.lnj-post__content [style*="rotate("] {
writing-mode: horizontal-tb !important;
transform: none !important;
position: static !important;
float: none !important;
left: auto !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
width: auto !important;
height: auto !important;
margin: 0 0 1em !important;
}
body.single-post {
overflow-x: hidden;
}
body.single-post .lnj-post-page {
max-width: 100%;
}
.lnj-post__content .lnj-post-section__heading,
.lnj-post__content h2.lnj-post-section__heading,
.lnj-post__content h3.lnj-post-section__heading {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 16px;
font-size: 26px;
font-weight: 400;
margin: 2.2em 0 0.8em;
padding-bottom: 12px;
border-bottom: 1px solid var(--lnj-line);
scroll-margin-top: 160px;
}
.lnj-post-section__num {
font-family: var(--lnj-font-meta);
font-size: 12px;
letter-spacing: 0.14em;
color: var(--lnj-secondary, #745b24);
order: 2;
flex-shrink: 0;
}
@media (min-width: 1024px) {
.lnj-post__content .lnj-post-section__heading {
justify-content: flex-start;
}
.lnj-post-section__num { order: 0; }
}
.lnj-post-section__label { flex: 1; min-width: 0; }
.lnj-post-aside { display: none; }
@media (min-width: 1024px) {
.lnj-post-aside {
display: block;
align-self: start;
}
.lnj-post-aside__sticky {
position: sticky;
top: calc(var(--lnj-admin-bar) + var(--lnj-header-h) + 56px);
}
}
.lnj-post-product {
border: 1px solid var(--lnj-primary);
padding: 16px;
background: var(--lnj-cream);
}
.lnj-post-product--rail {
padding: 10px;
}
.lnj-post-product--rail .lnj-meta {
display: block;
margin-bottom: 8px;
letter-spacing: 0.08em;
font-size: 9px;
}
.lnj-post-product--rail .lnj-post-product__img {
aspect-ratio: 1;
margin-bottom: 8px;
}
.lnj-post-product--rail .lnj-post-product__name {
font-size: 14px;
line-height: 1.25;
margin: 0 0 4px;
}
.lnj-post-product--rail .lnj-post-product__price {
font-size: 16px;
margin-bottom: 10px;
}
.lnj-post-product--rail .lnj-btn {
padding: 8px 10px;
font-size: 10px;
width: 100%;
}
.lnj-post-product--mid {
display: block;
margin: 36px auto;
max-width: 240px;
}
.lnj-post__content .lnj-post-product p {
margin: 0 0 4px;
}
@media (min-width: 1024px) {
.lnj-post-product--mid { display: none; }
}
.lnj-post-product__img {
display: block;
aspect-ratio: 4 / 5;
background: var(--lnj-cream-alt) center / cover no-repeat;
border: 1px solid var(--lnj-line);
margin-bottom: 12px;
}
.lnj-post-product__name {
font-family: var(--lnj-font-display);
font-size: 18px;
font-weight: 400;
margin: 0 0 8px;
color: var(--lnj-soft);
}
.lnj-post-product__price { margin-bottom: 16px; font-size: 22px; }
.lnj-post-author {
border-top: 1px solid var(--lnj-primary);
background: #f0edee;
padding: 48px 0 64px;
}
@media (min-width: 1024px) {
.lnj-post-author { padding-bottom: 64px; }
}
.lnj-post-author__inner {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 20px;
max-width: 640px;
}
@media (min-width: 640px) {
.lnj-post-author__inner {
flex-direction: row;
text-align: left;
align-items: flex-start;
}
}
.lnj-post-author__avatar {
width: 80px;
height: 80px;
border-radius: 50%;
border: 1px solid var(--lnj-primary);
}
.lnj-post-author__name {
font-size: 26px;
font-weight: 400;
margin: 8px 0 12px;
}
.lnj-post-author__bio {
margin: 0;
color: var(--lnj-soft);
font-size: 16px;
line-height: 1.75;
} body.single-post .lnj-post-page,
.lnj-blog-index {
--lnj-font-display: var(--lnj-font-article);
--lnj-font-body: var(--lnj-font-article);
} .lnj-about,
.lnj-layout__content:has(.lnj-faq),
.lnj-layout__content:has(.lnj-legal-wrap) {
--lnj-font-display: var(--lnj-font-article);
--lnj-font-body: var(--lnj-font-article);
}
.lnj-about__title,
.lnj-about__lead,
.lnj-about__body,
.lnj-about .lnj-post__content,
.lnj-legal-header__title,
.lnj-legal,
.lnj-legal-wrap,
.lnj-legal h2,
.lnj-legal h3,
.lnj-legal-wrap table th,
.lnj-legal-wrap table td,
.lnj-legal th,
.lnj-legal td,
.lnj-legal__address,
.lnj-legal-note,
.lnj-faq-item__title,
.lnj-faq-item__a,
.lnj-faq .lnj-acc__btn,
.lnj-faq .lnj-acc__panel,
.lnj-faq-help h2,
.lnj-faq-help p,
.lnj-layout__content:has(.lnj-faq) > .lnj-section__title,
.lnj-layout__content:has(.lnj-faq) > .lnj-soft {
font-family: var(--lnj-font-article);
text-transform: none;
letter-spacing: normal;
}
body.single-post .lnj-post-header__title,
body.single-post .lnj-post-header__lead,
body.single-post .lnj-post-author__name,
body.single-post .lnj-post-author__bio,
body.single-post .lnj-post-product__name,
body.single-post .lnj-post__content,
.lnj-blog-index__title,
.lnj-blog-index__dek,
.lnj-blog-featured__title,
.lnj-blog-featured__excerpt,
.lnj-blog-row__title,
.lnj-blog-search input[type="search"] {
font-family: var(--lnj-font-article);
text-transform: none;
letter-spacing: normal;
}
body.single-post .lnj-post-toc a,
body.single-post .lnj-post__content figcaption,
body.single-post .lnj-post__content:not(.lnj-legal-wrap) table th,
body.single-post .lnj-post__content:not(.lnj-legal-wrap) table td,
body.single-post .lnj-post__content:not(.lnj-legal-wrap) table td:first-child,
body.single-post .lnj-post__content:not(.lnj-legal-wrap) table th:first-child,
body.single-post .lnj-post__content:not(.lnj-legal-wrap) table.lnj-cols-4 th:nth-child(2),
body.single-post .lnj-post__content:not(.lnj-legal-wrap) table.lnj-cols-4 th:nth-child(3),
body.single-post .lnj-post__content:not(.lnj-legal-wrap) table.lnj-cols-4 th:last-child {
font-family: var(--lnj-font-article);
text-transform: none;
letter-spacing: normal;
}
@media (max-width: 640px) {
body.single-post .lnj-post__content:not(.lnj-legal-wrap) table.lnj-cols-3 td[data-label]::before,
body.single-post .lnj-post__content:not(.lnj-legal-wrap) table.lnj-cols-4 td[data-label]::before {
font-family: var(--lnj-font-article);
text-transform: none;
letter-spacing: normal;
}
} body.lnj-gallery-page {
overflow-x: clip;
}
.lnj-gallery {
position: relative;
overflow-x: clip;
max-width: 100%;
}
.lnj-gallery__ambient {
position: absolute;
inset: 0;
z-index: 0;
pointer-events: none;
opacity: 0.6;
background: linear-gradient(160deg, #F7F3EC, var(--lnj-cream), #EEE7DA);
} .lnj-gallery__shell.lnj-wrap,
.lnj-gallery__shell {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 18px;
padding-top: 32px;
padding-bottom: 80px;
box-sizing: border-box;
align-items: start;
}
@media (min-width: 1024px) {
.lnj-gallery__shell.lnj-wrap,
.lnj-gallery__shell {
grid-template-columns: repeat(12, minmax(0, 1fr));
padding-top: 64px;
padding-bottom: 96px;
}
} .lnj-gallery__rail {
display: none;
}
@media (min-width: 1024px) {
.lnj-gallery__rail {
display: flex;
flex-direction: column;
grid-column: span 1;
position: relative;
min-height: 614px;
border-right: 1px solid var(--lnj-primary);
}
.lnj-gallery__rail-sticky {
position: sticky;
top: calc(var(--lnj-admin-bar, 0px) + var(--lnj-header-h, 104px) + 16px);
padding-top: 8px;
display: flex;
justify-content: center;
width: 100%;
}
.lnj-gallery__rail-sticky .lnj-rail--display {
margin: 0;
height: fit-content;
}
.lnj-gallery__rail-line {
position: absolute;
bottom: 0;
left: 50%;
width: 1px;
height: 128px;
background: var(--lnj-primary);
transform: translateX(-50%);
}
} .lnj-gallery__main {
grid-column: 1 / -1;
min-width: 0;
max-width: 100%;
display: flex;
flex-direction: column;
}
@media (min-width: 1024px) {
.lnj-gallery__main {
grid-column: span 11;
}
}
.lnj-gallery__mobile-title {
display: block;
margin: 0 0 12px;
font-family: var(--lnj-font-meta);
font-size: 12px;
font-weight: 400;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--lnj-primary);
line-height: 1;
}
@media (min-width: 1024px) {
.lnj-gallery__mobile-title {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
}
.lnj-gallery__head {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 16px;
width: 100%;
padding-bottom: 16px;
margin-bottom: 40px;
border-bottom: 1px solid var(--lnj-primary);
}
@media (min-width: 640px) {
.lnj-gallery__head {
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
gap: 16px;
}
}
.lnj-gallery__head-copy {
display: flex;
flex-direction: column;
gap: 4px;
min-width: 0;
}
.lnj-gallery__eyebrow {
display: block;
font-family: var(--lnj-font-meta);
font-size: 12px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #44474b;
line-height: 1;
}
.lnj-gallery__intro {
display: block;
margin: 0;
max-width: 28rem;
overflow-wrap: anywhere;
font-family: var(--lnj-font-article);
letter-spacing: normal;
text-transform: none;
font-size: 16px;
font-weight: 400;
line-height: 1.75;
color: var(--lnj-primary);
}
@media (min-width: 1024px) {
.lnj-gallery__intro {
font-size: 17px;
line-height: 1.85;
}
}
.lnj-gallery__count {
display: flex;
align-items: center;
gap: 16px;
flex-shrink: 0;
}
.lnj-gallery__count-rule {
display: none;
width: 48px;
height: 1px;
background: var(--lnj-primary);
flex-shrink: 0;
}
@media (min-width: 640px) {
.lnj-gallery__count-rule { display: block; }
}
.lnj-gallery__count-val {
font-family: var(--lnj-font-meta);
font-size: 12px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--lnj-primary);
white-space: nowrap;
line-height: 1;
} .lnj-gallery__grid {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 18px;
width: 100%;
align-items: stretch;
}
@media (min-width: 768px) {
.lnj-gallery__grid {
grid-template-columns: repeat(11, minmax(0, 1fr));
}
}
.lnj-gallery-card {
display: flex;
flex-direction: column;
grid-column: 1 / -1;
margin: 0;
min-width: 0;
max-width: 100%;
height: 100%;
border: 1px solid var(--lnj-primary);
border-radius: var(--lnj-radius-frame);
overflow: hidden;
background: var(--lnj-cream);
transition: background 0.5s ease;
}
.lnj-gallery-card.is-packed {
display: none;
}
.lnj-gallery-card:hover {
background: var(--lnj-cream-alt);
}
@media (min-width: 768px) {
.lnj-gallery-card--span-7 { grid-column: span 7; }
.lnj-gallery-card--span-6 { grid-column: span 6; }
.lnj-gallery-card--span-5 { grid-column: span 5; }
.lnj-gallery-card--span-4 { grid-column: span 4; }
.lnj-gallery-card--span-3 { grid-column: span 3; }
} .lnj-gallery-card__media {
position: relative;
display: block;
width: 100%;
margin: 0;
padding: 0;
border: 0;
border-bottom: 1px solid var(--lnj-primary);
overflow: hidden;
background: var(--lnj-hero-end);
cursor: zoom-in;
aspect-ratio: 4 / 3;
}
.lnj-gallery-card__media:focus-visible {
outline: 1px solid var(--lnj-primary);
outline-offset: -1px;
}
.lnj-gallery-card__img {
position: absolute;
inset: auto;
top: 50%;
left: 50%;
display: block;
width: 124%;
height: 124%;
max-width: none;
object-fit: cover;
object-position: center center;
transform: translate(-50%, -50%);
transition: transform 1.5s ease-out;
}
.lnj-gallery-card:hover .lnj-gallery-card__img {
transform: translate(-50%, -50%) scale(1.04);
}
.lnj-gallery-card--4-3 .lnj-gallery-card__media { aspect-ratio: 4 / 3; }
.lnj-gallery-card--3-4 .lnj-gallery-card__media { aspect-ratio: 3 / 4; }
.lnj-gallery-card--4-5 .lnj-gallery-card__media { aspect-ratio: 4 / 5; }
.lnj-gallery-card--16-9 .lnj-gallery-card__media { aspect-ratio: 16 / 9; }
@media (min-width: 768px) {
.lnj-gallery-card {
align-self: stretch;
}
.lnj-gallery-card__media {
flex: 1 1 auto;
min-height: 0;
}
.lnj-gallery-card--fill .lnj-gallery-card__media {
aspect-ratio: auto;
min-height: 180px;
}
} @media (max-width: 767px) {
.lnj-gallery__shell {
padding-left: var(--lnj-margin-m);
padding-right: var(--lnj-margin-m);
}
.lnj-gallery-card--4-3 .lnj-gallery-card__media,
.lnj-gallery-card--16-9 .lnj-gallery-card__media,
.lnj-gallery-card--fill .lnj-gallery-card__media {
aspect-ratio: 4 / 3;
}
.lnj-gallery-card--3-4 .lnj-gallery-card__media,
.lnj-gallery-card--4-5 .lnj-gallery-card__media {
aspect-ratio: 3 / 4;
}
}
.lnj-gallery-card__cap {
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
box-sizing: border-box;
flex: 0 0 40px;
height: 40px;
min-height: 40px;
max-height: 40px;
padding: 0 12px;
font-family: var(--lnj-font-meta);
font-size: 12px;
letter-spacing: 0.14em;
text-transform: uppercase;
line-height: 1;
background: var(--lnj-cream);
overflow: hidden;
}
.lnj-gallery-card:hover .lnj-gallery-card__cap {
background: var(--lnj-cream);
}
.lnj-gallery-card__kadr,
.lnj-gallery-card__meta {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.lnj-gallery-card__kadr {
color: var(--lnj-primary);
}
.lnj-gallery-card__meta {
color: var(--lnj-faint);
flex-shrink: 0;
}
.lnj-gallery-card__meta.is-sold {
color: #745b24;
}
.lnj-gallery__more {
width: 100%;
margin-top: 48px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 16px;
}
.lnj-gallery__more-rule {
width: 1px;
height: 64px;
background: var(--lnj-primary);
}
.lnj-gallery__more-btn {
appearance: none;
-webkit-appearance: none;
font-family: var(--lnj-font-meta);
font-size: 12px;
letter-spacing: 0.14em;
text-transform: uppercase;
line-height: 1;
color: var(--lnj-primary);
background: transparent;
border: 1px solid var(--lnj-primary);
border-radius: var(--lnj-radius-frame);
padding: 16px 32px;
cursor: pointer;
transition: background 0.25s ease, color 0.25s ease;
}
.lnj-gallery__more-btn:hover:not(:disabled),
.lnj-gallery__more-btn:focus-visible:not(:disabled) {
background: var(--lnj-primary);
color: #fff;
}
.lnj-gallery__more[hidden] {
display: none;
} .lnj-gallery-grid { display: none !important; } .lnj-drops-page {
padding-bottom: 64px;
}
.lnj-drops-shell {
display: grid;
grid-template-columns: 1fr;
gap: 0;
}
@media (min-width: 1024px) {
.lnj-drops-shell {
grid-template-columns: 80px minmax(0, 1fr);
gap: 18px;
align-items: start;
}
}
.lnj-drops-shell__rail {
display: none;
}
@media (min-width: 1024px) {
.lnj-drops-shell__rail {
display: flex;
justify-content: center;
border-right: 1px solid var(--lnj-primary);
min-height: 160px;
padding-top: 48px;
}
.lnj-drops-shell__rail .lnj-rail--display {
position: sticky;
top: calc(var(--lnj-admin-bar) + var(--lnj-header-h) + 24px);
height: fit-content;
}
}
.lnj-drops-shell__main {
min-width: 0;
padding: 40px 0 0;
}
@media (min-width: 1024px) {
.lnj-drops-shell__main {
padding: 48px 0 0;
}
}
.lnj-drops-current__main {
padding-bottom: 48px;
border-bottom: 1px solid var(--lnj-primary);
}
.lnj-drops-current__grid {
display: flex;
flex-direction: column;
gap: 40px;
}
@media (min-width: 1024px) {
.lnj-drops-current__grid {
flex-direction: row;
gap: 18px;
align-items: stretch;
}
}
.lnj-drops-current__visual {
position: relative;
width: 100%;
aspect-ratio: 4 / 5;
overflow: hidden;
background: var(--lnj-cream-alt);
}
@media (min-width: 1024px) {
.lnj-drops-current__visual {
width: 58.333%;
flex-shrink: 0;
}
}
.lnj-drops-current__photo {
position: absolute;
inset: 0;
background: center / cover no-repeat;
transition: transform 0.7s ease;
}
.lnj-drops-current__visual::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
pointer-events: none;
background: linear-gradient(to bottom, transparent 60%, rgba(27, 36, 46, 0.55));
}
.lnj-drops-current__visual:hover .lnj-drops-current__photo {
transform: scale(1.04);
}
.lnj-drops-current__caption {
position: absolute;
left: 0;
bottom: 0;
z-index: 2;
padding: 24px;
display: flex;
flex-direction: column;
gap: 8px;
color: #F4EFE6;
pointer-events: none;
}
.lnj-drops-current__eyebrow {
font-family: var(--lnj-font-meta);
font-size: 12px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #F4EFE6;
}
.lnj-drops-current__name {
font-family: var(--lnj-font-display);
font-size: clamp(27px, 4vw, 46px);
line-height: 1.15;
font-weight: 400;
color: #F4EFE6;
text-decoration: none;
}
.lnj-drops-current__info {
display: flex;
flex-direction: column;
justify-content: flex-start;
gap: 32px;
flex: 1;
min-width: 0;
padding: 8px 0 0;
}
@media (min-width: 1024px) {
.lnj-drops-current__info {
width: 41.666%;
padding: 24px 0;
}
}
.lnj-drops-current__top {
display: flex;
flex-direction: column;
gap: 32px;
}
.lnj-drops-current__status {
padding-bottom: 32px;
border-bottom: 1px solid var(--lnj-primary);
}
.lnj-drops-current__status-label {
display: block;
font-family: var(--lnj-font-meta);
font-size: 10px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--lnj-faint);
margin-bottom: 10px;
}
.lnj-drops-current__status-row {
display: flex;
align-items: center;
gap: 14px;
}
.lnj-drops-current__dot {
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--lnj-faint);
}
.lnj-drops-current__dot.is-live {
background: var(--lnj-gold-dim, var(--lnj-secondary, #745b24));
animation: lnj-pulse 1.5s ease infinite;
}
.lnj-drops-current__status-val {
font-family: var(--lnj-font-meta);
font-size: 12px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--lnj-primary);
}
.lnj-drops-current__lead {
margin: 0;
font-family: var(--lnj-font-display);
font-size: 21px;
line-height: 1.7;
font-weight: 400;
color: var(--lnj-primary);
max-width: 36ch;
}
.lnj-drops-current__facts {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px 32px;
padding-top: 32px;
border-top: 1px solid var(--lnj-line);
}
.lnj-drops-current__facts span {
display: block;
font-family: var(--lnj-font-meta);
font-size: 10px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--lnj-faint);
margin-bottom: 6px;
}
.lnj-drops-current__facts strong {
font-family: var(--lnj-font-meta);
font-size: 12px;
letter-spacing: 0.08em;
text-transform: uppercase;
font-weight: 400;
color: var(--lnj-primary);
}
.lnj-drops-current__facts strong[data-deadline] {
font-size: 16px; letter-spacing: 0.06em;
}
.lnj-drops-current__actions {
display: flex;
flex-direction: column;
gap: 16px;
}
.lnj-drops-current__closes {
display: flex;
justify-content: space-between;
align-items: baseline;
gap: 16px;
padding-bottom: 10px;
border-bottom: 1px solid var(--lnj-line);
font-family: var(--lnj-font-meta);
font-size: 10px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--lnj-primary);
}
.lnj-drops-current__closes-val {
font-size: 12px;
letter-spacing: 0.18em;
color: var(--lnj-secondary, #745b24);
}
.lnj-drops-current__cta {
width: 100%;
text-align: center;
justify-content: center;
}
@media (min-width: 1024px) {
.lnj-drops-current {
height: calc(100vh - var(--lnj-header-h) - var(--lnj-admin-bar));
height: calc(100dvh - var(--lnj-header-h) - var(--lnj-admin-bar));
max-height: calc(100dvh - var(--lnj-header-h) - var(--lnj-admin-bar));
box-sizing: border-box;
display: flex;
flex-direction: column;
min-height: 0;
}
.lnj-drops-current > .lnj-wrap {
flex: 1 1 auto;
min-height: 0;
height: 100%;
}
.lnj-drops-current .lnj-drops-shell {
align-items: stretch;
height: 100%;
min-height: 0;
}
.lnj-drops-current .lnj-drops-shell__rail {
min-height: 0;
padding-top: clamp(16px, 3vh, 48px);
}
.lnj-drops-current__main.lnj-drops-shell__main {
display: flex;
flex-direction: column;
min-height: 0;
height: 100%;
padding: clamp(16px, 3vh, 32px) 0;
box-sizing: border-box;
}
.lnj-drops-current__grid {
flex: 1 1 auto;
min-height: 0;
height: 100%;
align-items: stretch;
}
.lnj-drops-current__visual {
aspect-ratio: auto;
height: 100%;
min-height: 0;
align-self: stretch;
}
.lnj-drops-current__info {
min-height: 0;
padding: clamp(8px, 2vh, 24px) 0;
gap: clamp(20px, 3.2vh, 32px);
justify-content: flex-start;
}
.lnj-drops-current__top {
gap: clamp(16px, 3vh, 32px);
}
.lnj-drops-current__status {
padding-bottom: clamp(12px, 2.5vh, 32px);
}
.lnj-drops-current__lead {
font-size: clamp(16px, 2.4vh, 21px);
line-height: 1.55;
}
.lnj-drops-current__facts {
padding-top: clamp(12px, 2.5vh, 32px);
gap: clamp(8px, 1.6vh, 16px) 32px;
}
}
.lnj-drops-guide-wrap {
margin-top: 8px;
}
.lnj-drops-below {
display: flex;
flex-direction: column;
padding: 8px 0 48px;
border-bottom: 1px solid var(--lnj-primary);
}
.lnj-drops-page--no-past .lnj-drops-below {
border-bottom: 0;
}
@media (min-width: 1024px) {
.lnj-drops-below {
display: grid;
grid-template-columns: minmax(0, 58.333%) minmax(0, 41.666%);
gap: 18px;
align-items: start;
padding-top: 32px;
}
}
.lnj-drops-guide {
margin: 0;
padding: 8px 0 0;
border-bottom: 0;
max-width: none;
}
@media (max-width: 1023px) {
.lnj-drops-guide {
padding-top: 100px;
}
}
.lnj-drops-guide__heading {
font-family: var(--lnj-font-article);
font-size: 28px;
font-weight: 400;
letter-spacing: normal;
text-transform: none;
margin: 0 0 28px;
color: var(--lnj-primary);
}
.lnj-drops-guide__acc {
min-width: 0;
}
.lnj-drops-guide__acc .lnj-acc__item {
border-bottom: 1px solid var(--lnj-primary);
}
.lnj-drops-guide__acc .lnj-acc__btn {
font-family: var(--lnj-font-article);
font-size: 20px;
letter-spacing: normal;
text-transform: none;
padding: 18px 0;
gap: 16px;
}
.lnj-drops-guide__acc .lnj-acc__btn span:last-child {
font-family: var(--lnj-font-meta);
font-size: 16px;
letter-spacing: 0;
flex-shrink: 0;
}
.lnj-drops-guide__acc .lnj-acc__panel {
max-width: none;
font-family: var(--lnj-font-article);
letter-spacing: normal;
text-transform: none;
font-size: 16px;
line-height: 1.75;
color: var(--lnj-soft);
}
.lnj-drops-guide__ig {
white-space: nowrap;
}
.lnj-drops-types {
margin: 0;
padding: 8px 0 32px;
border-bottom: 1px solid var(--lnj-primary);
max-width: none;
}
@media (min-width: 1024px) {
.lnj-drops-types {
padding: 8px 0 0;
border-bottom: 0;
}
}
.lnj-drops-types__heading {
font-family: var(--lnj-font-article);
font-size: 28px;
font-weight: 400;
letter-spacing: normal;
text-transform: none;
margin: 0 0 16px;
color: var(--lnj-primary);
}
.lnj-drops-types__intro {
font-family: var(--lnj-font-article);
letter-spacing: normal;
text-transform: none;
margin: 0 0 28px;
font-size: 16px;
line-height: 1.75;
color: var(--lnj-soft);
}
.lnj-drops-types__item {
margin: 0 0 28px;
}
.lnj-drops-types__item:last-child {
margin-bottom: 0;
}
.lnj-drops-types__item h3 {
font-family: var(--lnj-font-article);
font-size: 20px;
font-weight: 400;
letter-spacing: normal;
text-transform: none;
margin: 0 0 10px;
color: var(--lnj-primary);
}
.lnj-drops-types__item p {
font-family: var(--lnj-font-article);
letter-spacing: normal;
text-transform: none;
margin: 0 0 10px;
font-size: 16px;
line-height: 1.75;
color: var(--lnj-soft);
}
.lnj-drops-types__item p:last-child {
margin-bottom: 0;
}
.lnj-drops-past {
margin-top: 8px;
padding-bottom: 48px;
}
.lnj-drops-past__head {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 16px;
margin-bottom: 28px;
padding-bottom: 16px;
border-bottom: 1px solid var(--lnj-primary);
}
.lnj-drops-past__title {
margin: 0;
font-family: var(--lnj-font-display);
font-size: 26px;
font-weight: 400;
color: var(--lnj-primary);
}
.lnj-drops-past__nav {
display: flex;
gap: 8px;
}
.lnj-drops-past__nav-btn {
width: 40px;
height: 40px;
border: 1px solid var(--lnj-primary);
background: transparent;
color: var(--lnj-primary);
font-size: 22px;
line-height: 1;
cursor: pointer;
}
.lnj-drops-past__nav-btn:hover,
.lnj-drops-past__nav-btn:focus-visible {
background: var(--lnj-primary);
color: var(--lnj-cream);
}
.lnj-drops-past__viewport {
overflow: hidden;
width: 100%;
}
.lnj-drops-past__track {
display: flex;
transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
will-change: transform;
}
.lnj-drops-past__card {
flex: 0 0 100%;
width: 100%;
padding-right: 0;
text-decoration: none;
color: inherit;
display: flex;
flex-direction: column;
gap: 16px;
box-sizing: border-box;
}
@media (min-width: 1024px) {
.lnj-drops-past__card {
flex-basis: 50%;
width: 50%;
padding-right: 18px;
}
}
.lnj-drops-past__photo {
position: relative;
width: 100%;
aspect-ratio: 1;
border: 1px solid var(--lnj-primary);
overflow: hidden;
background: var(--lnj-cream-alt);
}
.lnj-drops-past__img {
display: block;
width: 100%;
height: 100%;
background: center / cover no-repeat;
filter: grayscale(1);
transition: filter 0.7s ease, transform 0.7s ease;
}
.lnj-drops-past__card:hover .lnj-drops-past__img,
.lnj-drops-past__card:focus-visible .lnj-drops-past__img {
filter: grayscale(0);
transform: scale(1.03);
}
.lnj-drops-past__badge {
position: absolute;
top: 16px;
left: 16px;
border: 1px solid var(--lnj-primary);
background: var(--lnj-cream);
padding: 6px 8px;
font-family: var(--lnj-font-meta);
font-size: 10px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--lnj-primary);
}
.lnj-drops-past__meta {
display: flex;
justify-content: space-between;
align-items: baseline;
gap: 16px;
padding-bottom: 8px;
border-bottom: 1px solid var(--lnj-line);
}
.lnj-drops-past__name {
font-family: var(--lnj-font-display);
font-size: 26px;
line-height: 1.3;
color: var(--lnj-primary);
}
.lnj-drops-past__date {
font-family: var(--lnj-font-meta);
font-size: 12px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--lnj-faint);
flex-shrink: 0;
}
.lnj-drops-past__progress {
margin-top: 28px;
height: 1px;
background: var(--lnj-line);
position: relative;
}
.lnj-drops-past__progress span {
display: block;
height: 100%;
width: 50%;
background: var(--lnj-secondary, #745b24);
transition: width 0.5s ease;
}
.lnj-drops-past__empty {
margin: 8px 0 32px;
max-width: 42ch;
} .lnj-drop-card {
border: 1px solid var(--lnj-primary);
padding: 32px;
margin-bottom: 24px;
display: grid;
gap: 24px;
}
@media (min-width: 768px) {
.lnj-drop-card {
grid-template-columns: 1fr auto;
align-items: end;
}
}
.lnj-drop-card__status {
font-family: var(--lnj-font-meta);
font-size: 11px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--lnj-gold);
margin-bottom: 8px;
}
.lnj-drop-card.is-archived .lnj-drop-card__status { color: var(--lnj-faint); }
.lnj-drop-card__title { font-size: 32px; margin-bottom: 12px; }
.lnj-drop-card__lead {
max-width: 52ch;
margin: 0;
}
.lnj-drop-card__meta {
display: flex;
flex-wrap: wrap;
gap: 16px 32px;
margin-top: 16px;
color: var(--lnj-soft);
}
.lnj-drops-archive__title {
font-size: 38px;
margin: 0 0 40px;
}
.lnj-drops-archive__archive-title {
margin: 48px 0 24px;
}
.lnj-acc { border-top: 1px solid var(--lnj-primary); }
.lnj-acc__item {
border-bottom: 1px solid var(--lnj-primary);
display: grid;
grid-template-rows: auto 0fr;
transition: grid-template-rows 0.42s cubic-bezier(0.22, 1, 0.36, 1);
}
.lnj-acc__item.is-open {
grid-template-rows: auto 1fr;
}
.lnj-acc__btn {
width: 100%;
text-align: left;
background: transparent;
border: 0;
padding: 18px 0;
font-family: var(--lnj-font-meta);
font-size: 13px;
letter-spacing: 0.04em;
text-transform: none;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
color: var(--lnj-primary);
font-weight: 400;
}
.lnj-acc__btn span:last-child {
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 1em;
transition: transform 0.42s cubic-bezier(0.22, 1, 0.36, 1);
}
.lnj-acc__panel {
display: block;
overflow: hidden;
min-height: 0;
padding: 0;
color: var(--lnj-variant);
max-width: 52ch;
font-size: 14px;
line-height: 1.75;
transition: padding-bottom 0.42s cubic-bezier(0.22, 1, 0.36, 1);
}
.lnj-acc__item.is-open .lnj-acc__panel {
padding-bottom: 20px;
}
@media (prefers-reduced-motion: reduce) {
.lnj-acc__item,
.lnj-acc__btn span:last-child,
.lnj-acc__panel {
transition: none;
}
}
.lnj-specs {
border-top: 1px solid var(--lnj-primary);
margin: 24px 0;
}
.lnj-specs__row {
display: flex;
justify-content: space-between;
gap: 16px;
padding: 14px 0;
border-bottom: 1px solid var(--lnj-line);
font-size: 15px;
}
.lnj-specs__key {
font-family: var(--lnj-font-meta);
font-size: 11px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--lnj-faint);
}
.lnj-size-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 12px;
margin-bottom: 16px;
}
.lnj-size-grid button {
font-family: var(--lnj-font-meta);
font-size: 12px;
letter-spacing: 0.14em;
text-transform: uppercase;
border: 1px solid var(--lnj-primary);
background: transparent;
padding: 12px;
cursor: pointer;
border-radius: var(--lnj-radius-frame);
}
.lnj-size-grid button.is-active {
background: var(--lnj-primary);
color: var(--lnj-gold-dim);
}
.lnj-stock-badge {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
border: 1px solid var(--lnj-primary);
border-radius: var(--lnj-radius-frame);
padding: 6px 12px;
font-family: var(--lnj-font-meta);
font-size: 12px;
letter-spacing: 0.14em;
text-transform: uppercase;
box-sizing: border-box;
line-height: 1;
white-space: nowrap;
}
.lnj-stock-badge__dot {
width: 6px;
height: 6px;
flex-shrink: 0;
border-radius: 50%;
background: var(--lnj-gold-dim);
animation: lnj-pulse 1.5s ease infinite;
}
.lnj-stock-badge--ok .lnj-stock-badge__dot {
background: var(--lnj-stock-ok);
}
.lnj-stock-badge--low .lnj-stock-badge__dot {
background: var(--lnj-stock-low);
}
.lnj-stock-badge--one .lnj-stock-badge__dot {
background: var(--lnj-stock-one);
}
.lnj-stock-badge--out .lnj-stock-badge__dot {
background: var(--lnj-stock-out);
}
.lnj-stock-badge--hold .lnj-stock-badge__dot {
background: var(--lnj-gold);
}
.lnj-price-with-stock {
--lnj-price-size: 28px;
--lnj-badge-h: var(--lnj-price-size);
display: inline-flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
gap: 16px;
min-width: 0;
max-width: 100%;
}
.lnj-price-with-stock > .price,
.lnj-price-with-stock > .lnj-price {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
line-height: 1;
}
.lnj-price-with-stock .lnj-stock-badge {
box-sizing: border-box;
align-self: center;
margin: 0;
height: var(--lnj-badge-h);
min-height: var(--lnj-badge-h);
padding: 0 18px;
font-size: 12px;
letter-spacing: 0.12em;
}
.lnj-pdp .lnj-price-with-stock {
--lnj-price-size: 24px; --lnj-badge-h: 42px;
}
.lnj-pdp .lnj-pdp__title-price {
--lnj-price-size: 22px;
--lnj-badge-h: 32px;
}
.lnj-product-row .lnj-price-with-stock {
--lnj-price-size: 28px;
--lnj-badge-h: 32px;
}
.lnj-cat-row__price .lnj-price-with-stock {
--lnj-price-size: 28px;
--lnj-badge-h: 28px;
}
.lnj-frame-card .lnj-price-with-stock {
--lnj-price-size: 20px;
--lnj-badge-h: 28px;
display: block;
}
.lnj-frame-card .lnj-price-with-stock > .lnj-price {
display: block;
}
.lnj-frame-card .lnj-price-with-stock .lnj-stock-badge,
.lnj-frame-card .lnj-stock-badge {
position: absolute;
right: 10px;
bottom: 0;
z-index: 1;
height: auto;
min-height: 0;
align-self: auto;
margin: 0 0 10px 10px; padding: 5px 20px; box-sizing: border-box;
gap: 6px;
}
.lnj-unikat-badge {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 5px 20px;
border: 1px solid var(--lnj-gold);
border-radius: var(--lnj-radius-frame);
font-family: var(--lnj-font-meta);
font-size: 12px;
letter-spacing: 0.14em;
text-transform: uppercase;
line-height: 1;
white-space: nowrap;
box-sizing: border-box;
color: var(--lnj-primary);
background: var(--lnj-gold);
pointer-events: none;
}
.lnj-frame-card .lnj-unikat-badge {
position: absolute;
left: 10px;
bottom: 0;
z-index: 1;
margin: 0 10px 10px 0;
}
.lnj-pdp__badges {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 8px;
flex-shrink: 0;
}
.lnj-pdp__badges .lnj-unikat-badge {
height: auto;
min-height: 0;
padding: 5px 20px;
}
@keyframes lnj-pulse {
0%, 100% { opacity: 1; }
50% { opacity: 0.35; }
}
.lnj-form input[type="text"],
.lnj-form input[type="email"],
.lnj-form input[type="tel"],
.lnj-form textarea {
width: 100%;
border: 0;
border-bottom: 1px solid var(--lnj-primary);
background: transparent;
border-radius: var(--lnj-radius-frame);
padding: 12px 0;
margin-bottom: 20px;
}
.lnj-form textarea {
background: color-mix(in srgb, var(--lnj-cream) 70%, white);
padding: 12px;
box-sizing: border-box;
}
.lnj-form label {
font-family: var(--lnj-font-meta);
font-size: 10px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--lnj-faint);
display: block;
margin-bottom: 4px;
} .lnj-contact__shell { max-width: none; }
.lnj-contact__grid {
display: grid;
grid-template-columns: 1fr;
gap: 48px;
}
@media (min-width: 1024px) {
.lnj-contact__grid {
grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
gap: 64px;
align-items: start;
}
}
.lnj-contact__eyebrow {
display: block;
margin-bottom: 12px;
color: var(--lnj-faint);
}
.lnj-contact__title {
font-size: 38px;
margin-bottom: 20px;
}
.lnj-contact__lead { margin: 0 0 28px; }
.lnj-contact__channels {
display: flex;
flex-direction: column;
gap: 10px;
margin: 0 0 16px;
font-family: var(--lnj-font-body);
font-size: 18px;
line-height: 1.5;
letter-spacing: 0;
text-transform: none;
}
.lnj-contact__channels a {
color: var(--lnj-primary);
}
.lnj-contact__channels a:hover {
text-decoration: underline;
}
.lnj-contact__channels .lnj-instagram,
.lnj-contact__channels .lnj-phone,
.lnj-contact__channels .lnj-contact-line {
display: inline-flex;
align-items: center;
gap: 0.45em;
font-size: inherit;
letter-spacing: inherit;
text-transform: none;
white-space: nowrap;
}
.lnj-contact__address {
display: flex;
flex-direction: column;
gap: 6px;
margin: 0 0 40px;
font-size: 16px;
line-height: 1.55;
}
.lnj-contact__address .lnj-meta {
color: var(--lnj-faint);
} @media (min-width: 1024px) {
.lnj-contact__main,
.lnj-layout--inset .lnj-layout__content {
margin-left: calc((80px - 1px - 28px * 1.2) / 2);
}
}
.lnj-contact__notice {
margin: 0 0 24px;
padding: 14px 16px;
border: 1px solid var(--lnj-primary);
font-size: 15px;
line-height: 1.6;
}
.lnj-contact__notice--ok { background: color-mix(in srgb, var(--lnj-stock-ok) 12%, var(--lnj-cream)); }
.lnj-contact__notice--err { background: color-mix(in srgb, var(--lnj-stock-out) 10%, var(--lnj-cream)); }
.lnj-form label.lnj-contact__consent,
.lnj-contact__consent {
display: flex;
align-items: flex-start;
gap: 10px;
margin: 8px 0 24px;
font-family: var(--lnj-font-body);
font-size: 13px;
line-height: 1.55;
color: var(--lnj-soft);
cursor: pointer;
text-transform: none;
letter-spacing: 0;
font-weight: 400;
}
.lnj-contact__consent input {
flex: 0 0 auto;
width: 16px;
height: 16px;
margin: 3px 0 0;
accent-color: var(--lnj-ink);
}
.lnj-contact__consent a {
color: inherit;
text-decoration: underline;
text-underline-offset: 2px;
}
.lnj-contact__form .lnj-btn--block {
display: flex;
margin-top: 4px;
min-height: 48px;
box-sizing: border-box;
} .g-recaptcha,
.wpcf7-recaptcha,
.wpcf7-form-control.g-recaptcha {
display: inline-block;
background-color: var(--lnj-cream);
filter: url(#lnj-recaptcha-cream);
}
.lnj-form .g-recaptcha,
.wpcf7-form .g-recaptcha,
.woocommerce .g-recaptcha {
margin: 8px 0 20px;
}
iframe[src*="recaptcha/api2/anchor"]:not([src*="size=invisible"]):not([src*="badge="]) {
background-color: var(--lnj-cream);
}
@media (max-width: 1023px) {
.g-recaptcha,
.wpcf7-recaptcha,
.wpcf7-form-control.g-recaptcha {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 100%;
filter: none;
overflow: visible;
background-color: transparent;
}
.lnj-form .g-recaptcha,
.wpcf7-form .g-recaptcha,
.woocommerce .g-recaptcha,
.lnj-about__form .g-recaptcha {
margin: 58px auto 24px;
}
.g-recaptcha iframe {
display: block;
margin: 0 auto;
filter: url(#lnj-recaptcha-cream);
}
}
.lnj-contact__cms { margin-top: 40px; }
.lnj-contact__aside {
display: flex;
flex-direction: column;
gap: 0;
border-top: 1px solid var(--lnj-primary);
}
.lnj-contact__card {
padding: 22px 0;
border-bottom: 1px solid var(--lnj-primary);
}
.lnj-contact__card h2 {
font-family: var(--lnj-font-meta);
font-size: 11px;
letter-spacing: 0.14em;
text-transform: uppercase;
margin: 0 0 10px;
}
.lnj-contact__card p {
margin: 0 0 10px;
font-family: var(--lnj-font-article);
letter-spacing: normal;
text-transform: none;
font-size: 16px;
line-height: 1.7;
color: var(--lnj-soft);
}
.lnj-contact__card a {
font-family: var(--lnj-font-article);
font-size: 15px;
letter-spacing: normal;
text-transform: none;
text-decoration: underline;
text-underline-offset: 3px;
}
.lnj-contact__card .lnj-instagram {
display: inline-flex;
align-items: center;
gap: 8px;
margin-top: 4px;
} .lnj-about__eyebrow {
display: block;
margin-bottom: 12px;
color: var(--lnj-faint);
}
.lnj-about__title {
font-size: 38px;
margin-bottom: 20px;
}
.lnj-about__lead {
margin: 0 0 32px;
max-width: 52ch;
font-size: 18px;
line-height: 1.65;
}
.lnj-about__grid {
display: grid;
grid-template-columns: 1fr;
gap: 48px;
align-items: start;
}
.lnj-about__body {
max-width: 58ch;
}
.lnj-about__body p:last-child {
margin-bottom: 0;
}
.lnj-about__actions {
margin-top: 36px;
}
.lnj-about__actions .lnj-btn--block {
display: flex;
min-height: 48px;
box-sizing: border-box;
}
.lnj-about__aside {
display: flex;
flex-direction: column;
gap: 32px;
min-width: 0;
}
@media (min-width: 1024px) {
.lnj-about__grid {
grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
gap: 64px;
align-items: stretch;
}
.lnj-about__main {
display: flex;
flex-direction: column;
min-height: 0;
}
.lnj-about__actions {
margin-top: auto;
padding-top: 36px;
}
.lnj-about__form {
margin-top: auto;
}
}
.lnj-about__figure {
margin: 0;
}
.lnj-about__img {
display: block;
width: 100%;
height: auto;
border: 1px solid var(--lnj-primary);
}
.lnj-about__form .lnj-contact__notice {
margin-bottom: 20px;
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
} .lnj-cart-badge {
display: none;
position: absolute;
top: 4px;
right: 2px;
min-width: 18px;
height: 18px;
padding: 0 4px;
background: var(--lnj-primary);
color: var(--lnj-gold-fixed);
font-family: var(--lnj-font-meta);
font-size: 11px;
line-height: 18px;
text-align: center;
border-radius: var(--lnj-radius-frame);
}
.lnj-product-row__line {
display: flex;
align-items: baseline;
gap: 16px;
width: 100%;
min-width: 0;
}
.lnj-product-row__line .lnj-product-row__idx { width: auto; flex-shrink: 0; }
.lnj-product-row__line .lnj-product-row__title { flex: 1; min-width: 0; }
@media (min-width: 768px) {
.lnj-product-row__line { width: auto; flex: 1; }
.lnj-product-row__line .lnj-product-row__idx { width: 96px; }
}
@media (max-width: 767px) {
.lnj-product-row__meta {
width: 100%;
}
.lnj-home .lnj-product-row__title {
font-size: 22px;
line-height: 1.25;
}
.lnj-home .lnj-product-row .lnj-price {
font-size: 22px;
}
}
.lnj-quote-band {
display: none !important;
background: var(--lnj-cream-alt);
border-top: 1px solid var(--lnj-soft);
border-bottom: 1px solid var(--lnj-soft);
padding: 48px 18px;
text-align: center;
}
.lnj-quote-band blockquote {
margin: 0 auto;
max-width: 28rem;
font-family: var(--lnj-font-display);
font-size: 27px;
line-height: 1.2;
font-style: normal;
color: var(--lnj-primary);
border: 0;
padding: 0;
}
.lnj-home-spis-cta {
display: flex;
justify-content: center;
width: fit-content;
margin: 32px auto 0;
}
.lnj-newsletter__help {
color: var(--lnj-soft);
font-size: 15px;
line-height: 1.7;
margin: 0 0 20px;
} .lnj-cat-row__body { flex: 1; min-width: 0; }
.lnj-cat-row__specs { display: none; }
.lnj-cat-row__spec {
display: flex;
flex-direction: column;
gap: 4px;
}
.lnj-cat-row__spec span {
font-family: var(--lnj-font-meta);
font-size: 10px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--lnj-faint);
}
.lnj-cat-row__spec strong {
font-weight: 400;
font-size: 14px;
color: var(--lnj-variant);
}
.lnj-cat-row__excerpt {
margin: 12px 0 0;
font-family: var(--lnj-font-article);
letter-spacing: normal;
text-transform: none;
font-size: 14px;
line-height: 1.55;
color: var(--lnj-soft);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.lnj-shop-filter {
display: none;
align-items: center;
gap: 8px;
background: transparent;
border: 0;
font-family: var(--lnj-font-meta);
font-size: 11px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--lnj-primary);
cursor: pointer;
padding: 0;
}
.lnj-shop-foot {
margin-top: 40px;
padding-top: 24px;
border-top: 1px solid var(--lnj-line);
display: flex;
flex-direction: column;
gap: 16px;
}
.lnj-shop-foot__progress {
height: 2px;
background: var(--lnj-line);
}
.lnj-shop-foot__progress span {
display: block;
height: 100%;
background: var(--lnj-gold);
} .lnj-pdp-back { display: none; }
.lnj-pdp__carousel { display: none; }
.lnj-shop-mobile-title { display: none; }
.lnj-pdp__title-row { display: block; }
.lnj-pdp__price-inline { display: none !important; }
.lnj-pdp__title-price { display: none; }
.lnj-pdp__bead { margin: 0 0 16px; color: var(--lnj-faint); }
.lnj-pdp__measure { display: none; }
.lnj-acc__kv {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
margin-top: 20px;
padding-top: 16px;
border-top: 1px solid var(--lnj-line);
}
.lnj-acc__kv span {
display: block;
font-family: var(--lnj-font-meta);
font-size: 10px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--lnj-faint);
margin-bottom: 6px;
}
.lnj-acc__kv strong { font-weight: 400; }
.lnj-buybar__meta {
display: flex;
flex-direction: column;
gap: 6px;
}
.lnj-buybar__ship {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2px;
max-width: none;
line-height: 1.45;
letter-spacing: 0.06em;
} .lnj-cart-cards { display: none; }
.lnj-cart-card {
display: grid;
grid-template-columns: 64px minmax(0, 1fr) auto;
gap: 16px;
align-items: start;
padding: 20px 0;
border-bottom: 1px solid var(--lnj-line);
}
.lnj-cart-card__thumb {
width: 64px;
aspect-ratio: 4 / 5;
background: var(--lnj-cream-alt) center / cover no-repeat;
}
.lnj-cart-card__idx {
font-family: var(--lnj-font-meta);
font-size: 11px;
letter-spacing: 0.14em;
color: var(--lnj-faint);
}
.lnj-cart-card__name {
font-family: var(--lnj-font-display);
font-size: 18px;
margin: 4px 0 6px;
}
.lnj-cart-card__meta {
font-family: var(--lnj-font-meta);
font-size: 10px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--lnj-soft);
}
.lnj-checkout-paybar {
display: none;
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 46;
background: rgba(243, 236, 226, 0.96);
border-top: 1px solid var(--lnj-primary);
padding: 14px 18px calc(14px + var(--lnj-safe-bottom));
align-items: center;
justify-content: space-between;
gap: 16px;
}
.lnj-checkout-paybar__label {
font-family: var(--lnj-font-meta);
font-size: 10px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--lnj-faint);
display: block;
margin-bottom: 4px;
}   .lnj-faq .lnj-acc__item { border-bottom: 1px solid var(--lnj-primary); }
.lnj-faq-help {
margin-top: 48px;
padding: 28px;
background: var(--lnj-cream-alt);
border: 1px solid var(--lnj-line);
}
.lnj-faq-help h2 { font-size: 26px; margin: 0 0 12px; }
@media (max-width: 1023px) {
:root {
--lnj-header-h: calc(56px + 40px + 2px + env(safe-area-inset-top));
--lnj-safe-bottom: 0px;
--lnj-tabbar-h: 64px;
}
html {
max-width: 100%;
}
body {
font-size: 16px;
line-height: 1.75;
max-width: 100%;
overscroll-behavior-x: none;
}
.grecaptcha-badge,
.grecaptcha-badge .grecaptcha-logo {
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
width: 0 !important;
height: 0 !important;
max-width: 0 !important;
max-height: 0 !important;
overflow: hidden !important;
position: fixed !important;
bottom: 0 !important;
right: 0 !important;
left: auto !important;
margin: 0 !important;
box-shadow: none !important;
}
body > div:has(> .grecaptcha-badge) {
height: 0 !important;
width: 0 !important;
overflow: hidden !important;
margin: 0 !important;
}
textarea.g-recaptcha-response {
display: none !important;
height: 0 !important;
width: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}
.lnj-header {
background: rgba(243, 236, 226, 0.82);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border-bottom: 1px solid rgba(5, 14, 24, 0.08);
padding-top: env(safe-area-inset-top);
}
.lnj-nav { height: 56px; }
.lnj-brand {
font-size: 27px;
font-style: normal;
letter-spacing: -0.02em;
}
.lnj-cart-link {
position: relative;
border: 0;
padding: 0;
width: 44px;
height: 44px;
justify-content: center;
}
.lnj-cart-label { display: none; }
.lnj-cart-badge { display: block; }
.lnj-nav-toggle { display: none !important; }
.lnj-tabbar {
background: var(--lnj-gold);
height: 64px;
max-height: 64px;
padding-bottom: 8px;
}
.lnj-tabbar a { font-size: 10px; gap: 4px; padding: 6px 4px; }
.lnj-tabbar svg { opacity: 0.85; }
.lnj-tabbar a.is-active svg { opacity: 1; }
.lnj-footer {
padding-bottom: 80px;
}
.lnj-main {
max-width: 100%;
overflow-x: clip;
} .lnj-hero {
overflow-x: clip;
border-bottom: 0;
}
.lnj-hero__mobile {
padding: 20px 0 80px;
box-sizing: border-box;
}
.lnj-hero__mobile-bar {
display: none !important;
}
.lnj-hero__mobile-media {
padding: 0 var(--lnj-margin-m);
}
.lnj-hero__mobile-img {
aspect-ratio: 4 / 5;
max-height: none;
border: 0;
border-bottom: 1px solid var(--lnj-soft);
}
.lnj-hero__mobile-detail {
display: block;
right: calc(-1 * var(--lnj-hero-detail-overhang, 16px));
bottom: calc(-1 * var(--lnj-hero-detail-overhang, 16px));
width: min(40%, 160px);
}
.lnj-hero__mobile-copy {
padding: 64px var(--lnj-margin-m) 0;
text-align: center;
max-width: none;
margin: 0;
}
.lnj-hero__mobile-copy h1 {
font-size: 38px;
line-height: 1.2;
font-style: normal !important;
margin: 0;
}
.lnj-hero__mobile-drop,
.lnj-hero__mobile-lead {
font-style: normal !important;
}
.lnj-hero__mobile-lead {
margin: 16px auto 0;
max-width: 32ch;
font-family: var(--lnj-font-display);
font-size: 21px;
line-height: 1.7;
color: var(--lnj-variant, #44474b);
}
.lnj-section {
padding: 64px 0;
}
.lnj-home-spis {
background: var(--lnj-surface, #fcf9f9);
}
.lnj-section__head {
margin-bottom: 32px;
border-bottom: 1px solid var(--lnj-soft);
padding-bottom: 16px;
}
.lnj-section__avail,
.lnj-section__head-cta { display: none; }
.lnj-about-home {
background: linear-gradient(160deg, #F7F3EC, #EEE7DA);
border-top: 0;
}
.lnj-about-home__label { display: none; }
.lnj-about-home__title--desk { display: none; }
.lnj-about-home__title--mob {
display: block;
font-size: 26px;
margin-bottom: 16px;
}
.lnj-about-home__img {
filter: grayscale(1);
}
@media (max-width: 767px) {
.lnj-about-home__img {
position: relative;
inset: auto;
height: auto;
aspect-ratio: 1;
}
}
.lnj-about-home__img::before { display: none; }
.lnj-about-home__grid { gap: 48px; }
.lnj-about-home__body {
max-width: none;
margin-bottom: 24px;
font-size: 16px;
line-height: 1.75;
}
.lnj-newsletter--home {
background: var(--lnj-ink);
border: 1px solid var(--lnj-ink);
border-radius: var(--lnj-radius-frame);
padding: 28px 20px;
}
.lnj-newsletter--home .lnj-newsletter__title {
font-family: var(--lnj-font-display);
font-size: 22px;
letter-spacing: -0.01em;
text-transform: none;
text-align: left;
color: #fff;
margin-bottom: 12px;
}
.lnj-newsletter--home .lnj-newsletter__help {
display: block;
font-size: 14px;
margin-bottom: 16px;
color: var(--lnj-gold-dim);
}
.lnj-newsletter--home .lnj-newsletter__form {
flex-direction: column;
align-items: stretch;
border: 0;
gap: 0;
width: 100%;
}
.lnj-newsletter--home .lnj-newsletter__form input {
border: 1px solid var(--lnj-gold-dim);
border-bottom: 0;
padding: 12px 16px;
width: 100%;
color: #fff;
}
.lnj-newsletter--home .lnj-newsletter__form button {
width: 100%;
margin-top: 0;
background: transparent;
color: var(--lnj-gold-dim);
border: 1px solid var(--lnj-gold-dim);
padding: 16px 24px;
}
.lnj-newsletter--home .lnj-newsletter__form button:hover,
.lnj-newsletter--home .lnj-newsletter__form button:focus-visible {
background: var(--lnj-gold-dim);
color: var(--lnj-ink);
}
.lnj-product-row {
min-width: 0;
}
.lnj-home .lnj-product-row {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 8px;
padding: 20px 0;
border-bottom-color: var(--lnj-soft);
}
.lnj-home .lnj-product-row__thumb {
display: none;
}
.lnj-home .lnj-product-row__main {
gap: 16px;
}
.lnj-home .lnj-product-row__idx {
width: auto;
}
.lnj-home .lnj-product-row__title {
font-family: var(--lnj-font-body);
font-size: 16px;
line-height: 1.75;
font-style: normal;
}
.lnj-home .lnj-product-row:hover .lnj-product-row__title {
font-style: normal;
}
.lnj-home .lnj-product-row__meta {
width: 100%;
padding-left: 40px;
justify-content: flex-end;
}
.lnj-home .lnj-product-row__meta-text {
text-align: left;
}
.lnj-home .lnj-product-row__price {
width: 100%;
padding-left: 40px;
justify-content: flex-end;
}
.lnj-home .lnj-product-row .lnj-price {
font-size: 28px;
}
.lnj-home-spis-cta {
width: auto;
min-width: 200px;
margin-top: 32px;
} .lnj-shop-layout {
padding: 32px 0 24px;
gap: 0;
}
.lnj-shop-mobile-title {
display: block;
font-size: 27px;
margin: 8px 0 24px;
font-family: var(--lnj-font-display);
font-weight: 400;
}
.lnj-shop-toolbar {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 16px;
margin-bottom: 8px;
padding-bottom: 24px;
}
.lnj-shop-lead { display: none; }
.lnj-shop-filter { display: inline-flex; }
.lnj-view-toggle > span { display: none; }
.lnj-view-toggle {
gap: 20px;
background: transparent;
border: 0;
padding: 0;
}
.lnj-view-toggle button {
border: 0;
background: transparent;
padding: 0 0 6px;
color: var(--lnj-faint);
font-family: var(--lnj-font-meta);
font-size: 12px;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.lnj-view-toggle button.is-active {
color: var(--lnj-primary);
background: transparent;
border-bottom: 1px solid var(--lnj-primary);
}
.lnj-cat-row {
display: grid;
grid-template-columns: 36px 48px minmax(0, 1fr);
gap: 10px 12px;
align-items: start;
padding: 24px 0;
margin: 0;
max-width: 100%;
box-sizing: border-box;
}
.lnj-next-drop .lnj-cat-row {
grid-template-columns: 36px 96px minmax(0, 1fr);
}
.lnj-cat-row__nr {
grid-column: 1;
grid-row: 1;
margin: 0;
width: auto;
padding-top: 8px;
}
.lnj-cat-row__thumb {
grid-column: 2;
grid-row: 1;
display: block;
width: 48px;
height: 48px;
}
.lnj-next-drop .lnj-cat-row__thumb {
width: 96px;
height: 96px;
}
.lnj-cat-row__price {
grid-column: 3;
grid-row: 1;
width: auto;
max-width: none;
justify-content: flex-end;
align-items: center;
padding-top: 0;
min-width: 0;
justify-self: end;
}
.lnj-cat-row__body {
grid-column: 1 / -1;
grid-row: 2;
display: flex;
flex-direction: column;
min-width: 0;
max-width: 100%;
}
.lnj-cat-row__name,
.lnj-cat-row__stone,
.lnj-cat-row__size {
grid-column: auto;
}
.lnj-cat-row__name {
display: block;
font-size: 22px;
font-style: italic;
margin: 0 0 12px;
line-height: 1.25;
padding-right: 0;
max-width: 100%;
writing-mode: horizontal-tb;
text-orientation: mixed;
white-space: normal;
overflow-wrap: break-word;
word-break: normal;
}
.lnj-cat-row__specs {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
}
.lnj-cat-row__excerpt {
grid-column: 1 / -1;
margin: 4px 0 0;
font-size: 14px;
line-height: 1.5;
color: var(--lnj-soft);
}
.lnj-cat-row__desktop-only { display: none !important; }
.lnj-cat-row__price {
width: auto;
max-width: none;
justify-content: flex-end;
align-items: center;
padding-top: 0;
min-width: 0;
}
.lnj-cat-row__price .lnj-price {
font-size: 18px;
white-space: nowrap;
}
.lnj-cat-row__price .lnj-price-with-stock {
flex-wrap: wrap;
justify-content: flex-end;
}
.lnj-drop-teaser { display: none; }
.lnj-frames {
margin-left: 0;
margin-right: 0;
} .lnj-blog-shell {
padding-top: 32px;
padding-bottom: 80px;
}
.lnj-blog-index__head {
padding: 0 0 8px;
}
.lnj-blog-featured {
margin-left: calc(-1 * var(--lnj-margin-m));
margin-right: calc(-1 * var(--lnj-margin-m));
width: calc(100% + 2 * var(--lnj-margin-m));
max-width: none;
}
.lnj-blog-featured__body {
padding: var(--lnj-margin-m);
}
.lnj-blog-featured__title {
font-size: 27px;
word-break: break-word;
}
.lnj-blog-list {
border-top: 1px solid var(--lnj-line);
}
.lnj-blog-row {
padding: 20px 0;
gap: 10px;
}
.lnj-blog-row__title {
font-size: 22px;
word-break: break-word;
} .lnj-post-header {
padding: 64px 0 32px;
}
.lnj-post-header__inner {
max-width: none;
margin: 0;
gap: 24px;
}
.lnj-post-header__title {
max-width: none;
font-size: 27px;
}
.lnj-post-header__lead {
max-width: none;
font-size: 18px;
line-height: 1.65;
}
.lnj-post-video-wrap {
padding-top: 20px;
}
.lnj-post-grid {
padding-top: 32px;
padding-bottom: 80px;
gap: 28px;
}
.lnj-post__content {
font-size: 16px;
line-height: 1.75;
overflow-x: clip;
max-width: 100%;
}
.lnj-post__content img,
.lnj-post__content figure,
.lnj-post__content .lnj-post-figure {
max-width: 100%;
}
.lnj-post-section__heading {
font-size: 22px;
flex-wrap: wrap;
} .lnj-gallery__shell {
padding: 32px var(--lnj-margin-m) 80px;
}
.lnj-gallery__grid {
gap: var(--lnj-gutter);
} .lnj-layout__content {
padding: 32px 0 80px;
}
.lnj-faq-help {
margin-top: 48px;
margin-bottom: 24px;
padding: 24px;
}
.lnj-faq .lnj-acc__btn {
gap: 16px;
font-size: 18px;
text-align: left;
}
.lnj-faq .lnj-acc__panel {
font-size: 16px;
line-height: 1.75;
} body.lnj-product .lnj-ticker { padding: 10px 0; }
body.lnj-product .lnj-footer {
padding-bottom: calc(var(--lnj-section) + var(--lnj-tabbar-h) + 88px);
}
.lnj-pdp-back {
display: flex;
align-items: center;
gap: 10px;
height: 52px;
padding: 0 var(--lnj-margin-m);
border-bottom: 1px solid var(--lnj-line);
background: rgba(243, 236, 226, 0.92);
position: sticky;
top: calc(var(--lnj-admin-bar) + var(--lnj-header-h));
z-index: 30;
}
.lnj-pdp-back__link {
display: inline-flex;
align-items: center;
flex-shrink: 0;
gap: 8px;
font-family: var(--lnj-font-meta);
font-size: 12px;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.lnj-pdp-back .lnj-crumbs {
margin: 0;
min-width: 0;
}
.lnj-pdp-back .lnj-crumbs__list {
gap: 4px;
}
.lnj-pdp-back .lnj-crumbs__link,
.lnj-pdp-back .lnj-crumbs__current,
.lnj-pdp-back .lnj-crumbs [aria-current="page"] {
padding: 2px 6px;
font-size: 11px;
}
.lnj-crumbs--pdp {
display: none;
}
.lnj-crumbs--pdp-under-mobile {
display: block;
margin: 0 0 16px;
padding: 0 var(--lnj-margin-m);
}
.lnj-pdp { padding-top: 0; padding-left: 0; padding-right: 0; }
.lnj-pdp .lnj-wrap,
.lnj-pdp-page > .lnj-wrap { padding-left: 0; padding-right: 0; }
.lnj-pdp-page > .lnj-wrap.lnj-next-drop {
padding-left: var(--lnj-margin-m);
padding-right: var(--lnj-margin-m);
}
.lnj-pdp__gallery--desktop { display: none; }
.lnj-pdp__carousel {
display: block;
position: relative;
overflow: hidden;
margin-bottom: 24px;
max-width: 100%;
}
.lnj-pdp__carousel-track {
display: flex;
transition: transform 0.35s ease;
}
.lnj-pdp__slide {
flex: 0 0 100%;
aspect-ratio: 4 / 5;
background: var(--lnj-cream-alt);
border: 0;
padding: 0;
cursor: zoom-in;
display: block;
position: relative;
overflow: hidden;
}
.lnj-pdp__slide .lnj-pdp__photo {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.lnj-pdp__slide.is-placeholder .lnj-pdp__photo {
object-fit: contain;
background-color: #C2A769;
background-size: 50% auto;
}
.lnj-pdp__carousel-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 36px;
height: 36px;
border: 0;
background: rgba(243, 236, 226, 0.7);
color: var(--lnj-primary);
cursor: pointer;
font-size: 22px;
line-height: 1;
}
.lnj-pdp__carousel-btn--prev { left: 8px; }
.lnj-pdp__carousel-btn--next { right: 8px; }
.lnj-pdp__dots {
position: absolute;
left: 0;
right: 0;
bottom: 14px;
display: flex;
justify-content: center;
gap: 8px;
}
.lnj-pdp__dots button {
width: 6px;
height: 6px;
border-radius: 50%;
border: 0;
padding: 0;
background: rgba(5, 14, 24, 0.25);
cursor: pointer;
}
.lnj-pdp__dots button.is-active { background: var(--lnj-primary); }
.lnj-pdp__info { padding: 0 var(--lnj-margin-m) 16px; }
.lnj-pdp-explainers { margin-bottom: 20px; }
.lnj-pdp__below {
margin: 8px var(--lnj-margin-m) 0;
padding-top: 24px;
padding-bottom: calc(var(--lnj-tabbar-h) + 96px);
}
.lnj-pdp__index--desktop,
.lnj-pdp__price-row--desktop,
.lnj-pdp__spec-stock,
.lnj-pdp__size-current,
.lnj-pdp__atc:not(.lnj-pdp__atc--hold) { display: none !important; }
.lnj-pdp__atc--hold {
display: block !important;
margin-top: 16px;
}
.lnj-pdp__title-row {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 10px;
margin-bottom: 8px;
}
.lnj-pdp__title-price {
display: inline-flex;
align-items: center;
justify-content: space-between;
flex-shrink: 0;
margin: 0;
width: 100%;
}
.lnj-pdp__title-row .product_title {
font-size: 26px;
margin: 0;
width: 100%;
min-width: 0;
writing-mode: horizontal-tb;
text-orientation: mixed;
white-space: normal;
overflow-wrap: break-word;
word-break: normal;
}
.lnj-pdp__price-inline {
display: flex !important;
flex-direction: column;
align-items: flex-end;
font-family: var(--lnj-font-display);
font-size: 22px;
white-space: normal;
text-align: right;
}
.lnj-pdp__price-inline .lnj-omnibus {
text-align: right;
max-width: 18ch;
} .lnj-buybar { gap: 12px; }
.lnj-buybar .lnj-btn { flex-shrink: 0; } body.woocommerce-checkout .lnj-checkout-paybar {
display: flex;
bottom: var(--lnj-tabbar-h);
padding-bottom: 14px;
background: var(--lnj-cream);
}
body.woocommerce-checkout .lnj-footer {
padding-bottom: calc(var(--lnj-section) + var(--lnj-tabbar-h) + 88px);
}
body.woocommerce-checkout .lnj-main,
body.woocommerce-checkout .lnj-checkout-layout {
padding-bottom: calc(var(--lnj-tabbar-h) + 120px);
}
body.woocommerce-cart .shop_table.cart thead,
body.woocommerce-cart .shop_table.cart .product-quantity,
body.woocommerce-cart .shop_table.cart .product-remove,
body.woocommerce-cart .shop_table.cart .product-price { display: none; }
body.woocommerce-cart .shop_table.cart td.product-thumbnail img {
width: 64px;
height: auto;
}
body.woocommerce-cart .lnj-cart-cards { display: block; }
body.woocommerce-checkout .lnj-cart-cards { display: block; }
body.woocommerce-cart .woocommerce-cart-form__contents.shop_table { display: none; }
body.woocommerce-cart .cart-collaterals { display: none; }
body.woocommerce-checkout #order_review .woocommerce-checkout-payment {
margin-bottom: 24px;
}
body.woocommerce-checkout ul.payment_methods > li {
border: 1px solid var(--lnj-line);
padding: 14px 16px;
margin: 0 0 10px;
}
body.woocommerce-checkout ul.payment_methods > li:has(> input:checked) {
border-color: var(--lnj-primary);
background: var(--lnj-cream-alt);
}
body.woocommerce-checkout #place_order {
display: none !important;
}
body.woocommerce-cart .lnj-wrap.lnj-cart-page,
body.woocommerce-checkout .lnj-wrap.lnj-checkout-layout {
padding-left: var(--lnj-margin-m);
padding-right: var(--lnj-margin-m);
}
body.woocommerce-checkout .lnj-checkout-layout,
body.woocommerce-checkout #order_review,
body.woocommerce-checkout .woocommerce-checkout-review-order,
body.woocommerce-checkout #payment {
max-width: 100%;
min-width: 0;
box-sizing: border-box;
}
body.woocommerce-checkout table.shop_table {
width: 100% !important;
max-width: 100%;
min-width: 0 !important;
table-layout: fixed;
}
body.woocommerce-checkout table.shop_table th,
body.woocommerce-checkout table.shop_table td {
padding: 12px 10px !important;
word-break: break-word;
overflow-wrap: anywhere;
}
body.woocommerce-checkout table.shop_table th:last-child,
body.woocommerce-checkout table.shop_table td:last-child {
text-align: right;
width: 38%;
}
body.woocommerce-checkout table.shop_table .woocommerce-shipping-totals {
display: block;
width: 100%;
}
body.woocommerce-checkout table.shop_table .woocommerce-shipping-totals th,
body.woocommerce-checkout table.shop_table .woocommerce-shipping-totals td {
display: block;
width: 100% !important;
max-width: 100%;
text-align: left !important;
white-space: normal !important;
}
body.woocommerce-checkout table.shop_table .woocommerce-shipping-totals th {
border-bottom: 0 !important;
padding-bottom: 6px !important;
}
body.woocommerce-checkout table.shop_table .woocommerce-shipping-totals td {
padding-top: 0 !important;
}
body.woocommerce-checkout form .form-row-first,
body.woocommerce-checkout form .form-row-last {
float: none !important;
width: 100% !important;
} .lnj-blog-filters,
.lnj-blog-toolbar { display: none; }
.lnj-blog-crumbbar .lnj-blog-search {
flex: 0 1 280px;
width: min(280px, 100%);
}
.lnj-layout__rail { display: none; }
}
@media (min-width: 1024px) {
.lnj-pdp__carousel,
.lnj-pdp-back,
.lnj-crumbs--pdp-under-mobile,
.lnj-quote-band { display: none !important; }
.lnj-cat-row__specs { display: none !important; }
.lnj-shop-filter { display: none !important; }
.lnj-shop-mobile-title { display: none !important; }
body.woocommerce-checkout .lnj-cart-cards { display: none !important; }
body.woocommerce-checkout .lnj-checkout-paybar { display: none !important; }
}
@media (max-width: 640px) {
.lnj-blog-crumbbar .lnj-blog-search {
flex: 1 1 100%;
width: 100%;
max-width: none;
margin-left: 0;
}
} .lnj-legal-header__title {
font-size: 28px;
margin-bottom: 24px;
max-width: 28ch;
line-height: 1.2;
}
@media (min-width: 1024px) {
.lnj-legal-header__title {
font-size: 38px;
margin-bottom: 32px;
}
}
.lnj-legal {
max-width: 68ch;
}
.lnj-legal__meta {
margin: 0 0 1.5em;
font-family: var(--lnj-font-meta);
font-size: 11px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--lnj-soft);
}
.lnj-legal__section {
margin: 0 0 2.5em;
padding-top: 0.5em;
border-top: 1px solid var(--lnj-line, rgba(5, 14, 24, 0.12));
}
.lnj-legal__section:first-of-type {
border-top: 0;
padding-top: 0;
}
.lnj-legal h2 {
margin: 1.2em 0 0.85em;
font-family: var(--lnj-font-display);
font-size: 22px;
font-weight: 400;
letter-spacing: 0.02em;
line-height: 1.3;
color: var(--lnj-primary);
}
.lnj-legal h3 {
margin: 0 0 0.75em;
font-family: var(--lnj-font-display);
font-size: 18px;
font-weight: 400;
letter-spacing: 0.03em;
}
.lnj-legal ol,
.lnj-legal ul {
margin: 0 0 1em;
padding-left: 1.35em;
}
.lnj-legal li {
margin: 0 0 0.65em;
}
.lnj-legal li > p {
margin: 0.55em 0 0;
}
.lnj-legal li > ul,
.lnj-legal li > ol {
margin-top: 0.55em;
}
.lnj-legal__alpha {
list-style-type: lower-alpha;
}
.lnj-legal__defs {
margin: 0;
}
.lnj-legal__defs dt {
margin: 1em 0 0.25em;
font-family: var(--lnj-font-meta);
font-size: 12px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--lnj-primary);
}
.lnj-legal__defs dt:first-child {
margin-top: 0;
}
.lnj-legal__defs dd {
margin: 0 0 0.75em;
padding: 0;
}
.lnj-legal__table-wrap {
margin: 1em 0 1.25em;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.lnj-legal-wrap table,
.lnj-legal table {
display: table !important;
width: 100% !important;
max-width: 100% !important;
min-width: 28rem;
margin: 0 !important;
table-layout: auto !important;
border-collapse: collapse;
border-spacing: 0;
font-size: 14px;
line-height: 1.55;
}
.lnj-legal-wrap table th,
.lnj-legal-wrap table td,
.lnj-legal th,
.lnj-legal td {
width: auto !important;
min-width: 6.5rem !important;
max-width: none !important;
padding: 10px 12px !important;
border: 0 !important;
border-bottom: 1px solid var(--lnj-line, rgba(5, 14, 24, 0.12)) !important;
text-align: left !important;
vertical-align: top;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: break-word !important;
hyphens: manual;
color: var(--lnj-primary);
font-family: var(--lnj-font-body);
font-size: 14px;
letter-spacing: 0;
text-transform: none;
}
.lnj-legal-wrap table th,
.lnj-legal th {
font-family: var(--lnj-font-meta);
font-size: 10px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--lnj-soft);
font-weight: 400;
border-bottom: 1px solid var(--lnj-primary) !important;
}
.lnj-legal-wrap table tr:last-child th,
.lnj-legal-wrap table tr:last-child td,
.lnj-legal table tr:last-child th,
.lnj-legal table tr:last-child td {
border-bottom: 0 !important;
}
@media (max-width: 640px) {
.lnj-legal-wrap table,
.lnj-legal table {
display: table !important;
min-width: 22rem;
}
.lnj-legal-wrap table thead,
.lnj-legal thead {
display: table-header-group !important;
}
.lnj-legal-wrap table tbody,
.lnj-legal-wrap table tr,
.lnj-legal-wrap table th,
.lnj-legal-wrap table td,
.lnj-legal tbody,
.lnj-legal tr,
.lnj-legal th,
.lnj-legal td {
display: table-cell !important;
width: auto !important;
}
}
.lnj-legal-note {
margin: 1em 0 1.5em;
padding: 14px 16px;
border: 1px dashed #8a7a6a;
background: rgba(138, 122, 106, 0.08);
}
.lnj-legal-note p {
margin: 0;
font-size: 13px;
line-height: 1.55;
color: #5a5048;
}
.lnj-legal-placeholder {
display: inline;
padding: 0 3px;
background: #f3e8c8;
color: #5a4020;
font-family: var(--lnj-font-meta);
font-size: 0.92em;
letter-spacing: 0.04em;
}
.lnj-legal__address {
margin: 0.75em 0 1em;
padding: 12px 16px;
border-left: 2px solid var(--lnj-primary);
background: transparent;
font-family: var(--lnj-font-body);
font-size: 15px;
font-style: normal;
line-height: 1.6;
color: var(--lnj-primary);
}
.lnj-legal__address p {
margin: 0 0 0.5em;
}
.lnj-legal__address p:last-child {
margin-bottom: 0;
}
.lnj-legal__muted {
color: var(--lnj-soft);
font-size: 0.95em;
}
.lnj-legal__pay-banner {
margin: 28px 0 0;
}
.lnj-legal__pay-banner .lnj-autopay-banks {
max-width: 100%;
}
.lnj-legal__blank {
letter-spacing: 0.08em;
color: var(--lnj-faint, #9a9088);
}
.lnj-legal__annex {
margin-top: 3em;
padding-top: 1.5em;
border-top: 2px solid var(--lnj-primary);
}
.lnj-legal a {
color: var(--lnj-primary);
text-decoration: underline;
text-underline-offset: 2px;
}
.lnj-legal a.lnj-btn--primary {
color: var(--lnj-gold-fixed);
text-decoration: none;
}
.lnj-legal a.lnj-btn--primary:hover,
.lnj-legal a.lnj-btn--primary:focus-visible {
color: var(--lnj-primary);
}
.lnj-coupon-page {
max-width: 42ch;
}
.lnj-coupon-page__text {
margin: 0 0 28px;
color: var(--lnj-soft);
}
.lnj-coupon-page__code {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
margin: 0 0 28px;
padding: 20px 24px;
border: 1px solid var(--lnj-primary);
background: var(--lnj-cream-alt);
}
.lnj-coupon-page__label {
display: block;
margin-bottom: 8px;
color: var(--lnj-faint);
}
.lnj-coupon-page__value {
margin: 0;
font-family: var(--lnj-font-meta);
font-size: 22px;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--lnj-primary);
}
.lnj-coupon-page__code .lnj-btn {
flex-shrink: 0;
}
@media (max-width: 639px) {
.lnj-coupon-page__code {
flex-direction: column;
align-items: stretch;
}
}
.lnj-yoga108 {
max-width: 72ch;
}
.lnj-yoga108__lead {
margin: 0 0 1em;
color: var(--lnj-soft);
max-width: 52ch;
}
.lnj-yoga108__code {
max-width: 42ch;
margin: 28px 0 0;
}
.lnj-yoga108__h2 {
margin: 0 0 16px;
font-family: var(--lnj-font-display);
font-size: 22px;
font-weight: 400;
letter-spacing: 0.02em;
line-height: 1.3;
}
.lnj-yoga108__split,
.lnj-yoga108__foot {
display: flex;
flex-direction: column;
gap: 40px;
margin-top: 64px;
padding-top: 40px;
border-top: 1px solid var(--lnj-line);
}
@media (min-width: 1024px) {
.lnj-yoga108 {
max-width: none;
}
.lnj-yoga108__split,
.lnj-yoga108__foot {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 48px;
align-items: start;
}
}
.lnj-yoga108__steps {
margin: 0;
padding-left: 1.35em;
list-style: decimal;
color: var(--lnj-soft);
}
.lnj-yoga108__steps li {
margin: 0 0 0.75em;
}
.lnj-yoga108__steps li:last-child {
margin-bottom: 0;
}
.lnj-yoga108__grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
margin: 0 0 24px;
}
.lnj-yoga108__shot {
margin: 0;
}
.lnj-yoga108__shot-img {
display: block;
width: 100%;
aspect-ratio: 1;
padding: 0;
border: 1px solid var(--lnj-primary);
background: #c2a769;
cursor: zoom-in;
overflow: hidden;
}
.lnj-yoga108__shot-photo {
display: block;
width: 100%;
height: 100%;
background: #c2a769 center / 50% auto no-repeat;
}
.lnj-yoga108__shot-photo[style*="background-image"] {
background-size: cover;
}
.lnj-yoga108__shot figcaption {
margin-top: 8px;
font-size: 14px;
line-height: 1.4;
}
.lnj-yoga108__shot figcaption a {
text-decoration: none;
}
.lnj-yoga108__shot figcaption a:hover {
text-decoration: underline;
text-underline-offset: 2px;
}
.lnj-yoga108__cta {
display: inline-flex;
align-items: center;
gap: 8px;
}
.lnj-yoga108__ig {
margin: 0;
color: var(--lnj-soft);
}
.lnj-yoga108__ig a {
color: var(--lnj-primary);
text-decoration: underline;
text-underline-offset: 2px;
}
.lnj-yoga108__nl .lnj-newsletter--home {
margin-top: 0;
} .lnj-about-home__content {
min-width: 0;
max-width: 100%;
}
.lnj-newsletter,
.lnj-newsletter--home,
.lnj-newsletter-form {
max-width: 100%;
box-sizing: border-box;
}
.lnj-progress {
flex-shrink: 0;
margin: 0;
}
@media (max-width: 1023px) {
:root {
--lnj-margin-m: 20px;
}
.lnj-header {
background: var(--lnj-cream);
}
.lnj-ticker,
.lnj-ticker__track {
font-size: 12px;
letter-spacing: 0.18em;
}
.lnj-ticker {
padding: 10px 0;
}
body.lnj-product .lnj-tabbar {
display: grid;
}
.lnj-newsletter--home {
overflow: visible;
}
.lnj-newsletter--home .lnj-newsletter__form {
flex-direction: column;
align-items: stretch;
max-width: 100%;
}
.lnj-newsletter-form__consent,
.lnj-newsletter-form__consent span {
display: block;
max-width: 100%;
white-space: normal;
writing-mode: horizontal-tb;
}
.lnj-newsletter-form__consent {
display: grid;
grid-template-columns: 16px minmax(0, 1fr);
}
.lnj-blog-featured.is-empty .lnj-blog-featured__media {
display: none;
}
.lnj-blog-featured.is-empty .lnj-blog-featured__body {
padding-top: 20px;
}
.lnj-post-header__title,
.lnj-post-section__heading,
.lnj-blog-index__title {
scroll-margin-top: calc(var(--lnj-header-h) + 12px);
}
.lnj-post-header {
padding-top: 28px;
}
.lnj-post__content,
.lnj-post-header__inner,
.lnj-post-toc {
overflow-wrap: break-word;
}
.lnj-post-toc:not(.lnj-post-toc--empty) {
margin-left: calc(-1 * var(--lnj-margin-m));
margin-right: calc(-1 * var(--lnj-margin-m));
padding: 12px var(--lnj-margin-m) 14px;
max-width: none;
} .lnj-post-toc,
.lnj-post-toc:not(.lnj-post-toc--empty),
.lnj-post-toc__inner,
.lnj-post-toc .lnj-meta {
position: static !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
max-height: none !important;
overflow: visible !important;
transform: none !important;
}
.lnj-post-page .lnj-post-author {
padding-bottom: calc(var(--lnj-tabbar-h) + 48px);
}
.lnj-buybar {
z-index: 41;
padding-bottom: 12px;
}
body.lnj-product .lnj-buybar {
bottom: var(--lnj-tabbar-h);
}
} .lnj-cart-link,
.lnj-cart-summary,
.lnj-cart-coupon,
.lnj-cart-coupon__input,
.lnj-hold-dialog,
.lnj-hold-banner,
.lnj-contact__card,
.lnj-frame-card,
.lnj-product-row__thumb,
.lnj-newsletter,
.lnj-gallery-card,
.lnj-lightbox,
.lnj-lightbox__frame,
.lnj-empty-cart,
.lnj-stock-badge,
.lnj-pdp__gallery-main,
.lnj-pdp__thumb,
.lnj-drop-card,
.lnj-journal-card,
.lnj-faq details,
.lnj-faq__item,
.lnj-person {
border-radius: var(--lnj-radius-frame);
} .lnj-quote-band,
section.lnj-quote-band {
display: none !important;
}
html body.lnj-front .lnj-home,
html body.lnj-front .lnj-home *,
html body.lnj-front .lnj-home em,
html body.lnj-front .lnj-home i,
html body.lnj-front .lnj-home cite,
html body.lnj-front .lnj-home blockquote,
html body.lnj-front .lnj-hero__mobile-copy,
html body.lnj-front .lnj-hero__mobile-copy h1,
html body.lnj-front .lnj-hero__mobile-drop,
html body.lnj-front .lnj-hero__mobile-lead,
html body.lnj-front .lnj-hero__quote,
html body.lnj-front .lnj-quote-band blockquote {
font-style: normal !important;
}