Conscientious For Him
/* ═══════════════════════════════════════════ ALL styles scoped to .csc-page only. Nothing here touches html, body, or global selectors — safe to embed in any website. ═══════════ ════════════════════════════════ */ .csc-page *, .csc-page *::before, .csc-page *::after { box-sizing: border-box; margin: 0; padding: 0; } .csc-page { --g: #9a7535; --g2: #b8924a; --bg: #ffffff; --bg2: #f8f5f1; --bg3: #f2ede7; --t: #1a1510; --ts: #4a4540; --tm: #6e6860; --bdr: rgba(154,117,53,.18); font-family: 'Jost', sans-serif; font-size: 16px; font-weight: 400; line-height: 1.85; color: var(--t); background: var(--bg); -webkit-font-smoothing: antialiased; } /* ── HERO ── */ .csc-page .c-hero { position: relative; min-height: 100svh; display: flex; align-items: center; justify-content: center; text-align: center; background: radial-gradient(ellipse at 55% 45%, #f2e8d6 0%, #fff 68%); padding: 60px 20px; overflow: hidden; } .csc-page .c-hero::before { content: ''; position: absolute; inset: 0; background: repeating-linear-gradient(0deg, transparent, transparent 59px, rgba(154,117,53,.05) 60px), repeating-linear-gradient(90deg, transparent, transparent 59px, rgba(154,117,53,.05) 60px); pointer-events: none; } .csc-page .c-hero-inner { position: relative; z-index: 1; max-width: 640px; width: 100%; } .csc-page .c-eyebrow { display: block; font-size: .75rem; font-weight: 400; letter-spacing: .32em; text-transform: uppercase; color: var(--g); margin-bottom: 24px; } .csc-page .c-hero h1 { font-family: 'Cormorant Garamond', serif; font-weight: 400; font-size: clamp(2.4rem, 9vw, 5rem); line-height: 1.1; color: var(--t); margin-bottom: 12px; } .csc-page .c-hero h1 em { font-style: italic; color: var(--g2); } .csc-page .c-rule { width: 48px; height: 1px; background: var(--g); margin: 28px auto; opacity: .5; } .csc-page .c-tagline { font-size: .88rem; letter-spacing: .18em; text-transform: uppercase; color: var(--tm); } /* ── SECTIONS ── */ .csc-page .c-section { padding: 72px 20px; } .csc-page .c-container { max-width: 900px; margin: 0 auto; } .csc-page .c-label { display: block; font-size: .72rem; font-weight: 500; letter-spacing: .28em; text-transform: uppercase; color: var(--g); margin-bottom: 10px; } .csc-page .c-title { font-family: 'Cormorant Garamond', serif; font-weight: 400; font-size: clamp(1.8rem, 5vw, 3rem); line-height: 1.18; color: var(--t); margin-bottom: 22px; } .csc-page .c-body { font-size: 1.05rem; color: var(--ts); max-width: 640px; line-height: 1.9; } /* ── INTRO GRID ── */ .csc-page .c-intro-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: start; } /* ── TINTED SECTION ── */ .csc-page .c-tinted { background: var(--bg2); border-top: 1px solid var(--bdr); border-bottom: 1px solid var(--bdr); } /* ── HOW IT WORKS ── */ .csc-page .c-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; margin-top: 40px; } .csc-page .c-step { border: 1px solid var(--bdr); border-radius: 4px; padding: 32px 28px; background: var(--bg); } .csc-page .c-step-num { font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; font-weight: 300; color: rgba(154,117,53,.2); line-height: 1; margin-bottom: 14px; } .csc-page .c-step p { font-size: 1rem; color: var(--ts); line-height: 1.8; } /* ── BENEFITS ── */ .csc-page .c-benefits-bg { background: var(--bg3); } .csc-page .c-benefits-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 0; margin-top: 40px; border: 1px solid var(--bdr); border-radius: 4px; overflow: hidden; } .csc-page .c-benefit { padding: 28px 24px; border-right: 1px solid var(--bdr); border-bottom: 1px solid var(--bdr); background: var(--bg); transition: background .25s; } .csc-page .c-benefit:hover { background: #fdf9f4; } .csc-page .c-benefit-icon { width: 24px; height: 2px; background: var(--g); margin-bottom: 14px; border-radius: 1px; opacity: .6; } .csc-page .c-benefit p { font-size: 1rem; color: var(--ts); line-height: 1.75; } /* ── PRODUCT IMAGE ── */ .csc-page .c-img-wrap { display: flex; justify-content: center; margin: 52px 0 8px; } .csc-page .c-img-wrap img { max-width: 320px; width: 85%; object-fit: contain; filter: drop-shadow(0 16px 48px rgba(154,117,53,.15)); } /* ── PATENTS ── */ .csc-page .c-patents { text-align: center; padding: 72px 20px; background: linear-gradient(140deg, #f5ead6 0%, var(--bg2) 100%); border-top: 1px solid var(--bdr); border-bottom: 1px solid var(--bdr); } .csc-page .c-patents-inner { max-width: 600px; margin: 0 auto; } .csc-page .c-patents-inner h2 { font-family: 'Cormorant Garamond', serif; font-weight: 400; font-size: clamp(1.6rem, 4vw, 2.3rem); color: var(--t); line-height: 1.25; margin-bottom: 20px; position: relative; display: inline-block; } .csc-page .c-patents-inner h2::before { content: '27'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: 'Cormorant Garamond', serif; font-size: clamp(8rem, 24vw, 15rem); font-weight: 300; color: rgba(154,117,53,.1); line-height: 1; pointer-events: none; white-space: nowrap; z-index: 0; } .csc-page .c-patents-inner h2 span { position: relative; z-index: 1; } .csc-page .c-patents-inner p { font-size: 1rem; color: var(--ts); line-height: 1.85; margin-top: 12px; } /* ── USAGE ── */ .csc-page .c-usage { text-align: center; } .csc-page .c-usage-steps { display: inline-flex; flex-direction: column; gap: 20px; text-align: left; margin-top: 36px; } .csc-page .c-usage-step { display: flex; align-items: flex-start; gap: 18px; font-size: 1.05rem; color: var(--ts); line-height: 1.7; } .csc-page .c-usage-num { font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; font-weight: 400; color: var(--g); min-width: 22px; line-height: 1.3; } .csc-page .c-footnote { margin-top: 24px; font-size: .85rem; color: var(--tm); line-height: 1.7; } /* ── ANIMATIONS ── */ @keyframes cscFadeUp { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: translateY(0); } } .csc-page .anim { opacity: 0; } .csc-page .anim.on { animation: cscFadeUp .7s ease forwards; } .csc-page .anim:nth-child(2) { animation-delay: .12s; } .csc-page .anim:nth-child(3) { animation-delay: .24s; } .csc-page .anim:nth-child(4) { animation-delay: .36s; } /* ── MOBILE ── */ @media (max-width: 640px) { .csc-page .c-section { padding: 56px 18px; } .csc-page .c-hero { padding: 56px 18px; } .csc-page .c-hero h1 { font-size: 2.3rem; } .csc-page .c-intro-grid { grid-template-columns: 1fr; gap: 44px; } .csc-page .c-title { font-size: 1.75rem; } .csc-page .c-steps { grid-template-columns: 1fr; gap: 16px; } .csc-page .c-step { padding: 24px 20px; } .csc-page .c-benefits-grid { grid-template-columns: 1fr; } .csc-page .c-benefit { padding: 22px 20px; } .csc-page .c-patents { padding: 56px 18px; } .csc-page .c-usage-steps { width: 100%; } .csc-page .c-img-wrap img { width: 72%; } } CONSCIENTIOUS Essence SprayFor Him Unleash Your Alluring Appeal Discover The Elusive Elixir forthe Skin At the heart of CONSCIENTIOUS lies our desire and dedication to discover the elusive elixir that could meet all our skin care needs. We went to great lengths around the world to source for the best in nature and unlocked the great powers which lie within each ingredient — discovering what was once thought to be unattainable and impossible, setting a new level of perfection and standard in luxury skin care. Introducing the Exclusive High-Performance EssenceSpray After years of extensive research and development, we finally perfected the most exclusive and ultimate luxurious essence spray. As we know the very definition of beauty is unique to everyone at different times, we created a revolutionary skin care that is smart enough to adapt to all your individual skin needs, whenever and wherever it is most needed. An Essence Spray of Golden Proportions Infused with a high concentration of only the finest ingredients, each drop of CONSCIENTIOUS Essence is a "waterless" spray greatly enhanced with the use of gold to provide instant and revolutionary results that transform the look of the skin. Gold is an antioxidant and has anti-inflammatory properties — a true indulgence that is beneficial for the skin. Its anti-inflammatory properties are ideal for those dealing with sensitive, hyperpigmented, and acne-scarred skin. Gold also helps repair skin damage while adding radiance and glow with its intense light-reflecting colour. It improves skin elasticity, giving a firming effect and combating environmental aggressors and daily pollutants. The Mechanism How It Works 01 Each drop is infused with potent concentrations of the finest, purest botanical ingredients — sourced directly from nature onto the skin. 02 Created by cutting-edge technology, allowing nano-sized molecules to penetrate deeply through the skin in every drop. 03 Ingredients work synergistically together to provide instant, revolutionary results that visibly transform the look of the skin. All Botanical · Highly Concentrated The Benefits Convenient on-the-go skin care spray you can use anytime. Ultra-lightweight and quick-absorbing, leaving skin feeling instantly energised. High-performing active ingredients that boost intense hydration. Smoothens rough skin texture for a refined and even complexion. Increases the skin's elasticity and firmness over time. Regulates excessive sebum and tightens pores, leaving skin matte and smooth. Strengthens the skin's natural resistance to external damage. Evens skin tone and lightens dark spots to reveal brighter, healthier skin. Suitable for all skin types, including sensitive skin.* Paraben-Free and Silicone-Free luxury beauty product. *As this is an incredibly active product, discontinue use if you experience itching or irritation. Potent Highly-ConcentratedPatent Ingredients For the first time, captured in a single bottle — CONSCIENTIOUS Essence Spray is ingeniously formulated with 27 patented ingredients, opening up endless skincare possibilities.** **Most brands in the market contain fewer than 5 patent ingredients, in the range of 10–20% of total content. Indulge in the Highest Level of Luxury Experience Perfect Skin Carein a Single Bottle 1 After cleansing, spray 5–8 times evenly over the entire face. 2 Can also be used over makeup during the day as desired.
