@font-face{font-family:DM;src:url(./qlayon-7-reasons-dm-sans.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Cormorant;src:url(./qlayon-7-reasons-cormorant-italic.woff2) format("woff2");font-style:italic;font-weight:500;font-display:swap}:root{--olive:#35392f;--ink:#30342b;--text:#42463b;--secondary:#5a5e52;--cream:#f4f0e6;--almond:#dde2ce;--stone:#cfc8b9;--line:#dedbd0;--white:#fffefa;--focus:#775b25}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--cream);color:var(--text);font:20px/1.7 DM,Arial,sans-serif;-webkit-text-size-adjust:100%}img,video{display:block;max-width:100%}a{color:var(--olive);text-underline-offset:5px}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:5px}::selection{background:var(--almond);color:var(--ink)}.skip{position:absolute;left:20px;top:-100px;z-index:20;background:var(--white);padding:14px 20px;border:2px solid var(--olive);border-radius:8px;font-size:18px}.skip:focus{top:16px}.brand-header{max-width:1200px;margin:auto;display:flex;justify-content:center;align-items:center;padding:25px 24px 23px;border-bottom:1px solid var(--stone)}.brand-home{display:block;padding:4px 8px;border-radius:6px}.brand-header img{width:176px;height:auto}.intro{width:min(calc(100% - 64px),880px);margin:54px auto 58px}.intro h1{font-size:clamp(36px,4.2vw,52px);line-height:1.18;letter-spacing:-1.4px;color:var(--ink);font-weight:650;margin:0 0 34px;text-wrap:pretty}.intro h1 a{color:var(--olive);text-decoration-color:#9da889;text-decoration-thickness:2px;text-underline-offset:7px}.intro h1 a:hover{text-decoration-color:var(--olive)}.byline{display:flex;align-items:center;gap:16px;margin:0 0 32px}.byline img{width:64px;height:64px;object-fit:cover;border-radius:50%;border:3px solid var(--white);box-shadow:0 0 0 1px var(--stone)}.byline p{margin:0;font-size:18px;line-height:1.6}.byline strong{color:var(--ink);font-weight:650}.byline time{display:block;color:var(--secondary);font-size:16px;margin-top:2px}.verified{display:inline-grid;place-items:center;width:17px;height:17px;background:var(--olive);color:#fff;border-radius:50%;font-size:12px;vertical-align:2px;margin-left:7px}.summary{margin:0;padding:25px 28px;background:var(--white);border:1px solid var(--line);border-left:4px solid #8b9777;border-radius:0 14px 14px 0;font-size:20px;line-height:1.7}.summary strong{color:var(--ink);font-weight:700;margin-right:5px}.reasons{width:min(calc(100% - 64px),1200px);margin:0 auto;padding:56px 56px 12px;background:var(--white);border:1px solid var(--line);border-radius:24px;box-shadow:0 8px 30px #35392f04}.reason{display:grid;grid-template-columns:minmax(290px,360px) minmax(0,1fr);column-gap:56px;row-gap:20px;align-items:start;margin:0;padding:56px 0;border-bottom:1px solid var(--line)}.reason:first-child{padding-top:0}.reason>h2{grid-column:2;grid-row:1;display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;align-items:start;font-size:31px;font-weight:650;letter-spacing:-.55px;line-height:1.28;color:var(--ink);margin:0;text-wrap:pretty}.reason-number{display:grid;place-items:center;width:48px;min-height:48px;background:var(--almond);color:var(--olive);border-radius:50%;font-size:21px;font-weight:650;letter-spacing:0;line-height:1}.reason>.media-card{grid-column:1;grid-row:1 / span 2}.reason>.reason-copy{grid-column:2;grid-row:2;min-width:0}.media-card{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--cream)}.media-card>img,.video-wrap>video{width:100%;height:auto;aspect-ratio:1;object-fit:contain}.media-card figcaption{background:var(--almond);color:var(--olive);text-align:center;font-size:17px;line-height:1.5;font-weight:650;padding:16px 14px;min-height:58px}.reason-copy p{margin:0 0 22px;line-height:1.7;max-width:58ch}.reason-copy p:last-child{margin-bottom:0}.text-link{display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;max-width:100%;min-height:52px;font-size:18px;line-height:1.45;font-weight:650;padding:12px 18px;margin-top:4px;background:#f0f2e9;border:1px solid #9ca58c;border-radius:9px;color:var(--olive);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;transition:background .15s,border-color .15s}.text-link span{flex-shrink:0;font-size:17px}.text-link:hover{background:var(--almond);border-color:var(--olive)}.video-wrap{position:relative}.motion-toggle{position:absolute;bottom:12px;right:12px;display:grid;place-items:center;width:48px;height:48px;padding:0;background:var(--olive);color:var(--white);border:2px solid var(--white);border-radius:50%;font-size:18px;line-height:1;box-shadow:0 3px 12px #0002}.motion-toggle:hover{background:#24291f}.reason.reader{grid-template-columns:minmax(290px,360px) minmax(0,1fr);padding:38px;margin:48px -16px 32px;background:var(--cream);border:1px solid var(--line);border-radius:16px;align-items:center}.reader>.media-card,.reader>.reason-copy{grid-row:1}.reader .media-card>img{aspect-ratio:auto}.reader .reason-copy p{font-size:21px;line-height:1.7;margin:0}.closing{background:linear-gradient(180deg,var(--cream),#e8ebdc);padding:64px 32px 72px;margin-top:0}.closing-intro{max-width:850px;text-align:center;margin:0 auto 42px}.closing-intro h2{font-size:28px;font-weight:650;color:var(--ink);line-height:1.5;letter-spacing:-.3px;margin:0 0 20px;text-wrap:pretty}.closing-intro p{font-size:20px;color:var(--text);margin:0;line-height:1.65}.offer{max-width:1100px;margin:auto;background:var(--white);border:1px solid #abb39a;border-radius:22px;overflow:hidden;display:grid;grid-template-columns:43% minmax(0,57%);box-shadow:0 18px 52px #35392f0c}.offer-photo{width:100%;height:100%;min-height:620px;object-fit:cover;object-position:center}.offer-copy{padding:44px 40px;align-self:center;min-width:0}.sale{display:inline-block;margin:0 0 20px;padding:8px 16px;border-radius:6px;background:var(--almond);color:var(--olive);font-size:16px;font-weight:650;letter-spacing:.045em;line-height:1.5}.offer h2{font-family:Cormorant,Georgia,serif;font-style:italic;font-weight:500;font-size:60px;color:var(--olive);line-height:1.08;letter-spacing:-1.4px;margin:0 0 22px}.offer-description{font-size:20px;line-height:1.6;margin:0 0 24px}.button{display:flex;justify-content:center;align-items:center;width:100%;min-height:66px;padding:18px 22px;background:var(--olive);color:var(--white);border:2px solid var(--olive);border-radius:10px;text-align:center;font-size:19px;font-weight:700;line-height:1.5;text-decoration:none;box-shadow:0 4px #25291f;transition:background .15s,box-shadow .15s}.button:hover{background:#24291f;border-color:#24291f;box-shadow:0 4px #171b13}.button:active{box-shadow:0 1px #171b13}.countdown{display:flex;justify-content:center;align-items:center;gap:9px;flex-wrap:wrap;margin:26px 0;padding-bottom:25px;border-bottom:1px solid var(--line)}.countdown-label{font-size:16px;font-weight:600;line-height:1.5;margin-right:4px;color:var(--secondary)}.time-unit{background:var(--cream);border:1px solid var(--line);border-radius:6px;padding:7px 10px;min-width:56px;text-align:center;color:var(--olive);font-size:21px;font-weight:650;font-variant-numeric:tabular-nums}.perks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 26px;font-size:16px;line-height:1.5;font-weight:600}.perks span{padding:15px 10px;background:#f0f2e9;border:1px solid #e1e5d7;border-radius:8px;text-align:center}.guarantee{margin:0;color:var(--secondary);font-size:17px;line-height:1.65;text-align:left}dialog{width:min(580px,calc(100% - 32px));max-height:85dvh;overflow:auto;border:1px solid var(--stone);border-radius:18px;padding:32px;background:var(--white);color:var(--text);font:20px/1.65 DM,Arial,sans-serif;box-shadow:0 20px 90px #15190e40}dialog::backdrop{background:#242a1ddb}dialog h2{font-size:32px;line-height:1.2;font-weight:650;color:var(--olive);margin:18px 0 24px}dialog .close{float:right;display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid var(--stone);border-radius:50%;background:var(--cream);color:var(--olive);font-size:30px;line-height:1}dialog .button{margin-top:28px}@media(min-width:961px)and (max-width:1150px){.reasons{padding:44px 36px 10px}.reason{grid-template-columns:minmax(260px,32%) minmax(0,1fr);column-gap:38px}.reason>h2{font-size:29px;grid-template-columns:42px minmax(0,1fr);gap:12px}.reason-number{width:42px;min-height:42px;font-size:20px}.reason.reader{grid-template-columns:minmax(260px,32%) minmax(0,1fr);padding:28px;margin-inline:-8px}}@media(max-width:960px){.intro{width:min(calc(100% - 48px),760px);margin:40px auto 42px}.reasons{width:calc(100% - 40px);padding:38px 30px 8px;border-radius:20px}.reason{max-width:680px;margin:auto;grid-template-columns:minmax(0,1fr);row-gap:26px;padding:44px 0}.reason>h2{grid-column:1;grid-row:1;font-size:31px;grid-template-columns:48px minmax(0,1fr)}.reason>.media-card{grid-column:1;grid-row:2;width:100%;max-width:460px;justify-self:center}.reason>.reason-copy{grid-column:1;grid-row:3}.reason.reader{grid-template-columns:minmax(0,1fr);row-gap:24px;margin:36px auto 28px;padding:28px}.reader>.media-card{grid-column:1;grid-row:1;max-width:460px}.reader>.reason-copy{grid-column:1;grid-row:2}.reader .reason-copy p{font-size:20px}.offer{max-width:680px;grid-template-columns:minmax(0,1fr)}.offer-photo{height:auto;min-height:0;aspect-ratio:4/3;object-position:center 32%}.offer-copy{padding:38px}.offer h2{font-size:62px}.closing{padding:50px 24px 56px}}@media(max-width:600px){body{font-size:19px;line-height:1.7}.brand-header{padding:18px 20px 16px;margin:0 20px}.brand-header img{width:150px}.intro{width:calc(100% - 40px);margin:30px auto 32px}.intro h1{font-size:34px;line-height:1.21;letter-spacing:-.8px;margin-bottom:28px}.byline{gap:14px;margin-bottom:26px}.byline img{width:56px;height:56px}.byline p{font-size:18px}.byline time{font-size:16px}.summary{font-size:19px;padding:20px 18px;line-height:1.7;border-radius:0 10px 10px 0}.reasons{width:100%;padding:32px 20px 4px;border-radius:20px 20px 0 0;border-inline:0;box-shadow:none}.reason{padding:36px 0;row-gap:23px}.reason>h2{font-size:27px;line-height:1.3;letter-spacing:-.35px;grid-template-columns:40px minmax(0,1fr);gap:12px}.reason-number{width:40px;min-height:40px;font-size:19px}.media-card{border-radius:12px}.media-card figcaption{font-size:16px;padding:14px 12px;min-height:54px}.reason-copy p{margin-bottom:22px}.text-link{font-size:18px;padding:13px 15px;min-height:54px;width:100%;justify-content:center}.reason.reader{margin:32px 0 28px;padding:20px 16px;border-radius:14px}.reader .reason-copy p{font-size:19px}.closing{padding:38px 20px 42px}.closing-intro{margin-bottom:30px}.closing-intro h2{font-size:25px;line-height:1.5;letter-spacing:-.3px}.closing-intro p{font-size:19px;line-height:1.7}.offer{border-radius:16px}.offer-photo{aspect-ratio:1;object-position:center 32%}.offer-copy{padding:28px 20px 30px}.sale{font-size:16px;padding:8px 14px;margin-bottom:18px}.offer h2{font-size:50px;letter-spacing:-1px;line-height:1.12;margin-bottom:20px}.offer-description{font-size:19px;margin-bottom:22px}.button{font-size:18px;padding:17px 14px;min-height:64px}.countdown{gap:8px;margin:25px 0 22px;padding-bottom:22px}.countdown-label{width:100%;text-align:center;margin:0 0 3px;font-size:16px}.time-unit{font-size:21px;padding:8px 14px;min-width:62px}.perks{grid-template-columns:1fr;gap:9px;margin-bottom:24px;font-size:16px}.perks span{padding:12px}.guarantee{font-size:17px;line-height:1.65}dialog{padding:22px;font-size:19px}dialog h2{font-size:29px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a,button{transition:none}}@media(forced-colors:active){.button,.text-link,.motion-toggle,.reason-number{border:2px solid ButtonText}}body{font-size:18px;line-height:1.6}.intro{max-width:780px;margin:32px auto 36px}.intro h1{font-size:36px;line-height:1.18;letter-spacing:-.7px;margin-bottom:30px;font-weight:700;text-wrap:wrap}.byline{margin-bottom:28px;gap:12px}.byline img{width:56px;height:56px}.byline p{font-size:16px}.byline time{font-size:14px}.summary{padding:0;border:0;border-radius:0;background:transparent;font-size:18px;line-height:1.6}.reasons{max-width:1060px;padding:36px 36px 4px}.reason{grid-template-columns:minmax(240px,310px) minmax(0,1fr);column-gap:38px;row-gap:16px;padding:36px 0}.reason>h2{font-size:25px;line-height:1.25;grid-template-columns:36px minmax(0,1fr);gap:10px}.reason-number{width:36px;min-height:36px;font-size:18px}.reason-copy p{line-height:1.6;margin-bottom:16px}.media-card figcaption{font-size:14px;padding:10px 12px;min-height:42px}.reason.reader{padding:24px;margin-top:32px;grid-template-columns:minmax(240px,310px) minmax(0,1fr)}.reader .reason-copy p{font-size:18px;line-height:1.6}.closing{padding-top:40px;padding-bottom:48px}.closing-intro h2{font-size:24px;line-height:1.4}.closing-intro p,.offer-description{font-size:18px;line-height:1.6}@media(max-width:960px){.reason,.reason.reader{grid-template-columns:minmax(0,1fr)}.reason>h2{grid-template-columns:36px minmax(0,1fr)}}@media(max-width:600px){body{font-size:18px;line-height:1.6}.intro{width:calc(100% - 32px);margin:24px auto 28px}.intro h1{font-size:clamp(18px,5.5vw,24px);line-height:1.18;letter-spacing:-.55px;margin-bottom:36px}.intro h1 a{text-underline-offset:3px;text-decoration-thickness:1.5px}.byline{gap:12px;margin-bottom:28px}.byline img{width:56px;height:56px;flex-shrink:0}.byline p{font-size:16px;line-height:1.5}.byline time{font-size:14px}.summary{font-size:18px;line-height:1.6;padding:0}.reasons{padding:30px 16px 4px;border-radius:0;border-top:1px solid var(--line)}.reason{padding:30px 0;row-gap:18px}.reason>h2{font-size:23px;line-height:1.25;letter-spacing:-.3px}.media-card figcaption{font-size:14px;padding:10px;min-height:42px}.reason-copy p{margin-bottom:16px}.reason.reader{margin:24px 0;padding:18px 14px}.reader .reason-copy p{font-size:18px}.text-link{font-size:16px;min-height:48px;padding:11px 14px}.closing{padding:30px 16px 36px}.closing-intro h2{font-size:22px;line-height:1.4}.closing-intro p{font-size:18px;line-height:1.6}.offer-copy{padding:24px 18px}.offer h2{font-size:44px}}@media(max-width:960px){.reason:not(.reader)>.media-card{grid-row:1}.reason:not(.reader)>h2{grid-row:2}.reason:not(.reader)>.reason-copy{grid-row:3}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/qlayon-7-reasons.css.map */