Trinity Multi-C + Peptide Complex
/* ===================================================================== 1. GLOBAL THEME VARIABLES (LIGHT MODE DEFAULT) ============================================================ ========= */ .sr-product-wrap { --sr-orange: #ff7e00; --sr-plum: #5b5161; --sr-plum-light: #8e7f96; --sr-dark-text: #2b2b2b; --sr-mid-text: #555555; --sr-bg-sand: #f5f3ef; --sr-bg-offwhite: #faf8f5; --sr-border-line: #e8e4dc; --sr-accent-green: #bad381; --sr-font-title: 'DM Sans', sans-serif; --sr-font-body: 'Lato', sans-serif; } /* ===================================================================== DARK MODE OVERRIDES (SHOPIFY THEME CLASSES) ===================================================================== */ html.dark .sr-product-wrap, html[class*="dark"] .sr-product-wrap, body.dark .sr-product-wrap, body[class*="dark"] .sr-product-wrap, [data-theme*="dark"] .sr-product-wrap, .color-inverse .sr-product-wrap, .color-scheme-inverse .sr-product-wrap, .color-scheme-2 .sr-product-wrap, .color-scheme-3 .sr-product-wrap { --sr-plum: #e2ddd5; --sr-plum-light: #a496ac; --sr-dark-text: #ffffff; --sr-mid-text: #e2ddd5; --sr-bg-sand: rgba(226, 221, 213, 0.05); --sr-bg-offwhite: rgba(226, 221, 213, 0.02); --sr-border-line: rgba(226, 221, 213, 0.15); } /* ===================================================================== 2. BASE LAYOUT & TYPOGRAPHY ===================================================================== */ .sr-product-wrap { width: 100%; margin: 0 auto 40px auto; padding-top: 40px; color: var(--sr-dark-text); font-family: var(--sr-font-body); text-align: left; -webkit-font-smoothing: antialiased; } .sr-product-wrap * { box-sizing: border-box; } .sr-label { font-family: var(--sr-font-title); font-size: 12px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; display: block; margin-bottom: 16px; } .sr-title { font-family: var(--sr-font-title); font-size: 24px; font-weight: 700; line-height: 1.2; letter-spacing: -0.5px; color: var(--sr-plum); } .sr-body { font-size: 16px; line-height: 1.8; color: var(--sr-mid-text); } /* ===================================================================== 3. ZONE 1: OPENER & STAT BLOCK ===================================================================== */ .sr-announcement { background: transparent; color: var(--sr-plum); padding: 12px 0; text-align: left; border-top: 1px solid var(--sr-border-line); border-bottom: 1px solid var(--sr-border-line); margin-bottom: 32px; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; } .sr-announcement strong { color: var(--sr-orange); } .sr-opener-title { font-family: var(--sr-font-title); font-size: clamp(48px, 12vw, 90px); font-weight: 300; line-height: 0.9; letter-spacing: -2px; color: var(--sr-plum); margin: 24px 0; } .sr-opener-desc { font-size: 18px; font-style: italic; line-height: 1.6; color: var(--sr-mid-text); border-left: 2px solid var(--sr-orange); padding-left: 20px; margin-bottom: 40px; } .sr-stat-box { background: transparent; padding: 16px 0; text-align: left; margin-bottom: 40px; } .sr-stat-num { font-family: var(--sr-font-title); font-size: 72px; font-weight: 300; line-height: 0.8; color: var(--sr-orange); display: block; margin-bottom: 16px; } .sr-stat-label { color: var(--sr-plum); display: block; margin-bottom: 8px; font-weight: 700; font-size: 12px; letter-spacing: 2.5px; text-transform: uppercase; } .sr-stat-sub { font-size: 16px; color: var(--sr-mid-text); line-height: 1.6; margin: 0; } /* ===================================================================== 4. ZONE 2: ACCORDIONS ===================================================================== */ .sr-accordion { border-top: 1px solid var(--sr-border-line); } .sr-accordion:last-of-type { border-bottom: 1px solid var(--sr-border-line); margin-bottom: 48px; } .sr-accordion summary { display: flex; justify-content: space-between; align-items: center; padding: 24px 0; cursor: pointer; list-style: none; font-family: var(--sr-font-title); font-size: 20px; font-weight: 700; color: var(--sr-plum); transition: color 0.2s ease; } .sr-accordion summary:hover { color: var(--sr-orange); } .sr-accordion summary::-webkit-details-marker { display: none; } .sr-accordion summary::after { content: '+'; font-family: var(--sr-font-body); font-size: 28px; font-weight: 300; line-height: 1; color: var(--sr-plum-light); } .sr-accordion[open] summary::after { content: '−'; color: var(--sr-orange); } .sr-accordion-content { padding-bottom: 32px; } .sr-ing-row { display: grid; grid-template-columns: 40px 1fr; gap: 0 16px; padding: 20px 16px; border-radius: 0; } .sr-ing-row:hover { background: var(--sr-bg-offwhite); } .sr-ing-row--hero { background: var(--sr-bg-sand); border-left: 3px solid var(--sr-orange); } .sr-ing-num { font-family: var(--sr-font-title); font-size: 14px; font-weight: 700; color: var(--sr-plum-light); grid-row: 1/4; } .sr-ing-row--hero .sr-ing-num { color: var(--sr-orange); } .sr-ing-name { font-family: var(--sr-font-title); font-size: 18px; font-weight: 700; color: var(--sr-plum); margin-bottom: 4px; } .sr-ing-role { font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--sr-orange); margin-bottom: 8px; } .sr-ing-desc { font-size: 15px; color: var(--sr-mid-text); line-height: 1.7; } .sr-inci-block { font-size: 13px; color: var(--sr-plum-light); line-height: 1.8; padding: 16px; background: var(--sr-bg-offwhite); border-radius: 0; } .sr-timeline { position: relative; padding-left: 16px; } .sr-timeline::before { content: ''; position: absolute; top: 10px; bottom: 10px; left: 20px; width: 2px; background: var(--sr-border-line); } .sr-step { position: relative; padding: 0 0 32px 32px; } .sr-step:last-child { padding-bottom: 0; } .sr-step::before { content: ''; position: absolute; left: -2px; top: 6px; width: 10px; height: 10px; border-radius: 0; background: var(--sr-orange); border: 3px solid var(--sr-bg-sand); box-shadow: 0 0 0 1px var(--sr-border-line); } .sr-step-title { font-family: var(--sr-font-title); font-size: 16px; font-weight: 700; color: var(--sr-plum); margin-bottom: 6px; } .sr-step-desc { font-size: 15px; color: var(--sr-mid-text); line-height: 1.7; } .sr-step-result { display: inline-block; margin-top: 12px; font-size: 14px; font-weight: 700; color: var(--sr-plum); background: var(--sr-bg-sand); padding: 8px 16px; border-radius: 0; } /* ===================================================================== 5. ZONE 3: CLEAN PRO-TIPS ===================================================================== */ .sr-callouts-container { display: flex; flex-direction: column; gap: 32px; margin-bottom: 24px; } .sr-callout-card { padding: 8px 0 8px 20px; border-radius: 0; background: transparent !important; display: flex; flex-direction: column; } .sr-callout-card--melt { border-left: 3px solid var(--sr-accent-green); } .sr-callout-card--amount { border-left: 3px solid var(--sr-orange); } .sr-callout-card--fresh { border-left: 3px solid var(--sr-plum); } .sr-callout-text { font-size: 15px; line-height: 1.7; color: var(--sr-mid-text); margin: 0; } .sr-callout-card strong { font-weight: 700; color: var(--sr-dark-text); } Made fresh for your order — ready within 3 business days Brighten · Hydrate · Defend · 1 fl. oz. Trinity The essential AM multipurpose serum. Formulated to streamline your morning routine by delivering deep hydration, visible brightening, and antioxidant defense in a single step. 3 Core biological missions Three high-performance functions—Brightening, Hydration, and Defense—engineered to work in perfect synergy every single morning. Some serums solve one problem.Trinity manages three. We believe that daily skincare should be intuitive and high-functioning. While targeted treatments have their place, the foundation of every routine is a serum that simply does its job every day. Trinity is that foundation—the morning essential for skin that looks rested, stays hydrated, and remains protected. The formula utilizes three distinct, stable Vitamin C derivatives to handle brightening and antioxidant defense, paired with Tranexamic Acid to manage the signals that lead to uneven tone. For structural resilience, we included a peptide duo that works quietly in the background to support skin density and smoothness. By balancing these high-performance actives with microbiome-supporting Lactobacillus Ferment, Trinity provides real depth and results without requiring a complex routine. It is the comprehensive morning solution for skin that demands more from less. Hero Ingredients 01 Multi-C Complex The Defenders Three stable forms of Vitamin C (Ascorbyl Glucoside, SAP, and MAP). This complex provides immediate surface protection and deep antioxidant defense, delivering a sustained brightening effect that lasts throughout the day. 02 Tranexamic Acid The Preventer Interrupts the biological signals that lead to melanin overproduction. By managing these signals at the source, it helps prevent new discoloration from forming while visibly evening out existing skin tone. 03 Peptide Duo The Builders A combination of Tripeptide-29 and Acetyl Hexapeptide-8. These signalers work to support the skin’s structural integrity and visible smoothness, helping to manage the micro-tensions that contribute to expression lines. 04 Sodium Hyaluronate The Plumper A highly effective humectant that draws moisture into the skin. It ensures the barrier remains hydrated and pliable, allowing the other active ingredients to perform at their best. How to use it Trinity is designed for the morning. It protects your skin against the environmental stressors you encounter throughout the day. Morning Application After cleansing, press 3–4 drops gently into clean, damp skin. Vitamin C does its most vital work when neutralizing UV-generated free radicals during the day. Layering Order Apply Trinity before your moisturizer. If using Laguna Madre, apply it first for deep hydration, followed by Trinity, and then Palo Duro to seal everything in. The SPF Rule Trinity manages the biological defense, but it cannot replace a physical shield. Always follow with SPF 30+ to ensure the UV signals stay muted. What to expect Visible radiance and improved hydration typically appear within the first two weeks. Cumulative structural and tone benefits build beautifully over months of daily use. Full Ingredients (INCI) Aqua/Water/Eau, Ascorbyl Glucoside, Tranexamic Acid, Pentylene Glycol, Lactobacillus Ferment, Sodium Ascorbyl Phosphate, Magnesium Ascorbyl Phosphate, Sodium Hyaluronate, Tripeptide-29, Ectoin, Trehalose, Acetyl Hexapeptide-8, Caprylyl Glycol, Allantoin, Sodium Phytate, Sodium Benzoate, Lactic Acid, Citric Acid, Arginine. A Few Pro-Tips A note on color Trinity has a naturally stable, cloudy yellow tint. Unlike older Vitamin C tech that turns orange when it fails, this tint is inherent to our stable derivatives and a sign that the actives are intact and working. Alternate with C5 Trinity and Serum C5 serve different needs. If you wish to use both, alternate days rather than stacking. Give each formula its own morning to perform without competing for space. Freshness matters Active Vitamin C performs best when fresh. Even stable derivatives lose potency over time. We blend Trinity to order to guarantee every form of Vitamin C arrives at the exact concentration your skin needs.