{"title":"Home page","description":null,"products":[{"product_id":"valara™-precision-grooming-set","title":"Valara™ Precision Grooming Set","description":"\u003c!-- =========================================================\n   VALARA™ PRECISION GROOMING SET\n   Premium \/ Animated \/ Mobile-First Shopify Section\n\n   Logo-inspired palette:\n   Ivory:      #F2F1ED\n   Deep Olive: #645D39\n   Gold:       #A99E55\n   Champagne:  #C5BF90\n========================================================= --\u003e\n\n\u003csection class=\"vlr-product\" id=\"vlr-product\"\u003e\n\n  \u003c!-- Ambient decorative elements --\u003e\n  \u003cdiv class=\"vlr-glow vlr-glow-one\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"vlr-glow vlr-glow-two\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"vlr-shell\"\u003e\n\n    \u003c!-- =====================================================\n         HERO\n    ====================================================== --\u003e\n\n    \u003cheader class=\"vlr-hero vlr-reveal\"\u003e\n\n     \u003cdiv class=\"vlr-real-logo-wrap vlr-main-logo\"\u003e\n  \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0875\/1516\/8961\/files\/valara_logo_260921_065501_1.jpg?v=1789991763\" alt=\"Valara' your daily glow \n       class=\" vlr-real-logo loading=\"eager\"\u003e\n\u003c\/div\u003e\n\n      \u003cp class=\"vlr-overline\"\u003e\n        PRECISION GROOMING • ELEVATED\n      \u003c\/p\u003e\n\n      \u003ch2 class=\"vlr-display\"\u003e\n        Elevate your\n        \u003cem\u003egrooming ritual.\u003c\/em\u003e\n      \u003c\/h2\u003e\n\n      \u003cp class=\"vlr-hero-copy\"\u003e\n        Your hands say more than you think.\n        The \u003cstrong\u003eValara™ Precision Grooming Set\u003c\/strong\u003e\n        is designed for those who take pride in the details —\n        delivering a clean, polished finish with precision and ease.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"vlr-pills\"\u003e\n\n        \u003cdiv class=\"vlr-pill\"\u003e\n          \u003cspan\u003e✦\u003c\/span\u003e\n          Stainless Steel\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"vlr-pill\"\u003e\n          \u003cspan\u003e✦\u003c\/span\u003e\n          8 Grooming Tools\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"vlr-pill\"\u003e\n          \u003cspan\u003e✦\u003c\/span\u003e\n          Travel Ready\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"vlr-scrollhint\" aria-hidden=\"true\"\u003e\n        \u003cspan\u003e\u003c\/span\u003e\n        DISCOVER VALARA\n      \u003c\/div\u003e\n\n    \u003c\/header\u003e\n\n\n    \u003c!-- =====================================================\n         INTRO STATEMENT\n    ====================================================== --\u003e\n\n    \u003cdiv class=\"vlr-statement vlr-reveal\"\u003e\n\n      \u003cp\u003e\n        Grooming shouldn't feel like\n        \u003cem\u003eanother chore.\u003c\/em\u003e\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"vlr-statement-line\"\u003e\u003c\/div\u003e\n\n      \u003cspan\u003e\n        It should feel intentional.\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =====================================================\n         BENEFITS\n    ====================================================== --\u003e\n\n    \u003csection class=\"vlr-section\" aria-labelledby=\"vlr-benefits-title\"\u003e\n\n      \u003cdiv class=\"vlr-section-head vlr-reveal\"\u003e\n\n        \u003cp class=\"vlr-overline\"\u003e\n          THE VALARA EXPERIENCE\n        \u003c\/p\u003e\n\n        \u003ch3 id=\"vlr-benefits-title\"\u003e\n          Confidence lives in\n          \u003cem\u003ethe details.\u003c\/em\u003e\n        \u003c\/h3\u003e\n\n        \u003cp class=\"vlr-section-intro\"\u003e\n          Everything you need for clean, refined,\n          well-maintained hands — beautifully considered.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"vlr-benefit-grid\"\u003e\n\n        \u003carticle class=\"vlr-benefit-card vlr-reveal\"\u003e\n\n          \u003cdiv class=\"vlr-card-top\"\u003e\n            \u003cspan class=\"vlr-card-number\"\u003e\n              01\n            \u003c\/span\u003e\n\n            \u003cspan class=\"vlr-card-mark\"\u003e\n              ✦\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"vlr-card-content\"\u003e\n\n            \u003ch4\u003e\n              Perfectly Shaped Nails\n            \u003c\/h4\u003e\n\n            \u003cp\u003e\n              Create clean, smooth nail edges without the\n              rough or unfinished appearance left by\n              ordinary grooming tools.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/article\u003e\n\n\n        \u003carticle class=\"vlr-benefit-card vlr-reveal\"\u003e\n\n          \u003cdiv class=\"vlr-card-top\"\u003e\n\n            \u003cspan class=\"vlr-card-number\"\u003e\n              02\n            \u003c\/span\u003e\n\n            \u003cspan class=\"vlr-card-mark\"\u003e\n              ◇\n            \u003c\/span\u003e\n\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"vlr-card-content\"\u003e\n\n            \u003ch4\u003e\n              Refined Cuticles\n            \u003c\/h4\u003e\n\n            \u003cp\u003e\n              Maintain smooth, clean-looking cuticles\n              from the comfort of home.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/article\u003e\n\n\n        \u003carticle class=\"vlr-benefit-card vlr-reveal\"\u003e\n\n          \u003cdiv class=\"vlr-card-top\"\u003e\n\n            \u003cspan class=\"vlr-card-number\"\u003e\n              03\n            \u003c\/span\u003e\n\n            \u003cspan class=\"vlr-card-mark\"\u003e\n              ✧\n            \u003c\/span\u003e\n\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"vlr-card-content\"\u003e\n\n            \u003ch4\u003e\n              Effortless Confidence\n            \u003c\/h4\u003e\n\n            \u003cp\u003e\n              From meetings to first dates,\n              polished hands create a subtle\n              but lasting impression.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/article\u003e\n\n\n        \u003carticle class=\"vlr-benefit-card vlr-reveal\"\u003e\n\n          \u003cdiv class=\"vlr-card-top\"\u003e\n\n            \u003cspan class=\"vlr-card-number\"\u003e\n              04\n            \u003c\/span\u003e\n\n            \u003cspan class=\"vlr-card-mark\"\u003e\n              ❋\n            \u003c\/span\u003e\n\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"vlr-card-content\"\u003e\n\n            \u003ch4\u003e\n              A Premium Ritual\n            \u003c\/h4\u003e\n\n            \u003cp\u003e\n              Thoughtful tools and refined design turn\n              everyday grooming into a moment of self-care.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/article\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n\n    \u003c!-- =====================================================\n         BRAND STATISTICS\n    ====================================================== --\u003e\n\n    \u003cdiv class=\"vlr-stats vlr-reveal\"\u003e\n\n      \u003cdiv class=\"vlr-stat\"\u003e\n\n        \u003cstrong\u003e\n          08\n        \u003c\/strong\u003e\n\n        \u003cspan\u003e\n          PRECISION TOOLS\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"vlr-stat-divider\"\u003e\u003c\/div\u003e\n\n\n      \u003cdiv class=\"vlr-stat\"\u003e\n\n        \u003cstrong\u003e\n          SS\n        \u003c\/strong\u003e\n\n        \u003cspan\u003e\n          STAINLESS STEEL\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"vlr-stat-divider\"\u003e\u003c\/div\u003e\n\n\n      \u003cdiv class=\"vlr-stat\"\u003e\n\n        \u003cstrong\u003e\n          01\n        \u003c\/strong\u003e\n\n        \u003cspan\u003e\n          TRAVEL CASE\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =====================================================\n         HOW IT WORKS\n    ====================================================== --\u003e\n\n    \u003csection class=\"vlr-process\"\u003e\n\n      \u003cdiv class=\"vlr-process-copy vlr-reveal\"\u003e\n\n        \u003cp class=\"vlr-overline\"\u003e\n          PRECISION BY DESIGN\n        \u003c\/p\u003e\n\n        \u003ch3\u003e\n          Made for a\n          \u003cem\u003ecleaner finish.\u003c\/em\u003e\n        \u003c\/h3\u003e\n\n        \u003cp class=\"vlr-body\"\u003e\n          Each Valara™ tool is precision-engineered\n          from stainless steel for controlled,\n          effortless grooming.\n        \u003c\/p\u003e\n\n\n        \u003cdiv class=\"vlr-process-list\"\u003e\n\n          \u003cdiv class=\"vlr-process-item\"\u003e\n\n            \u003cdiv class=\"vlr-process-no\"\u003e\n              01\n            \u003c\/div\u003e\n\n            \u003cdiv\u003e\n\n              \u003ch4\u003e\n                Clip\n              \u003c\/h4\u003e\n\n              \u003cp\u003e\n                Curved nail clipper blades follow the\n                natural shape of the nail for a clean,\n                controlled trim.\n              \u003c\/p\u003e\n\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n\n          \u003cdiv class=\"vlr-process-item\"\u003e\n\n            \u003cdiv class=\"vlr-process-no\"\u003e\n              02\n            \u003c\/div\u003e\n\n            \u003cdiv\u003e\n\n              \u003ch4\u003e\n                Refine\n              \u003c\/h4\u003e\n\n              \u003cp\u003e\n                Dedicated cuticle tools help lift\n                and remove excess skin around the nail.\n              \u003c\/p\u003e\n\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n\n          \u003cdiv class=\"vlr-process-item\"\u003e\n\n            \u003cdiv class=\"vlr-process-no\"\u003e\n              03\n            \u003c\/div\u003e\n\n            \u003cdiv\u003e\n\n              \u003ch4\u003e\n                Finish\n              \u003c\/h4\u003e\n\n              \u003cp\u003e\n                Smooth and refine nail edges with\n                the included file for a polished result.\n              \u003c\/p\u003e\n\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- Premium visual --\u003e\n\n      \u003cdiv class=\"vlr-box-stage vlr-reveal\"\u003e\n\n        \u003cdiv class=\"vlr-arch\"\u003e\n\n          \u003cdiv class=\"vlr-arch-ring\"\u003e\u003c\/div\u003e\n\n          \u003cdiv class=\"vlr-box\"\u003e\n\n            \u003cdiv class=\"vlr-box-glare\"\u003e\u003c\/div\u003e\n\n            \u003cdiv class=\"vlr-box-brand\"\u003e\n\n              \u003cdiv class=\"vlr-botanical\"\u003e\n                \n              \u003c\/div\u003e\n\n              \u003cspan class=\"vlr-wordmark\"\u003e\n                VALARA\n              \u003c\/span\u003e\n\n              \u003cspan class=\"vlr-tagline\"\u003e\n                YOUR DAILY GLOW\n              \u003c\/span\u003e\n\n            \u003c\/div\u003e\n\n            \u003cspan class=\"vlr-box-caption\"\u003e\n              PRECISION GROOMING SET\n            \u003c\/span\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n\n    \u003c!-- =====================================================\n         WHAT'S INCLUDED\n    ====================================================== --\u003e\n\n    \u003csection class=\"vlr-section vlr-included-section\" aria-labelledby=\"vlr-included-title\"\u003e\n\n      \u003cdiv class=\"vlr-section-head vlr-reveal\"\u003e\n\n        \u003cp class=\"vlr-overline\"\u003e\n          CURATED ESSENTIALS\n        \u003c\/p\u003e\n\n        \u003ch3 id=\"vlr-included-title\"\u003e\n          Everything you need.\n          \u003cem\u003eNothing you don't.\u003c\/em\u003e\n        \u003c\/h3\u003e\n\n        \u003cp class=\"vlr-section-intro\"\u003e\n          Eight carefully selected grooming tools,\n          secured inside one refined travel case.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"vlr-tool-list\"\u003e\n\n        \u003cdiv class=\"vlr-tool vlr-reveal\"\u003e\n\n          \u003cdiv class=\"vlr-tool-count\"\u003e\n            02\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"vlr-tool-copy\"\u003e\n\n            \u003ch4\u003e\n              Nail Clippers\n            \u003c\/h4\u003e\n\n            \u003cp\u003e\n              Finger \u0026amp; toe precision clippers\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n          \u003cspan class=\"vlr-tool-icon\"\u003e\n            ✦\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"vlr-tool vlr-reveal\"\u003e\n\n          \u003cdiv class=\"vlr-tool-count\"\u003e\n            01\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"vlr-tool-copy\"\u003e\n\n            \u003ch4\u003e\n              Nail Scissors\n            \u003c\/h4\u003e\n\n            \u003cp\u003e\n              Controlled, detailed trimming\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n          \u003cspan class=\"vlr-tool-icon\"\u003e\n            ✦\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"vlr-tool vlr-reveal\"\u003e\n\n          \u003cdiv class=\"vlr-tool-count\"\u003e\n            02\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"vlr-tool-copy\"\u003e\n\n            \u003ch4\u003e\n              Cuticle Pushers\n            \u003c\/h4\u003e\n\n            \u003cp\u003e\n              Precise cuticle maintenance\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n          \u003cspan class=\"vlr-tool-icon\"\u003e\n            ✦\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"vlr-tool vlr-reveal\"\u003e\n\n          \u003cdiv class=\"vlr-tool-count\"\u003e\n            01\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"vlr-tool-copy\"\u003e\n\n            \u003ch4\u003e\n              Nail File\n            \u003c\/h4\u003e\n\n            \u003cp\u003e\n              Smooth and refine nail edges\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n          \u003cspan class=\"vlr-tool-icon\"\u003e\n            ✦\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"vlr-tool vlr-reveal\"\u003e\n\n          \u003cdiv class=\"vlr-tool-count\"\u003e\n            02\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"vlr-tool-copy\"\u003e\n\n            \u003ch4\u003e\n              Tweezers\n            \u003c\/h4\u003e\n\n            \u003cp\u003e\n              Precision grooming and detailing\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n          \u003cspan class=\"vlr-tool-icon\"\u003e\n            ✦\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n\n    \u003c!-- =====================================================\n         CASE FEATURE\n    ====================================================== --\u003e\n\n    \u003csection class=\"vlr-case vlr-reveal\"\u003e\n\n      \u003cdiv class=\"vlr-case-copy\"\u003e\n\n        \u003cp class=\"vlr-overline\"\u003e\n          BEAUTIFULLY ORGANIZED\n        \u003c\/p\u003e\n\n        \u003ch3\u003e\n          Ready whenever\n          \u003cem\u003eyou are.\u003c\/em\u003e\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          All eight tools are neatly secured inside a\n          \u003cstrong\u003ecarbon fibre-finish hard shell case\u003c\/strong\u003e\n          with elastic straps — keeping each piece protected,\n          organized and ready to travel.\n        \u003c\/p\u003e\n\n\n        \u003cdiv class=\"vlr-case-tags\"\u003e\n\n          \u003cspan\u003e\n            COMPACT\n          \u003c\/span\u003e\n\n          \u003cspan\u003e\n            PROTECTIVE\n          \u003c\/span\u003e\n\n          \u003cspan\u003e\n            TRAVEL READY\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"vlr-case-art\"\u003e\n\n        \u003cdiv class=\"vlr-case-shadow\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"vlr-case-object\"\u003e\n\n          \u003cdiv class=\"vlr-case-shine\"\u003e\u003c\/div\u003e\n\n          \u003cdiv class=\"vlr-case-logo\"\u003e\n\n            \u003cspan\u003e\n             \n            \u003c\/span\u003e\n\n            \u003cstrong\u003e\n              VALARA\n            \u003c\/strong\u003e\n\n            \u003csmall\u003e\n              YOUR DAILY GLOW\n            \u003c\/small\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n\n    \u003c!-- =====================================================\n         UNIVERSAL BRAND MESSAGE\n    ====================================================== --\u003e\n\n    \u003csection class=\"vlr-universal vlr-reveal\"\u003e\n\n      \u003cdiv class=\"vlr-flower\"\u003e\n        \n      \u003c\/div\u003e\n\n      \u003cp class=\"vlr-overline\"\u003e\n        BUILT FOR EVERYONE\n      \u003c\/p\u003e\n\n      \u003ch3\u003e\n        Clean nails have\n        \u003cem\u003eno gender.\u003c\/em\u003e\n      \u003c\/h3\u003e\n\n      \u003cp class=\"vlr-universal-copy\"\u003e\n        The Valara™ Precision Grooming Set is designed\n        for anyone who values self-care — minimal in design,\n        precise in performance and effortless to make part\n        of your everyday routine.\n      \u003c\/p\u003e\n\n\n      \u003cdiv class=\"vlr-signature\"\u003e\n\n        \u003cspan\u003e\n          VALARA\n        \u003c\/span\u003e\n\n        \u003csmall\u003e\n          YOUR DAILY GLOW\n        \u003c\/small\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003cstyle\u003e\n\n\/* =========================================================\n   1. VALARA DESIGN SYSTEM\n========================================================= *\/\n\n#vlr-product {\n\n  --vlr-ivory: #F2F1ED;\n\n  --vlr-white:\n    #FAF9F6;\n\n  --vlr-olive:\n    #645D39;\n\n  --vlr-olive-dark:\n    #464126;\n\n  --vlr-gold:\n    #A99E55;\n\n  --vlr-champagne:\n    #C5BF90;\n\n  --vlr-soft:\n    #817B61;\n\n  --vlr-border:\n    rgba(100, 93, 57, .16);\n\n  --vlr-gold-border:\n    rgba(169, 158, 85, .36);\n\n  --vlr-card:\n    rgba(255,255,255,.42);\n\n\n  position:\n    relative;\n\n  width:\n    100%;\n\n  max-width:\n    100%;\n\n  overflow:\n    hidden;\n\n  padding:\n    110px\n    22px;\n\n  color:\n    var(--vlr-olive-dark);\n\n  background:\n\n    radial-gradient(\n      circle at 4% 14%,\n      rgba(197,191,144,.18),\n      transparent 28%\n    ),\n\n    radial-gradient(\n      circle at 96% 60%,\n      rgba(169,158,85,.12),\n      transparent 30%\n    ),\n\n    var(--vlr-ivory);\n\n  -webkit-text-size-adjust:\n    100%;\n\n  text-size-adjust:\n    100%;\n\n}\n\n\n\/* Prevent overflow *\/\n\n#vlr-product,\n#vlr-product * {\n\n  box-sizing:\n    border-box;\n\n}\n\n\n#vlr-product img {\n\n  max-width:\n    100%;\n\n  height:\n    auto;\n\n}\n\n\n.vlr-shell {\n\n  position:\n    relative;\n\n  z-index:\n    2;\n\n  width:\n    min(1180px, 100%);\n\n  margin:\n    0 auto;\n\n}\n\n\n\/* =========================================================\n   2. TYPOGRAPHY\n========================================================= *\/\n\n#vlr-product h2,\n#vlr-product h3,\n#vlr-product h4 {\n\n  margin-top:\n    0;\n\n}\n\n\n.vlr-display,\n.vlr-section-head h3,\n.vlr-process-copy h3,\n.vlr-case-copy h3,\n.vlr-universal h3 {\n\n  font-family:\n    \"Baskerville\",\n    \"Iowan Old Style\",\n    \"Times New Roman\",\n    serif;\n\n  font-weight:\n    400;\n\n  color:\n    var(--vlr-olive);\n\n}\n\n\n.vlr-overline {\n\n  margin:\n    0;\n\n  color:\n    var(--vlr-gold);\n\n  font-family:\n    Arial,\n    Helvetica,\n    sans-serif;\n\n  font-size:\n    10px;\n\n  font-weight:\n    600;\n\n  line-height:\n    1.5;\n\n  letter-spacing:\n    3px;\n\n  text-transform:\n    uppercase;\n\n}\n\n\n\/* =========================================================\n   3. AMBIENT BACKGROUND\n========================================================= *\/\n\n.vlr-glow {\n\n  position:\n    absolute;\n\n  pointer-events:\n    none;\n\n  border:\n    1px solid\n    rgba(169,158,85,.17);\n\n  border-radius:\n    50%;\n\n}\n\n\n.vlr-glow-one {\n\n  width:\n    540px;\n\n  height:\n    540px;\n\n  left:\n    -390px;\n\n  top:\n    620px;\n\n}\n\n\n.vlr-glow-two {\n\n  width:\n    720px;\n\n  height:\n    720px;\n\n  right:\n    -540px;\n\n  top:\n    1800px;\n\n}\n\n\n\/* =========================================================\n   4. HERO\n========================================================= *\/\n\n.vlr-hero {\n\n  max-width:\n    980px;\n\n  margin:\n    0 auto\n    145px;\n\n  text-align:\n    center;\n\n}\n\n\n.vlr-brandline {\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  gap:\n    13px;\n\n  margin-bottom:\n    32px;\n\n  color:\n    var(--vlr-olive);\n\n  font-family:\n    Arial,\n    Helvetica,\n    sans-serif;\n\n  font-size:\n    11px;\n\n  font-weight:\n    600;\n\n  letter-spacing:\n    5px;\n\n}\n\n\n.vlr-brandline span {\n\n  display:\n    block;\n\n  width:\n    22px;\n\n  height:\n    1px;\n\n  background:\n    var(--vlr-gold);\n\n}\n\n\n.vlr-display {\n\n  margin:\n    18px 0\n    28px;\n\n  font-size:\n    clamp(\n      58px,\n      8vw,\n      105px\n    );\n\n  line-height:\n    .9;\n\n  letter-spacing:\n    -4px;\n\n}\n\n\n.vlr-display em {\n\n  display:\n    block;\n\n  color:\n    var(--vlr-gold);\n\n  font-weight:\n    400;\n\n}\n\n\n.vlr-hero-copy {\n\n  max-width:\n    720px;\n\n  margin:\n    0 auto;\n\n  color:\n    var(--vlr-soft);\n\n  font-family:\n    Arial,\n    Helvetica,\n    sans-serif;\n\n  font-size:\n    16px;\n\n  line-height:\n    1.9;\n\n}\n\n\n.vlr-hero-copy strong {\n\n  color:\n    var(--vlr-olive);\n\n  font-weight:\n    600;\n\n}\n\n\n.vlr-pills {\n\n  display:\n    flex;\n\n  flex-wrap:\n    wrap;\n\n  justify-content:\n    center;\n\n  gap:\n    9px;\n\n  margin-top:\n    35px;\n\n}\n\n\n.vlr-pill {\n\n  display:\n    inline-flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  min-height:\n    42px;\n\n  padding:\n    10px\n    16px;\n\n  border:\n    1px solid\n    var(--vlr-border);\n\n  border-radius:\n    100px;\n\n  background:\n    rgba(255,255,255,.42);\n\n  color:\n    var(--vlr-olive);\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    10px;\n\n  letter-spacing:\n    .5px;\n\n  backdrop-filter:\n    blur(12px);\n\n  -webkit-backdrop-filter:\n    blur(12px);\n\n}\n\n\n.vlr-pill span {\n\n  margin-right:\n    6px;\n\n  color:\n    var(--vlr-gold);\n\n}\n\n\n.vlr-scrollhint {\n\n  display:\n    flex;\n\n  flex-direction:\n    column;\n\n  align-items:\n    center;\n\n  gap:\n    10px;\n\n  margin-top:\n    58px;\n\n  color:\n    rgba(100,93,57,.55);\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    7px;\n\n  letter-spacing:\n    2px;\n\n}\n\n\n.vlr-scrollhint span {\n\n  width:\n    1px;\n\n  height:\n    35px;\n\n  background:\n    linear-gradient(\n      var(--vlr-gold),\n      transparent\n    );\n\n  animation:\n    vlr-scroll-line\n    2s\n    ease-in-out\n    infinite;\n\n}\n\n\n@keyframes vlr-scroll-line {\n\n  0%,\n  100% {\n\n    transform:\n      scaleY(.5);\n\n    transform-origin:\n      top;\n\n    opacity:\n      .35;\n\n  }\n\n  50% {\n\n    transform:\n      scaleY(1);\n\n    opacity:\n      1;\n\n  }\n\n}\n\n\n\/* =========================================================\n   5. STATEMENT\n========================================================= *\/\n\n.vlr-statement {\n\n  max-width:\n    930px;\n\n  margin:\n    0 auto\n    150px;\n\n  padding:\n    55px\n    0;\n\n  border-top:\n    1px solid\n    var(--vlr-border);\n\n  border-bottom:\n    1px solid\n    var(--vlr-border);\n\n  text-align:\n    center;\n\n}\n\n\n.vlr-statement p {\n\n  margin:\n    0;\n\n  color:\n    var(--vlr-olive);\n\n  font-family:\n    \"Baskerville\",\n    serif;\n\n  font-size:\n    clamp(\n      30px,\n      4vw,\n      48px\n    );\n\n  line-height:\n    1.15;\n\n}\n\n\n.vlr-statement em {\n\n  color:\n    var(--vlr-gold);\n\n  font-weight:\n    400;\n\n}\n\n\n.vlr-statement-line {\n\n  width:\n    35px;\n\n  height:\n    1px;\n\n  margin:\n    23px auto;\n\n  background:\n    var(--vlr-gold);\n\n}\n\n\n.vlr-statement \u003e span {\n\n  color:\n    var(--vlr-soft);\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    10px;\n\n  letter-spacing:\n    2px;\n\n  text-transform:\n    uppercase;\n\n}\n\n\n\/* =========================================================\n   6. SECTION TITLES\n========================================================= *\/\n\n.vlr-section {\n\n  margin-bottom:\n    145px;\n\n}\n\n\n.vlr-section-head {\n\n  max-width:\n    720px;\n\n  margin:\n    0 auto\n    52px;\n\n  text-align:\n    center;\n\n}\n\n\n.vlr-section-head h3,\n.vlr-process-copy h3,\n.vlr-case-copy h3 {\n\n  margin:\n    11px 0\n    18px;\n\n  font-size:\n    clamp(\n      40px,\n      5vw,\n      64px\n    );\n\n  line-height:\n    1.02;\n\n  letter-spacing:\n    -2px;\n\n}\n\n\n.vlr-section-head h3 em,\n.vlr-process-copy h3 em,\n.vlr-case-copy h3 em {\n\n  color:\n    var(--vlr-gold);\n\n  font-weight:\n    400;\n\n}\n\n\n.vlr-section-intro {\n\n  max-width:\n    570px;\n\n  margin:\n    0 auto;\n\n  color:\n    var(--vlr-soft);\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    14px;\n\n  line-height:\n    1.8;\n\n}\n\n\n\/* =========================================================\n   7. BENEFITS\n========================================================= *\/\n\n.vlr-benefit-grid {\n\n  display:\n    grid;\n\n  grid-template-columns:\n    repeat(4, minmax(0,1fr));\n\n  gap:\n    14px;\n\n}\n\n\n.vlr-benefit-card {\n\n  position:\n    relative;\n\n  overflow:\n    hidden;\n\n  display:\n    flex;\n\n  flex-direction:\n    column;\n\n  justify-content:\n    space-between;\n\n  min-height:\n    325px;\n\n  padding:\n    27px;\n\n  border:\n    1px solid\n    var(--vlr-border);\n\n  border-radius:\n    28px;\n\n  background:\n\n    linear-gradient(\n      145deg,\n      rgba(255,255,255,.62),\n      rgba(255,255,255,.25)\n    );\n\n  box-shadow:\n    0 22px 60px\n    rgba(70,65,38,.04);\n\n  transition:\n    transform .45s ease,\n    border-color .45s ease,\n    box-shadow .45s ease;\n\n}\n\n\n.vlr-benefit-card::after {\n\n  content:\n    \"\";\n\n  position:\n    absolute;\n\n  width:\n    150px;\n\n  height:\n    150px;\n\n  top:\n    -95px;\n\n  right:\n    -90px;\n\n  border:\n    1px solid\n    rgba(169,158,85,.20);\n\n  border-radius:\n    50%;\n\n  transition:\n    transform .6s ease;\n\n}\n\n\n.vlr-benefit-card:hover {\n\n  transform:\n    translateY(-7px);\n\n  border-color:\n    rgba(169,158,85,.50);\n\n  box-shadow:\n    0 30px 70px\n    rgba(70,65,38,.09);\n\n}\n\n\n.vlr-benefit-card:hover::after {\n\n  transform:\n    scale(1.35);\n\n}\n\n\n.vlr-card-top {\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    space-between;\n\n}\n\n\n.vlr-card-number {\n\n  color:\n    rgba(100,93,57,.55);\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    9px;\n\n  letter-spacing:\n    2px;\n\n}\n\n\n.vlr-card-mark {\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  width:\n    40px;\n\n  height:\n    40px;\n\n  border:\n    1px solid\n    var(--vlr-gold-border);\n\n  border-radius:\n    50%;\n\n  color:\n    var(--vlr-gold);\n\n}\n\n\n.vlr-card-content h4 {\n\n  margin:\n    0 0\n    11px;\n\n  color:\n    var(--vlr-olive);\n\n  font-family:\n    \"Baskerville\",\n    serif;\n\n  font-size:\n    21px;\n\n  font-weight:\n    400;\n\n}\n\n\n.vlr-card-content p {\n\n  margin:\n    0;\n\n  color:\n    var(--vlr-soft);\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    12.5px;\n\n  line-height:\n    1.7;\n\n}\n\n\n\/* =========================================================\n   8. STATS\n========================================================= *\/\n\n.vlr-stats {\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  margin:\n    0 0\n    145px;\n\n  padding:\n    35px 10px;\n\n  border-top:\n    1px solid\n    var(--vlr-border);\n\n  border-bottom:\n    1px solid\n    var(--vlr-border);\n\n}\n\n\n.vlr-stat {\n\n  width:\n    30%;\n\n  text-align:\n    center;\n\n}\n\n\n.vlr-stat strong {\n\n  display:\n    block;\n\n  color:\n    var(--vlr-olive);\n\n  font-family:\n    \"Baskerville\",\n    serif;\n\n  font-size:\n    34px;\n\n  font-weight:\n    400;\n\n}\n\n\n.vlr-stat span {\n\n  display:\n    block;\n\n  margin-top:\n    5px;\n\n  color:\n    var(--vlr-gold);\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    8px;\n\n  letter-spacing:\n    2px;\n\n}\n\n\n.vlr-stat-divider {\n\n  width:\n    1px;\n\n  height:\n    42px;\n\n  background:\n    var(--vlr-border);\n\n}\n\n\n\/* =========================================================\n   9. PROCESS\n========================================================= *\/\n\n.vlr-process {\n\n  display:\n    grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(0,1fr);\n\n  align-items:\n    center;\n\n  gap:\n    80px;\n\n  margin-bottom:\n    155px;\n\n}\n\n\n.vlr-body {\n\n  color:\n    var(--vlr-soft);\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    14px;\n\n  line-height:\n    1.85;\n\n}\n\n\n.vlr-process-list {\n\n  margin-top:\n    35px;\n\n}\n\n\n.vlr-process-item {\n\n  display:\n    grid;\n\n  grid-template-columns:\n    42px\n    minmax(0,1fr);\n\n  gap:\n    15px;\n\n  padding:\n    21px 0;\n\n  border-bottom:\n    1px solid\n    var(--vlr-border);\n\n}\n\n\n.vlr-process-no {\n\n  padding-top:\n    4px;\n\n  color:\n    var(--vlr-gold);\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    9px;\n\n  letter-spacing:\n    1px;\n\n}\n\n\n.vlr-process-item h4 {\n\n  margin:\n    0 0\n    7px;\n\n  color:\n    var(--vlr-olive);\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    14px;\n\n  font-weight:\n    600;\n\n}\n\n\n.vlr-process-item p {\n\n  margin:\n    0;\n\n  color:\n    var(--vlr-soft);\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    12.5px;\n\n  line-height:\n    1.7;\n\n}\n\n\n\/* =========================================================\n   10. PREMIUM PRODUCT VISUAL\n========================================================= *\/\n\n.vlr-box-stage {\n\n  position:\n    relative;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  min-height:\n    620px;\n\n}\n\n\n.vlr-arch {\n\n  position:\n    relative;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  width:\n    100%;\n\n  max-width:\n    500px;\n\n  min-height:\n    590px;\n\n  padding:\n    55px 30px;\n\n  overflow:\n    hidden;\n\n  border:\n    1px solid\n    rgba(169,158,85,.20);\n\n  border-radius:\n    220px\n    220px\n    32px\n    32px;\n\n  background:\n\n    linear-gradient(\n      180deg,\n      rgba(197,191,144,.20),\n      rgba(255,255,255,.18)\n    );\n\n}\n\n\n.vlr-arch-ring {\n\n  position:\n    absolute;\n\n  width:\n    380px;\n\n  height:\n    380px;\n\n  border:\n    1px solid\n    rgba(169,158,85,.20);\n\n  border-radius:\n    50%;\n\n}\n\n\n.vlr-box {\n\n  position:\n    relative;\n\n  z-index:\n    2;\n\n  overflow:\n    hidden;\n\n  width:\n    78%;\n\n  aspect-ratio:\n    1.15;\n\n  border:\n    1px solid\n    rgba(197,191,144,.35);\n\n  border-radius:\n    18px;\n\n  background:\n\n    linear-gradient(\n      145deg,\n      #625D39,\n      #403C24\n    );\n\n  box-shadow:\n\n    0 42px 80px\n    rgba(70,65,38,.24),\n\n    inset\n    0 1px 1px\n    rgba(255,255,255,.12);\n\n  transform:\n    perspective(1000px)\n    rotateY(-8deg)\n    rotateX(4deg);\n\n  animation:\n    vlr-float\n    5.5s\n    ease-in-out\n    infinite;\n\n}\n\n\n.vlr-box::before {\n\n  content:\n    \"\";\n\n  position:\n    absolute;\n\n  inset:\n    9px;\n\n  border:\n    1px solid\n    rgba(197,191,144,.15);\n\n  border-radius:\n    11px;\n\n}\n\n\n.vlr-box-brand {\n\n  position:\n    absolute;\n\n  top:\n    50%;\n\n  left:\n    50%;\n\n  width:\n    100%;\n\n  transform:\n    translate(-50%,-50%);\n\n  text-align:\n    center;\n\n}\n\n\n.vlr-botanical {\n\n  margin-bottom:\n    12px;\n\n  color:\n    var(--vlr-gold);\n\n  font-size:\n    25px;\n\n}\n\n\n.vlr-wordmark {\n\n  display:\n    block;\n\n  color:\n    var(--vlr-ivory);\n\n  font-family:\n    \"Baskerville\",\n    serif;\n\n  font-size:\n    clamp(\n      23px,\n      3vw,\n      34px\n    );\n\n  letter-spacing:\n    8px;\n\n}\n\n\n.vlr-tagline {\n\n  display:\n    block;\n\n  margin-top:\n    8px;\n\n  color:\n    var(--vlr-champagne);\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    5.5px;\n\n  letter-spacing:\n    3px;\n\n}\n\n\n.vlr-box-caption {\n\n  position:\n    absolute;\n\n  left:\n    18px;\n\n  bottom:\n    15px;\n\n  color:\n    rgba(242,241,237,.45);\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    5px;\n\n  letter-spacing:\n    1.8px;\n\n}\n\n\n.vlr-box-glare {\n\n  position:\n    absolute;\n\n  z-index:\n    5;\n\n  width:\n    38%;\n\n  height:\n    180%;\n\n  left:\n    -90%;\n\n  top:\n    -40%;\n\n  background:\n\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(255,255,255,.12),\n      transparent\n    );\n\n  transform:\n    rotate(24deg);\n\n  animation:\n    vlr-shimmer\n    6.5s\n    infinite;\n\n}\n\n\n@keyframes vlr-shimmer {\n\n  0%,\n  60% {\n\n    left:\n      -90%;\n\n  }\n\n  100% {\n\n    left:\n      160%;\n\n  }\n\n}\n\n\n@keyframes vlr-float {\n\n  0%,\n  100% {\n\n    transform:\n      perspective(1000px)\n      rotateY(-8deg)\n      rotateX(4deg)\n      translateY(0);\n\n  }\n\n  50% {\n\n    transform:\n      perspective(1000px)\n      rotateY(-6deg)\n      rotateX(3deg)\n      translateY(-10px);\n\n  }\n\n}\n\n\n\/* =========================================================\n   11. INCLUDED TOOL LIST\n========================================================= *\/\n\n.vlr-tool-list {\n\n  max-width:\n    900px;\n\n  margin:\n    0 auto;\n\n  border-top:\n    1px solid\n    var(--vlr-border);\n\n}\n\n\n.vlr-tool {\n\n  display:\n    grid;\n\n  grid-template-columns:\n    70px\n    minmax(0,1fr)\n    30px;\n\n  align-items:\n    center;\n\n  min-height:\n    88px;\n\n  padding:\n    20px 8px;\n\n  border-bottom:\n    1px solid\n    var(--vlr-border);\n\n  transition:\n    padding .35s ease,\n    background .35s ease;\n\n}\n\n\n.vlr-tool:hover {\n\n  padding-left:\n    20px;\n\n  padding-right:\n    20px;\n\n  background:\n    rgba(255,255,255,.30);\n\n}\n\n\n.vlr-tool-count {\n\n  color:\n    var(--vlr-gold);\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    9px;\n\n  letter-spacing:\n    2px;\n\n}\n\n\n.vlr-tool h4 {\n\n  margin:\n    0;\n\n  color:\n    var(--vlr-olive);\n\n  font-family:\n    \"Baskerville\",\n    serif;\n\n  font-size:\n    19px;\n\n  font-weight:\n    400;\n\n}\n\n\n.vlr-tool p {\n\n  margin:\n    4px 0\n    0;\n\n  color:\n    var(--vlr-soft);\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    11px;\n\n  line-height:\n    1.5;\n\n}\n\n\n.vlr-tool-icon {\n\n  color:\n    var(--vlr-gold);\n\n  text-align:\n    right;\n\n}\n\n\n\/* =========================================================\n   12. CASE SECTION\n========================================================= *\/\n\n.vlr-case {\n\n  display:\n    grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(0,1fr);\n\n  align-items:\n    center;\n\n  gap:\n    70px;\n\n  padding:\n    70px;\n\n  margin:\n    0 0\n    150px;\n\n  border:\n    1px solid\n    var(--vlr-border);\n\n  border-radius:\n    36px;\n\n  background:\n\n    linear-gradient(\n      145deg,\n      rgba(255,255,255,.58),\n      rgba(197,191,144,.11)\n    );\n\n  box-shadow:\n    0 30px 80px\n    rgba(70,65,38,.05);\n\n}\n\n\n.vlr-case-copy \u003e p:not(.vlr-overline) {\n\n  color:\n    var(--vlr-soft);\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    14px;\n\n  line-height:\n    1.8;\n\n}\n\n\n.vlr-case-copy strong {\n\n  color:\n    var(--vlr-olive);\n\n}\n\n\n.vlr-case-tags {\n\n  display:\n    flex;\n\n  flex-wrap:\n    wrap;\n\n  gap:\n    7px;\n\n  margin-top:\n    27px;\n\n}\n\n\n.vlr-case-tags span {\n\n  display:\n    inline-flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  min-height:\n    37px;\n\n  padding:\n    8px 13px;\n\n  border:\n    1px solid\n    var(--vlr-border);\n\n  border-radius:\n    100px;\n\n  color:\n    var(--vlr-olive);\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    7px;\n\n  letter-spacing:\n    1.5px;\n\n}\n\n\n\/* Case illustration *\/\n\n.vlr-case-art {\n\n  position:\n    relative;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  min-height:\n    350px;\n\n  perspective:\n    1000px;\n\n}\n\n\n.vlr-case-object {\n\n  position:\n    relative;\n\n  z-index:\n    2;\n\n  overflow:\n    hidden;\n\n  width:\n    min(390px, 90%);\n\n  aspect-ratio:\n    1.58;\n\n  border:\n    1px solid\n    rgba(197,191,144,.33);\n\n  border-radius:\n    18px;\n\n  background:\n\n    linear-gradient(\n      145deg,\n      #595432,\n      #39361F\n    );\n\n  box-shadow:\n\n    0 38px 60px\n    rgba(70,65,38,.20),\n\n    inset\n    0 1px 1px\n    rgba(255,255,255,.12);\n\n  animation:\n    vlr-case-float\n    5s\n    ease-in-out\n    infinite;\n\n}\n\n\n.vlr-case-object::before {\n\n  content:\n    \"\";\n\n  position:\n    absolute;\n\n  inset:\n    9px;\n\n  border:\n    1px solid\n    rgba(197,191,144,.15);\n\n  border-radius:\n    12px;\n\n}\n\n\n.vlr-case-logo {\n\n  position:\n    absolute;\n\n  top:\n    50%;\n\n  left:\n    50%;\n\n  width:\n    100%;\n\n  transform:\n    translate(-50%,-50%);\n\n  text-align:\n    center;\n\n}\n\n\n.vlr-case-logo \u003e span {\n\n  display:\n    block;\n\n  margin-bottom:\n    9px;\n\n  color:\n    var(--vlr-gold);\n\n  font-size:\n    22px;\n\n}\n\n\n.vlr-case-logo strong {\n\n  display:\n    block;\n\n  color:\n    var(--vlr-ivory);\n\n  font-family:\n    \"Baskerville\",\n    serif;\n\n  font-size:\n    25px;\n\n  font-weight:\n    400;\n\n  letter-spacing:\n    7px;\n\n}\n\n\n.vlr-case-logo small {\n\n  display:\n    block;\n\n  margin-top:\n    7px;\n\n  color:\n    var(--vlr-champagne);\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    5px;\n\n  letter-spacing:\n    2.8px;\n\n}\n\n\n.vlr-case-shadow {\n\n  position:\n    absolute;\n\n  bottom:\n    55px;\n\n  width:\n    65%;\n\n  height:\n    45px;\n\n  border-radius:\n    50%;\n\n  background:\n    rgba(70,65,38,.18);\n\n  filter:\n    blur(23px);\n\n}\n\n\n.vlr-case-shine {\n\n  position:\n    absolute;\n\n  width:\n    40%;\n\n  height:\n    180%;\n\n  top:\n    -40%;\n\n  left:\n    -80%;\n\n  transform:\n    rotate(25deg);\n\n  background:\n\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(255,255,255,.11),\n      transparent\n    );\n\n  animation:\n    vlr-case-shine\n    6s\n    infinite;\n\n}\n\n\n@keyframes vlr-case-shine {\n\n  0%,\n  65% {\n\n    left:\n      -80%;\n\n  }\n\n  100% {\n\n    left:\n      160%;\n\n  }\n\n}\n\n\n@keyframes vlr-case-float {\n\n  0%,\n  100% {\n\n    transform:\n      rotateY(-8deg)\n      rotateX(4deg)\n      translateY(0);\n\n  }\n\n  50% {\n\n    transform:\n      rotateY(-5deg)\n      rotateX(3deg)\n      translateY(-9px);\n\n  }\n\n}\n\n\n\/* =========================================================\n   13. FINAL BRAND MESSAGE\n========================================================= *\/\n\n.vlr-universal {\n\n  max-width:\n    880px;\n\n  margin:\n    0 auto;\n\n  padding:\n    45px 15px\n    10px;\n\n  text-align:\n    center;\n\n}\n\n\n.vlr-flower {\n\n  margin-bottom:\n    22px;\n\n  color:\n    var(--vlr-gold);\n\n  font-size:\n    28px;\n\n}\n\n\n.vlr-universal h3 {\n\n  margin:\n    17px 0\n    25px;\n\n  font-size:\n    clamp(\n      58px,\n      8vw,\n      100px\n    );\n\n  line-height:\n    .9;\n\n  letter-spacing:\n    -4px;\n\n}\n\n\n.vlr-universal h3 em {\n\n  display:\n    block;\n\n  color:\n    var(--vlr-gold);\n\n  font-weight:\n    400;\n\n}\n\n\n.vlr-universal-copy {\n\n  max-width:\n    620px;\n\n  margin:\n    0 auto;\n\n  color:\n    var(--vlr-soft);\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    14px;\n\n  line-height:\n    1.85;\n\n}\n\n\n.vlr-signature {\n\n  margin-top:\n    78px;\n\n}\n\n\n.vlr-signature \u003e span {\n\n  display:\n    block;\n\n  color:\n    var(--vlr-olive);\n\n  font-family:\n    \"Baskerville\",\n    serif;\n\n  font-size:\n    31px;\n\n  letter-spacing:\n    9px;\n\n}\n\n\n.vlr-signature small {\n\n  display:\n    block;\n\n  margin-top:\n    7px;\n\n  color:\n    var(--vlr-gold);\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    7px;\n\n  letter-spacing:\n    4px;\n\n}\n\n\n\/* =========================================================\n   14. SCROLL REVEAL\n========================================================= *\/\n\n.vlr-reveal {\n\n  opacity:\n    0;\n\n  transform:\n    translateY(28px);\n\n  transition:\n\n    opacity\n    .85s\n    cubic-bezier(.2,.8,.2,1),\n\n    transform\n    .85s\n    cubic-bezier(.2,.8,.2,1);\n\n}\n\n\n.vlr-reveal.vlr-visible {\n\n  opacity:\n    1;\n\n  transform:\n    translateY(0);\n\n}\n\n\n\/* =========================================================\n   15. TABLET\n========================================================= *\/\n\n@media screen and (max-width: 900px) {\n\n  #vlr-product {\n\n    padding:\n      80px\n      20px;\n\n  }\n\n\n  .vlr-benefit-grid {\n\n    grid-template-columns:\n      repeat(2, minmax(0,1fr));\n\n  }\n\n\n  .vlr-process {\n\n    grid-template-columns:\n      1fr;\n\n    gap:\n      55px;\n\n  }\n\n\n  .vlr-process-copy {\n\n    max-width:\n      680px;\n\n  }\n\n\n  .vlr-box-stage {\n\n    min-height:\n      auto;\n\n  }\n\n\n  .vlr-arch {\n\n    min-height:\n      550px;\n\n  }\n\n\n  .vlr-case {\n\n    grid-template-columns:\n      1fr;\n\n    gap:\n      45px;\n\n    padding:\n      50px\n      40px;\n\n  }\n\n}\n\n\n\/* =========================================================\n   16. MOBILE — IPHONE \/ SAMSUNG \/ PIXEL\n========================================================= *\/\n\n@media screen and (max-width: 600px) {\n\n  #vlr-product {\n\n    padding:\n      58px\n      15px\n      78px;\n\n  }\n\n\n  \/* HERO *\/\n\n  .vlr-hero {\n\n    margin-bottom:\n      90px;\n\n  }\n\n\n  .vlr-brandline {\n\n    gap:\n      9px;\n\n    margin-bottom:\n      25px;\n\n    font-size:\n      9px;\n\n    letter-spacing:\n      3.5px;\n\n  }\n\n\n  .vlr-brandline span {\n\n    width:\n      14px;\n\n  }\n\n\n  .vlr-overline {\n\n    font-size:\n      8px;\n\n    letter-spacing:\n      2px;\n\n  }\n\n\n  .vlr-display {\n\n    margin:\n      16px 0\n      22px;\n\n    font-size:\n      clamp(\n        43px,\n        13vw,\n        58px\n      );\n\n    line-height:\n      .94;\n\n    letter-spacing:\n      -2px;\n\n  }\n\n\n  .vlr-hero-copy {\n\n    font-size:\n      13.5px;\n\n    line-height:\n      1.75;\n\n  }\n\n\n  .vlr-pills {\n\n    display:\n      grid;\n\n    grid-template-columns:\n      1fr;\n\n    width:\n      100%;\n\n    gap:\n      7px;\n\n    margin-top:\n      27px;\n\n  }\n\n\n  .vlr-pill {\n\n    width:\n      100%;\n\n    min-height:\n      44px;\n\n  }\n\n\n  .vlr-scrollhint {\n\n    margin-top:\n      42px;\n\n  }\n\n\n  \/* Statement *\/\n\n  .vlr-statement {\n\n    margin-bottom:\n      95px;\n\n    padding:\n      40px\n      7px;\n\n  }\n\n\n  .vlr-statement p {\n\n    font-size:\n      31px;\n\n  }\n\n\n  \/* Headings *\/\n\n  .vlr-section {\n\n    margin-bottom:\n      100px;\n\n  }\n\n\n  .vlr-section-head {\n\n    margin-bottom:\n      33px;\n\n  }\n\n\n  .vlr-section-head h3,\n  .vlr-process-copy h3,\n  .vlr-case-copy h3 {\n\n    margin:\n      10px 0\n      16px;\n\n    font-size:\n      clamp(\n        36px,\n        11vw,\n        47px\n      );\n\n    letter-spacing:\n      -1.4px;\n\n  }\n\n\n  .vlr-section-intro {\n\n    font-size:\n      13px;\n\n    line-height:\n      1.7;\n\n  }\n\n\n  \/* Benefit cards *\/\n\n  .vlr-benefit-grid {\n\n    grid-template-columns:\n      1fr;\n\n    gap:\n      10px;\n\n  }\n\n\n  .vlr-benefit-card {\n\n    min-height:\n      255px;\n\n    padding:\n      23px;\n\n    border-radius:\n      22px;\n\n  }\n\n\n  .vlr-card-content h4 {\n\n    font-size:\n      20px;\n\n  }\n\n\n  .vlr-card-content p {\n\n    font-size:\n      12.5px;\n\n  }\n\n\n  \/* No sticky hover on touch *\/\n\n  .vlr-benefit-card:hover {\n\n    transform:\n      none;\n\n  }\n\n\n  \/* Stats *\/\n\n  .vlr-stats {\n\n    margin-bottom:\n      95px;\n\n    padding:\n      25px\n      0;\n\n  }\n\n\n  .vlr-stat {\n\n    width:\n      33.333%;\n\n    padding:\n      0\n      4px;\n\n  }\n\n\n  .vlr-stat strong {\n\n    font-size:\n      23px;\n\n  }\n\n\n  .vlr-stat span {\n\n    font-size:\n      6px;\n\n    line-height:\n      1.4;\n\n    letter-spacing:\n      .9px;\n\n  }\n\n\n  .vlr-stat-divider {\n\n    height:\n      31px;\n\n  }\n\n\n  \/* Process *\/\n\n  .vlr-process {\n\n    display:\n      block;\n\n    margin-bottom:\n      100px;\n\n  }\n\n\n  .vlr-process-copy {\n\n    margin-bottom:\n      48px;\n\n  }\n\n\n  .vlr-body {\n\n    font-size:\n      13.5px;\n\n    line-height:\n      1.75;\n\n  }\n\n\n  .vlr-process-item {\n\n    grid-template-columns:\n      35px\n      minmax(0,1fr);\n\n    gap:\n      9px;\n\n  }\n\n\n  .vlr-process-item p {\n\n    font-size:\n      12px;\n\n  }\n\n\n  \/* Product visual *\/\n\n  .vlr-box-stage {\n\n    width:\n      100%;\n\n    min-height:\n      auto;\n\n  }\n\n\n  .vlr-arch {\n\n    width:\n      100%;\n\n    min-height:\n      445px;\n\n    padding:\n      40px\n      18px;\n\n    border-radius:\n      150px\n      150px\n      25px\n      25px;\n\n  }\n\n\n  .vlr-arch-ring {\n\n    width:\n      265px;\n\n    height:\n      265px;\n\n  }\n\n\n  .vlr-box {\n\n    width:\n      82%;\n\n  }\n\n\n  .vlr-wordmark {\n\n    font-size:\n      23px;\n\n    letter-spacing:\n      5px;\n\n  }\n\n\n  .vlr-tagline {\n\n    font-size:\n      4.5px;\n\n    letter-spacing:\n      2px;\n\n  }\n\n\n  \/* Tool list *\/\n\n  .vlr-tool {\n\n    grid-template-columns:\n      42px\n      minmax(0,1fr)\n      22px;\n\n    min-height:\n      75px;\n\n    padding:\n      17px\n      5px;\n\n  }\n\n\n  .vlr-tool:hover {\n\n    padding:\n      17px\n      5px;\n\n    background:\n      transparent;\n\n  }\n\n\n  .vlr-tool h4 {\n\n    font-size:\n      17px;\n\n  }\n\n\n  .vlr-tool p {\n\n    font-size:\n      10.5px;\n\n  }\n\n\n  \/* Case *\/\n\n  .vlr-case {\n\n    display:\n      block;\n\n    padding:\n      36px\n      20px;\n\n    margin-bottom:\n      100px;\n\n    border-radius:\n      25px;\n\n  }\n\n\n  .vlr-case-copy \u003e p:not(.vlr-overline) {\n\n    font-size:\n      13px;\n\n    line-height:\n      1.75;\n\n  }\n\n\n  .vlr-case-art {\n\n    min-height:\n      260px;\n\n    margin-top:\n      30px;\n\n  }\n\n\n  .vlr-case-object {\n\n    width:\n      91%;\n\n  }\n\n\n  .vlr-case-logo strong {\n\n    font-size:\n      21px;\n\n    letter-spacing:\n      5px;\n\n  }\n\n\n  \/* Final section *\/\n\n  .vlr-universal {\n\n    padding-left:\n      0;\n\n    padding-right:\n      0;\n\n  }\n\n\n  .vlr-universal h3 {\n\n    font-size:\n      clamp(\n        45px,\n        13vw,\n        59px\n      );\n\n    letter-spacing:\n      -2px;\n\n  }\n\n\n  .vlr-universal-copy {\n\n    font-size:\n      13px;\n\n    line-height:\n      1.75;\n\n  }\n\n\n  .vlr-signature {\n\n    margin-top:\n      58px;\n\n  }\n\n\n  .vlr-signature \u003e span {\n\n    font-size:\n      25px;\n\n    letter-spacing:\n      6px;\n\n  }\n\n\n  .vlr-signature small {\n\n    font-size:\n      5.5px;\n\n    letter-spacing:\n      3px;\n\n  }\n\n\n  \/* Background decorations *\/\n\n  .vlr-glow-one {\n\n    width:\n      300px;\n\n    height:\n      300px;\n\n    left:\n      -235px;\n\n  }\n\n\n  .vlr-glow-two {\n\n    width:\n      360px;\n\n    height:\n      360px;\n\n    right:\n      -290px;\n\n  }\n\n}\n\n\n\/* =========================================================\n   17. EXTRA SMALL PHONES\n========================================================= *\/\n\n@media screen and (max-width: 375px) {\n\n  #vlr-product {\n\n    padding-left:\n      12px;\n\n    padding-right:\n      12px;\n\n  }\n\n\n  .vlr-display {\n\n    font-size:\n      42px;\n\n  }\n\n\n  .vlr-section-head h3,\n  .vlr-process-copy h3,\n  .vlr-case-copy h3 {\n\n    font-size:\n      35px;\n\n  }\n\n\n  .vlr-universal h3 {\n\n    font-size:\n      44px;\n\n  }\n\n\n  .vlr-arch {\n\n    min-height:\n      400px;\n\n  }\n\n\n  .vlr-case {\n\n    padding:\n      31px\n      17px;\n\n  }\n\n}\n\n\n\/* =========================================================\n   18. TOUCHSCREEN DEVICES\n========================================================= *\/\n\n@media\n(hover: none)\nand\n(pointer: coarse) {\n\n  .vlr-benefit-card:hover {\n\n    transform:\n      none;\n\n    border-color:\n      var(--vlr-border);\n\n  }\n\n\n  .vlr-tool:hover {\n\n    padding-left:\n      5px;\n\n    padding-right:\n      5px;\n\n    background:\n      transparent;\n\n  }\n\n}\n\n\n\/* =========================================================\n   19. ACCESSIBILITY\n========================================================= *\/\n\n@media\n(prefers-reduced-motion: reduce) {\n\n  #vlr-product *,\n  #vlr-product *::before,\n  #vlr-product *::after {\n\n    animation-duration:\n      .01ms !important;\n\n    animation-iteration-count:\n      1 !important;\n\n    scroll-behavior:\n      auto !important;\n\n    transition-duration:\n      .01ms !important;\n\n  }\n\n\n  .vlr-reveal {\n\n    opacity:\n      1 !important;\n\n    transform:\n      none !important;\n\n  }\n\n}\n\n\n\/* Future buttons \/ links automatically mobile-friendly *\/\n\n#vlr-product button,\n#vlr-product .vlr-button,\n#vlr-product a.vlr-button {\n\n  min-width:\n    44px;\n\n  min-height:\n    44px;\n\n  touch-action:\n    manipulation;\n\n  -webkit-tap-highlight-color:\n    rgba(169,158,85,.20);\n\n}\n\n\u003c\/style\u003e\n\n\n\u003cscript\u003e\n\n(function () {\n\n  function initValaraAnimations() {\n\n    const section =\n      document.querySelector(\n        \"#vlr-product\"\n      );\n\n    if (!section) {\n      return;\n    }\n\n\n    const items =\n      section.querySelectorAll(\n        \".vlr-reveal\"\n      );\n\n\n    \/*\n      Accessibility \/ older browsers:\n      show everything normally if\n      IntersectionObserver isn't supported.\n    *\/\n\n    if (\n      !(\"IntersectionObserver\" in window)\n    ) {\n\n      items.forEach(\n        function (item) {\n\n          item.classList.add(\n            \"vlr-visible\"\n          );\n\n        }\n      );\n\n      return;\n\n    }\n\n\n    const observer =\n      new IntersectionObserver(\n\n        function (entries) {\n\n          entries.forEach(\n            function (entry) {\n\n              if (\n                entry.isIntersecting\n              ) {\n\n                entry.target.classList.add(\n                  \"vlr-visible\"\n                );\n\n                observer.unobserve(\n                  entry.target\n                );\n\n              }\n\n            }\n          );\n\n        },\n\n        {\n\n          threshold:\n            0.10,\n\n          rootMargin:\n            \"0px 0px -35px 0px\"\n\n        }\n\n      );\n\n\n    items.forEach(\n      function (item, index) {\n\n        \/*\n          Slight stagger gives an expensive,\n          subtle reveal rather than everything\n          appearing simultaneously.\n        *\/\n\n        item.style.transitionDelay =\n          Math.min(\n            index * 0.025,\n            0.14\n          ) + \"s\";\n\n        observer.observe(\n          item\n        );\n\n      }\n    );\n\n  }\n\n\n  if (\n    document.readyState ===\n    \"loading\"\n  ) {\n\n    document.addEventListener(\n      \"DOMContentLoaded\",\n      initValaraAnimations\n    );\n\n  }\n\n  else {\n\n    initValaraAnimations();\n\n  }\n\n})();\n\n\u003c\/script\u003e","brand":"VALARA","offers":[{"title":"Default Title","offer_id":50644426391745,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0875\/1516\/8961\/files\/valara-case-clean-metal-clasp.png?v=1790195362"}],"url":"https:\/\/valara.co.za\/collections\/frontpage.oembed","provider":"VALARA","version":"1.0","type":"link"}