<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>Our Story — Pure Skin Health</title>
<meta name="description" content="The story behind Pure Skin Health — founded by health journalist and Pure Skin Labs director Sommer Shiels.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,400&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
:root{
--ink:#1c1a1e;
--ink-soft:#59535f;
--paper:#fbfaf8;
--paper-alt:#f3efe9;
--white:#ffffff;
--violet:#5b2a86;
--violet-deep:#33184d;
--violet-light:#efe6f7;
--violet-glow:#9b5fd1;
--steel:#c9c6c2;
--line: rgba(28,26,30,0.11);
--skin:#f1e9df;
--maxw: 1200px;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
font-family:'Inter', sans-serif;
color:var(--ink);
background:var(--paper);
-webkit-font-smoothing:antialiased;
line-height:1.5;
}
img{max-width:100%; display:block;}
a{color:inherit; text-decoration:none;}
.wrap{max-width:var(--maxw); margin:0 auto; padding:0 32px;}
.eyebrow{
font-family:'Inter', sans-serif;
font-size:12px;
letter-spacing:0.16em;
text-transform:uppercase;
color:var(--violet);
font-weight:600;
}
h1,h2,h3,h4{
font-family:'Fraunces', serif;
font-weight:400;
letter-spacing:-0.01em;
color:var(--ink);
}
.btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
padding:15px 30px;
border-radius:100px;
font-size:14px;
font-weight:600;
letter-spacing:0.02em;
cursor:pointer;
border:1px solid transparent;
transition: all .25s ease;
white-space:nowrap;
}
.btn-primary{ background:var(--ink); color:var(--white); }
.btn-primary:hover{ background:var(--violet); }
.btn-ghost{ background:transparent; color:var(--ink); border-color:var(--ink); }
.btn-ghost:hover{ background:var(--ink); color:var(--white); }
.btn-light{ background:var(--white); color:var(--violet-deep); }
.btn-light:hover{ background:var(--violet-light); }
hr.rule{ border:none; border-top:1px solid var(--line); }
section{ position:relative; }
/* -------- announcement -------- */
.announce{
background:var(--violet-deep);
color:var(--white);
text-align:center;
font-size:13px;
letter-spacing:0.03em;
padding:10px 20px;
}
.announce b{ font-weight:600; }
/* -------- header -------- */
header{
background:var(--white);
border-bottom:1px solid var(--line);
position:sticky; top:0; z-index:50;
}
.nav{
display:flex; align-items:center; justify-content:space-between;
padding:16px 32px;
max-width:var(--maxw); margin:0 auto;
}
.logo img{ height:34px; width:auto; }
.nav-links{ display:flex; gap:36px; font-size:14px; font-weight:500; }
.nav-links a{ opacity:0.82; transition:opacity .2s; }
.nav-links a:hover{ opacity:1; }
.nav-cta{ display:flex; align-items:center; gap:18px; }
.nav-icon{ font-size:13px; font-weight:600; opacity:0.75; }
.nav-toggle{ display:none; }
/* -------- hero -------- */
.hero{
background:linear-gradient(180deg, var(--paper) 0%, var(--paper-alt) 100%);
overflow:hidden;
}
.hero-grid{
display:grid;
grid-template-columns:1fr 1fr;
align-items:center;
gap:40px;
padding:76px 32px 40px;
max-width:var(--maxw); margin:0 auto;
}
.hero h1{
font-size:clamp(38px, 4.6vw, 60px);
line-height:1.04;
margin:18px 0 22px;
}
.hero h1 em{ font-style:italic; color:var(--violet); }
.hero p.lead{
font-size:17px; color:var(--ink-soft); max-width:460px; margin-bottom:32px;
}
.hero-ctas{ display:flex; gap:14px; flex-wrap:wrap; margin-bottom:34px; }
.trust-row{
display:flex; gap:26px; flex-wrap:wrap;
font-size:12.5px; color:var(--ink-soft); font-weight:500;
}
.trust-row span{ display:flex; align-items:center; gap:7px; }
.trust-row .dot{ width:5px; height:5px; border-radius:50%; background:var(--violet); }
.hero-art{ position:relative; display:flex; justify-content:center; align-items:center; }
.glow{
position:absolute;
width:420px; height:420px;
background:radial-gradient(circle at 35% 30%, var(--violet-glow), var(--violet) 60%, transparent 75%);
filter:blur(60px);
opacity:0.38;
border-radius:42% 58% 63% 37% / 41% 44% 56% 59%;
animation: morph 9s ease-in-out infinite;
z-index:0;
}
@keyframes morph{
0%,100%{ border-radius:42% 58% 63% 37% / 41% 44% 56% 59%; transform:rotate(0deg);}
50%{ border-radius:58% 42% 39% 61% / 56% 60% 40% 44%; transform:rotate(8deg);}
}
.hero-art img{ position:relative; z-index:1; width:min(400px, 80%); filter:drop-shadow(0 30px 40px rgba(28,26,30,0.16)); }
@media (prefers-reduced-motion: reduce){ .glow{ animation:none; } }
/* -------- marquee -------- */
.marquee-strip{
background:var(--ink); color:var(--white);
padding:14px 0; overflow:hidden; white-space:nowrap;
}
.marquee-track{ display:inline-flex; gap:52px; animation:scroll 28s linear infinite; }
.marquee-track span{ font-size:12.5px; letter-spacing:0.14em; text-transform:uppercase; opacity:0.75; }
@keyframes scroll{ 0%{transform:translateX(0);} 100%{transform:translateX(-50%);} }
/* -------- section heading -------- */
.section-head{ max-width:640px; margin-bottom:48px; }
.section-head h2{ font-size:clamp(28px,3.4vw,42px); margin-top:14px; line-height:1.12; }
.section-head p{ color:var(--ink-soft); font-size:15.5px; margin-top:14px; }
.section-pad{ padding:96px 0; }
/* -------- science -------- */
.science{ background:var(--paper); }
.science-grid{
display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center;
}
.molecule{
aspect-ratio:1/1; border-radius:28px; background:var(--violet-light);
display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden;
}
.ring{ position:absolute; border:1px solid var(--violet); border-radius:50%; opacity:0.35; }
.ring.r1{ width:60%; height:60%; animation:pulse 4s ease-in-out infinite; }
.ring.r2{ width:80%; height:80%; animation:pulse 4s ease-in-out infinite .8s; }
.ring.r3{ width:100%; height:100%; animation:pulse 4s ease-in-out infinite 1.6s; }
@keyframes pulse{ 0%{ transform:scale(0.9); opacity:0.5;} 100%{ transform:scale(1.06); opacity:0;} }
.molecule .core{ width:64px; height:64px; border-radius:50%; background:var(--violet); position:relative; z-index:2; box-shadow:0 0 0 8px var(--violet-light), 0 0 40px rgba(91,42,134,0.4); }
.science-copy .stat-row{ display:flex; gap:34px; margin-top:34px; flex-wrap:wrap; }
.science-copy .stat{ }
.science-copy .stat b{ font-family:'Fraunces',serif; font-size:26px; font-weight:500; display:block; color:var(--violet); }
.science-copy .stat span{ font-size:12.5px; color:var(--ink-soft); }
.science-copy p{ color:var(--ink-soft); margin-top:16px; font-size:15px; max-width:480px; }
/* -------- how it works -------- */
.how{ background:var(--violet-deep); color:var(--white); }
.how .section-head p{ color:rgba(255,255,255,0.7); }
.how .eyebrow{ color:var(--violet-glow); }
.steps{ display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.step{
background:rgba(255,255,255,0.05);
border:1px solid rgba(255,255,255,0.12);
border-radius:20px;
padding:32px 28px;
}
.step .num{ font-family:'Fraunces',serif; font-style:italic; font-size:15px; color:var(--violet-glow); }
.step h3{ color:var(--white); font-size:21px; margin:14px 0 10px; font-weight:400; }
.step p{ font-size:14px; color:rgba(255,255,255,0.68); }
.cadence{
margin-top:56px; display:flex; align-items:center; gap:0; border-top:1px solid rgba(255,255,255,0.14); padding-top:40px;
overflow-x:auto;
}
.cadence-item{ flex:1; min-width:120px; text-align:center; position:relative; padding:0 8px; }
.cadence-item:not(:last-child)::after{
content:''; position:absolute; top:9px; right:-8px; width:calc(100% - 4px); height:1px; background:rgba(255,255,255,0.2);
}
.cadence-dot{ width:18px; height:18px; border-radius:50%; background:var(--violet-deep); border:2px solid var(--violet-glow); margin:0 auto 12px; position:relative; z-index:1; }
.cadence-item.active .cadence-dot{ background:var(--violet-glow); }
.cadence-item span{ font-size:12px; color:rgba(255,255,255,0.65); }
/* -------- kit contents -------- */
.kit{ background:var(--paper-alt); }
.kit-grid{ display:grid; grid-template-columns:0.9fr 1.1fr; gap:60px; align-items:center; }
.kit-visual{ background:var(--white); border-radius:24px; padding:40px; border:1px solid var(--line); }
.kit-list{ list-style:none; }
.kit-list li{
display:flex; justify-content:space-between; align-items:baseline;
padding:20px 0; border-bottom:1px solid var(--line);
font-size:15px;
}
.kit-list li:first-child{ padding-top:0; }
.kit-list b{ font-weight:600; }
.kit-list .qty{ color:var(--violet); font-weight:600; font-size:13px; }
/* -------- pricing -------- */
.pricing{ background:var(--paper); }
.price-cards{ display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.price-card{
border-radius:24px; padding:38px 34px; border:1px solid var(--line); background:var(--white);
display:flex; flex-direction:column;
}
.price-card.featured{
background:var(--ink); color:var(--white); border-color:var(--ink);
position:relative; transform: translateY(-10px);
}
.price-card .tag{
font-size:11px; letter-spacing:0.12em; text-transform:uppercase; font-weight:700;
color:var(--violet); margin-bottom:10px;
}
.price-card.featured .tag{ color:var(--violet-glow); }
.price-card h3{ font-size:24px; font-weight:400; }
.price-card .amount{ font-family:'Fraunces',serif; font-size:44px; margin:18px 0 4px; }
.price-card .per{ font-size:13px; color:var(--ink-soft); margin-bottom:22px; }
.price-card.featured .per{ color:rgba(255,255,255,0.6); }
.price-card ul{ list-style:none; margin-bottom:28px; flex:1; }
.price-card li{ font-size:14px; padding:9px 0; border-top:1px solid var(--line); }
.price-card.featured li{ border-top:1px solid rgba(255,255,255,0.14); }
.price-card li:first-child{ border-top:none; }
/* -------- reviews -------- */
.reviews{ background:var(--paper-alt); }
.review-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.review-card{
background:var(--white); border:1px solid var(--line); border-radius:20px; padding:28px 26px;
}
.stars{ color:var(--violet); font-size:14px; letter-spacing:2px; margin-bottom:14px; }
.review-card p{ font-size:14.5px; color:var(--ink); margin-bottom:18px; line-height:1.6; }
.reviewer{ display:flex; align-items:center; gap:10px; }
.avatar{ width:34px; height:34px; border-radius:50%; background:var(--violet-light); color:var(--violet-deep); display:flex; align-items:center; justify-content:center; font-size:12.5px; font-weight:700; }
.reviewer-name{ font-size:13px; font-weight:600; }
.reviewer-sub{ font-size:11.5px; color:var(--ink-soft); }
.sample-note{ text-align:center; font-size:12px; color:var(--ink-soft); margin-top:28px; }
/* -------- story -------- */
.story{ background:var(--ink); color:var(--white); }
.story-grid{ display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }
.story h2{ color:var(--white); font-size:clamp(26px,3vw,38px); line-height:1.2; }
.story p{ color:rgba(255,255,255,0.68); font-size:15.5px; margin-top:18px; max-width:460px; }
.story-panel{
aspect-ratio:4/3; border-radius:24px;
background:linear-gradient(135deg, var(--violet-deep), var(--violet) 55%, var(--violet-glow));
display:flex; align-items:flex-end; padding:32px; position:relative; overflow:hidden;
}
.story-panel::before{
content:'GHK-Cu'; position:absolute; top:24px; left:28px; font-family:'Fraunces',serif; font-style:italic; font-size:15px; color:rgba(255,255,255,0.55);
}
.story-panel span{ font-family:'Fraunces',serif; color:#fff; font-size:22px; max-width:280px; line-height:1.3; }
/* -------- faq -------- */
.faq{ background:var(--paper); }
.faq-list{ max-width:760px; }
.faq-item{ border-bottom:1px solid var(--line); }
.faq-q{
padding:22px 0; display:flex; justify-content:space-between; align-items:center; cursor:pointer;
font-size:16px; font-weight:500;
}
.faq-q .icon{ font-size:20px; color:var(--violet); transition:transform .25s; }
.faq-item.open .faq-q .icon{ transform:rotate(45deg); }
.faq-a{ max-height:0; overflow:hidden; transition:max-height .3s ease; }
.faq-item.open .faq-a{ max-height:220px; }
.faq-a p{ padding-bottom:22px; color:var(--ink-soft); font-size:14.5px; max-width:640px; }
/* -------- newsletter -------- */
.newsletter{ background:var(--violet-light); }
.nl-inner{ text-align:center; max-width:560px; margin:0 auto; }
.nl-inner h2{ font-size:clamp(26px,3vw,36px); }
.nl-inner p{ color:var(--ink-soft); margin:14px 0 26px; font-size:15px; }
.nl-form{ display:flex; gap:10px; max-width:420px; margin:0 auto; }
.nl-form input{
flex:1; padding:14px 18px; border-radius:100px; border:1px solid var(--line); font-family:inherit; font-size:14px; background:var(--white);
}
.nl-form input:focus{ outline:2px solid var(--violet); outline-offset:1px; }
/* -------- footer -------- */
footer{ background:var(--violet-deep); color:rgba(255,255,255,0.85); padding:70px 0 30px; }
.foot-grid{ display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px; margin-bottom:56px; }
.foot-logo{ font-family:'Fraunces',serif; font-size:22px; color:#fff; letter-spacing:0.02em; }
.foot-logo small{ display:block; font-family:'Inter',sans-serif; font-size:11px; letter-spacing:0.22em; text-transform:uppercase; color:rgba(255,255,255,0.55); margin-top:4px; }
.foot-desc{ font-size:13.5px; color:rgba(255,255,255,0.6); margin-top:16px; max-width:260px; }
.foot-col h4{ font-family:'Inter',sans-serif; font-size:12px; letter-spacing:0.1em; text-transform:uppercase; font-weight:700; margin-bottom:18px; color:rgba(255,255,255,0.55); }
.foot-col ul{ list-style:none; }
.foot-col li{ margin-bottom:12px; font-size:13.5px; }
.foot-col a:hover{ text-decoration:underline; }
.foot-bottom{ border-top:1px solid rgba(255,255,255,0.14); padding-top:26px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:14px; font-size:12px; color:rgba(255,255,255,0.5); }
.disclaimer{ font-size:11.5px; color:rgba(255,255,255,0.4); max-width:900px; margin-top:20px; line-height:1.6; }
/* -------- responsive -------- */
@media (max-width:940px){
.nav-links{ display:none; }
.hero-grid, .science-grid, .kit-grid, .story-grid{ grid-template-columns:1fr; }
.hero-art{ order:-1; }
.steps, .review-grid, .price-cards{ grid-template-columns:1fr; }
.price-card.featured{ transform:none; }
.foot-grid{ grid-template-columns:1fr 1fr; }
.section-pad{ padding:64px 0; }
.nl-form{ flex-direction:column; }
}
/* -------- collection promo (homepage) -------- */
.collection{ background:var(--paper); }
.collection-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.collection-grid.cols-3{ grid-template-columns:repeat(3,1fr); }
.collection-grid.cols-2{ grid-template-columns:repeat(2,1fr); max-width:760px; }
.collection-card{
background:var(--white); border:1px solid var(--line); border-radius:20px; overflow:hidden;
display:flex; flex-direction:column; transition:transform .25s ease, box-shadow .25s ease;
}
.collection-card:hover{ transform:translateY(-4px); box-shadow:0 20px 40px rgba(28,26,30,0.08); }
.collection-card .thumb{ aspect-ratio:1/1; background:var(--paper-alt); overflow:hidden; }
.collection-card .thumb img{ width:100%; height:100%; object-fit:cover; }
.collection-card .body{ padding:22px 22px 26px; display:flex; flex-direction:column; flex:1; }
.collection-card .brand-tag{ font-size:11px; letter-spacing:0.1em; text-transform:uppercase; color:var(--violet); font-weight:700; margin-bottom:8px; }
.collection-card h3{ font-size:20px; font-weight:400; margin-bottom:8px; }
.collection-card p{ font-size:13.5px; color:var(--ink-soft); flex:1; margin-bottom:18px; }
.collection-card .card-foot{ display:flex; align-items:center; justify-content:space-between; }
.collection-card .price{ font-weight:600; font-size:15px; }
/* -------- product page hero -------- */
.product-hero{ background:linear-gradient(180deg, var(--paper) 0%, var(--paper-alt) 100%); }
.ph-grid{ display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:flex-start; padding:56px 0 0; }
.ph-gallery-main{ border-radius:22px; overflow:hidden; background:var(--white); border:1px solid var(--line); aspect-ratio:1/1; }
.ph-gallery-main img{ width:100%; height:100%; object-fit:cover; }
.ph-thumbs{ display:flex; gap:10px; margin-top:12px; }
.ph-thumbs img{ width:64px; height:64px; object-fit:cover; border-radius:10px; border:1px solid var(--line); cursor:pointer; }
.ph-thumbs img:hover{ border-color:var(--violet); }
.crumb{ font-size:12.5px; color:var(--ink-soft); margin-bottom:16px; }
.crumb a{ color:var(--ink-soft); }
.crumb a:hover{ color:var(--violet); }
.ph-copy h1{ font-size:clamp(30px,3.6vw,44px); margin:14px 0 12px; line-height:1.08; }
.ph-vol{ font-size:13px; color:var(--ink-soft); font-weight:600; letter-spacing:0.04em; text-transform:uppercase; margin-bottom:6px; }
.ph-price{ font-family:'Fraunces',serif; font-size:28px; margin:14px 0 20px; }
.ph-copy > p.lead{ max-width:none; }
.bullet-list{ list-style:none; margin:22px 0 28px; }
.bullet-list li{ display:flex; align-items:flex-start; gap:10px; font-size:14.5px; padding:8px 0; color:var(--ink-soft); }
.bullet-list li::before{ content:'—'; color:var(--violet); flex-shrink:0; }
.qty-row{ display:flex; gap:14px; align-items:center; margin-bottom:20px; }
.qty-box{ display:flex; align-items:center; border:1px solid var(--line); border-radius:100px; overflow:hidden; }
.qty-box button{ background:none; border:none; width:40px; height:44px; font-size:16px; cursor:pointer; }
.qty-box span{ width:36px; text-align:center; font-size:14px; }
.pill-row{ display:flex; gap:10px; flex-wrap:wrap; margin-top:6px; }
.pill{ font-size:12px; padding:7px 14px; border-radius:100px; background:var(--violet-light); color:var(--violet-deep); font-weight:600; }
/* -------- description / tabs -------- */
.pdetail{ background:var(--paper); }
.pdetail-grid{ display:grid; grid-template-columns:1.1fr 0.9fr; gap:60px; }
.pdetail h2{ font-size:clamp(24px,2.8vw,32px); margin-bottom:16px; }
.pdetail-block{ margin-bottom:30px; }
.pdetail-block h4{ font-family:'Inter',sans-serif; font-size:12px; letter-spacing:0.1em; text-transform:uppercase; font-weight:700; color:var(--violet); margin-bottom:10px; }
.pdetail-block p{ color:var(--ink-soft); font-size:15px; }
.spec-table{ width:100%; border-collapse:collapse; }
.spec-table tr{ border-top:1px solid var(--line); }
.spec-table tr:first-child{ border-top:none; }
.spec-table td{ padding:14px 0; font-size:14px; }
.spec-table td:first-child{ color:var(--ink-soft); width:40%; }
.spec-table td:last-child{ font-weight:500; }
/* -------- usage steps (product) -------- */
.usage{ background:var(--violet-deep); color:#fff; }
.usage .section-head p{ color:rgba(255,255,255,0.7); }
.usage .eyebrow{ color:var(--violet-glow); }
.usage-steps{ display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.usage-steps .step{ background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.12); border-radius:20px; padding:30px 26px; }
/* -------- single review block -------- */
.single-review{ max-width:560px; background:var(--paper-alt); border-radius:20px; padding:28px; }
.single-review .stars{ margin-bottom:12px; }
.single-review p{ font-size:15px; color:var(--ink); margin-bottom:16px; }
.no-reviews{ font-size:14.5px; color:var(--ink-soft); padding:24px 0; }
/* -------- cross sell -------- */
.crosssell{ background:var(--paper-alt); }
@media (max-width:940px){
.collection-grid{ grid-template-columns:1fr; }
.ph-grid, .pdetail-grid{ grid-template-columns:1fr; gap:34px; }
.usage-steps{ grid-template-columns:1fr; }
}
/* -------- featured in / media strip -------- */
.featured-in{ background:var(--white); border-bottom:1px solid var(--line); padding:36px 0; }
.featured-in .fi-label{ text-align:center; font-size:11px; letter-spacing:0.16em; text-transform:uppercase; color:var(--ink-soft); font-weight:600; margin-bottom:24px; }
.fi-row{ display:flex; align-items:center; justify-content:center; gap:52px; flex-wrap:wrap; }
.fi-row img{ height:28px; width:auto; max-width:130px; object-fit:contain; filter:grayscale(100%); opacity:0.55; transition:opacity .25s, filter .25s; }
.fi-row img:hover{ filter:grayscale(0%); opacity:1; }
/* -------- telehealth page -------- */
.th-hero{ background:linear-gradient(180deg, var(--paper) 0%, var(--paper-alt) 100%); }
.th-hero .hero-grid{ grid-template-columns:1.1fr 0.9fr; }
.th-visual{
aspect-ratio:4/5; border-radius:28px; position:relative; overflow:hidden;
background:linear-gradient(150deg, var(--violet-deep), var(--violet) 55%, var(--violet-glow));
display:flex; align-items:flex-end; padding:30px;
}
.th-visual span{ font-family:'Fraunces',serif; color:#fff; font-size:20px; max-width:260px; line-height:1.35; }
.th-badge{ position:absolute; top:22px; left:22px; background:rgba(255,255,255,0.14); border:1px solid rgba(255,255,255,0.3); color:#fff; font-size:11.5px; letter-spacing:0.06em; padding:7px 14px; border-radius:100px; }
.provider-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.provider-card{ background:var(--white); border:1px solid var(--line); border-radius:20px; padding:30px 26px; text-align:center; }
.provider-avatar{ width:56px; height:56px; border-radius:50%; background:var(--violet-light); color:var(--violet-deep); display:flex; align-items:center; justify-content:center; font-family:'Fraunces',serif; font-size:19px; margin:0 auto 16px; }
.provider-card h4{ font-family:'Inter',sans-serif; font-size:15px; font-weight:600; margin-bottom:4px; }
.provider-card p{ font-size:13px; color:var(--ink-soft); }
.state-note{ font-size:13px; color:var(--ink-soft); margin-top:14px; }
.th-disclaimer-box{
background:var(--paper-alt); border:1px solid var(--line); border-radius:16px; padding:22px 26px; font-size:13.5px; color:var(--ink-soft); margin-top:40px;
}
.founder-hero{ background:linear-gradient(180deg, var(--paper) 0%, var(--paper-alt) 100%); }
.founder-grid{ display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; padding:76px 0 96px; }
.founder-panel{
aspect-ratio:4/5; border-radius:28px; position:relative; overflow:hidden;
background:linear-gradient(150deg, var(--violet-deep), var(--violet) 55%, var(--violet-glow));
display:flex; align-items:flex-end; padding:34px;
}
.founder-panel .initials{ position:absolute; top:32px; left:32px; font-family:'Fraunces',serif; font-style:italic; font-size:52px; color:rgba(255,255,255,0.28); }
.founder-panel span{ font-family:'Fraunces',serif; color:#fff; font-size:20px; max-width:280px; line-height:1.35; }
.founder-copy h1{ font-size:clamp(32px,3.8vw,48px); line-height:1.1; margin:16px 0 18px; }
.founder-copy p.lead{ font-size:16.5px; color:var(--ink-soft); margin-bottom:14px; max-width:520px; }
.credentials{ display:flex; gap:28px; flex-wrap:wrap; margin-top:26px; }
.credentials .cred b{ display:block; font-family:'Fraunces',serif; font-size:22px; color:var(--violet); }
.credentials .cred span{ font-size:12px; color:var(--ink-soft); }
.timeline{ max-width:760px; }
.tl-item{ display:grid; grid-template-columns:110px 1fr; gap:24px; padding:28px 0; border-top:1px solid var(--line); }
.tl-item:first-child{ border-top:none; }
.tl-year{ font-family:'Fraunces',serif; font-style:italic; color:var(--violet); font-size:18px; }
.tl-item h3{ font-size:19px; font-weight:500; margin-bottom:8px; }
.tl-item p{ color:var(--ink-soft); font-size:14.5px; }
@media (max-width:940px){
.founder-grid{ grid-template-columns:1fr; }
.tl-item{ grid-template-columns:1fr; gap:6px; }
}
</style>
</head>
<body>
<div class="announce"><b>Founding Member Offer</b> — 20% off your first Subscription Kit, ships free in the US</div>
<header>
<div class="nav">
<a href="index.html" class="logo"><img src="https://pureskinhealth.com/wp-content/uploads/2026/07/pureskinlabs-logo.jpg" alt="PureSkinLabs dermcare"></a>
<nav class="nav-links">
<a href="index.html#kit">GHK-Cu Kit</a>
<a href="product-curcumin-mask.html">Curcumin Mask</a>
<a href="product-kojic-pads.html">Kojic Pads</a>
<a href="telehealth.html">Telehealth</a>
<a href="our-story.html">Our Story</a>
</nav>
<div class="nav-cta">
<a href="#" class="nav-icon">Account</a>
<a href="index.html#pricing" class="btn btn-primary">Subscribe</a>
</div>
</div>
</header>
<section class="founder-hero">
<div class="wrap">
<div class="founder-grid">
<div class="founder-copy">
<span class="eyebrow">Our Story</span>
<h1>Built by someone who's spent two decades asking how skin actually works.</h1>
<p class="lead">Pure Skin Health was founded by Sommer Shiels — a health journalist and documentary director who has spent close to twenty years covering medical science and longevity, and who also directs Pure Skin Labs, a cosmeceutical manufacturer that has formulated skincare for doctors and clinics for over 15 years.</p>
<p class="lead">That combination — years spent asking clinicians and researchers what actually works, paired with a lab that already builds for them — is what shaped Sommer Skin, and later PureSkinLabs and our Telehealth program.</p>
<div class="credentials">
<div class="cred"><b>~20 yrs</b><span>Health journalism & documentary work</span></div>
<div class="cred"><b>15+ yrs</b><span>Pure Skin Labs, clinic & doctor formulation</span></div>
<div class="cred"><b>LA · Sydney</b><span>Based between both cities</span></div>
</div>
</div>
<div class="founder-panel">
<span class="initials">SS</span>
<span>Sommer Shiels — Founder, Pure Skin Health & Director, Pure Skin Labs</span>
</div>
</div>
</div>
</section>
<section class="pdetail">
<div class="wrap section-pad">
<div class="section-head">
<span class="eyebrow">The Journey</span>
<h2>From the newsroom to the formulation bench</h2>
<p>Before Pure Skin Health, Sommer's work sat at the intersection of journalism and health science — years spent interviewing researchers and clinicians about what genuinely moves the needle on skin and aging, long before it became a brand.</p>
</div>
<div class="timeline">
<div class="tl-item">
<div class="tl-year">2010</div>
<div>
<h3>Pure Skin Labs is founded</h3>
<p>A cosmeceutical manufacturing lab built to formulate professional-grade skincare for doctors and leading clinics — the same lab that would later become the backbone of our own product lines.</p>
</div>
</div>
<div class="tl-item">
<div class="tl-year">Ongoing</div>
<div>
<h3>Two decades in health journalism</h3>
<p>Sommer builds a career as a health journalist and documentary director, reporting on medical science and longevity — work that continues to inform how our brands are formulated and communicated.</p>
</div>
</div>
<div class="tl-item">
<div class="tl-year">2025</div>
<div>
<h3>Sommer Skin launches</h3>
<p>The Curcumin Mask is created to bring a clinic-grade active formula — Ayurvedic ingredients paired with modern cosmeceutical technology — into an at-home ritual.</p>
</div>
</div>
<div class="tl-item">
<div class="tl-year">2026</div>
<div>
<h3>Pure Skin Health comes together</h3>
<p>Sommer Skin, the PureSkinLabs GHK-Cu system, and our licensed Telehealth program join under one roof — one place for products and care, built on the same standard.</p>
</div>
</div>
</div>
</div>
</section>
<section class="story">
<div class="wrap section-pad">
<div class="story-grid">
<div>
<span class="eyebrow" style="color:var(--violet-glow);">Why It Matters</span>
<h2>Formulated for real concerns, not trends</h2>
<p>Sommer's approach has always been to go to the source — cosmeceutical labs and the clinicians they supply — rather than chase whatever's trending. That's why our line stays narrow: a small number of well-studied actives, done properly, instead of a routine with more steps than answers.</p>
</div>
<div class="story-panel">
<span>One active, formulated properly, is worth more than ten trends layered on top of each other.</span>
</div>
</div>
</div>
</section>
<section class="newsletter">
<div class="wrap section-pad">
<div class="nl-inner">
<h2>Follow the journey</h2>
<p>New formulations, telehealth updates, and the science behind them — straight to your inbox.</p>
<form class="nl-form" id="newsletterForm">
<input type="email" placeholder="Enter your email" required>
<button class="btn btn-primary" type="submit">Notify Me</button>
</form>
</div>
</div>
</section>
<footer>
<div class="wrap">
<div class="foot-grid">
<div>
<div class="foot-logo">PureSkinLabs<small>Dermcare</small></div>
<p class="foot-desc">At-home dermal routines built around single, well-studied actives — starting with GHK-Cu.</p>
</div>
<div class="foot-col">
<h4>Shop</h4>
<ul>
<li><a href="index.html#kit">GHK-Cu Dermal Peptides</a></li>
<li><a href="product-curcumin-mask.html">Curcumin Mask</a></li>
<li><a href="product-kojic-pads.html">Kojic x Turmeric Pads</a></li>
</ul>
</div>
<div class="foot-col">
<h4>Care</h4>
<ul>
<li><a href="telehealth.html">Telehealth</a></li>
<li><a href="index.html#faq">FAQ</a></li>
</ul>
</div>
<div class="foot-col">
<h4>Company</h4>
<ul>
<li><a href="our-story.html">Our Story</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Shipping & Returns</a></li>
<li><a href="#">Terms & Privacy</a></li>
</ul>
</div>
</div>
<div class="foot-bottom">
<span>© 2026 PureSkinLabs®. All rights reserved.</span>
<span>Made for skin that's worth the routine.</span>
</div>
<p class="disclaimer">This product is not intended to diagnose, treat, cure, or prevent any disease. PureSkinLabs is for cosmetic use only and does not provide medical advice. Consult a physician before use if you have a skin condition, are pregnant, or are using other active treatments.</p>
</div>
</footer>
<script>
var nlForm = document.getElementById('newsletterForm');
if(nlForm){ nlForm.addEventListener('submit', function(e){ e.preventDefault(); }); }
Built by someone who’s spent two decades asking how skin actually works.
Pure Skin Health was founded by Sommer Shiels — a health journalist and documentary director who has spent close to twenty years covering medical science and longevity, and who also directs Pure Skin Labs, a cosmeceutical manufacturer that has formulated skincare for doctors and clinics for over 15 years.
That combination — years spent asking clinicians and researchers what actually works, paired with a lab that already builds for them — is what shaped Sommer Skin, and later PureSkinLabs and our Telehealth program.
From the newsroom to the formulation bench
Before Pure Skin Health, Sommer’s work sat at the intersection of journalism and health science — years spent interviewing researchers and clinicians about what genuinely moves the needle on skin and aging, long before it became a brand.
Pure Skin Labs is founded
A cosmeceutical manufacturing lab built to formulate professional-grade skincare for doctors and leading clinics — the same lab that would later become the backbone of our own product lines.
Two decades in health journalism
Sommer builds a career as a health journalist and documentary director, reporting on medical science and longevity — work that continues to inform how our brands are formulated and communicated.
Sommer Skin launches
The Curcumin Mask is created to bring a clinic-grade active formula — Ayurvedic ingredients paired with modern cosmeceutical technology — into an at-home ritual.
Pure Skin Health comes together
Sommer Skin, the PureSkinLabs GHK-Cu system, and our licensed Telehealth program join under one roof — one place for products and care, built on the same standard.
Formulated for real concerns, not trends
Sommer’s approach has always been to go to the source — cosmeceutical labs and the clinicians they supply — rather than chase whatever’s trending. That’s why our line stays narrow: a small number of well-studied actives, done properly, instead of a routine with more steps than answers.
Free Shipping for LIFE
Subscribe to Skin News and enjoy lifetime free shipping + exclusive skincare tips.