﻿.gfre{background:#faf8ef;color:#203c2d;scroll-margin-top:90px;font-family:Arial,Helvetica,sans-serif}
.gfre *{box-sizing:border-box}
.gfre-canvas{position:relative;container-type:inline-size;width:100%;max-width:1902px;margin:auto;aspect-ratio:1902/827;background-image:var(--routine-art);background-size:100% 100%;background-repeat:no-repeat}
.gfre-story{position:absolute;inset:0 40% 0 0}
.gfre-copy{position:absolute;top:8.5%;left:8.65%;width:45.5%}
.gfre-eyebrow{display:flex;align-items:center;gap:1.4cqw;margin:0 0 1cqw!important;color:#728169;font-size:.8cqw!important;line-height:1.2;letter-spacing:.2cqw;font-weight:500}
.gfre-eyebrow span{display:block;width:1.9cqw;height:1px;background:#9ca58f}
.gfre h2{font:750 3.58cqw/1.015 Arial,Helvetica,sans-serif;letter-spacing:-.13cqw;color:#203c2d;margin:0 0 1.35cqw;text-wrap:initial}
.gfre h2 span{color:#ad742a}
.gfre-intro{margin:0!important;font-size:1.4cqw!important;line-height:1.28;color:#898c82;max-width:24cqw}
.gfre-note{position:absolute;left:54.8%;top:7.4%;margin:0;font:italic 1.7cqw/1.03 Georgia,serif;color:#647958;transform:rotate(-12deg)}
.gfre-product-link{position:absolute;left:18%;top:59%;width:24%;height:32%;border-radius:18%;display:block}
.gfre-product-link:focus-visible{outline:3px solid #ae762b;outline-offset:4px}
.gfre-steps{position:absolute;inset:0;list-style:none;padding:0;margin:0;pointer-events:none}
.gfre-step{position:absolute;left:61%;width:39%;height:20%;margin:0;padding:0;pointer-events:auto}
.gfre-step-1{top:7.8%}.gfre-step-2{top:30.25%}.gfre-step-3{top:52.8%}.gfre-step-4{top:75.15%}
.gfre-number{position:absolute;left:1.7%;top:6.7%;width:8.5%;height:39%;display:grid;place-items:center;color:#fff;font-size:1.05cqw;font-weight:600;line-height:1}
.gfre-step-2 .gfre-number{left:6.2%}.gfre-step-3 .gfre-number{left:5.5%}.gfre-step-4 .gfre-number{left:2.1%}
.gfre-step-copy{position:absolute;top:17%;left:29%;width:43%;color:#151c14}
.gfre-step h3{font:700 1.18cqw/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.04cqw;margin:0 0 .55cqw;color:#151c14;white-space:nowrap}
.gfre-step p{font:400 1.05cqw/1.22 Arial,Helvetica,sans-serif;color:#787b72;margin:0}
@media(max-width:700px){
.gfre-canvas{aspect-ratio:auto;background:none;padding-bottom:20px}
.gfre-story{position:relative;inset:auto;width:100%;aspect-ratio:1141/827;background-image:var(--routine-art);background-size:166.667% 100%;background-position:left top;background-repeat:no-repeat}
.gfre-copy{top:8.5%;left:8.65%;width:45.5%}
.gfre-eyebrow{font-size:1.34cqw!important;letter-spacing:.3cqw;gap:2.3cqw;margin-bottom:1.7cqw!important}
.gfre-eyebrow span{width:3.2cqw}
.gfre h2{font-size:5.97cqw;letter-spacing:-.22cqw;margin-bottom:2.25cqw}
.gfre-intro{font-size:2.34cqw!important;max-width:40cqw}
.gfre-note{font-size:2.84cqw}
.gfre-steps{position:relative;inset:auto;padding:10px 12px 0;display:grid;gap:10px;pointer-events:auto}
.gfre-step{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:742/165;background-image:var(--routine-art);background-size:256.334% 501.212%;background-repeat:no-repeat;border-radius:12px}
.gfre-step-1{background-position:right 9.82%}.gfre-step-2{background-position:right 37.8%}.gfre-step-3{background-position:right 65.86%}.gfre-step-4{background-position:right 93.8%}
.gfre-number{font-size:2.6cqw}
.gfre-step h3{font-size:2.9cqw;letter-spacing:-.08cqw;margin-bottom:1.3cqw}
.gfre-step p{font-size:2.55cqw;line-height:1.2}
}
@media(prefers-contrast:more){.gfre-intro,.gfre-step p{color:#424d3c}}
