/* WeOne V1: supplied brand palette and copy; existing home flow retained. */
body:has(.ref-home){background:#faf7f6}
.refpage.ref-home{--ink:#5a2d5f;--plum:#5a2d5f;--muted:#705d70;background:#faf7f6;font-family:'Montserrat','Lato',sans-serif}
.refpage.ref-home[lang] h1,.refpage.ref-home[lang] h2{font-family:'Playfair Display',Georgia,serif;letter-spacing:-.035em}
.refpage.ref-home[lang] .ref-hero{height:auto;min-height:690px;padding-bottom:44px;background:#f3e3df;isolation:isolate}
.refpage.ref-home[lang] .ref-hero-photo{inset:0 0 0 auto;width:68%;height:100%;object-fit:cover;object-position:52% 24%;z-index:-2}
.refpage.ref-home[lang] .ref-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#faf7f6 0%,#faf7f6f5 24%,#faf7f6e0 42%,#faf7f600 82%),linear-gradient(0deg,#faf7f6 0%,#faf7f600 25%)}
.refpage.ref-home[lang] .ref-top{margin:20px 24px 32px;gap:12px}
.refpage.ref-home[lang] .ref-account{padding:10px 15px;min-height:44px;font-size:13px!important;gap:8px}
.refpage.ref-home[lang] .ref-languages button{min-height:38px;font-size:12px;padding:8px 10px}
.refpage.ref-home[lang] .weone-logo{margin:0 36px;width:65%;display:block}
.weone-wordmark{display:block;font-family:'Playfair Display',Georgia,serif;font-size:76px;letter-spacing:-6px;line-height:1.12;color:#5a2d5f}
.weone-tagline{display:block;font-size:11px;letter-spacing:.06em;margin-top:10px;color:#5a2d5f}
.refpage.ref-home[lang] .ref-hero-copy{margin:46px 36px 0;position:relative}
.refpage.ref-home[lang] .ref-hero-copy:before{width:36px;margin-bottom:24px;border-color:#a66ba1}
.refpage.ref-home[lang] .ref-hero-copy h1{font-size:42px;line-height:1.12;width:76%;text-wrap:balance}
.refpage.ref-home[lang] .ref-hero-copy h1 em{white-space:normal;color:#875a80;margin-top:6px;max-width:340px}
.refpage.ref-home[lang] .ref-hero-copy p{width:53%;font-size:15px;line-height:1.65;margin-top:24px;color:#654e61}
.refpage.ref-home[lang] .ref-skin-card{margin:-18px 16px 0;padding:28px 24px;min-height:300px;border:1px solid #eadbdF;background:#fffdfb;border-radius:16px}
.refpage.ref-home[lang] .ref-kicker{font-size:10px;color:#785575;letter-spacing:.13em}
.refpage.ref-home[lang] .ref-skin-copy{width:61%}
.refpage.ref-home[lang] .ref-skin-card h2{font-size:30px;line-height:1.15;margin-top:18px}
.refpage.ref-home[lang] .ref-skin-copy>p:not(.ref-kicker){width:100%;font-size:14px;line-height:1.55;margin-top:14px}
.refpage.ref-home[lang] .ref-skin-copy>.ref-skin-promise{font-weight:700;color:#5a2d5f}
.refpage.ref-home[lang] .ref-primary{width:100%;font-size:13px!important;min-height:48px;padding:12px 14px;margin-top:22px;border-radius:7px;gap:12px}
.refpage.ref-home[lang] .ref-safe{width:100%;font-size:10px;margin-top:12px;gap:7px}
.refpage.ref-home[lang] .ref-skin-visual{right:18px;top:70px;width:31%;height:180px}
.refpage.ref-home[lang] .ref-face{inset:0;width:100%;height:180px;border-radius:100px 100px 12px 12px;background-image:url('/brand/weone-v1-skin-plum.webp');background-size:155% auto;background-position:center 28%}
.refpage.ref-home[lang] .ref-analysis-grid{display:none}
.refpage.ref-home[lang] .ref-feature-tags{display:none}
.refpage.ref-home[lang] .ref-next-grid{margin:12px 16px 20px;gap:12px}
.refpage.ref-home[lang] .ref-next-card{padding:24px 20px;min-height:265px;border:1px solid #eadbdf;border-radius:14px;background:linear-gradient(145deg,#f3e3df,#faf7f6)}
.refpage.ref-home[lang] .ref-next-card .ref-kicker{font-size:9px;white-space:normal;max-width:80%;line-height:1.6;margin-bottom:48px}
.refpage.ref-home[lang] .ref-next-card>.ref-round{width:36px;height:36px;top:52px;right:20px;background:#e7b9c344;color:#5a2d5f}
.refpage.ref-home[lang] .ref-round svg{width:22px;height:22px}
.refpage.ref-home[lang] .ref-next-card h2{font-size:27px;line-height:1.15}
.refpage.ref-home[lang] .ref-next-card h2 em{color:#875a80}
.refpage.ref-home[lang] .ref-next-card>p:not(.ref-kicker){width:100%;font-size:14px;line-height:1.5;margin-top:14px}
.refpage.ref-home[lang] .ref-next-card small{font-size:9px;line-height:1.6;margin:18px 0 0;color:#705d70}
.refpage.ref-home[lang] .ref-nav{background:#f3e3df66;border-top:1px solid #eadbdf;padding:22px 10px max(24px,env(safe-area-inset-bottom));border-radius:0}
.refpage.ref-home[lang] .ref-nav a{font-size:12px;color:#705d70;gap:8px}
.refpage.ref-home[lang] .ref-nav a[aria-current]{color:#5a2d5f}
.refpage.ref-home[lang] .ref-nav svg{width:26px;height:26px}
.refpage.ref-home[lang] button:hover{filter:brightness(.96)}
@media(max-width:450px){
.refpage.ref-home[lang] .ref-top{margin:16px 16px 30px;gap:8px}.refpage.ref-home[lang] .ref-account{font-size:11px!important;padding:8px 10px}.refpage.ref-home[lang] .ref-languages button{font-size:10px;padding:8px}
.refpage.ref-home[lang] .ref-hero{min-height:630px;padding-bottom:38px}.refpage.ref-home[lang] .ref-hero-photo{width:68%;object-position:50% 20%}.refpage.ref-home[lang] .ref-hero:after{background:linear-gradient(90deg,#faf7f6 0%,#faf7f6eb 16%,#faf7f6e6 40%,#faf7f680 62%,#faf7f600 90%),linear-gradient(0deg,#faf7f6 0%,#faf7f6b0 18%,#faf7f600 50%)}
.refpage.ref-home[lang] .weone-logo{margin:0 24px}.weone-wordmark{font-size:62px}.weone-tagline{font-size:9px}
.refpage.ref-home[lang] .ref-hero-copy{margin:46px 24px 0}.refpage.ref-home[lang] .ref-hero-copy h1{font-size:34px;width:90%}.refpage.ref-home[lang] .ref-hero-copy h1 em{max-width:250px}.refpage.ref-home[lang] .ref-hero-copy p{font-size:14px;width:66%;line-height:1.55}
.refpage.ref-home[lang] .ref-skin-card{padding:24px 18px}.refpage.ref-home[lang] .ref-skin-copy{width:100%;padding-top:0}.refpage.ref-home[lang] .ref-skin-card h2{font-size:27px;width:72%;min-height:65px}.refpage.ref-home[lang] .ref-skin-visual{top:48px;right:16px;width:24%;height:80px}.refpage.ref-home[lang] .ref-face{height:80px}.refpage.ref-home[lang] .ref-kicker{font-size:9px}.refpage.ref-home[lang] .ref-next-card{padding:20px 14px;min-height:285px}.refpage.ref-home[lang] .ref-next-card h2{font-size:23px}.refpage.ref-home[lang] .ref-next-card>p:not(.ref-kicker){font-size:13px}.refpage.ref-home[lang] .ref-next-card .ref-kicker{max-width:100%;font-size:8px}.refpage.ref-home[lang] .ref-next-card small{font-size:8px}.refpage.ref-home[lang] .ref-nav a{font-size:10px}
}

/* Keep the portrait clear of the WeOne wordmark on phones. */
@media(max-width:450px){
  .refpage.ref-home[lang] .ref-hero-photo{right:-38px}
}