.slwc-site,
.slwc-site * {
box-sizing: border-box;
}
.slwc-site {
–slwc-pomegranate: #6b171b;
–slwc-mocha: #4b3222;
–slwc-barbell: #111111;
–slwc-cream: #e7e3da;
–slwc-pistachio: #c9d26a;
–slwc-white: #ffffff;
–slwc-text: #151515;
–slwc-max: 1240px;
font-family: “Google Sans”, Arial, sans-serif;
color: var(–slwc-text);
background: var(–slwc-white);
width: 100%;
margin: 0;
padding: 0;
}
.slwc-site a {
color: inherit;
text-decoration: none;
}
.slwc-site img {
max-width: 100%;
height: auto;
display: block;
}
.slwc-full-bleed {
width: 100vw;
margin-left: calc(50% – 50vw);
margin-right: calc(50% – 50vw);
}
.slwc-container {
width: min(100% – 40px, var(–slwc-max));
margin: 0 auto;
}
.slwc-btn {
display: inline-block;
padding: 16px 28px;
border-radius: 8px;
font-size: 0.95rem;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
transition: all 0.2s ease;
}
.slwc-btn-primary {
background: var(–slwc-pomegranate);
color: var(–slwc-white);
border: 1px solid var(–slwc-pomegranate);
}
.slwc-btn-primary:hover {
background: #7b1c21;
border-color: #7b1c21;
}
.slwc-btn-outline {
background: transparent;
color: var(–slwc-white);
border: 1px solid rgba(255,255,255,0.5);
}
.slwc-btn-outline:hover {
background: rgba(255,255,255,0.08);
}
.slwc-eyebrow {
font-size: 0.86rem;
font-weight: 700;
letter-spacing: 0.15em;
text-transform: uppercase;
margin-bottom: 14px;
}
.slwc-section-title {
font-size: clamp(2rem, 4vw, 3.25rem);
line-height: 1.02;
margin: 0 0 18px;
letter-spacing: -0.03em;
text-transform: uppercase;
}
.slwc-section-copy {
font-size: 1.06rem;
line-height: 1.7;
color: rgba(21,21,21,0.82);
max-width: 760px;
}
.slwc-skip {
position: absolute;
left: -9999px;
top: 0;
}
.slwc-skip:focus {
left: 16px;
top: 16px;
z-index: 999;
background: var(–slwc-white);
color: var(–slwc-barbell);
padding: 12px 16px;
border-radius: 6px;
}
.slwc-header {
position: sticky;
top: 0;
z-index: 50;
background: rgba(231,227,218,0.96);
backdrop-filter: blur(8px);
border-bottom: 1px solid rgba(17,17,17,0.08);
}
.slwc-header-inner {
min-height: 88px;
display: grid;
grid-template-columns: 1fr auto auto;
align-items: center;
gap: 24px;
}
.slwc-brand {
display: flex;
align-items: center;
gap: 16px;
color: var(–slwc-barbell);
}
.slwc-brand-mark {
width: 52px;
height: 52px;
border: 2px solid var(–slwc-barbell);
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 1.6rem;
font-weight: 500;
line-height: 1;
}
.slwc-brand-text {
font-size: 0.92rem;
line-height: 1.1;
letter-spacing: 0.18em;
text-transform: uppercase;
font-weight: 700;
}
.slwc-nav {
display: flex;
align-items: center;
gap: 28px;
flex-wrap: wrap;
}
.slwc-nav a {
font-size: 0.92rem;
text-transform: uppercase;
letter-spacing: 0.08em;
color: rgba(17,17,17,0.88);
}
.slwc-nav a:hover {
color: var(–slwc-pomegranate);
}
.slwc-header-actions {
display: flex;
align-items: center;
gap: 14px;
}
.slwc-cart-link {
font-size: 0.92rem;
text-transform: uppercase;
letter-spacing: 0.08em;
}
.slwc-hero {
background:
linear-gradient(rgba(17,17,17,0.38), rgba(17,17,17,0.48)),
url(‘https://images.unsplash.com/photo-1517836357463-d25dfeac3438?auto=format&fit=crop&w=1800&q=80’) center center / cover no-repeat;
color: var(–slwc-white);
min-height: 760px;
display: flex;
align-items: center;
}
.slwc-hero-grid {
display: grid;
grid-template-columns: 1.15fr 0.85fr;
gap: 48px;
align-items: center;
padding: 96px 0;
}
.slwc-hero-copy .slwc-section-title {
font-size: clamp(3rem, 8vw, 6.25rem);
margin-bottom: 22px;
}
.slwc-hero-copy p {
font-size: 1.2rem;
line-height: 1.75;
color: rgba(255,255,255,0.88);
max-width: 700px;
margin: 0 0 32px;
}
.slwc-hero-actions {
display: flex;
gap: 14px;
flex-wrap: wrap;
}
.slwc-hero-card {
background: rgba(231,227,218,0.94);
color: var(–slwc-barbell);
border-radius: 22px;
padding: 34px;
box-shadow: 0 16px 50px rgba(0,0,0,0.16);
}
.slwc-hero-card h3 {
margin: 0 0 12px;
font-size: 1.3rem;
text-transform: uppercase;
letter-spacing: 0.04em;
}
.slwc-hero-card p {
margin: 0 0 24px;
line-height: 1.7;
color: rgba(17,17,17,0.78);
}
.slwc-badges {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
}
.slwc-badge {
background: var(–slwc-white);
border: 1px solid rgba(17,17,17,0.08);
border-radius: 14px;
padding: 16px 14px;
text-align: center;
font-size: 0.88rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.06em;
}
.slwc-section {
padding: 88px 0;
}
.slwc-section-cream {
background: var(–slwc-cream);
}
.slwc-section-dark {
background: var(–slwc-barbell);
color: var(–slwc-white);
}
.slwc-section-dark .slwc-section-copy,
.slwc-section-dark p {
color: rgba(255,255,255,0.82);
}
.slwc-grid-3 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
margin-top: 36px;
}
.slwc-card {
background: var(–slwc-white);
border-radius: 18px;
overflow: hidden;
box-shadow: 0 10px 35px rgba(17,17,17,0.08);
}
.slwc-dark-card {
background: #1b1b1b;
box-shadow: none;
border: 1px solid rgba(255,255,255,0.08);
}
.slwc-card-media {
aspect-ratio: 4 / 3;
background: linear-gradient(135deg, var(–slwc-mocha), var(–slwc-pomegranate));
position: relative;
overflow: hidden;
}
.slwc-card-media::before {
content: “SALT + LIGHT”;
position: absolute;
inset: auto auto 16px 16px;
color: rgba(255,255,255,0.18);
font-size: 1.35rem;
letter-spacing: 0.16em;
font-weight: 700;
}
.slwc-card-body {
padding: 24px;
}
.slwc-card-title {
font-size: 1.2rem;
margin: 0 0 8px;
text-transform: uppercase;
letter-spacing: 0.03em;
}
.slwc-price {
display: inline-block;
margin: 0 0 14px;
font-size: 1rem;
font-weight: 700;
color: var(–slwc-pomegranate);
}
.slwc-card-copy {
margin: 0 0 20px;
line-height: 1.7;
color: rgba(21,21,21,0.78);
}
.slwc-dark-card .slwc-card-copy,
.slwc-dark-card .slwc-card-title,
.slwc-dark-card .slwc-price {
color: var(–slwc-white);
}
.slwc-dual {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 28px;
align-items: stretch;
}
.slwc-panel {
border-radius: 22px;
padding: 34px;
}
.slwc-panel-pistachio {
background: var(–slwc-pistachio);
color: var(–slwc-barbell);
}
.slwc-panel-mocha {
background: var(–slwc-mocha);
color: var(–slwc-white);
}
.slwc-panel h3 {
margin: 0 0 14px;
font-size: 1.8rem;
text-transform: uppercase;
letter-spacing: -0.02em;
}
.slwc-panel p {
margin: 0 0 22px;
line-height: 1.75;
}
.slwc-placeholder-box {
min-height: 220px;
border-radius: 18px;
border: 2px dashed rgba(17,17,17,0.22);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 24px;
font-size: 1rem;
text-transform: uppercase;
letter-spacing: 0.08em;
color: rgba(17,17,17,0.6);
background: rgba(255,255,255,0.35);
}
.slwc-panel-mocha .slwc-placeholder-box {
border-color: rgba(255,255,255,0.28);
background: rgba(255,255,255,0.05);
color: rgba(255,255,255,0.7);
}
.slwc-feature-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: center;
}
.slwc-feature-media {
min-height: 420px;
border-radius: 24px;
background: linear-gradient(135deg, var(–slwc-mocha), #281a11);
position: relative;
overflow: hidden;
}
.slwc-feature-media::before,
.slwc-feature-media::after {
content: “SL”;
position: absolute;
color: rgba(255,255,255,0.14);
font-size: 10rem;
line-height: 1;
font-weight: 500;
}
.slwc-feature-media::before {
top: 24px;
left: 24px;
}
.slwc-feature-media::after {
right: 24px;
bottom: 24px;
}
.slwc-social-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-top: 34px;
}
.slwc-social-tile {
aspect-ratio: 1 / 1;
border-radius: 18px;
background: linear-gradient(135deg, var(–slwc-pomegranate), var(–slwc-mocha));
position: relative;
overflow: hidden;
}
.slwc-social-tile:nth-child(2) {
background: linear-gradient(135deg, var(–slwc-mocha), var(–slwc-barbell));
}
.slwc-social-tile:nth-child(3) {
background: linear-gradient(135deg, var(–slwc-pistachio), #9da842);
}
.slwc-social-tile::after {
content: “Instagram / Content”;
position: absolute;
left: 18px;
bottom: 16px;
color: rgba(255,255,255,0.85);
font-size: 0.82rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.slwc-form-wrap {
display: grid;
grid-template-columns: 0.95fr 1.05fr;
gap: 40px;
align-items: start;
}
.slwc-contact-card {
background: var(–slwc-cream);
border-radius: 22px;
padding: 32px;
}
.slwc-form-box {
background: var(–slwc-white);
border-radius: 22px;
padding: 32px;
box-shadow: 0 12px 36px rgba(17,17,17,0.08);
}
.slwc-form-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 18px;
}
.slwc-field {
margin-bottom: 18px;
}
.slwc-field-full {
grid-column: 1 / -1;
}
.slwc-label {
display: block;
margin-bottom: 8px;
font-size: 0.84rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.slwc-input,
.slwc-textarea {
width: 100%;
border: 1px solid rgba(17,17,17,0.12);
border-radius: 10px;
padding: 14px 16px;
font-size: 1rem;
font-family: “Google Sans”, Arial, sans-serif;
background: #fff;
color: var(–slwc-text);
}
.slwc-textarea {
min-height: 150px;
resize: vertical;
}
.slwc-footer {
background: var(–slwc-barbell);
color: rgba(255,255,255,0.92);
padding: 44px 0;
}
.slwc-footer-grid {
display: grid;
grid-template-columns: 1.2fr 1fr 1fr;
gap: 26px;
align-items: start;
}
.slwc-footer h4 {
margin: 0 0 10px;
font-size: 0.95rem;
text-transform: uppercase;
letter-spacing: 0.08em;
}
.slwc-footer p,
.slwc-footer a {
margin: 0;
line-height: 1.8;
color: rgba(255,255,255,0.76);
}
@media (max-width: 1100px) {
.slwc-header-inner,
.slwc-hero-grid,
.slwc-feature-row,
.slwc-form-wrap,
.slwc-dual,
.slwc-footer-grid {
grid-template-columns: 1fr;
}
.slwc-header-inner {
padding: 18px 0;
}
.slwc-nav,
.slwc-header-actions {
justify-content: flex-start;
}
}
@media (max-width: 900px) {
.slwc-grid-3,
.slwc-social-grid,
.slwc-badges,
.slwc-form-grid {
grid-template-columns: 1fr;
}
.slwc-hero {
min-height: auto;
}
.slwc-hero-grid,
.slwc-section {
padding-top: 72px;
padding-bottom: 72px;
}
}
@media (max-width: 640px) {
.slwc-container {
width: min(100% – 28px, var(–slwc-max));
}
.slwc-brand {
align-items: flex-start;
}
.slwc-brand-text {
font-size: 0.8rem;
}
.slwc-btn {
width: 100%;
text-align: center;
}
.slwc-hero-copy .slwc-section-title {
font-size: 2.7rem;
}
}
Skip to content
Salt and Light Wellness Collective
Unleash Peak Wellness
Whole-person coaching for strength, recovery, nourishment, and sustainable progress. Salt and Light brings together training, wellness strategy, and practical support that fits real life.
Fit for Life
A clear, grounded approach to training and wellness, shaped by evidence, accountability, and care.
Training
Nutrition
Support
Power-Driven Essentials
Featured Products
Add your supplements, wellness products, or digital resources here. Each card is ready for your real product image, title, price, and store link.
Foundational Support
$25.00
Use this area for a short product description, benefit, or featured use case.
Add to Cart
Daily Performance
$25.00
Use this area for a short product description, benefit, or featured use case.
Add to Cart
Recovery Blend
$25.00
Use this area for a short product description, benefit, or featured use case.
Add to Cart
Elite Wellness Services
Programs and Appointments
Replace these placeholders with your actual services, pricing, and booking links. The layout is built to work for consultations, training, wellness sessions, and package options.
Basic Service
$99.00
Describe the service, length, value, and who it is for. Keep this focused and practical.
Book
Intermediate Service
$149.00
Describe the service, length, value, and who it is for. Keep this focused and practical.
Book
Advanced Service
$199.00
Describe the service, length, value, and who it is for. Keep this focused and practical.
Book
Secure Your Session
Lock in time with a coach or practitioner and create momentum with a plan that fits your goals.
Booking Embed or Scheduler Here
Own Your Progress Online
Use this space for app links, member login buttons, coaching portal access, or progress tracking resources.
Client Portal
App Download
Resources
Built for Breakthroughs
Grounded Care, Clear Direction
Salt and Light Wellness Collective is built around thoughtful care, practical strategy, and lasting change. Use this area to explain your philosophy, your process, and what makes your approach distinct.
This section can also introduce your team, your credentials, or the deeper story behind the brand.
Follow the Journey
Stay Connected
Add Instagram images, testimonials, updates, or transformation stories here. These can later be replaced with real posts or embedded social content.
Salt and Light Wellness Collective 
Stay Connected
Add Instagram images, testimonials, updates, or transformation stories here. These can later be replaced with real posts or embedded social content.