/*
Theme Name: Vidal Motion
Theme URI: https://vidalmedical.ca/
Author: Moe Amintabar
Description: Cinematic, editorial WordPress theme for Vidal Medical's Canadian professional skincare distribution.
Version: 0.7.14
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: vidal-motion
*/
:root{--paper:#f5f2ec;--ink:#21201e;--purple:#4a3548;--purple-deep:#30232f;--gold:#b2a08d;--line:#d9d4cc;--muted:#68645e;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Manrope',Arial,sans-serif;--gutter:clamp(24px,5vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.7 var(--sans);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}h1,h2,h3,.serif{font-family:var(--serif)}em{font-weight:400}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{display:block;max-width:100%;height:auto}button,a,input,summary,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #b89360;outline-offset:6px}::selection{background:#cbbba9;color:#171514}.wrap{width:calc(100% - var(--gutter)*2);max-width:1440px;margin-inline:auto}.section-pad{padding-block:110px}.eyebrow{font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.19em;text-transform:uppercase;line-height:1.7}.skip-link{position:fixed;left:24px;top:-100px;z-index:1000;padding:12px 20px;background:var(--paper);color:var(--ink)}.skip-link:focus{top:16px}
.site-header{position:absolute;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:28px var(--gutter);color:var(--paper);border-bottom:1px solid #ffffff24;gap:28px}.wordmark{font-family:var(--serif);font-size:51px;line-height:.76;letter-spacing:-.055em;text-align:center}.wordmark span{display:block;font:8px/1 var(--sans);letter-spacing:.36em;margin-top:11px;padding-left:5px}.primary-menu{display:flex;gap:36px;align-items:center;list-style:none;padding:0;margin:0;font-size:11px}.primary-menu a{position:relative;padding-block:10px}.primary-menu a:after{content:'';position:absolute;bottom:3px;left:0;width:0;height:1px;background:currentColor;transition:width .25s}.primary-menu a:hover:after{width:100%}.header-cta{border:1px solid #ffffff60;padding:12px 19px;font-size:10px;display:flex;gap:25px;align-items:center;transition:background .25s}.header-cta:hover{background:#ffffff12}.menu-toggle{display:none}.primary-menu li{position:relative}.primary-menu .sub-menu{display:none;position:absolute;min-width:190px;background:var(--ink);padding:18px;list-style:none}.primary-menu li:hover>.sub-menu,.primary-menu li:focus-within>.sub-menu{display:block}.primary-menu .sub-menu a{display:block}.admin-bar .site-header{top:32px}body:not(.home) .site-header{position:relative;background:var(--ink)}
.hero{position:relative;min-height:780px;height:100svh;max-height:1200px;isolation:isolate;overflow:hidden;color:var(--paper);background:#131111}.hero-image{position:absolute;inset:0;z-index:-3;will-change:transform}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:65% 45%}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(12,11,11,.85),rgba(12,11,11,.22) 56%,transparent 80%),linear-gradient(0deg,rgba(12,11,11,.7),transparent 30%)}.hero-copy{padding-top:clamp(230px,30vh,370px);position:relative}.hero-copy .eyebrow{display:flex;align-items:center;gap:16px;color:#d6cfc5;font-size:9px}.small-line{width:29px;height:1px;background:#bfae99}.hero h1{font-size:clamp(54px,5.8vw,94px);line-height:1.02;letter-spacing:-.035em;margin-top:30px;max-width:920px}.hero h1 em{color:#d4bdab}.hero-description{font-size:12px;line-height:1.9;color:#dad5ce;margin-top:27px;max-width:410px}.hero-description sup{font-size:8px}.cta-row{display:flex;gap:30px;align-items:center;margin-top:33px}.button{display:inline-flex;justify-content:space-between;gap:30px;align-items:center;min-height:49px;padding:15px 22px;font-size:10px;font-weight:600;letter-spacing:.02em;transition:background .25s,color .25s,transform .25s}.button:hover{transform:translateY(-2px)}.button span,.text-link span{font-size:17px;font-weight:400}.button-light{background:var(--paper);color:var(--ink)}.button-light:hover{background:#e4d8cb}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:var(--purple)}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:27px;font-size:10px;border-bottom:1px solid #ffffff5c;padding-block:8px}.dark-link{border-color:#8b847a}.hero-bottom{position:absolute;left:0;right:0;bottom:35px;display:flex;justify-content:space-between;align-items:center;font-size:9px}.scroll-cue{display:flex;align-items:center;gap:15px;color:#d3cbc1}.scroll-cue>span{display:grid;place-items:center;width:32px;height:43px;border:1px solid #ffffff40;border-radius:30px;font-size:15px}.hero-edition{letter-spacing:.15em;color:#b6aaa0;display:flex;gap:50px}.hero-edition span{color:#e1dbd2}
.brand-bridge{display:flex;align-items:center;justify-content:space-between;min-height:152px;border-bottom:1px solid var(--line);gap:24px}.brand-bridge>span{font-size:8px;letter-spacing:.12em;line-height:1.8;color:var(--muted)}.meso-wordmark{font-size:32px;font-weight:600;letter-spacing:-.06em;line-height:1.2;text-align:center}.meso-wordmark sup{font-size:11px;vertical-align:top;letter-spacing:0}.meso-wordmark small{display:block;font-size:8px;letter-spacing:.02em;font-weight:400;margin-top:8px}.intro{display:grid;grid-template-columns:1fr 3fr;gap:30px}.section-index{padding-top:10px}.intro h2{font-size:clamp(37px,4vw,63px);line-height:1.1;letter-spacing:-.025em}.intro h2 em{color:#807061}.intro-detail{max-width:480px;margin:34px 0 0 auto}.intro-detail p{font-size:12px;color:var(--muted);line-height:1.9}.intro-detail .text-link{margin-top:18px}.collection{background:#eae5dd}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:48px}.section-heading h2{font-size:clamp(37px,4.1vw,64px);line-height:1.1;letter-spacing:-.025em;margin-top:16px}.section-heading .text-link{flex-shrink:0;margin-bottom:6px}.collection-feature{display:grid;grid-template-columns:1.2fr 1fr;min-height:580px}.collection-art{position:relative;background:#f7f5f1;display:flex;align-items:center;justify-content:center;padding:65px 24px;overflow:hidden}.collection-art img{width:100%;max-height:440px;object-fit:contain;mix-blend-mode:multiply;transition:transform 1.4s}.collection-art:hover img{transform:scale(1.035)}.art-label{position:absolute;top:25px;left:28px;font-size:8px;letter-spacing:.12em;color:var(--muted)}.art-caption{position:absolute;bottom:24px;left:28px;font:italic 18px var(--serif);color:var(--muted)}.collection-copy{padding:65px clamp(28px,4vw,72px);position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:#ded7ce}.collection-number{position:absolute;top:25px;right:28px;font-size:9px;color:var(--muted)}.collection-copy h3{font-size:clamp(45px,4.4vw,68px);line-height:1;letter-spacing:-.025em;margin-top:22px}.collection-copy h3 em{color:#806a58}.collection-copy>p:not(.eyebrow){font-size:11px;line-height:1.9;color:#625b54;margin-top:24px;max-width:320px}.collection-copy .button{margin-top:26px}.collection-note{font-size:8px;letter-spacing:.04em;margin-top:30px;color:#766d62}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:50px}.product-image{background:#f7f5f1;padding:22px;aspect-ratio:1;display:grid;place-items:center;margin-bottom:22px}.product-image img{max-height:100%;object-fit:contain;mix-blend-mode:multiply}.product-card h3{font-size:24px;line-height:1.2;margin-top:8px;display:flex;justify-content:space-between;gap:12px}.product-card .eyebrow{font-size:8px;color:var(--muted)}.product-view{font-size:10px;display:block;margin-top:12px}
.solutions{display:grid;grid-template-columns:1fr 1.15fr;gap:10%}.solutions h2{font-size:clamp(40px,4.2vw,66px);line-height:1.07;letter-spacing:-.03em;margin-top:22px}.solutions h2 em{color:#807061}.solutions-intro>p:last-child{font-size:12px;line-height:1.9;color:var(--muted);max-width:315px;margin-top:28px}.solution-row{display:flex;align-items:center;gap:27px;border-bottom:1px solid var(--line);min-height:106px;transition:padding .3s}.solution-row:first-child{border-top:1px solid var(--line)}.solution-row:hover{padding-left:12px}.solution-index{font-size:9px;color:#8c8074}.solution-row h3{font-size:30px;line-height:1.15}.circle-arrow{margin-left:auto;width:36px;height:36px;border:1px solid #b4aa9d;border-radius:50%;display:grid;place-items:center;flex-shrink:0;transition:background .3s,color .3s}.solution-row:hover .circle-arrow{background:var(--ink);color:white}.manifesto{position:relative;isolation:isolate;overflow:hidden;background:#211c21;color:var(--paper);padding-block:105px;min-height:640px}.manifesto-content{position:relative}.manifesto h2{font-size:clamp(50px,6.4vw,100px);line-height:1.02;letter-spacing:-.025em;margin-top:37px}.manifesto h2 em{color:#c6aca6}.manifesto-orbit{position:absolute;width:70vw;height:70vw;max-width:1000px;max-height:1000px;right:-14%;top:-12%;border:1px solid #c8a7a729;border-radius:50%;background:radial-gradient(ellipse at 37% 30%,#7f5b5930,transparent 60%);z-index:-1}.manifesto-orbit:before,.manifesto-orbit:after{content:'';position:absolute;border:1px solid #c8a7a71c;border-radius:50%;inset:12%}.manifesto-orbit:after{inset:25%}.manifesto-bottom{display:flex;justify-content:space-between;gap:30px;margin-top:70px;padding-top:27px;border-top:1px solid #ffffff20;align-items:center}.manifesto-bottom>span{font-size:8px;letter-spacing:.15em;color:#c8bab2}.manifesto-bottom p{font-size:11px;line-height:1.8;color:#c7bdb9}.partnership{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:center}.partner-heading h2{font-size:clamp(42px,4.7vw,72px);line-height:1.03;letter-spacing:-.025em;margin-top:24px}.partner-heading h2 em{color:#807061}.partner-heading>p:not(.eyebrow){font-size:12px;line-height:1.9;color:var(--muted);max-width:370px;margin-top:28px}.partner-steps{display:grid;gap:15px;margin-top:30px;font-size:9px;color:#847566}.partner-steps b{font-size:11px;font-weight:400;color:var(--ink);margin-left:20px}.partner-panel{background:#eae5dd;padding:45px 36px}.partner-panel h3{font-size:39px;line-height:1.1;margin:24px 0}.partner-panel>p:not(.eyebrow){font-size:11px;color:var(--muted);line-height:1.8}.partner-panel .button{margin-top:24px;width:100%}.partner-panel .partner-fineprint{font-size:9px!important;margin-top:24px}.partner-fineprint a{text-decoration:underline;text-underline-offset:3px}.application-disclosure{border-top:1px solid #b8aea1;border-bottom:1px solid #b8aea1;margin-top:32px}.application-disclosure summary{cursor:pointer;font-size:11px;padding-block:20px;display:flex;justify-content:space-between;gap:20px;list-style:none}.application-disclosure summary::-webkit-details-marker{display:none}.application-disclosure summary span{font-size:18px}.application-disclosure[open] summary span{transform:rotate(45deg)}.application-content{padding-block:10px 25px}.vidal-application-form label{display:block;font-size:11px;margin-bottom:15px}.vidal-application-form input:not([type=checkbox]),.vidal-application-form select,.vidal-application-form textarea{width:100%;background:#f8f6f2;border:1px solid #bcb3a7;padding:11px;color:var(--ink);margin-top:5px}.vidal-application-form button{background:var(--ink);color:var(--paper);border:0;padding:14px 20px;cursor:pointer}.vidal-application-form input[type=checkbox]{width:auto}.vidal-application-form a{text-decoration:underline}
.site-footer{background:#171615;color:#e8e1d8;padding:65px 0 25px}.footer-top{display:flex;justify-content:space-between;align-items:center}.footer-top p{font:33px/1.2 var(--serif)}.footer-top em{color:#b2a08d}.footer-wordmark{font:clamp(100px,24vw,360px)/.9 var(--serif);letter-spacing:-.065em;display:flex;align-items:baseline;gap:35px;padding-block:65px 45px}.footer-wordmark span{font:10px var(--sans);letter-spacing:.7em}.footer-bottom{border-top:1px solid #ffffff20;padding-top:23px;display:flex;justify-content:space-between;gap:24px;font-size:8px;color:#b2a79c}.footer-bottom a:hover{color:#fff}
/* Existing WordPress, WooCommerce and Vidal Pro screens. */
.site-content,.site-shop{max-width:1180px;min-height:50vh;margin:65px auto 90px;padding:0 24px}.site-content{max-width:850px}.site-content h1,.site-shop h1{font:48px/1.15 var(--serif);margin-bottom:28px}.site-content h2{font-size:34px;margin:28px 0 16px}.site-content p{margin-bottom:20px}.site-content a{text-decoration:underline}.site-content input,.site-content select,.site-content textarea{max-width:100%}.woocommerce ul.products{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.woocommerce ul.products:before,.woocommerce ul.products:after{display:none}.woocommerce ul.products li.product{float:none;width:auto;margin:0;background:#ece7df;padding:22px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font:26px/1.2 var(--serif)}.woocommerce ul.products li.product img{mix-blend-mode:multiply}.woocommerce ul.products li.product .price,.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--purple)}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{background:var(--ink);color:var(--paper);border-radius:0;padding:14px 20px;font:11px var(--sans)}.woocommerce table.shop_table{border-radius:0;border-color:var(--line)}.woocommerce input.input-text,.woocommerce textarea,.woocommerce select{padding:12px;border:1px solid #bcb3a7;background:#fff;color:var(--ink)}.woocommerce-MyAccount-navigation ul{list-style:none;padding:0}.woocommerce-MyAccount-navigation li{padding:10px 0;border-bottom:1px solid var(--line)}.vidal-order-cta{padding:16px;background:#eae5dd}.vidal-order-cta a{text-decoration:underline}
@media(min-width:1800px){.hero-copy{padding-top:320px}}@media(max-width:1100px){.intro{grid-template-columns:1fr}.intro-body{padding-top:10px}.hero h1{font-size:70px}.primary-menu{gap:24px}.hero{min-height:730px}.collection-feature{min-height:520px}.collection-art{padding-inline:15px}.solutions{gap:6%}.solution-row h3{font-size:26px}.partnership{gap:6%}.hero-copy .eyebrow{max-width:400px}}
@media(max-width:760px){:root{--gutter:24px}.section-pad{padding-block:68px}.site-header{padding:23px var(--gutter);flex-wrap:wrap;gap:0}.wordmark{font-size:43px}.wordmark span{font-size:7px}.header-cta{display:none}.menu-toggle{display:none;color:inherit;background:none;border:1px solid #ffffff50;padding:10px 15px;font-size:10px}.menu-toggle span{margin-left:22px}.js .menu-toggle{display:block}.site-header nav{width:100%;margin-top:24px}.js .site-header nav{display:none}.js .site-header.is-open{background:#171615}.js .site-header.is-open nav{display:block}.primary-menu{display:flex;flex-wrap:wrap;gap:24px;font-size:12px}.hero{height:auto;min-height:850px;max-height:none}.hero-image{inset:0 0 auto;height:640px}.hero-image img{object-position:67% top}.hero-shade{background:linear-gradient(0deg,#131111 8%,rgba(19,17,17,.86) 33%,rgba(19,17,17,.2) 70%),linear-gradient(90deg,#13111155,transparent)}.hero-copy{padding-top:395px;padding-bottom:125px}.hero-copy .eyebrow{font-size:8px;letter-spacing:.12em;gap:10px}.hero h1{font-size:clamp(44px,8.5vw,65px);margin-top:20px;line-height:1.03}.hero-description{font-size:11px;line-height:1.85;margin-top:23px}.cta-row{gap:24px;flex-wrap:wrap;margin-top:25px}.button{padding:14px 17px;gap:22px}.hero-bottom{bottom:27px}.hero-edition{font-size:7px;gap:15px}.hero-edition span{display:none}.scroll-cue{font-size:8px}.brand-bridge{min-height:135px;gap:20px}.brand-bridge>span{font-size:7px}.bridge-country{display:none}.meso-wordmark{font-size:26px}.meso-wordmark small{font-size:6px}.intro{gap:20px}.intro h2{font-size:40px}.intro-detail{margin-top:25px;max-width:100%}.section-heading{display:block;margin-bottom:32px}.section-heading h2{font-size:43px}.section-heading .text-link{margin-top:20px}.collection-feature{grid-template-columns:1fr}.collection-art{min-height:370px;padding:55px 15px}.collection-art img{max-height:330px;width:100%}.collection-copy{padding:48px 30px}.collection-copy h3{font-size:56px}.product-grid{grid-template-columns:repeat(2,1fr);gap:24px 14px}.product-image{padding:12px}.product-card h3{font-size:22px}.solutions{grid-template-columns:1fr;gap:35px}.solutions h2{font-size:48px}.solution-row{min-height:90px;gap:20px}.solution-row h3{font-size:28px}.manifesto{padding-block:70px;min-height:560px}.manifesto h2{font-size:58px}.manifesto-orbit{width:130vw;height:130vw;right:-60%;top:10%}.manifesto-bottom{align-items:flex-start;flex-direction:column;gap:20px;margin-top:45px}.manifesto-bottom p{font-size:10px}.partnership{grid-template-columns:1fr;gap:40px}.partner-heading h2{font-size:51px}.partner-panel{padding:35px 25px}.partner-panel h3{font-size:36px}.footer-top p{font-size:27px}.footer-wordmark{font-size:31vw;gap:22px;padding-block:50px 35px}.footer-wordmark span{font-size:8px;letter-spacing:.5em}.footer-bottom{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:8px}.woocommerce ul.products{grid-template-columns:repeat(2,1fr)}.admin-bar .site-header{top:46px}}
@media(prefers-reduced-motion:reduce){html:not(.vm-force-motion){scroll-behavior:auto}html:not(.vm-force-motion) *,html:not(.vm-force-motion) *:before,html:not(.vm-force-motion) *:after{animation:none!important;transition:none!important}html:not(.vm-force-motion) .hero-image{transform:none!important}}html.motion-off{scroll-behavior:auto}.motion-off *{animation:none!important;transition:none!important}

/* Vidal Medical Canada logo */
.wordmark img{display:block;width:auto;max-width:92px;height:auto;max-height:82px;object-fit:contain}.footer-wordmark{align-items:center}.footer-wordmark img{display:block;width:clamp(130px,20vw,245px);height:auto;max-height:260px;object-fit:contain}@media(max-width:767px){.wordmark img{max-width:72px;max-height:68px}.footer-wordmark img{width:145px;max-height:180px}}