.persona-landing{--persona-navy: #173b7a;--persona-blue: #2754a7;--persona-ink: #172033;--persona-muted: #66727d;--persona-orange: #ff7a00;--persona-sand: #f3f0eb;color:var(--persona-ink)}.persona-landing[data-persona=persona-luxe]{--persona-navy: #4d274f;--persona-blue: #74446f;--persona-orange: #b2745c;--persona-sand: #f5eeed}.persona-landing[data-persona=persona-cozy]{--persona-navy: #65503f;--persona-blue: #866b52;--persona-orange: #c47b4b;--persona-sand: #f5f0e9}.persona-landing[data-persona=persona-natural]{--persona-navy: #355f50;--persona-blue: #547d6c;--persona-orange: #b87947;--persona-sand: #f1f3ec}.persona-landing[data-persona=persona-bold]{--persona-navy: #6b214f;--persona-blue: #9a2c67;--persona-orange: #f06a32;--persona-sand: #f7edf2}.persona-landing[data-persona=persona-active]{--persona-navy: #174b63;--persona-blue: #14708a;--persona-orange: #f2673a;--persona-sand: #edf4f4}.persona-landing__hero{overflow:hidden;background:linear-gradient(135deg,#f6f4f0,#eef3f8)}.persona-landing__hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:center;padding-top:34px;padding-bottom:34px}.persona-landing__hero-copy{max-width:680px}.persona-landing__eyebrow,.persona-landing__kicker{margin:0 0 9px;color:var(--persona-orange);font-size:12px;font-weight:800;letter-spacing:.16em;line-height:1.3;text-transform:uppercase}.persona-landing__title{margin:0;color:var(--persona-navy);font-family:var(--heading-font-family);font-size:clamp(38px,7vw,72px);font-weight:750;letter-spacing:-.04em;line-height:.98}.persona-landing__tagline{max-width:620px;margin:20px 0 0;color:var(--persona-ink);font-family:var(--heading-font-family);font-size:clamp(20px,3vw,31px);font-weight:650;letter-spacing:-.02em;line-height:1.22}.persona-landing__intro{max-width:620px;margin-top:16px;color:var(--persona-muted);font-size:16px;line-height:1.65}.persona-landing__actions{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;margin-top:26px}.persona-landing__quiz-link{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid var(--persona-orange);border-radius:8px;background:#fff;color:var(--persona-orange);font-weight:700;text-decoration:none;transition:color .2s ease,background-color .2s ease}.persona-landing__quiz-link:hover,.persona-landing__quiz-link:focus-visible{background:var(--persona-orange);color:#fff}.persona-landing__signals{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0 0;padding:0;list-style:none}.persona-landing__signals li{padding:7px 11px;border:1px solid rgba(23,59,122,.14);border-radius:999px;background:#ffffffa3;color:var(--persona-navy);font-size:12px;font-weight:700}@media screen and (max-width:699px){.persona-landing__actions{display:grid;grid-template-columns:184px;gap:8px}.persona-landing__actions .button{display:inline-flex;box-sizing:border-box;width:184px;height:42px;min-height:42px;align-items:center;justify-content:center;padding:0 12px;font-size:14px;line-height:1.2;white-space:nowrap}}.persona-landing__hero-media{position:relative;min-height:390px;overflow:hidden;border-radius:4px 4px 56px;background:#dfe4e7}.persona-landing__hero-media>img{width:100%;height:100%;min-height:390px;object-fit:cover;object-position:center top}.persona-landing__hero-note{position:absolute;right:16px;bottom:16px;left:16px;display:flex;gap:4px;flex-direction:column;padding:14px 16px;border-radius:3px;background:#ffffffed;box-shadow:0 12px 34px #12243e26}.persona-landing__hero-note span{color:var(--persona-orange);font-size:10px;font-weight:800;letter-spacing:.15em}.persona-landing__hero-note strong{color:var(--persona-navy);font-size:14px}.persona-landing__section{padding:58px 0}.persona-landing__section-header{max-width:700px;margin:0 auto 30px;text-align:center}.persona-landing__section-header--left{margin-right:0;margin-left:0;text-align:left}.persona-landing__section-header h2,.persona-landing__all h2{margin:0;color:var(--persona-navy);font-family:var(--heading-font-family);font-size:clamp(28px,4vw,42px);font-weight:720;letter-spacing:-.025em;line-height:1.14}.persona-landing__section-header>p:last-child,.persona-landing__all>.container>p:last-child{margin:12px auto 0;color:var(--persona-muted);font-size:15px;line-height:1.6}.persona-landing__product-grid{align-items:stretch}.persona-landing__edit .persona-landing__product-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;margin:0!important;padding:0!important;overflow:visible}.persona-landing__edit .persona-landing__product-grid>.product-item{width:auto!important;min-width:0!important;max-width:none!important;margin:0!important}.persona-landing__moments{background:#f7f7f6}.persona-landing__moment-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.persona-landing__moment{position:relative;min-height:420px;overflow:hidden;border-radius:3px;background:#d8d8d8;color:#fff}.persona-landing__moment>img{width:100%;height:100%;min-height:420px;object-fit:cover;transition:transform .45s ease}.persona-landing__moment-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0c15230a 22%,#0c1523c7)}.persona-landing__moment-copy{position:absolute;right:24px;bottom:25px;left:24px;display:flex;flex-direction:column;align-items:flex-start}.persona-landing__moment-copy small{margin-bottom:7px;color:#ffd0a6;font-size:10px;font-weight:800;letter-spacing:.15em}.persona-landing__moment-copy strong{font-family:var(--heading-font-family);font-size:28px;line-height:1.15}.persona-landing__moment-copy span{max-width:360px;margin-top:8px;font-size:14px;line-height:1.5}.persona-landing__moment-copy b{margin-top:15px;font-size:13px}.persona-landing__moment:hover>img,.persona-landing__moment:focus-visible>img{transform:scale(1.035)}.persona-landing__formula{color:#fff;background:var(--persona-navy)}.persona-landing__formula-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:34px}.persona-landing__formula .persona-landing__section-header h2,.persona-landing__formula .persona-landing__section-header>p:last-child{color:#fff}.persona-landing__formula .persona-landing__section-header>p:last-child{opacity:.74}.persona-landing__formula-list{display:grid;gap:0;margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.2)}.persona-landing__formula-list li{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.2)}.persona-landing__formula-list li>span{color:#ffaf66;font-size:12px;font-weight:800}.persona-landing__formula-list strong{display:block;font-size:17px}.persona-landing__formula-list p{margin:5px 0 0;color:#ffffffb8;font-size:14px;line-height:1.5}.persona-landing__look{background:var(--persona-sand)}.persona-landing__look-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.persona-landing__look-item{position:relative;min-width:0}.persona-landing__look-item .product-item{width:100%!important;margin:0!important}.persona-landing__look-role{display:inline-block;margin:0 0 9px;color:var(--persona-orange);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.persona-landing__all{padding:58px 0 18px;text-align:center;background:#fff}html.has-persona-landing [data-section-type=collection] .page__sub-header,html.has-persona-landing [data-section-type=collection] .collection__header{display:none}html.has-persona-landing [data-section-type=collection]{scroll-margin-top:160px}html.has-persona-landing [data-section-type=collection] .container--collection-wide{padding-top:0}@media screen and (min-width:700px){.persona-landing__moment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.persona-landing__look-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}}@media screen and (min-width:800px){.persona-landing__hero-grid{grid-template-columns:minmax(0,.94fr) minmax(380px,.76fr);gap:clamp(40px,6vw,96px);min-height:650px;padding-top:52px;padding-bottom:52px}.persona-landing__hero-media,.persona-landing__hero-media>img{min-height:560px}.persona-landing__section{padding:84px 0}.persona-landing__section-header{margin-bottom:42px}.persona-landing__formula-grid{grid-template-columns:minmax(0,.8fr) minmax(480px,1.2fr);gap:clamp(60px,8vw,130px);align-items:center}.persona-landing__all{padding-top:78px;padding-bottom:22px}}@media(prefers-reduced-motion:reduce){.persona-landing__moment>img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/persona-landing.css.map */
