.sz-h25 {
--bg: #f7f0e0;
--bg-elevated: #efe4ca;
--bg-deep: #e7d9b6;
--ink: #251b0e;
--ink-soft: #42321f;
--ink-mute: #735e3f;
--gold: #b88a3a;
--gold-deep: #8e6720;
--line: rgba(37, 27, 14, 0.13);
--line-strong: rgba(37, 27, 14, 0.31);
--display: 'Cormorant Garamond', Georgia, serif;
--mono: 'JetBrains Mono', ui-monospace, monospace;
--sans: 'Manrope', system-ui, sans-serif;
position: relative;
min-height: 100vh;
min-height: 100svh;
background:
radial-gradient(ellipse 85% 60% at 78% 29%, rgba(184, 138, 58, 0.09) 0%, transparent 60%),
radial-gradient(ellipse 60% 70% at 11% 90%, rgba(107, 122, 74, 0.07) 0%, transparent 70%),
linear-gradient(180deg, var(--bg) 0%, #f2ead4 100%);
color: var(--ink);
font-family: var(--sans);
font-size: 17px;
line-height: 1.6;
overflow: hidden;
isolation: isolate;
margin: 0;
}
.sz-h25 *, .sz-h25 *::before, .sz-h25 *::after { box-sizing: border-box; }
.sz-h25 a, .sz-h25 a:hover, .sz-h25 a:visited, .sz-h25 a * { text-decoration: none !important; }
.sz-h25::before {
content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 0;
background-image: url("data:image/svg+xml;utf8,");
mix-blend-mode: multiply;
opacity: 0.40;
}
.sz-h25-ribbon {
position: relative; z-index: 2;
display: flex; justify-content: space-between; align-items: center;
padding: 22px 48px 18px;
border-bottom: 1px solid var(--line);
font-family: var(--mono); font-size: 12px; font-weight: 500;
letter-spacing: 0.16em; text-transform: uppercase; color: var(--ink-mute);
}
.sz-h25-stamp { display: flex; gap: 14px; align-items: center; }
.sz-h25-stamp svg { display: block; opacity: 0.85; color: var(--gold-deep); }
.sz-h25-meta { display: flex; gap: 36px; }
.sz-h25-meta span { color: var(--ink-soft); }
.sz-h25-canvas {
position: relative; z-index: 1;
max-width: 1480px; margin: 0 auto;
padding: 88px 48px 130px;
display: grid;
grid-template-columns: minmax(420px, 1.05fr) minmax(380px, 0.95fr);
gap: 96px; align-items: center;
}
.sz-h25-text { display: flex; flex-direction: column; gap: 36px; max-width: 620px; }
.sz-h25-eyebrow {
display: flex; align-items: center; gap: 18px;
font-family: var(--mono); font-size: 13px; font-weight: 500;
letter-spacing: 0.24em; text-transform: uppercase; color: var(--gold-deep);
opacity: 0; animation: szh25-rise 0.9s 0.2s cubic-bezier(.2,.8,.2,1) forwards;
}
.sz-h25-eyebrow::before { content: ""; width: 36px; height: 1px; background: var(--gold); }
.sz-h25-headline {
font-family: var(--display); font-weight: 400;
font-size: clamp(54px, 7.5vw, 108px); line-height: 0.96;
letter-spacing: -0.015em; color: var(--ink);
margin: 0;
}
.sz-h25-headline em {
font-style: italic; font-weight: 500; color: var(--gold-deep);
display: inline-block;
}
.sz-h25-headline span {
display: inline-block; opacity: 0; transform: translateY(0.4em);
animation: szh25-rise 0.9s cubic-bezier(.2,.8,.2,1) forwards;
}
.sz-h25-headline span:nth-child(1) { animation-delay: 0.35s; }
.sz-h25-headline span:nth-child(2) { animation-delay: 0.50s; }
.sz-h25-headline span:nth-child(3) { animation-delay: 0.65s; }
.sz-h25-lede {
font-family: var(--display); font-style: italic; font-weight: 400;
font-size: 21px; line-height: 1.5; color: var(--ink-soft);
max-width: 480px; margin: 0;
opacity: 0; animation: szh25-rise 0.9s 0.85s cubic-bezier(.2,.8,.2,1) forwards;
}
.sz-h25-cta-row {
display: flex; align-items: center; gap: 28px; margin-top: 12px;
flex-wrap: wrap;
opacity: 0; animation: szh25-rise 0.9s 1.05s cubic-bezier(.2,.8,.2,1) forwards;
}
.sz-h25-btn {
display: inline-flex; align-items: center; gap: 14px;
padding: 20px 34px;
background: var(--ink); color: var(--bg);
font-family: var(--mono); font-size: 13px; font-weight: 500;
letter-spacing: 0.20em; text-transform: uppercase;
text-decoration: none;
border: 1px solid var(--ink);
transition: all 0.4s cubic-bezier(.2,.8,.2,1);
position: relative; overflow: hidden;
}
.sz-h25-btn::after {
content: ""; position: absolute; inset: 0;
background: var(--gold-deep);
transform: translateY(101%);
transition: transform 0.4s cubic-bezier(.2,.8,.2,1); z-index: -1;
}
.sz-h25-btn:hover { color: var(--bg); border-color: var(--gold-deep); }
.sz-h25-btn:hover::after { transform: translateY(0); }
.sz-h25-btn svg { transition: transform 0.4s cubic-bezier(.2,.8,.2,1); }
.sz-h25-btn:hover svg { transform: translateX(4px); }
.sz-h25-meta-link {
font-family: var(--mono); font-size: 12px; font-weight: 500;
letter-spacing: 0.20em; text-transform: uppercase;
color: var(--ink-soft); text-decoration: none;
border-bottom: 1px solid var(--line-strong);
padding-bottom: 3px; transition: all 0.3s;
}
.sz-h25-meta-link:hover { color: var(--gold-deep); border-bottom-color: var(--gold-deep); }
.sz-h25-specimens { display: flex; flex-direction: column; gap: 14px; }
.sz-h25-specimen {
position: relative;
display: grid; grid-template-columns: 88px 1fr auto;
align-items: stretch; gap: 28px;
padding: 30px 32px 30px 28px;
background: var(--bg-elevated);
border: 1px solid var(--line);
text-decoration: none; color: var(--ink);
transition: all 0.5s cubic-bezier(.2,.8,.2,1);
opacity: 0; transform: translateY(20px);
animation: szh25-rise 0.9s cubic-bezier(.2,.8,.2,1) forwards;
overflow: hidden;
box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset, 0 3px 12px -8px rgba(37,27,14,0.08);
}
.sz-h25-specimen:nth-child(1) { animation-delay: 0.55s; }
.sz-h25-specimen:nth-child(2) { animation-delay: 0.70s; }
.sz-h25-specimen:nth-child(3) { animation-delay: 0.85s; }
.sz-h25-specimen::before {
content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px;
background: var(--gold); transform: scaleY(0.18); transform-origin: top;
transition: transform 0.6s cubic-bezier(.2,.8,.2,1);
}
.sz-h25-specimen:hover {
background: var(--bg-deep); border-color: var(--line-strong);
transform: translateY(-2px);
box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset, 0 8px 22px -8px rgba(37,27,14,0.16);
}
.sz-h25-specimen:hover::before { transform: scaleY(1); }
.sz-h25-glyph {
display: flex; align-items: center; justify-content: center;
color: var(--gold-deep); opacity: 0.85;
transition: all 0.5s cubic-bezier(.2,.8,.2,1);
}
.sz-h25-specimen:hover .sz-h25-glyph { color: var(--gold); opacity: 1; transform: scale(1.05); }
.sz-h25-glyph svg { width: 64px; height: 64px; }
.sz-h25-spec-body { display: flex; flex-direction: column; justify-content: center; gap: 10px; }
.sz-h25-spec-cat {
font-family: var(--mono); font-size: 12px; font-weight: 500;
letter-spacing: 0.20em; text-transform: uppercase; color: var(--ink-mute);
display: flex; gap: 14px; align-items: center;
}
.sz-h25-spec-cat-dot { width: 5px; height: 5px; background: var(--gold); border-radius: 50%; }
.sz-h25-spec-name {
font-family: var(--display); font-size: 30px; font-weight: 500;
letter-spacing: -0.01em; color: var(--ink); line-height: 1;
}
.sz-h25-spec-latin {
font-family: var(--display); font-style: italic;
font-size: 16px; color: var(--ink-soft); margin-top: 2px;
}
.sz-h25-spec-arrow { align-self: center; color: var(--ink-mute); transition: all 0.4s cubic-bezier(.2,.8,.2,1); }
.sz-h25-specimen:hover .sz-h25-spec-arrow { color: var(--gold-deep); transform: translateX(3px); }
.sz-h25-spec-arrow svg { display: block; }
.sz-h25-footer-line {
position: absolute; bottom: 0; left: 0; right: 0; z-index: 2;
padding: 22px 48px;
border-top: 1px solid var(--line);
display: flex; justify-content: space-between; align-items: center;
font-family: var(--mono); font-size: 12px; font-weight: 500;
letter-spacing: 0.20em; text-transform: uppercase; color: var(--ink-mute);
background: linear-gradient(180deg, transparent, rgba(231, 217, 182, 0.5));
}
.sz-h25-footer-line span:first-child { color: var(--ink-soft); }
.sz-h25-scroll { display: flex; align-items: center; gap: 12px; color: var(--ink-mute); }
.sz-h25-scroll-arrow {
width: 1px; height: 28px;
background: linear-gradient(180deg, transparent, var(--gold) 50%, transparent);
animation: szh25-pulse 2.4s ease-in-out infinite;
}
@keyframes szh25-rise { to { opacity: 1; transform: translateY(0); } }
@keyframes szh25-pulse { 0%, 100% { opacity: 0.4; } 50% { opacity: 1; } }
@media (max-width: 1100px) {
.sz-h25-canvas { grid-template-columns: 1fr; gap: 72px; padding: 64px 36px 100px; }
.sz-h25-text { max-width: 100%; }
.sz-h25-meta { gap: 18px; }
.sz-h25-meta span:nth-child(2) { display: none; }
}
@media (max-width: 720px) {
.sz-h25 { font-size: 16px; }
.sz-h25-ribbon { padding: 16px 24px 12px; }
.sz-h25-meta span:first-child { display: none; }
.sz-h25-canvas { padding: 56px 24px 96px; gap: 56px; }
.sz-h25-headline { font-size: clamp(44px, 11vw, 72px); }
.sz-h25-lede { font-size: 19px; }
.sz-h25-cta-row { flex-direction: column; align-items: flex-start; gap: 22px; }
.sz-h25-specimen { grid-template-columns: 64px 1fr auto; gap: 18px; padding: 24px 22px 24px 20px; }
.sz-h25-glyph svg { width: 48px; height: 48px; }
.sz-h25-spec-name { font-size: 26px; }
.sz-h25-footer-line { padding: 16px 24px; font-size: 11px; }
.sz-h25-footer-line span:nth-child(2) { display: none; }
}
@media (prefers-reduced-motion: reduce) {
.sz-h25 *, .sz-h25 *::before, .sz-h25 *::after {
animation-duration: 0.01ms !important; transition-duration: 0.01ms !important;
}
.sz-h25-eyebrow, .sz-h25-lede, .sz-h25-cta-row, .sz-h25-headline span, .sz-h25-specimen { opacity: 1; transform: none; }
}
Sėkmės Ženklai · est. MMXXIV
Natūralių medžiagų archyvas · 2026 ruduo
Gamtos magija tavo namuose.
Smilkalai, mineralai ir kristalai surinkti iš tikrų vietų — ne iš lentynų. Kiekvienas vienetas su savo istorija, kilme ir charakteriu.
.sz-mq25 {
--bg: #f2ead4;
--ink: #251b0e;
--ink-mute: #735e3f;
--gold: #b88a3a;
--line: rgba(37, 27, 14, 0.13);
--display: 'Cormorant Garamond', Georgia, serif;
--mono: 'JetBrains Mono', ui-monospace, monospace;
background: var(--bg);
color: var(--ink);
font-family: var(--display);
border-top: 1px solid var(--line);
border-bottom: 1px solid var(--line);
overflow: hidden;
position: relative;
margin: 0;
}
.sz-mq25::before, .sz-mq25::after {
content: "";
position: absolute; top: 0; bottom: 0; width: 120px;
pointer-events: none; z-index: 2;
}
.sz-mq25::before { left: 0; background: linear-gradient(90deg, var(--bg) 0%, transparent 100%); }
.sz-mq25::after { right: 0; background: linear-gradient(270deg, var(--bg) 0%, transparent 100%); }
.sz-mq25-track {
display: flex;
gap: 56px;
padding: 22px 0;
width: max-content;
animation: sz-mq25-scroll 42s linear infinite;
}
.sz-mq25:hover .sz-mq25-track { animation-play-state: paused; }
.sz-mq25-item {
display: flex;
align-items: center;
gap: 24px;
flex-shrink: 0;
font-size: 22px;
font-style: italic;
color: var(--ink);
white-space: nowrap;
}
.sz-mq25-item .star {
width: 12px; height: 12px;
color: var(--gold);
flex-shrink: 0;
}
.sz-mq25-item .label {
font-family: var(--mono);
font-style: normal;
font-size: 11px;
font-weight: 500;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--ink-mute);
margin-right: 8px;
}
@keyframes sz-mq25-scroll {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
.sz-mq25-track { animation: none; padding-left: 24px; }
}
@media (max-width: 720px) {
.sz-mq25-item { font-size: 18px; gap: 18px; }
.sz-mq25-track { gap: 40px; padding: 18px 0; }
}
№ INatūralūs kristalai
№ IISmilkalai iš viso pasaulio
№ IIIPristatymas per 1–2 d.
№ IVLP Express · Omniva
№ VNemokamas pristatymas nuo 30€
№ VIDovanų kortelės
.sz-cat25 {
--bg: #f7f0e0;
--bg-elevated: #efe4ca;
--bg-deep: #e7d9b6;
--ink: #251b0e;
--ink-soft: #42321f;
--ink-mute: #735e3f;
--gold: #b88a3a;
--gold-deep: #8e6720;
--moss: #6b7a4a;
--line: rgba(37, 27, 14, 0.13);
--line-strong: rgba(37, 27, 14, 0.31);
--display: 'Cormorant Garamond', Georgia, serif;
--mono: 'JetBrains Mono', ui-monospace, monospace;
--sans: 'Manrope', system-ui, sans-serif;
background: var(--bg);
color: var(--ink);
font-family: var(--sans);
padding: 110px 48px;
position: relative;
overflow: hidden;
}
.sz-cat25 *, .sz-cat25 *::before, .sz-cat25 *::after { box-sizing: border-box; }
.sz-cat25-inner { max-width: 1480px; margin: 0 auto; }
/* Reset theme link underlines that bleed into card-as-link descendants */
.sz-cat25 a,
.sz-cat25 a:hover,
.sz-cat25 a:visited,
.sz-cat25 a *,
.sz-cat25 .sz-cat25-feat-cta { text-decoration: none !important; }
.sz-cat25-header {
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
gap: 80px;
align-items: end;
margin-bottom: 64px;
}
.sz-cat25-eyebrow {
display: flex; align-items: center; gap: 16px;
font-family: var(--mono);
font-size: 13px; font-weight: 500;
letter-spacing: 0.24em; text-transform: uppercase;
color: var(--gold-deep);
margin-bottom: 20px;
}
.sz-cat25-eyebrow::before { content: ""; width: 36px; height: 1px; background: var(--gold); }
.sz-cat25-title {
font-family: var(--display);
font-weight: 400;
font-size: clamp(36px, 4.6vw, 64px);
line-height: 1.05;
letter-spacing: -0.012em;
color: var(--ink);
margin: 0;
}
.sz-cat25-title em {
font-style: italic; font-weight: 500; color: var(--gold-deep);
}
.sz-cat25-blurb {
font-family: var(--display);
font-style: italic;
font-size: 19px;
line-height: 1.55;
color: var(--ink-soft);
max-width: 460px;
margin: 0;
padding-bottom: 8px;
}
/* === Grid === */
.sz-cat25-grid {
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
gap: 20px;
}
/* Featured (left) */
.sz-cat25-featured {
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-end;
min-height: 580px;
padding: 44px;
background: var(--bg-elevated);
border: 1px solid var(--line);
text-decoration: none;
color: var(--ink);
overflow: hidden;
transition: all 0.55s cubic-bezier(.2,.8,.2,1);
box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset, 0 6px 22px -10px rgba(37,27,14,0.10);
}
.sz-cat25-featured::before {
content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px;
background: var(--gold);
transform: scaleY(0.18); transform-origin: top;
transition: transform 0.7s cubic-bezier(.2,.8,.2,1);
}
.sz-cat25-featured:hover {
background: var(--bg-deep);
border-color: var(--line-strong);
box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset, 0 14px 36px -10px rgba(37,27,14,0.20);
}
.sz-cat25-featured:hover::before { transform: scaleY(1); }
/* Glyph in featured (large) */
.sz-cat25-featured-glyph {
position: absolute;
top: 44px; right: 44px;
color: var(--gold-deep);
opacity: 0.85;
transition: all 0.55s cubic-bezier(.2,.8,.2,1);
}
.sz-cat25-featured:hover .sz-cat25-featured-glyph { color: var(--gold); opacity: 1; transform: scale(1.05); }
.sz-cat25-featured-glyph svg { width: 140px; height: 140px; }
.sz-cat25-feat-meta {
font-family: var(--mono);
font-size: 12px; font-weight: 500;
letter-spacing: 0.20em; text-transform: uppercase;
color: var(--ink-mute);
display: flex; gap: 14px; align-items: center;
margin-bottom: 18px;
}
.sz-cat25-feat-meta .dot { width: 5px; height: 5px; background: var(--gold); border-radius: 50%; }
.sz-cat25-feat-name {
font-family: var(--display);
font-weight: 500;
font-size: clamp(48px, 5.2vw, 80px);
line-height: 0.95;
letter-spacing: -0.018em;
color: var(--ink);
margin: 0 0 14px;
}
.sz-cat25-feat-tagline {
font-family: var(--display);
font-style: italic;
font-size: 22px;
color: var(--ink-soft);
margin: 0 0 12px;
max-width: 340px;
}
.sz-cat25-feat-latin {
font-family: var(--display);
font-style: italic;
font-size: 15px;
color: var(--ink-mute);
margin: 0 0 32px;
}
.sz-cat25-feat-cta {
display: inline-flex; align-items: center; gap: 12px;
font-family: var(--mono);
font-size: 12px; font-weight: 500;
letter-spacing: 0.22em; text-transform: uppercase;
color: var(--ink);
padding-bottom: 6px;
border-bottom: 1px solid var(--ink);
width: fit-content;
transition: all 0.4s;
}
.sz-cat25-featured:hover .sz-cat25-feat-cta {
color: var(--gold-deep);
border-bottom-color: var(--gold-deep);
}
.sz-cat25-feat-cta svg { transition: transform 0.4s; }
.sz-cat25-featured:hover .sz-cat25-feat-cta svg { transform: translateX(4px); }
/* Right grid: 2x2 small cards */
.sz-cat25-grid-small {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.sz-cat25-card {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 280px;
padding: 28px;
background: var(--bg-elevated);
border: 1px solid var(--line);
text-decoration: none;
color: var(--ink);
transition: all 0.5s cubic-bezier(.2,.8,.2,1);
overflow: hidden;
box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset, 0 3px 12px -8px rgba(37,27,14,0.08);
}
.sz-cat25-card::before {
content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 2px;
background: var(--gold);
transform: scaleY(0.2); transform-origin: top;
transition: transform 0.6s cubic-bezier(.2,.8,.2,1);
}
.sz-cat25-card:hover {
background: var(--bg-deep);
border-color: var(--line-strong);
transform: translateY(-2px);
box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset, 0 8px 22px -8px rgba(37,27,14,0.16);
}
.sz-cat25-card:hover::before { transform: scaleY(1); }
.sz-cat25-card-top {
display: flex; justify-content: space-between; align-items: flex-start;
}
.sz-cat25-card-meta {
font-family: var(--mono);
font-size: 11px; font-weight: 500;
letter-spacing: 0.20em; text-transform: uppercase;
color: var(--ink-mute);
}
.sz-cat25-card-glyph {
color: var(--gold-deep);
opacity: 0.85;
transition: all 0.5s cubic-bezier(.2,.8,.2,1);
}
.sz-cat25-card:hover .sz-cat25-card-glyph { color: var(--gold); opacity: 1; transform: scale(1.06); }
.sz-cat25-card-glyph svg { width: 48px; height: 48px; display: block; }
.sz-cat25-card-bottom { display: flex; flex-direction: column; gap: 6px; }
.sz-cat25-card-name {
font-family: var(--display);
font-weight: 500;
font-size: 32px;
line-height: 1;
letter-spacing: -0.01em;
color: var(--ink);
}
.sz-cat25-card-tag {
font-family: var(--display);
font-style: italic;
font-size: 16px;
color: var(--ink-soft);
}
/* Responsive */
@media (max-width: 1100px) {
.sz-cat25 { padding: 80px 36px; }
.sz-cat25-header { grid-template-columns: 1fr; gap: 24px; align-items: start; margin-bottom: 48px; }
.sz-cat25-grid { grid-template-columns: 1fr; }
.sz-cat25-featured { min-height: 480px; }
}
@media (max-width: 720px) {
.sz-cat25 { padding: 64px 24px; }
.sz-cat25-grid-small { grid-template-columns: 1fr; }
.sz-cat25-featured { min-height: 380px; padding: 32px; }
.sz-cat25-featured-glyph { top: 28px; right: 28px; }
.sz-cat25-featured-glyph svg { width: 80px; height: 80px; }
.sz-cat25-card { min-height: 220px; }
.sz-cat25-card-name { font-size: 28px; }
}
@media (prefers-reduced-motion: reduce) {
.sz-cat25 *, .sz-cat25 *::before, .sz-cat25 *::after { transition-duration: 0.01ms !important; }
}
Rask tai, kas rezonuoja
Penkios kategorijos · viena vieta
Rask tai, kas rezonuoja
su tavimi.
Nuo Tibeto smilkalų iki Lietuvos gintaro — kiekvienas vienetas kataloge buvo pasirinktas asmeniškai, ne pagal tendenciją.
.sz-st25 {
--bg: #f7f0e0;
--bg-elevated: #efe4ca;
--bg-deep: #e7d9b6;
--ink: #251b0e;
--ink-soft: #42321f;
--ink-mute: #735e3f;
--gold: #b88a3a;
--gold-deep: #8e6720;
--moss: #6b7a4a;
--line: rgba(37, 27, 14, 0.13);
--line-strong: rgba(37, 27, 14, 0.31);
--display: 'Cormorant Garamond', Georgia, serif;
--mono: 'JetBrains Mono', ui-monospace, monospace;
--sans: 'Manrope', system-ui, sans-serif;
background: var(--bg);
color: var(--ink);
font-family: var(--sans);
padding: 110px 48px;
position: relative;
overflow: hidden;
}
.sz-st25 *, .sz-st25 *::before, .sz-st25 *::after { box-sizing: border-box; }
.sz-st25 a, .sz-st25 a:hover, .sz-st25 a:visited, .sz-st25 a * { text-decoration: none !important; }
.sz-st25-inner {
max-width: 1480px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
gap: 96px;
align-items: center;
}
/* === LEFT: specimen plate (atmospheric visual) === */
.sz-st25-plate {
position: relative;
aspect-ratio: 4 / 5;
background:
radial-gradient(ellipse 80% 70% at 50% 60%, rgba(107, 122, 74, 0.18) 0%, transparent 70%),
radial-gradient(ellipse 60% 60% at 30% 30%, rgba(184, 138, 58, 0.12) 0%, transparent 70%),
linear-gradient(135deg, var(--bg-elevated) 0%, var(--bg-deep) 100%);
border: 1px solid var(--line);
overflow: hidden;
box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset, 0 8px 30px -12px rgba(37,27,14,0.18);
}
/* Paper grain on plate */
.sz-st25-plate::after {
content: ""; position: absolute; inset: 0; pointer-events: none;
background-image: url("data:image/svg+xml;utf8,");
mix-blend-mode: multiply; opacity: 0.4;
}
/* Catalog corner mark */
.sz-st25-plate-mark {
position: absolute;
top: 28px; left: 28px;
font-family: var(--mono);
font-size: 11px; font-weight: 500;
letter-spacing: 0.20em; text-transform: uppercase;
color: var(--ink-mute);
z-index: 2;
}
.sz-st25-plate-mark::before {
content: ""; display: inline-block;
width: 20px; height: 1px; background: var(--gold);
vertical-align: middle; margin-right: 12px;
}
/* Centered specimen drawing */
.sz-st25-plate-svg {
position: absolute;
top: 50%; left: 50%; transform: translate(-50%, -50%);
width: 56%; max-width: 320px;
color: var(--gold-deep);
opacity: 0.85;
z-index: 1;
}
.sz-st25-plate-svg svg { width: 100%; height: auto; display: block; }
/* Caption (bottom) */
.sz-st25-plate-caption {
position: absolute;
bottom: 28px; left: 28px; right: 28px;
z-index: 2;
font-family: var(--display);
font-style: italic;
font-size: 14px;
color: var(--ink-mute);
border-top: 1px solid var(--line);
padding-top: 12px;
display: flex; justify-content: space-between; gap: 16px;
}
.sz-st25-plate-caption span:last-child {
font-family: var(--mono);
font-style: normal; font-size: 10px;
letter-spacing: 0.20em; text-transform: uppercase;
}
/* === RIGHT: text === */
.sz-st25-text { display: flex; flex-direction: column; gap: 28px; }
.sz-st25-eyebrow {
display: flex; align-items: center; gap: 16px;
font-family: var(--mono);
font-size: 13px; font-weight: 500;
letter-spacing: 0.24em; text-transform: uppercase;
color: var(--gold-deep);
}
.sz-st25-eyebrow::before { content: ""; width: 36px; height: 1px; background: var(--gold); }
.sz-st25-headline {
font-family: var(--display);
font-weight: 400;
font-size: clamp(36px, 4.4vw, 60px);
line-height: 1.05;
letter-spacing: -0.012em;
color: var(--ink);
margin: 0;
}
.sz-st25-headline em {
font-style: italic; font-weight: 500; color: var(--gold-deep);
}
.sz-st25-body {
font-family: var(--sans);
font-size: 17px;
line-height: 1.65;
color: var(--ink-soft);
margin: 0;
max-width: 540px;
}
.sz-st25-body p + p { margin-top: 18px; }
.sz-st25-signature {
font-family: var(--display);
font-style: italic;
font-size: 22px;
color: var(--ink);
margin: 8px 0 0;
display: flex; align-items: center; gap: 16px;
}
.sz-st25-signature::before {
content: ""; width: 44px; height: 1px; background: var(--gold);
}
.sz-st25-cta-row {
display: flex; align-items: center; gap: 28px;
margin-top: 12px;
flex-wrap: wrap;
}
.sz-st25-cta {
display: inline-flex; align-items: center; gap: 14px;
padding: 19px 32px;
background: var(--ink);
color: var(--bg);
font-family: var(--mono);
font-size: 13px; font-weight: 500;
letter-spacing: 0.20em; text-transform: uppercase;
border: 1px solid var(--ink);
transition: all 0.4s cubic-bezier(.2,.8,.2,1);
position: relative; overflow: hidden;
}
.sz-st25-cta::after {
content: ""; position: absolute; inset: 0;
background: var(--gold-deep);
transform: translateY(101%);
transition: transform 0.4s cubic-bezier(.2,.8,.2,1); z-index: -1;
}
.sz-st25-cta:hover { color: var(--bg); border-color: var(--gold-deep); }
.sz-st25-cta:hover::after { transform: translateY(0); }
.sz-st25-cta svg { transition: transform 0.4s cubic-bezier(.2,.8,.2,1); }
.sz-st25-cta:hover svg { transform: translateX(4px); }
.sz-st25-meta-link {
font-family: var(--mono);
font-size: 12px; font-weight: 500;
letter-spacing: 0.20em; text-transform: uppercase;
color: var(--ink-soft);
border-bottom: 1px solid var(--line-strong);
padding-bottom: 3px;
transition: all 0.3s;
}
.sz-st25-meta-link:hover { color: var(--gold-deep); border-bottom-color: var(--gold-deep); }
/* Responsive */
@media (max-width: 1100px) {
.sz-st25 { padding: 80px 36px; }
.sz-st25-inner { grid-template-columns: 1fr; gap: 56px; }
.sz-st25-plate { aspect-ratio: 5 / 4; max-width: 560px; }
}
@media (max-width: 720px) {
.sz-st25 { padding: 64px 24px; }
.sz-st25-cta-row { flex-direction: column; align-items: flex-start; gap: 22px; }
.sz-st25-plate-mark, .sz-st25-plate-caption { left: 20px; right: 20px; bottom: 20px; top: 20px; }
.sz-st25-plate-mark { top: 20px; bottom: auto; }
.sz-st25-plate-caption { top: auto; }
}
Kiekvienas akmuo neša
№ MMXXVI · plate I
Mineralia · cluster
est. 2024
Mūsų istorija
Kiekvienas akmuo neša
savyje gamtos istoriją.
Sėkmės Ženklai — tai ne tik parduotuvė. Tai vieta, kur gamtos grožis susitinka su žmogaus troškimu harmonijos. Mes renkame kristalus, mineralus ir smilkalus iš viso pasaulio, kad jie atkeliautų tiesiai į tavo namus.
Kiekvienas produktas kruopščiai patikrintas ir parinktas — tik tai, kuo tikime patys. Jau daugiau nei 600 klientų per mėnesį renkasi Sėkmės Ženklai.
— Rokas
<!-- ============================================================
SĖKMĖS ŽENKLAI — Newsletter v2.5 Elementor Custom HTML Widget
"Sužinok pirmas" — newsletter signup section.
Sits BELOW the story section, ABOVE the footer.
⚠ FORM INTEGRATION:
The form below is HTML-only. To make it actually send:
Option A — Replace the ... block with your existing
WPForms shortcode wrapped via [Elementor Shortcode widget]
e.g. [wpforms id="123"]
Option B — Set the form action= to your actual WPForms / Brevo
/ Mailchimp endpoint URL, ensure CSRF tokens etc.
Option C — Leave as-is for now (it will not submit), wire it up
in Phase 5 with Brevo or whichever provider Rokas
decides on.
HOW TO USE:
1. Delete existing sz-nl-/newsletter section in Elementor
2. Insert full-width section, padding 0
3. Drop HTML widget; paste this entire file
============================================================ -->
.sz-nl25 {
--bg: #f2ead4;
--bg-elevated: #efe4ca;
--bg-deep: #e7d9b6;
--ink: #251b0e;
--ink-soft: #42321f;
--ink-mute: #735e3f;
--gold: #b88a3a;
--gold-deep: #8e6720;
--line: rgba(37, 27, 14, 0.13);
--line-strong: rgba(37, 27, 14, 0.31);
--display: 'Cormorant Garamond', Georgia, serif;
--mono: 'JetBrains Mono', ui-monospace, monospace;
--sans: 'Manrope', system-ui, sans-serif;
background: var(--bg);
color: var(--ink);
font-family: var(--sans);
padding: 100px 48px;
position: relative;
overflow: hidden;
border-top: 1px solid var(--line);
}
.sz-nl25 *, .sz-nl25 *::before, .sz-nl25 *::after { box-sizing: border-box; }
.sz-nl25 a, .sz-nl25 a:hover, .sz-nl25 a:visited { text-decoration: none !important; }
/* Subtle decorative atmosphere */
.sz-nl25::before {
content: ""; position: absolute; inset: 0; pointer-events: none;
background:
radial-gradient(ellipse 60% 80% at 50% 50%, rgba(184, 138, 58, 0.07) 0%, transparent 70%);
}
.sz-nl25-inner {
position: relative; z-index: 1;
max-width: 880px;
margin: 0 auto;
text-align: center;
display: flex; flex-direction: column; align-items: center;
gap: 28px;
}
.sz-nl25-eyebrow {
display: inline-flex; align-items: center; gap: 18px;
font-family: var(--mono);
font-size: 13px; font-weight: 500;
letter-spacing: 0.28em; text-transform: uppercase;
color: var(--gold-deep);
}
.sz-nl25-eyebrow::before, .sz-nl25-eyebrow::after {
content: ""; width: 36px; height: 1px; background: var(--gold);
}
.sz-nl25-headline {
font-family: var(--display);
font-weight: 400;
font-size: clamp(40px, 5.2vw, 72px);
line-height: 1.05;
letter-spacing: -0.012em;
color: var(--ink);
margin: 0;
}
.sz-nl25-headline em {
font-style: italic; font-weight: 500; color: var(--gold-deep);
}
.sz-nl25-blurb {
font-family: var(--display);
font-style: italic;
font-size: 21px;
line-height: 1.5;
color: var(--ink-soft);
max-width: 560px;
margin: 0;
}
/* === Form === */
.sz-nl25-form {
display: flex;
width: 100%;
max-width: 560px;
margin-top: 12px;
border: 1px solid var(--line-strong);
background: var(--bg-elevated);
transition: all 0.35s;
}
.sz-nl25-form:focus-within {
border-color: var(--ink);
background: var(--bg-deep);
}
.sz-nl25-input {
flex: 1;
border: none !important;
background: transparent !important;
padding: 22px 26px !important;
font-family: var(--sans) !important;
font-size: 16px !important;
color: var(--ink) !important;
outline: none !important;
}
.sz-nl25-input::placeholder { color: var(--ink-mute); opacity: 1; }
.sz-nl25-submit {
background: var(--ink);
color: var(--bg);
border: none;
padding: 0 40px;
font-family: var(--mono);
font-size: 12px;
font-weight: 500;
letter-spacing: 0.22em;
text-transform: uppercase;
cursor: pointer;
transition: background 0.4s cubic-bezier(.2,.8,.2,1);
white-space: nowrap;
}
.sz-nl25-submit:hover { background: var(--gold-deep); }
.sz-nl25-fineprint {
font-family: var(--mono);
font-size: 11px;
font-weight: 400;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--ink-mute);
margin: 8px 0 0;
}
/* === Decorative ornament (corners) === */
.sz-nl25-corner {
position: absolute;
color: var(--gold);
opacity: 0.5;
pointer-events: none;
}
.sz-nl25-corner-tl { top: 36px; left: 36px; }
.sz-nl25-corner-tr { top: 36px; right: 36px; transform: scaleX(-1); }
.sz-nl25-corner-bl { bottom: 36px; left: 36px; transform: scaleY(-1); }
.sz-nl25-corner-br { bottom: 36px; right: 36px; transform: scale(-1, -1); }
.sz-nl25-corner svg { width: 38px; height: 38px; display: block; }
/* Responsive */
@media (max-width: 720px) {
.sz-nl25 { padding: 72px 24px; }
.sz-nl25-form { flex-direction: column; }
.sz-nl25-submit { padding: 18px 32px; }
.sz-nl25-eyebrow::before, .sz-nl25-eyebrow::after { width: 24px; }
.sz-nl25-corner { display: none; }
}
Naujienlaiškis
Sužinok pirmas.
Naujos kolekcijos, ribotos partijos, retesni vienetai — pranešam el. paštu prieš paskelbdami viešai. Be SPAM'o, be pažadų — tik kai kažkas tikrai naujo.
Atsisakyti gali bet kada · Tavo el. paštas saugomas tik šiam tikslui
.sz-footer {
background: #1A1208;
border-top: 1px solid rgba(212,160,23,0.2);
padding: 4rem 0 0;
width: 100%;
}
.sz-footer-inner {
max-width: 1300px;
margin: 0 auto;
padding: 0 3rem;
}
.sz-footer-top {
display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr;
gap: 3rem;
padding-bottom: 3rem;
border-bottom: 1px solid rgba(212,160,23,0.1);
}
.sz-footer-logo {
font-family: 'Cormorant Garamond', serif;
font-size: 1.5rem;
font-weight: 400;
color: #D4A017;
margin-bottom: 1rem;
letter-spacing: 0.05em;
}
.sz-footer-desc {
font-family: 'Raleway', sans-serif;
font-size: 0.8rem;
color: #8A7A5A;
line-height: 1.8;
margin-bottom: 1rem;
max-width: 260px;
}
.sz-footer-contact {
font-family: 'Raleway', sans-serif;
font-size: 0.78rem;
color: #8A7A5A;
line-height: 1.7;
margin-bottom: 0.4rem;
}
.sz-footer-contact a {
color: #8A7A5A !important;
text-decoration: none !important;
transition: color 0.3s;
}
.sz-footer-contact a:hover { color: #D4A017 !important; }
.sz-footer-socials {
display: flex;
gap: 0.6rem;
margin-top: 1.2rem;
}
.sz-social {
width: 34px; height: 34px;
border: 1px solid rgba(212,160,23,0.25);
display: flex; align-items: center; justify-content: center;
font-family: 'Raleway', sans-serif;
font-size: 0.65rem;
font-weight: 500;
color: #8A7A5A !important;
text-decoration: none !important;
transition: all 0.3s;
letter-spacing: 0.05em;
}
.sz-social:hover {
border-color: #D4A017;
color: #D4A017 !important;
}
.sz-footer-col-title {
font-family: 'Raleway', sans-serif;
font-size: 0.62rem;
letter-spacing: 0.35em;
text-transform: uppercase;
color: #D4A017;
margin-bottom: 1.2rem;
}
.sz-footer-links {
list-style: none;
padding: 0; margin: 0;
display: flex;
flex-direction: column;
gap: 0.7rem;
}
.sz-footer-links a {
font-family: 'Raleway', sans-serif;
font-size: 0.82rem;
color: #8A7A5A !important;
text-decoration: none !important;
transition: color 0.3s;
}
.sz-footer-links a:hover { color: #C9B48A !important; }
.sz-footer-badges {
display: flex;
flex-wrap: wrap;
gap: 0.4rem;
margin-top: 0.8rem;
}
.sz-badge {
padding: 0.2rem 0.7rem;
border: 1px solid rgba(212,160,23,0.2);
font-family: 'Raleway', sans-serif;
font-size: 0.62rem;
letter-spacing: 0.1em;
color: #8A7A5A;
}
.sz-footer-bottom {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1.5rem 0;
font-family: 'Raleway', sans-serif;
font-size: 0.72rem;
color: #8A7A5A;
}
.sz-footer-pay { display: flex; gap: 0.4rem; }
@media (max-width: 900px) {
.sz-footer-top { grid-template-columns: 1fr 1fr; gap: 2rem; }
}
@media (max-width: 600px) {
.sz-footer-top { grid-template-columns: 1fr; }
.sz-footer-bottom { flex-direction: column; gap: 1rem; text-align: center; }
.sz-footer-inner { padding: 0 1.5rem; }
}