Materials & Craftsmanship
Source: https://varenel.com/pages/materials-craftsmanship
/* ========================================================= VARENEL — MATERIALS & CRAFTSMANSHIP Desktop First / Laptop / Tablet / Mobile ========================================================= */ .varenel-materials { --mc-bg: #F8F7F4; --mc-warm: #EEEAE4; --mc-soft: #E8E6E2; --mc-soft-2: #F2F0EB; --mc-dark: #24231F; --mc-night: #23221F; --mc-text: #4E4B45; --mc-muted: #77736C; --mc-line: #D8D4CD; --mc-light: #F5F3EE; --mc-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-x: clip; background: var(--mc-bg); color: var(--mc-dark); font-family: inherit; } .varenel-materials *, .varenel-materials *::before, .varenel-materials *::after { box-sizing: border-box; } .varenel-materials h1, .varenel-materials h2, .varenel-materials h3, .varenel-materials p { margin-top: 0; } .varenel-materials img { display: block; max-width: 100%; } .varenel-materials a { color: inherit; } .varenel-materials, .varenel-materials *, .varenel-materials h1, .varenel-materials h2, .varenel-materials h3, .varenel-materials p { word-break: normal !important; overflow-wrap: normal !important; hyphens: none !important; } /* ========================================================= SHOPIFY FULL WIDTH RESET ========================================================= */ #MainContent .page-width--narrow:has(.varenel-materials), #MainContent .page-width:has(.varenel-materials) { width: 100% !important; max-width: none !important; margin: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } #MainContent .rte:has(.varenel-materials) { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } #MainContent .shopify-section:has(.varenel-materials) { width: 100% !important; max-width: none !important; margin: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } /* Hide Shopify default page title */ body:has(.varenel-materials) #MainContent .main-page-title, body:has(.varenel-materials) #MainContent .page-title.main-page-title { display: none !important; } /* ========================================================= GLOBAL ========================================================= */ .mc-container { width: min(1320px, calc(100% - 120px)); margin-left: auto; margin-right: auto; } .mc-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; } .mc-eyebrow::before { content: ""; display: block; width: 32px; height: 1px; flex: 0 0 auto; background: #8A857C; } .mc-section-title { max-width: 760px; margin: 0; font-size: clamp(42px, 4vw, 60px); line-height: 1.03; letter-spacing: -.04em; font-weight: 500; } .mc-body { max-width: 690px; margin: 0; font-size: 16px; line-height: 1.78; color: var(--mc-text); } .mc-body + .mc-body { margin-top: 17px; } .mc-text-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; } .mc-text-link:hover { opacity: .6; } /* ========================================================= 01 / HERO ========================================================= */ .mc-hero { padding: 96px 0 105px; background: var(--mc-bg); } .mc-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(420px, 520px); gap: clamp(80px, 8vw, 135px); align-items: center; } .mc-hero-copy { max-width: 690px; } .mc-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; } .mc-hero-label::before { content: ""; width: 34px; height: 1px; background: #8A857C; } .mc-hero h1 { max-width: 760px; margin: 0; font-size: clamp(58px, 5.4vw, 78px); line-height: .98; letter-spacing: -.05em; font-weight: 500; } .mc-hero-intro { max-width: 650px; margin: 30px 0 0; font-size: 17px; line-height: 1.72; color: var(--mc-text); } .mc-hero-note { max-width: 620px; margin: 26px 0 0; padding-top: 22px; border-top: 1px solid var(--mc-line); font-size: 13px; line-height: 1.7; color: var(--mc-muted); } .mc-hero-image { position: relative; min-height: 650px; overflow: hidden; background: var(--mc-soft); } .mc-hero-image img { width: 100%; height: 100%; min-height: 650px; object-fit: cover; } .mc-image-caption { position: absolute; left: 20px; bottom: 18px; margin: 0; padding: 8px 10px; background: rgba(248,247,244,.86); font-size: 9px; line-height: 1.4; letter-spacing: .14em; text-transform: uppercase; color: #625E57; } /* ========================================================= 02 / 58.5% SOLID GOLD ========================================================= */ .mc-gold { padding: 140px 0; background: var(--mc-bg); border-top: 1px solid var(--mc-line); } .mc-gold-grid { display: grid; grid-template-columns: minmax(390px, .43fr) minmax(0, .57fr); gap: 120px; align-items: center; } .mc-gold-number { margin: 0; font-size: clamp(118px, 11vw, 166px); line-height: .8; letter-spacing: -.075em; font-weight: 400; } .mc-gold-label { display: block; margin-top: 27px; font-size: 14px; line-height: 1.4; font-weight: 500; letter-spacing: .13em; text-transform: uppercase; color: var(--mc-muted); } .mc-gold-content h2 { max-width: 630px; margin: 0 0 27px; font-size: clamp(42px, 4vw, 58px); line-height: 1.02; letter-spacing: -.04em; font-weight: 500; } .mc-not-plated { display: inline-block; margin-top: 31px; padding-top: 19px; border-top: 1px solid var(--mc-line); font-size: 11px; line-height: 1.5; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: #5E5A53; } /* ========================================================= 03 / WHY 14K ========================================================= */ .mc-why { padding: 105px 0 125px; background: var(--mc-bg); } .mc-why-head { max-width: 750px; margin-bottom: 60px; } .mc-why-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--mc-line); border-bottom: 1px solid var(--mc-line); } .mc-why-item { min-width: 0; padding: 34px 31px 36px 0; } .mc-why-item + .mc-why-item { padding-left: 31px; border-left: 1px solid var(--mc-line); } .mc-why-number { display: block; margin-bottom: 19px; font-size: 10px; line-height: 1.4; letter-spacing: .14em; color: var(--mc-muted); } .mc-why-item h3 { margin: 0 0 10px; font-size: 20px; line-height: 1.25; letter-spacing: -.02em; font-weight: 500; } .mc-why-item p { margin: 0; font-size: 13px; line-height: 1.68; color: var(--mc-text); } /* ========================================================= 04 / EVERY METAL COMPONENT ========================================================= */ .mc-components { padding: 135px 0; background: var(--mc-warm); } .mc-components-grid { display: grid; grid-template-columns: minmax(380px, .48fr) minmax(0, .52fr); gap: 100px; align-items: center; } .mc-components-image { position: relative; min-height: 670px; overflow: hidden; background: var(--mc-soft); } .mc-components-image img { width: 100%; height: 100%; min-height: 670px; object-fit: cover; } .mc-components-content { min-width: 0; } .mc-components-content .mc-section-title { max-width: 560px; } .mc-components-intro { max-width: 590px; margin: 26px 0 42px; font-size: 15px; line-height: 1.75; color: var(--mc-text); } .mc-component-list { border-top: 1px solid #C9C5BE; } .mc-component-item { display: grid; grid-template-columns: 165px minmax(0, 1fr); gap: 28px; padding: 21px 0; border-bottom: 1px solid #C9C5BE; } .mc-component-item strong { font-size: 12px; line-height: 1.5; font-weight: 500; color: var(--mc-dark); } .mc-component-item span { font-size: 13px; line-height: 1.64; color: var(--mc-text); } /* ========================================================= 05 / YELLOW GOLD ========================================================= */ .mc-yellow { padding: 115px 0; background: var(--mc-bg); } .mc-yellow-grid { display: grid; grid-template-columns: minmax(350px, .38fr) minmax(0, .62fr); gap: 110px; align-items: start; } .mc-yellow-statement { max-width: 510px; margin: 0; font-size: clamp(43px, 4vw, 59px); line-height: 1.01; letter-spacing: -.045em; font-weight: 400; } .mc-yellow-facts { margin-top: 36px; border-top: 1px solid var(--mc-line); } .mc-yellow-fact { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 28px; padding: 18px 0; border-bottom: 1px solid var(--mc-line); } .mc-yellow-fact strong { font-size: 11px; line-height: 1.5; letter-spacing: .06em; text-transform: uppercase; font-weight: 600; color: #656159; } .mc-yellow-fact span { font-size: 13px; line-height: 1.65; color: var(--mc-text); } /* ========================================================= 06 / FLAT BACK ========================================================= */ .mc-flat { padding: 135px 0; background: var(--mc-warm); } .mc-flat-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(380px, .46fr); gap: 110px; align-items: center; } .mc-flat-statement { max-width: 650px; margin: 0; font-size: clamp(51px, 5vw, 72px); line-height: .98; letter-spacing: -.055em; font-weight: 400; } .mc-flat-content { padding-top: 8px; } .mc-flat-rule { margin-top: 34px; border-top: 1px solid #C8C4BD; } .mc-flat-item { padding: 17px 0; border-bottom: 1px solid #C8C4BD; font-size: 13px; line-height: 1.68; color: var(--mc-text); } /* ========================================================= 07 / INTERNALLY THREADED ========================================================= */ .mc-thread { padding: 140px 0; background: var(--mc-bg); } .mc-thread-grid { display: grid; grid-template-columns: minmax(340px, .40fr) minmax(0, .60fr); gap: 100px; align-items: center; } .mc-thread-content { max-width: 540px; } .mc-thread-image { position: relative; min-height: 560px; overflow: hidden; background: var(--mc-soft); } .mc-thread-image img { width: 100%; height: 100%; min-height: 560px; object-fit: cover; } .mc-thread-benefits { margin-top: 34px; border-top: 1px solid var(--mc-line); } .mc-thread-benefit { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; padding: 15px 0; border-bottom: 1px solid var(--mc-line); font-size: 12px; line-height: 1.5; letter-spacing: .04em; color: #5F5B54; } .mc-thread-benefit span:last-child { color: var(--mc-muted); text-align: right; } /* ========================================================= 08 / CRAFTSMANSHIP ========================================================= */ .mc-craft { padding: 140px 0; background: var(--mc-bg); } .mc-craft-head { display: grid; grid-template-columns: minmax(360px, .40fr) minmax(0, .60fr); gap: 110px; align-items: end; margin-bottom: 72px; } .mc-craft-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(350px, 420px); gap: 85px; align-items: stretch; } .mc-craft-steps { min-width: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--mc-line); } .mc-craft-step { min-width: 0; padding: 29px 30px 31px 0; border-bottom: 1px solid var(--mc-line); } .mc-craft-step:nth-child(even) { padding-left: 30px; border-left: 1px solid var(--mc-line); } .mc-craft-number { display: block; margin-bottom: 17px; font-size: 10px; line-height: 1.4; letter-spacing: .14em; color: var(--mc-muted); } .mc-craft-step h3 { margin: 0 0 9px; font-size: 19px; line-height: 1.28; font-weight: 500; } .mc-craft-step p { margin: 0; font-size: 13px; line-height: 1.67; color: var(--mc-text); } .mc-craft-image { position: relative; min-height: 570px; overflow: hidden; background: var(--mc-soft); } .mc-craft-image img { width: 100%; height: 100%; min-height: 570px; object-fit: cover; } /* ========================================================= 09 / POLISHED FINISH ========================================================= */ .mc-polish { padding: 135px 0; background: var(--mc-soft); } .mc-polish-grid { display: grid; grid-template-columns: minmax(380px, .47fr) minmax(0, .53fr); gap: 115px; align-items: start; } .mc-polish-statement { max-width: 610px; margin: 0; font-size: clamp(50px, 5vw, 72px); line-height: .98; letter-spacing: -.055em; font-weight: 400; } .mc-polish-note { margin-top: 34px; padding-top: 22px; border-top: 1px solid #C4C0B9; font-size: 12px; line-height: 1.74; color: #716D66; } /* ========================================================= 10 / STONES ========================================================= */ .mc-stones { padding: 135px 0; background: var(--mc-bg); } .mc-stones-head { max-width: 750px; margin-bottom: 66px; } .mc-stones-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--mc-line); border-bottom: 1px solid var(--mc-line); } .mc-stone { min-width: 0; padding: 42px 60px 44px 0; } .mc-stone + .mc-stone { padding-left: 60px; border-left: 1px solid var(--mc-line); } .mc-stone-kicker { display: block; margin-bottom: 21px; font-size: 10px; line-height: 1.4; letter-spacing: .14em; text-transform: uppercase; color: var(--mc-muted); } .mc-stone h3 { margin: 0 0 18px; font-size: clamp(31px, 3vw, 43px); line-height: 1.04; letter-spacing: -.035em; font-weight: 500; } .mc-stone p { max-width: 520px; margin: 0; font-size: 14px; line-height: 1.75; color: var(--mc-text); } .mc-stone p + p { margin-top: 15px; } .mc-hand-set { display: block; margin-top: 26px; padding-top: 16px; border-top: 1px solid var(--mc-line); font-size: 10px; line-height: 1.5; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: #625E57; } /* ========================================================= 11 / STONE SETTING ========================================================= */ .mc-setting { padding: 100px 0; background: var(--mc-bg); } .mc-setting-grid { display: grid; grid-template-columns: minmax(300px, .30fr) minmax(0, .70fr); gap: 105px; padding-top: 38px; border-top: 1px solid var(--mc-line); } .mc-setting h2 { margin: 0; font-size: 31px; line-height: 1.13; letter-spacing: -.03em; font-weight: 500; } /* ========================================================= 12 / QUALITY CHECK ========================================================= */ .mc-check { padding: 135px 0; background: var(--mc-warm); } .mc-check-head { max-width: 780px; margin-bottom: 65px; } .mc-check-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-top: 1px solid #C9C5BE; border-bottom: 1px solid #C9C5BE; } .mc-check-item { min-width: 0; padding: 31px 23px 34px 0; } .mc-check-item + .mc-check-item { padding-left: 23px; border-left: 1px solid #C9C5BE; } .mc-check-number { display: block; margin-bottom: 18px; font-size: 10px; line-height: 1.4; letter-spacing: .14em; color: #837F77; } .mc-check-item h3 { margin: 0 0 9px; font-size: 17px; line-height: 1.28; font-weight: 500; } .mc-check-item p { margin: 0; font-size: 12px; line-height: 1.65; color: var(--mc-text); } /* ========================================================= 13 / BUILT AROUND THE PART YOU WEAR ========================================================= */ .mc-built { padding: 135px 0; background: var(--mc-soft); } .mc-built-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(390px, .44fr); gap: 120px; align-items: start; } .mc-built-statement { max-width: 710px; margin: 0; font-size: clamp(50px, 5vw, 72px); line-height: .98; letter-spacing: -.055em; font-weight: 400; } .mc-built-list { margin-top: 35px; border-top: 1px solid #C4C0B9; } .mc-built-item { display: flex; justify-content: space-between; gap: 30px; padding: 16px 0; border-bottom: 1px solid #C4C0B9; font-size: 12px; line-height: 1.5; letter-spacing: .04em; color: #625E57; } /* ========================================================= 14 / CARE + NORMAL WEAR ========================================================= */ .mc-care { padding: 130px 0; background: var(--mc-bg); } .mc-care-head { max-width: 750px; margin-bottom: 64px; } .mc-care-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--mc-line); border-bottom: 1px solid var(--mc-line); } .mc-care-column { min-width: 0; padding: 40px 58px 44px 0; } .mc-care-column + .mc-care-column { padding-left: 58px; border-left: 1px solid var(--mc-line); } .mc-care-column h3 { margin: 0 0 21px; font-size: 29px; line-height: 1.08; letter-spacing: -.03em; font-weight: 500; } .mc-care-column p { max-width: 520px; margin: 0; font-size: 14px; line-height: 1.74; color: var(--mc-text); } .mc-exposure { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 27px; padding-top: 20px; border-top: 1px solid var(--mc-line); } .mc-exposure span { font-size: 11px; line-height: 1.5; letter-spacing: .06em; text-transform: uppercase; color: var(--mc-muted); } /* ========================================================= 15 / MATERIAL & FIT ========================================================= */ .mc-fit { padding: 105px 0; background: var(--mc-bg); border-top: 1px solid var(--mc-line); } .mc-fit-grid { display: grid; grid-template-columns: minmax(320px, .34fr) minmax(0, .66fr); gap: 105px; align-items: start; } .mc-fit h2 { max-width: 430px; margin: 0; font-size: clamp(37px, 3.3vw, 48px); line-height: 1.04; letter-spacing: -.04em; font-weight: 500; } .mc-fit-points { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 30px; border-top: 1px solid var(--mc-line); } .mc-fit-point { padding: 14px 20px 14px 0; border-bottom: 1px solid var(--mc-line); font-size: 12px; line-height: 1.5; letter-spacing: .04em; color: #625E57; } .mc-fit-point:nth-child(even) { padding-left: 20px; border-left: 1px solid var(--mc-line); } .mc-nickel-note { max-width: 700px; margin: 27px 0 0; padding-top: 21px; border-top: 1px solid var(--mc-line); font-size: 12px; line-height: 1.72; color: var(--mc-muted); } /* ========================================================= 16 / MATERIALS WITHOUT SHORTCUTS ========================================================= */ .mc-shortcuts { padding: 135px 0; background: var(--mc-warm); } .mc-shortcuts-head { display: grid; grid-template-columns: minmax(360px, .43fr) minmax(0, .57fr); gap: 105px; align-items: end; margin-bottom: 68px; } .mc-shortcuts-statement { max-width: 590px; margin: 0; font-size: clamp(47px, 4.5vw, 66px); line-height: .99; letter-spacing: -.05em; font-weight: 400; } .mc-shortcut-list { border-top: 1px solid #C8C4BD; } .mc-shortcut { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 40px; padding: 22px 0; border-bottom: 1px solid #C8C4BD; } .mc-shortcut strong { font-size: 13px; line-height: 1.5; font-weight: 500; } .mc-shortcut span { font-size: 13px; line-height: 1.68; color: var(--mc-text); } /* ========================================================= 17 / FINAL ========================================================= */ .mc-final { padding: 135px 0 145px; background: var(--mc-night); color: var(--mc-light); } .mc-final-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, 450px); gap: 115px; align-items: end; } .mc-final .mc-eyebrow { grid-column: 1 / -1; color: #A9A59D; } .mc-final .mc-eyebrow::before { background: #77736C; } .mc-final h2 { max-width: 800px; margin: 0; font-size: clamp(50px, 5vw, 74px); line-height: .99; letter-spacing: -.05em; font-weight: 400; color: var(--mc-light); } .mc-final-copy { margin: 0; font-size: 15px; line-height: 1.76; color: var(--mc-light-muted); } .mc-final-points { margin-top: 28px; border-top: 1px solid #4D4B46; } .mc-final-point { padding: 12px 0; border-bottom: 1px solid #4D4B46; font-size: 11px; line-height: 1.5; letter-spacing: .08em; text-transform: uppercase; color: #D1CDC5; } .mc-final-links { display: flex; flex-wrap: wrap; gap: 15px 26px; margin-top: 29px; } .mc-final-link { display: inline-flex; padding-bottom: 4px; border-bottom: 1px solid #CFCBC4; font-size: 14px; line-height: 1.4; color: var(--mc-light) !important; text-decoration: none !important; } /* ========================================================= LARGE DESKTOP >= 1440 ========================================================= */ @media screen and (min-width: 1440px) { .varenel-materials .mc-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-materials .mc-container { width: min(1180px, calc(100% - 80px)) !important; max-width: 1180px !important; margin-left: auto !important; margin-right: auto !important; } .mc-hero-grid { grid-template-columns: minmax(0, 1fr) minmax(370px, 450px); gap: 75px; } .mc-gold-grid, .mc-components-grid, .mc-yellow-grid, .mc-flat-grid, .mc-thread-grid, .mc-polish-grid, .mc-built-grid, .mc-fit-grid, .mc-shortcuts-head { gap: 75px; } .mc-craft-head { gap: 75px; } .mc-craft-layout { grid-template-columns: minmax(0, 1fr) minmax(320px, 380px); gap: 65px; } .mc-final-grid { gap: 80px; } } /* ========================================================= SMALL LAPTOP 901 - 1099 ========================================================= */ @media screen and (min-width: 901px) and (max-width: 1099px) { .varenel-materials .mc-container { width: calc(100% - 56px) !important; margin-left: auto !important; margin-right: auto !important; } .mc-hero-grid { grid-template-columns: minmax(0, 1fr) minmax(310px, 37%); gap: 55px; } .mc-hero-image, .mc-hero-image img { min-height: 560px; } .mc-gold-grid { grid-template-columns: minmax(300px, .39fr) minmax(0, .61fr); gap: 60px; } .mc-why-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .mc-why-item:nth-child(odd) { padding-left: 0; border-left: 0; } .mc-why-item:nth-child(n+3) { border-top: 1px solid var(--mc-line); } .mc-components-grid { grid-template-columns: minmax(320px, 43%) minmax(0, 57%); gap: 55px; } .mc-components-image, .mc-components-image img { min-height: 590px; } .mc-yellow-grid, .mc-flat-grid, .mc-thread-grid, .mc-polish-grid, .mc-built-grid, .mc-fit-grid { gap: 55px; } .mc-craft-head { grid-template-columns: 1fr; gap: 28px; } .mc-craft-layout { grid-template-columns: minmax(0, 1fr) 330px; gap: 50px; } .mc-check-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .mc-check-item:nth-child(4) { padding-left: 0; border-left: 0; border-top: 1px solid #C9C5BE; } .mc-check-item:nth-child(5) { border-top: 1px solid #C9C5BE; } .mc-shortcuts-head { grid-template-columns: 1fr; gap: 28px; } .mc-final-grid { grid-template-columns: minmax(0, 1fr) minmax(320px, 360px); gap: 55px; } } /* ========================================================= TABLET 769 - 900 ========================================================= */ @media screen and (min-width: 769px) and (max-width: 900px) { .varenel-materials .mc-container { width: calc(100% - 48px) !important; margin-left: auto !important; margin-right: auto !important; } .mc-hero { padding: 78px 0 85px; } .mc-hero-grid { grid-template-columns: 1fr; gap: 55px; } .mc-hero-image, .mc-hero-image img { min-height: 620px; } .mc-gold, .mc-components, .mc-flat, .mc-thread, .mc-craft, .mc-polish, .mc-stones, .mc-check, .mc-built, .mc-care, .mc-shortcuts { padding-top: 100px; padding-bottom: 100px; } .mc-gold-grid, .mc-components-grid, .mc-yellow-grid, .mc-flat-grid, .mc-thread-grid, .mc-polish-grid, .mc-built-grid, .mc-fit-grid, .mc-shortcuts-head { grid-template-columns: 1fr; gap: 45px; } .mc-gold-number { font-size: 120px; } .mc-why-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .mc-why-item:nth-child(odd) { padding-left: 0; border-left: 0; } .mc-why-item:nth-child(n+3) { border-top: 1px solid var(--mc-line); } .mc-components-image, .mc-components-image img { min-height: 620px; } .mc-craft-head { grid-template-columns: 1fr; gap: 28px; } .mc-craft-layout { grid-template-columns: 1fr; gap: 48px; } .mc-craft-image, .mc-craft-image img { min-height: 570px; } .mc-check-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .mc-check-item:nth-child(odd) { padding-left: 0; border-left: 0; } .mc-check-item:nth-child(n+3) { border-top: 1px solid #C9C5BE; } .mc-final-grid { grid-template-columns: 1fr; gap: 35px; } .mc-final .mc-eyebrow { grid-column: auto; } } /* ========================================================= MOBILE Materials & Craftsmanship Made for the pieces you keep on. The jewelry you wear every day asks more from its materials. At Varenel, every metal component — from the decorative top to the post, threading, and flat back — is crafted in solid 14K gold. Not gold plated. Not a gold-colored surface over another base metal. Solid gold throughout the metal construction, thoughtfully finished for jewelry designed to become part of your everyday. Solid 14K Gold Solid 14K Gold 58.5% Pure Gold Real gold throughout the metal. 14K gold contains 58.5% pure gold, blended with other metals to create the strength and wearability needed for jewelry made for regular use. Because the gold runs through the piece rather than existing only as a surface coating, everyday wear does not expose a different base metal underneath. Not Gold Plated Why 14K? Everyday jewelry has to do more than look good. 01 Real Gold The metal itself is a 14K gold alloy rather than a gold-colored coating over another base metal. 02 Strength Alloying pure gold gives small jewelry components greater structural strength for regular wear. 03 Precision Posts, threads, flat backs, and small settings all depend on precise functional components. 04 Everyday Wear 14K gives us the balance of gold content and practical wearability suited to the jewelry Varenel creates. Every Metal Component · Solid 14K Gold Every Metal Component Solid gold doesn't stop at the front. We do not reserve solid gold only for the part of the jewelry you can see. The visible and functional metal components are crafted in solid 14K gold. Decorative Top The visible design element of the earring — solid 14K gold. Post The metal component that passes through the piercing — solid 14K gold. Flat Back The low-profile backing that sits behind the ear — solid 14K gold. Threaded Components The functional connection in our internally threaded construction — solid 14K gold. Yellow Gold The color comes from the gold itself. Varenel currently offers jewelry in solid 14K yellow gold. Its warm gold tone comes from the gold alloy itself rather than from a gold-plated surface layer. Material Solid 14K yellow gold. Nickel Our current 14K yellow gold is nickel-free. Finish Smooth polished finish. With Wear Fine scratches and subtle surface marks can develop naturally with everyday use. Flat Back by Design Less behind your ear. More thought in the construction. Varenel earrings use a flat-back construction designed for a cleaner, lower-profile fit than a traditional butterfly backing. Rather than placing a larger closure behind the ear, the flat back creates a smooth surface at the rear of the post. Low-profile back designed around everyday flat-back wear. Less traditional backing hardware behind the ear. Fit still depends on anatomy, placement, post length, gauge, and individual preference. Internally Threaded The threading stays inside the post. The threaded section of the decorative end connects inside the hollow opening of the post rather than leaving exposed threading along the exterior section that passes through the piercing. Exterior Post Clean, unthreaded surface Insertion Smoother construction Connection Thread engages inside post Designed For Everyday flat-back wear Proper alignment matters. Cross-threading, overtightening, or excessive force can damage a threaded connection. Threading Sits Inside the Post Made by Hand Where It Matters Craftsmanship is in the finishing. We don't use “handcrafted” as a vague label. Human attention is part of specific stages where precision, finish, and feel matter. 01 Hand Assembly Components are assembled by hand so the different parts come together as intended. 02 Hand Polishing Jewelry is polished by hand to create its final smooth, polished finish. 03 Hand-Set Stones Cubic zirconia and lab-grown diamonds are set by hand where included in the design. 04 Final Hand Finishing Pieces receive hands-on finishing before final inspection. 05 Individual Inspection Every piece is individually checked before being prepared for shipment. Hands-On Where It Matters Polished Finish Real gold doesn't stay untouched. It stays real. Varenel jewelry is hand polished to create a smooth, reflective finish that brings out the natural appearance of solid gold. Polishing does not make jewelry immune to every scratch or surface mark. With regular wear, polished gold naturally develops signs of use. Fine scratches, surface marks, and subtle cosmetic changes are normal characteristics of real gold jewelry and are not, by themselves, manufacturing defects. Stones Chosen for the design. Set by hand. Cubic Zirconia Clarity, brightness, and light return. Our cubic zirconia is selected for its clarity, brightness, and ability to return light in small jewelry designs. Stone appearance can vary with size, setting, lighting, and viewing conditions. Hand-Set Lab-Grown Diamonds Diamond, grown in a controlled environment. Lab-grown diamonds have the same fundamental crystal structure and chemical composition as mined diamonds but are created in controlled laboratory environments. Depending on the individual stone, production may involve established CVD or HPHT methods. We do not represent one specific method as standard unless stated on the product page. Hand-Set Small details need steady hands. Stone-set jewelry introduces another point where precision matters. Our stones are set by hand, with attention to positioning, alignment, and security within the individual setting. Before shipment, stone setting is also included in our final inspection process. View 2-Year Warranty → Checked Where It Matters Every piece is individually inspected. 01 Surface Finish We check the polished surface for visible finishing issues. 02 Thread Engagement Internally threaded components are checked for proper engagement. 03 Component Alignment We review the relationship and alignment between components. 04 Stone Setting Where present, stone setting is included in the inspection. 05 Visible Defects Each piece receives a final visual check before shipment. Built Around the Part You Wear The parts you barely see matter just as much. The decorative design gets most of the attention in a photograph. But for jewelry you intend to leave on, the functional details shape how the piece performs once it becomes part of your everyday. Post Solid 14K Gold Threading Internally Threaded Flat Back Low-Profile Construction Finish Hand Polished Final Check Individually Inspected Living With Real Jewelry Solid gold still lives your day with you. Solid Gold Still Needs Care Solid 14K gold does not rely on a plated gold layer, but it is still fine jewelry. Regular gentle cleaning and thoughtful handling can help maintain the appearance and function of your pieces. Skin Oils Cosmetics Hair Products Soap Chlorine Salt Water Sweat Friction Impact View Jewelry Care → Normal Wear vs. Manufacturing Defect Fine scratches, surface marks, and gradual cosmetic changes are expected with real jewelry over time. Unexpected structural, threading, component, soldering, or stone-setting problems may qualify for warranty support where our review determines that they resulted from manufacturing. View 2-Year Warranty → Material is only one part of fit. Comfort and suitability can also depend on individual anatomy, piercing placement, post length, gauge, jewelry dimensions, healing status, and fit. Varenel provides product specifications to help you understand the available options, but that information does not replace individualized guidance from a qualified professional piercer or healthcare professional. Piercing Placement Individual Anatomy Gauge Post Length Jewelry Dimensions Healing Status Varenel's current solid 14K yellow gold is nickel-free. We do not make a universal “hypoallergenic” claim because individual sensitivities vary. Ask Us About Product & Fit → Materials Without the Marketing Shortcuts Say what it is. Mean what we say. Material information should tell you what a piece actually is, not hide behind vague words. Solid 14K Gold The metal component itself is made from a 14K gold alloy — not a gold-plated base metal. Hand-Set The stones in applicable designs are physically set by hand. Internally Threaded The threaded connection sits inside the post rather than along the exterior section passing through the piercing. Individually Inspected Each piece receives a hands-on final inspection before shipment preparation. Real Wear We do not pretend that real jewelry remains visually untouched forever. Fine signs of use are a normal part of wearing it. Made for Your Everyday Thoughtful enough to put on. Easy enough to leave on. Our goal is not to make jewelry that asks for more attention. It is to make the material, construction, finishing, and inspection thoughtful enough that you can give it less. Solid 14K Gold Internally Threaded Flat Backs Hand-Set Stones Hand Polished & Finished Individually Inspected Jewelry Care → 2-Year Warranty → Contact Us →