.beyondads-complexion{overflow-x:clip}.cxe{--cxe-ink:#1D1D1B;--cxe-body:#6E6259;--cxe-mute:#A39C95;--cxe-rule:#E4DCD6;--cxe-gap:clamp(8px,.85vw,15px);background:#fff;padding:clamp(40px,5vw,84px) 0;color:var(--cxe-ink);font-family:var(--font-ui,"DM Sans",Inter,Arial,sans-serif)}.cxe-in{box-sizing:border-box;max-width:1440px;margin-inline:auto;padding-inline:clamp(18px,4vw,64px)}.cxe-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:clamp(16px,2vw,32px);padding-bottom:clamp(20px,2.4vw,36px)}.cxe-head>:first-child{grid-column:2;text-align:center}.cxe-eyebrow{margin:0 0 clamp(8px,.9vw,14px);font-size:clamp(9px,.72vw,11px);letter-spacing:.34em;text-transform:uppercase;color:var(--cxe-body)}.cxe-h{margin:0;font-family:var(--font-display,"Cormorant Garamond",Georgia,serif);font-weight:400;font-size:clamp(28px,3.7vw,48px);line-height:1.04;letter-spacing:-.006em;color:var(--cxe-ink)}.cxe-sub{margin:clamp(6px,.7vw,11px) 0 0;font-size:clamp(12.5px,1vw,15px);line-height:1.5;color:var(--cxe-body)}.cxe-cta{grid-column:3;justify-self:end;flex:none;display:inline-flex;align-items:center;gap:10px;font-size:clamp(9px,.74vw,11px);letter-spacing:.24em;text-transform:uppercase;color:var(--cxe-ink);text-decoration:none;border-bottom:1px solid var(--cxe-rule);padding-bottom:6px;transition:border-color .2s ease}.cxe-cta:hover{border-color:var(--cxe-ink)}.cxe-cta svg{width:17px;height:9px;display:block}.cxe-grid{display:grid;grid-template-columns:1.22fr 1.78fr 1fr 1fr;grid-template-rows:1.12fr 1fr;gap:var(--cxe-gap);height:clamp(420px,42vw,624px)}.cxe-p0{grid-column:2;grid-row:1 / span 2}.cxe-p1{grid-column:1;grid-row:1}.cxe-p2{grid-column:1;grid-row:2}.cxe-p3{grid-column:3;grid-row:1}.cxe-p4{grid-column:3 / span 2;grid-row:2}.cxe-p5{grid-column:4;grid-row:1}.cxe-card{position:relative;display:block;overflow:hidden;min-width:0;border-radius:3px;text-decoration:none;color:#fff;background:#efe8e2}.cxe-shot{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.cxe-shot img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.4,0,.2,1)}.cxe-card:hover .cxe-shot img{transform:scale(1.045)}.cxe-veil{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top left,rgba(38,24,18,.66) 0%,rgba(38,24,18,.3) 38%,rgba(38,24,18,.04) 66%,transparent 82%);transition:opacity .3s ease}.cxe-card:hover .cxe-veil{opacity:.9}.cxe-body{position:absolute;right:clamp(12px,1.25vw,22px);bottom:clamp(11px,1.15vw,20px);left:clamp(12px,1.25vw,22px);display:flex;flex-direction:column;align-items:flex-end;gap:clamp(3px,.35vw,6px);text-align:right;text-shadow:0 1px 10px rgba(40,26,20,.4)}.cxe-num{font-size:clamp(8px,.62vw,10px);letter-spacing:.26em;color:#ffffffbd;font-variant-numeric:tabular-nums}.cxe-lab{font-family:var(--font-display,"Cormorant Garamond",Georgia,serif);font-weight:500;text-transform:uppercase;letter-spacing:.05em;line-height:1.02;color:#fff;font-size:clamp(15px,1.45vw,21px)}.cxe-sl{margin:0;font-family:var(--font-display,"Cormorant Garamond",Georgia,serif);font-style:italic;font-size:clamp(10.5px,.84vw,12.5px);line-height:1.25;color:#ffffffe0;max-width:17ch}.cxe-go{margin-top:clamp(5px,.55vw,9px);flex:none;display:grid;place-items:center;width:clamp(24px,1.95vw,29px);height:clamp(24px,1.95vw,29px);border-radius:50%;border:1px solid rgba(255,255,255,.6);color:#fff;transition:background-color .22s ease,border-color .22s ease}.cxe-go svg{width:52%;height:auto;display:block}.cxe-card:hover .cxe-go{background:#ffffff2e;border-color:#ffffffe6}.cxe-card:focus-visible{outline:2px solid #41564A;outline-offset:3px}.cxe-p0 .cxe-lab{font-size:clamp(20px,2.15vw,31px)}.cxe-p0 .cxe-sl{font-size:clamp(11.5px,.95vw,14.5px);max-width:19ch}@media(max-width:859px){.cxe-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:clamp(148px,39vw,208px);height:auto}.cxe-grid .cxe-card{grid-column:auto;grid-row:auto}.cxe-grid .cxe-p0{grid-column:1 / -1;grid-row:span 2}.cxe-grid .cxe-p5{grid-column:1 / -1}.cxe-p0 .cxe-lab{font-size:clamp(22px,6.4vw,30px)}.cxe-lab{font-size:clamp(15px,4.4vw,20px)}.cxe-head{grid-template-columns:minmax(0,1fr);justify-items:center;gap:14px}.cxe-head>:first-child{grid-column:1}.cxe-cta{grid-column:1;justify-self:center}}@media(prefers-reduced-motion:reduce){.cxe-shot img,.cxe-veil,.cxe-go,.cxe-cta{transition:none}.cxe-card:hover .cxe-shot img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/beyondads-complexion.css.map */