*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
–burgundy: #4A0E1C;
–burgundy-dark: #2A060E;
–burgundy-mid: #6B1A2E;
–gold: #C9A84C;
–gold-light: #F0D080;
–gold-dark: #8B6914;
–cream: #FAF4EC;
–cream-dark: #F0E6D3;
–cream-dim: #C8B89A;
–text-mid: #7A5A3A;
–earth: #2C1A0E;
}
html { scroll-behavior: smooth; }
body {
font-family: 'DM Sans’, sans-serif;
background: var(–cream);
color: var(–earth);
overflow-x: hidden;
}
/* ── HERO ──────────────────────────── */
.hero {
background: var(–burgundy-dark);
padding: 100px 48px 80px;
position: relative;
overflow: hidden;
text-align: center;
}
.hero-glow {
position: absolute;
border-radius: 50%;
filter: blur(120px);
pointer-events: none;
}
.hero-glow-1 { width: 500px; height: 500px; background: var(–burgundy-mid); opacity: 0.5; top: -150px; right: -100px; }
.hero-glow-2 { width: 300px; height: 300px; background: var(–gold); opacity: 0.05; bottom: -50px; left: 10%; }
.hero-inner {
max-width: 700px;
margin: 0 auto;
position: relative;
z-index: 1;
}
.hero-eyebrow {
font-size: 10px;
letter-spacing: 0.35em;
text-transform: uppercase;
color: var(–gold);
display: block;
margin-bottom: 28px;
opacity: 0;
animation: fadeUp 0.8s ease 0.2s forwards;
}
.hero-title {
font-family: 'Cormorant Garamond’, serif;
font-size: clamp(48px, 8vw, 80px);
font-weight: 300;
line-height: 1;
color: var(–cream);
margin-bottom: 12px;
opacity: 0;
animation: fadeUp 1s ease 0.4s forwards;
}
.hero-title em {
font-style: italic;
color: var(–gold);
display: block;
}
.hero-desc {
font-size: 16px;
line-height: 1.75;
color: rgba(250,244,236,0.5);
font-weight: 300;
margin: 28px auto 0;
max-width: 500px;
opacity: 0;
animation: fadeUp 1s ease 0.6s forwards;
}
/* ── GOLD BAND ──────────────────────── */
.gold-band {
background: var(–gold);
padding: 18px 48px;
text-align: center;
}
.gold-band p {
font-family: 'Cormorant Garamond’, serif;
font-size: clamp(15px, 2vw, 18px);
font-style: italic;
color: var(–burgundy-dark);
}
/* ── PRODUCTS GRID ──────────────────── */
.products-section {
padding: 80px 48px 100px;
max-width: 1200px;
margin: 0 auto;
}
.section-label {
font-size: 10px;
letter-spacing: 0.35em;
text-transform: uppercase;
color: var(–gold-dark);
display: block;
margin-bottom: 16px;
}
.products-header {
margin-bottom: 56px;
}
h2 {
font-family: 'Cormorant Garamond’, serif;
font-size: clamp(34px, 5vw, 52px);
font-weight: 300;
line-height: 1.1;
color: var(–burgundy-dark);
}
h2 em { font-style: italic; color: var(–burgundy-mid); }
.gold-line {
width: 40px;
height: 1px;
background: var(–gold);
margin: 20px 0;
}
/* Featured product — full width */
.product-featured {
display: grid;
grid-template-columns: 1fr 1.6fr;
gap: 0;
margin-bottom: 4px;
background: var(–burgundy-dark);
overflow: hidden;
text-decoration: none;
transition: transform 0.3s ease;
position: relative;
}
.product-featured:hover { transform: translateY(-3px); box-shadow: 0 20px 60px rgba(44,6,14,0.2); }
.product-featured .cover-wrap {
position: relative;
overflow: hidden;
}
.product-featured .cover-wrap img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center center;
display: block;
transition: transform 0.5s ease;
padding: 24px;
}
.product-featured:hover .cover-wrap img { transform: scale(1.04); }
.product-featured .info {
padding: 52px 52px 52px 48px;
display: flex;
flex-direction: column;
justify-content: center;
}
.product-badge {
display: inline-block;
font-size: 9px;
letter-spacing: 0.2em;
text-transform: uppercase;
background: rgba(201,168,76,0.15);
border: 1px solid rgba(201,168,76,0.35);
color: var(–gold-light);
padding: 5px 12px;
margin-bottom: 20px;
width: fit-content;
}
.product-featured .title {
font-family: 'Cormorant Garamond’, serif;
font-size: clamp(22px, 3vw, 32px);
font-weight: 300;
color: var(–cream);
line-height: 1.25;
margin-bottom: 16px;
}
.product-featured .desc {
font-size: 14px;
line-height: 1.75;
color: rgba(250,244,236,0.55);
font-weight: 300;
margin-bottom: 32px;
}
.price-row {
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 28px;
}
.price-current {
font-family: 'Cormorant Garamond’, serif;
font-size: 36px;
font-weight: 300;
color: var(–gold);
line-height: 1;
}
.price-old {
font-size: 16px;
color: rgba(250,244,236,0.25);
text-decoration: line-through;
font-weight: 300;
}
.price-save {
font-size: 11px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(–gold);
background: rgba(201,168,76,0.12);
padding: 4px 10px;
}
.btn-buy {
display: inline-flex;
align-items: center;
gap: 10px;
background: var(–gold);
color: var(–burgundy-dark);
font-family: 'DM Sans’, sans-serif;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.12em;
text-transform: uppercase;
text-decoration: none;
padding: 15px 32px;
transition: all 0.3s ease;
width: fit-content;
}
.btn-buy:hover {
background: var(–gold-light);
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(201,168,76,0.3);
}
/* Regular products grid */
.products-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 4px;
margin-bottom: 4px;
}
.product-card {
background: var(–cream-dark);
text-decoration: none;
display: flex;
flex-direction: column;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}
.product-card:hover {
transform: translateY(-4px);
box-shadow: 0 16px 48px rgba(44,6,14,0.12);
}
.product-card:hover .card-img img { transform: scale(1.05); }
.card-img {
overflow: hidden;
position: relative;
background: var(–burgundy-dark);
aspect-ratio: 2 / 3;
}
.card-img img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center center;
display: block;
transition: transform 0.5s ease;
padding: 0;
}
.card-body {
padding: 28px 28px 32px;
flex: 1;
display: flex;
flex-direction: column;
}
.card-title {
font-family: 'Cormorant Garamond’, serif;
font-size: 20px;
font-weight: 600;
color: var(–burgundy-dark);
line-height: 1.3;
margin-bottom: 10px;
}
.card-desc {
font-size: 13px;
line-height: 1.65;
color: var(–text-mid);
font-weight: 300;
margin-bottom: 20px;
flex: 1;
}
.card-footer {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: auto;
}
.card-price {
font-family: 'Cormorant Garamond’, serif;
font-size: 28px;
font-weight: 300;
color: var(–burgundy-dark);
line-height: 1;
}
.card-btn {
display: inline-flex;
align-items: center;
gap: 8px;
font-family: 'DM Sans’, sans-serif;
font-size: 11px;
font-weight: 500;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(–gold-dark);
text-decoration: none;
border-bottom: 1px solid var(–gold);
padding-bottom: 2px;
transition: color 0.2s;
}
.card-btn:hover { color: var(–gold); }
/* Solo product (last one, full width) */
.product-solo {
background: var(–cream-dark);
text-decoration: none;
display: grid;
grid-template-columns: 220px 1fr;
gap: 0;
transition: all 0.3s ease;
overflow: hidden;
}
.product-solo:hover { transform: translateY(-3px); box-shadow: 0 16px 48px rgba(44,6,14,0.12); }
.product-solo:hover .solo-img img { transform: scale(1.04); }
.solo-img {
overflow: hidden;
background: var(–burgundy-dark);
}
.solo-img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
display: block;
transition: transform 0.5s ease;
}
.solo-body {
padding: 32px 36px;
display: flex;
flex-direction: column;
justify-content: center;
}
.solo-title {
font-family: 'Cormorant Garamond’, serif;
font-size: 22px;
font-weight: 600;
color: var(–burgundy-dark);
line-height: 1.3;
margin-bottom: 10px;
}
.solo-desc {
font-size: 13px;
line-height: 1.65;
color: var(–text-mid);
font-weight: 300;
margin-bottom: 20px;
}
/* ── WHY SECTION ────────────────────── */
.why-section {
background: var(–burgundy-dark);
padding: 80px 48px;
}
.why-inner {
max-width: 1100px;
margin: 0 auto;
}
.why-section h2 { color: var(–cream); }
.why-section h2 em { color: var(–gold); }
.why-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2px;
margin-top: 48px;
}
.why-item {
background: rgba(255,255,255,0.03);
padding: 32px 28px;
border-top: 2px solid rgba(201,168,76,0.3);
}
.why-num {
font-family: 'Cormorant Garamond’, serif;
font-size: 52px;
font-weight: 300;
color: rgba(201,168,76,0.15);
line-height: 1;
margin-bottom: 12px;
}
.why-item h3 {
font-family: 'Cormorant Garamond’, serif;
font-size: 19px;
font-weight: 600;
color: var(–cream);
margin-bottom: 8px;
}
.why-item p {
font-size: 13px;
line-height: 1.65;
color: rgba(250,244,236,0.45);
font-weight: 300;
}
/* ── ANIMATIONS ─────────────────────── */
@keyframes fadeUp {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
/* ── RESPONSIVE ─────────────────────── */
@media (max-width: 900px) {
.hero { padding: 80px 24px 60px; }
.products-section { padding: 60px 24px 80px; }
.product-featured { grid-template-columns: 1fr; }
.product-featured .cover-wrap { height: 280px; }
.product-featured .info { padding: 36px 28px; }
.products-grid { grid-template-columns: 1fr; }
.product-solo { grid-template-columns: 1fr; }
.solo-img { height: 220px; }
.why-grid { grid-template-columns: 1fr; }
.why-section { padding: 60px 24px; }
.gold-band { padding: 18px 24px; }
}

Każdy z nich tworzę z serca — i z przekonaniem, że zmiana zaczyna się od środka.

Instagram

Spotkajmy się na

Instagramie

Które z sygnałów już na dobre rozgościły się w Two

Kiedyś moim największym marzeniem było właśnie mie

Upewnij się, że żyjesz 😊 Tyle wschodów i tyle zach

Nadal możesz zbudować dla siebie piękne życie 😊 Ta

Przyjazne przypomnienie, świetnie się sprawdza czy

@happiness_veggie

Niniejsza strona internetowa ma charakter informacyjny i nie stanowi reklamy działalności. Informacje zawarte na stronie nie stanowią również oferty w rozumieniu kodeksu cywilnego.