.gva-story{--ink:#0d202c;--accent:#109b8a;max-width:100%;color:var(--ink);font-family:GvahqFigtree,Figtree,sans-serif;font-size:16px;line-height:1.5;overflow:clip}
.gva-story{padding-top:var(--gva-story-top-desktop,0px);padding-bottom:var(--gva-story-bottom-desktop,0px)}
.gva-story *{box-sizing:border-box;min-width:0}
.gva-story h2,.gva-story h3,.gva-story h4{font-family:inherit;color:var(--ink);font-weight:700;letter-spacing:normal}
.gva-story h2{font-size:32px;line-height:1.3;margin:0 0 12px}
.gva-story h3{font-size:22px;line-height:1.25;margin:14px 0 8px}
.gva-story p{margin:0 0 14px}
.gva-story img,.gva-story video{display:block;max-width:100%;height:auto;border-radius:8px}
.gva-story__reference-note{max-width:1300px;margin:12px auto!important;padding:10px 20px;font-size:12px;color:#526274;background:#f5f7f8}
.gva-story__heading{max-width:1000px;padding:24px 20px 12px;margin:auto;text-align:center}
.gva-story__heading p{margin:0}
.gva-story__carousel{max-width:1400px;margin:20px auto 48px;padding:0 50px}
.gva-story__track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;align-items:flex-start;padding-bottom:3px}
.gva-story__track::-webkit-scrollbar{display:none}
.gva-story__track:after{content:'';flex:0 0 var(--story-tail,0px)}
.gva-story__review{flex:0 0 calc((100% - 48px)/3.1);border:1px solid #e8e8e8;border-radius:8px;overflow:hidden;scroll-snap-align:start;box-shadow:0 1px 2px #0000000d}
.gva-story .gva-story__review-image{width:100%;aspect-ratio:2000/1042;object-fit:cover;border-radius:0}
.gva-story__review-copy{padding:16px}
.gva-story__stars{font-size:20px;color:#ffb000;letter-spacing:1px}
.gva-story__review h3{font-size:20px;line-height:1.1;margin:10px 0 8px;font-weight:600}
.gva-story__review p{font-size:15px;line-height:1.5;color:#344554}
.gva-story__review footer{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:18px;font-size:13px}
.gva-story .gva-story__avatar{width:40px;height:40px;object-fit:cover;border-radius:50%;margin-right:6px}
.gva-story__review footer span{color:#098f82;font-size:12px}
.gva-story__dots{display:flex;justify-content:center;gap:8px;margin-top:28px}
.gva-story__dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#b2b9bd;cursor:pointer}
.gva-story__dots button[aria-pressed=true]{background:var(--ink)}
.gva-story__intro{background:#f6fffa;padding:8px 0 24px}
.gva-story__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;max-width:1400px;margin:0 auto;padding:12px 50px}
.gva-story__row>img,.gva-story__row>video{width:100%;aspect-ratio:16/9;object-fit:cover}
.gva-story__intro .gva-story__row>img{aspect-ratio:1.5}
.gva-story__row--text-first>.gva-story__copy{grid-column:1;grid-row:1}
.gva-story__row--text-first>img,.gva-story__row--text-first>video{grid-column:2;grid-row:1}
.gva-story__copy ul{list-style:none;padding:0;margin:0}
.gva-story__copy li{position:relative;padding-left:27px;margin:10px 0}
.gva-story__copy li:before{content:'✓';position:absolute;left:0;top:3px;background:var(--accent);color:#fff;border-radius:50%;font-size:12px;width:16px;height:16px;text-align:center;line-height:16px}
.gva-story__ingredients,.gva-story__areas,.gva-story__steps,.gva-story__comparison{padding:32px 0}
.gva-story__grid{display:grid;gap:24px;max-width:1400px;padding:20px 50px;margin:0 auto;text-align:center}
.gva-story__grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}
.gva-story__grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}
.gva-story__grid img{width:100%;aspect-ratio:1;object-fit:cover}
.gva-story__ingredients .gva-story__grid{padding-inline:74px}
.gva-story__ingredients{background:#f2fffa}
.gva-story__ingredients article{background:#fff;border:1px solid #e8eded;border-radius:10px;padding:12px}
.gva-story__areas article{background:#f5fffa;border:1px solid #edf2ef;border-radius:10px;overflow:hidden;box-shadow:0 1px 2px #0001}
.gva-story__timeline{padding:32px 0;background:#fff}
.gva-story__timeline-list{max-width:1100px;padding:16px 20px;margin:auto}
.gva-story__timeline-list article{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;margin:20px 0}
.gva-story__time{position:relative;padding-left:42px;border-left:2px solid #7ea9ba}
.gva-story__time>span{position:absolute;left:-13px;top:8px;width:24px;height:24px;border-radius:50%;color:white;background:var(--accent);text-align:center}
.gva-story__time h3{font-size:28px;margin:0 0 8px}
.gva-story__time h4{font-size:20px;line-height:1.3;margin:0 0 12px}
.gva-story__timeline-list img{width:100%;max-height:340px;object-fit:contain}
.gva-story__table-wrap{max-width:1400px;margin:20px auto;padding:0 50px;overflow:auto}
.gva-story table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:15px}
.gva-story th,.gva-story td{padding:18px 12px;border-bottom:1px solid #e2e7e9;text-align:center;overflow-wrap:anywhere}
.gva-story th:first-child{text-align:left}
.gva-story td:nth-child(2),.gva-story th:nth-child(2){background:#f6fffa}
.gva-story__comparison .gva-story__heading{max-width:1400px;padding-inline:50px}
.gva-story__comparison th,.gva-story__comparison td{padding:16px;font-size:16px;line-height:1.3;overflow-wrap:normal}
.gva-story__comparison tbody th{font-weight:700;letter-spacing:normal}
.gva-story__comparison tbody tr{height:54px}
.gva-story__comparison table{position:relative;margin-block:8px 12px}
.gva-story__comparison table::after{content:"";position:absolute;pointer-events:none;inset:-8px auto -12px 25%;width:25%;border:2px solid #265d42;border-radius:8px;box-shadow:0 2px 4px #0000001a}
.gva-story__steps{background:linear-gradient(135deg,#fff,#eff3db)}
.gva-story__steps .gva-story__grid{max-width:1040px;gap:64px}
.gva-story__steps img{height:150px;object-fit:contain;aspect-ratio:auto}
.gva-story__step-number{display:block;width:38px;height:38px;line-height:38px;border-radius:50%;margin:24px auto 14px;background:#235b45;color:#fff;font-size:22px;font-weight:700;text-align:center}
.gva-story__grid-dots{display:none}
.gva-story__comparison-nav{display:none}
@media(max-width:749px){
 .gva-story__comparison[data-competitor="0"] tr>:nth-child(4),.gva-story__comparison[data-competitor="1"] tr>:nth-child(3){display:none}
 .gva-story__comparison[data-competitor] .gva-story__comparison-nav{display:flex;justify-content:center;gap:6px;width:calc(31.25% - 9.375px);margin:20px 0 10px calc(68.75% - 5.625px)}
 .gva-story__comparison-nav button{position:relative;border:0;border-radius:50%;background:#d3d5d6;padding:0;width:8px;height:8px;cursor:pointer;font-size:0}
 .gva-story__comparison-nav button::before{content:"";position:absolute;inset:-5px -3px}
 .gva-story__comparison-nav button[aria-pressed="true"]{background:#6c7478}
 .gva-story__comparison-nav button:focus-visible{outline:3px solid #169c87;outline-offset:3px}
 .gva-story{padding-top:var(--gva-story-top-mobile,0px);padding-bottom:var(--gva-story-bottom-mobile,0px)}
 .gva-story h2{font-size:28px;line-height:1.3}.gva-story{font-size:15px}.gva-story__row h2{font-size:24px}
 .gva-story__heading{padding:22px 16px 10px}.gva-story__carousel{padding:0 16px;margin:16px auto 30px}
 .gva-story__review{flex-basis:calc((100% - 10px)/1.1)}.gva-story__review h3{font-size:20px}
 .gva-story__row{grid-template-columns:minmax(0,1fr);gap:20px;padding:16px 15px}
 .gva-story__row--text-first>.gva-story__copy,.gva-story__row--text-first>img,.gva-story__row--text-first>video{grid-column:auto;grid-row:auto}
 .gva-story__row>.gva-story__copy{order:1}.gva-story__row>img,.gva-story__row>video{order:0}
 .gva-story__ingredients,.gva-story__areas,.gva-story__steps,.gva-story__comparison{padding:16px 0}
 .gva-story__grid{gap:20px 12px;padding:16px}.gva-story__grid--four{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;text-align:left}
 .gva-story__grid--four article{flex:0 0 278px;scroll-snap-align:start}.gva-story__areas .gva-story__grid--four article{flex-basis:146px;text-align:center}
 .gva-story__grid--four:after{content:'';flex:0 0 var(--grid-tail,0px)}
 .gva-story__grid h3{font-size:19px}.gva-story__grid p{font-size:14px}.gva-story__ingredients .gva-story__grid{padding:12px;margin:0 15px;width:calc(100% - 30px);scroll-padding-inline:12px}
 .gva-story__timeline-list{padding:8px 16px 8px 26px}.gva-story__timeline-list article{grid-template-columns:1fr;gap:16px}
 .gva-story__time{padding-left:24px}.gva-story__time h3{font-size:24px}.gva-story__timeline-list img{max-height:260px}
 .gva-story__comparison .gva-story__heading{padding-inline:15px}
 .gva-story__table-wrap{padding:0 15px}
 .gva-story__comparison th,.gva-story__comparison td{font-size:11px;line-height:1.3;padding:10px 8px}
 .gva-story__comparison tbody tr{height:48px}
 .gva-story__comparison[data-competitor] tr>:first-child{width:37.5%}
 .gva-story__comparison[data-competitor] tr>:nth-child(2){width:31.25%}
 .gva-story__comparison[data-competitor] table::after{left:37.5%;width:31.25%}
 .gva-story__steps .gva-story__grid{grid-template-columns:1fr;gap:10px;max-width:none;padding:16px 15px}
 .gva-story__steps article{display:grid;grid-template-columns:80px minmax(0,1fr);gap:8px 14px;padding:12px;background:#fff;border-radius:8px;text-align:left}
 .gva-story__steps img{grid-column:1;grid-row:1/3;width:80px;height:130px;object-fit:cover}
 .gva-story__steps .gva-story__step-number{grid-column:2;width:28px;height:28px;line-height:28px;font-size:14px;margin:0}
 .gva-story__steps p{grid-column:2;font-size:13px;line-height:1.4;margin:0}
 .gva-story__grid-dots{display:flex;margin-top:6px}
}
