14K Solid Gold Guide
Source: https://varenel.com/pages/14k-solid-gold-guide
/* ========================================================= VARENEL — 14K SOLID GOLD GUIDE Editorial Buying Guide Desktop / Laptop / Tablet / Mobile ========================================================= */ .varenel-gold-guide { --sg-bg: #F8F7F4; --sg-warm: #EEEAE4; --sg-soft: #E8E6E2; --sg-soft-2: #F2F0EB; --sg-dark: #24231F; --sg-night: #23221F; --sg-text: #4E4B45; --sg-muted: #77736C; --sg-line: #D8D4CD; --sg-light: #F5F3EE; --sg-light-muted: #BBB7AF; position: relative !important; width: 100vw !important; max-width: none !important; left: 50% !important; margin-left: -50vw !important; margin-right: -50vw !important; padding: 0 !important; overflow: visible !important; background: var(--sg-bg); color: var(--sg-dark); font-family: inherit; } .varenel-gold-guide *, .varenel-gold-guide *::before, .varenel-gold-guide *::after { box-sizing: border-box; } .varenel-gold-guide h1, .varenel-gold-guide h2, .varenel-gold-guide h3, .varenel-gold-guide p { margin-top: 0; } .varenel-gold-guide img { display: block; max-width: 100%; } .varenel-gold-guide a { color: inherit; } .varenel-gold-guide, .varenel-gold-guide *, .varenel-gold-guide h1, .varenel-gold-guide h2, .varenel-gold-guide h3, .varenel-gold-guide p, .varenel-gold-guide summary { word-break: normal !important; overflow-wrap: normal !important; hyphens: none !important; } /* ========================================================= SHOPIFY FULL-WIDTH RESET ========================================================= */ #MainContent .page-width--narrow:has(.varenel-gold-guide), #MainContent .page-width:has(.varenel-gold-guide) { width: 100% !important; max-width: none !important; margin: 0 !important; padding-left: 0 !important; padding-right: 0 !important; overflow: visible !important; } #MainContent .rte:has(.varenel-gold-guide) { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } #MainContent .shopify-section:has(.varenel-gold-guide) { width: 100% !important; max-width: none !important; margin: 0 !important; padding-left: 0 !important; padding-right: 0 !important; overflow: visible !important; } /* Hide Shopify default Page title */ body:has(.varenel-gold-guide) #MainContent .main-page-title, body:has(.varenel-gold-guide) #MainContent .page-title.main-page-title { display: none !important; } /* ========================================================= GLOBAL ========================================================= */ .sg-container { width: min(1320px, calc(100% - 120px)); margin-left: auto; margin-right: auto; } .sg-reading { max-width: 700px; } .sg-eyebrow { display: flex; align-items: center; gap: 14px; margin: 0 0 22px; font-size: 12px; line-height: 1.4; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: #625E57; } .sg-eyebrow::before { content: ""; display: block; width: 32px; height: 1px; flex: 0 0 auto; background: #8A857C; } .sg-title { max-width: 780px; margin: 0; font-size: clamp(42px, 4vw, 60px); line-height: 1.03; letter-spacing: -.04em; font-weight: 500; } .sg-body { max-width: 700px; margin: 0; font-size: 16px; line-height: 1.78; color: var(--sg-text); } .sg-body + .sg-body { margin-top: 17px; } .sg-small { max-width: 700px; margin: 0; font-size: 13px; line-height: 1.72; color: var(--sg-muted); } .sg-link { display: inline-flex; margin-top: 24px; padding-bottom: 4px; border-bottom: 1px solid #918D85; font-size: 13px; line-height: 1.4; text-decoration: none !important; transition: opacity .2s ease; } .sg-link:hover { opacity: .6; } /* Anchor offset for sticky navigation */ .sg-anchor { scroll-margin-top: 155px; } /* ========================================================= 01 / HERO ========================================================= */ .sg-hero { padding: 100px 0 102px; background: var(--sg-bg); } .sg-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(420px, 510px); gap: clamp(80px, 8vw, 135px); align-items: center; } .sg-hero-copy { max-width: 720px; } .sg-hero-label { display: flex; align-items: center; gap: 14px; margin: 0 0 27px; font-size: 13px; line-height: 1.4; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: #5F5A52; } .sg-hero-label::before { content: ""; width: 34px; height: 1px; background: #8A857C; } .sg-hero h1 { max-width: 760px; margin: 0; font-size: clamp(58px, 5.5vw, 80px); line-height: .97; letter-spacing: -.055em; font-weight: 500; } .sg-hero-intro { max-width: 650px; margin: 31px 0 0; font-size: 17px; line-height: 1.74; color: var(--sg-text); } .sg-hero-meta { display: flex; flex-wrap: wrap; gap: 10px 27px; margin-top: 30px; padding-top: 21px; border-top: 1px solid var(--sg-line); } .sg-hero-meta span { font-size: 10px; line-height: 1.5; letter-spacing: .1em; text-transform: uppercase; color: var(--sg-muted); } /* Hero visual */ .sg-hero-image { position: relative; min-height: 640px; overflow: hidden; background: var(--sg-soft); } .sg-hero-image img { width: 100%; height: 100%; min-height: 640px; object-fit: cover; } .sg-hero-image-note { position: absolute; left: 22px; right: 22px; bottom: 20px; display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; padding: 15px 16px; background: rgba(248,247,244,.9); } .sg-hero-image-note strong { font-size: 25px; line-height: 1; letter-spacing: -.03em; font-weight: 500; } .sg-hero-image-note span { font-size: 9px; line-height: 1.45; letter-spacing: .12em; text-transform: uppercase; color: var(--sg-muted); text-align: right; } /* ========================================================= 02 / STICKY QUICK NAV ========================================================= */ .sg-nav { position: sticky; top: 78px; z-index: 20; width: 100%; background: rgba(248,247,244,.96); border-top: 1px solid var(--sg-line); border-bottom: 1px solid var(--sg-line); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .sg-nav-scroll { overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -ms-overflow-style: none; } .sg-nav-scroll::-webkit-scrollbar { display: none; } .sg-nav-list { display: flex; align-items: center; min-width: max-content; margin: 0; padding: 0; list-style: none; } .sg-nav-list li { flex: 0 0 auto; border-right: 1px solid var(--sg-line); } .sg-nav-list li:first-child { border-left: 1px solid var(--sg-line); } .sg-nav-list a { display: block; padding: 18px 25px; font-size: 10px; line-height: 1.4; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; color: #625E57; text-decoration: none !important; transition: background .2s ease, color .2s ease; } .sg-nav-list a:hover { background: var(--sg-warm); color: var(--sg-dark); } /* ========================================================= 03 / WHAT IS 14K — 14/24 = 58.5 ========================================================= */ .sg-definition { padding: 145px 0; background: var(--sg-bg); } .sg-definition-grid { display: grid; grid-template-columns: minmax(390px, .44fr) minmax(0, .56fr); gap: 120px; align-items: center; } .sg-fraction-wrap { display: flex; align-items: center; gap: 45px; } .sg-fraction { display: flex; flex-direction: column; align-items: center; width: 145px; font-size: 67px; line-height: .92; letter-spacing: -.055em; font-weight: 400; } .sg-fraction-line { width: 100%; height: 1px; margin: 12px 0 10px; background: #9B978F; } .sg-equals { font-size: 33px; line-height: 1; font-weight: 300; color: var(--sg-muted); } .sg-percent { margin: 0; font-size: clamp(105px, 9.5vw, 154px); line-height: .79; letter-spacing: -.075em; font-weight: 400; } .sg-percent-label { display: block; margin-top: 25px; font-size: 12px; line-height: 1.4; font-weight: 500; letter-spacing: .13em; text-transform: uppercase; color: var(--sg-muted); } .sg-definition-content h2 { max-width: 600px; margin: 0 0 27px; font-size: clamp(42px, 4vw, 58px); line-height: 1.02; letter-spacing: -.04em; font-weight: 500; } /* ========================================================= 04 / IS IT REAL GOLD ========================================================= */ .sg-real { padding: 120px 0; background: var(--sg-warm); } .sg-real-grid { display: grid; grid-template-columns: minmax(360px, .42fr) minmax(0, .58fr); gap: 110px; align-items: center; } .sg-yes { margin: 0; font-size: clamp(96px, 10vw, 148px); line-height: .77; letter-spacing: -.07em; font-weight: 400; } .sg-real-content h2 { max-width: 620px; margin: 0 0 24px; font-size: clamp(38px, 3.6vw, 52px); line-height: 1.04; letter-spacing: -.04em; font-weight: 500; } /* ========================================================= 05 / WHAT SOLID GOLD MEANS ========================================================= */ .sg-solid { padding: 140px 0; background: var(--sg-bg); } .sg-solid-head { display: grid; grid-template-columns: minmax(350px, .39fr) minmax(0, .61fr); gap: 110px; align-items: end; margin-bottom: 70px; } .sg-solid-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(390px, 500px); gap: 90px; align-items: center; } .sg-solid-statement { max-width: 710px; margin: 0 0 31px; font-size: clamp(47px, 4.7vw, 68px); line-height: .99; letter-spacing: -.05em; font-weight: 400; } .sg-solid-list { margin-top: 35px; border-top: 1px solid var(--sg-line); } .sg-solid-row { display: grid; grid-template-columns: 175px minmax(0, 1fr); gap: 30px; padding: 17px 0; border-bottom: 1px solid var(--sg-line); } .sg-solid-row strong { font-size: 11px; line-height: 1.5; letter-spacing: .06em; text-transform: uppercase; font-weight: 600; color: #625E57; } .sg-solid-row span { font-size: 13px; line-height: 1.68; color: var(--sg-text); } .sg-solid-image { position: relative; min-height: 560px; overflow: hidden; background: var(--sg-soft); } .sg-solid-image img { width: 100%; height: 100%; min-height: 560px; object-fit: cover; } .sg-image-caption { position: absolute; left: 18px; bottom: 17px; margin: 0; padding: 8px 10px; background: rgba(248,247,244,.88); font-size: 9px; line-height: 1.4; letter-spacing: .13em; text-transform: uppercase; color: #625E57; } /* ========================================================= 06 / SOLID VS FILLED VS VERMEIL VS PLATED ========================================================= */ .sg-types { padding: 140px 0; background: var(--sg-warm); } .sg-types-head { display: grid; grid-template-columns: minmax(350px, .38fr) minmax(0, .62fr); gap: 105px; align-items: end; margin-bottom: 68px; } .sg-types-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid #C8C4BD; border-bottom: 1px solid #C8C4BD; } .sg-type { min-width: 0; padding: 37px 30px 40px 0; } .sg-type + .sg-type { padding-left: 30px; border-left: 1px solid #C8C4BD; } .sg-type-number { display: block; margin-bottom: 21px; font-size: 10px; line-height: 1.4; letter-spacing: .14em; color: #827E76; } .sg-type h3 { min-height: 51px; margin: 0 0 25px; font-size: 21px; line-height: 1.22; letter-spacing: -.025em; font-weight: 500; } /* Material layer diagram */ .sg-layer { position: relative; height: 85px; margin-bottom: 27px; border: 1px solid #AAA69E; background: #DFDCD6; } .sg-layer-solid::before { content: "14K GOLD ALLOY"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 9px; line-height: 1.4; letter-spacing: .11em; text-transform: uppercase; color: #656159; } .sg-layer-filled { background: linear-gradient( to bottom, #D5D1CA 0%, #D5D1CA 25%, #EEEAE4 25%, #EEEAE4 100% ); } .sg-layer-vermeil { background: linear-gradient( to bottom, #D5D1CA 0%, #D5D1CA 12%, #E6E3DD 12%, #E6E3DD 100% ); } .sg-layer-plated { background: linear-gradient( to bottom, #CFCBC4 0%, #CFCBC4 5%, #E6E3DD 5%, #E6E3DD 100% ); } .sg-layer-labels { display: flex; justify-content: space-between; gap: 10px; margin-top: 7px; font-size: 8px; line-height: 1.4; letter-spacing: .08em; text-transform: uppercase; color: #817D75; } .sg-type p { margin: 0; font-size: 13px; line-height: 1.7; color: var(--sg-text); } /* ========================================================= 07 / KARAT COMPARISON ========================================================= */ .sg-karat { padding: 140px 0; background: var(--sg-bg); } .sg-karat-head { max-width: 780px; margin-bottom: 65px; } .sg-karat-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--sg-line); border-bottom: 1px solid var(--sg-line); } .sg-karat-item { position: relative; min-width: 0; padding: 36px 34px 40px 0; } .sg-karat-item + .sg-karat-item { padding-left: 34px; border-left: 1px solid var(--sg-line); } .sg-karat-item.sg-karat-choice::before { content: "VARENEL'S CHOICE"; position: absolute; top: -10px; left: 34px; padding: 3px 8px; background: var(--sg-dark); font-size: 8px; line-height: 1.4; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--sg-light); } .sg-karat-k { display: block; margin-bottom: 15px; font-size: 41px; line-height: .95; letter-spacing: -.045em; font-weight: 400; } .sg-karat-percent { display: block; margin-bottom: 20px; font-size: 13px; line-height: 1.4; font-weight: 500; letter-spacing: .04em; color: #625E57; } .sg-karat-item p { margin: 0; font-size: 13px; line-height: 1.68; color: var(--sg-text); } .sg-karat-note { max-width: 780px; margin: 31px 0 0; font-size: 13px; line-height: 1.74; color: var(--sg-muted); } /* ========================================================= 08 / WHY VARENEL CHOOSES 14K ========================================================= */ .sg-why { padding: 120px 0 135px; background: var(--sg-bg); } .sg-why-head { max-width: 780px; margin-bottom: 61px; } .sg-why-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--sg-line); border-bottom: 1px solid var(--sg-line); } .sg-why-item { min-width: 0; padding: 32px 29px 35px 0; } .sg-why-item + .sg-why-item { padding-left: 29px; border-left: 1px solid var(--sg-line); } .sg-why-number { display: block; margin-bottom: 17px; font-size: 10px; line-height: 1.4; letter-spacing: .14em; color: var(--sg-muted); } .sg-why-item h3 { margin: 0 0 10px; font-size: 20px; line-height: 1.25; font-weight: 500; } .sg-why-item p { margin: 0; font-size: 13px; line-height: 1.68; color: var(--sg-text); } /* ========================================================= 09 / EVERY METAL COMPONENT + 14K MARK ========================================================= */ .sg-mark { padding: 135px 0; background: var(--sg-soft); } .sg-mark-grid { display: grid; grid-template-columns: minmax(340px, .36fr) minmax(0, .64fr); gap: 105px; align-items: start; } .sg-mark-big { margin: 0; font-size: clamp(104px, 10vw, 150px); line-height: .8; letter-spacing: -.075em; font-weight: 400; } .sg-mark-label { display: block; margin-top: 24px; font-size: 10px; line-height: 1.5; letter-spacing: .13em; text-transform: uppercase; color: var(--sg-muted); } .sg-mark-content h2 { max-width: 650px; margin: 0 0 24px; font-size: clamp(38px, 3.5vw, 51px); line-height: 1.04; letter-spacing: -.04em; font-weight: 500; } .sg-components-strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 37px; border-top: 1px solid #C4C0B9; border-bottom: 1px solid #C4C0B9; } .sg-component { min-width: 0; padding: 20px 17px 21px 0; } .sg-component + .sg-component { padding-left: 17px; border-left: 1px solid #C4C0B9; } .sg-component strong { display: block; margin-bottom: 6px; font-size: 11px; line-height: 1.4; font-weight: 500; } .sg-component span { display: block; font-size: 10px; line-height: 1.5; letter-spacing: .06em; text-transform: uppercase; color: var(--sg-muted); } /* ========================================================= 10 / EVERYDAY WEAR INTRO ========================================================= */ .sg-everyday-intro { padding: 140px 0; background: var(--sg-bg); } .sg-everyday-intro-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(390px, 490px); gap: 105px; align-items: center; } .sg-everyday-statement { max-width: 700px; margin: 0 0 28px; font-size: clamp(50px, 5vw, 71px); line-height: .98; letter-spacing: -.055em; font-weight: 400; } .sg-everyday-image { position: relative; min-height: 610px; overflow: hidden; background: var(--sg-soft); } .sg-everyday-image img { width: 100%; height: 100%; min-height: 610px; object-fit: cover; } /* ========================================================= 11 / EVERYDAY WEAR MATRIX ========================================================= */ .sg-wear { padding: 0 0 135px; background: var(--sg-bg); } .sg-wear-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--sg-line); border-bottom: 1px solid var(--sg-line); } .sg-wear-item { min-width: 0; padding: 34px 30px 38px 0; } .sg-wear-item + .sg-wear-item { padding-left: 30px; border-left: 1px solid var(--sg-line); } .sg-wear-number { display: block; margin-bottom: 18px; font-size: 10px; line-height: 1.4; letter-spacing: .14em; color: var(--sg-muted); } .sg-wear-item h3 { margin: 0 0 14px; font-size: 25px; line-height: 1.1; letter-spacing: -.03em; font-weight: 500; } .sg-wear-item p { margin: 0; font-size: 13px; line-height: 1.7; color: var(--sg-text); } .sg-wear-note { margin-top: 20px; padding-top: 15px; border-top: 1px solid var(--sg-line); font-size: 10px; line-height: 1.55; letter-spacing: .04em; color: var(--sg-muted); } /* ========================================================= 12 / TARNISH / FADE / SCRATCH ========================================================= */ .sg-truth { padding: 135px 0; background: var(--sg-soft); } .sg-truth-head { display: grid; grid-template-columns: minmax(350px, .41fr) minmax(0, .59fr); gap: 105px; align-items: end; margin-bottom: 69px; } .sg-truth-statement { max-width: 600px; margin: 0; font-size: clamp(48px, 4.7vw, 67px); line-height: .99; letter-spacing: -.05em; font-weight: 400; } .sg-truth-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid #C4C0B9; border-bottom: 1px solid #C4C0B9; } .sg-truth-item { min-width: 0; padding: 38px 42px 41px 0; } .sg-truth-item + .sg-truth-item { padding-left: 42px; border-left: 1px solid #C4C0B9; } .sg-truth-question { display: block; margin-bottom: 21px; font-size: 11px; line-height: 1.4; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; color: #6B675F; } .sg-truth-answer { display: block; margin-bottom: 20px; font-size: 35px; line-height: 1; letter-spacing: -.04em; font-weight: 400; } .sg-truth-item p { margin: 0; font-size: 13px; line-height: 1.7; color: var(--sg-text); } /* ========================================================= 13 / POLISHED GOLD STATEMENT ========================================================= */ .sg-real-wear { padding: 125px 0; background: var(--sg-bg); } .sg-real-wear-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, .43fr); gap: 115px; align-items: center; } .sg-real-wear h2 { max-width: 750px; margin: 0; font-size: clamp(52px, 5.3vw, 75px); line-height: .97; letter-spacing: -.055em; font-weight: 400; } /* ========================================================= 14 / SENSITIVE EARS + HEALING ========================================================= */ .sg-fit { padding: 120px 0; background: var(--sg-bg); border-top: 1px solid var(--sg-line); } .sg-fit-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--sg-line); border-bottom: 1px solid var(--sg-line); } .sg-fit-column { min-width: 0; padding: 39px 58px 43px 0; } .sg-fit-column + .sg-fit-column { padding-left: 58px; border-left: 1px solid var(--sg-line); } .sg-fit-column h2 { max-width: 520px; margin: 0 0 21px; font-size: clamp(31px, 3vw, 42px); line-height: 1.05; letter-spacing: -.035em; font-weight: 500; } .sg-fit-column p { max-width: 540px; margin: 0; font-size: 14px; line-height: 1.76; color: var(--sg-text); } .sg-fit-column p + p { margin-top: 14px; } .sg-fit-points { display: flex; flex-wrap: wrap; gap: 8px 19px; margin-top: 25px; padding-top: 18px; border-top: 1px solid var(--sg-line); } .sg-fit-points span { font-size: 10px; line-height: 1.5; letter-spacing: .07em; text-transform: uppercase; color: var(--sg-muted); } /* ========================================================= 15 / VALUE ========================================================= */ .sg-value { padding: 135px 0; background: var(--sg-warm); } .sg-value-head { max-width: 780px; margin-bottom: 66px; } .sg-value-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid #C8C4BD; border-bottom: 1px solid #C8C4BD; } .sg-value-column { min-width: 0; padding: 41px 60px 44px 0; } .sg-value-column + .sg-value-column { padding-left: 60px; border-left: 1px solid #C8C4BD; } .sg-value-kicker { display: block; margin-bottom: 18px; font-size: 10px; line-height: 1.4; letter-spacing: .13em; text-transform: uppercase; color: #817D75; } .sg-value-column h3 { margin: 0 0 17px; font-size: 32px; line-height: 1.06; letter-spacing: -.035em; font-weight: 500; } .sg-value-column p { max-width: 520px; margin: 0; font-size: 14px; line-height: 1.75; color: var(--sg-text); } .sg-investment { max-width: 850px; margin-top: 47px; padding-top: 27px; border-top: 1px solid #C8C4BD; } .sg-investment strong { display: block; margin-bottom: 10px; font-size: 13px; line-height: 1.5; font-weight: 500; } .sg-investment p { margin: 0; font-size: 13px; line-height: 1.74; color: var(--sg-text); } /* ========================================================= 16 / CARE + WARRANTY ========================================================= */ .sg-care { padding: 130px 0; background: var(--sg-bg); } .sg-care-head { max-width: 760px; margin-bottom: 63px; } .sg-care-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--sg-line); border-bottom: 1px solid var(--sg-line); } .sg-care-column { min-width: 0; padding: 39px 58px 43px 0; } .sg-care-column + .sg-care-column { padding-left: 58px; border-left: 1px solid var(--sg-line); } .sg-care-column h3 { margin: 0 0 19px; font-size: 28px; line-height: 1.08; letter-spacing: -.03em; font-weight: 500; } .sg-care-column p { max-width: 530px; margin: 0; font-size: 14px; line-height: 1.75; color: var(--sg-text); } .sg-care-list { margin-top: 25px; border-top: 1px solid var(--sg-line); } .sg-care-list div { padding: 12px 0; border-bottom: 1px solid var(--sg-line); font-size: 11px; line-height: 1.55; letter-spacing: .04em; color: #625E57; } /* ========================================================= 17 / FAQ ========================================================= */ .sg-faq { padding: 140px 0; background: var(--sg-soft-2); } .sg-faq-grid { display: grid; grid-template-columns: minmax(310px, .32fr) minmax(0, .68fr); gap: 110px; align-items: start; } .sg-faq-title { position: sticky; top: 155px; } .sg-faq-title h2 { max-width: 420px; margin: 0; font-size: clamp(42px, 4vw, 58px); line-height: 1.02; letter-spacing: -.04em; font-weight: 500; } .sg-faq-title p { max-width: 360px; margin: 24px 0 0; font-size: 13px; line-height: 1.72; color: var(--sg-muted); } .sg-accordion { width: 100%; border-top: 1px solid #CBC7C0; } .sg-faq-item { margin: 0; border-bottom: 1px solid #CBC7C0; } .sg-faq-item summary { position: relative; display: flex; align-items: center; min-height: 83px; padding: 23px 62px 23px 0; cursor: pointer; list-style: none; font-size: 18px; line-height: 1.45; font-weight: 500; color: var(--sg-dark); } .sg-faq-item summary::-webkit-details-marker { display: none; } .sg-faq-item summary::after { content: "+"; position: absolute; top: 50%; right: 4px; transform: translateY(-50%); font-size: 25px; line-height: 1; font-weight: 300; color: #706C65; } .sg-faq-item[open] summary::after { content: "−"; } .sg-faq-answer { max-width: 780px; padding: 0 60px 31px 0; font-size: 14px; line-height: 1.8; color: var(--sg-text); } .sg-faq-answer p { margin: 0; } .sg-faq-answer p + p { margin-top: 14px; } /* ========================================================= 18 / WHY WE CHOOSE IT ========================================================= */ .sg-choice { padding: 135px 0; background: var(--sg-bg); } .sg-choice-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(370px, .43fr); gap: 115px; align-items: start; } .sg-choice h2 { max-width: 760px; margin: 0; font-size: clamp(50px, 5vw, 72px); line-height: .98; letter-spacing: -.055em; font-weight: 400; } .sg-choice-list { margin-top: 32px; border-top: 1px solid var(--sg-line); } .sg-choice-list div { display: flex; justify-content: space-between; gap: 25px; padding: 14px 0; border-bottom: 1px solid var(--sg-line); font-size: 11px; line-height: 1.5; letter-spacing: .05em; color: #625E57; } /* ========================================================= 19 / EXPLORE ========================================================= */ .sg-explore { padding: 115px 0; background: var(--sg-warm); } .sg-explore-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(390px, .42fr); gap: 105px; align-items: end; } .sg-explore h2 { max-width: 690px; margin: 0; font-size: clamp(45px, 4.3vw, 62px); line-height: 1; letter-spacing: -.045em; font-weight: 500; } .sg-explore-copy { max-width: 520px; margin: 23px 0 0; font-size: 14px; line-height: 1.74; color: var(--sg-text); } .sg-explore-links { border-top: 1px solid #C8C4BD; } .sg-explore-link { display: flex; align-items: center; justify-content: space-between; gap: 25px; padding: 17px 0; border-bottom: 1px solid #C8C4BD; font-size: 13px; line-height: 1.5; text-decoration: none !important; transition: opacity .2s ease; } .sg-explore-link:hover { opacity: .6; } .sg-explore-link span:last-child { color: var(--sg-muted); } /* ========================================================= 20 / FINAL ========================================================= */ .sg-final { padding: 135px 0 145px; background: var(--sg-night); color: var(--sg-light); } .sg-final-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(350px, 430px); gap: 115px; align-items: end; } .sg-final .sg-eyebrow { grid-column: 1 / -1; color: #A9A59D; } .sg-final .sg-eyebrow::before { background: #77736C; } .sg-final h2 { max-width: 800px; margin: 0; font-size: clamp(52px, 5vw, 74px); line-height: .98; letter-spacing: -.05em; font-weight: 400; color: var(--sg-light); } .sg-final p { margin: 0; font-size: 15px; line-height: 1.77; color: var(--sg-light-muted); } /* ========================================================= LARGE DESKTOP >= 1440 ========================================================= */ @media screen and (min-width: 1440px) { .varenel-gold-guide .sg-container { width: min(1320px, calc(100% - 120px)) !important; max-width: 1320px !important; margin-left: auto !important; margin-right: auto !important; } } /* ========================================================= DESKTOP / LAPTOP 1100 - 1439 ========================================================= */ @media screen and (min-width: 1100px) and (max-width: 1439px) { .varenel-gold-guide .sg-container { width: min(1180px, calc(100% - 80px)) !important; max-width: 1180px !important; margin-left: auto !important; margin-right: auto !important; } .sg-hero-grid { grid-template-columns: minmax(0, 1fr) minmax(370px, 450px); gap: 75px; } .sg-definition-grid, .sg-real-grid, .sg-solid-head, .sg-solid-layout, .sg-types-head, .sg-mark-grid, .sg-everyday-intro-grid, .sg-truth-head, .sg-real-wear-grid, .sg-faq-grid, .sg-choice-grid, .sg-explore-grid, .sg-final-grid { gap: 75px; } } /* ========================================================= SMALL LAPTOP 901 - 1099 ========================================================= */ @media screen and (min-width: 901px) and (max-width: 1099px) { .varenel-gold-guide .sg-container { width: calc(100% - 56px) !important; margin-left: auto !important; margin-right: auto !important; } .sg-nav { top: 72px; } .sg-anchor { scroll-margin-top: 145px; } .sg-hero-grid { grid-template-columns: minmax(0, 1fr) minmax(320px, 38%); gap: 55px; } .sg-hero-image, .sg-hero-image img { min-height: 560px; } .sg-definition-grid { grid-template-columns: minmax(320px, .40fr) minmax(0, .60fr); gap: 60px; } .sg-fraction-wrap { gap: 27px; } .sg-fraction { width: 115px; font-size: 56px; } .sg-real-grid, .sg-solid-head, .sg-types-head, .sg-truth-head { gap: 55px; } .sg-solid-layout { grid-template-columns: minmax(0, 1fr) 350px; gap: 55px; } .sg-types-grid, .sg-karat-grid, .sg-why-grid, .sg-wear-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sg-type:nth-child(3), .sg-karat-item:nth-child(3), .sg-why-item:nth-child(3), .sg-wear-item:nth-child(3) { padding-left: 0; border-left: 0; border-top: 1px solid var(--sg-line); } .sg-type:nth-child(4), .sg-karat-item:nth-child(4), .sg-why-item:nth-child(4), .sg-wear-item:nth-child(4) { border-top: 1px solid var(--sg-line); } .sg-type:nth-child(3), .sg-type:nth-child(4) { border-top-color: #C8C4BD; } .sg-mark-grid, .sg-everyday-intro-grid, .sg-real-wear-grid, .sg-choice-grid, .sg-explore-grid { gap: 55px; } .sg-everyday-intro-grid { grid-template-columns: minmax(0, 1fr) 350px; } .sg-everyday-image, .sg-everyday-image img { min-height: 540px; } .sg-faq-grid { grid-template-columns: minmax(270px, .31fr) minmax(0, .69fr); gap: 55px; } .sg-final-grid { grid-template-columns: minmax(0, 1fr) 330px; gap: 55px; } } /* ========================================================= TABLET 769 - 900 ========================================================= */ @media screen and (min-width: 769px) and (max-width: 900px) { .varenel-gold-guide .sg-container { width: calc(100% - 48px) !important; margin-left: auto !important; margin-right: auto !important; } .sg-nav { top: 68px; } .sg-anchor { scroll-margin-top: 140px; } .sg-hero { padding: 80px 0 85px; } .sg-hero-grid { grid-template-columns: 1fr; gap: 53px; } .sg-hero-image, .sg-hero-image img { min-height: 630px; } .sg-definition, .sg-real, .sg-solid, .sg-types, .sg-karat, .sg-why, .sg-mark, .sg-everyday-intro, .sg-truth, .sg-real-wear, .sg-fit, .sg-value, .sg-care, .sg-faq, .sg-choice, .sg-explore { padding-top: 100px; padding-bottom: 100px; } .sg-definition-grid, .sg-real-grid, .sg-solid-head, .sg-solid-layout, .sg-types-head, .sg-mark-grid, .sg-everyday-intro-grid, .sg-truth-head, .sg-real-wear-grid, .sg-choice-grid, .sg-explore-grid { grid-template-columns: 1fr; gap: 44px; } .sg-fraction-wrap { justify-content: flex-start; } .sg-solid-head, .sg-types-head, .sg-truth-head { margin-bottom: 53px; } .sg-solid-image, .sg-solid-image img { min-height: 520px; } .sg-types-grid, .sg-karat-grid, .sg-why-grid, .sg-wear-grid, .sg-components-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sg-type:nth-child(3), .sg-karat-item:nth-child(3), .sg-why-item:nth-child(3), .sg-wear-item:nth-child(3), .sg-component:nth-child(3) { padding-left: 0; border-left: 0; border-top: 1px solid var(--sg-line); } .sg-type:nth-child(4), .sg-karat-item:nth-child(4), .sg-why-item:nth-child(4), .sg-wear-item:nth-child(4), .sg-component:nth-child(4) { border-top: 1px solid var(--sg-line); } .sg-type:nth-child(3), .sg-type:nth-child(4) { border-top-color: #C8C4BD; } .sg-component:nth-child(3), .sg-component:nth-child(4) { border-top-color: #C4C0B9; } .sg-everyday-image, .sg-everyday-image img { min-height: 620px; } .sg-wear { padding-bottom: 100px; } .sg-truth-grid { grid-template-columns: 1fr; } .sg-truth-item { padding: 30px 0; } .sg-truth-item + .sg-truth-item { padding-left: 0; border-left: 0; border-top: 1px solid #C4C0B9; } .sg-faq-grid { grid-template-columns: 1fr; gap: 48px; } .sg-faq-title { position: static; } .sg-final-grid { grid-template-columns: 1fr; gap: 34px; } .sg-final .sg-eyebrow { grid-column: auto; } } /* ========================================================= MOBILE 14K Solid Gold Guide Real gold, made for real life. Terms like 14K, solid gold, gold filled, vermeil, and gold plated can make something simple feel unnecessarily complicated. This guide explains what solid 14K gold actually means, how it compares with other types of gold jewelry, and what to expect when you wear it every day. 58.5% Pure Gold Solid 14K Gold Everyday Wear Guide 14K 58.5% Pure Gold Solid Gold Alloy What Is 14K? Solid Gold Gold Types Karats Everyday Wear Tarnish & Scratches Care FAQ What Is 14K Gold? 14 24 = 58.5% Pure Gold Pure gold, balanced for jewelry. Pure gold is measured as 24 karat. 14K gold contains approximately 58.5% pure gold, with the remaining portion made up of alloying metals that give the material greater strength and practical wearability. That makes 14K real gold — not an imitation and not simply a gold-colored surface finish. YES. Is 14K Real Gold? 14K gold is real gold. Fourteen of twenty-four parts of the alloy are gold, equal to approximately 58.5% pure gold. The remaining alloying metals help make the material more suitable for jewelry that needs to maintain shape, hold settings, and support small functional components. What “Solid Gold” Means Material and construction are not the same thing. “Solid 14K gold” describes what the metal itself is made from. It does not mean every jewelry component must contain no functional openings, channels, or internal spaces. Solid describes the metal — not whether the shape has an opening inside. An internally threaded post requires an opening inside the post so the threaded decorative end can connect. That functional construction does not change the material forming the post. Solid Gold The metal itself is made from a 14K gold alloy. Functional Opening A structural space can exist where required by the jewelry design. Internally Threaded The opening inside the post receives the threaded decorative end. Still 14K The metal forming the post remains solid 14K gold. Functional Opening · Solid 14K Gold Post Gold Isn't Always the Same Construction What sits beneath the word “gold” matters. Solid gold, gold filled, vermeil, and gold plated can all contain real gold, but they use it in fundamentally different ways. 01 Solid 14K Gold The metal component itself is a 14K gold alloy. There is no gold-colored plating layer designed to reveal a different base metal underneath as it wears. 02 Gold Filled Gold Layer Base Metal A substantial gold layer is mechanically bonded to a base metal. It contains more gold than typical plating, but the jewelry is not gold throughout. 03 Gold Vermeil Gold Sterling Silver Gold is plated over sterling silver. The underlying metal is silver rather than a solid gold alloy. 04 Gold Plated Thin Gold Layer Base Metal A relatively thin layer of gold sits over another base metal. As that surface layer wears, the material beneath may become visible. Gold Content More karats mean more pure gold — not automatically “better.” 10K 41.7% Pure Gold Lower gold content and a higher proportion of alloying metals. Generally harder than higher-karat gold. 14K 58.5% Pure Gold A balance of meaningful gold content, structural strength, precision, and practical everyday wearability. 18K 75% Pure Gold Higher gold content with a richer proportion of pure gold, but generally softer than 14K. 24K ~99.9% Pure Gold Very high purity and naturally soft, making it less practical for many small and precise everyday jewelry components. There is no single karat that is universally best. For Varenel's small posts, internally threaded connections, flat backs, settings, and everyday designs, we choose 14K for the balance required by the jewelry we make. Why Varenel Uses 14K Everyday jewelry asks more from its material. 01 Real Gold Content The metal itself contains approximately 58.5% pure gold. 02 Strength Its alloy composition gives small jewelry components useful structural strength for regular wear. 03 Precision Posts, threads, flat backs, and settings depend on accurate, functional construction. 04 Everyday Wearability It gives us the balance we want for jewelry designed to be worn regularly rather than saved for occasional use. The 14K Mark 14K Gold Fineness Designation What does a 14K mark mean? Varenel pieces carry a 14K mark indicating the represented gold fineness of the jewelry. A 14K designation corresponds to approximately 58.5% pure gold. You may also see the number 585 used elsewhere in the jewelry industry to represent approximately the same fineness. Decorative Top Solid 14K Gold Post Solid 14K Gold Flat Back Solid 14K Gold Threaded Components Solid 14K Gold Explore Materials & Craftsmanship → Is 14K Good for Everyday Wear? That's exactly why we use it. 14K gold combines real gold content with greater practical strength than very high-purity gold, making it well suited to jewelry intended for regular use. That does not mean it is indestructible. Real gold can scratch, bend under sufficient force, collect residue, and develop normal signs of wear. Designed Around Everyday Wear 01 / Shower Get it wet. For fully healed piercings, ordinary showering is generally compatible with solid 14K gold. Soap, shampoo, skincare, and mineral deposits can leave residue, so occasional gentle cleaning is still useful. New or healing piercing: follow your professional piercer's aftercare guidance. 02 / Sleep Leave it in. Many people choose to leave flat-back jewelry in while sleeping once their piercings are fully healed. Comfort still depends on anatomy, placement, post length, sleeping position, and preference. Avoid unnecessary pressure on healing piercings. 03 / Workout Move in it. Solid 14K gold can be worn during many everyday workouts. Sweat and body products can leave residue, while equipment, snagging, or impact may physically damage jewelry. Rinse or gently clean after heavy sweating when useful. 04 / Swim Rinse after. For occasional swimming with fully healed piercings, rinse jewelry with fresh water after chlorine or salt-water exposure and dry it properly. New or healing piercings should generally avoid swimming and prolonged submersion. What Real Gold Does — and Doesn't — Do Real jewelry still interacts with real life. Solid gold avoids the specific problem of a gold-colored plating layer wearing away, but it does not mean the surface remains visually untouched forever. Tarnish? It can change. 14K gold can develop residue, dullness, and subtle surface or color changes through environmental exposure, skin oils, skincare, soap, and cosmetics. Fade? Not like plating. Solid 14K yellow gold does not rely on a yellow-gold plated layer, so there is no thin gold-colored coating designed to wear away and expose a differently colored base metal. Scratch? Yes. Real gold can scratch. Fine marks and normal surface changes naturally develop as jewelry comes into contact with skin, clothing, bedding, and everyday objects. Solid gold doesn't stay untouched. It stays real. Varenel jewelry has a polished finish. When new, that surface appears smooth and reflective. As you live in the jewelry, microscopic contact with your surroundings creates subtle changes to that finish. For jewelry designed to stay on rather than remain untouched in a box, those signs of life are normal. Sensitive Ears Our current 14K yellow gold is nickel-free. Nickel-free material may be an important consideration for people who avoid nickel, but no jewelry material can be guaranteed to produce the same response for every wearer. This is why Varenel does not make a universal “hypoallergenic” promise. New & Healing Piercings Material is only one part of suitability. A specific piece also needs to be appropriate for your anatomy, placement, gauge, post length, swelling allowance, healing stage, and fit. For new or healing piercings, have a qualified professional piercer confirm whether a particular piece is suitable for your individual circumstances. Anatomy Placement Gauge Post Length Healing Stage Fit Why Solid 14K Costs More More of what you're paying for is the material itself. Gold-Plated Jewelry Gold mainly at the surface. The visible gold exists primarily as a surface layer applied over another material. The base metal underneath makes up most of the physical jewelry component. Solid 14K Gold The metal itself is the gold alloy. A larger part of what you are paying for is the precious-metal material itself rather than a temporary surface finish. Jewelry, not an investment. Varenel chooses 14K gold as a jewelry material, not as a financial product. Jewelry pricing also reflects design, construction, finishing, stone setting, quality control, and other costs beyond the raw gold value. Living With 14K Gold Made for wear. Still worth caring for. How to Care for 14K Gold Thoughtful handling and gentle cleaning help protect both appearance and function. Avoid unnecessary impact, pulling, crushing, or harsh handling. Rinse after chlorine or salt-water exposure. Gently remove buildup from skincare, cosmetics, soap, or body oils. Keep threaded components aligned and avoid cross-threading. Store carefully when the jewelry is not being worn. View Jewelry Care → Normal Wear vs. Manufacturing Defect Fine scratches, surface marks, gradual cosmetic changes, and normal signs of everyday use are different from a manufacturing issue. Normal wear: scratches, surface marks, dullness, gradual cosmetic change. Potential defect: unexpected structural failure. Potential defect: eligible threading or component failure. Potential defect: eligible soldering or stone-setting issue. View 2-Year Warranty → 14K Gold Questions Answered without the jargon. The questions people usually ask before deciding whether solid 14K gold makes sense for everyday jewelry. Is 14K gold real gold? Yes. 14K gold contains approximately 58.5% pure gold and is considered real gold. What percentage of 14K gold is pure gold? Approximately 58.5% of a 14K gold alloy is pure gold. Is 14K better than 18K? Neither is universally better. 18K contains more pure gold, while 14K generally offers greater hardness and practical structural strength. Varenel chooses 14K because the balance suits our small posts, internally threaded connections, flat backs, settings, and everyday designs. Is solid 14K gold better than gold plated? They are fundamentally different constructions. Solid 14K gold is a gold alloy throughout the metal component, while gold-plated jewelry uses a gold layer over another base material. Which is right for you depends on your priorities, but solid gold does not rely on maintaining a thin gold-colored surface layer in order to remain gold. Does 14K gold tarnish? We avoid promising that 14K gold can never tarnish or change appearance. Because 14K is an alloy, its surface can develop residue, dullness, or subtle changes through everyday exposure. Sometimes what appears to be tarnish is simply buildup from skin oils, soap, cosmetics, skincare, or the environment. Does solid 14K gold fade? Solid 14K yellow gold does not depend on a yellow-gold plating layer, so there is no thin gold-colored coating designed to wear away and reveal a differently colored base metal. The surface can still scratch, dull, collect residue, or change subtly with wear. Does 14K gold scratch? Yes. Real gold can scratch. 14K is harder than higher-purity gold such as 18K or 24K, but it is not scratch-proof. Fine scratches and normal surface marks are expected with everyday wear. Can I shower with 14K gold earrings? For fully healed piercings, ordinary showering is generally compatible with solid 14K gold. Soap, shampoo, skincare, conditioner, and mineral deposits can still leave residue. For a new or healing piercing, follow the aftercare guidance provided by your professional piercer. Can I sleep in solid 14K gold earrings? Many people choose to leave flat-back earrings in while sleeping once their piercings are fully healed. Comfort depends on anatomy, placement, post length, sleeping position, and individual preference. Avoid unnecessary pressure on healing piercings. Can I swim in 14K gold? For occasional swimming with fully healed piercings, we recommend rinsing the jewelry with clean fresh water after chlorine or salt-water exposure. New or healing piercings should generally avoid swimming and prolonged submersion in accordance with professional aftercare guidance. Is Varenel's 14K yellow gold nickel-free? Yes. Varenel's current solid 14K yellow gold is nickel-free. We do not make a universal hypoallergenic claim because individual sensitivities vary. What does a 14K stamp mean? A 14K mark indicates a represented gold fineness of approximately 58.5% pure gold. You may also see 585 used elsewhere in the jewelry industry to describe approximately the same gold fineness. Does “solid gold” mean there can be no hollow areas? No. “Solid gold” describes the material itself rather than requiring every jewelry component to be physically solid with no functional openings. For example, an internally threaded post requires an opening inside the post to receive the threaded decorative end. The metal forming that post can still be solid 14K gold. Why We Choose It There are purer forms of gold. There are cheaper ways to look gold. We choose solid 14K gold because it fits the kind of jewelry we want to make: precise, functional, polished, and designed around everyday wear. Posts Structure Internal Threads Precision Flat Backs Everyday Design Stone Settings Stability Solid Gold No Gold-Plated Base Metal Explore Solid 14K Gold Know what you're buying. Then choose what feels like yours. Varenel earrings are made with solid 14K gold metal components from the decorative top to the post, threading, and flat back. Explore Solid 14K Gold Earrings → Materials & Craftsmanship → Jewelry Care → 2-Year Warranty → Solid 14K Gold Real gold, made for real life. Not because everyday jewelry should remain visually untouched, but because the pieces you wear most deserve materials chosen for the way you actually live in them.