Face Serum Explained

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RHINO MUD — Face Serum Anti-Aging Balm | Get 15% Off</title>
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Jost:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
<style>
:root {
--black: #111111;
--dark: #1c1c1c;
--charcoal: #2d2d2d;
--mid-gray: #5a5a5a;
--light-gray: #8a8a8a;
--border: #d8d8d8;
--bg-light: #f7f6f3;
--bg-off: #f0eeea;
--bg-section: #ebebе7;
--white: #ffffff;
--teal: #3eb8bf;
--teal-dark: #2d9aa0;
--teal-light: rgba(62,184,191,0.12);
--teal-border: rgba(62,184,191,0.35);
--warm: #c8b99a;
}

* { margin:0; padding:0; box-sizing:border-box; }

/* Defensive reset: Shopify's theme applies decorative drop-cap / first-letter
styling to page content, which was clipping the first character off headlines
and paragraphs. This neutralizes it so our own typography controls text. */
.rte *::first-letter,
*::first-letter {
float: none !important;
font-size: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
margin: 0 !important;
padding: 0 !important;
color: inherit !important;
}
html { scroll-behavior:smooth; }

body {
font-family: 'Jost', sans-serif;
background: var(--white);
color: var(--black);
overflow-x: hidden;
font-weight: 300;
}

::-webkit-scrollbar { width: 3px; }
::-webkit-scrollbar-thumb { background: var(--teal); }

/* ── ANNOUNCE ── */
.announce {
background: var(--black);
color: var(--white);
text-align: center;
padding: 11px 20px;
font-size: 12px;
letter-spacing: 2.5px;
text-transform: uppercase;
font-weight: 500;
}

.announce strong { color: var(--teal); }

/* ── NAV ── */
nav {
position: sticky;
top: 0;
z-index: 999;
background: rgba(255,255,255,0.97);
backdrop-filter: blur(10px);
border-bottom: 1px solid var(--border);
padding: 0 60px;
height: 70px;
display: flex;
align-items: center;
justify-content: space-between;
}

.logo {
font-family: 'Cormorant Garamond', serif;
font-size: 24px;
font-weight: 600;
letter-spacing: 5px;
text-transform: uppercase;
color: var(--black);
text-decoration: none;
}

.logo em { color: var(--teal); font-style: normal; }

.nav-links {
display: flex;
list-style: none;
gap: 36px;
align-items: center;
}

.nav-links a {
font-size: 12px;
letter-spacing: 2px;
text-transform: uppercase;
color: var(--mid-gray);
text-decoration: none;
font-weight: 500;
transition: color 0.2s;
}

.nav-links a:hover { color: var(--black); }

.nav-btn {
background: var(--black) !important;
color: var(--white) !important;
padding: 10px 24px !important;
font-weight: 600 !important;
letter-spacing: 1.5px !important;
transition: background 0.2s !important;
}

.nav-btn:hover { background: var(--teal) !important; color: var(--white) !important; }

/* ── HERO ── */
.hero {
display: grid;
grid-template-columns: 52% 48%;
min-height: 90vh;
background: var(--bg-light);
}

.hero-left {
padding: 80px 70px 80px 80px;
display: flex;
flex-direction: column;
justify-content: center;
background: var(--white);
border-right: 1px solid var(--border);
}

.eyebrow {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 28px;
}

.eyebrow-dash {
width: 32px;
height: 1px;
background: var(--teal);
}

.eyebrow span {
font-size: 11px;
letter-spacing: 3.5px;
text-transform: uppercase;
color: var(--teal);
font-weight: 600;
}

.hero-headline {
font-family: 'Cormorant Garamond', serif;
font-size: clamp(44px, 5.5vw, 80px);
font-weight: 600;
line-height: 1.0;
color: var(--black);
margin-bottom: 12px;
letter-spacing: -0.5px;
}

.hero-headline em {
font-style: italic;
color: var(--teal);
}

.hero-subhead {
font-size: 14px;
letter-spacing: 3px;
text-transform: uppercase;
color: var(--light-gray);
font-weight: 500;
margin-bottom: 30px;
padding-left: 2px;
}

.hero-desc {
font-size: 16px;
line-height: 1.9;
color: var(--mid-gray);
max-width: 430px;
margin-bottom: 36px;
}

.hero-desc strong { color: var(--black); font-weight: 600; }

/* Pills */
.pills {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 38px;
}

.pill {
background: var(--bg-light);
border: 1px solid var(--border);
padding: 6px 14px;
font-size: 11px;
letter-spacing: 1.5px;
text-transform: uppercase;
color: var(--charcoal);
font-weight: 500;
transition: all 0.2s;
}

.pill.teal {
background: var(--teal-light);
border-color: var(--teal-border);
color: var(--teal-dark);
}

/* Price + CTA */
.price-cta {
display: flex;
align-items: center;
gap: 24px;
margin-bottom: 36px;
padding: 24px 28px;
background: var(--bg-light);
border: 1px solid var(--border);
border-left: 3px solid var(--teal);
flex-wrap: wrap;
}

.price-group {
display: flex;
flex-direction: column;
}

.price-label {
font-size: 10px;
letter-spacing: 2px;
text-transform: uppercase;
color: var(--light-gray);
font-weight: 500;
margin-bottom: 4px;
}

.price-was {
font-size: 16px;
color: var(--light-gray);
text-decoration: line-through;
font-family: 'Jost', sans-serif;
font-weight: 400;
}

.price-now {
font-family: 'Cormorant Garamond', serif;
font-size: 52px;
font-weight: 600;
color: var(--black);
line-height: 1;
}

.save-badge {
background: var(--teal);
color: var(--white);
padding: 6px 14px;
font-size: 11px;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
align-self: center;
}

/* ── EMAIL CAPTURE ── */
.email-capture {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}

.email-capture-label {
font-size: 11px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
color: var(--teal-dark);
width: 100%;
margin-bottom: 4px;
}

.email-capture-form {
display: flex;
gap: 0;
border: 1px solid var(--border);
background: var(--white);
}

.email-capture-form input {
border: none;
padding: 11px 14px;
font-family: 'Jost', sans-serif;
font-size: 13px;
width: 190px;
background: transparent;
color: var(--black);
}

.email-capture-form input::placeholder { color: var(--light-gray); }

.email-capture-form button {
background: var(--black);
color: var(--white);
border: none;
padding: 0 18px;
font-size: 11px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
cursor: pointer;
transition: background 0.2s;
white-space: nowrap;
}

.email-capture-form button:hover { background: var(--teal); }

.btn-primary {
background: var(--black);
color: var(--white);
padding: 16px 40px;
font-size: 12px;
font-weight: 600;
letter-spacing: 2.5px;
text-transform: uppercase;
border: none;
cursor: pointer;
text-decoration: none;
display: inline-block;
transition: all 0.25s;
align-self: center;
}

.btn-primary:hover {
background: var(--teal);
transform: translateY(-1px);
box-shadow: 0 6px 20px rgba(62,184,191,0.3);
}

/* Trust row */
.trust-row {
display: flex;
gap: 28px;
padding-top: 28px;
border-top: 1px solid var(--border);
flex-wrap: wrap;
}

.trust-item {
display: flex;
flex-direction: column;
gap: 4px;
}

.trust-num {
font-family: 'Cormorant Garamond', serif;
font-size: 28px;
font-weight: 600;
color: var(--teal);
line-height: 1;
}

.trust-lbl {
font-size: 10px;
letter-spacing: 1.5px;
text-transform: uppercase;
color: var(--light-gray);
font-weight: 500;
}

/* ── HERO RIGHT ── */
.hero-right {
position: relative;
display: flex;
align-items: flex-start;
justify-content: center;
background: var(--bg-light);
padding: 100px 50px 60px;
}

/* Bathroom counter SVG background */
.hero-right::before {
content: '';
position: absolute;
bottom: 0; left: 0; right: 0;
height: 45%;
background: linear-gradient(180deg, transparent 0%, rgba(200,195,185,0.18) 60%, rgba(180,174,162,0.28) 100%);
z-index: 0;
}

/* Simulated countertop line */
.hero-right::after {
content: '';
position: absolute;
bottom: 38%;
left: 0; right: 0;
height: 1px;
background: linear-gradient(90deg, transparent 5%, rgba(160,152,138,0.4) 30%, rgba(160,152,138,0.6) 50%, rgba(160,152,138,0.4) 70%, transparent 95%);
z-index: 1;
}

.hero-img-wrap {
position: relative;
z-index: 2;
max-width: 430px;
width: 100%;
}

.hero-img-main {
width: 100%;
display: block;
filter: drop-shadow(0 20px 50px rgba(0,0,0,0.15));
animation: gentleFloat 7s ease-in-out infinite;
}

@keyframes gentleFloat {
0%, 100% { transform: translateY(0px); }
50% { transform: translateY(-8px); }
}

.hero-badge-float {
position: absolute;
top: 20px;
right: -10px;
background: var(--white);
border: 1px solid var(--border);
box-shadow: 0 8px 30px rgba(0,0,0,0.1);
padding: 14px 18px;
text-align: center;
z-index: 3;
}

.badge-num {
font-family: 'Cormorant Garamond', serif;
font-size: 32px;
font-weight: 600;
color: var(--teal);
display: block;
line-height: 1;
}

.badge-lbl {
font-size: 9px;
letter-spacing: 2px;
text-transform: uppercase;
color: var(--mid-gray);
font-weight: 600;
margin-top: 4px;
display: block;
}

/* ── PROOF STRIP ── */
.proof-strip {
background: var(--bg-off);
border-top: 1px solid var(--border);
border-bottom: 1px solid var(--border);
padding: 18px 40px;
display: flex;
align-items: center;
justify-content: center;
gap: 0;
flex-wrap: wrap;
overflow: hidden;
}

.proof-item {
display: flex;
align-items: center;
gap: 8px;
font-size: 11px;
letter-spacing: 2px;
text-transform: uppercase;
color: var(--charcoal);
font-weight: 600;
padding: 6px 24px;
border-right: 1px solid var(--border);
white-space: nowrap;
}

.proof-item:last-child { border-right: none; }

.proof-dot {
width: 5px; height: 5px;
background: var(--teal);
border-radius: 50%;
flex-shrink: 0;
}

/* ── GENERIC SECTION ── */
.section {
padding: 100px 80px;
}

.section-eyebrow {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 16px;
}

.section-eyebrow span {
font-size: 11px;
letter-spacing: 3.5px;
text-transform: uppercase;
color: var(--teal);
font-weight: 600;
}

.section-title {
font-family: 'Cormorant Garamond', serif;
font-size: clamp(32px, 4vw, 60px);
font-weight: 600;
line-height: 1.0;
color: var(--black);
letter-spacing: -0.3px;
}

.section-title em {
font-style: italic;
color: var(--teal);
}

/* ── PRODUCT SPOTLIGHT ── */
.spotlight {
background: var(--white);
}

.spotlight-inner {
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: start;
}

/* Bathroom counter photo frame */
.photo-frame {
position: sticky;
top: 40px;
background: linear-gradient(170deg, #e8e4de 0%, #d4cec4 40%, #c5bfb4 100%);
padding: 50px 40px 70px;
overflow: hidden;
}

/* Subtle tile/counter texture */
.photo-frame::before {
content: '';
position: absolute;
inset: 0;
background-image:
repeating-linear-gradient(0deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 1px, transparent 1px, transparent 40px),
repeating-linear-gradient(90deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 1px, transparent 1px, transparent 40px);
z-index: 0;
}

/* Countertop surface */
.photo-frame::after {
content: '';
position: absolute;
bottom: 0; left: 0; right: 0;
height: 42%;
background: linear-gradient(180deg, transparent 0%, rgba(180,172,158,0.5) 50%, rgba(162,154,140,0.75) 100%);
z-index: 0;
}

.photo-frame img {
position: relative;
z-index: 1;
width: 100%;
display: block;
filter: drop-shadow(0 15px 40px rgba(0,0,0,0.2));
}

.photo-label {
position: absolute;
bottom: 14px;
left: 0; right: 0;
text-align: center;
font-size: 10px;
letter-spacing: 3px;
text-transform: uppercase;
color: rgba(80,72,60,0.6);
font-weight: 600;
z-index: 2;
}

.spotlight-content .section-title { margin-bottom: 20px; }

.spotlight-lead {
font-size: 13px;
letter-spacing: 2.5px;
text-transform: uppercase;
color: var(--teal);
font-weight: 600;
margin-bottom: 14px;
}

.spotlight-body {
font-size: 16px;
line-height: 1.95;
color: var(--mid-gray);
margin-bottom: 36px;
}

.spotlight-body strong { color: var(--black); font-weight: 600; }

.before-after-block {
margin: 8px 0 32px;
}

.before-after-block img {
width: 100%;
max-width: 460px;
display: block;
border: 1px solid var(--border);
}

.before-after-caption {
font-size: 12px;
letter-spacing: 1.5px;
text-transform: uppercase;
color: var(--light-gray);
font-weight: 600;
margin-top: 10px;
}

/* Benefit list */
.benefit-list {
list-style: none;
display: flex;
flex-direction: column;
gap: 13px;
margin-bottom: 36px;
}

.benefit-list li {
display: flex;
align-items: flex-start;
gap: 12px;
font-size: 14px;
color: var(--mid-gray);
line-height: 1.5;
}

.check {
width: 20px; height: 20px;
background: var(--teal-light);
border: 1px solid var(--teal-border);
display: flex;
align-items: center;
justify-content: center;
color: var(--teal);
font-size: 11px;
font-weight: 700;
flex-shrink: 0;
margin-top: 1px;
}

.benefit-list li strong { color: var(--black); font-weight: 600; }

/* Credentials strip */
.creds {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
border: 1px solid var(--border);
margin-bottom: 36px;
}

.cred {
padding: 14px 12px;
border-right: 1px solid var(--border);
border-bottom: 1px solid var(--border);
text-align: center;
}

.cred:last-child { border-right: none; }

.cred-icon { font-size: 20px; display: block; margin-bottom: 6px; }

.cred-text {
font-size: 10px;
letter-spacing: 1.5px;
text-transform: uppercase;
color: var(--mid-gray);
font-weight: 600;
line-height: 1.4;
}

/* ── SIMPLE SECTION ── */
.simple-section {
background: var(--bg-light);
}

.simple-inner {
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: center;
}

.simple-content .section-title { margin-bottom: 20px; }

.big-number {
font-family: 'Cormorant Garamond', serif;
font-size: 140px;
font-weight: 600;
color: var(--teal);
line-height: 1;
letter-spacing: -4px;
opacity: 0.85;
margin-bottom: 4px;
}

.big-label {
font-size: 13px;
letter-spacing: 3px;
text-transform: uppercase;
font-weight: 600;
color: var(--charcoal);
margin-bottom: 20px;
}

.simple-body {
font-size: 16px;
line-height: 1.95;
color: var(--mid-gray);
max-width: 440px;
margin-bottom: 36px;
}

/* Bathroom counter photo - simpler version */
.counter-photo {
position: relative;
background: linear-gradient(165deg, #e2ddd6 0%, #cdc8bf 45%, #b8b2a8 100%);
padding: 40px 30px 65px;
overflow: hidden;
}

.counter-photo::after {
content: '';
position: absolute;
bottom: 0; left: 0; right: 0;
height: 40%;
background: linear-gradient(180deg, transparent 0%, rgba(150,143,132,0.55) 100%);
z-index: 0;
}

.counter-photo img {
position: relative;
z-index: 1;
width: 100%;
display: block;
filter: drop-shadow(0 12px 35px rgba(0,0,0,0.18));
}

.counter-label {
position: absolute;
bottom: 14px;
left: 0; right: 0;
text-align: center;
font-size: 10px;
letter-spacing: 3px;
text-transform: uppercase;
color: rgba(70,63,55,0.55);
font-weight: 600;
z-index: 2;
}

/* ── PRODUCTS GRID ── */
.products-section {
background: var(--white);
text-align: center;
}

.products-header {
max-width: 600px;
margin: 0 auto 60px;
}

.products-header .section-title { margin-bottom: 14px; }

.products-header p {
font-size: 15px;
line-height: 1.8;
color: var(--mid-gray);
}

.products-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
gap: 24px;
max-width: 1200px;
margin: 0 auto;
}

.product-card {
text-align: left;
border: 1px solid var(--border);
transition: box-shadow 0.3s, transform 0.3s;
cursor: pointer;
background: var(--white);
position: relative;
}

.product-card:hover {
box-shadow: 0 12px 40px rgba(0,0,0,0.08);
transform: translateY(-3px);
}

.product-card.featured {
border-color: var(--teal-border);
border-top: 2px solid var(--teal);
}

.product-card.featured::before {
content: '15% OFF WITH EMAIL';
position: absolute;
top: -1px;
right: 16px;
background: var(--teal);
color: var(--white);
font-size: 9px;
letter-spacing: 1.5px;
font-weight: 700;
padding: 4px 10px;
text-transform: uppercase;
}

.card-img {
width: 100%;
aspect-ratio: 1;
overflow: hidden;
position: relative;
background: var(--bg-light);
display: flex;
align-items: center;
justify-content: center;
}

.card-img img {
width: 85%;
height: 85%;
object-fit: contain;
display: block;
filter: drop-shadow(0 6px 16px rgba(0,0,0,0.1));
transition: transform 0.4s;
}

.product-card:hover .card-img img { transform: scale(1.04); }

.card-body { padding: 20px; }

.card-cat {
font-size: 10px;
letter-spacing: 2px;
text-transform: uppercase;
color: var(--teal);
font-weight: 600;
margin-bottom: 8px;
}

.card-name {
font-family: 'Cormorant Garamond', serif;
font-size: 20px;
font-weight: 600;
color: var(--black);
margin-bottom: 8px;
line-height: 1.2;
}

.card-desc {
font-size: 13px;
line-height: 1.7;
color: var(--mid-gray);
margin-bottom: 16px;
min-height: 48px;
}

.card-footer {
display: flex;
align-items: center;
justify-content: space-between;
border-top: 1px solid var(--border);
padding-top: 14px;
}

.card-price {
font-family: 'Cormorant Garamond', serif;
font-size: 26px;
font-weight: 600;
color: var(--black);
}

.card-was {
font-size: 13px;
color: var(--light-gray);
text-decoration: line-through;
display: block;
margin-bottom: 2px;
}

.card-btn {
background: transparent;
border: 1px solid var(--charcoal);
color: var(--black);
padding: 9px 18px;
font-size: 10px;
letter-spacing: 2px;
text-transform: uppercase;
cursor: pointer;
font-weight: 600;
font-family: 'Jost', sans-serif;
transition: all 0.2s;
}

.product-card.featured .card-btn {
background: var(--black);
border-color: var(--black);
color: var(--white);
}

.card-btn:hover, .product-card:hover .card-btn {
background: var(--teal);
border-color: var(--teal);
color: var(--white);
}

/* ── BUILT FOR MEN ── */
.built-section {
background: var(--bg-light);
padding: 0;
}

.built-inner {
display: grid;
grid-template-columns: 1fr 1fr;
}

.built-img-wrap {
position: relative;
overflow: hidden;
min-height: 500px;
background: #0c2b30;
}

.built-img-wrap img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}

.built-content {
padding: 80px 70px;
display: flex;
flex-direction: column;
justify-content: center;
border-left: 1px solid var(--border);
}

.built-content .section-title { margin-bottom: 12px; }

.built-sub {
font-size: 13px;
letter-spacing: 2.5px;
text-transform: uppercase;
color: var(--teal);
font-weight: 600;
margin-bottom: 36px;
}

.two-col-list {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2px;
background: var(--border);
margin-bottom: 36px;
}

.list-block {
background: var(--bg-light);
padding: 22px 20px;
}

.list-block-title {
font-size: 10px;
letter-spacing: 2.5px;
text-transform: uppercase;
color: var(--teal);
font-weight: 700;
margin-bottom: 14px;
display: flex;
align-items: center;
gap: 8px;
}

.list-block-title::before {
content: '';
width: 16px; height: 1px;
background: var(--teal);
}

.list-block ul { list-style: none; }

.list-block li {
font-size: 13px;
color: var(--mid-gray);
padding: 5px 0;
border-bottom: 1px solid rgba(0,0,0,0.05);
display: flex;
align-items: center;
gap: 8px;
}

.list-block li:last-child { border-bottom: none; }

.list-block li::before {
content: '→';
color: var(--teal);
font-size: 11px;
font-weight: 700;
}

.quote-card {
background: var(--white);
border: 1px solid var(--border);
border-left: 3px solid var(--teal);
padding: 20px 22px;
margin-bottom: 32px;
}

/* ── WATERLESS SECTION ── */
.waterless-section {
background: var(--bg-off);
padding: 90px 80px;
text-align: center;
}

.waterless-inner {
max-width: 1000px;
margin: 0 auto;
}

.waterless-lede {
font-size: 16px;
color: var(--mid-gray);
max-width: 620px;
margin: 0 auto 48px;
line-height: 1.7;
}

.compare-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
margin-bottom: 20px;
}

.compare-box {
background: var(--white);
border: 1px solid var(--border);
padding: 36px 28px;
text-align: left;
}

.compare-box.good {
border-color: var(--teal-border);
background: var(--teal-light);
}

.compare-label {
font-size: 11px;
letter-spacing: 2.5px;
text-transform: uppercase;
color: var(--light-gray);
font-weight: 600;
margin-bottom: 10px;
}

.compare-box.good .compare-label { color: var(--teal-dark); }

.compare-stat {
font-family: 'Cormorant Garamond', serif;
font-size: 56px;
font-weight: 600;
color: var(--black);
line-height: 1;
margin-bottom: 12px;
}

.compare-box.good .compare-stat { color: var(--teal-dark); }

.compare-box p {
font-size: 14.5px;
color: var(--mid-gray);
line-height: 1.6;
}

/* ── INGREDIENT SHOWCASE ── */
.ingredient-showcase {
margin-top: 12px;
text-align: left;
}

.ingredient-showcase-title {
font-family: 'Cormorant Garamond', serif;
font-size: 28px;
font-weight: 600;
color: var(--black);
text-align: center;
margin-bottom: 32px;
}

.ingredient-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px 48px;
max-width: 920px;
margin: 0 auto;
}

.ingredient-item {
font-size: 14.5px;
line-height: 1.6;
color: var(--mid-gray);
padding-bottom: 16px;
border-bottom: 1px solid var(--border);
}

.ingredient-item strong {
color: var(--teal-dark);
font-weight: 700;
}

.ingredient-see-all {
display: block;
text-align: center;
margin-top: 36px;
color: var(--teal-dark);
font-weight: 700;
font-size: 13px;
letter-spacing: 1.5px;
text-transform: uppercase;
text-decoration: underline;
}

@media (max-width: 700px) {
.ingredient-grid { grid-template-columns: 1fr; }
}

/* ── DOCTOR QUOTE ── */
.doctor-quote-card {
background: var(--white);
border: 1px solid var(--border);
border-left: 3px solid var(--teal);
padding: 28px 30px;
margin: 40px auto 0;
max-width: 620px;
text-align: left;
}

.doctor-quote-text {
font-family: 'Cormorant Garamond', serif;
font-size: 21px;
font-weight: 500;
font-style: italic;
color: var(--black);
line-height: 1.55;
margin-bottom: 10px;
}

.doctor-quote-by {
font-size: 13px;
letter-spacing: 1px;
text-transform: uppercase;
color: var(--light-gray);
font-weight: 600;
}

.quote-text {
font-family: 'Cormorant Garamond', serif;
font-size: 19px;
font-weight: 500;
font-style: italic;
color: var(--black);
line-height: 1.5;
margin-bottom: 8px;
}

.quote-by {
font-size: 11px;
letter-spacing: 2px;
text-transform: uppercase;
color: var(--teal);
font-weight: 600;
}

/* ── TESTIMONIALS ── */
.testimonials {
background: var(--white);
}

.test-inner { max-width: 1200px; margin: 0 auto; }

.test-header {
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 52px;
padding-bottom: 32px;
border-bottom: 1px solid var(--border);
}

.rating-block { text-align: right; }

.big-rating {
font-family: 'Cormorant Garamond', serif;
font-size: 72px;
font-weight: 600;
color: var(--teal);
line-height: 1;
display: block;
}

.rating-stars { font-size: 18px; margin-bottom: 6px; }

.rating-count {
font-size: 11px;
letter-spacing: 2px;
text-transform: uppercase;
color: var(--light-gray);
font-weight: 500;
}

.test-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}

.test-card {
border: 1px solid var(--border);
padding: 32px 28px;
background: var(--white);
transition: box-shadow 0.3s;
}

.test-card:hover { box-shadow: 0 8px 30px rgba(0,0,0,0.06); }

.test-stars { font-size: 14px; margin-bottom: 14px; }

.test-quote {
font-family: 'Cormorant Garamond', serif;
font-size: 16px;
font-weight: 400;
font-style: italic;
line-height: 1.75;
color: var(--charcoal);
margin-bottom: 22px;
}

.test-author {
display: flex;
align-items: center;
gap: 12px;
border-top: 1px solid var(--border);
padding-top: 18px;
}

.author-init {
width: 36px; height: 36px;
background: var(--teal-light);
border: 1px solid var(--teal-border);
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 14px;
color: var(--teal-dark);
flex-shrink: 0;
font-family: 'Cormorant Garamond', serif;
}

.author-name {
font-size: 12px;
font-weight: 600;
letter-spacing: 1.5px;
text-transform: uppercase;
color: var(--black);
}

.author-detail {
font-size: 11px;
color: var(--light-gray);
margin-top: 3px;
}

/* ── GUARANTEE ── */
.guarantee {
background: var(--bg-off);
border-top: 1px solid var(--border);
border-bottom: 1px solid var(--border);
padding: 80px 40px;
text-align: center;
}

.guarantee-icon {
font-size: 56px;
display: block;
margin-bottom: 20px;
}

.guarantee .section-title {
text-align: center;
margin: 0 auto 14px;
max-width: 500px;
}

.guarantee-desc {
font-size: 16px;
line-height: 1.85;
color: var(--mid-gray);
max-width: 500px;
margin: 0 auto 32px;
}

/* ── FINAL CTA ── */
.final-cta {
background: var(--black);
padding: 80px 40px;
text-align: center;
position: relative;
overflow: hidden;
}

.final-cta::before {
content: 'RHINO MUD';
position: absolute;
font-family: 'Cormorant Garamond', serif;
font-size: 180px;
font-weight: 600;
color: rgba(255,255,255,0.025);
top: 50%; left: 50%;
transform: translate(-50%, -50%);
white-space: nowrap;
pointer-events: none;
letter-spacing: -4px;
}

.final-cta .section-eyebrow { justify-content: center; }
.final-cta .section-eyebrow span { color: rgba(255,255,255,0.4); }
.final-cta .eyebrow-dash { background: rgba(255,255,255,0.2); }
.final-cta .section-title { color: var(--white); text-align: center; margin: 0 auto 32px; position: relative; z-index: 1; }

.btn-white {
background: var(--white);
color: var(--black);
padding: 16px 44px;
font-size: 12px;
font-weight: 700;
letter-spacing: 2.5px;
text-transform: uppercase;
border: none;
cursor: pointer;
text-decoration: none;
display: inline-block;
transition: all 0.25s;
position: relative;
z-index: 1;
}

.btn-white:hover {
background: var(--teal);
color: var(--white);
transform: translateY(-1px);
}

/* ── FOOTER ── */
footer {
background: #f9f8f5;
padding: 60px 80px 36px;
border-top: 1px solid var(--border);
}

.footer-grid {
display: grid;
grid-template-columns: 1.8fr 1fr 1fr 1fr;
gap: 60px;
margin-bottom: 50px;
}

.footer-brand-desc {
font-size: 13px;
line-height: 1.85;
color: var(--light-gray);
margin-top: 16px;
max-width: 240px;
}

.footer-col h4 {
font-size: 11px;
letter-spacing: 2.5px;
text-transform: uppercase;
color: var(--black);
font-weight: 700;
margin-bottom: 18px;
}

.footer-col ul { list-style: none; }
.footer-col li { margin-bottom: 10px; }
.footer-col a {
font-size: 13px;
color: var(--light-gray);
text-decoration: none;
transition: color 0.2s;
}
.footer-col a:hover { color: var(--teal); }

.footer-bottom {
border-top: 1px solid var(--border);
padding-top: 26px;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 12px;
}

.footer-copy { font-size: 11px; color: var(--light-gray); letter-spacing: 1px; }

.footer-badges { display: flex; gap: 10px; flex-wrap: wrap; }

.badge {
border: 1px solid var(--border);
padding: 5px 12px;
font-size: 10px;
letter-spacing: 1.5px;
text-transform: uppercase;
color: var(--mid-gray);
font-weight: 600;
background: var(--white);
}

/* ── ANIMATIONS ── */
@keyframes fadeInUp {
from { opacity: 0; transform: translateY(24px); }
to { opacity: 1; transform: translateY(0); }
}

.hero-left > * {
animation: fadeInUp 0.65s ease forwards;
opacity: 0;
}
.hero-left > *:nth-child(1) { animation-delay: 0.05s; }
.hero-left > *:nth-child(2) { animation-delay: 0.18s; }
.hero-left > *:nth-child(3) { animation-delay: 0.3s; }
.hero-left > *:nth-child(4) { animation-delay: 0.42s; }
.hero-left > *:nth-child(5) { animation-delay: 0.54s; }
.hero-left > *:nth-child(6) { animation-delay: 0.66s; }
.hero-left > *:nth-child(7) { animation-delay: 0.78s; }

/* ── RESPONSIVE ── */
@media (max-width: 960px) {
.hero { grid-template-columns: 1fr; }
.hero-right { display: none; }
.hero-left { padding: 60px 28px; }
.section { padding: 60px 24px; }
.spotlight-inner, .simple-inner, .built-inner { grid-template-columns: 1fr; }
.products-grid { grid-template-columns: repeat(2, 1fr); }
.test-grid { grid-template-columns: 1fr; }
.footer-grid { grid-template-columns: 1fr 1fr; gap: 36px; }
nav { padding: 0 20px; }
.nav-links { display: none; }
.test-header { flex-direction: column; align-items: flex-start; gap: 16px; }
.proof-item { padding: 6px 14px; font-size: 10px; }
}
</style>
</head>
<body>

<!-- ── HERO ── -->
<section class="hero">
<div class="hero-left">
<div class="eyebrow">
<div class="eyebrow-dash"></div>
<span>Fueled by Nature · Backed by Science · Made in USA</span>
</div>

<h1 class="hero-headline">
Swipe On.<br>
Rub In.<br>
<em>Go.</em>
</h1>

<p class="hero-subhead">Your 7-Second Anti-Aging Routine</p>

<p class="hero-desc">
<strong>The compounds plants use to stay ageless — even with decades of UV exposure — are in RHINO MUD.</strong> One stick. Seven seconds. All-day hydration, firming, UV damage repair, and wrinkle reduction. No routine. No fuss. No synthetics.
</p>

<div class="pills">
<span class="pill teal">24-Hr Hydration</span>
<span class="pill teal">Reduces Lines</span>
<span class="pill teal">Firms Skin</span>
<span class="pill teal">UV Damage Repair</span>
<span class="pill">All Natural</span>
<span class="pill">Replaces 5 Products</span>
<span class="pill">Made in USA</span>
<span class="pill">Organic &amp; Wild-Harvested</span>
</div>

<div class="price-cta">
<div class="price-group">
<span class="price-label">Face Serum Anti-Aging Balm</span>
<span class="price-now">$55.00</span>
</div>
<div class="email-capture">
<span class="email-capture-label">Get 15% Off With Your Email</span>
<div class="email-capture-form">
<input type="email" placeholder="Enter your email">
<button type="button">Unlock 15%</button>
</div>
</div>
<form action="/cart/add" method="post" enctype="multipart/form-data" style="margin:0;">
<input type="hidden" name="id" value="42882174058704">
<input type="hidden" name="quantity" value="1">
<button type="submit" class="btn-primary" style="border:none; cursor:pointer;">Add to Cart</button>
</form>
</div>

<div class="trust-row">
<div class="trust-item">
<span class="trust-num">4.9★</span>
<span class="trust-lbl">Avg Rating</span>
</div>
<div class="trust-item">
<span class="trust-num">2,400+</span>
<span class="trust-lbl">Happy Customers</span>
</div>
<div class="trust-item">
<span class="trust-num">17</span>
<span class="trust-lbl">Active Botanicals</span>
</div>
<div class="trust-item">
<span class="trust-num">0</span>
<span class="trust-lbl">Synthetics</span>
</div>
</div>
</div>

<div class="hero-right">
<div class="hero-img-wrap">
<div class="hero-badge-float">
<span class="badge-num">#1</span>
<span class="badge-lbl">Men's Face<br>Serum Balm</span>
</div>
<img class="hero-img-main"
src="https://rhinomud.com/cdn/shop/files/dune-serum.jpg?v=1717796181&width=1200"
alt="RHINO MUD Face Serum Anti-Aging Balm">
</div>
</div>
</section>


<!-- Proof Strip -->
<div class="proof-strip">
<div class="proof-item"><div class="proof-dot"></div> Made in USA</div>
<div class="proof-item"><div class="proof-dot"></div> Organic &amp; Wild-Harvested</div>
<div class="proof-item"><div class="proof-dot"></div> Cold-Pressed for Potency &amp; Purity</div>
<div class="proof-item"><div class="proof-dot"></div> No Synthetics · No Alcohol · No Water</div>
<div class="proof-item"><div class="proof-dot"></div> 17 Active Botanicals</div>
<div class="proof-item"><div class="proof-dot"></div> 30-Day Guarantee</div>
</div>

<!-- ── BUILT FOR MEN ── -->
<section class="built-section">
<div class="built-inner">
<div class="built-img-wrap">
<img src="https://rhinomud.com/cdn/shop/files/1_MEN_S_FACE_SERUM3--_2.3.26.png?v=1770144049&width=1080"
alt="Swipe On Rub In Go - RHINO MUD Daily Routine">
</div>
<div class="built-content">
<div class="section-eyebrow"><div class="eyebrow-dash"></div><span>Engineered Differently</span></div>
<h2 class="section-title">Built for<br><em>Men's Skin.</em></h2>
<p class="built-sub">24-Hour High-Performance Skincare</p>

<div class="two-col-list">
<div class="list-block">
<div class="list-block-title">All-Natural</div>
<ul>
<li>No Synthetics</li>
<li>No Alcohol</li>
<li>No Harsh Chemicals</li>
<li>No Water Fillers</li>
<li>No Parabens</li>
</ul>
</div>
<div class="list-block">
<div class="list-block-title">17 Botanicals</div>
<ul>
<li>Hydrate Instantly</li>
<li>Reduce Lines</li>
<li>Firm &amp; Smoothen</li>
<li>Repair UV Damage</li>
<li>Accelerate Healing</li>
</ul>
</div>
</div>

<div class="quote-card">
<p class="quote-text">"This replaced my moisturizer, after-sun, and anti-aging creams — and lasts 4 months!"</p>
<p class="quote-by">— Verified RHINO MUD Customer</p>
</div>

<a href="#" class="btn-primary">Shop Now — 15% Off Today</a>
</div>
</div>

<!-- ── SERUM SPOTLIGHT ── -->
<section class="section spotlight" id="serum">
<div class="spotlight-inner">
<div class="photo-frame">
<img src="https://rhinomud.com/cdn/shop/files/men_landing_almost.jpg?v=1695572681&width=2000"
alt="RHINO MUD Face Serum and Lip Balm on bathroom counter">
<div class="photo-label">RHINO MUD · Face Serum Anti-Aging Balm</div>
</div>

<div class="spotlight-content">
<div class="section-eyebrow"><div class="eyebrow-dash"></div><span>The Product</span></div>
<h2 class="section-title">Face Serum<br><em>Anti-Aging Balm</em></h2>

<p class="spotlight-lead">17 Botanicals · Clinically Studied · Instant Results</p>

<p class="spotlight-body">
Rhino Mud is <strong>100% active botanicals</strong> — cold-pressed and wild-harvested for maximum potency. The same compounds plants evolved to protect themselves from UV radiation, oxidative stress, and aging are concentrated in every stick.
</p>

<ul class="benefit-list">
<li><div class="check"></div><div><strong>Instant Hydration, Lasts 24 Hours</strong> — Deep-penetrating moisture that works all day without evaporating.</div></li>
<li><div class="check"></div><div><strong>Reduces Lines &amp; Wrinkles</strong> — Botanical actives clinically studied to firm the skin matrix and reduce depth of lines.</div></li>
<li><div class="check"></div><div><strong>Firms &amp; Smoothens Face and Neck</strong> — Horsetail Fern boosts collagen and elastin for visible tightening.</div></li>
<li><div class="check"></div><div><strong>Accelerates UV Damage Repair</strong> — Astaxanthin (6,000× stronger than Vitamin C) neutralizes free radicals and rebuilds skin.</div></li>
<li><div class="check"></div><div><strong>Replaces 5 Products in 1</strong> — Serum, moisturizer, firming cream, eye balm, and UV repair. One stick.</div></li>
<li><div class="check"></div><div><strong>On in 7 Seconds</strong> — Swipe on face and neck. Rub in. Done. No mess, no routine, no residue.</div></li>
</ul>

<div class="before-after-block">
<img src="https://cdn.shopify.com/s/files/1/0619/8106/5424/files/Gemini_Generated_Image_ba9wblba9wblba9w.jpg?v=1788310035" alt="Before and after using RHINO MUD Face Serum Anti-Aging Balm">
<div class="before-after-caption">Real Results &middot; How You Age Is A Choice</div>
</div>

<div class="creds">
<div class="cred">
<span class="cred-icon">🇺🇸</span>
<div class="cred-text">Made in<br>USA</div>
</div>
<div class="cred">
<span class="cred-icon">🌿</span>
<div class="cred-text">Organic &amp;<br>Wild-Harvested</div>
</div>
<div class="cred">
<span class="cred-icon">❄️</span>
<div class="cred-text">Cold-Pressed<br>for Potency</div>
</div>
<div class="cred">
<span class="cred-icon">🔬</span>
<div class="cred-text">17 Lab-Tested<br>Botanicals</div>
</div>
<div class="cred">
<span class="cred-icon">🚫</span>
<div class="cred-text">Zero<br>Synthetics</div>
</div>
</div>

<div class="price-cta" style="border-left-color: var(--teal); margin-bottom:0;">
<div class="price-group">
<span class="price-label">Face Serum Anti-Aging Balm</span>
<span class="price-now">$55.00</span>
</div>
<div class="email-capture">
<span class="email-capture-label">Get 15% Off With Your Email</span>
<div class="email-capture-form">
<input type="email" placeholder="Enter your email">
<button type="button">Unlock 15%</button>
</div>
</div>
<form action="/cart/add" method="post" enctype="multipart/form-data" style="margin:0;">
<input type="hidden" name="id" value="42882174058704">
<input type="hidden" name="quantity" value="1">
<button type="submit" class="btn-primary" style="border:none; cursor:pointer;">Add to Cart — Free Shipping Over $65</button>
</form>
</div>
</div>
</div>
</section>

<!-- ── FACECARE SIMPLIFIED ── -->
<section class="section simple-section" id="benefits">
<div class="simple-inner">
<div class="simple-content">
<div class="section-eyebrow"><div class="eyebrow-dash"></div><span>Facecare Simplified</span></div>
<h2 class="section-title">The World's<br>Simplest<br><em>Men's Routine</em></h2>
<div class="big-number">7</div>
<div class="big-label">Seconds. Your Entire Skincare Routine.</div>
<p class="simple-body">
Most men skip skincare because it's complicated. Rhino Mud eliminates every excuse. Pick it up the same way you grab your deodorant — swipe across your face and neck, rub in, walk out. Your all-day hydration, anti-aging, firming, and UV-damage repair routine is done before your coffee's cold.
</p>
<a href="#" class="btn-primary">Try It Risk-Free — 30 Days</a>
</div>
<div class="counter-photo">
<img src="https://rhinomud.com/cdn/shop/files/7-SECONDS_TO_YOUNGER_LOOKING_SKIN2-3.png?v=1788136506&width=1080"
alt="Facecare Simplified - RHINO MUD Face Serum">
<div class="counter-label">Your daily routine. Simplified.</div>
</div>
</div>

<!-- ── WATERLESS ── -->
<section class="waterless-section">
<div class="waterless-inner">
<div class="section-eyebrow" style="justify-content:center;"><div class="eyebrow-dash"></div><span>Why Waterless Wins</span></div>
<h2 class="section-title" style="margin-bottom:16px;">Most Brands Are<br><em>80% Water + Synthetics + Alcohols.</em> Ours Isn't.</h2>
<p class="waterless-lede">Flip over almost any face cream and "Aqua" is the first ingredient &mdash; followed by synthetic preservatives and alcohols. That dilutes the actives you're actually paying for, and does little for your skin besides adding filler.</p>
<div class="ingredient-showcase">
<h3 class="ingredient-showcase-title">Powerful Botanicals Transform Skin Naturally</h3>
<div class="ingredient-grid">
<div class="ingredient-item"><strong>Astaxanthin</strong> &mdash; Nature's ultimate antioxidant, 6,000&times; more powerful than Vitamin C. Repairs UV damage.</div>
<div class="ingredient-item"><strong>Horsetail Fern</strong> &mdash; Promotes collagen and elastin production for firmer, smoother skin.</div>
<div class="ingredient-item"><strong>Baobab Tree</strong> &mdash; Restores skin's moisture barrier and calms dryness and irritation.</div>
<div class="ingredient-item"><strong>Marula</strong> &mdash; Deeply hydrates with a lightweight, fast-absorbing finish.</div>
<div class="ingredient-item"><strong>Bakuchiol</strong> &mdash; A natural retinol alternative that smooths lines without irritation.</div>
<div class="ingredient-item"><strong>Borage</strong> &mdash; Rich in GLA to strengthen and support the skin barrier.</div>
<div class="ingredient-item"><strong>Olive Oil</strong> &mdash; Packed with antioxidants and fatty acids that nourish and protect.</div>
<div class="ingredient-item"><strong>CoQ10</strong> &mdash; Fuels cellular renewal for firmer, more resilient skin.</div>
</div>
<a href="#" class="ingredient-see-all">See All Ingredients &rarr;</a>
</div>
</div>
</section>

<!-- ── SHOP ALL PRODUCTS ── -->
<section class="section products-section" id="shop">
<div class="products-header">
<div class="section-eyebrow" style="justify-content:center;"><div class="eyebrow-dash"></div><span>The Collection</span></div>
<h2 class="section-title">Complete Your<br><em>Routine</em></h2>
<p>Everything your skin needs. Nothing it doesn't. Pure botanicals, zero synthetics, built for men.</p>
</div>

<div class="products-grid">
<!-- Face Serum FEATURED -->
<div class="product-card featured">
<div class="card-img" style="background:linear-gradient(160deg, #e8e4de, #d0cbc2);">
<img src="https://rhinomud.com/cdn/shop/files/dune-serum.jpg?v=1717796181&width=1200"
alt="RHINO MUD Face Serum Anti-Aging Balm">
</div>
<div class="card-body">
<div class="card-cat">Best Seller · 15% Off With Email</div>
<div class="card-name">Face Serum Anti-Aging Balm</div>
<p class="card-desc">24-hr hydration · Reduces lines · Firms skin · UV repair · Replaces 5 products</p>
<div class="card-footer">
<div>
<span class="card-price">$55.00</span>
</div>
<form action="/cart/add" method="post" enctype="multipart/form-data" style="margin:0;">
<input type="hidden" name="id" value="42882174058704">
<input type="hidden" name="quantity" value="1">
<button type="submit" class="card-btn" style="border:none; cursor:pointer;">Add to Cart</button>
</form>
</div>
</div>
</div>

<!-- Lip Balm -->
<div class="product-card">
<div class="card-img" style="background:linear-gradient(160deg, #e4e2de, #ccc8c2);">
<img src="https://rhinomud.com/cdn/shop/files/mount-lip1.jpg?v=1717796296&width=1200"
alt="RHINO MUD Lip Balm Original">
</div>
<div class="card-body">
<div class="card-cat">Man-Sized Lip Balm</div>
<div class="card-name">Lip Balm Original</div>
<p class="card-desc">All-natural, deeply moisturizing lip protection. Built man-sized for real use.</p>
<div class="card-footer">
<span class="card-price">$12.00</span>
<button class="card-btn">Add to Cart</button>
</div>
</div>
</div>

<!-- Body Balm -->
<div class="product-card">
<div class="card-img" style="background:linear-gradient(160deg, #e4e2de, #ccc8c2);">
<img src="https://rhinomud.com/cdn/shop/files/ocean_balm1.jpg?v=1717796149&width=1200"
alt="RHINO MUD Daily Body Moisturizer Body Balm">
</div>
<div class="card-body">
<div class="card-cat">Daily Body Moisturizer</div>
<div class="card-name">Body Balm</div>
<p class="card-desc">Waterless, all-natural body balm. Locks in hydration all day, no greasy residue.</p>
<div class="card-footer">
<span class="card-price">$43.00</span>
<button class="card-btn">Add to Cart</button>
</div>
</div>
</div>

<!-- Group / Bundle -->
<div class="product-card">
<div class="card-img" style="background:linear-gradient(160deg, #e6e2dc, #d2cdc6);">
<img src="https://cdn.shopify.com/s/files/1/0619/8106/5424/files/Gemini_Generated_Image_19r6ws19r6ws19r6_e4531206-c880-4464-bc13-763e702cf73b.jpg?v=1788309996"
alt="RHINO MUD Full Collection - Face Serum, Body Balm, Lip Balm">
</div>
<div class="card-body">
<div class="card-cat">Full Collection</div>
<div class="card-name">Complete Skin Bundle</div>
<p class="card-desc">Face Serum · Ultimate Moisturizer · Body Balm · Lip Balm. The full arsenal.</p>
<div class="card-footer">
<span class="card-price">$99.00</span>
<button class="card-btn">Shop Bundle</button>
</div>
</div>
</div>

</div>

<!-- ── TESTIMONIALS ── -->
<section class="section testimonials" id="reviews">
<div class="test-inner">
<div class="test-header">
<div>
<div class="section-eyebrow"><div class="eyebrow-dash"></div><span>Real Results. Real Men.</span></div>
<h2 class="section-title">What Customers<br><em>Are Saying</em></h2>
</div>
<div class="rating-block">
<span class="big-rating">4.9</span>
<div class="rating-stars">⭐⭐⭐⭐⭐</div>
<div class="rating-count">2,400+ Verified Reviews</div>
</div>
</div>

<div class="test-grid">
<div class="test-card">
<div class="test-stars">⭐⭐⭐⭐⭐</div>
<p class="test-quote">"My face is clear, redness is gone, and it keeps my face moisturized all day. This stuff works."</p>
<div class="test-author">
<div class="author-init">D</div>
<div>
<div class="author-name">Dave S.</div>
<div class="author-detail">Raleigh, NC · Verified Buyer</div>
</div>
</div>
</div>
<div class="test-card">
<div class="test-stars">⭐⭐⭐⭐⭐</div>
<p class="test-quote">"Great ingredients. Goes on smooth and absorbs quickly. My skin looks and feels amazing."</p>
<div class="test-author">
<div class="author-init">R</div>
<div>
<div class="author-name">Ryan P.</div>
<div class="author-detail">Thousand Oaks, CA · Verified Buyer</div>
</div>
</div>
</div>
<div class="test-card">
<div class="test-stars">⭐⭐⭐⭐⭐</div>
<p class="test-quote">"As a mountain biker, Rhino Mud's Face Serum has done an amazing job keeping my face protected from dry winds."</p>
<div class="test-author">
<div class="author-init">D</div>
<div>
<div class="author-name">Dylan Mancuso</div>
<div class="author-detail">@Maddogsbikeshop · Verified Buyer</div>
</div>
</div>
</div>
</div>
</div>
</section>

<!-- ── GUARANTEE ── -->
<section class="guarantee">
<span class="guarantee-icon">🛡️</span>
<div class="section-eyebrow" style="justify-content:center; margin-bottom:12px;"><div class="eyebrow-dash"></div><span>Our Promise</span></div>
<h2 class="section-title" style="text-align:center; margin:0 auto 14px; max-width:480px;">30-Day<br><em>Money-Back Guarantee</em></h2>
<p class="guarantee-desc">If Rhino Mud doesn't visibly improve your skin in 30 days, we'll refund every cent — no questions, no hassle, no fine print. We use it ourselves. We stand behind it completely.</p>
<div class="doctor-quote-card">
<p class="doctor-quote-text">"17 active botanicals — most brands have maybe one or two. All-natural, goes on fast, lasts all day, made in America. It's fantastic, exceptionally healthy skincare."</p>
<p class="doctor-quote-by">Dr. Tim Ramirez, Pacifica Wellness</p>
</div>
<a href="#" class="btn-primary" style="margin-top:32px;">Try It Risk-Free</a>
</section>

<!-- ── FINAL CTA ── -->
<section class="final-cta">
<div class="section-eyebrow" style="justify-content:center; margin-bottom:20px;">
<div class="eyebrow-dash" style="background:rgba(255,255,255,0.2);"></div>
<span style="color:rgba(255,255,255,0.4);">Your Skin Works Hard</span>
</div>
<h2 class="section-title" style="color:var(--white); text-align:center; margin:0 auto 32px; position:relative; z-index:1;">
So Should<br><em style="color:var(--teal);">Your Skincare.</em>
</h2>
<div style="position:relative; z-index:1;">
<a href="#" class="btn-white">Shop RHINO MUD — 15% Off Today</a>
</div>
</section>

<!-- ── FOOTER ── */
<footer>
<div class="footer-grid">
<div>
<div class="logo"><em>RHINO</em> MUD</div>
<p class="footer-brand-desc">Naturally Good For Your Manhide. All-natural men's skincare powered by active botanicals. Made in USA. No synthetics. No excuses.</p>
</div>
<div class="footer-col">
<h4>Products</h4>
<ul>
<li><a href="#">Face Serum Balm</a></li>
<li><a href="#">Daily Body Moisturizer</a></li>
<li><a href="#">Man-Sized Lip Balm</a></li>
<li><a href="https://rhinomud.com">rhinomud.com</a></li>
</ul>
</div>
<div class="footer-col">
<h4>The Brand</h4>
<ul>
<li><a href="#">Our Story</a></li>
<li><a href="#">Ageless Ingredients</a></li>
<li><a href="#">Why Balms</a></li>
<li><a href="#">What's New</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Support</h4>
<ul>
<li><a href="#">FAQs</a></li>
<li><a href="#">Shipping Policy</a></li>
<li><a href="#">Refund Policy</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<div class="footer-copy">© 2026 RHINO MUD Skincare · rhinomud.com · All Rights Reserved</div>
<div class="footer-badges">
<span class="badge">Made in USA</span>
<span class="badge">Organic &amp; Wild-Harvested</span>
<span class="badge">Cold-Pressed</span>
<span class="badge">Cruelty Free</span>
</div>
</div>
</footer>

</body>
</html>
RHINO MUD — Face Serum Anti-Aging Balm | Get 15% Off
Fueled by Nature · Backed by Science · Made in USA

Swipe On.
Rub In.
Go.

Your 7-Second Anti-Aging Routine

The compounds plants use to stay ageless — even with decades of UV exposure — are in RHINO MUD. One stick. Seven seconds. All-day hydration, firming, UV damage repair, and wrinkle reduction. No routine. No fuss. No synthetics.

24-Hr Hydration Reduces Lines Firms Skin UV Damage Repair All Natural Replaces 5 Products Made in USA Organic & Wild-Harvested
Face Serum Anti-Aging Balm $55.00
4.9★ Avg Rating
2,400+ Happy Customers
17 Active Botanicals
0 Synthetics
#1 Men's Face
Serum Balm
RHINO MUD Face Serum Anti-Aging Balm
Made in USA
Organic & Wild-Harvested
Cold-Pressed for Potency & Purity
No Synthetics · No Alcohol · No Water
17 Active Botanicals
30-Day Guarantee
Swipe On Rub In Go - RHINO MUD Daily Routine
Engineered Differently

Built for
Men's Skin.

24-Hour High-Performance Skincare

All-Natural
  • No Synthetics
  • No Alcohol
  • No Harsh Chemicals
  • No Water Fillers
  • No Parabens
17 Botanicals
  • Hydrate Instantly
  • Reduce Lines
  • Firm & Smoothen
  • Repair UV Damage
  • Accelerate Healing

"This replaced my moisturizer, after-sun, and anti-aging creams — and lasts 4 months!"

— Verified RHINO MUD Customer

Shop Now — 15% Off Today
RHINO MUD Face Serum and Lip Balm on bathroom counter
RHINO MUD · Face Serum Anti-Aging Balm
The Product

Face Serum
Anti-Aging Balm

17 Botanicals · Clinically Studied · Instant Results

Rhino Mud is 100% active botanicals — cold-pressed and wild-harvested for maximum potency. The same compounds plants evolved to protect themselves from UV radiation, oxidative stress, and aging are concentrated in every stick.

  • Instant Hydration, Lasts 24 Hours — Deep-penetrating moisture that works all day without evaporating.
  • Reduces Lines & Wrinkles — Botanical actives clinically studied to firm the skin matrix and reduce depth of lines.
  • Firms & Smoothens Face and Neck — Horsetail Fern boosts collagen and elastin for visible tightening.
  • Accelerates UV Damage Repair — Astaxanthin (6,000× stronger than Vitamin C) neutralizes free radicals and rebuilds skin.
  • Replaces 5 Products in 1 — Serum, moisturizer, firming cream, eye balm, and UV repair. One stick.
  • On in 7 Seconds — Swipe on face and neck. Rub in. Done. No mess, no routine, no residue.
Before and after using RHINO MUD Face Serum Anti-Aging Balm
Real Results · How You Age Is A Choice
🇺🇸
Made in
USA
🌿
Organic &
Wild-Harvested
❄️
Cold-Pressed
for Potency
🔬
17 Lab-Tested
Botanicals
🚫
Zero
Synthetics
Face Serum Anti-Aging Balm $55.00
Facecare Simplified

The World's
Simplest
Men's Routine

7
Seconds. Your Entire Skincare Routine.

Most men skip skincare because it's complicated. Rhino Mud eliminates every excuse. Pick it up the same way you grab your deodorant — swipe across your face and neck, rub in, walk out. Your all-day hydration, anti-aging, firming, and UV-damage repair routine is done before your coffee's cold.

Try It Risk-Free — 30 Days
Facecare Simplified - RHINO MUD Face Serum
Your daily routine. Simplified.
Why Waterless Wins

Most Brands Are
80% Water + Synthetics + Alcohols. Ours Isn't.

Flip over almost any face cream and "Aqua" is the first ingredient — followed by synthetic preservatives and alcohols. That dilutes the actives you're actually paying for, and does little for your skin besides adding filler.

Powerful Botanicals Transform Skin Naturally

Astaxanthin — Nature's ultimate antioxidant, 6,000× more powerful than Vitamin C. Repairs UV damage.
Horsetail Fern — Promotes collagen and elastin production for firmer, smoother skin.
Baobab Tree — Restores skin's moisture barrier and calms dryness and irritation.
Marula — Deeply hydrates with a lightweight, fast-absorbing finish.
Bakuchiol — A natural retinol alternative that smooths lines without irritation.
Borage — Rich in GLA to strengthen and support the skin barrier.
Olive Oil — Packed with antioxidants and fatty acids that nourish and protect.
CoQ10 — Fuels cellular renewal for firmer, more resilient skin.
See All Ingredients →
The Collection

Complete Your
Routine

Everything your skin needs. Nothing it doesn't. Pure botanicals, zero synthetics, built for men.

RHINO MUD Lip Balm Original
Man-Sized Lip Balm
Lip Balm Original

All-natural, deeply moisturizing lip protection. Built man-sized for real use.

RHINO MUD Daily Body Moisturizer Body Balm
Daily Body Moisturizer
Body Balm

Waterless, all-natural body balm. Locks in hydration all day, no greasy residue.

RHINO MUD Full Collection - Face Serum, Body Balm, Lip Balm
Full Collection
Complete Skin Bundle

Face Serum · Ultimate Moisturizer · Body Balm · Lip Balm. The full arsenal.

Real Results. Real Men.

What Customers
Are Saying

4.9
⭐⭐⭐⭐⭐
2,400+ Verified Reviews
⭐⭐⭐⭐⭐

"My face is clear, redness is gone, and it keeps my face moisturized all day. This stuff works."

D
Dave S.
Raleigh, NC · Verified Buyer
⭐⭐⭐⭐⭐

"Great ingredients. Goes on smooth and absorbs quickly. My skin looks and feels amazing."

R
Ryan P.
Thousand Oaks, CA · Verified Buyer
⭐⭐⭐⭐⭐

"As a mountain biker, Rhino Mud's Face Serum has done an amazing job keeping my face protected from dry winds."

D
Dylan Mancuso
@Maddogsbikeshop · Verified Buyer
🛡️
Our Promise

30-Day
Money-Back Guarantee

If Rhino Mud doesn't visibly improve your skin in 30 days, we'll refund every cent — no questions, no hassle, no fine print. We use it ourselves. We stand behind it completely.

"17 active botanicals — most brands have maybe one or two. All-natural, goes on fast, lasts all day, made in America. It's fantastic, exceptionally healthy skincare."

Dr. Tim Ramirez, Pacifica Wellness

Try It Risk-Free
Your Skin Works Hard

So Should
Your Skincare.

We use only cold-pressed, organic when possible, wildcrafted botanicals with proven benefits confirmed by scientific, peer-reviewed research. Ingredients such as Natural Astaxanthin, Argan, Bakuchiol, Baobab, Borage, Horsetail Fern and Marula oils (and others), as well as CoQ10 and Vitamin E have all been selected because they’re scientifically proven to deliver fantastic results in reversing the signs of aging.