/** Shopify CDN: Minification failed

Line 87:0 Unexpected "@media"
Line 257:0 Unexpected "@media"
Line 349:0 Unexpected "@media"
Line 563:0 Unexpected "@media"
Line 656:0 Unexpected "@media"
Line 999:0 Unexpected "@media"
Line 1092:0 Unexpected "@media"
Line 1426:0 Unexpected "@media"
Line 1519:0 Unexpected "@media"
Line 1853:0 Unexpected "@media"
... and 6 more hidden warnings

**/
/* ================= homepage.html ================= */
.gumee-scope{--ink:#151515;--soft:#5C5F67;--faint:#8E9198;--line:#E9E9ED;--hair:#F3F3F6;--n2:#E4E4E9;--pale:#F4F4F6;
 --s1:#B9BDE1;--s2:#6069BE;--s3:#2B3373;--c1:#EDB6BC;--c2:#B4747B;--c3:#732B34;--h1c:#DDC2D8;--h2c:#BF88B5;--h3c:#6B2871;
 --h:clamp(28px,3.8vw,50px);--p:15px;--gap:13px}
.gumee-scope,.gumee-scope *{box-sizing:border-box}
.gumee-scope{scroll-behavior:smooth}
.gumee-scope{margin:0;background:#fff;color:var(--ink);font-family:Poppins,-apple-system,Helvetica,Arial,sans-serif;
 font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
.gumee-scope h1,.gumee-scope h2,.gumee-scope h3,.gumee-scope h4{margin:0;font-weight:700;letter-spacing:-.015em;line-height:1.04;text-wrap:balance}
.gumee-scope p{margin:0}
.gumee-scope img{display:block;max-width:100%}
.gumee-scope a{color:inherit;text-decoration:none}
.gumee-scope .w{max-width:1240px;margin:0 auto;padding:0 30px}
.gumee-scope{--stage:1720px}
.gumee-scope /* full-bleed media never exceeds the stage,.gumee-scope so ultrawide keeps the real ratio */
.stage{width:min(100%,var(--stage));margin:0 auto}
.gumee-scope .tn{font-variant-numeric:tabular-nums}
.gumee-scope .lower{text-transform:lowercase}
.gumee-scope .dot{width:7px;height:7px;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:7px}
.gumee-scope .logo{display:inline-block;-webkit-mask:var(--gm-img-1) center/contain no-repeat;mask:var(--gm-img-1) center/contain no-repeat;background-color:currentColor}
.gumee-scope .btn{display:inline-block;font-size:12.5px;font-weight:600;padding:12px 26px;border-radius:3px;background:var(--ink);color:#fff;cursor:pointer;border:0}
.gumee-scope .btn.o{background:#fff;color:var(--ink);border:1px solid var(--line)}

.gumee-scope /* ribbon */
.mq{display:flex;overflow:hidden;padding:11px 0;background:var(--n2);color:var(--ink)}
.gumee-scope .mq .tr{display:flex;flex:none;min-width:100%;justify-content:space-around;align-items:center;
 white-space:nowrap;animation:sc 34s linear infinite}
.gumee-scope .mq i{font-style:normal;padding:0 22px;font-size:11.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}
@keyframes sc{to{transform:translateX(-100%)}}
@media (prefers-reduced-motion:reduce){.gumee-scope .mq .tr{animation:none}}

.gumee-scope /* nav over hero */
.hero{position:relative;width:100%;height:min(56.25vw,92vh);min-height:0;display:flex;flex-direction:column;background:#0f1116;overflow:hidden}
.gumee-scope .slide{position:absolute;inset:0;opacity:0;pointer-events:none;
 transition:opacity 1.25s cubic-bezier(.4,0,.2,1)}
.gumee-scope .slide.on{opacity:1;pointer-events:auto}
.gumee-scope .slide .bg{position:absolute;inset:0;background-size:cover;background-position:center 50%;
 transform:scale(1.07);transition:transform 7.5s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .slide.on .bg{transform:scale(1)}
.gumee-scope .slide .vl{position:absolute;inset:0}
.gumee-scope .slide .ht>*{opacity:0;transform:translateY(14px);
 transition:opacity .85s cubic-bezier(.22,.61,.36,1),transform .85s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .slide.on .ht>*{opacity:1;transform:none}
.gumee-scope .slide.on .ht h1{transition-delay:.22s}
.gumee-scope .slide.on .ht p{transition-delay:.34s}
.gumee-scope .slide.on .ht .cta{transition-delay:.46s}
@media (prefers-reduced-motion:reduce){.gumee-scope .slide,.gumee-scope .slide .bg,.gumee-scope .slide .ht>*{transition:none}}
.gumee-scope .nv{position:absolute;left:0;right:0;top:0;z-index:6;transition:color .9s cubic-bezier(.4,0,.2,1);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:24px 34px;gap:20px}
.gumee-scope .nv .l,.gumee-scope .nv .r{display:flex;gap:22px;font-size:12.5px;font-weight:500}
.gumee-scope .nv .r{justify-content:flex-end}
.gumee-scope .nv .c{display:flex;justify-content:center}
.gumee-scope .nv .c .logo{width:100px;height:22px}
@media(max-width:980px){
 .gumee-scope .nv{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:18px;
  padding:16px 20px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .gumee-scope .nv::-webkit-scrollbar{display:none}
 .gumee-scope .nv .l,.gumee-scope .nv .r{display:contents}
 .gumee-scope .nv .c{order:-1;flex:none;margin-right:6px}
 .gumee-scope .nv .l span,.gumee-scope .nv .r span{flex:none;white-space:nowrap;font-size:12.5px}
}
.gumee-scope .hin{position:absolute;inset:0;z-index:4;display:flex;align-items:center;padding:96px 34px 60px}
.gumee-scope .hin.right{justify-content:flex-end}.gumee-scope .hin.left{justify-content:flex-start}
.gumee-scope .ht{max-width:400px;display:flex;flex-direction:column}
.gumee-scope .right .ht{text-align:right;align-items:flex-end}.gumee-scope .left .ht{text-align:left;align-items:flex-start}
.gumee-scope .ht h1{font-size:var(--h);text-transform:lowercase}
.gumee-scope .ht p{margin-top:var(--gap);font-size:var(--p);max-width:34ch;line-height:1.45}
.gumee-scope .ht .cta{margin-top:calc(var(--gap) + 8px);font-size:12.5px;font-weight:600;padding:12px 28px;border-radius:100px}



.gumee-scope /* ---------- phone: taller crop,.gumee-scope text overlaid like desktop ---------- */
@media(max-width:760px){
  .hero{height:min(92vw,66vh);min-height:0}
  .nv{padding:14px 18px;gap:16px}
  .nv .c .logo{width:92px;height:20px}
  .slide .bg{background-size:cover;background-position:0% 50%}
  .slide:nth-child(2) .bg{background-position:55% 50%}
  .slide:nth-child(3) .bg{background-position:22% 50%}
  .slide:nth-child(1) .vl{background:linear-gradient(180deg,rgba(0,0,0,.30) 0%,rgba(0,0,0,0) 34%,rgba(0,0,0,.62) 100%)!important}
  .slide:nth-child(2) .vl{background:linear-gradient(180deg,rgba(0,0,0,.28) 0%,rgba(0,0,0,0) 34%,rgba(0,0,0,.64) 100%)!important}
  .slide:nth-child(3) .vl{background:linear-gradient(180deg,rgba(255,255,255,.30) 0%,rgba(255,255,255,0) 30%,rgba(255,255,255,.80) 100%)!important}
  .hin{align-items:flex-end;padding:0 20px 19%}
  .ht{max-width:80%}
  .ht h1{font-size:clamp(20px,5.6vw,24px);line-height:1.12}
  .ht p{font-size:11px;line-height:1.4;max-width:26ch;margin-top:6px;
   display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .ht .cta{margin-top:12px;font-size:11.5px;padding:9px 20px}
}


.gumee-scope /* why gumee — icons over the film */
.whyband{position:relative;width:100%;height:min(56.25vw,88vh);overflow:hidden;background:#0d1a24}
.gumee-scope .whyband .bandimg,.gumee-scope .whyband video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gumee-scope .whyband .bandveil{position:absolute;inset:0;z-index:2;
 background:linear-gradient(180deg,rgba(6,16,26,.62) 0%,rgba(6,16,26,.34) 28%,rgba(6,16,26,.06) 48%,
   rgba(6,16,26,0) 70%,rgba(6,16,26,.14) 100%)}
.gumee-scope .whyband .bandin{position:absolute;z-index:3;left:0;right:0;top:0;bottom:0;
 padding:clamp(26px,4vw,54px) clamp(20px,4vw,60px) clamp(26px,4.4vw,58px);
 text-align:center;display:flex;flex-direction:column;justify-content:flex-start;
 gap:clamp(18px,2.6vw,34px)}
.gumee-scope .whyband h2{color:#fff;font-size:clamp(26px,3.4vw,44px);text-shadow:0 1px 24px rgba(0,0,0,.45);
 margin:0}
.gumee-scope .wsides{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,2vw,30px);max-width:900px;margin:0 auto}
.gumee-scope .wcol{display:contents}
.gumee-scope .i{display:flex;flex-direction:column;align-items:center;text-align:center}
.gumee-scope .ic{width:clamp(42px,4.2vw,56px);height:clamp(42px,4.2vw,56px);border-radius:50%;background:#fff;
 display:flex;align-items:center;justify-content:center;color:#151515;flex:none;
 box-shadow:0 4px 18px rgba(0,0,0,.18)}
.gumee-scope .ic svg{width:55%;height:55%;display:block}
.gumee-scope .i b{margin-top:10px;font-size:clamp(11.5px,1.15vw,14px);font-weight:500;color:#fff;
 text-shadow:0 1px 14px rgba(0,0,0,.55)}

@media(max-width:900px){
 .gumee-scope .whyband{height:min(92vw,68vh)}
 .gumee-scope .whyband .bandimg{background-position:58% 55%}
 .gumee-scope .whyband .bandveil{background:linear-gradient(180deg,rgba(6,16,26,.66) 0%,rgba(6,16,26,.36) 30%,
   rgba(6,16,26,.06) 52%,rgba(6,16,26,0) 74%,rgba(6,16,26,.12) 100%)}
 .gumee-scope .whyband .bandin{padding:22px 18px}
 .gumee-scope .whyband h2{font-size:26px}
 .gumee-scope .wsides{grid-template-columns:repeat(4,1fr);gap:8px}
 .gumee-scope .i b{font-size:10.5px;margin-top:8px}
}

.gumee-scope section{padding:74px 0}
.gumee-scope .sh{margin-bottom:26px}
.gumee-scope section h2{font-size:clamp(26px,3.2vw,38px)}
.gumee-scope .sh p{margin-top:9px;color:var(--soft);max-width:54ch;font-size:15px}

.gumee-scope /* cards */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(9px,1.9vw,26px)}
.gumee-scope .pc{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;cursor:pointer;transition:box-shadow .25s,transform .25s}
.gumee-scope .pc:hover{box-shadow:0 16px 38px rgba(0,0,0,.10);transform:translateY(-3px)}
.gumee-scope .pc .im{position:relative;aspect-ratio:1;overflow:hidden}
.gumee-scope .pc .im div{position:absolute;inset:0;background-size:cover;background-position:center;transition:opacity .45s ease}
.gumee-scope .pc .im .b{opacity:0}
.gumee-scope .pc .im.flip .b{opacity:1}
.gumee-scope .pc:hover .im .b{opacity:1}
.gumee-scope .pc:hover .im.flip .b{opacity:1}
.gumee-scope .pc .bd{padding:clamp(11px,1.5vw,20px) clamp(11px,1.6vw,22px) clamp(13px,1.6vw,22px)}
.gumee-scope .pc h4{font-size:clamp(13.5px,1.55vw,20px);letter-spacing:-.005em}
.gumee-scope .pc .d{margin-top:5px;font-size:clamp(11px,1.05vw,14px);color:var(--soft);min-height:2.8em;line-height:1.35}
.gumee-scope .pc .r{margin-top:10px;display:flex;justify-content:space-between;align-items:baseline;gap:6px;flex-wrap:wrap}
.gumee-scope .pc .r b{font-size:clamp(12.5px,1.25vw,16.5px);font-weight:600}
.gumee-scope .pc .r .shop{font-size:clamp(11px,1.05vw,14px);font-weight:500}

.gumee-scope /* why */
.why{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden}
@media(max-width:820px){.gumee-scope .why{grid-template-columns:repeat(2,1fr)}}
.gumee-scope .why div{background:#fff;padding:26px 22px}
.gumee-scope .why b{display:block;font-size:15.5px;font-weight:600}
.gumee-scope .why span{display:block;margin-top:5px;font-size:13px;color:var(--soft);line-height:1.42}

.gumee-scope /* nutrients */
.split{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
@media(max-width:900px){.gumee-scope .split{grid-template-columns:1fr}}
.gumee-scope .split .ph{aspect-ratio:4/5;border-radius:8px;background-size:cover;background-position:center}
.gumee-scope .ed{margin-top:clamp(24px,3vw,40px)}
.gumee-scope .ed .r{display:grid;grid-template-columns:clamp(58px,6vw,104px) 1fr;
 gap:clamp(13px,1.5vw,22px) clamp(16px,1.8vw,28px);align-items:center;
 padding:clamp(20px,2.6vw,38px) 0;border-bottom:1px solid var(--line)}
.gumee-scope .ed .disc{width:100%;aspect-ratio:1;border-radius:50%;background-size:cover;background-position:center}
.gumee-scope .ed h3{margin:0;font-size:clamp(19px,2vw,32px);font-weight:700;letter-spacing:-.015em;line-height:1.06}
.gumee-scope .ed .nut{margin-top:clamp(4px,.5vw,8px);font-size:clamp(11px,.95vw,14px);letter-spacing:.11em;
 text-transform:uppercase;color:var(--faint);font-weight:600}
.gumee-scope .ed .tx{grid-column:1/-1;margin:0;font-size:clamp(13.5px,1.25vw,19px);color:var(--soft);line-height:1.5}

.gumee-scope /* nutrients motion */
.ed{--rule:0}
.gumee-scope .ed:before{content:"";display:block;height:1px;background:var(--ink);transform-origin:left;
 transform:scaleX(var(--rule));transition:transform 1.05s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .ed.go{--rule:1}
.gumee-scope .ed .r{opacity:0;transform:translateY(16px);
 transition:opacity .72s cubic-bezier(.22,.61,.36,1),transform .72s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .ed.go .r{opacity:1;transform:none}
.gumee-scope .ed.go .r:nth-child(1){transition-delay:.16s}
.gumee-scope .ed.go .r:nth-child(2){transition-delay:.30s}
.gumee-scope .ed.go .r:nth-child(3){transition-delay:.44s}
.gumee-scope .ed .disc{position:relative;overflow:hidden;transition:transform .5s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .ed .disc span{position:absolute;inset:0;background-size:cover;background-position:center;
 transition:opacity .55s ease,transform .55s ease}
.gumee-scope .ed .disc .d1{animation:spin 44s linear infinite}
.gumee-scope .ed .disc .d2{opacity:0;transform:scale(1.06)}
.gumee-scope .ed .r:hover .disc{transform:scale(1.06)}
.gumee-scope .ed .r:hover .disc .d1{opacity:0}
.gumee-scope .ed .r:hover .disc .d2{opacity:1;transform:none}
@keyframes spin{to{transform:rotate(360deg)}}
.gumee-scope .ed h3,.gumee-scope .ed .nut,.gumee-scope .ed .tx{transition:transform .5s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .ed .r:hover h3{transform:translateX(4px)}
@media (prefers-reduced-motion:reduce){
 .gumee-scope .ed:before{transform:none}
 .gumee-scope .ed .r{opacity:1;transform:none;transition:none}
 .gumee-scope .ed .disc .d1{animation:none}
 .gumee-scope .ed .disc,.gumee-scope .ed h3{transition:none}
}

.gumee-scope /* packs */
.packs{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(9px,1.6vw,22px)}
@media(max-width:760px){
 .gumee-scope .cards{display:flex;grid-template-columns:none;gap:10px;overflow-x:auto;scrollbar-width:none;
  padding-bottom:6px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
 .gumee-scope .cards::-webkit-scrollbar{display:none}
 .gumee-scope .cards .pc{flex:0 0 62%;scroll-snap-align:start}
 .gumee-scope .cards .pc h4{font-size:14px}.gumee-scope .cards .pc .d{font-size:11.5px}
 .gumee-scope .cards .pc .r b{font-size:13.5px}.gumee-scope .cards .pc .r .shop{font-size:12px}
 .gumee-scope .packs{grid-template-columns:1fr 1fr;gap:12px}
 .gumee-scope .bk h4{font-size:14px}.gumee-scope .bk p{font-size:12px}.gumee-scope .bk .pr b{font-size:14px}.gumee-scope .bk .pr .shop{font-size:12px}}
.gumee-scope .bk{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;display:flex;flex-direction:column;
 cursor:pointer;transition:box-shadow .25s,transform .25s}
.gumee-scope .bk:hover{box-shadow:0 16px 38px rgba(0,0,0,.09);transform:translateY(-3px)}
.gumee-scope .bk .im{aspect-ratio:1;background:#fff center/cover}
.gumee-scope .bk .bd{padding:clamp(11px,1.4vw,20px) clamp(11px,1.5vw,22px) clamp(13px,1.5vw,22px);display:flex;flex-direction:column;flex:1}
.gumee-scope .bk h4{font-size:clamp(12.5px,1.35vw,18px);letter-spacing:-.005em}
.gumee-scope .bk p{margin-top:6px;font-size:clamp(10.5px,1vw,13.5px);color:var(--soft);line-height:1.38;flex:1}
.gumee-scope .bk .pr{margin-top:12px;display:flex;align-items:baseline;justify-content:space-between;gap:6px;flex-wrap:wrap}
.gumee-scope .bk .pr b{font-size:clamp(12px,1.2vw,16.5px);font-weight:600}
.gumee-scope .bk .pr .shop{font-size:clamp(10.5px,1vw,14px);font-weight:500}

.gumee-scope /* faq */
.faq{border-top:1px solid var(--line);margin-top:22px}
.gumee-scope .faq details{border-bottom:1px solid var(--line)}
.gumee-scope .faq summary{padding:16px 0;font-size:14px;font-weight:400;line-height:1.3;cursor:pointer;list-style:none;
 display:flex;justify-content:space-between;align-items:center;gap:18px}
.gumee-scope .faq summary::-webkit-details-marker{display:none}
.gumee-scope .faq summary::after{content:"";width:8px;height:8px;flex:none;border-right:1.4px solid var(--ink);border-bottom:1.4px solid var(--ink);
 transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s}
.gumee-scope .faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.gumee-scope .faq p{padding:0 0 18px;font-size:14px;color:var(--ink);max-width:66ch;line-height:1.3}

.gumee-scope footer{border-top:1px solid var(--line);padding:60px 0 42px}
.gumee-scope .fg{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:clamp(22px,4vw,56px)}
@media(max-width:860px){.gumee-scope .fg{grid-template-columns:1fr 1fr}.gumee-scope .fg>div:first-child{grid-column:1/-1}}
.gumee-scope footer h5{margin:0 0 13px;font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--ink)}
.gumee-scope footer li{list-style:none;font-size:14px;line-height:1.3;color:var(--ink);padding:5px 0}
.gumee-scope footer ul{margin:0;padding:0}
.gumee-scope .sub{margin-top:14px;display:flex;gap:8px;max-width:330px}
.gumee-scope .sub input{flex:1;border:1px solid var(--line);border-radius:3px;padding:11px 13px;font:inherit;font-size:14px}
.gumee-scope .sub button{border:0;border-radius:3px;background:var(--ink);color:#fff;font:inherit;font-size:13px;font-weight:600;padding:0 18px;cursor:pointer}
.gumee-scope .legal{margin-top:38px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;color:var(--faint);
 display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}

.gumee-scope /* ---------- gumee motion layer ---------- */
@media (prefers-reduced-motion:no-preference){
  .rv{opacity:0;transform:translateY(22px);
      transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1)}
  .rv.in{opacity:1;transform:none}
  .rvm{opacity:0;clip-path:inset(15% 0 15% 0);
      transition:clip-path 1.2s cubic-bezier(.22,.61,.36,1),opacity .9s ease}
  .rvm.in{opacity:1;clip-path:inset(0 0 0 0)}
}
.gumee-scope /* press + hover feel */
.btn,.gumee-scope .cta,.gumee-scope .sub button,.gumee-scope .qty button{transition:transform .16s cubic-bezier(.22,.61,.36,1),box-shadow .28s,opacity .2s}
.gumee-scope .btn:active,.gumee-scope .cta:active,.gumee-scope .sub button:active,.gumee-scope .qty button:active{transform:scale(.972)}
.gumee-scope .btn:hover,.gumee-scope .cta:hover{box-shadow:0 8px 22px rgba(0,0,0,.14)}
.gumee-scope /* card imagery breathes on hover */
.pc .im div{transition:opacity .45s ease,transform .8s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .pc:hover .im div{transform:scale(1.045)}
.gumee-scope .bk .im{transition:transform .8s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .bk:hover .im{transform:scale(1.04)}
.gumee-scope .pc,.gumee-scope .bk{transition:box-shadow .35s cubic-bezier(.22,.61,.36,1),transform .35s cubic-bezier(.22,.61,.36,1)}
.gumee-scope /* size options and faq rows */
.szo{transition:background .25s,border-color .25s,transform .18s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .szo:active{transform:scale(.994)}
.gumee-scope .faq summary{transition:opacity .2s}
.gumee-scope .faq summary:hover{opacity:.6}
.gumee-scope /* nav condenses once you start scrolling */
.topnav{transition:padding .38s cubic-bezier(.22,.61,.36,1),box-shadow .38s}
.gumee-scope .topnav.shrunk{padding-top:11px;padding-bottom:11px;box-shadow:0 1px 0 rgba(0,0,0,.05),0 12px 30px rgba(0,0,0,.05)}
.gumee-scope .topnav .l span,.gumee-scope .topnav .r span{transition:opacity .2s}

/* ================= shopall.html ================= */
.gumee-scope{--ink:#151515;--soft:#5C5F67;--faint:#8E9198;--line:#E9E9ED;--hair:#F3F3F6;--n2:#E4E4E9;--pale:#F4F4F6;
 --s1:#B9BDE1;--s2:#6069BE;--s3:#2B3373;--c1:#EDB6BC;--c2:#B4747B;--c3:#732B34;--h1c:#DDC2D8;--h2c:#BF88B5;--h3c:#6B2871;
 --h:clamp(28px,3.8vw,50px);--p:15px;--gap:13px}
.gumee-scope,.gumee-scope *{box-sizing:border-box}
.gumee-scope{scroll-behavior:smooth}
.gumee-scope{margin:0;background:#fff;color:var(--ink);font-family:Poppins,-apple-system,Helvetica,Arial,sans-serif;
 font-size:15.5px;line-height:1.42;-webkit-font-smoothing:antialiased}
.gumee-scope h1,.gumee-scope h2,.gumee-scope h3,.gumee-scope h4{margin:0;font-weight:700;letter-spacing:-.015em;line-height:1.04;text-wrap:balance}
.gumee-scope p{margin:0}
.gumee-scope img{display:block;max-width:100%}
.gumee-scope a{color:inherit;text-decoration:none}
.gumee-scope .w{max-width:1240px;margin:0 auto;padding:0 30px}
.gumee-scope{--stage:1720px}
.gumee-scope /* full-bleed media never exceeds the stage,.gumee-scope so ultrawide keeps the real ratio */
.stage{width:min(100%,var(--stage));margin:0 auto}
.gumee-scope .tn{font-variant-numeric:tabular-nums}
.gumee-scope .lower{text-transform:lowercase}
.gumee-scope .dot{width:7px;height:7px;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:7px}
.gumee-scope .logo{display:inline-block;-webkit-mask:var(--gm-img-1) center/contain no-repeat;mask:var(--gm-img-1) center/contain no-repeat;background-color:currentColor}
.gumee-scope .btn{display:inline-block;font-size:12.5px;font-weight:600;padding:12px 26px;border-radius:3px;background:var(--ink);color:#fff;cursor:pointer;border:0}
.gumee-scope .btn.o{background:#fff;color:var(--ink);border:1px solid var(--line)}

.gumee-scope /* ribbon */
.mq{display:flex;overflow:hidden;padding:11px 0;background:var(--n2);color:var(--ink)}
.gumee-scope .mq .tr{display:flex;flex:none;min-width:100%;justify-content:space-around;align-items:center;
 white-space:nowrap;animation:sc 34s linear infinite}
.gumee-scope .mq i{font-style:normal;padding:0 22px;font-size:11.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}
@keyframes sc{to{transform:translateX(-100%)}}
@media (prefers-reduced-motion:reduce){.gumee-scope .mq .tr{animation:none}}

.gumee-scope /* nav over hero */
.hero{position:relative;width:100%;height:min(56.25vw,92vh);min-height:0;display:flex;flex-direction:column;background:#0f1116;overflow:hidden}
.gumee-scope .slide{position:absolute;inset:0;opacity:0;pointer-events:none;
 transition:opacity 1.25s cubic-bezier(.4,0,.2,1)}
.gumee-scope .slide.on{opacity:1;pointer-events:auto}
.gumee-scope .slide .bg{position:absolute;inset:0;background-size:cover;background-position:center 50%;
 transform:scale(1.07);transition:transform 7.5s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .slide.on .bg{transform:scale(1)}
.gumee-scope .slide .vl{position:absolute;inset:0}
.gumee-scope .slide .ht>*{opacity:0;transform:translateY(14px);
 transition:opacity .85s cubic-bezier(.22,.61,.36,1),transform .85s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .slide.on .ht>*{opacity:1;transform:none}
.gumee-scope .slide.on .ht h1{transition-delay:.22s}
.gumee-scope .slide.on .ht p{transition-delay:.34s}
.gumee-scope .slide.on .ht .cta{transition-delay:.46s}
@media (prefers-reduced-motion:reduce){.gumee-scope .slide,.gumee-scope .slide .bg,.gumee-scope .slide .ht>*{transition:none}}
.gumee-scope .nv{position:absolute;left:0;right:0;top:0;z-index:6;transition:color .9s cubic-bezier(.4,0,.2,1);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:24px 34px;gap:20px}
.gumee-scope .nv .l,.gumee-scope .nv .r{display:flex;gap:22px;font-size:12.5px;font-weight:500}
.gumee-scope .nv .r{justify-content:flex-end}
.gumee-scope .nv .c{display:flex;justify-content:center}
.gumee-scope .nv .c .logo{width:100px;height:22px}
@media(max-width:980px){.gumee-scope .nv{grid-template-columns:1fr;justify-items:center;gap:11px}.gumee-scope .nv .l,.gumee-scope .nv .r{flex-wrap:wrap;justify-content:center}}
.gumee-scope .hin{position:absolute;inset:0;z-index:4;display:flex;align-items:center;padding:96px 34px 60px}
.gumee-scope .hin.right{justify-content:flex-end}.gumee-scope .hin.left{justify-content:flex-start}
.gumee-scope .ht{max-width:400px;display:flex;flex-direction:column}
.gumee-scope .right .ht{text-align:right;align-items:flex-end}.gumee-scope .left .ht{text-align:left;align-items:flex-start}
.gumee-scope .ht h1{font-size:var(--h);text-transform:lowercase}
.gumee-scope .ht p{margin-top:var(--gap);font-size:var(--p);max-width:34ch;line-height:1.45}
.gumee-scope .ht .cta{margin-top:calc(var(--gap) + 8px);font-size:12.5px;font-weight:600;padding:12px 28px;border-radius:100px}



.gumee-scope /* ---------- phone: taller crop,.gumee-scope text overlaid like desktop ---------- */
@media(max-width:760px){
  .hero{height:min(122vw,74vh);min-height:0}
  .nv{padding:18px 20px;grid-template-columns:1fr;justify-items:center;gap:0}
  .nv .l,.nv .r{display:none}
  .nv .c .logo{width:92px;height:20px}
  .slide .bg{background-size:cover;background-position:center 50%}
  .slide:nth-child(2) .bg{background-position:64% 50%}
  .slide:nth-child(3) .bg{background-position:36% 50%}
  .slide:nth-child(1) .vl{background:linear-gradient(180deg,rgba(0,0,0,.30) 0%,rgba(0,0,0,0) 34%,rgba(0,0,0,.62) 100%)!important}
  .slide:nth-child(2) .vl{background:linear-gradient(180deg,rgba(0,0,0,.28) 0%,rgba(0,0,0,0) 34%,rgba(0,0,0,.64) 100%)!important}
  .slide:nth-child(3) .vl{background:linear-gradient(180deg,rgba(255,255,255,.30) 0%,rgba(255,255,255,0) 30%,rgba(255,255,255,.80) 100%)!important}
  .hin{align-items:flex-end;justify-content:flex-start!important;padding:0 22px 34px}
  .ht{max-width:none;text-align:left!important;align-items:flex-start!important}
  .ht h1{font-size:clamp(28px,8.4vw,38px)}
  .ht p{font-size:14.5px;max-width:32ch;margin-top:10px}
  .ht .cta{margin-top:16px}
}


.gumee-scope /* why gumee — hull line,.gumee-scope Chris's boat clip */
.whyband{position:relative;width:100%;height:min(56.25vw,88vh);overflow:hidden;background:#0d1a24}
.gumee-scope .whyband .bandimg,.gumee-scope .whyband video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gumee-scope .whyband .bandimg{background-size:cover;background-position:52% 55%}
.gumee-scope .whyband .bandveil{position:absolute;inset:0;z-index:2;
 background:linear-gradient(100deg,rgba(6,16,26,.62) 0%,rgba(6,16,26,.30) 26%,rgba(6,16,26,.06) 46%,rgba(6,16,26,0) 60%)}
.gumee-scope .whyband .bandin{position:absolute;z-index:3;left:clamp(24px,4.4vw,64px);top:50%;transform:translateY(-50%);max-width:35%}
.gumee-scope .whyband h2{color:#fff;font-size:clamp(30px,3.7vw,48px);text-shadow:0 1px 24px rgba(0,0,0,.34);}
.gumee-scope .wsides{margin-top:24px;border-left:1px solid rgba(255,255,255,.34);padding-left:20px}
.gumee-scope .wcol div{padding:11px 0}
.gumee-scope .wcol b{display:block;font-size:16.5px;font-weight:600;color:#fff;text-shadow:0 1px 14px rgba(0,0,0,.5)}
.gumee-scope .wcol span{display:block;margin-top:3px;font-size:14px;color:rgba(255,255,255,.85);line-height:1.42;
 text-shadow:0 1px 14px rgba(0,0,0,.5)}

@media(max-width:900px){
 .gumee-scope .whyband{height:min(128vw,80vh)}
 .gumee-scope .whyband .bandimg{background-position:58% 55%}
 .gumee-scope .whyband .bandveil{background:linear-gradient(180deg,rgba(6,16,26,.40) 0%,rgba(6,16,26,0) 28%,
   rgba(6,16,26,.20) 54%,rgba(6,16,26,.80) 100%)}
 .gumee-scope .whyband .bandin{left:22px;right:22px;top:auto;bottom:26px;transform:none;max-width:none}
 .gumee-scope .whyband h2{font-size:33px}
 .gumee-scope .wsides{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;margin-top:16px;
   border-left:0;padding-left:0;border-top:1px solid rgba(255,255,255,.3);padding-top:12px}
 .gumee-scope .wcol b{font-size:15.5px}
 .gumee-scope .wcol span{font-size:13px}
}

.gumee-scope section{padding:74px 0}
.gumee-scope .sh{margin-bottom:26px}
.gumee-scope .sh h2{font-size:clamp(26px,3.2vw,38px)}
.gumee-scope .sh p{margin-top:9px;color:var(--soft);max-width:54ch;font-size:15px}
.gumee-scope .sh.row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.gumee-scope .sh a.more{font-size:13.5px;color:var(--soft);border-bottom:1px solid var(--line);padding-bottom:2px}

.gumee-scope /* cards */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(9px,1.9vw,26px)}
.gumee-scope .pc{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;cursor:pointer;transition:box-shadow .25s,transform .25s}
.gumee-scope .pc:hover{box-shadow:0 16px 38px rgba(0,0,0,.10);transform:translateY(-3px)}
.gumee-scope .pc .im{position:relative;aspect-ratio:1;overflow:hidden}
.gumee-scope .pc .im div{position:absolute;inset:0;background-size:cover;background-position:center;transition:opacity .45s ease}
.gumee-scope .pc .im .b{opacity:0}
.gumee-scope .pc .im.flip .b{opacity:1}
.gumee-scope .pc:hover .im .b{opacity:1}
.gumee-scope .pc:hover .im.flip .b{opacity:1}
.gumee-scope .pc .bd{padding:clamp(11px,1.5vw,20px) clamp(11px,1.6vw,22px) clamp(13px,1.6vw,22px)}
.gumee-scope .pc h4{font-size:clamp(13.5px,1.55vw,20px);letter-spacing:-.005em}
.gumee-scope .pc .d{margin-top:5px;font-size:clamp(11px,1.05vw,14px);color:var(--soft);min-height:2.8em;line-height:1.35}
.gumee-scope .pc .r{margin-top:10px;display:flex;justify-content:space-between;align-items:baseline;gap:6px;flex-wrap:wrap}
.gumee-scope .pc .r b{font-size:clamp(12.5px,1.25vw,16.5px);font-weight:600}
.gumee-scope .pc .r .shop{font-size:clamp(11px,1.05vw,14px);font-weight:500}

.gumee-scope /* why */
.why{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden}
@media(max-width:820px){.gumee-scope .why{grid-template-columns:repeat(2,1fr)}}
.gumee-scope .why div{background:#fff;padding:26px 22px}
.gumee-scope .why b{display:block;font-size:15.5px;font-weight:600}
.gumee-scope .why span{display:block;margin-top:5px;font-size:13px;color:var(--soft);line-height:1.42}

.gumee-scope /* nutrients */
.split{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
@media(max-width:900px){.gumee-scope .split{grid-template-columns:1fr}}
.gumee-scope .split .ph{aspect-ratio:4/5;border-radius:8px;background-size:cover;background-position:center}
.gumee-scope .ed{margin-top:clamp(24px,3vw,40px)}
.gumee-scope .ed .r{display:grid;grid-template-columns:clamp(58px,6vw,104px) 1fr;
 gap:clamp(13px,1.5vw,22px) clamp(16px,1.8vw,28px);align-items:center;
 padding:clamp(20px,2.6vw,38px) 0;border-bottom:1px solid var(--line)}
.gumee-scope .ed .disc{width:100%;aspect-ratio:1;border-radius:50%;background-size:cover;background-position:center}
.gumee-scope .ed h3{margin:0;font-size:clamp(19px,2vw,32px);font-weight:700;letter-spacing:-.015em;line-height:1.06}
.gumee-scope .ed .nut{margin-top:clamp(4px,.5vw,8px);font-size:clamp(11px,.95vw,14px);letter-spacing:.11em;
 text-transform:uppercase;color:var(--faint);font-weight:600}
.gumee-scope .ed .tx{grid-column:1/-1;margin:0;font-size:clamp(13.5px,1.25vw,19px);color:var(--soft);line-height:1.5}

.gumee-scope /* nutrients motion */
.ed{--rule:0}
.gumee-scope .ed:before{content:"";display:block;height:1px;background:var(--ink);transform-origin:left;
 transform:scaleX(var(--rule));transition:transform 1.05s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .ed.go{--rule:1}
.gumee-scope .ed .r{opacity:0;transform:translateY(16px);
 transition:opacity .72s cubic-bezier(.22,.61,.36,1),transform .72s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .ed.go .r{opacity:1;transform:none}
.gumee-scope .ed.go .r:nth-child(1){transition-delay:.16s}
.gumee-scope .ed.go .r:nth-child(2){transition-delay:.30s}
.gumee-scope .ed.go .r:nth-child(3){transition-delay:.44s}
.gumee-scope .ed .disc{position:relative;overflow:hidden;transition:transform .5s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .ed .disc span{position:absolute;inset:0;background-size:cover;background-position:center;
 transition:opacity .55s ease,transform .55s ease}
.gumee-scope .ed .disc .d1{animation:spin 44s linear infinite}
.gumee-scope .ed .disc .d2{opacity:0;transform:scale(1.06)}
.gumee-scope .ed .r:hover .disc{transform:scale(1.06)}
.gumee-scope .ed .r:hover .disc .d1{opacity:0}
.gumee-scope .ed .r:hover .disc .d2{opacity:1;transform:none}
@keyframes spin{to{transform:rotate(360deg)}}
.gumee-scope .ed h3,.gumee-scope .ed .nut,.gumee-scope .ed .tx{transition:transform .5s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .ed .r:hover h3{transform:translateX(4px)}
@media (prefers-reduced-motion:reduce){
 .gumee-scope .ed:before{transform:none}
 .gumee-scope .ed .r{opacity:1;transform:none;transition:none}
 .gumee-scope .ed .disc .d1{animation:none}
 .gumee-scope .ed .disc,.gumee-scope .ed h3{transition:none}
}

.gumee-scope /* packs */
.packs{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(9px,1.6vw,22px)}
.gumee-scope .bk{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;display:flex;flex-direction:column;
 cursor:pointer;transition:box-shadow .25s,transform .25s}
.gumee-scope .bk:hover{box-shadow:0 16px 38px rgba(0,0,0,.09);transform:translateY(-3px)}
.gumee-scope .bk .im{aspect-ratio:1;background:#fff center/cover}
.gumee-scope .bk .bd{padding:clamp(11px,1.4vw,20px) clamp(11px,1.5vw,22px) clamp(13px,1.5vw,22px);display:flex;flex-direction:column;flex:1}
.gumee-scope .bk h4{font-size:clamp(12.5px,1.35vw,18px);letter-spacing:-.005em}
.gumee-scope .bk p{margin-top:6px;font-size:clamp(10.5px,1vw,13.5px);color:var(--soft);line-height:1.38;flex:1}
.gumee-scope .bk .pr{margin-top:12px;display:flex;align-items:baseline;justify-content:space-between;gap:6px;flex-wrap:wrap}
.gumee-scope .bk .pr b{font-size:clamp(12px,1.2vw,16.5px);font-weight:600}
.gumee-scope .bk .pr .shop{font-size:clamp(10.5px,1vw,14px);font-weight:500}

.gumee-scope /* faq */
.faq{border-top:1px solid var(--line);margin-top:22px}
.gumee-scope .faq details{border-bottom:1px solid var(--line)}
.gumee-scope .faq summary{padding:16px 0;font-size:14px;font-weight:400;line-height:1.3;cursor:pointer;list-style:none;
 display:flex;justify-content:space-between;align-items:center;gap:18px}
.gumee-scope .faq summary::-webkit-details-marker{display:none}
.gumee-scope .faq summary::after{content:"";width:8px;height:8px;flex:none;border-right:1.4px solid var(--ink);border-bottom:1.4px solid var(--ink);
 transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s}
.gumee-scope .faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.gumee-scope .faq p{padding:0 0 18px;font-size:14px;color:var(--ink);max-width:66ch;line-height:1.3}

.gumee-scope footer{border-top:1px solid var(--line);padding:60px 0 42px}
.gumee-scope .fg{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:clamp(22px,4vw,56px)}
@media(max-width:860px){.gumee-scope .fg{grid-template-columns:1fr 1fr}.gumee-scope .fg>div:first-child{grid-column:1/-1}}
.gumee-scope footer h5{margin:0 0 13px;font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--ink)}
.gumee-scope footer li{list-style:none;font-size:14px;line-height:1.3;color:var(--ink);padding:5px 0}
.gumee-scope footer ul{margin:0;padding:0}
.gumee-scope .sub{margin-top:14px;display:flex;gap:8px;max-width:330px}
.gumee-scope .sub input{flex:1;border:1px solid var(--line);border-radius:3px;padding:11px 13px;font:inherit;font-size:14px}
.gumee-scope .sub button{border:0;border-radius:3px;background:var(--ink);color:#fff;font:inherit;font-size:13px;font-weight:600;padding:0 18px;cursor:pointer}
.gumee-scope .legal{margin-top:38px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;color:var(--faint);
 display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}


.gumee-scope /* ---- shop all page ---- */
.topnav{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line);
 display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:20px 34px;gap:20px;color:var(--ink)}
.gumee-scope .topnav .l,.gumee-scope .topnav .r{display:flex;gap:clamp(12px,1.6vw,24px);align-items:center;font-size:14px}
.gumee-scope .topnav .r{justify-content:flex-end}
.gumee-scope .topnav .c{display:flex;justify-content:center}
.gumee-scope .topnav span{cursor:pointer}
.gumee-scope .topnav .l span:hover,.gumee-scope .topnav .r span:hover{opacity:.55}
@media(max-width:980px){
 .gumee-scope .topnav{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;
  gap:18px;padding:13px 18px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .gumee-scope .topnav::-webkit-scrollbar{display:none}
 .gumee-scope .topnav .l,.gumee-scope .topnav .r{display:contents}
 .gumee-scope .topnav .c{order:-1;flex:none;margin-right:4px}
 .gumee-scope .topnav .l span,.gumee-scope .topnav .r span{flex:none;white-space:nowrap;font-size:13.5px}
}

.gumee-scope .ph1{padding:clamp(30px,4vw,54px) 0 0}
.gumee-scope .ph1 h1{margin:0;font-size:clamp(30px,4vw,52px);font-weight:700;letter-spacing:-.015em;line-height:1.04;text-transform:lowercase}

.gumee-scope .tools{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;
 margin-top:clamp(20px,2.6vw,34px);padding-bottom:clamp(16px,2vw,26px)}
.gumee-scope .tools .l,.gumee-scope .tools .r{display:flex;align-items:center;gap:clamp(12px,1.8vw,26px)}
.gumee-scope .tools b{font-weight:400;font-size:14px;line-height:1.3;display:inline-flex;align-items:center;gap:7px;cursor:pointer}
.gumee-scope .tools b:hover{opacity:.55}
.gumee-scope .tools i{font-style:normal;font-size:10px;color:var(--faint);transform:translateY(1px)}
.gumee-scope .tools .ct{color:var(--soft);font-size:14px}
.gumee-scope .vw{display:flex;gap:10px;align-items:center}
.gumee-scope .vw button{border:0;background:none;padding:5px;cursor:pointer;display:grid;grid-template-columns:1fr 1fr;gap:2px;width:26px;opacity:.35}
.gumee-scope .vw button.on{opacity:1}
.gumee-scope .vw button i{display:block;width:100%;aspect-ratio:1;background:var(--ink)}
.gumee-scope .vw button.dense{grid-template-columns:1fr 1fr 1fr}

.gumee-scope .pgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(10px,1.5vw,24px) clamp(9px,1.2vw,16px)}
.gumee-scope .pgrid.dense{grid-template-columns:repeat(6,1fr)}
.gumee-scope .gc{cursor:pointer;position:relative;opacity:0;transform:translateY(18px);
 transition:opacity .66s cubic-bezier(.22,.61,.36,1),transform .66s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .gc.in{opacity:1;transform:none}
.gumee-scope .gc .im{position:relative;aspect-ratio:1;overflow:hidden;border-radius:10px;background:#fff}
.gumee-scope .gc .im span{position:absolute;inset:0;background-size:cover;background-position:center;
 transition:opacity .55s ease,transform .9s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .gc .im .b{opacity:0}
.gumee-scope .gc:hover .im .a{opacity:0;transform:scale(1.04)}
.gumee-scope .gc:hover .im .b{opacity:1;transform:scale(1.04)}
.gumee-scope .gc .badge{position:absolute;top:10px;right:10px;z-index:3;background:#fff;border-radius:999px;
 padding:5px 11px;font-size:11.5px;line-height:1;box-shadow:0 1px 6px rgba(0,0,0,.08)}
.gumee-scope .gc h4{margin-top:12px;font-size:clamp(11.5px,1.05vw,15px);font-weight:400;line-height:1.3}
.gumee-scope .gc .p{margin-top:4px;font-size:clamp(11.5px,1.05vw,15px);line-height:1.3}
.gumee-scope .gc .add{margin-top:9px;font-size:12.5px;font-weight:500;opacity:0;transform:translateY(5px);
 transition:opacity .3s,transform .3s}
.gumee-scope .gc:hover .add{opacity:1;transform:none}
@media(max-width:1180px){.gumee-scope .pgrid{grid-template-columns:repeat(4,1fr)}.gumee-scope .pgrid.dense{grid-template-columns:repeat(5,1fr)}}
@media(max-width:860px){.gumee-scope .pgrid,.gumee-scope .pgrid.dense{grid-template-columns:repeat(3,1fr)}.gumee-scope .vw{display:none}}
@media (prefers-reduced-motion:reduce){.gumee-scope .gc{opacity:1;transform:none;transition:none}
 .gumee-scope .gc .im span{transition:opacity .2s}}

.gumee-scope /* ---------- gumee motion layer ---------- */
@media (prefers-reduced-motion:no-preference){
  .rv{opacity:0;transform:translateY(22px);
      transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1)}
  .rv.in{opacity:1;transform:none}
  .rvm{opacity:0;clip-path:inset(15% 0 15% 0);
      transition:clip-path 1.2s cubic-bezier(.22,.61,.36,1),opacity .9s ease}
  .rvm.in{opacity:1;clip-path:inset(0 0 0 0)}
}
.gumee-scope /* press + hover feel */
.btn,.gumee-scope .cta,.gumee-scope .sub button,.gumee-scope .qty button{transition:transform .16s cubic-bezier(.22,.61,.36,1),box-shadow .28s,opacity .2s}
.gumee-scope .btn:active,.gumee-scope .cta:active,.gumee-scope .sub button:active,.gumee-scope .qty button:active{transform:scale(.972)}
.gumee-scope .btn:hover,.gumee-scope .cta:hover{box-shadow:0 8px 22px rgba(0,0,0,.14)}
.gumee-scope /* card imagery breathes on hover */
.pc .im div{transition:opacity .45s ease,transform .8s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .pc:hover .im div{transform:scale(1.045)}
.gumee-scope .bk .im{transition:transform .8s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .bk:hover .im{transform:scale(1.04)}
.gumee-scope .pc,.gumee-scope .bk{transition:box-shadow .35s cubic-bezier(.22,.61,.36,1),transform .35s cubic-bezier(.22,.61,.36,1)}
.gumee-scope /* size options and faq rows */
.szo{transition:background .25s,border-color .25s,transform .18s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .szo:active{transform:scale(.994)}
.gumee-scope .faq summary{transition:opacity .2s}
.gumee-scope .faq summary:hover{opacity:.6}
.gumee-scope /* nav condenses once you start scrolling */
.topnav{transition:padding .38s cubic-bezier(.22,.61,.36,1),box-shadow .38s}
.gumee-scope .topnav.shrunk{padding-top:11px;padding-bottom:11px;box-shadow:0 1px 0 rgba(0,0,0,.05),0 12px 30px rgba(0,0,0,.05)}
.gumee-scope .topnav .l span,.gumee-scope .topnav .r span{transition:opacity .2s}

/* ================= product.html ================= */
.gumee-scope{--acc:var(--s1);--accd:var(--s3)}
.gumee-scope{--ink:#151515;--soft:#5C5F67;--faint:#8E9198;--line:#E9E9ED;--hair:#F3F3F6;--n2:#E4E4E9;--pale:#F4F4F6;
 --s1:#B9BDE1;--s2:#6069BE;--s3:#2B3373;--c1:#EDB6BC;--c2:#B4747B;--c3:#732B34;--h1c:#DDC2D8;--h2c:#BF88B5;--h3c:#6B2871;
 --h:clamp(28px,3.8vw,50px);--p:15px;--gap:13px}
.gumee-scope,.gumee-scope *{box-sizing:border-box}
.gumee-scope{scroll-behavior:smooth}
.gumee-scope{margin:0;background:#fff;color:var(--ink);font-family:Poppins,-apple-system,Helvetica,Arial,sans-serif;
 font-size:15.5px;line-height:1.42;-webkit-font-smoothing:antialiased}
.gumee-scope h1,.gumee-scope h2,.gumee-scope h3,.gumee-scope h4{margin:0;font-weight:700;letter-spacing:-.015em;line-height:1.04;text-wrap:balance}
.gumee-scope p{margin:0}
.gumee-scope img{display:block;max-width:100%}
.gumee-scope a{color:inherit;text-decoration:none}
.gumee-scope .w{max-width:1240px;margin:0 auto;padding:0 30px}
.gumee-scope{--stage:1720px}
.gumee-scope /* full-bleed media never exceeds the stage,.gumee-scope so ultrawide keeps the real ratio */
.stage{width:min(100%,var(--stage));margin:0 auto}
.gumee-scope .tn{font-variant-numeric:tabular-nums}
.gumee-scope .lower{text-transform:lowercase}
.gumee-scope .dot{width:7px;height:7px;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:7px}
.gumee-scope .logo{display:inline-block;-webkit-mask:var(--gm-img-1) center/contain no-repeat;mask:var(--gm-img-1) center/contain no-repeat;background-color:currentColor}
.gumee-scope .btn{display:inline-block;font-size:12.5px;font-weight:600;padding:12px 26px;border-radius:3px;background:var(--ink);color:#fff;cursor:pointer;border:0}
.gumee-scope .btn.o{background:#fff;color:var(--ink);border:1px solid var(--line)}

.gumee-scope /* ribbon */
.mq{display:flex;overflow:hidden;padding:11px 0;background:var(--n2);color:var(--ink)}
.gumee-scope .mq .tr{display:flex;flex:none;min-width:100%;justify-content:space-around;align-items:center;
 white-space:nowrap;animation:sc 34s linear infinite}
.gumee-scope .mq i{font-style:normal;padding:0 22px;font-size:11.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}
@keyframes sc{to{transform:translateX(-100%)}}
@media (prefers-reduced-motion:reduce){.gumee-scope .mq .tr{animation:none}}

.gumee-scope /* nav over hero */
.hero{position:relative;width:100%;height:min(56.25vw,92vh);min-height:0;display:flex;flex-direction:column;background:#0f1116;overflow:hidden}
.gumee-scope .slide{position:absolute;inset:0;opacity:0;pointer-events:none;
 transition:opacity 1.25s cubic-bezier(.4,0,.2,1)}
.gumee-scope .slide.on{opacity:1;pointer-events:auto}
.gumee-scope .slide .bg{position:absolute;inset:0;background-size:cover;background-position:center 50%;
 transform:scale(1.07);transition:transform 7.5s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .slide.on .bg{transform:scale(1)}
.gumee-scope .slide .vl{position:absolute;inset:0}
.gumee-scope .slide .ht>*{opacity:0;transform:translateY(14px);
 transition:opacity .85s cubic-bezier(.22,.61,.36,1),transform .85s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .slide.on .ht>*{opacity:1;transform:none}
.gumee-scope .slide.on .ht h1{transition-delay:.22s}
.gumee-scope .slide.on .ht p{transition-delay:.34s}
.gumee-scope .slide.on .ht .cta{transition-delay:.46s}
@media (prefers-reduced-motion:reduce){.gumee-scope .slide,.gumee-scope .slide .bg,.gumee-scope .slide .ht>*{transition:none}}
.gumee-scope .nv{position:absolute;left:0;right:0;top:0;z-index:6;transition:color .9s cubic-bezier(.4,0,.2,1);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:24px 34px;gap:20px}
.gumee-scope .nv .l,.gumee-scope .nv .r{display:flex;gap:22px;font-size:12.5px;font-weight:500}
.gumee-scope .nv .r{justify-content:flex-end}
.gumee-scope .nv .c{display:flex;justify-content:center}
.gumee-scope .nv .c .logo{width:100px;height:22px}
@media(max-width:980px){.gumee-scope .nv{grid-template-columns:1fr;justify-items:center;gap:11px}.gumee-scope .nv .l,.gumee-scope .nv .r{flex-wrap:wrap;justify-content:center}}
.gumee-scope .hin{position:absolute;inset:0;z-index:4;display:flex;align-items:center;padding:96px 34px 60px}
.gumee-scope .hin.right{justify-content:flex-end}.gumee-scope .hin.left{justify-content:flex-start}
.gumee-scope .ht{max-width:400px;display:flex;flex-direction:column}
.gumee-scope .right .ht{text-align:right;align-items:flex-end}.gumee-scope .left .ht{text-align:left;align-items:flex-start}
.gumee-scope .ht h1{font-size:var(--h);text-transform:lowercase}
.gumee-scope .ht p{margin-top:var(--gap);font-size:var(--p);max-width:34ch;line-height:1.45}
.gumee-scope .ht .cta{margin-top:calc(var(--gap) + 8px);font-size:12.5px;font-weight:600;padding:12px 28px;border-radius:100px}



.gumee-scope /* ---------- phone: taller crop,.gumee-scope text overlaid like desktop ---------- */
@media(max-width:760px){
  .hero{height:min(122vw,74vh);min-height:0}
  .nv{padding:18px 20px;grid-template-columns:1fr;justify-items:center;gap:0}
  .nv .l,.nv .r{display:none}
  .nv .c .logo{width:92px;height:20px}
  .slide .bg{background-size:cover;background-position:center 50%}
  .slide:nth-child(2) .bg{background-position:64% 50%}
  .slide:nth-child(3) .bg{background-position:36% 50%}
  .slide:nth-child(1) .vl{background:linear-gradient(180deg,rgba(0,0,0,.30) 0%,rgba(0,0,0,0) 34%,rgba(0,0,0,.62) 100%)!important}
  .slide:nth-child(2) .vl{background:linear-gradient(180deg,rgba(0,0,0,.28) 0%,rgba(0,0,0,0) 34%,rgba(0,0,0,.64) 100%)!important}
  .slide:nth-child(3) .vl{background:linear-gradient(180deg,rgba(255,255,255,.30) 0%,rgba(255,255,255,0) 30%,rgba(255,255,255,.80) 100%)!important}
  .hin{align-items:flex-end;justify-content:flex-start!important;padding:0 22px 34px}
  .ht{max-width:none;text-align:left!important;align-items:flex-start!important}
  .ht h1{font-size:clamp(28px,8.4vw,38px)}
  .ht p{font-size:14.5px;max-width:32ch;margin-top:10px}
  .ht .cta{margin-top:16px}
}


.gumee-scope /* why gumee — hull line,.gumee-scope Chris's boat clip */
.whyband{position:relative;width:100%;height:min(56.25vw,88vh);overflow:hidden;background:#0d1a24}
.gumee-scope .whyband .bandimg,.gumee-scope .whyband video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gumee-scope .whyband .bandimg{background-size:cover;background-position:52% 55%}
.gumee-scope .whyband .bandveil{position:absolute;inset:0;z-index:2;
 background:linear-gradient(100deg,rgba(6,16,26,.62) 0%,rgba(6,16,26,.30) 26%,rgba(6,16,26,.06) 46%,rgba(6,16,26,0) 60%)}
.gumee-scope .whyband .bandin{position:absolute;z-index:3;left:clamp(24px,4.4vw,64px);top:50%;transform:translateY(-50%);max-width:35%}
.gumee-scope .whyband h2{color:#fff;font-size:clamp(30px,3.7vw,48px);text-shadow:0 1px 24px rgba(0,0,0,.34);}
.gumee-scope .wsides{margin-top:24px;border-left:1px solid rgba(255,255,255,.34);padding-left:20px}
.gumee-scope .wcol div{padding:11px 0}
.gumee-scope .wcol b{display:block;font-size:16.5px;font-weight:600;color:#fff;text-shadow:0 1px 14px rgba(0,0,0,.5)}
.gumee-scope .wcol span{display:block;margin-top:3px;font-size:14px;color:rgba(255,255,255,.85);line-height:1.42;
 text-shadow:0 1px 14px rgba(0,0,0,.5)}

@media(max-width:900px){
 .gumee-scope .whyband{height:min(128vw,80vh)}
 .gumee-scope .whyband .bandimg{background-position:58% 55%}
 .gumee-scope .whyband .bandveil{background:linear-gradient(180deg,rgba(6,16,26,.40) 0%,rgba(6,16,26,0) 28%,
   rgba(6,16,26,.20) 54%,rgba(6,16,26,.80) 100%)}
 .gumee-scope .whyband .bandin{left:22px;right:22px;top:auto;bottom:26px;transform:none;max-width:none}
 .gumee-scope .whyband h2{font-size:33px}
 .gumee-scope .wsides{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;margin-top:16px;
   border-left:0;padding-left:0;border-top:1px solid rgba(255,255,255,.3);padding-top:12px}
 .gumee-scope .wcol b{font-size:15.5px}
 .gumee-scope .wcol span{font-size:13px}
}

.gumee-scope section{padding:74px 0}
.gumee-scope .sh{margin-bottom:26px}
.gumee-scope .sh h2{font-size:clamp(26px,3.2vw,38px)}
.gumee-scope .sh p{margin-top:9px;color:var(--soft);max-width:54ch;font-size:15px}
.gumee-scope .sh.row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.gumee-scope .sh a.more{font-size:13.5px;color:var(--soft);border-bottom:1px solid var(--line);padding-bottom:2px}

.gumee-scope /* cards */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(9px,1.9vw,26px)}
.gumee-scope .pc{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;cursor:pointer;transition:box-shadow .25s,transform .25s}
.gumee-scope .pc:hover{box-shadow:0 16px 38px rgba(0,0,0,.10);transform:translateY(-3px)}
.gumee-scope .pc .im{position:relative;aspect-ratio:1;overflow:hidden}
.gumee-scope .pc .im div{position:absolute;inset:0;background-size:cover;background-position:center;transition:opacity .45s ease}
.gumee-scope .pc .im .b{opacity:0}
.gumee-scope .pc .im.flip .b{opacity:1}
.gumee-scope .pc:hover .im .b{opacity:1}
.gumee-scope .pc:hover .im.flip .b{opacity:1}
.gumee-scope .pc .bd{padding:clamp(11px,1.5vw,20px) clamp(11px,1.6vw,22px) clamp(13px,1.6vw,22px)}
.gumee-scope .pc h4{font-size:clamp(13.5px,1.55vw,20px);letter-spacing:-.005em}
.gumee-scope .pc .d{margin-top:5px;font-size:clamp(11px,1.05vw,14px);color:var(--soft);min-height:2.8em;line-height:1.35}
.gumee-scope .pc .r{margin-top:10px;display:flex;justify-content:space-between;align-items:baseline;gap:6px;flex-wrap:wrap}
.gumee-scope .pc .r b{font-size:clamp(12.5px,1.25vw,16.5px);font-weight:600}
.gumee-scope .pc .r .shop{font-size:clamp(11px,1.05vw,14px);font-weight:500}

.gumee-scope /* why */
.why{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden}
@media(max-width:820px){.gumee-scope .why{grid-template-columns:repeat(2,1fr)}}
.gumee-scope .why div{background:#fff;padding:26px 22px}
.gumee-scope .why b{display:block;font-size:15.5px;font-weight:600}
.gumee-scope .why span{display:block;margin-top:5px;font-size:13px;color:var(--soft);line-height:1.42}

.gumee-scope /* nutrients */
.split{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
@media(max-width:900px){.gumee-scope .split{grid-template-columns:1fr}}
.gumee-scope .split .ph{aspect-ratio:4/5;border-radius:8px;background-size:cover;background-position:center}
.gumee-scope .ed{margin-top:clamp(24px,3vw,40px)}
.gumee-scope .ed .r{display:grid;grid-template-columns:clamp(58px,6vw,104px) 1fr;
 gap:clamp(13px,1.5vw,22px) clamp(16px,1.8vw,28px);align-items:center;
 padding:clamp(20px,2.6vw,38px) 0;border-bottom:1px solid var(--line)}
.gumee-scope .ed .disc{width:100%;aspect-ratio:1;border-radius:50%;background-size:cover;background-position:center}
.gumee-scope .ed h3{margin:0;font-size:clamp(19px,2vw,32px);font-weight:700;letter-spacing:-.015em;line-height:1.06}
.gumee-scope .ed .nut{margin-top:clamp(4px,.5vw,8px);font-size:clamp(11px,.95vw,14px);letter-spacing:.11em;
 text-transform:uppercase;color:var(--faint);font-weight:600}
.gumee-scope .ed .tx{grid-column:1/-1;margin:0;font-size:clamp(13.5px,1.25vw,19px);color:var(--soft);line-height:1.5}

.gumee-scope /* nutrients motion */
.ed{--rule:0}
.gumee-scope .ed:before{content:"";display:block;height:1px;background:var(--ink);transform-origin:left;
 transform:scaleX(var(--rule));transition:transform 1.05s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .ed.go{--rule:1}
.gumee-scope .ed .r{opacity:0;transform:translateY(16px);
 transition:opacity .72s cubic-bezier(.22,.61,.36,1),transform .72s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .ed.go .r{opacity:1;transform:none}
.gumee-scope .ed.go .r:nth-child(1){transition-delay:.16s}
.gumee-scope .ed.go .r:nth-child(2){transition-delay:.30s}
.gumee-scope .ed.go .r:nth-child(3){transition-delay:.44s}
.gumee-scope .ed .disc{position:relative;overflow:hidden;transition:transform .5s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .ed .disc span{position:absolute;inset:0;background-size:cover;background-position:center;
 transition:opacity .55s ease,transform .55s ease}
.gumee-scope .ed .disc .d1{animation:spin 44s linear infinite}
.gumee-scope .ed .disc .d2{opacity:0;transform:scale(1.06)}
.gumee-scope .ed .r:hover .disc{transform:scale(1.06)}
.gumee-scope .ed .r:hover .disc .d1{opacity:0}
.gumee-scope .ed .r:hover .disc .d2{opacity:1;transform:none}
@keyframes spin{to{transform:rotate(360deg)}}
.gumee-scope .ed h3,.gumee-scope .ed .nut,.gumee-scope .ed .tx{transition:transform .5s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .ed .r:hover h3{transform:translateX(4px)}
@media (prefers-reduced-motion:reduce){
 .gumee-scope .ed:before{transform:none}
 .gumee-scope .ed .r{opacity:1;transform:none;transition:none}
 .gumee-scope .ed .disc .d1{animation:none}
 .gumee-scope .ed .disc,.gumee-scope .ed h3{transition:none}
}

.gumee-scope /* packs */
.packs{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(9px,1.6vw,22px)}
.gumee-scope .bk{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;display:flex;flex-direction:column;
 cursor:pointer;transition:box-shadow .25s,transform .25s}
.gumee-scope .bk:hover{box-shadow:0 16px 38px rgba(0,0,0,.09);transform:translateY(-3px)}
.gumee-scope .bk .im{aspect-ratio:1;background:#fff center/cover}
.gumee-scope .bk .bd{padding:clamp(11px,1.4vw,20px) clamp(11px,1.5vw,22px) clamp(13px,1.5vw,22px);display:flex;flex-direction:column;flex:1}
.gumee-scope .bk h4{font-size:clamp(12.5px,1.35vw,18px);letter-spacing:-.005em}
.gumee-scope .bk p{margin-top:6px;font-size:clamp(10.5px,1vw,13.5px);color:var(--soft);line-height:1.38;flex:1}
.gumee-scope .bk .pr{margin-top:12px;display:flex;align-items:baseline;justify-content:space-between;gap:6px;flex-wrap:wrap}
.gumee-scope .bk .pr b{font-size:clamp(12px,1.2vw,16.5px);font-weight:600}
.gumee-scope .bk .pr .shop{font-size:clamp(10.5px,1vw,14px);font-weight:500}

.gumee-scope /* faq */
.faq{border-top:1px solid var(--line);margin-top:22px}
.gumee-scope .faq details{border-bottom:1px solid var(--line)}
.gumee-scope .faq summary{padding:16px 0;font-size:14px;font-weight:400;line-height:1.3;cursor:pointer;list-style:none;
 display:flex;justify-content:space-between;align-items:center;gap:18px}
.gumee-scope .faq summary::-webkit-details-marker{display:none}
.gumee-scope .faq summary::after{content:"";width:8px;height:8px;flex:none;border-right:1.4px solid var(--ink);border-bottom:1.4px solid var(--ink);
 transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s}
.gumee-scope .faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.gumee-scope .faq p{padding:0 0 18px;font-size:14px;color:var(--ink);max-width:66ch;line-height:1.3}

.gumee-scope footer{border-top:1px solid var(--line);padding:60px 0 42px}
.gumee-scope .fg{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:clamp(22px,4vw,56px)}
@media(max-width:860px){.gumee-scope .fg{grid-template-columns:1fr 1fr}.gumee-scope .fg>div:first-child{grid-column:1/-1}}
.gumee-scope footer h5{margin:0 0 13px;font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--ink)}
.gumee-scope footer li{list-style:none;font-size:14px;line-height:1.3;color:var(--ink);padding:5px 0}
.gumee-scope footer ul{margin:0;padding:0}
.gumee-scope .sub{margin-top:14px;display:flex;gap:8px;max-width:330px}
.gumee-scope .sub input{flex:1;border:1px solid var(--line);border-radius:3px;padding:11px 13px;font:inherit;font-size:14px}
.gumee-scope .sub button{border:0;border-radius:3px;background:var(--ink);color:#fff;font:inherit;font-size:13px;font-weight:600;padding:0 18px;cursor:pointer}
.gumee-scope .legal{margin-top:38px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;color:var(--faint);
 display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}

.gumee-scope /* selling blocks */
.sizes{display:grid;gap:9px;margin-top:10px}
.gumee-scope .szo{display:grid;grid-template-columns:22px 1fr auto;gap:12px;align-items:center;
 border:1px solid var(--line);border-radius:12px;padding:13px 15px;cursor:pointer;transition:border-color .2s,background .2s}
.gumee-scope .szo:hover{border-color:#C9C9D0}
.gumee-scope .szo.on{border-color:var(--ink);background:#FCFCFD}
.gumee-scope .szo .dot{width:16px;height:16px;border-radius:50%;border:1.5px solid #C9C9D0;position:relative}
.gumee-scope .szo.on .dot{border-color:var(--ink)}
.gumee-scope .szo.on .dot:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--ink)}
.gumee-scope .szo b{display:block;font-size:14px;font-weight:500}
.gumee-scope .szo em{font-style:normal;display:block;margin-top:2px;font-size:12.5px;color:var(--soft)}
.gumee-scope .szo .rt{text-align:right}
.gumee-scope .szo .rt b{font-size:15px;font-weight:600}
.gumee-scope .szo .rt s{font-size:12.5px;color:var(--faint)}
.gumee-scope .szo .tag{display:inline-block;margin-left:8px;background:var(--acc);color:var(--accd);border-radius:999px;
 padding:2px 9px;font-size:10.5px;font-weight:600;vertical-align:middle}
.gumee-scope .perday{margin-top:6px;font-size:13px;color:var(--soft)}
.gumee-scope .trust{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin-top:16px;
 border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0}
.gumee-scope .trust div{font-size:12.5px;color:var(--soft);display:flex;gap:8px;align-items:flex-start;line-height:1.35}
.gumee-scope .trust i{font-style:normal;color:var(--ink)}
.gumee-scope .tonight{padding-top:clamp(46px,6vw,78px)}
.gumee-scope .tonight h2{font-size:clamp(22px,2.4vw,32px);font-weight:700;letter-spacing:-.015em;text-transform:lowercase}
.gumee-scope .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2.4vw,34px);margin-top:26px;
 border-top:1px solid var(--ink);padding-top:8px}
.gumee-scope .steps div{padding:20px 0}
.gumee-scope .steps b{display:block;font-size:12px;letter-spacing:.11em;text-transform:uppercase;color:var(--faint);font-weight:600}
.gumee-scope .steps h4{margin:9px 0 0;font-size:clamp(15px,1.5vw,20px);font-weight:600;letter-spacing:-.01em}
.gumee-scope .steps p{margin:6px 0 0;font-size:13.5px;color:var(--soft);line-height:1.5}
.gumee-scope .panel{padding-top:clamp(46px,6vw,78px)}
.gumee-scope .panel h2{font-size:clamp(22px,2.4vw,32px);font-weight:700;letter-spacing:-.015em;text-transform:lowercase}
.gumee-scope .ptab{margin-top:22px;border-top:1px solid var(--ink);max-width:640px}
.gumee-scope .ptab .r{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}
.gumee-scope .ptab .r span{color:var(--soft)}
.gumee-scope .note{margin-top:12px;font-size:12.5px;color:var(--faint);max-width:640px}
.gumee-scope .stick{position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fff;border-top:1px solid var(--line);
 padding:11px 20px;display:none;gap:12px;align-items:center;box-shadow:0 -6px 22px rgba(0,0,0,.06)}
.gumee-scope .stick b{font-size:14px;font-weight:500;flex:1}
.gumee-scope .stick .cta{height:42px;min-width:0;flex:0 0 46%}
@media(max-width:900px){.gumee-scope .steps{grid-template-columns:1fr}.gumee-scope .stick{display:flex}
 .gumee-scope{padding-bottom:66px}.gumee-scope .trust{grid-template-columns:1fr}}

.gumee-scope /* subscribe-first buy box */
.szo.sub{background:#F7F7FB}
.gumee-scope .szo.sub.on{background:#F2F2F8;border-color:var(--ink)}
.gumee-scope .szo .off{display:inline-block;margin-left:8px;background:var(--acc);color:var(--accd);border-radius:999px;
 padding:2px 9px;font-size:10.5px;font-weight:600;vertical-align:middle}
.gumee-scope .szo .first{display:block;margin-top:6px;font-size:12px;color:var(--accd);font-weight:500}
.gumee-scope .once{margin-top:11px;text-align:center;font-size:13px;color:var(--soft)}
.gumee-scope .once u{cursor:pointer}

.gumee-scope /* rating + reviews */
.rate{display:flex;align-items:center;gap:9px;margin-top:11px;font-size:13px;cursor:pointer}
.gumee-scope .stars{position:relative;display:inline-block;line-height:1;flex:none}
.gumee-scope .stars .bg,.gumee-scope .stars .fg{display:flex;gap:2px}
.gumee-scope .stars .fg{position:absolute;inset:0;overflow:hidden;white-space:nowrap}
.gumee-scope .stars svg{width:15px;height:15px;flex:none}
.gumee-scope .rate b{font-weight:600}
.gumee-scope .rate span{color:var(--soft);text-decoration:underline;text-underline-offset:2px}
.gumee-scope .revs{padding-top:clamp(56px,7vw,96px)}
.gumee-scope .revs h2{font-size:clamp(22px,2.4vw,32px);font-weight:700;letter-spacing:-.015em;text-transform:lowercase}
.gumee-scope .revtop{display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,4vw,56px);align-items:center;
 margin-top:24px;border-top:1px solid var(--ink);padding-top:clamp(20px,2.6vw,32px)}
.gumee-scope .revtop .big{font-size:clamp(44px,5vw,68px);font-weight:600;letter-spacing:-.03em;line-height:1}
.gumee-scope .revtop .un{margin-top:8px;font-size:13px;color:var(--soft)}
.gumee-scope .revtop .stars svg{width:19px;height:19px}
.gumee-scope .revgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.6vw,22px);margin-top:clamp(22px,2.6vw,34px)}
.gumee-scope .rc{border:1px solid var(--line);border-radius:12px;padding:18px 20px 20px;display:flex;flex-direction:column}
.gumee-scope .rc .stars svg{width:13px;height:13px}
.gumee-scope .rc h5{margin:10px 0 0;font-size:14px;font-weight:600}
.gumee-scope .rc p{margin:7px 0 0;font-size:13.5px;color:var(--soft);line-height:1.5;flex:1}
.gumee-scope .rc .who{margin-top:14px;font-size:12.5px;color:var(--faint)}
.gumee-scope .rc .ph{margin-top:12px;aspect-ratio:4/3;border-radius:9px;background:#F4F4F7 center/cover}
.gumee-scope .revempty{margin-top:22px;border:1px dashed var(--line);border-radius:12px;padding:26px 24px;
 font-size:13.5px;color:var(--faint);text-align:center}
@media(max-width:860px){.gumee-scope .revgrid{grid-template-columns:1fr}.gumee-scope .revtop{grid-template-columns:1fr;gap:14px}}

.gumee-scope .gal .main{cursor:grab;touch-action:pan-y}
.gumee-scope .gal .main:active{cursor:grabbing}
.gumee-scope .dots{display:none}
@media(max-width:900px){
 .gumee-scope .dots{display:flex;gap:6px;justify-content:center;margin-top:10px}
 .gumee-scope .dots i{width:6px;height:6px;border-radius:50%;background:#D5D5DC;display:block}
}

.gumee-scope .steps .ph{aspect-ratio:4/3;border-radius:10px;background:#fff center/cover;margin-bottom:16px;
 border:1px solid var(--line)}


.gumee-scope .revtabs{display:flex;gap:26px;margin-top:clamp(18px,2.2vw,26px);border-bottom:1px solid var(--line)}
.gumee-scope .revtabs button{border:0;background:none;font:inherit;font-size:13.5px;font-weight:500;color:var(--faint);
 padding:0 0 12px;cursor:pointer;position:relative;transition:color .25s}
.gumee-scope .revtabs button:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ink);
 transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .revtabs button.on{color:var(--ink);font-weight:600}
.gumee-scope .revtabs button.on:after{transform:scaleX(1)}
.gumee-scope .revlist{border-top:0}
.gumee-scope .rvw{display:grid;grid-template-columns:190px 1fr;gap:clamp(16px,3vw,40px);
 padding:clamp(20px,2.4vw,28px) 0;border-bottom:1px solid var(--line);align-items:start}
.gumee-scope .rvw[hidden]{display:none}
.gumee-scope .rvw .who b{display:block;margin-top:9px;font-size:14.5px;font-weight:600;letter-spacing:-.005em}
.gumee-scope .rvw .vf{display:block;margin-top:4px;font-size:12px;color:var(--faint)}
.gumee-scope .rvw p{margin:0;font-size:15.5px;line-height:1.55}
.gumee-scope .rvw .rpix{margin-top:14px;width:clamp(104px,11vw,132px);aspect-ratio:4/5;border-radius:10px;
 background:var(--pale) center/cover;transition:transform .5s cubic-bezier(.22,.61,.36,1),box-shadow .35s}
.gumee-scope .rvw .rpix:hover{transform:scale(1.035);box-shadow:0 14px 34px rgba(0,0,0,.14)}
.gumee-scope .stars.sm svg{width:14px;height:14px}
.gumee-scope .revnone{padding:30px 0;font-size:14px;color:var(--faint)}
.gumee-scope .revmore{margin-top:clamp(18px,2.2vw,26px);border:1px solid var(--line);background:#fff;color:var(--ink);
 border-radius:3px;font:inherit;font-size:13px;font-weight:600;padding:13px 26px;cursor:pointer;
 transition:background .25s,border-color .25s,transform .16s}
.gumee-scope .revmore[hidden]{display:none}
.gumee-scope .revmore:hover{background:var(--pale);border-color:var(--n2)}
.gumee-scope .revmore:active{transform:scale(.985)}
@media(max-width:760px){.gumee-scope .rvw{grid-template-columns:1fr;gap:8px}.gumee-scope .rvw .who b{margin-top:7px}}

.gumee-scope .topnav{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line);
 display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:20px 34px;gap:20px;color:var(--ink)}
.gumee-scope .topnav .l,.gumee-scope .topnav .r{display:flex;gap:clamp(12px,1.6vw,24px);align-items:center;font-size:14px}
.gumee-scope .topnav .r{justify-content:flex-end}.gumee-scope .topnav .c{display:flex;justify-content:center}
.gumee-scope .topnav span{cursor:pointer}.gumee-scope .topnav .l span:hover,.gumee-scope .topnav .r span:hover{opacity:.55}
@media(max-width:980px){
 .gumee-scope .topnav{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;
  gap:18px;padding:13px 18px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .gumee-scope .topnav::-webkit-scrollbar{display:none}
 .gumee-scope .topnav .l,.gumee-scope .topnav .r{display:contents}
 .gumee-scope .topnav .c{order:-1;flex:none;margin-right:4px}
 .gumee-scope .topnav .l span,.gumee-scope .topnav .r span{flex:none;white-space:nowrap;font-size:13.5px}
}

.gumee-scope .crumb{font-size:13px;color:var(--soft);padding:clamp(18px,2.4vw,30px) 0 0}
.gumee-scope .crumb span{cursor:pointer}.gumee-scope .crumb span:hover{color:var(--ink)}
.gumee-scope .pdp{display:grid;grid-template-columns:1.08fr 1fr;gap:clamp(26px,4vw,64px);align-items:start;
 padding-top:clamp(16px,2vw,26px)}
.gumee-scope .gal{position:sticky;top:96px}
.gumee-scope .gal .main{position:relative;aspect-ratio:1;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.gumee-scope .gal .main div{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .45s ease}
.gumee-scope .gal .main div.on{opacity:1}
.gumee-scope .gal .thumbs{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px;margin-top:10px}
.gumee-scope .gal .thumbs button{padding:0;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fff;
 aspect-ratio:1;cursor:pointer;background-size:cover;background-position:center;transition:border-color .2s}
.gumee-scope .gal .thumbs button.on{border-color:var(--ink)}

.gumee-scope .info h1{margin:0;font-size:clamp(28px,3.4vw,44px);font-weight:700;letter-spacing:-.015em;line-height:1.05}
.gumee-scope .info .sub{margin-top:7px;font-size:14px;color:var(--soft)}
.gumee-scope .info .price{margin-top:clamp(14px,1.6vw,20px);font-size:clamp(20px,2vw,26px);font-weight:600}
.gumee-scope .info .vat{margin-top:4px;font-size:12.5px;color:var(--faint)}
.gumee-scope .opt{margin-top:clamp(18px,2.2vw,26px)}
.gumee-scope .opt h5{margin:0 0 9px;font-size:13px;font-weight:500;color:var(--soft)}
.gumee-scope .pill{display:inline-flex;align-items:center;border:1px solid var(--ink);border-radius:999px;
 padding:9px 18px;font-size:13.5px;cursor:pointer}
.gumee-scope .buy{display:flex;gap:10px;align-items:stretch;margin-top:clamp(16px,2vw,22px);flex-wrap:wrap}
.gumee-scope .qty{display:flex;align-items:center;border:1px solid var(--line);border-radius:999px;overflow:hidden}
.gumee-scope .qty button{width:42px;height:46px;border:0;background:none;font-size:17px;cursor:pointer;color:var(--ink)}
.gumee-scope .qty span{min-width:30px;text-align:center;font-size:14px}
.gumee-scope .cta{flex:1;min-width:190px;height:46px;border:0;border-radius:999px;background:var(--ink);color:#fff;
 font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .2s}
.gumee-scope .cta:hover{opacity:.85}
.gumee-scope .pay{margin-top:9px;font-size:13px;color:var(--soft);text-align:center;cursor:pointer;text-decoration:underline}
.gumee-scope .lede{margin-top:clamp(20px,2.4vw,28px);font-size:15px;line-height:1.55;color:var(--soft)}
.gumee-scope .lede b{color:var(--ink);font-weight:500}
.gumee-scope .acc{margin-top:clamp(20px,2.4vw,28px);border-top:1px solid var(--line)}
.gumee-scope .acc details{border-bottom:1px solid var(--line)}
.gumee-scope .acc summary{padding:16px 0;font-size:14px;line-height:1.3;cursor:pointer;list-style:none;
 display:flex;justify-content:space-between;align-items:center;gap:18px}
.gumee-scope .acc summary::-webkit-details-marker{display:none}
.gumee-scope .acc summary::after{content:"";width:8px;height:8px;flex:none;border-right:1.4px solid var(--ink);
 border-bottom:1.4px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s}
.gumee-scope .acc details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.gumee-scope .acc p{margin:0;padding:0 0 18px;font-size:14px;line-height:1.5;color:var(--soft);max-width:60ch}
.gumee-scope .badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(18px,2.2vw,24px)}
.gumee-scope .badges span{border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:12px;color:var(--soft)}

.gumee-scope .also{padding-top:clamp(56px,7vw,96px)}
.gumee-scope .also h2{font-size:clamp(22px,2.4vw,32px);font-weight:700;letter-spacing:-.015em;text-transform:lowercase}
.gumee-scope .arow{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.5vw,22px);margin-top:22px}
.gumee-scope .ac{border:1px solid var(--line);border-radius:12px;overflow:hidden;cursor:pointer;
 transition:box-shadow .25s,transform .25s}
.gumee-scope .ac:hover{box-shadow:0 14px 34px rgba(0,0,0,.08);transform:translateY(-3px)}
.gumee-scope .ac .im{aspect-ratio:1;background:#fff center/cover}
.gumee-scope .ac .bd{padding:12px 14px 16px}
.gumee-scope .ac h4{margin:0;font-size:clamp(11.5px,1.05vw,14px);font-weight:400;line-height:1.3}
.gumee-scope .ac .p{margin-top:3px;font-size:clamp(11.5px,1.05vw,14px)}
@media(max-width:900px){.gumee-scope .pdp{grid-template-columns:1fr}.gumee-scope .gal{position:static}
 .gumee-scope .arow{grid-template-columns:repeat(3,1fr)}}

.gumee-scope /* ---------- gumee motion layer ---------- */
@media (prefers-reduced-motion:no-preference){
  .rv{opacity:0;transform:translateY(22px);
      transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1)}
  .rv.in{opacity:1;transform:none}
  .rvm{opacity:0;clip-path:inset(15% 0 15% 0);
      transition:clip-path 1.2s cubic-bezier(.22,.61,.36,1),opacity .9s ease}
  .rvm.in{opacity:1;clip-path:inset(0 0 0 0)}
}
.gumee-scope /* press + hover feel */
.btn,.gumee-scope .cta,.gumee-scope .sub button,.gumee-scope .qty button{transition:transform .16s cubic-bezier(.22,.61,.36,1),box-shadow .28s,opacity .2s}
.gumee-scope .btn:active,.gumee-scope .cta:active,.gumee-scope .sub button:active,.gumee-scope .qty button:active{transform:scale(.972)}
.gumee-scope .btn:hover,.gumee-scope .cta:hover{box-shadow:0 8px 22px rgba(0,0,0,.14)}
.gumee-scope /* card imagery breathes on hover */
.pc .im div{transition:opacity .45s ease,transform .8s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .pc:hover .im div{transform:scale(1.045)}
.gumee-scope .bk .im{transition:transform .8s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .bk:hover .im{transform:scale(1.04)}
.gumee-scope .pc,.gumee-scope .bk{transition:box-shadow .35s cubic-bezier(.22,.61,.36,1),transform .35s cubic-bezier(.22,.61,.36,1)}
.gumee-scope /* size options and faq rows */
.szo{transition:background .25s,border-color .25s,transform .18s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .szo:active{transform:scale(.994)}
.gumee-scope .faq summary{transition:opacity .2s}
.gumee-scope .faq summary:hover{opacity:.6}
.gumee-scope /* nav condenses once you start scrolling */
.topnav{transition:padding .38s cubic-bezier(.22,.61,.36,1),box-shadow .38s}
.gumee-scope .topnav.shrunk{padding-top:11px;padding-bottom:11px;box-shadow:0 1px 0 rgba(0,0,0,.05),0 12px 30px rgba(0,0,0,.05)}
.gumee-scope .topnav .l span,.gumee-scope .topnav .r span{transition:opacity .2s}

/* ================= product-collagen.html ================= */
.gumee-scope{--acc:var(--c1);--accd:var(--c3)}
.gumee-scope{--ink:#151515;--soft:#5C5F67;--faint:#8E9198;--line:#E9E9ED;--hair:#F3F3F6;--n2:#E4E4E9;--pale:#F4F4F6;
 --s1:#B9BDE1;--s2:#6069BE;--s3:#2B3373;--c1:#EDB6BC;--c2:#B4747B;--c3:#732B34;--h1c:#DDC2D8;--h2c:#BF88B5;--h3c:#6B2871;
 --h:clamp(28px,3.8vw,50px);--p:15px;--gap:13px}
.gumee-scope,.gumee-scope *{box-sizing:border-box}
.gumee-scope{scroll-behavior:smooth}
.gumee-scope{margin:0;background:#fff;color:var(--ink);font-family:Poppins,-apple-system,Helvetica,Arial,sans-serif;
 font-size:15.5px;line-height:1.42;-webkit-font-smoothing:antialiased}
.gumee-scope h1,.gumee-scope h2,.gumee-scope h3,.gumee-scope h4{margin:0;font-weight:700;letter-spacing:-.015em;line-height:1.04;text-wrap:balance}
.gumee-scope p{margin:0}
.gumee-scope img{display:block;max-width:100%}
.gumee-scope a{color:inherit;text-decoration:none}
.gumee-scope .w{max-width:1240px;margin:0 auto;padding:0 30px}
.gumee-scope{--stage:1720px}
.gumee-scope /* full-bleed media never exceeds the stage,.gumee-scope so ultrawide keeps the real ratio */
.stage{width:min(100%,var(--stage));margin:0 auto}
.gumee-scope .tn{font-variant-numeric:tabular-nums}
.gumee-scope .lower{text-transform:lowercase}
.gumee-scope .dot{width:7px;height:7px;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:7px}
.gumee-scope .logo{display:inline-block;-webkit-mask:var(--gm-img-1) center/contain no-repeat;mask:var(--gm-img-1) center/contain no-repeat;background-color:currentColor}
.gumee-scope .btn{display:inline-block;font-size:12.5px;font-weight:600;padding:12px 26px;border-radius:3px;background:var(--ink);color:#fff;cursor:pointer;border:0}
.gumee-scope .btn.o{background:#fff;color:var(--ink);border:1px solid var(--line)}

.gumee-scope /* ribbon */
.mq{display:flex;overflow:hidden;padding:11px 0;background:var(--n2);color:var(--ink)}
.gumee-scope .mq .tr{display:flex;flex:none;min-width:100%;justify-content:space-around;align-items:center;
 white-space:nowrap;animation:sc 34s linear infinite}
.gumee-scope .mq i{font-style:normal;padding:0 22px;font-size:11.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}
@keyframes sc{to{transform:translateX(-100%)}}
@media (prefers-reduced-motion:reduce){.gumee-scope .mq .tr{animation:none}}

.gumee-scope /* nav over hero */
.hero{position:relative;width:100%;height:min(56.25vw,92vh);min-height:0;display:flex;flex-direction:column;background:#0f1116;overflow:hidden}
.gumee-scope .slide{position:absolute;inset:0;opacity:0;pointer-events:none;
 transition:opacity 1.25s cubic-bezier(.4,0,.2,1)}
.gumee-scope .slide.on{opacity:1;pointer-events:auto}
.gumee-scope .slide .bg{position:absolute;inset:0;background-size:cover;background-position:center 50%;
 transform:scale(1.07);transition:transform 7.5s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .slide.on .bg{transform:scale(1)}
.gumee-scope .slide .vl{position:absolute;inset:0}
.gumee-scope .slide .ht>*{opacity:0;transform:translateY(14px);
 transition:opacity .85s cubic-bezier(.22,.61,.36,1),transform .85s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .slide.on .ht>*{opacity:1;transform:none}
.gumee-scope .slide.on .ht h1{transition-delay:.22s}
.gumee-scope .slide.on .ht p{transition-delay:.34s}
.gumee-scope .slide.on .ht .cta{transition-delay:.46s}
@media (prefers-reduced-motion:reduce){.gumee-scope .slide,.gumee-scope .slide .bg,.gumee-scope .slide .ht>*{transition:none}}
.gumee-scope .nv{position:absolute;left:0;right:0;top:0;z-index:6;transition:color .9s cubic-bezier(.4,0,.2,1);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:24px 34px;gap:20px}
.gumee-scope .nv .l,.gumee-scope .nv .r{display:flex;gap:22px;font-size:12.5px;font-weight:500}
.gumee-scope .nv .r{justify-content:flex-end}
.gumee-scope .nv .c{display:flex;justify-content:center}
.gumee-scope .nv .c .logo{width:100px;height:22px}
@media(max-width:980px){.gumee-scope .nv{grid-template-columns:1fr;justify-items:center;gap:11px}.gumee-scope .nv .l,.gumee-scope .nv .r{flex-wrap:wrap;justify-content:center}}
.gumee-scope .hin{position:absolute;inset:0;z-index:4;display:flex;align-items:center;padding:96px 34px 60px}
.gumee-scope .hin.right{justify-content:flex-end}.gumee-scope .hin.left{justify-content:flex-start}
.gumee-scope .ht{max-width:400px;display:flex;flex-direction:column}
.gumee-scope .right .ht{text-align:right;align-items:flex-end}.gumee-scope .left .ht{text-align:left;align-items:flex-start}
.gumee-scope .ht h1{font-size:var(--h);text-transform:lowercase}
.gumee-scope .ht p{margin-top:var(--gap);font-size:var(--p);max-width:34ch;line-height:1.45}
.gumee-scope .ht .cta{margin-top:calc(var(--gap) + 8px);font-size:12.5px;font-weight:600;padding:12px 28px;border-radius:100px}



.gumee-scope /* ---------- phone: taller crop,.gumee-scope text overlaid like desktop ---------- */
@media(max-width:760px){
  .hero{height:min(122vw,74vh);min-height:0}
  .nv{padding:18px 20px;grid-template-columns:1fr;justify-items:center;gap:0}
  .nv .l,.nv .r{display:none}
  .nv .c .logo{width:92px;height:20px}
  .slide .bg{background-size:cover;background-position:center 50%}
  .slide:nth-child(2) .bg{background-position:64% 50%}
  .slide:nth-child(3) .bg{background-position:36% 50%}
  .slide:nth-child(1) .vl{background:linear-gradient(180deg,rgba(0,0,0,.30) 0%,rgba(0,0,0,0) 34%,rgba(0,0,0,.62) 100%)!important}
  .slide:nth-child(2) .vl{background:linear-gradient(180deg,rgba(0,0,0,.28) 0%,rgba(0,0,0,0) 34%,rgba(0,0,0,.64) 100%)!important}
  .slide:nth-child(3) .vl{background:linear-gradient(180deg,rgba(255,255,255,.30) 0%,rgba(255,255,255,0) 30%,rgba(255,255,255,.80) 100%)!important}
  .hin{align-items:flex-end;justify-content:flex-start!important;padding:0 22px 34px}
  .ht{max-width:none;text-align:left!important;align-items:flex-start!important}
  .ht h1{font-size:clamp(28px,8.4vw,38px)}
  .ht p{font-size:14.5px;max-width:32ch;margin-top:10px}
  .ht .cta{margin-top:16px}
}


.gumee-scope /* why gumee — hull line,.gumee-scope Chris's boat clip */
.whyband{position:relative;width:100%;height:min(56.25vw,88vh);overflow:hidden;background:#0d1a24}
.gumee-scope .whyband .bandimg,.gumee-scope .whyband video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gumee-scope .whyband .bandimg{background-size:cover;background-position:52% 55%}
.gumee-scope .whyband .bandveil{position:absolute;inset:0;z-index:2;
 background:linear-gradient(100deg,rgba(6,16,26,.62) 0%,rgba(6,16,26,.30) 26%,rgba(6,16,26,.06) 46%,rgba(6,16,26,0) 60%)}
.gumee-scope .whyband .bandin{position:absolute;z-index:3;left:clamp(24px,4.4vw,64px);top:50%;transform:translateY(-50%);max-width:35%}
.gumee-scope .whyband h2{color:#fff;font-size:clamp(30px,3.7vw,48px);text-shadow:0 1px 24px rgba(0,0,0,.34);}
.gumee-scope .wsides{margin-top:24px;border-left:1px solid rgba(255,255,255,.34);padding-left:20px}
.gumee-scope .wcol div{padding:11px 0}
.gumee-scope .wcol b{display:block;font-size:16.5px;font-weight:600;color:#fff;text-shadow:0 1px 14px rgba(0,0,0,.5)}
.gumee-scope .wcol span{display:block;margin-top:3px;font-size:14px;color:rgba(255,255,255,.85);line-height:1.42;
 text-shadow:0 1px 14px rgba(0,0,0,.5)}

@media(max-width:900px){
 .gumee-scope .whyband{height:min(128vw,80vh)}
 .gumee-scope .whyband .bandimg{background-position:58% 55%}
 .gumee-scope .whyband .bandveil{background:linear-gradient(180deg,rgba(6,16,26,.40) 0%,rgba(6,16,26,0) 28%,
   rgba(6,16,26,.20) 54%,rgba(6,16,26,.80) 100%)}
 .gumee-scope .whyband .bandin{left:22px;right:22px;top:auto;bottom:26px;transform:none;max-width:none}
 .gumee-scope .whyband h2{font-size:33px}
 .gumee-scope .wsides{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;margin-top:16px;
   border-left:0;padding-left:0;border-top:1px solid rgba(255,255,255,.3);padding-top:12px}
 .gumee-scope .wcol b{font-size:15.5px}
 .gumee-scope .wcol span{font-size:13px}
}

.gumee-scope section{padding:74px 0}
.gumee-scope .sh{margin-bottom:26px}
.gumee-scope .sh h2{font-size:clamp(26px,3.2vw,38px)}
.gumee-scope .sh p{margin-top:9px;color:var(--soft);max-width:54ch;font-size:15px}
.gumee-scope .sh.row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.gumee-scope .sh a.more{font-size:13.5px;color:var(--soft);border-bottom:1px solid var(--line);padding-bottom:2px}

.gumee-scope /* cards */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(9px,1.9vw,26px)}
.gumee-scope .pc{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;cursor:pointer;transition:box-shadow .25s,transform .25s}
.gumee-scope .pc:hover{box-shadow:0 16px 38px rgba(0,0,0,.10);transform:translateY(-3px)}
.gumee-scope .pc .im{position:relative;aspect-ratio:1;overflow:hidden}
.gumee-scope .pc .im div{position:absolute;inset:0;background-size:cover;background-position:center;transition:opacity .45s ease}
.gumee-scope .pc .im .b{opacity:0}
.gumee-scope .pc .im.flip .b{opacity:1}
.gumee-scope .pc:hover .im .b{opacity:1}
.gumee-scope .pc:hover .im.flip .b{opacity:1}
.gumee-scope .pc .bd{padding:clamp(11px,1.5vw,20px) clamp(11px,1.6vw,22px) clamp(13px,1.6vw,22px)}
.gumee-scope .pc h4{font-size:clamp(13.5px,1.55vw,20px);letter-spacing:-.005em}
.gumee-scope .pc .d{margin-top:5px;font-size:clamp(11px,1.05vw,14px);color:var(--soft);min-height:2.8em;line-height:1.35}
.gumee-scope .pc .r{margin-top:10px;display:flex;justify-content:space-between;align-items:baseline;gap:6px;flex-wrap:wrap}
.gumee-scope .pc .r b{font-size:clamp(12.5px,1.25vw,16.5px);font-weight:600}
.gumee-scope .pc .r .shop{font-size:clamp(11px,1.05vw,14px);font-weight:500}

.gumee-scope /* why */
.why{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden}
@media(max-width:820px){.gumee-scope .why{grid-template-columns:repeat(2,1fr)}}
.gumee-scope .why div{background:#fff;padding:26px 22px}
.gumee-scope .why b{display:block;font-size:15.5px;font-weight:600}
.gumee-scope .why span{display:block;margin-top:5px;font-size:13px;color:var(--soft);line-height:1.42}

.gumee-scope /* nutrients */
.split{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
@media(max-width:900px){.gumee-scope .split{grid-template-columns:1fr}}
.gumee-scope .split .ph{aspect-ratio:4/5;border-radius:8px;background-size:cover;background-position:center}
.gumee-scope .ed{margin-top:clamp(24px,3vw,40px)}
.gumee-scope .ed .r{display:grid;grid-template-columns:clamp(58px,6vw,104px) 1fr;
 gap:clamp(13px,1.5vw,22px) clamp(16px,1.8vw,28px);align-items:center;
 padding:clamp(20px,2.6vw,38px) 0;border-bottom:1px solid var(--line)}
.gumee-scope .ed .disc{width:100%;aspect-ratio:1;border-radius:50%;background-size:cover;background-position:center}
.gumee-scope .ed h3{margin:0;font-size:clamp(19px,2vw,32px);font-weight:700;letter-spacing:-.015em;line-height:1.06}
.gumee-scope .ed .nut{margin-top:clamp(4px,.5vw,8px);font-size:clamp(11px,.95vw,14px);letter-spacing:.11em;
 text-transform:uppercase;color:var(--faint);font-weight:600}
.gumee-scope .ed .tx{grid-column:1/-1;margin:0;font-size:clamp(13.5px,1.25vw,19px);color:var(--soft);line-height:1.5}

.gumee-scope /* nutrients motion */
.ed{--rule:0}
.gumee-scope .ed:before{content:"";display:block;height:1px;background:var(--ink);transform-origin:left;
 transform:scaleX(var(--rule));transition:transform 1.05s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .ed.go{--rule:1}
.gumee-scope .ed .r{opacity:0;transform:translateY(16px);
 transition:opacity .72s cubic-bezier(.22,.61,.36,1),transform .72s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .ed.go .r{opacity:1;transform:none}
.gumee-scope .ed.go .r:nth-child(1){transition-delay:.16s}
.gumee-scope .ed.go .r:nth-child(2){transition-delay:.30s}
.gumee-scope .ed.go .r:nth-child(3){transition-delay:.44s}
.gumee-scope .ed .disc{position:relative;overflow:hidden;transition:transform .5s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .ed .disc span{position:absolute;inset:0;background-size:cover;background-position:center;
 transition:opacity .55s ease,transform .55s ease}
.gumee-scope .ed .disc .d1{animation:spin 44s linear infinite}
.gumee-scope .ed .disc .d2{opacity:0;transform:scale(1.06)}
.gumee-scope .ed .r:hover .disc{transform:scale(1.06)}
.gumee-scope .ed .r:hover .disc .d1{opacity:0}
.gumee-scope .ed .r:hover .disc .d2{opacity:1;transform:none}
@keyframes spin{to{transform:rotate(360deg)}}
.gumee-scope .ed h3,.gumee-scope .ed .nut,.gumee-scope .ed .tx{transition:transform .5s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .ed .r:hover h3{transform:translateX(4px)}
@media (prefers-reduced-motion:reduce){
 .gumee-scope .ed:before{transform:none}
 .gumee-scope .ed .r{opacity:1;transform:none;transition:none}
 .gumee-scope .ed .disc .d1{animation:none}
 .gumee-scope .ed .disc,.gumee-scope .ed h3{transition:none}
}

.gumee-scope /* packs */
.packs{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(9px,1.6vw,22px)}
.gumee-scope .bk{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;display:flex;flex-direction:column;
 cursor:pointer;transition:box-shadow .25s,transform .25s}
.gumee-scope .bk:hover{box-shadow:0 16px 38px rgba(0,0,0,.09);transform:translateY(-3px)}
.gumee-scope .bk .im{aspect-ratio:1;background:#fff center/cover}
.gumee-scope .bk .bd{padding:clamp(11px,1.4vw,20px) clamp(11px,1.5vw,22px) clamp(13px,1.5vw,22px);display:flex;flex-direction:column;flex:1}
.gumee-scope .bk h4{font-size:clamp(12.5px,1.35vw,18px);letter-spacing:-.005em}
.gumee-scope .bk p{margin-top:6px;font-size:clamp(10.5px,1vw,13.5px);color:var(--soft);line-height:1.38;flex:1}
.gumee-scope .bk .pr{margin-top:12px;display:flex;align-items:baseline;justify-content:space-between;gap:6px;flex-wrap:wrap}
.gumee-scope .bk .pr b{font-size:clamp(12px,1.2vw,16.5px);font-weight:600}
.gumee-scope .bk .pr .shop{font-size:clamp(10.5px,1vw,14px);font-weight:500}

.gumee-scope /* faq */
.faq{border-top:1px solid var(--line);margin-top:22px}
.gumee-scope .faq details{border-bottom:1px solid var(--line)}
.gumee-scope .faq summary{padding:16px 0;font-size:14px;font-weight:400;line-height:1.3;cursor:pointer;list-style:none;
 display:flex;justify-content:space-between;align-items:center;gap:18px}
.gumee-scope .faq summary::-webkit-details-marker{display:none}
.gumee-scope .faq summary::after{content:"";width:8px;height:8px;flex:none;border-right:1.4px solid var(--ink);border-bottom:1.4px solid var(--ink);
 transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s}
.gumee-scope .faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.gumee-scope .faq p{padding:0 0 18px;font-size:14px;color:var(--ink);max-width:66ch;line-height:1.3}

.gumee-scope footer{border-top:1px solid var(--line);padding:60px 0 42px}
.gumee-scope .fg{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:clamp(22px,4vw,56px)}
@media(max-width:860px){.gumee-scope .fg{grid-template-columns:1fr 1fr}.gumee-scope .fg>div:first-child{grid-column:1/-1}}
.gumee-scope footer h5{margin:0 0 13px;font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--ink)}
.gumee-scope footer li{list-style:none;font-size:14px;line-height:1.3;color:var(--ink);padding:5px 0}
.gumee-scope footer ul{margin:0;padding:0}
.gumee-scope .sub{margin-top:14px;display:flex;gap:8px;max-width:330px}
.gumee-scope .sub input{flex:1;border:1px solid var(--line);border-radius:3px;padding:11px 13px;font:inherit;font-size:14px}
.gumee-scope .sub button{border:0;border-radius:3px;background:var(--ink);color:#fff;font:inherit;font-size:13px;font-weight:600;padding:0 18px;cursor:pointer}
.gumee-scope .legal{margin-top:38px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;color:var(--faint);
 display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}

.gumee-scope /* selling blocks */
.sizes{display:grid;gap:9px;margin-top:10px}
.gumee-scope .szo{display:grid;grid-template-columns:22px 1fr auto;gap:12px;align-items:center;
 border:1px solid var(--line);border-radius:12px;padding:13px 15px;cursor:pointer;transition:border-color .2s,background .2s}
.gumee-scope .szo:hover{border-color:#C9C9D0}
.gumee-scope .szo.on{border-color:var(--ink);background:#FCFCFD}
.gumee-scope .szo .dot{width:16px;height:16px;border-radius:50%;border:1.5px solid #C9C9D0;position:relative}
.gumee-scope .szo.on .dot{border-color:var(--ink)}
.gumee-scope .szo.on .dot:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--ink)}
.gumee-scope .szo b{display:block;font-size:14px;font-weight:500}
.gumee-scope .szo em{font-style:normal;display:block;margin-top:2px;font-size:12.5px;color:var(--soft)}
.gumee-scope .szo .rt{text-align:right}
.gumee-scope .szo .rt b{font-size:15px;font-weight:600}
.gumee-scope .szo .rt s{font-size:12.5px;color:var(--faint)}
.gumee-scope .szo .tag{display:inline-block;margin-left:8px;background:var(--acc);color:var(--accd);border-radius:999px;
 padding:2px 9px;font-size:10.5px;font-weight:600;vertical-align:middle}
.gumee-scope .perday{margin-top:6px;font-size:13px;color:var(--soft)}
.gumee-scope .trust{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin-top:16px;
 border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0}
.gumee-scope .trust div{font-size:12.5px;color:var(--soft);display:flex;gap:8px;align-items:flex-start;line-height:1.35}
.gumee-scope .trust i{font-style:normal;color:var(--ink)}
.gumee-scope .tonight{padding-top:clamp(46px,6vw,78px)}
.gumee-scope .tonight h2{font-size:clamp(22px,2.4vw,32px);font-weight:700;letter-spacing:-.015em;text-transform:lowercase}
.gumee-scope .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2.4vw,34px);margin-top:26px;
 border-top:1px solid var(--ink);padding-top:8px}
.gumee-scope .steps div{padding:20px 0}
.gumee-scope .steps b{display:block;font-size:12px;letter-spacing:.11em;text-transform:uppercase;color:var(--faint);font-weight:600}
.gumee-scope .steps h4{margin:9px 0 0;font-size:clamp(15px,1.5vw,20px);font-weight:600;letter-spacing:-.01em}
.gumee-scope .steps p{margin:6px 0 0;font-size:13.5px;color:var(--soft);line-height:1.5}
.gumee-scope .panel{padding-top:clamp(46px,6vw,78px)}
.gumee-scope .panel h2{font-size:clamp(22px,2.4vw,32px);font-weight:700;letter-spacing:-.015em;text-transform:lowercase}
.gumee-scope .ptab{margin-top:22px;border-top:1px solid var(--ink);max-width:640px}
.gumee-scope .ptab .r{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}
.gumee-scope .ptab .r span{color:var(--soft)}
.gumee-scope .note{margin-top:12px;font-size:12.5px;color:var(--faint);max-width:640px}
.gumee-scope .stick{position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fff;border-top:1px solid var(--line);
 padding:11px 20px;display:none;gap:12px;align-items:center;box-shadow:0 -6px 22px rgba(0,0,0,.06)}
.gumee-scope .stick b{font-size:14px;font-weight:500;flex:1}
.gumee-scope .stick .cta{height:42px;min-width:0;flex:0 0 46%}
@media(max-width:900px){.gumee-scope .steps{grid-template-columns:1fr}.gumee-scope .stick{display:flex}
 .gumee-scope{padding-bottom:66px}.gumee-scope .trust{grid-template-columns:1fr}}

.gumee-scope /* rating + reviews */
.rate{display:flex;align-items:center;gap:9px;margin-top:11px;font-size:13px;cursor:pointer}
.gumee-scope .stars{position:relative;display:inline-block;line-height:1;flex:none}
.gumee-scope .stars .bg,.gumee-scope .stars .fg{display:flex;gap:2px}
.gumee-scope .stars .fg{position:absolute;inset:0;overflow:hidden;white-space:nowrap}
.gumee-scope .stars svg{width:15px;height:15px;flex:none}
.gumee-scope .rate b{font-weight:600}
.gumee-scope .rate span{color:var(--soft);text-decoration:underline;text-underline-offset:2px}
.gumee-scope .revs{padding-top:clamp(56px,7vw,96px)}
.gumee-scope .revs h2{font-size:clamp(22px,2.4vw,32px);font-weight:700;letter-spacing:-.015em;text-transform:lowercase}
.gumee-scope .revtop{display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,4vw,56px);align-items:center;
 margin-top:24px;border-top:1px solid var(--ink);padding-top:clamp(20px,2.6vw,32px)}
.gumee-scope .revtop .big{font-size:clamp(44px,5vw,68px);font-weight:600;letter-spacing:-.03em;line-height:1}
.gumee-scope .revtop .un{margin-top:8px;font-size:13px;color:var(--soft)}
.gumee-scope .revtop .stars svg{width:19px;height:19px}
.gumee-scope .revgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.6vw,22px);margin-top:clamp(22px,2.6vw,34px)}
.gumee-scope .rc{border:1px solid var(--line);border-radius:12px;padding:18px 20px 20px;display:flex;flex-direction:column}
.gumee-scope .rc .stars svg{width:13px;height:13px}
.gumee-scope .rc h5{margin:10px 0 0;font-size:14px;font-weight:600}
.gumee-scope .rc p{margin:7px 0 0;font-size:13.5px;color:var(--soft);line-height:1.5;flex:1}
.gumee-scope .rc .who{margin-top:14px;font-size:12.5px;color:var(--faint)}
.gumee-scope .rc .ph{margin-top:12px;aspect-ratio:4/3;border-radius:9px;background:#F4F4F7 center/cover}
.gumee-scope .revempty{margin-top:22px;border:1px dashed var(--line);border-radius:12px;padding:26px 24px;
 font-size:13.5px;color:var(--faint);text-align:center}
@media(max-width:860px){.gumee-scope .revgrid{grid-template-columns:1fr}.gumee-scope .revtop{grid-template-columns:1fr;gap:14px}}

.gumee-scope .gal .main{cursor:grab;touch-action:pan-y}
.gumee-scope .gal .main:active{cursor:grabbing}
.gumee-scope .dots{display:none}
@media(max-width:900px){
 .gumee-scope .dots{display:flex;gap:6px;justify-content:center;margin-top:10px}
 .gumee-scope .dots i{width:6px;height:6px;border-radius:50%;background:#D5D5DC;display:block}
}

.gumee-scope .steps .ph{aspect-ratio:4/3;border-radius:10px;background:#fff center/cover;margin-bottom:16px;
 border:1px solid var(--line)}


.gumee-scope .revtabs{display:flex;gap:26px;margin-top:clamp(18px,2.2vw,26px);border-bottom:1px solid var(--line)}
.gumee-scope .revtabs button{border:0;background:none;font:inherit;font-size:13.5px;font-weight:500;color:var(--faint);
 padding:0 0 12px;cursor:pointer;position:relative;transition:color .25s}
.gumee-scope .revtabs button:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ink);
 transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .revtabs button.on{color:var(--ink);font-weight:600}
.gumee-scope .revtabs button.on:after{transform:scaleX(1)}
.gumee-scope .revlist{border-top:0}
.gumee-scope .rvw{display:grid;grid-template-columns:190px 1fr;gap:clamp(16px,3vw,40px);
 padding:clamp(20px,2.4vw,28px) 0;border-bottom:1px solid var(--line);align-items:start}
.gumee-scope .rvw[hidden]{display:none}
.gumee-scope .rvw .who b{display:block;margin-top:9px;font-size:14.5px;font-weight:600;letter-spacing:-.005em}
.gumee-scope .rvw .vf{display:block;margin-top:4px;font-size:12px;color:var(--faint)}
.gumee-scope .rvw p{margin:0;font-size:15.5px;line-height:1.55}
.gumee-scope .rvw .rpix{margin-top:14px;width:clamp(104px,11vw,132px);aspect-ratio:4/5;border-radius:10px;
 background:var(--pale) center/cover;transition:transform .5s cubic-bezier(.22,.61,.36,1),box-shadow .35s}
.gumee-scope .rvw .rpix:hover{transform:scale(1.035);box-shadow:0 14px 34px rgba(0,0,0,.14)}
.gumee-scope .stars.sm svg{width:14px;height:14px}
.gumee-scope .revnone{padding:30px 0;font-size:14px;color:var(--faint)}
.gumee-scope .revmore{margin-top:clamp(18px,2.2vw,26px);border:1px solid var(--line);background:#fff;color:var(--ink);
 border-radius:3px;font:inherit;font-size:13px;font-weight:600;padding:13px 26px;cursor:pointer;
 transition:background .25s,border-color .25s,transform .16s}
.gumee-scope .revmore[hidden]{display:none}
.gumee-scope .revmore:hover{background:var(--pale);border-color:var(--n2)}
.gumee-scope .revmore:active{transform:scale(.985)}
@media(max-width:760px){.gumee-scope .rvw{grid-template-columns:1fr;gap:8px}.gumee-scope .rvw .who b{margin-top:7px}}

.gumee-scope .topnav{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line);
 display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:20px 34px;gap:20px;color:var(--ink)}
.gumee-scope .topnav .l,.gumee-scope .topnav .r{display:flex;gap:clamp(12px,1.6vw,24px);align-items:center;font-size:14px}
.gumee-scope .topnav .r{justify-content:flex-end}.gumee-scope .topnav .c{display:flex;justify-content:center}
.gumee-scope .topnav span{cursor:pointer}.gumee-scope .topnav .l span:hover,.gumee-scope .topnav .r span:hover{opacity:.55}
@media(max-width:980px){
 .gumee-scope .topnav{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;
  gap:18px;padding:13px 18px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .gumee-scope .topnav::-webkit-scrollbar{display:none}
 .gumee-scope .topnav .l,.gumee-scope .topnav .r{display:contents}
 .gumee-scope .topnav .c{order:-1;flex:none;margin-right:4px}
 .gumee-scope .topnav .l span,.gumee-scope .topnav .r span{flex:none;white-space:nowrap;font-size:13.5px}
}

.gumee-scope .crumb{font-size:13px;color:var(--soft);padding:clamp(18px,2.4vw,30px) 0 0}
.gumee-scope .crumb span{cursor:pointer}.gumee-scope .crumb span:hover{color:var(--ink)}
.gumee-scope .pdp{display:grid;grid-template-columns:1.08fr 1fr;gap:clamp(26px,4vw,64px);align-items:start;
 padding-top:clamp(16px,2vw,26px)}
.gumee-scope .gal{position:sticky;top:96px}
.gumee-scope .gal .main{position:relative;aspect-ratio:1;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.gumee-scope .gal .main div{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .45s ease}
.gumee-scope .gal .main div.on{opacity:1}
.gumee-scope .gal .thumbs{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px;margin-top:10px}
.gumee-scope .gal .thumbs button{padding:0;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fff;
 aspect-ratio:1;cursor:pointer;background-size:cover;background-position:center;transition:border-color .2s}
.gumee-scope .gal .thumbs button.on{border-color:var(--ink)}

.gumee-scope .info h1{margin:0;font-size:clamp(28px,3.4vw,44px);font-weight:700;letter-spacing:-.015em;line-height:1.05}
.gumee-scope .info .sub{margin-top:7px;font-size:14px;color:var(--soft)}
.gumee-scope .info .price{margin-top:clamp(14px,1.6vw,20px);font-size:clamp(20px,2vw,26px);font-weight:600}
.gumee-scope .info .vat{margin-top:4px;font-size:12.5px;color:var(--faint)}
.gumee-scope .opt{margin-top:clamp(18px,2.2vw,26px)}
.gumee-scope .opt h5{margin:0 0 9px;font-size:13px;font-weight:500;color:var(--soft)}
.gumee-scope .pill{display:inline-flex;align-items:center;border:1px solid var(--ink);border-radius:999px;
 padding:9px 18px;font-size:13.5px;cursor:pointer}
.gumee-scope .buy{display:flex;gap:10px;align-items:stretch;margin-top:clamp(16px,2vw,22px);flex-wrap:wrap}
.gumee-scope .qty{display:flex;align-items:center;border:1px solid var(--line);border-radius:999px;overflow:hidden}
.gumee-scope .qty button{width:42px;height:46px;border:0;background:none;font-size:17px;cursor:pointer;color:var(--ink)}
.gumee-scope .qty span{min-width:30px;text-align:center;font-size:14px}
.gumee-scope .cta{flex:1;min-width:190px;height:46px;border:0;border-radius:999px;background:var(--ink);color:#fff;
 font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .2s}
.gumee-scope .cta:hover{opacity:.85}
.gumee-scope .pay{margin-top:9px;font-size:13px;color:var(--soft);text-align:center;cursor:pointer;text-decoration:underline}
.gumee-scope .lede{margin-top:clamp(20px,2.4vw,28px);font-size:15px;line-height:1.55;color:var(--soft)}
.gumee-scope .lede b{color:var(--ink);font-weight:500}
.gumee-scope .acc{margin-top:clamp(20px,2.4vw,28px);border-top:1px solid var(--line)}
.gumee-scope .acc details{border-bottom:1px solid var(--line)}
.gumee-scope .acc summary{padding:16px 0;font-size:14px;line-height:1.3;cursor:pointer;list-style:none;
 display:flex;justify-content:space-between;align-items:center;gap:18px}
.gumee-scope .acc summary::-webkit-details-marker{display:none}
.gumee-scope .acc summary::after{content:"";width:8px;height:8px;flex:none;border-right:1.4px solid var(--ink);
 border-bottom:1.4px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s}
.gumee-scope .acc details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.gumee-scope .acc p{margin:0;padding:0 0 18px;font-size:14px;line-height:1.5;color:var(--soft);max-width:60ch}
.gumee-scope .badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(18px,2.2vw,24px)}
.gumee-scope .badges span{border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:12px;color:var(--soft)}

.gumee-scope .also{padding-top:clamp(56px,7vw,96px)}
.gumee-scope .also h2{font-size:clamp(22px,2.4vw,32px);font-weight:700;letter-spacing:-.015em;text-transform:lowercase}
.gumee-scope .arow{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.5vw,22px);margin-top:22px}
.gumee-scope .ac{border:1px solid var(--line);border-radius:12px;overflow:hidden;cursor:pointer;
 transition:box-shadow .25s,transform .25s}
.gumee-scope .ac:hover{box-shadow:0 14px 34px rgba(0,0,0,.08);transform:translateY(-3px)}
.gumee-scope .ac .im{aspect-ratio:1;background:#fff center/cover}
.gumee-scope .ac .bd{padding:12px 14px 16px}
.gumee-scope .ac h4{margin:0;font-size:clamp(11.5px,1.05vw,14px);font-weight:400;line-height:1.3}
.gumee-scope .ac .p{margin-top:3px;font-size:clamp(11.5px,1.05vw,14px)}
@media(max-width:900px){.gumee-scope .pdp{grid-template-columns:1fr}.gumee-scope .gal{position:static}
 .gumee-scope .arow{grid-template-columns:repeat(3,1fr)}}

.gumee-scope /* ---------- gumee motion layer ---------- */
@media (prefers-reduced-motion:no-preference){
  .rv{opacity:0;transform:translateY(22px);
      transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1)}
  .rv.in{opacity:1;transform:none}
  .rvm{opacity:0;clip-path:inset(15% 0 15% 0);
      transition:clip-path 1.2s cubic-bezier(.22,.61,.36,1),opacity .9s ease}
  .rvm.in{opacity:1;clip-path:inset(0 0 0 0)}
}
.gumee-scope /* press + hover feel */
.btn,.gumee-scope .cta,.gumee-scope .sub button,.gumee-scope .qty button{transition:transform .16s cubic-bezier(.22,.61,.36,1),box-shadow .28s,opacity .2s}
.gumee-scope .btn:active,.gumee-scope .cta:active,.gumee-scope .sub button:active,.gumee-scope .qty button:active{transform:scale(.972)}
.gumee-scope .btn:hover,.gumee-scope .cta:hover{box-shadow:0 8px 22px rgba(0,0,0,.14)}
.gumee-scope /* card imagery breathes on hover */
.pc .im div{transition:opacity .45s ease,transform .8s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .pc:hover .im div{transform:scale(1.045)}
.gumee-scope .bk .im{transition:transform .8s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .bk:hover .im{transform:scale(1.04)}
.gumee-scope .pc,.gumee-scope .bk{transition:box-shadow .35s cubic-bezier(.22,.61,.36,1),transform .35s cubic-bezier(.22,.61,.36,1)}
.gumee-scope /* size options and faq rows */
.szo{transition:background .25s,border-color .25s,transform .18s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .szo:active{transform:scale(.994)}
.gumee-scope .faq summary{transition:opacity .2s}
.gumee-scope .faq summary:hover{opacity:.6}
.gumee-scope /* nav condenses once you start scrolling */
.topnav{transition:padding .38s cubic-bezier(.22,.61,.36,1),box-shadow .38s}
.gumee-scope .topnav.shrunk{padding-top:11px;padding-bottom:11px;box-shadow:0 1px 0 rgba(0,0,0,.05),0 12px 30px rgba(0,0,0,.05)}
.gumee-scope .topnav .l span,.gumee-scope .topnav .r span{transition:opacity .2s}

/* ================= product-hairnails.html ================= */
.gumee-scope{--acc:var(--h1c);--accd:var(--h3c)}
.gumee-scope{--ink:#151515;--soft:#5C5F67;--faint:#8E9198;--line:#E9E9ED;--hair:#F3F3F6;--n2:#E4E4E9;--pale:#F4F4F6;
 --s1:#B9BDE1;--s2:#6069BE;--s3:#2B3373;--c1:#EDB6BC;--c2:#B4747B;--c3:#732B34;--h1c:#DDC2D8;--h2c:#BF88B5;--h3c:#6B2871;
 --h:clamp(28px,3.8vw,50px);--p:15px;--gap:13px}
.gumee-scope,.gumee-scope *{box-sizing:border-box}
.gumee-scope{scroll-behavior:smooth}
.gumee-scope{margin:0;background:#fff;color:var(--ink);font-family:Poppins,-apple-system,Helvetica,Arial,sans-serif;
 font-size:15.5px;line-height:1.42;-webkit-font-smoothing:antialiased}
.gumee-scope h1,.gumee-scope h2,.gumee-scope h3,.gumee-scope h4{margin:0;font-weight:700;letter-spacing:-.015em;line-height:1.04;text-wrap:balance}
.gumee-scope p{margin:0}
.gumee-scope img{display:block;max-width:100%}
.gumee-scope a{color:inherit;text-decoration:none}
.gumee-scope .w{max-width:1240px;margin:0 auto;padding:0 30px}
.gumee-scope{--stage:1720px}
.gumee-scope /* full-bleed media never exceeds the stage,.gumee-scope so ultrawide keeps the real ratio */
.stage{width:min(100%,var(--stage));margin:0 auto}
.gumee-scope .tn{font-variant-numeric:tabular-nums}
.gumee-scope .lower{text-transform:lowercase}
.gumee-scope .dot{width:7px;height:7px;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:7px}
.gumee-scope .logo{display:inline-block;-webkit-mask:var(--gm-img-1) center/contain no-repeat;mask:var(--gm-img-1) center/contain no-repeat;background-color:currentColor}
.gumee-scope .btn{display:inline-block;font-size:12.5px;font-weight:600;padding:12px 26px;border-radius:3px;background:var(--ink);color:#fff;cursor:pointer;border:0}
.gumee-scope .btn.o{background:#fff;color:var(--ink);border:1px solid var(--line)}

.gumee-scope /* ribbon */
.mq{display:flex;overflow:hidden;padding:11px 0;background:var(--n2);color:var(--ink)}
.gumee-scope .mq .tr{display:flex;flex:none;min-width:100%;justify-content:space-around;align-items:center;
 white-space:nowrap;animation:sc 34s linear infinite}
.gumee-scope .mq i{font-style:normal;padding:0 22px;font-size:11.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}
@keyframes sc{to{transform:translateX(-100%)}}
@media (prefers-reduced-motion:reduce){.gumee-scope .mq .tr{animation:none}}

.gumee-scope /* nav over hero */
.hero{position:relative;width:100%;height:min(56.25vw,92vh);min-height:0;display:flex;flex-direction:column;background:#0f1116;overflow:hidden}
.gumee-scope .slide{position:absolute;inset:0;opacity:0;pointer-events:none;
 transition:opacity 1.25s cubic-bezier(.4,0,.2,1)}
.gumee-scope .slide.on{opacity:1;pointer-events:auto}
.gumee-scope .slide .bg{position:absolute;inset:0;background-size:cover;background-position:center 50%;
 transform:scale(1.07);transition:transform 7.5s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .slide.on .bg{transform:scale(1)}
.gumee-scope .slide .vl{position:absolute;inset:0}
.gumee-scope .slide .ht>*{opacity:0;transform:translateY(14px);
 transition:opacity .85s cubic-bezier(.22,.61,.36,1),transform .85s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .slide.on .ht>*{opacity:1;transform:none}
.gumee-scope .slide.on .ht h1{transition-delay:.22s}
.gumee-scope .slide.on .ht p{transition-delay:.34s}
.gumee-scope .slide.on .ht .cta{transition-delay:.46s}
@media (prefers-reduced-motion:reduce){.gumee-scope .slide,.gumee-scope .slide .bg,.gumee-scope .slide .ht>*{transition:none}}
.gumee-scope .nv{position:absolute;left:0;right:0;top:0;z-index:6;transition:color .9s cubic-bezier(.4,0,.2,1);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:24px 34px;gap:20px}
.gumee-scope .nv .l,.gumee-scope .nv .r{display:flex;gap:22px;font-size:12.5px;font-weight:500}
.gumee-scope .nv .r{justify-content:flex-end}
.gumee-scope .nv .c{display:flex;justify-content:center}
.gumee-scope .nv .c .logo{width:100px;height:22px}
@media(max-width:980px){.gumee-scope .nv{grid-template-columns:1fr;justify-items:center;gap:11px}.gumee-scope .nv .l,.gumee-scope .nv .r{flex-wrap:wrap;justify-content:center}}
.gumee-scope .hin{position:absolute;inset:0;z-index:4;display:flex;align-items:center;padding:96px 34px 60px}
.gumee-scope .hin.right{justify-content:flex-end}.gumee-scope .hin.left{justify-content:flex-start}
.gumee-scope .ht{max-width:400px;display:flex;flex-direction:column}
.gumee-scope .right .ht{text-align:right;align-items:flex-end}.gumee-scope .left .ht{text-align:left;align-items:flex-start}
.gumee-scope .ht h1{font-size:var(--h);text-transform:lowercase}
.gumee-scope .ht p{margin-top:var(--gap);font-size:var(--p);max-width:34ch;line-height:1.45}
.gumee-scope .ht .cta{margin-top:calc(var(--gap) + 8px);font-size:12.5px;font-weight:600;padding:12px 28px;border-radius:100px}



.gumee-scope /* ---------- phone: taller crop,.gumee-scope text overlaid like desktop ---------- */
@media(max-width:760px){
  .hero{height:min(122vw,74vh);min-height:0}
  .nv{padding:18px 20px;grid-template-columns:1fr;justify-items:center;gap:0}
  .nv .l,.nv .r{display:none}
  .nv .c .logo{width:92px;height:20px}
  .slide .bg{background-size:cover;background-position:center 50%}
  .slide:nth-child(2) .bg{background-position:64% 50%}
  .slide:nth-child(3) .bg{background-position:36% 50%}
  .slide:nth-child(1) .vl{background:linear-gradient(180deg,rgba(0,0,0,.30) 0%,rgba(0,0,0,0) 34%,rgba(0,0,0,.62) 100%)!important}
  .slide:nth-child(2) .vl{background:linear-gradient(180deg,rgba(0,0,0,.28) 0%,rgba(0,0,0,0) 34%,rgba(0,0,0,.64) 100%)!important}
  .slide:nth-child(3) .vl{background:linear-gradient(180deg,rgba(255,255,255,.30) 0%,rgba(255,255,255,0) 30%,rgba(255,255,255,.80) 100%)!important}
  .hin{align-items:flex-end;justify-content:flex-start!important;padding:0 22px 34px}
  .ht{max-width:none;text-align:left!important;align-items:flex-start!important}
  .ht h1{font-size:clamp(28px,8.4vw,38px)}
  .ht p{font-size:14.5px;max-width:32ch;margin-top:10px}
  .ht .cta{margin-top:16px}
}


.gumee-scope /* why gumee — hull line,.gumee-scope Chris's boat clip */
.whyband{position:relative;width:100%;height:min(56.25vw,88vh);overflow:hidden;background:#0d1a24}
.gumee-scope .whyband .bandimg,.gumee-scope .whyband video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gumee-scope .whyband .bandimg{background-size:cover;background-position:52% 55%}
.gumee-scope .whyband .bandveil{position:absolute;inset:0;z-index:2;
 background:linear-gradient(100deg,rgba(6,16,26,.62) 0%,rgba(6,16,26,.30) 26%,rgba(6,16,26,.06) 46%,rgba(6,16,26,0) 60%)}
.gumee-scope .whyband .bandin{position:absolute;z-index:3;left:clamp(24px,4.4vw,64px);top:50%;transform:translateY(-50%);max-width:35%}
.gumee-scope .whyband h2{color:#fff;font-size:clamp(30px,3.7vw,48px);text-shadow:0 1px 24px rgba(0,0,0,.34);}
.gumee-scope .wsides{margin-top:24px;border-left:1px solid rgba(255,255,255,.34);padding-left:20px}
.gumee-scope .wcol div{padding:11px 0}
.gumee-scope .wcol b{display:block;font-size:16.5px;font-weight:600;color:#fff;text-shadow:0 1px 14px rgba(0,0,0,.5)}
.gumee-scope .wcol span{display:block;margin-top:3px;font-size:14px;color:rgba(255,255,255,.85);line-height:1.42;
 text-shadow:0 1px 14px rgba(0,0,0,.5)}

@media(max-width:900px){
 .gumee-scope .whyband{height:min(128vw,80vh)}
 .gumee-scope .whyband .bandimg{background-position:58% 55%}
 .gumee-scope .whyband .bandveil{background:linear-gradient(180deg,rgba(6,16,26,.40) 0%,rgba(6,16,26,0) 28%,
   rgba(6,16,26,.20) 54%,rgba(6,16,26,.80) 100%)}
 .gumee-scope .whyband .bandin{left:22px;right:22px;top:auto;bottom:26px;transform:none;max-width:none}
 .gumee-scope .whyband h2{font-size:33px}
 .gumee-scope .wsides{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;margin-top:16px;
   border-left:0;padding-left:0;border-top:1px solid rgba(255,255,255,.3);padding-top:12px}
 .gumee-scope .wcol b{font-size:15.5px}
 .gumee-scope .wcol span{font-size:13px}
}

.gumee-scope section{padding:74px 0}
.gumee-scope .sh{margin-bottom:26px}
.gumee-scope .sh h2{font-size:clamp(26px,3.2vw,38px)}
.gumee-scope .sh p{margin-top:9px;color:var(--soft);max-width:54ch;font-size:15px}
.gumee-scope .sh.row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.gumee-scope .sh a.more{font-size:13.5px;color:var(--soft);border-bottom:1px solid var(--line);padding-bottom:2px}

.gumee-scope /* cards */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(9px,1.9vw,26px)}
.gumee-scope .pc{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;cursor:pointer;transition:box-shadow .25s,transform .25s}
.gumee-scope .pc:hover{box-shadow:0 16px 38px rgba(0,0,0,.10);transform:translateY(-3px)}
.gumee-scope .pc .im{position:relative;aspect-ratio:1;overflow:hidden}
.gumee-scope .pc .im div{position:absolute;inset:0;background-size:cover;background-position:center;transition:opacity .45s ease}
.gumee-scope .pc .im .b{opacity:0}
.gumee-scope .pc .im.flip .b{opacity:1}
.gumee-scope .pc:hover .im .b{opacity:1}
.gumee-scope .pc:hover .im.flip .b{opacity:1}
.gumee-scope .pc .bd{padding:clamp(11px,1.5vw,20px) clamp(11px,1.6vw,22px) clamp(13px,1.6vw,22px)}
.gumee-scope .pc h4{font-size:clamp(13.5px,1.55vw,20px);letter-spacing:-.005em}
.gumee-scope .pc .d{margin-top:5px;font-size:clamp(11px,1.05vw,14px);color:var(--soft);min-height:2.8em;line-height:1.35}
.gumee-scope .pc .r{margin-top:10px;display:flex;justify-content:space-between;align-items:baseline;gap:6px;flex-wrap:wrap}
.gumee-scope .pc .r b{font-size:clamp(12.5px,1.25vw,16.5px);font-weight:600}
.gumee-scope .pc .r .shop{font-size:clamp(11px,1.05vw,14px);font-weight:500}

.gumee-scope /* why */
.why{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden}
@media(max-width:820px){.gumee-scope .why{grid-template-columns:repeat(2,1fr)}}
.gumee-scope .why div{background:#fff;padding:26px 22px}
.gumee-scope .why b{display:block;font-size:15.5px;font-weight:600}
.gumee-scope .why span{display:block;margin-top:5px;font-size:13px;color:var(--soft);line-height:1.42}

.gumee-scope /* nutrients */
.split{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
@media(max-width:900px){.gumee-scope .split{grid-template-columns:1fr}}
.gumee-scope .split .ph{aspect-ratio:4/5;border-radius:8px;background-size:cover;background-position:center}
.gumee-scope .ed{margin-top:clamp(24px,3vw,40px)}
.gumee-scope .ed .r{display:grid;grid-template-columns:clamp(58px,6vw,104px) 1fr;
 gap:clamp(13px,1.5vw,22px) clamp(16px,1.8vw,28px);align-items:center;
 padding:clamp(20px,2.6vw,38px) 0;border-bottom:1px solid var(--line)}
.gumee-scope .ed .disc{width:100%;aspect-ratio:1;border-radius:50%;background-size:cover;background-position:center}
.gumee-scope .ed h3{margin:0;font-size:clamp(19px,2vw,32px);font-weight:700;letter-spacing:-.015em;line-height:1.06}
.gumee-scope .ed .nut{margin-top:clamp(4px,.5vw,8px);font-size:clamp(11px,.95vw,14px);letter-spacing:.11em;
 text-transform:uppercase;color:var(--faint);font-weight:600}
.gumee-scope .ed .tx{grid-column:1/-1;margin:0;font-size:clamp(13.5px,1.25vw,19px);color:var(--soft);line-height:1.5}

.gumee-scope /* nutrients motion */
.ed{--rule:0}
.gumee-scope .ed:before{content:"";display:block;height:1px;background:var(--ink);transform-origin:left;
 transform:scaleX(var(--rule));transition:transform 1.05s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .ed.go{--rule:1}
.gumee-scope .ed .r{opacity:0;transform:translateY(16px);
 transition:opacity .72s cubic-bezier(.22,.61,.36,1),transform .72s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .ed.go .r{opacity:1;transform:none}
.gumee-scope .ed.go .r:nth-child(1){transition-delay:.16s}
.gumee-scope .ed.go .r:nth-child(2){transition-delay:.30s}
.gumee-scope .ed.go .r:nth-child(3){transition-delay:.44s}
.gumee-scope .ed .disc{position:relative;overflow:hidden;transition:transform .5s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .ed .disc span{position:absolute;inset:0;background-size:cover;background-position:center;
 transition:opacity .55s ease,transform .55s ease}
.gumee-scope .ed .disc .d1{animation:spin 44s linear infinite}
.gumee-scope .ed .disc .d2{opacity:0;transform:scale(1.06)}
.gumee-scope .ed .r:hover .disc{transform:scale(1.06)}
.gumee-scope .ed .r:hover .disc .d1{opacity:0}
.gumee-scope .ed .r:hover .disc .d2{opacity:1;transform:none}
@keyframes spin{to{transform:rotate(360deg)}}
.gumee-scope .ed h3,.gumee-scope .ed .nut,.gumee-scope .ed .tx{transition:transform .5s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .ed .r:hover h3{transform:translateX(4px)}
@media (prefers-reduced-motion:reduce){
 .gumee-scope .ed:before{transform:none}
 .gumee-scope .ed .r{opacity:1;transform:none;transition:none}
 .gumee-scope .ed .disc .d1{animation:none}
 .gumee-scope .ed .disc,.gumee-scope .ed h3{transition:none}
}

.gumee-scope /* packs */
.packs{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(9px,1.6vw,22px)}
.gumee-scope .bk{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;display:flex;flex-direction:column;
 cursor:pointer;transition:box-shadow .25s,transform .25s}
.gumee-scope .bk:hover{box-shadow:0 16px 38px rgba(0,0,0,.09);transform:translateY(-3px)}
.gumee-scope .bk .im{aspect-ratio:1;background:#fff center/cover}
.gumee-scope .bk .bd{padding:clamp(11px,1.4vw,20px) clamp(11px,1.5vw,22px) clamp(13px,1.5vw,22px);display:flex;flex-direction:column;flex:1}
.gumee-scope .bk h4{font-size:clamp(12.5px,1.35vw,18px);letter-spacing:-.005em}
.gumee-scope .bk p{margin-top:6px;font-size:clamp(10.5px,1vw,13.5px);color:var(--soft);line-height:1.38;flex:1}
.gumee-scope .bk .pr{margin-top:12px;display:flex;align-items:baseline;justify-content:space-between;gap:6px;flex-wrap:wrap}
.gumee-scope .bk .pr b{font-size:clamp(12px,1.2vw,16.5px);font-weight:600}
.gumee-scope .bk .pr .shop{font-size:clamp(10.5px,1vw,14px);font-weight:500}

.gumee-scope /* faq */
.faq{border-top:1px solid var(--line);margin-top:22px}
.gumee-scope .faq details{border-bottom:1px solid var(--line)}
.gumee-scope .faq summary{padding:16px 0;font-size:14px;font-weight:400;line-height:1.3;cursor:pointer;list-style:none;
 display:flex;justify-content:space-between;align-items:center;gap:18px}
.gumee-scope .faq summary::-webkit-details-marker{display:none}
.gumee-scope .faq summary::after{content:"";width:8px;height:8px;flex:none;border-right:1.4px solid var(--ink);border-bottom:1.4px solid var(--ink);
 transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s}
.gumee-scope .faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.gumee-scope .faq p{padding:0 0 18px;font-size:14px;color:var(--ink);max-width:66ch;line-height:1.3}

.gumee-scope footer{border-top:1px solid var(--line);padding:60px 0 42px}
.gumee-scope .fg{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:clamp(22px,4vw,56px)}
@media(max-width:860px){.gumee-scope .fg{grid-template-columns:1fr 1fr}.gumee-scope .fg>div:first-child{grid-column:1/-1}}
.gumee-scope footer h5{margin:0 0 13px;font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--ink)}
.gumee-scope footer li{list-style:none;font-size:14px;line-height:1.3;color:var(--ink);padding:5px 0}
.gumee-scope footer ul{margin:0;padding:0}
.gumee-scope .sub{margin-top:14px;display:flex;gap:8px;max-width:330px}
.gumee-scope .sub input{flex:1;border:1px solid var(--line);border-radius:3px;padding:11px 13px;font:inherit;font-size:14px}
.gumee-scope .sub button{border:0;border-radius:3px;background:var(--ink);color:#fff;font:inherit;font-size:13px;font-weight:600;padding:0 18px;cursor:pointer}
.gumee-scope .legal{margin-top:38px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;color:var(--faint);
 display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}

.gumee-scope /* selling blocks */
.sizes{display:grid;gap:9px;margin-top:10px}
.gumee-scope .szo{display:grid;grid-template-columns:22px 1fr auto;gap:12px;align-items:center;
 border:1px solid var(--line);border-radius:12px;padding:13px 15px;cursor:pointer;transition:border-color .2s,background .2s}
.gumee-scope .szo:hover{border-color:#C9C9D0}
.gumee-scope .szo.on{border-color:var(--ink);background:#FCFCFD}
.gumee-scope .szo .dot{width:16px;height:16px;border-radius:50%;border:1.5px solid #C9C9D0;position:relative}
.gumee-scope .szo.on .dot{border-color:var(--ink)}
.gumee-scope .szo.on .dot:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--ink)}
.gumee-scope .szo b{display:block;font-size:14px;font-weight:500}
.gumee-scope .szo em{font-style:normal;display:block;margin-top:2px;font-size:12.5px;color:var(--soft)}
.gumee-scope .szo .rt{text-align:right}
.gumee-scope .szo .rt b{font-size:15px;font-weight:600}
.gumee-scope .szo .rt s{font-size:12.5px;color:var(--faint)}
.gumee-scope .szo .tag{display:inline-block;margin-left:8px;background:var(--acc);color:var(--accd);border-radius:999px;
 padding:2px 9px;font-size:10.5px;font-weight:600;vertical-align:middle}
.gumee-scope .perday{margin-top:6px;font-size:13px;color:var(--soft)}
.gumee-scope .trust{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin-top:16px;
 border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0}
.gumee-scope .trust div{font-size:12.5px;color:var(--soft);display:flex;gap:8px;align-items:flex-start;line-height:1.35}
.gumee-scope .trust i{font-style:normal;color:var(--ink)}
.gumee-scope .tonight{padding-top:clamp(46px,6vw,78px)}
.gumee-scope .tonight h2{font-size:clamp(22px,2.4vw,32px);font-weight:700;letter-spacing:-.015em;text-transform:lowercase}
.gumee-scope .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2.4vw,34px);margin-top:26px;
 border-top:1px solid var(--ink);padding-top:8px}
.gumee-scope .steps div{padding:20px 0}
.gumee-scope .steps b{display:block;font-size:12px;letter-spacing:.11em;text-transform:uppercase;color:var(--faint);font-weight:600}
.gumee-scope .steps h4{margin:9px 0 0;font-size:clamp(15px,1.5vw,20px);font-weight:600;letter-spacing:-.01em}
.gumee-scope .steps p{margin:6px 0 0;font-size:13.5px;color:var(--soft);line-height:1.5}
.gumee-scope .panel{padding-top:clamp(46px,6vw,78px)}
.gumee-scope .panel h2{font-size:clamp(22px,2.4vw,32px);font-weight:700;letter-spacing:-.015em;text-transform:lowercase}
.gumee-scope .ptab{margin-top:22px;border-top:1px solid var(--ink);max-width:640px}
.gumee-scope .ptab .r{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}
.gumee-scope .ptab .r span{color:var(--soft)}
.gumee-scope .note{margin-top:12px;font-size:12.5px;color:var(--faint);max-width:640px}
.gumee-scope .stick{position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fff;border-top:1px solid var(--line);
 padding:11px 20px;display:none;gap:12px;align-items:center;box-shadow:0 -6px 22px rgba(0,0,0,.06)}
.gumee-scope .stick b{font-size:14px;font-weight:500;flex:1}
.gumee-scope .stick .cta{height:42px;min-width:0;flex:0 0 46%}
@media(max-width:900px){.gumee-scope .steps{grid-template-columns:1fr}.gumee-scope .stick{display:flex}
 .gumee-scope{padding-bottom:66px}.gumee-scope .trust{grid-template-columns:1fr}}

.gumee-scope /* rating + reviews */
.rate{display:flex;align-items:center;gap:9px;margin-top:11px;font-size:13px;cursor:pointer}
.gumee-scope .stars{position:relative;display:inline-block;line-height:1;flex:none}
.gumee-scope .stars .bg,.gumee-scope .stars .fg{display:flex;gap:2px}
.gumee-scope .stars .fg{position:absolute;inset:0;overflow:hidden;white-space:nowrap}
.gumee-scope .stars svg{width:15px;height:15px;flex:none}
.gumee-scope .rate b{font-weight:600}
.gumee-scope .rate span{color:var(--soft);text-decoration:underline;text-underline-offset:2px}
.gumee-scope .revs{padding-top:clamp(56px,7vw,96px)}
.gumee-scope .revs h2{font-size:clamp(22px,2.4vw,32px);font-weight:700;letter-spacing:-.015em;text-transform:lowercase}
.gumee-scope .revtop{display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,4vw,56px);align-items:center;
 margin-top:24px;border-top:1px solid var(--ink);padding-top:clamp(20px,2.6vw,32px)}
.gumee-scope .revtop .big{font-size:clamp(44px,5vw,68px);font-weight:600;letter-spacing:-.03em;line-height:1}
.gumee-scope .revtop .un{margin-top:8px;font-size:13px;color:var(--soft)}
.gumee-scope .revtop .stars svg{width:19px;height:19px}
.gumee-scope .revgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.6vw,22px);margin-top:clamp(22px,2.6vw,34px)}
.gumee-scope .rc{border:1px solid var(--line);border-radius:12px;padding:18px 20px 20px;display:flex;flex-direction:column}
.gumee-scope .rc .stars svg{width:13px;height:13px}
.gumee-scope .rc h5{margin:10px 0 0;font-size:14px;font-weight:600}
.gumee-scope .rc p{margin:7px 0 0;font-size:13.5px;color:var(--soft);line-height:1.5;flex:1}
.gumee-scope .rc .who{margin-top:14px;font-size:12.5px;color:var(--faint)}
.gumee-scope .rc .ph{margin-top:12px;aspect-ratio:4/3;border-radius:9px;background:#F4F4F7 center/cover}
.gumee-scope .revempty{margin-top:22px;border:1px dashed var(--line);border-radius:12px;padding:26px 24px;
 font-size:13.5px;color:var(--faint);text-align:center}
@media(max-width:860px){.gumee-scope .revgrid{grid-template-columns:1fr}.gumee-scope .revtop{grid-template-columns:1fr;gap:14px}}

.gumee-scope .gal .main{cursor:grab;touch-action:pan-y}
.gumee-scope .gal .main:active{cursor:grabbing}
.gumee-scope .dots{display:none}
@media(max-width:900px){
 .gumee-scope .dots{display:flex;gap:6px;justify-content:center;margin-top:10px}
 .gumee-scope .dots i{width:6px;height:6px;border-radius:50%;background:#D5D5DC;display:block}
}

.gumee-scope .steps .ph{aspect-ratio:4/3;border-radius:10px;background:#fff center/cover;margin-bottom:16px;
 border:1px solid var(--line)}


.gumee-scope .revtabs{display:flex;gap:26px;margin-top:clamp(18px,2.2vw,26px);border-bottom:1px solid var(--line)}
.gumee-scope .revtabs button{border:0;background:none;font:inherit;font-size:13.5px;font-weight:500;color:var(--faint);
 padding:0 0 12px;cursor:pointer;position:relative;transition:color .25s}
.gumee-scope .revtabs button:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ink);
 transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .revtabs button.on{color:var(--ink);font-weight:600}
.gumee-scope .revtabs button.on:after{transform:scaleX(1)}
.gumee-scope .revlist{border-top:0}
.gumee-scope .rvw{display:grid;grid-template-columns:190px 1fr;gap:clamp(16px,3vw,40px);
 padding:clamp(20px,2.4vw,28px) 0;border-bottom:1px solid var(--line);align-items:start}
.gumee-scope .rvw[hidden]{display:none}
.gumee-scope .rvw .who b{display:block;margin-top:9px;font-size:14.5px;font-weight:600;letter-spacing:-.005em}
.gumee-scope .rvw .vf{display:block;margin-top:4px;font-size:12px;color:var(--faint)}
.gumee-scope .rvw p{margin:0;font-size:15.5px;line-height:1.55}
.gumee-scope .rvw .rpix{margin-top:14px;width:clamp(104px,11vw,132px);aspect-ratio:4/5;border-radius:10px;
 background:var(--pale) center/cover;transition:transform .5s cubic-bezier(.22,.61,.36,1),box-shadow .35s}
.gumee-scope .rvw .rpix:hover{transform:scale(1.035);box-shadow:0 14px 34px rgba(0,0,0,.14)}
.gumee-scope .stars.sm svg{width:14px;height:14px}
.gumee-scope .revnone{padding:30px 0;font-size:14px;color:var(--faint)}
.gumee-scope .revmore{margin-top:clamp(18px,2.2vw,26px);border:1px solid var(--line);background:#fff;color:var(--ink);
 border-radius:3px;font:inherit;font-size:13px;font-weight:600;padding:13px 26px;cursor:pointer;
 transition:background .25s,border-color .25s,transform .16s}
.gumee-scope .revmore[hidden]{display:none}
.gumee-scope .revmore:hover{background:var(--pale);border-color:var(--n2)}
.gumee-scope .revmore:active{transform:scale(.985)}
@media(max-width:760px){.gumee-scope .rvw{grid-template-columns:1fr;gap:8px}.gumee-scope .rvw .who b{margin-top:7px}}

.gumee-scope .topnav{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line);
 display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:20px 34px;gap:20px;color:var(--ink)}
.gumee-scope .topnav .l,.gumee-scope .topnav .r{display:flex;gap:clamp(12px,1.6vw,24px);align-items:center;font-size:14px}
.gumee-scope .topnav .r{justify-content:flex-end}.gumee-scope .topnav .c{display:flex;justify-content:center}
.gumee-scope .topnav span{cursor:pointer}.gumee-scope .topnav .l span:hover,.gumee-scope .topnav .r span:hover{opacity:.55}
@media(max-width:980px){
 .gumee-scope .topnav{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;
  gap:18px;padding:13px 18px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .gumee-scope .topnav::-webkit-scrollbar{display:none}
 .gumee-scope .topnav .l,.gumee-scope .topnav .r{display:contents}
 .gumee-scope .topnav .c{order:-1;flex:none;margin-right:4px}
 .gumee-scope .topnav .l span,.gumee-scope .topnav .r span{flex:none;white-space:nowrap;font-size:13.5px}
}

.gumee-scope .crumb{font-size:13px;color:var(--soft);padding:clamp(18px,2.4vw,30px) 0 0}
.gumee-scope .crumb span{cursor:pointer}.gumee-scope .crumb span:hover{color:var(--ink)}
.gumee-scope .pdp{display:grid;grid-template-columns:1.08fr 1fr;gap:clamp(26px,4vw,64px);align-items:start;
 padding-top:clamp(16px,2vw,26px)}
.gumee-scope .gal{position:sticky;top:96px}
.gumee-scope .gal .main{position:relative;aspect-ratio:1;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.gumee-scope .gal .main div{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .45s ease}
.gumee-scope .gal .main div.on{opacity:1}
.gumee-scope .gal .thumbs{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px;margin-top:10px}
.gumee-scope .gal .thumbs button{padding:0;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fff;
 aspect-ratio:1;cursor:pointer;background-size:cover;background-position:center;transition:border-color .2s}
.gumee-scope .gal .thumbs button.on{border-color:var(--ink)}

.gumee-scope .info h1{margin:0;font-size:clamp(28px,3.4vw,44px);font-weight:700;letter-spacing:-.015em;line-height:1.05}
.gumee-scope .info .sub{margin-top:7px;font-size:14px;color:var(--soft)}
.gumee-scope .info .price{margin-top:clamp(14px,1.6vw,20px);font-size:clamp(20px,2vw,26px);font-weight:600}
.gumee-scope .info .vat{margin-top:4px;font-size:12.5px;color:var(--faint)}
.gumee-scope .opt{margin-top:clamp(18px,2.2vw,26px)}
.gumee-scope .opt h5{margin:0 0 9px;font-size:13px;font-weight:500;color:var(--soft)}
.gumee-scope .pill{display:inline-flex;align-items:center;border:1px solid var(--ink);border-radius:999px;
 padding:9px 18px;font-size:13.5px;cursor:pointer}
.gumee-scope .buy{display:flex;gap:10px;align-items:stretch;margin-top:clamp(16px,2vw,22px);flex-wrap:wrap}
.gumee-scope .qty{display:flex;align-items:center;border:1px solid var(--line);border-radius:999px;overflow:hidden}
.gumee-scope .qty button{width:42px;height:46px;border:0;background:none;font-size:17px;cursor:pointer;color:var(--ink)}
.gumee-scope .qty span{min-width:30px;text-align:center;font-size:14px}
.gumee-scope .cta{flex:1;min-width:190px;height:46px;border:0;border-radius:999px;background:var(--ink);color:#fff;
 font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .2s}
.gumee-scope .cta:hover{opacity:.85}
.gumee-scope .pay{margin-top:9px;font-size:13px;color:var(--soft);text-align:center;cursor:pointer;text-decoration:underline}
.gumee-scope .lede{margin-top:clamp(20px,2.4vw,28px);font-size:15px;line-height:1.55;color:var(--soft)}
.gumee-scope .lede b{color:var(--ink);font-weight:500}
.gumee-scope .acc{margin-top:clamp(20px,2.4vw,28px);border-top:1px solid var(--line)}
.gumee-scope .acc details{border-bottom:1px solid var(--line)}
.gumee-scope .acc summary{padding:16px 0;font-size:14px;line-height:1.3;cursor:pointer;list-style:none;
 display:flex;justify-content:space-between;align-items:center;gap:18px}
.gumee-scope .acc summary::-webkit-details-marker{display:none}
.gumee-scope .acc summary::after{content:"";width:8px;height:8px;flex:none;border-right:1.4px solid var(--ink);
 border-bottom:1.4px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s}
.gumee-scope .acc details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.gumee-scope .acc p{margin:0;padding:0 0 18px;font-size:14px;line-height:1.5;color:var(--soft);max-width:60ch}
.gumee-scope .badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(18px,2.2vw,24px)}
.gumee-scope .badges span{border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:12px;color:var(--soft)}

.gumee-scope .also{padding-top:clamp(56px,7vw,96px)}
.gumee-scope .also h2{font-size:clamp(22px,2.4vw,32px);font-weight:700;letter-spacing:-.015em;text-transform:lowercase}
.gumee-scope .arow{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.5vw,22px);margin-top:22px}
.gumee-scope .ac{border:1px solid var(--line);border-radius:12px;overflow:hidden;cursor:pointer;
 transition:box-shadow .25s,transform .25s}
.gumee-scope .ac:hover{box-shadow:0 14px 34px rgba(0,0,0,.08);transform:translateY(-3px)}
.gumee-scope .ac .im{aspect-ratio:1;background:#fff center/cover}
.gumee-scope .ac .bd{padding:12px 14px 16px}
.gumee-scope .ac h4{margin:0;font-size:clamp(11.5px,1.05vw,14px);font-weight:400;line-height:1.3}
.gumee-scope .ac .p{margin-top:3px;font-size:clamp(11.5px,1.05vw,14px)}
@media(max-width:900px){.gumee-scope .pdp{grid-template-columns:1fr}.gumee-scope .gal{position:static}
 .gumee-scope .arow{grid-template-columns:repeat(3,1fr)}}

.gumee-scope /* ---------- gumee motion layer ---------- */
@media (prefers-reduced-motion:no-preference){
  .rv{opacity:0;transform:translateY(22px);
      transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1)}
  .rv.in{opacity:1;transform:none}
  .rvm{opacity:0;clip-path:inset(15% 0 15% 0);
      transition:clip-path 1.2s cubic-bezier(.22,.61,.36,1),opacity .9s ease}
  .rvm.in{opacity:1;clip-path:inset(0 0 0 0)}
}
.gumee-scope /* press + hover feel */
.btn,.gumee-scope .cta,.gumee-scope .sub button,.gumee-scope .qty button{transition:transform .16s cubic-bezier(.22,.61,.36,1),box-shadow .28s,opacity .2s}
.gumee-scope .btn:active,.gumee-scope .cta:active,.gumee-scope .sub button:active,.gumee-scope .qty button:active{transform:scale(.972)}
.gumee-scope .btn:hover,.gumee-scope .cta:hover{box-shadow:0 8px 22px rgba(0,0,0,.14)}
.gumee-scope /* card imagery breathes on hover */
.pc .im div{transition:opacity .45s ease,transform .8s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .pc:hover .im div{transform:scale(1.045)}
.gumee-scope .bk .im{transition:transform .8s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .bk:hover .im{transform:scale(1.04)}
.gumee-scope .pc,.gumee-scope .bk{transition:box-shadow .35s cubic-bezier(.22,.61,.36,1),transform .35s cubic-bezier(.22,.61,.36,1)}
.gumee-scope /* size options and faq rows */
.szo{transition:background .25s,border-color .25s,transform .18s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .szo:active{transform:scale(.994)}
.gumee-scope .faq summary{transition:opacity .2s}
.gumee-scope .faq summary:hover{opacity:.6}
.gumee-scope /* nav condenses once you start scrolling */
.topnav{transition:padding .38s cubic-bezier(.22,.61,.36,1),box-shadow .38s}
.gumee-scope .topnav.shrunk{padding-top:11px;padding-bottom:11px;box-shadow:0 1px 0 rgba(0,0,0,.05),0 12px 30px rgba(0,0,0,.05)}
.gumee-scope .topnav .l span,.gumee-scope .topnav .r span{transition:opacity .2s}

/* ================= pack-essentials.html ================= */
.gumee-scope{--acc:var(--c1);--accd:var(--c3)}
.gumee-scope{--ink:#151515;--soft:#5C5F67;--faint:#8E9198;--line:#E9E9ED;--hair:#F3F3F6;--n2:#E4E4E9;--pale:#F4F4F6;
 --s1:#B9BDE1;--s2:#6069BE;--s3:#2B3373;--c1:#EDB6BC;--c2:#B4747B;--c3:#732B34;--h1c:#DDC2D8;--h2c:#BF88B5;--h3c:#6B2871;
 --h:clamp(28px,3.8vw,50px);--p:15px;--gap:13px}
.gumee-scope,.gumee-scope *{box-sizing:border-box}
.gumee-scope{scroll-behavior:smooth}
.gumee-scope{margin:0;background:#fff;color:var(--ink);font-family:Poppins,-apple-system,Helvetica,Arial,sans-serif;
 font-size:15.5px;line-height:1.42;-webkit-font-smoothing:antialiased}
.gumee-scope h1,.gumee-scope h2,.gumee-scope h3,.gumee-scope h4{margin:0;font-weight:700;letter-spacing:-.015em;line-height:1.04;text-wrap:balance}
.gumee-scope p{margin:0}
.gumee-scope img{display:block;max-width:100%}
.gumee-scope a{color:inherit;text-decoration:none}
.gumee-scope .w{max-width:1240px;margin:0 auto;padding:0 30px}
.gumee-scope{--stage:1720px}
.gumee-scope /* full-bleed media never exceeds the stage,.gumee-scope so ultrawide keeps the real ratio */
.stage{width:min(100%,var(--stage));margin:0 auto}
.gumee-scope .tn{font-variant-numeric:tabular-nums}
.gumee-scope .lower{text-transform:lowercase}
.gumee-scope .dot{width:7px;height:7px;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:7px}
.gumee-scope .logo{display:inline-block;-webkit-mask:var(--gm-img-1) center/contain no-repeat;mask:var(--gm-img-1) center/contain no-repeat;background-color:currentColor}
.gumee-scope .btn{display:inline-block;font-size:12.5px;font-weight:600;padding:12px 26px;border-radius:3px;background:var(--ink);color:#fff;cursor:pointer;border:0}
.gumee-scope .btn.o{background:#fff;color:var(--ink);border:1px solid var(--line)}

.gumee-scope /* ribbon */
.mq{display:flex;overflow:hidden;padding:11px 0;background:var(--n2);color:var(--ink)}
.gumee-scope .mq .tr{display:flex;flex:none;min-width:100%;justify-content:space-around;align-items:center;
 white-space:nowrap;animation:sc 34s linear infinite}
.gumee-scope .mq i{font-style:normal;padding:0 22px;font-size:11.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}
@keyframes sc{to{transform:translateX(-100%)}}
@media (prefers-reduced-motion:reduce){.gumee-scope .mq .tr{animation:none}}

.gumee-scope /* nav over hero */
.hero{position:relative;width:100%;height:min(56.25vw,92vh);min-height:0;display:flex;flex-direction:column;background:#0f1116;overflow:hidden}
.gumee-scope .slide{position:absolute;inset:0;opacity:0;pointer-events:none;
 transition:opacity 1.25s cubic-bezier(.4,0,.2,1)}
.gumee-scope .slide.on{opacity:1;pointer-events:auto}
.gumee-scope .slide .bg{position:absolute;inset:0;background-size:cover;background-position:center 50%;
 transform:scale(1.07);transition:transform 7.5s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .slide.on .bg{transform:scale(1)}
.gumee-scope .slide .vl{position:absolute;inset:0}
.gumee-scope .slide .ht>*{opacity:0;transform:translateY(14px);
 transition:opacity .85s cubic-bezier(.22,.61,.36,1),transform .85s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .slide.on .ht>*{opacity:1;transform:none}
.gumee-scope .slide.on .ht h1{transition-delay:.22s}
.gumee-scope .slide.on .ht p{transition-delay:.34s}
.gumee-scope .slide.on .ht .cta{transition-delay:.46s}
@media (prefers-reduced-motion:reduce){.gumee-scope .slide,.gumee-scope .slide .bg,.gumee-scope .slide .ht>*{transition:none}}
.gumee-scope .nv{position:absolute;left:0;right:0;top:0;z-index:6;transition:color .9s cubic-bezier(.4,0,.2,1);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:24px 34px;gap:20px}
.gumee-scope .nv .l,.gumee-scope .nv .r{display:flex;gap:22px;font-size:12.5px;font-weight:500}
.gumee-scope .nv .r{justify-content:flex-end}
.gumee-scope .nv .c{display:flex;justify-content:center}
.gumee-scope .nv .c .logo{width:100px;height:22px}
@media(max-width:980px){.gumee-scope .nv{grid-template-columns:1fr;justify-items:center;gap:11px}.gumee-scope .nv .l,.gumee-scope .nv .r{flex-wrap:wrap;justify-content:center}}
.gumee-scope .hin{position:absolute;inset:0;z-index:4;display:flex;align-items:center;padding:96px 34px 60px}
.gumee-scope .hin.right{justify-content:flex-end}.gumee-scope .hin.left{justify-content:flex-start}
.gumee-scope .ht{max-width:400px;display:flex;flex-direction:column}
.gumee-scope .right .ht{text-align:right;align-items:flex-end}.gumee-scope .left .ht{text-align:left;align-items:flex-start}
.gumee-scope .ht h1{font-size:var(--h);text-transform:lowercase}
.gumee-scope .ht p{margin-top:var(--gap);font-size:var(--p);max-width:34ch;line-height:1.45}
.gumee-scope .ht .cta{margin-top:calc(var(--gap) + 8px);font-size:12.5px;font-weight:600;padding:12px 28px;border-radius:100px}



.gumee-scope /* ---------- phone: taller crop,.gumee-scope text overlaid like desktop ---------- */
@media(max-width:760px){
  .hero{height:min(122vw,74vh);min-height:0}
  .nv{padding:18px 20px;grid-template-columns:1fr;justify-items:center;gap:0}
  .nv .l,.nv .r{display:none}
  .nv .c .logo{width:92px;height:20px}
  .slide .bg{background-size:cover;background-position:center 50%}
  .slide:nth-child(2) .bg{background-position:64% 50%}
  .slide:nth-child(3) .bg{background-position:36% 50%}
  .slide:nth-child(1) .vl{background:linear-gradient(180deg,rgba(0,0,0,.30) 0%,rgba(0,0,0,0) 34%,rgba(0,0,0,.62) 100%)!important}
  .slide:nth-child(2) .vl{background:linear-gradient(180deg,rgba(0,0,0,.28) 0%,rgba(0,0,0,0) 34%,rgba(0,0,0,.64) 100%)!important}
  .slide:nth-child(3) .vl{background:linear-gradient(180deg,rgba(255,255,255,.30) 0%,rgba(255,255,255,0) 30%,rgba(255,255,255,.80) 100%)!important}
  .hin{align-items:flex-end;justify-content:flex-start!important;padding:0 22px 34px}
  .ht{max-width:none;text-align:left!important;align-items:flex-start!important}
  .ht h1{font-size:clamp(28px,8.4vw,38px)}
  .ht p{font-size:14.5px;max-width:32ch;margin-top:10px}
  .ht .cta{margin-top:16px}
}


.gumee-scope /* why gumee — hull line,.gumee-scope Chris's boat clip */
.whyband{position:relative;width:100%;height:min(56.25vw,88vh);overflow:hidden;background:#0d1a24}
.gumee-scope .whyband .bandimg,.gumee-scope .whyband video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gumee-scope .whyband .bandimg{background-size:cover;background-position:52% 55%}
.gumee-scope .whyband .bandveil{position:absolute;inset:0;z-index:2;
 background:linear-gradient(100deg,rgba(6,16,26,.62) 0%,rgba(6,16,26,.30) 26%,rgba(6,16,26,.06) 46%,rgba(6,16,26,0) 60%)}
.gumee-scope .whyband .bandin{position:absolute;z-index:3;left:clamp(24px,4.4vw,64px);top:50%;transform:translateY(-50%);max-width:35%}
.gumee-scope .whyband h2{color:#fff;font-size:clamp(30px,3.7vw,48px);text-shadow:0 1px 24px rgba(0,0,0,.34);}
.gumee-scope .wsides{margin-top:24px;border-left:1px solid rgba(255,255,255,.34);padding-left:20px}
.gumee-scope .wcol div{padding:11px 0}
.gumee-scope .wcol b{display:block;font-size:16.5px;font-weight:600;color:#fff;text-shadow:0 1px 14px rgba(0,0,0,.5)}
.gumee-scope .wcol span{display:block;margin-top:3px;font-size:14px;color:rgba(255,255,255,.85);line-height:1.42;
 text-shadow:0 1px 14px rgba(0,0,0,.5)}

@media(max-width:900px){
 .gumee-scope .whyband{height:min(128vw,80vh)}
 .gumee-scope .whyband .bandimg{background-position:58% 55%}
 .gumee-scope .whyband .bandveil{background:linear-gradient(180deg,rgba(6,16,26,.40) 0%,rgba(6,16,26,0) 28%,
   rgba(6,16,26,.20) 54%,rgba(6,16,26,.80) 100%)}
 .gumee-scope .whyband .bandin{left:22px;right:22px;top:auto;bottom:26px;transform:none;max-width:none}
 .gumee-scope .whyband h2{font-size:33px}
 .gumee-scope .wsides{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;margin-top:16px;
   border-left:0;padding-left:0;border-top:1px solid rgba(255,255,255,.3);padding-top:12px}
 .gumee-scope .wcol b{font-size:15.5px}
 .gumee-scope .wcol span{font-size:13px}
}

.gumee-scope section{padding:74px 0}
.gumee-scope .sh{margin-bottom:26px}
.gumee-scope .sh h2{font-size:clamp(26px,3.2vw,38px)}
.gumee-scope .sh p{margin-top:9px;color:var(--soft);max-width:54ch;font-size:15px}
.gumee-scope .sh.row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.gumee-scope .sh a.more{font-size:13.5px;color:var(--soft);border-bottom:1px solid var(--line);padding-bottom:2px}

.gumee-scope /* cards */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(9px,1.9vw,26px)}
.gumee-scope .pc{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;cursor:pointer;transition:box-shadow .25s,transform .25s}
.gumee-scope .pc:hover{box-shadow:0 16px 38px rgba(0,0,0,.10);transform:translateY(-3px)}
.gumee-scope .pc .im{position:relative;aspect-ratio:1;overflow:hidden}
.gumee-scope .pc .im div{position:absolute;inset:0;background-size:cover;background-position:center;transition:opacity .45s ease}
.gumee-scope .pc .im .b{opacity:0}
.gumee-scope .pc .im.flip .b{opacity:1}
.gumee-scope .pc:hover .im .b{opacity:1}
.gumee-scope .pc:hover .im.flip .b{opacity:1}
.gumee-scope .pc .bd{padding:clamp(11px,1.5vw,20px) clamp(11px,1.6vw,22px) clamp(13px,1.6vw,22px)}
.gumee-scope .pc h4{font-size:clamp(13.5px,1.55vw,20px);letter-spacing:-.005em}
.gumee-scope .pc .d{margin-top:5px;font-size:clamp(11px,1.05vw,14px);color:var(--soft);min-height:2.8em;line-height:1.35}
.gumee-scope .pc .r{margin-top:10px;display:flex;justify-content:space-between;align-items:baseline;gap:6px;flex-wrap:wrap}
.gumee-scope .pc .r b{font-size:clamp(12.5px,1.25vw,16.5px);font-weight:600}
.gumee-scope .pc .r .shop{font-size:clamp(11px,1.05vw,14px);font-weight:500}

.gumee-scope /* why */
.why{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden}
@media(max-width:820px){.gumee-scope .why{grid-template-columns:repeat(2,1fr)}}
.gumee-scope .why div{background:#fff;padding:26px 22px}
.gumee-scope .why b{display:block;font-size:15.5px;font-weight:600}
.gumee-scope .why span{display:block;margin-top:5px;font-size:13px;color:var(--soft);line-height:1.42}

.gumee-scope /* nutrients */
.split{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
@media(max-width:900px){.gumee-scope .split{grid-template-columns:1fr}}
.gumee-scope .split .ph{aspect-ratio:4/5;border-radius:8px;background-size:cover;background-position:center}
.gumee-scope .ed{margin-top:clamp(24px,3vw,40px)}
.gumee-scope .ed .r{display:grid;grid-template-columns:clamp(58px,6vw,104px) 1fr;
 gap:clamp(13px,1.5vw,22px) clamp(16px,1.8vw,28px);align-items:center;
 padding:clamp(20px,2.6vw,38px) 0;border-bottom:1px solid var(--line)}
.gumee-scope .ed .disc{width:100%;aspect-ratio:1;border-radius:50%;background-size:cover;background-position:center}
.gumee-scope .ed h3{margin:0;font-size:clamp(19px,2vw,32px);font-weight:700;letter-spacing:-.015em;line-height:1.06}
.gumee-scope .ed .nut{margin-top:clamp(4px,.5vw,8px);font-size:clamp(11px,.95vw,14px);letter-spacing:.11em;
 text-transform:uppercase;color:var(--faint);font-weight:600}
.gumee-scope .ed .tx{grid-column:1/-1;margin:0;font-size:clamp(13.5px,1.25vw,19px);color:var(--soft);line-height:1.5}

.gumee-scope /* nutrients motion */
.ed{--rule:0}
.gumee-scope .ed:before{content:"";display:block;height:1px;background:var(--ink);transform-origin:left;
 transform:scaleX(var(--rule));transition:transform 1.05s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .ed.go{--rule:1}
.gumee-scope .ed .r{opacity:0;transform:translateY(16px);
 transition:opacity .72s cubic-bezier(.22,.61,.36,1),transform .72s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .ed.go .r{opacity:1;transform:none}
.gumee-scope .ed.go .r:nth-child(1){transition-delay:.16s}
.gumee-scope .ed.go .r:nth-child(2){transition-delay:.30s}
.gumee-scope .ed.go .r:nth-child(3){transition-delay:.44s}
.gumee-scope .ed .disc{position:relative;overflow:hidden;transition:transform .5s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .ed .disc span{position:absolute;inset:0;background-size:cover;background-position:center;
 transition:opacity .55s ease,transform .55s ease}
.gumee-scope .ed .disc .d1{animation:spin 44s linear infinite}
.gumee-scope .ed .disc .d2{opacity:0;transform:scale(1.06)}
.gumee-scope .ed .r:hover .disc{transform:scale(1.06)}
.gumee-scope .ed .r:hover .disc .d1{opacity:0}
.gumee-scope .ed .r:hover .disc .d2{opacity:1;transform:none}
@keyframes spin{to{transform:rotate(360deg)}}
.gumee-scope .ed h3,.gumee-scope .ed .nut,.gumee-scope .ed .tx{transition:transform .5s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .ed .r:hover h3{transform:translateX(4px)}
@media (prefers-reduced-motion:reduce){
 .gumee-scope .ed:before{transform:none}
 .gumee-scope .ed .r{opacity:1;transform:none;transition:none}
 .gumee-scope .ed .disc .d1{animation:none}
 .gumee-scope .ed .disc,.gumee-scope .ed h3{transition:none}
}

.gumee-scope /* packs */
.packs{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(9px,1.6vw,22px)}
.gumee-scope .bk{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;display:flex;flex-direction:column;
 cursor:pointer;transition:box-shadow .25s,transform .25s}
.gumee-scope .bk:hover{box-shadow:0 16px 38px rgba(0,0,0,.09);transform:translateY(-3px)}
.gumee-scope .bk .im{aspect-ratio:1;background:#fff center/cover}
.gumee-scope .bk .bd{padding:clamp(11px,1.4vw,20px) clamp(11px,1.5vw,22px) clamp(13px,1.5vw,22px);display:flex;flex-direction:column;flex:1}
.gumee-scope .bk h4{font-size:clamp(12.5px,1.35vw,18px);letter-spacing:-.005em}
.gumee-scope .bk p{margin-top:6px;font-size:clamp(10.5px,1vw,13.5px);color:var(--soft);line-height:1.38;flex:1}
.gumee-scope .bk .pr{margin-top:12px;display:flex;align-items:baseline;justify-content:space-between;gap:6px;flex-wrap:wrap}
.gumee-scope .bk .pr b{font-size:clamp(12px,1.2vw,16.5px);font-weight:600}
.gumee-scope .bk .pr .shop{font-size:clamp(10.5px,1vw,14px);font-weight:500}

.gumee-scope /* faq */
.faq{border-top:1px solid var(--line);margin-top:22px}
.gumee-scope .faq details{border-bottom:1px solid var(--line)}
.gumee-scope .faq summary{padding:16px 0;font-size:14px;font-weight:400;line-height:1.3;cursor:pointer;list-style:none;
 display:flex;justify-content:space-between;align-items:center;gap:18px}
.gumee-scope .faq summary::-webkit-details-marker{display:none}
.gumee-scope .faq summary::after{content:"";width:8px;height:8px;flex:none;border-right:1.4px solid var(--ink);border-bottom:1.4px solid var(--ink);
 transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s}
.gumee-scope .faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.gumee-scope .faq p{padding:0 0 18px;font-size:14px;color:var(--ink);max-width:66ch;line-height:1.3}

.gumee-scope footer{border-top:1px solid var(--line);padding:60px 0 42px}
.gumee-scope .fg{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:clamp(22px,4vw,56px)}
@media(max-width:860px){.gumee-scope .fg{grid-template-columns:1fr 1fr}.gumee-scope .fg>div:first-child{grid-column:1/-1}}
.gumee-scope footer h5{margin:0 0 13px;font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--ink)}
.gumee-scope footer li{list-style:none;font-size:14px;line-height:1.3;color:var(--ink);padding:5px 0}
.gumee-scope footer ul{margin:0;padding:0}
.gumee-scope .sub{margin-top:14px;display:flex;gap:8px;max-width:330px}
.gumee-scope .sub input{flex:1;border:1px solid var(--line);border-radius:3px;padding:11px 13px;font:inherit;font-size:14px}
.gumee-scope .sub button{border:0;border-radius:3px;background:var(--ink);color:#fff;font:inherit;font-size:13px;font-weight:600;padding:0 18px;cursor:pointer}
.gumee-scope .legal{margin-top:38px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;color:var(--faint);
 display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}

.gumee-scope /* selling blocks */
.sizes{display:grid;gap:9px;margin-top:10px}
.gumee-scope .szo{display:grid;grid-template-columns:22px 1fr auto;gap:12px;align-items:center;
 border:1px solid var(--line);border-radius:12px;padding:13px 15px;cursor:pointer;transition:border-color .2s,background .2s}
.gumee-scope .szo:hover{border-color:#C9C9D0}
.gumee-scope .szo.on{border-color:var(--ink);background:#FCFCFD}
.gumee-scope .szo .dot{width:16px;height:16px;border-radius:50%;border:1.5px solid #C9C9D0;position:relative}
.gumee-scope .szo.on .dot{border-color:var(--ink)}
.gumee-scope .szo.on .dot:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--ink)}
.gumee-scope .szo b{display:block;font-size:14px;font-weight:500}
.gumee-scope .szo em{font-style:normal;display:block;margin-top:2px;font-size:12.5px;color:var(--soft)}
.gumee-scope .szo .rt{text-align:right}
.gumee-scope .szo .rt b{font-size:15px;font-weight:600}
.gumee-scope .szo .rt s{font-size:12.5px;color:var(--faint)}
.gumee-scope .szo .tag{display:inline-block;margin-left:8px;background:var(--acc);color:var(--accd);border-radius:999px;
 padding:2px 9px;font-size:10.5px;font-weight:600;vertical-align:middle}
.gumee-scope .perday{margin-top:6px;font-size:13px;color:var(--soft)}
.gumee-scope .trust{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin-top:16px;
 border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0}
.gumee-scope .trust div{font-size:12.5px;color:var(--soft);display:flex;gap:8px;align-items:flex-start;line-height:1.35}
.gumee-scope .trust i{font-style:normal;color:var(--ink)}
.gumee-scope .tonight{padding-top:clamp(46px,6vw,78px)}
.gumee-scope .tonight h2{font-size:clamp(22px,2.4vw,32px);font-weight:700;letter-spacing:-.015em;text-transform:lowercase}
.gumee-scope .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2.4vw,34px);margin-top:26px;
 border-top:1px solid var(--ink);padding-top:8px}
.gumee-scope .steps div{padding:20px 0}
.gumee-scope .steps b{display:block;font-size:12px;letter-spacing:.11em;text-transform:uppercase;color:var(--faint);font-weight:600}
.gumee-scope .steps h4{margin:9px 0 0;font-size:clamp(15px,1.5vw,20px);font-weight:600;letter-spacing:-.01em}
.gumee-scope .steps p{margin:6px 0 0;font-size:13.5px;color:var(--soft);line-height:1.5}
.gumee-scope .panel{padding-top:clamp(46px,6vw,78px)}
.gumee-scope .panel h2{font-size:clamp(22px,2.4vw,32px);font-weight:700;letter-spacing:-.015em;text-transform:lowercase}
.gumee-scope .ptab{margin-top:22px;border-top:1px solid var(--ink);max-width:640px}
.gumee-scope .ptab .r{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}
.gumee-scope .ptab .r span{color:var(--soft)}
.gumee-scope .note{margin-top:12px;font-size:12.5px;color:var(--faint);max-width:640px}
.gumee-scope .stick{position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fff;border-top:1px solid var(--line);
 padding:11px 20px;display:none;gap:12px;align-items:center;box-shadow:0 -6px 22px rgba(0,0,0,.06)}
.gumee-scope .stick b{font-size:14px;font-weight:500;flex:1}
.gumee-scope .stick .cta{height:42px;min-width:0;flex:0 0 46%}
@media(max-width:900px){.gumee-scope .steps{grid-template-columns:1fr}.gumee-scope .stick{display:flex}
 .gumee-scope{padding-bottom:66px}.gumee-scope .trust{grid-template-columns:1fr}}

.gumee-scope /* rating + reviews */
.rate{display:flex;align-items:center;gap:9px;margin-top:11px;font-size:13px;cursor:pointer}
.gumee-scope .stars{position:relative;display:inline-block;line-height:1;flex:none}
.gumee-scope .stars .bg,.gumee-scope .stars .fg{display:flex;gap:2px}
.gumee-scope .stars .fg{position:absolute;inset:0;overflow:hidden;white-space:nowrap}
.gumee-scope .stars svg{width:15px;height:15px;flex:none}
.gumee-scope .rate b{font-weight:600}
.gumee-scope .rate span{color:var(--soft);text-decoration:underline;text-underline-offset:2px}
.gumee-scope .revs{padding-top:clamp(56px,7vw,96px)}
.gumee-scope .revs h2{font-size:clamp(22px,2.4vw,32px);font-weight:700;letter-spacing:-.015em;text-transform:lowercase}
.gumee-scope .revtop{display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,4vw,56px);align-items:center;
 margin-top:24px;border-top:1px solid var(--ink);padding-top:clamp(20px,2.6vw,32px)}
.gumee-scope .revtop .big{font-size:clamp(44px,5vw,68px);font-weight:600;letter-spacing:-.03em;line-height:1}
.gumee-scope .revtop .un{margin-top:8px;font-size:13px;color:var(--soft)}
.gumee-scope .revtop .stars svg{width:19px;height:19px}
.gumee-scope .revgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.6vw,22px);margin-top:clamp(22px,2.6vw,34px)}
.gumee-scope .rc{border:1px solid var(--line);border-radius:12px;padding:18px 20px 20px;display:flex;flex-direction:column}
.gumee-scope .rc .stars svg{width:13px;height:13px}
.gumee-scope .rc h5{margin:10px 0 0;font-size:14px;font-weight:600}
.gumee-scope .rc p{margin:7px 0 0;font-size:13.5px;color:var(--soft);line-height:1.5;flex:1}
.gumee-scope .rc .who{margin-top:14px;font-size:12.5px;color:var(--faint)}
.gumee-scope .rc .ph{margin-top:12px;aspect-ratio:4/3;border-radius:9px;background:#F4F4F7 center/cover}
.gumee-scope .revempty{margin-top:22px;border:1px dashed var(--line);border-radius:12px;padding:26px 24px;
 font-size:13.5px;color:var(--faint);text-align:center}
@media(max-width:860px){.gumee-scope .revgrid{grid-template-columns:1fr}.gumee-scope .revtop{grid-template-columns:1fr;gap:14px}}

.gumee-scope .gal .main{cursor:grab;touch-action:pan-y}
.gumee-scope .gal .main:active{cursor:grabbing}
.gumee-scope .dots{display:none}
@media(max-width:900px){
 .gumee-scope .dots{display:flex;gap:6px;justify-content:center;margin-top:10px}
 .gumee-scope .dots i{width:6px;height:6px;border-radius:50%;background:#D5D5DC;display:block}
}

.gumee-scope .steps .ph{aspect-ratio:4/3;border-radius:10px;background:#fff center/cover;margin-bottom:16px;
 border:1px solid var(--line)}


.gumee-scope .revtabs{display:flex;gap:26px;margin-top:clamp(18px,2.2vw,26px);border-bottom:1px solid var(--line)}
.gumee-scope .revtabs button{border:0;background:none;font:inherit;font-size:13.5px;font-weight:500;color:var(--faint);
 padding:0 0 12px;cursor:pointer;position:relative;transition:color .25s}
.gumee-scope .revtabs button:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ink);
 transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .revtabs button.on{color:var(--ink);font-weight:600}
.gumee-scope .revtabs button.on:after{transform:scaleX(1)}
.gumee-scope .revlist{border-top:0}
.gumee-scope .rvw{display:grid;grid-template-columns:190px 1fr;gap:clamp(16px,3vw,40px);
 padding:clamp(20px,2.4vw,28px) 0;border-bottom:1px solid var(--line);align-items:start}
.gumee-scope .rvw[hidden]{display:none}
.gumee-scope .rvw .who b{display:block;margin-top:9px;font-size:14.5px;font-weight:600;letter-spacing:-.005em}
.gumee-scope .rvw .vf{display:block;margin-top:4px;font-size:12px;color:var(--faint)}
.gumee-scope .rvw p{margin:0;font-size:15.5px;line-height:1.55}
.gumee-scope .rvw .rpix{margin-top:14px;width:clamp(104px,11vw,132px);aspect-ratio:4/5;border-radius:10px;
 background:var(--pale) center/cover;transition:transform .5s cubic-bezier(.22,.61,.36,1),box-shadow .35s}
.gumee-scope .rvw .rpix:hover{transform:scale(1.035);box-shadow:0 14px 34px rgba(0,0,0,.14)}
.gumee-scope .stars.sm svg{width:14px;height:14px}
.gumee-scope .revnone{padding:30px 0;font-size:14px;color:var(--faint)}
.gumee-scope .revmore{margin-top:clamp(18px,2.2vw,26px);border:1px solid var(--line);background:#fff;color:var(--ink);
 border-radius:3px;font:inherit;font-size:13px;font-weight:600;padding:13px 26px;cursor:pointer;
 transition:background .25s,border-color .25s,transform .16s}
.gumee-scope .revmore[hidden]{display:none}
.gumee-scope .revmore:hover{background:var(--pale);border-color:var(--n2)}
.gumee-scope .revmore:active{transform:scale(.985)}
@media(max-width:760px){.gumee-scope .rvw{grid-template-columns:1fr;gap:8px}.gumee-scope .rvw .who b{margin-top:7px}}

.gumee-scope .topnav{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line);
 display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:20px 34px;gap:20px;color:var(--ink)}
.gumee-scope .topnav .l,.gumee-scope .topnav .r{display:flex;gap:clamp(12px,1.6vw,24px);align-items:center;font-size:14px}
.gumee-scope .topnav .r{justify-content:flex-end}.gumee-scope .topnav .c{display:flex;justify-content:center}
.gumee-scope .topnav span{cursor:pointer}.gumee-scope .topnav .l span:hover,.gumee-scope .topnav .r span:hover{opacity:.55}
@media(max-width:980px){
 .gumee-scope .topnav{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;
  gap:18px;padding:13px 18px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .gumee-scope .topnav::-webkit-scrollbar{display:none}
 .gumee-scope .topnav .l,.gumee-scope .topnav .r{display:contents}
 .gumee-scope .topnav .c{order:-1;flex:none;margin-right:4px}
 .gumee-scope .topnav .l span,.gumee-scope .topnav .r span{flex:none;white-space:nowrap;font-size:13.5px}
}

.gumee-scope .crumb{font-size:13px;color:var(--soft);padding:clamp(18px,2.4vw,30px) 0 0}
.gumee-scope .crumb span{cursor:pointer}.gumee-scope .crumb span:hover{color:var(--ink)}
.gumee-scope .pdp{display:grid;grid-template-columns:1.08fr 1fr;gap:clamp(26px,4vw,64px);align-items:start;
 padding-top:clamp(16px,2vw,26px)}
.gumee-scope .gal{position:sticky;top:96px}
.gumee-scope .gal .main{position:relative;aspect-ratio:1;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.gumee-scope .gal .main div{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .45s ease}
.gumee-scope .gal .main div.on{opacity:1}
.gumee-scope .gal .thumbs{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px;margin-top:10px}
.gumee-scope .gal .thumbs button{padding:0;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fff;
 aspect-ratio:1;cursor:pointer;background-size:cover;background-position:center;transition:border-color .2s}
.gumee-scope .gal .thumbs button.on{border-color:var(--ink)}

.gumee-scope .info h1{margin:0;font-size:clamp(28px,3.4vw,44px);font-weight:700;letter-spacing:-.015em;line-height:1.05}
.gumee-scope .info .sub{margin-top:7px;font-size:14px;color:var(--soft)}
.gumee-scope .info .price{margin-top:clamp(14px,1.6vw,20px);font-size:clamp(20px,2vw,26px);font-weight:600}
.gumee-scope .info .vat{margin-top:4px;font-size:12.5px;color:var(--faint)}
.gumee-scope .opt{margin-top:clamp(18px,2.2vw,26px)}
.gumee-scope .opt h5{margin:0 0 9px;font-size:13px;font-weight:500;color:var(--soft)}
.gumee-scope .pill{display:inline-flex;align-items:center;border:1px solid var(--ink);border-radius:999px;
 padding:9px 18px;font-size:13.5px;cursor:pointer}
.gumee-scope .buy{display:flex;gap:10px;align-items:stretch;margin-top:clamp(16px,2vw,22px);flex-wrap:wrap}
.gumee-scope .qty{display:flex;align-items:center;border:1px solid var(--line);border-radius:999px;overflow:hidden}
.gumee-scope .qty button{width:42px;height:46px;border:0;background:none;font-size:17px;cursor:pointer;color:var(--ink)}
.gumee-scope .qty span{min-width:30px;text-align:center;font-size:14px}
.gumee-scope .cta{flex:1;min-width:190px;height:46px;border:0;border-radius:999px;background:var(--ink);color:#fff;
 font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .2s}
.gumee-scope .cta:hover{opacity:.85}
.gumee-scope .pay{margin-top:9px;font-size:13px;color:var(--soft);text-align:center;cursor:pointer;text-decoration:underline}
.gumee-scope .lede{margin-top:clamp(20px,2.4vw,28px);font-size:15px;line-height:1.55;color:var(--soft)}
.gumee-scope .lede b{color:var(--ink);font-weight:500}
.gumee-scope .acc{margin-top:clamp(20px,2.4vw,28px);border-top:1px solid var(--line)}
.gumee-scope .acc details{border-bottom:1px solid var(--line)}
.gumee-scope .acc summary{padding:16px 0;font-size:14px;line-height:1.3;cursor:pointer;list-style:none;
 display:flex;justify-content:space-between;align-items:center;gap:18px}
.gumee-scope .acc summary::-webkit-details-marker{display:none}
.gumee-scope .acc summary::after{content:"";width:8px;height:8px;flex:none;border-right:1.4px solid var(--ink);
 border-bottom:1.4px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s}
.gumee-scope .acc details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.gumee-scope .acc p{margin:0;padding:0 0 18px;font-size:14px;line-height:1.5;color:var(--soft);max-width:60ch}
.gumee-scope .badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(18px,2.2vw,24px)}
.gumee-scope .badges span{border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:12px;color:var(--soft)}

.gumee-scope .also{padding-top:clamp(56px,7vw,96px)}
.gumee-scope .also h2{font-size:clamp(22px,2.4vw,32px);font-weight:700;letter-spacing:-.015em;text-transform:lowercase}
.gumee-scope .arow{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.5vw,22px);margin-top:22px}
.gumee-scope .ac{border:1px solid var(--line);border-radius:12px;overflow:hidden;cursor:pointer;
 transition:box-shadow .25s,transform .25s}
.gumee-scope .ac:hover{box-shadow:0 14px 34px rgba(0,0,0,.08);transform:translateY(-3px)}
.gumee-scope .ac .im{aspect-ratio:1;background:#fff center/cover}
.gumee-scope .ac .bd{padding:12px 14px 16px}
.gumee-scope .ac h4{margin:0;font-size:clamp(11.5px,1.05vw,14px);font-weight:400;line-height:1.3}
.gumee-scope .ac .p{margin-top:3px;font-size:clamp(11.5px,1.05vw,14px)}
@media(max-width:900px){.gumee-scope .pdp{grid-template-columns:1fr}.gumee-scope .gal{position:static}
 .gumee-scope .arow{grid-template-columns:repeat(3,1fr)}}

.gumee-scope /* ---------- gumee motion layer ---------- */
@media (prefers-reduced-motion:no-preference){
  .rv{opacity:0;transform:translateY(22px);
      transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1)}
  .rv.in{opacity:1;transform:none}
  .rvm{opacity:0;clip-path:inset(15% 0 15% 0);
      transition:clip-path 1.2s cubic-bezier(.22,.61,.36,1),opacity .9s ease}
  .rvm.in{opacity:1;clip-path:inset(0 0 0 0)}
}
.gumee-scope /* press + hover feel */
.btn,.gumee-scope .cta,.gumee-scope .sub button,.gumee-scope .qty button{transition:transform .16s cubic-bezier(.22,.61,.36,1),box-shadow .28s,opacity .2s}
.gumee-scope .btn:active,.gumee-scope .cta:active,.gumee-scope .sub button:active,.gumee-scope .qty button:active{transform:scale(.972)}
.gumee-scope .btn:hover,.gumee-scope .cta:hover{box-shadow:0 8px 22px rgba(0,0,0,.14)}
.gumee-scope /* card imagery breathes on hover */
.pc .im div{transition:opacity .45s ease,transform .8s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .pc:hover .im div{transform:scale(1.045)}
.gumee-scope .bk .im{transition:transform .8s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .bk:hover .im{transform:scale(1.04)}
.gumee-scope .pc,.gumee-scope .bk{transition:box-shadow .35s cubic-bezier(.22,.61,.36,1),transform .35s cubic-bezier(.22,.61,.36,1)}
.gumee-scope /* size options and faq rows */
.szo{transition:background .25s,border-color .25s,transform .18s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .szo:active{transform:scale(.994)}
.gumee-scope .faq summary{transition:opacity .2s}
.gumee-scope .faq summary:hover{opacity:.6}
.gumee-scope /* nav condenses once you start scrolling */
.topnav{transition:padding .38s cubic-bezier(.22,.61,.36,1),box-shadow .38s}
.gumee-scope .topnav.shrunk{padding-top:11px;padding-bottom:11px;box-shadow:0 1px 0 rgba(0,0,0,.05),0 12px 30px rgba(0,0,0,.05)}
.gumee-scope .topnav .l span,.gumee-scope .topnav .r span{transition:opacity .2s}

/* ================= pack-beauty.html ================= */
.gumee-scope{--acc:var(--c1);--accd:var(--c3)}
.gumee-scope{--ink:#151515;--soft:#5C5F67;--faint:#8E9198;--line:#E9E9ED;--hair:#F3F3F6;--n2:#E4E4E9;--pale:#F4F4F6;
 --s1:#B9BDE1;--s2:#6069BE;--s3:#2B3373;--c1:#EDB6BC;--c2:#B4747B;--c3:#732B34;--h1c:#DDC2D8;--h2c:#BF88B5;--h3c:#6B2871;
 --h:clamp(28px,3.8vw,50px);--p:15px;--gap:13px}
.gumee-scope,.gumee-scope *{box-sizing:border-box}
.gumee-scope{scroll-behavior:smooth}
.gumee-scope{margin:0;background:#fff;color:var(--ink);font-family:Poppins,-apple-system,Helvetica,Arial,sans-serif;
 font-size:15.5px;line-height:1.42;-webkit-font-smoothing:antialiased}
.gumee-scope h1,.gumee-scope h2,.gumee-scope h3,.gumee-scope h4{margin:0;font-weight:700;letter-spacing:-.015em;line-height:1.04;text-wrap:balance}
.gumee-scope p{margin:0}
.gumee-scope img{display:block;max-width:100%}
.gumee-scope a{color:inherit;text-decoration:none}
.gumee-scope .w{max-width:1240px;margin:0 auto;padding:0 30px}
.gumee-scope{--stage:1720px}
.gumee-scope /* full-bleed media never exceeds the stage,.gumee-scope so ultrawide keeps the real ratio */
.stage{width:min(100%,var(--stage));margin:0 auto}
.gumee-scope .tn{font-variant-numeric:tabular-nums}
.gumee-scope .lower{text-transform:lowercase}
.gumee-scope .dot{width:7px;height:7px;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:7px}
.gumee-scope .logo{display:inline-block;-webkit-mask:var(--gm-img-1) center/contain no-repeat;mask:var(--gm-img-1) center/contain no-repeat;background-color:currentColor}
.gumee-scope .btn{display:inline-block;font-size:12.5px;font-weight:600;padding:12px 26px;border-radius:3px;background:var(--ink);color:#fff;cursor:pointer;border:0}
.gumee-scope .btn.o{background:#fff;color:var(--ink);border:1px solid var(--line)}

.gumee-scope /* ribbon */
.mq{display:flex;overflow:hidden;padding:11px 0;background:var(--n2);color:var(--ink)}
.gumee-scope .mq .tr{display:flex;flex:none;min-width:100%;justify-content:space-around;align-items:center;
 white-space:nowrap;animation:sc 34s linear infinite}
.gumee-scope .mq i{font-style:normal;padding:0 22px;font-size:11.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}
@keyframes sc{to{transform:translateX(-100%)}}
@media (prefers-reduced-motion:reduce){.gumee-scope .mq .tr{animation:none}}

.gumee-scope /* nav over hero */
.hero{position:relative;width:100%;height:min(56.25vw,92vh);min-height:0;display:flex;flex-direction:column;background:#0f1116;overflow:hidden}
.gumee-scope .slide{position:absolute;inset:0;opacity:0;pointer-events:none;
 transition:opacity 1.25s cubic-bezier(.4,0,.2,1)}
.gumee-scope .slide.on{opacity:1;pointer-events:auto}
.gumee-scope .slide .bg{position:absolute;inset:0;background-size:cover;background-position:center 50%;
 transform:scale(1.07);transition:transform 7.5s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .slide.on .bg{transform:scale(1)}
.gumee-scope .slide .vl{position:absolute;inset:0}
.gumee-scope .slide .ht>*{opacity:0;transform:translateY(14px);
 transition:opacity .85s cubic-bezier(.22,.61,.36,1),transform .85s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .slide.on .ht>*{opacity:1;transform:none}
.gumee-scope .slide.on .ht h1{transition-delay:.22s}
.gumee-scope .slide.on .ht p{transition-delay:.34s}
.gumee-scope .slide.on .ht .cta{transition-delay:.46s}
@media (prefers-reduced-motion:reduce){.gumee-scope .slide,.gumee-scope .slide .bg,.gumee-scope .slide .ht>*{transition:none}}
.gumee-scope .nv{position:absolute;left:0;right:0;top:0;z-index:6;transition:color .9s cubic-bezier(.4,0,.2,1);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:24px 34px;gap:20px}
.gumee-scope .nv .l,.gumee-scope .nv .r{display:flex;gap:22px;font-size:12.5px;font-weight:500}
.gumee-scope .nv .r{justify-content:flex-end}
.gumee-scope .nv .c{display:flex;justify-content:center}
.gumee-scope .nv .c .logo{width:100px;height:22px}
@media(max-width:980px){.gumee-scope .nv{grid-template-columns:1fr;justify-items:center;gap:11px}.gumee-scope .nv .l,.gumee-scope .nv .r{flex-wrap:wrap;justify-content:center}}
.gumee-scope .hin{position:absolute;inset:0;z-index:4;display:flex;align-items:center;padding:96px 34px 60px}
.gumee-scope .hin.right{justify-content:flex-end}.gumee-scope .hin.left{justify-content:flex-start}
.gumee-scope .ht{max-width:400px;display:flex;flex-direction:column}
.gumee-scope .right .ht{text-align:right;align-items:flex-end}.gumee-scope .left .ht{text-align:left;align-items:flex-start}
.gumee-scope .ht h1{font-size:var(--h);text-transform:lowercase}
.gumee-scope .ht p{margin-top:var(--gap);font-size:var(--p);max-width:34ch;line-height:1.45}
.gumee-scope .ht .cta{margin-top:calc(var(--gap) + 8px);font-size:12.5px;font-weight:600;padding:12px 28px;border-radius:100px}



.gumee-scope /* ---------- phone: taller crop,.gumee-scope text overlaid like desktop ---------- */
@media(max-width:760px){
  .hero{height:min(122vw,74vh);min-height:0}
  .nv{padding:18px 20px;grid-template-columns:1fr;justify-items:center;gap:0}
  .nv .l,.nv .r{display:none}
  .nv .c .logo{width:92px;height:20px}
  .slide .bg{background-size:cover;background-position:center 50%}
  .slide:nth-child(2) .bg{background-position:64% 50%}
  .slide:nth-child(3) .bg{background-position:36% 50%}
  .slide:nth-child(1) .vl{background:linear-gradient(180deg,rgba(0,0,0,.30) 0%,rgba(0,0,0,0) 34%,rgba(0,0,0,.62) 100%)!important}
  .slide:nth-child(2) .vl{background:linear-gradient(180deg,rgba(0,0,0,.28) 0%,rgba(0,0,0,0) 34%,rgba(0,0,0,.64) 100%)!important}
  .slide:nth-child(3) .vl{background:linear-gradient(180deg,rgba(255,255,255,.30) 0%,rgba(255,255,255,0) 30%,rgba(255,255,255,.80) 100%)!important}
  .hin{align-items:flex-end;justify-content:flex-start!important;padding:0 22px 34px}
  .ht{max-width:none;text-align:left!important;align-items:flex-start!important}
  .ht h1{font-size:clamp(28px,8.4vw,38px)}
  .ht p{font-size:14.5px;max-width:32ch;margin-top:10px}
  .ht .cta{margin-top:16px}
}


.gumee-scope /* why gumee — hull line,.gumee-scope Chris's boat clip */
.whyband{position:relative;width:100%;height:min(56.25vw,88vh);overflow:hidden;background:#0d1a24}
.gumee-scope .whyband .bandimg,.gumee-scope .whyband video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gumee-scope .whyband .bandimg{background-size:cover;background-position:52% 55%}
.gumee-scope .whyband .bandveil{position:absolute;inset:0;z-index:2;
 background:linear-gradient(100deg,rgba(6,16,26,.62) 0%,rgba(6,16,26,.30) 26%,rgba(6,16,26,.06) 46%,rgba(6,16,26,0) 60%)}
.gumee-scope .whyband .bandin{position:absolute;z-index:3;left:clamp(24px,4.4vw,64px);top:50%;transform:translateY(-50%);max-width:35%}
.gumee-scope .whyband h2{color:#fff;font-size:clamp(30px,3.7vw,48px);text-shadow:0 1px 24px rgba(0,0,0,.34);}
.gumee-scope .wsides{margin-top:24px;border-left:1px solid rgba(255,255,255,.34);padding-left:20px}
.gumee-scope .wcol div{padding:11px 0}
.gumee-scope .wcol b{display:block;font-size:16.5px;font-weight:600;color:#fff;text-shadow:0 1px 14px rgba(0,0,0,.5)}
.gumee-scope .wcol span{display:block;margin-top:3px;font-size:14px;color:rgba(255,255,255,.85);line-height:1.42;
 text-shadow:0 1px 14px rgba(0,0,0,.5)}

@media(max-width:900px){
 .gumee-scope .whyband{height:min(128vw,80vh)}
 .gumee-scope .whyband .bandimg{background-position:58% 55%}
 .gumee-scope .whyband .bandveil{background:linear-gradient(180deg,rgba(6,16,26,.40) 0%,rgba(6,16,26,0) 28%,
   rgba(6,16,26,.20) 54%,rgba(6,16,26,.80) 100%)}
 .gumee-scope .whyband .bandin{left:22px;right:22px;top:auto;bottom:26px;transform:none;max-width:none}
 .gumee-scope .whyband h2{font-size:33px}
 .gumee-scope .wsides{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;margin-top:16px;
   border-left:0;padding-left:0;border-top:1px solid rgba(255,255,255,.3);padding-top:12px}
 .gumee-scope .wcol b{font-size:15.5px}
 .gumee-scope .wcol span{font-size:13px}
}

.gumee-scope section{padding:74px 0}
.gumee-scope .sh{margin-bottom:26px}
.gumee-scope .sh h2{font-size:clamp(26px,3.2vw,38px)}
.gumee-scope .sh p{margin-top:9px;color:var(--soft);max-width:54ch;font-size:15px}
.gumee-scope .sh.row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.gumee-scope .sh a.more{font-size:13.5px;color:var(--soft);border-bottom:1px solid var(--line);padding-bottom:2px}

.gumee-scope /* cards */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(9px,1.9vw,26px)}
.gumee-scope .pc{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;cursor:pointer;transition:box-shadow .25s,transform .25s}
.gumee-scope .pc:hover{box-shadow:0 16px 38px rgba(0,0,0,.10);transform:translateY(-3px)}
.gumee-scope .pc .im{position:relative;aspect-ratio:1;overflow:hidden}
.gumee-scope .pc .im div{position:absolute;inset:0;background-size:cover;background-position:center;transition:opacity .45s ease}
.gumee-scope .pc .im .b{opacity:0}
.gumee-scope .pc .im.flip .b{opacity:1}
.gumee-scope .pc:hover .im .b{opacity:1}
.gumee-scope .pc:hover .im.flip .b{opacity:1}
.gumee-scope .pc .bd{padding:clamp(11px,1.5vw,20px) clamp(11px,1.6vw,22px) clamp(13px,1.6vw,22px)}
.gumee-scope .pc h4{font-size:clamp(13.5px,1.55vw,20px);letter-spacing:-.005em}
.gumee-scope .pc .d{margin-top:5px;font-size:clamp(11px,1.05vw,14px);color:var(--soft);min-height:2.8em;line-height:1.35}
.gumee-scope .pc .r{margin-top:10px;display:flex;justify-content:space-between;align-items:baseline;gap:6px;flex-wrap:wrap}
.gumee-scope .pc .r b{font-size:clamp(12.5px,1.25vw,16.5px);font-weight:600}
.gumee-scope .pc .r .shop{font-size:clamp(11px,1.05vw,14px);font-weight:500}

.gumee-scope /* why */
.why{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden}
@media(max-width:820px){.gumee-scope .why{grid-template-columns:repeat(2,1fr)}}
.gumee-scope .why div{background:#fff;padding:26px 22px}
.gumee-scope .why b{display:block;font-size:15.5px;font-weight:600}
.gumee-scope .why span{display:block;margin-top:5px;font-size:13px;color:var(--soft);line-height:1.42}

.gumee-scope /* nutrients */
.split{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
@media(max-width:900px){.gumee-scope .split{grid-template-columns:1fr}}
.gumee-scope .split .ph{aspect-ratio:4/5;border-radius:8px;background-size:cover;background-position:center}
.gumee-scope .ed{margin-top:clamp(24px,3vw,40px)}
.gumee-scope .ed .r{display:grid;grid-template-columns:clamp(58px,6vw,104px) 1fr;
 gap:clamp(13px,1.5vw,22px) clamp(16px,1.8vw,28px);align-items:center;
 padding:clamp(20px,2.6vw,38px) 0;border-bottom:1px solid var(--line)}
.gumee-scope .ed .disc{width:100%;aspect-ratio:1;border-radius:50%;background-size:cover;background-position:center}
.gumee-scope .ed h3{margin:0;font-size:clamp(19px,2vw,32px);font-weight:700;letter-spacing:-.015em;line-height:1.06}
.gumee-scope .ed .nut{margin-top:clamp(4px,.5vw,8px);font-size:clamp(11px,.95vw,14px);letter-spacing:.11em;
 text-transform:uppercase;color:var(--faint);font-weight:600}
.gumee-scope .ed .tx{grid-column:1/-1;margin:0;font-size:clamp(13.5px,1.25vw,19px);color:var(--soft);line-height:1.5}

.gumee-scope /* nutrients motion */
.ed{--rule:0}
.gumee-scope .ed:before{content:"";display:block;height:1px;background:var(--ink);transform-origin:left;
 transform:scaleX(var(--rule));transition:transform 1.05s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .ed.go{--rule:1}
.gumee-scope .ed .r{opacity:0;transform:translateY(16px);
 transition:opacity .72s cubic-bezier(.22,.61,.36,1),transform .72s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .ed.go .r{opacity:1;transform:none}
.gumee-scope .ed.go .r:nth-child(1){transition-delay:.16s}
.gumee-scope .ed.go .r:nth-child(2){transition-delay:.30s}
.gumee-scope .ed.go .r:nth-child(3){transition-delay:.44s}
.gumee-scope .ed .disc{position:relative;overflow:hidden;transition:transform .5s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .ed .disc span{position:absolute;inset:0;background-size:cover;background-position:center;
 transition:opacity .55s ease,transform .55s ease}
.gumee-scope .ed .disc .d1{animation:spin 44s linear infinite}
.gumee-scope .ed .disc .d2{opacity:0;transform:scale(1.06)}
.gumee-scope .ed .r:hover .disc{transform:scale(1.06)}
.gumee-scope .ed .r:hover .disc .d1{opacity:0}
.gumee-scope .ed .r:hover .disc .d2{opacity:1;transform:none}
@keyframes spin{to{transform:rotate(360deg)}}
.gumee-scope .ed h3,.gumee-scope .ed .nut,.gumee-scope .ed .tx{transition:transform .5s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .ed .r:hover h3{transform:translateX(4px)}
@media (prefers-reduced-motion:reduce){
 .gumee-scope .ed:before{transform:none}
 .gumee-scope .ed .r{opacity:1;transform:none;transition:none}
 .gumee-scope .ed .disc .d1{animation:none}
 .gumee-scope .ed .disc,.gumee-scope .ed h3{transition:none}
}

.gumee-scope /* packs */
.packs{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(9px,1.6vw,22px)}
.gumee-scope .bk{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;display:flex;flex-direction:column;
 cursor:pointer;transition:box-shadow .25s,transform .25s}
.gumee-scope .bk:hover{box-shadow:0 16px 38px rgba(0,0,0,.09);transform:translateY(-3px)}
.gumee-scope .bk .im{aspect-ratio:1;background:#fff center/cover}
.gumee-scope .bk .bd{padding:clamp(11px,1.4vw,20px) clamp(11px,1.5vw,22px) clamp(13px,1.5vw,22px);display:flex;flex-direction:column;flex:1}
.gumee-scope .bk h4{font-size:clamp(12.5px,1.35vw,18px);letter-spacing:-.005em}
.gumee-scope .bk p{margin-top:6px;font-size:clamp(10.5px,1vw,13.5px);color:var(--soft);line-height:1.38;flex:1}
.gumee-scope .bk .pr{margin-top:12px;display:flex;align-items:baseline;justify-content:space-between;gap:6px;flex-wrap:wrap}
.gumee-scope .bk .pr b{font-size:clamp(12px,1.2vw,16.5px);font-weight:600}
.gumee-scope .bk .pr .shop{font-size:clamp(10.5px,1vw,14px);font-weight:500}

.gumee-scope /* faq */
.faq{border-top:1px solid var(--line);margin-top:22px}
.gumee-scope .faq details{border-bottom:1px solid var(--line)}
.gumee-scope .faq summary{padding:16px 0;font-size:14px;font-weight:400;line-height:1.3;cursor:pointer;list-style:none;
 display:flex;justify-content:space-between;align-items:center;gap:18px}
.gumee-scope .faq summary::-webkit-details-marker{display:none}
.gumee-scope .faq summary::after{content:"";width:8px;height:8px;flex:none;border-right:1.4px solid var(--ink);border-bottom:1.4px solid var(--ink);
 transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s}
.gumee-scope .faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.gumee-scope .faq p{padding:0 0 18px;font-size:14px;color:var(--ink);max-width:66ch;line-height:1.3}

.gumee-scope footer{border-top:1px solid var(--line);padding:60px 0 42px}
.gumee-scope .fg{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:clamp(22px,4vw,56px)}
@media(max-width:860px){.gumee-scope .fg{grid-template-columns:1fr 1fr}.gumee-scope .fg>div:first-child{grid-column:1/-1}}
.gumee-scope footer h5{margin:0 0 13px;font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--ink)}
.gumee-scope footer li{list-style:none;font-size:14px;line-height:1.3;color:var(--ink);padding:5px 0}
.gumee-scope footer ul{margin:0;padding:0}
.gumee-scope .sub{margin-top:14px;display:flex;gap:8px;max-width:330px}
.gumee-scope .sub input{flex:1;border:1px solid var(--line);border-radius:3px;padding:11px 13px;font:inherit;font-size:14px}
.gumee-scope .sub button{border:0;border-radius:3px;background:var(--ink);color:#fff;font:inherit;font-size:13px;font-weight:600;padding:0 18px;cursor:pointer}
.gumee-scope .legal{margin-top:38px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;color:var(--faint);
 display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}

.gumee-scope /* selling blocks */
.sizes{display:grid;gap:9px;margin-top:10px}
.gumee-scope .szo{display:grid;grid-template-columns:22px 1fr auto;gap:12px;align-items:center;
 border:1px solid var(--line);border-radius:12px;padding:13px 15px;cursor:pointer;transition:border-color .2s,background .2s}
.gumee-scope .szo:hover{border-color:#C9C9D0}
.gumee-scope .szo.on{border-color:var(--ink);background:#FCFCFD}
.gumee-scope .szo .dot{width:16px;height:16px;border-radius:50%;border:1.5px solid #C9C9D0;position:relative}
.gumee-scope .szo.on .dot{border-color:var(--ink)}
.gumee-scope .szo.on .dot:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--ink)}
.gumee-scope .szo b{display:block;font-size:14px;font-weight:500}
.gumee-scope .szo em{font-style:normal;display:block;margin-top:2px;font-size:12.5px;color:var(--soft)}
.gumee-scope .szo .rt{text-align:right}
.gumee-scope .szo .rt b{font-size:15px;font-weight:600}
.gumee-scope .szo .rt s{font-size:12.5px;color:var(--faint)}
.gumee-scope .szo .tag{display:inline-block;margin-left:8px;background:var(--acc);color:var(--accd);border-radius:999px;
 padding:2px 9px;font-size:10.5px;font-weight:600;vertical-align:middle}
.gumee-scope .perday{margin-top:6px;font-size:13px;color:var(--soft)}
.gumee-scope .trust{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin-top:16px;
 border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0}
.gumee-scope .trust div{font-size:12.5px;color:var(--soft);display:flex;gap:8px;align-items:flex-start;line-height:1.35}
.gumee-scope .trust i{font-style:normal;color:var(--ink)}
.gumee-scope .tonight{padding-top:clamp(46px,6vw,78px)}
.gumee-scope .tonight h2{font-size:clamp(22px,2.4vw,32px);font-weight:700;letter-spacing:-.015em;text-transform:lowercase}
.gumee-scope .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2.4vw,34px);margin-top:26px;
 border-top:1px solid var(--ink);padding-top:8px}
.gumee-scope .steps div{padding:20px 0}
.gumee-scope .steps b{display:block;font-size:12px;letter-spacing:.11em;text-transform:uppercase;color:var(--faint);font-weight:600}
.gumee-scope .steps h4{margin:9px 0 0;font-size:clamp(15px,1.5vw,20px);font-weight:600;letter-spacing:-.01em}
.gumee-scope .steps p{margin:6px 0 0;font-size:13.5px;color:var(--soft);line-height:1.5}
.gumee-scope .panel{padding-top:clamp(46px,6vw,78px)}
.gumee-scope .panel h2{font-size:clamp(22px,2.4vw,32px);font-weight:700;letter-spacing:-.015em;text-transform:lowercase}
.gumee-scope .ptab{margin-top:22px;border-top:1px solid var(--ink);max-width:640px}
.gumee-scope .ptab .r{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}
.gumee-scope .ptab .r span{color:var(--soft)}
.gumee-scope .note{margin-top:12px;font-size:12.5px;color:var(--faint);max-width:640px}
.gumee-scope .stick{position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fff;border-top:1px solid var(--line);
 padding:11px 20px;display:none;gap:12px;align-items:center;box-shadow:0 -6px 22px rgba(0,0,0,.06)}
.gumee-scope .stick b{font-size:14px;font-weight:500;flex:1}
.gumee-scope .stick .cta{height:42px;min-width:0;flex:0 0 46%}
@media(max-width:900px){.gumee-scope .steps{grid-template-columns:1fr}.gumee-scope .stick{display:flex}
 .gumee-scope{padding-bottom:66px}.gumee-scope .trust{grid-template-columns:1fr}}

.gumee-scope /* rating + reviews */
.rate{display:flex;align-items:center;gap:9px;margin-top:11px;font-size:13px;cursor:pointer}
.gumee-scope .stars{position:relative;display:inline-block;line-height:1;flex:none}
.gumee-scope .stars .bg,.gumee-scope .stars .fg{display:flex;gap:2px}
.gumee-scope .stars .fg{position:absolute;inset:0;overflow:hidden;white-space:nowrap}
.gumee-scope .stars svg{width:15px;height:15px;flex:none}
.gumee-scope .rate b{font-weight:600}
.gumee-scope .rate span{color:var(--soft);text-decoration:underline;text-underline-offset:2px}
.gumee-scope .revs{padding-top:clamp(56px,7vw,96px)}
.gumee-scope .revs h2{font-size:clamp(22px,2.4vw,32px);font-weight:700;letter-spacing:-.015em;text-transform:lowercase}
.gumee-scope .revtop{display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,4vw,56px);align-items:center;
 margin-top:24px;border-top:1px solid var(--ink);padding-top:clamp(20px,2.6vw,32px)}
.gumee-scope .revtop .big{font-size:clamp(44px,5vw,68px);font-weight:600;letter-spacing:-.03em;line-height:1}
.gumee-scope .revtop .un{margin-top:8px;font-size:13px;color:var(--soft)}
.gumee-scope .revtop .stars svg{width:19px;height:19px}
.gumee-scope .revgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.6vw,22px);margin-top:clamp(22px,2.6vw,34px)}
.gumee-scope .rc{border:1px solid var(--line);border-radius:12px;padding:18px 20px 20px;display:flex;flex-direction:column}
.gumee-scope .rc .stars svg{width:13px;height:13px}
.gumee-scope .rc h5{margin:10px 0 0;font-size:14px;font-weight:600}
.gumee-scope .rc p{margin:7px 0 0;font-size:13.5px;color:var(--soft);line-height:1.5;flex:1}
.gumee-scope .rc .who{margin-top:14px;font-size:12.5px;color:var(--faint)}
.gumee-scope .rc .ph{margin-top:12px;aspect-ratio:4/3;border-radius:9px;background:#F4F4F7 center/cover}
.gumee-scope .revempty{margin-top:22px;border:1px dashed var(--line);border-radius:12px;padding:26px 24px;
 font-size:13.5px;color:var(--faint);text-align:center}
@media(max-width:860px){.gumee-scope .revgrid{grid-template-columns:1fr}.gumee-scope .revtop{grid-template-columns:1fr;gap:14px}}

.gumee-scope .gal .main{cursor:grab;touch-action:pan-y}
.gumee-scope .gal .main:active{cursor:grabbing}
.gumee-scope .dots{display:none}
@media(max-width:900px){
 .gumee-scope .dots{display:flex;gap:6px;justify-content:center;margin-top:10px}
 .gumee-scope .dots i{width:6px;height:6px;border-radius:50%;background:#D5D5DC;display:block}
}

.gumee-scope .steps .ph{aspect-ratio:4/3;border-radius:10px;background:#fff center/cover;margin-bottom:16px;
 border:1px solid var(--line)}


.gumee-scope .revtabs{display:flex;gap:26px;margin-top:clamp(18px,2.2vw,26px);border-bottom:1px solid var(--line)}
.gumee-scope .revtabs button{border:0;background:none;font:inherit;font-size:13.5px;font-weight:500;color:var(--faint);
 padding:0 0 12px;cursor:pointer;position:relative;transition:color .25s}
.gumee-scope .revtabs button:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ink);
 transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .revtabs button.on{color:var(--ink);font-weight:600}
.gumee-scope .revtabs button.on:after{transform:scaleX(1)}
.gumee-scope .revlist{border-top:0}
.gumee-scope .rvw{display:grid;grid-template-columns:190px 1fr;gap:clamp(16px,3vw,40px);
 padding:clamp(20px,2.4vw,28px) 0;border-bottom:1px solid var(--line);align-items:start}
.gumee-scope .rvw[hidden]{display:none}
.gumee-scope .rvw .who b{display:block;margin-top:9px;font-size:14.5px;font-weight:600;letter-spacing:-.005em}
.gumee-scope .rvw .vf{display:block;margin-top:4px;font-size:12px;color:var(--faint)}
.gumee-scope .rvw p{margin:0;font-size:15.5px;line-height:1.55}
.gumee-scope .rvw .rpix{margin-top:14px;width:clamp(104px,11vw,132px);aspect-ratio:4/5;border-radius:10px;
 background:var(--pale) center/cover;transition:transform .5s cubic-bezier(.22,.61,.36,1),box-shadow .35s}
.gumee-scope .rvw .rpix:hover{transform:scale(1.035);box-shadow:0 14px 34px rgba(0,0,0,.14)}
.gumee-scope .stars.sm svg{width:14px;height:14px}
.gumee-scope .revnone{padding:30px 0;font-size:14px;color:var(--faint)}
.gumee-scope .revmore{margin-top:clamp(18px,2.2vw,26px);border:1px solid var(--line);background:#fff;color:var(--ink);
 border-radius:3px;font:inherit;font-size:13px;font-weight:600;padding:13px 26px;cursor:pointer;
 transition:background .25s,border-color .25s,transform .16s}
.gumee-scope .revmore[hidden]{display:none}
.gumee-scope .revmore:hover{background:var(--pale);border-color:var(--n2)}
.gumee-scope .revmore:active{transform:scale(.985)}
@media(max-width:760px){.gumee-scope .rvw{grid-template-columns:1fr;gap:8px}.gumee-scope .rvw .who b{margin-top:7px}}

.gumee-scope .topnav{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line);
 display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:20px 34px;gap:20px;color:var(--ink)}
.gumee-scope .topnav .l,.gumee-scope .topnav .r{display:flex;gap:clamp(12px,1.6vw,24px);align-items:center;font-size:14px}
.gumee-scope .topnav .r{justify-content:flex-end}.gumee-scope .topnav .c{display:flex;justify-content:center}
.gumee-scope .topnav span{cursor:pointer}.gumee-scope .topnav .l span:hover,.gumee-scope .topnav .r span:hover{opacity:.55}
@media(max-width:980px){
 .gumee-scope .topnav{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;
  gap:18px;padding:13px 18px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .gumee-scope .topnav::-webkit-scrollbar{display:none}
 .gumee-scope .topnav .l,.gumee-scope .topnav .r{display:contents}
 .gumee-scope .topnav .c{order:-1;flex:none;margin-right:4px}
 .gumee-scope .topnav .l span,.gumee-scope .topnav .r span{flex:none;white-space:nowrap;font-size:13.5px}
}

.gumee-scope .crumb{font-size:13px;color:var(--soft);padding:clamp(18px,2.4vw,30px) 0 0}
.gumee-scope .crumb span{cursor:pointer}.gumee-scope .crumb span:hover{color:var(--ink)}
.gumee-scope .pdp{display:grid;grid-template-columns:1.08fr 1fr;gap:clamp(26px,4vw,64px);align-items:start;
 padding-top:clamp(16px,2vw,26px)}
.gumee-scope .gal{position:sticky;top:96px}
.gumee-scope .gal .main{position:relative;aspect-ratio:1;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.gumee-scope .gal .main div{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .45s ease}
.gumee-scope .gal .main div.on{opacity:1}
.gumee-scope .gal .thumbs{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px;margin-top:10px}
.gumee-scope .gal .thumbs button{padding:0;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fff;
 aspect-ratio:1;cursor:pointer;background-size:cover;background-position:center;transition:border-color .2s}
.gumee-scope .gal .thumbs button.on{border-color:var(--ink)}

.gumee-scope .info h1{margin:0;font-size:clamp(28px,3.4vw,44px);font-weight:700;letter-spacing:-.015em;line-height:1.05}
.gumee-scope .info .sub{margin-top:7px;font-size:14px;color:var(--soft)}
.gumee-scope .info .price{margin-top:clamp(14px,1.6vw,20px);font-size:clamp(20px,2vw,26px);font-weight:600}
.gumee-scope .info .vat{margin-top:4px;font-size:12.5px;color:var(--faint)}
.gumee-scope .opt{margin-top:clamp(18px,2.2vw,26px)}
.gumee-scope .opt h5{margin:0 0 9px;font-size:13px;font-weight:500;color:var(--soft)}
.gumee-scope .pill{display:inline-flex;align-items:center;border:1px solid var(--ink);border-radius:999px;
 padding:9px 18px;font-size:13.5px;cursor:pointer}
.gumee-scope .buy{display:flex;gap:10px;align-items:stretch;margin-top:clamp(16px,2vw,22px);flex-wrap:wrap}
.gumee-scope .qty{display:flex;align-items:center;border:1px solid var(--line);border-radius:999px;overflow:hidden}
.gumee-scope .qty button{width:42px;height:46px;border:0;background:none;font-size:17px;cursor:pointer;color:var(--ink)}
.gumee-scope .qty span{min-width:30px;text-align:center;font-size:14px}
.gumee-scope .cta{flex:1;min-width:190px;height:46px;border:0;border-radius:999px;background:var(--ink);color:#fff;
 font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .2s}
.gumee-scope .cta:hover{opacity:.85}
.gumee-scope .pay{margin-top:9px;font-size:13px;color:var(--soft);text-align:center;cursor:pointer;text-decoration:underline}
.gumee-scope .lede{margin-top:clamp(20px,2.4vw,28px);font-size:15px;line-height:1.55;color:var(--soft)}
.gumee-scope .lede b{color:var(--ink);font-weight:500}
.gumee-scope .acc{margin-top:clamp(20px,2.4vw,28px);border-top:1px solid var(--line)}
.gumee-scope .acc details{border-bottom:1px solid var(--line)}
.gumee-scope .acc summary{padding:16px 0;font-size:14px;line-height:1.3;cursor:pointer;list-style:none;
 display:flex;justify-content:space-between;align-items:center;gap:18px}
.gumee-scope .acc summary::-webkit-details-marker{display:none}
.gumee-scope .acc summary::after{content:"";width:8px;height:8px;flex:none;border-right:1.4px solid var(--ink);
 border-bottom:1.4px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s}
.gumee-scope .acc details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.gumee-scope .acc p{margin:0;padding:0 0 18px;font-size:14px;line-height:1.5;color:var(--soft);max-width:60ch}
.gumee-scope .badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(18px,2.2vw,24px)}
.gumee-scope .badges span{border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:12px;color:var(--soft)}

.gumee-scope .also{padding-top:clamp(56px,7vw,96px)}
.gumee-scope .also h2{font-size:clamp(22px,2.4vw,32px);font-weight:700;letter-spacing:-.015em;text-transform:lowercase}
.gumee-scope .arow{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.5vw,22px);margin-top:22px}
.gumee-scope .ac{border:1px solid var(--line);border-radius:12px;overflow:hidden;cursor:pointer;
 transition:box-shadow .25s,transform .25s}
.gumee-scope .ac:hover{box-shadow:0 14px 34px rgba(0,0,0,.08);transform:translateY(-3px)}
.gumee-scope .ac .im{aspect-ratio:1;background:#fff center/cover}
.gumee-scope .ac .bd{padding:12px 14px 16px}
.gumee-scope .ac h4{margin:0;font-size:clamp(11.5px,1.05vw,14px);font-weight:400;line-height:1.3}
.gumee-scope .ac .p{margin-top:3px;font-size:clamp(11.5px,1.05vw,14px)}
@media(max-width:900px){.gumee-scope .pdp{grid-template-columns:1fr}.gumee-scope .gal{position:static}
 .gumee-scope .arow{grid-template-columns:repeat(3,1fr)}}

.gumee-scope /* ---------- gumee motion layer ---------- */
@media (prefers-reduced-motion:no-preference){
  .rv{opacity:0;transform:translateY(22px);
      transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1)}
  .rv.in{opacity:1;transform:none}
  .rvm{opacity:0;clip-path:inset(15% 0 15% 0);
      transition:clip-path 1.2s cubic-bezier(.22,.61,.36,1),opacity .9s ease}
  .rvm.in{opacity:1;clip-path:inset(0 0 0 0)}
}
.gumee-scope /* press + hover feel */
.btn,.gumee-scope .cta,.gumee-scope .sub button,.gumee-scope .qty button{transition:transform .16s cubic-bezier(.22,.61,.36,1),box-shadow .28s,opacity .2s}
.gumee-scope .btn:active,.gumee-scope .cta:active,.gumee-scope .sub button:active,.gumee-scope .qty button:active{transform:scale(.972)}
.gumee-scope .btn:hover,.gumee-scope .cta:hover{box-shadow:0 8px 22px rgba(0,0,0,.14)}
.gumee-scope /* card imagery breathes on hover */
.pc .im div{transition:opacity .45s ease,transform .8s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .pc:hover .im div{transform:scale(1.045)}
.gumee-scope .bk .im{transition:transform .8s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .bk:hover .im{transform:scale(1.04)}
.gumee-scope .pc,.gumee-scope .bk{transition:box-shadow .35s cubic-bezier(.22,.61,.36,1),transform .35s cubic-bezier(.22,.61,.36,1)}
.gumee-scope /* size options and faq rows */
.szo{transition:background .25s,border-color .25s,transform .18s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .szo:active{transform:scale(.994)}
.gumee-scope .faq summary{transition:opacity .2s}
.gumee-scope .faq summary:hover{opacity:.6}
.gumee-scope /* nav condenses once you start scrolling */
.topnav{transition:padding .38s cubic-bezier(.22,.61,.36,1),box-shadow .38s}
.gumee-scope .topnav.shrunk{padding-top:11px;padding-bottom:11px;box-shadow:0 1px 0 rgba(0,0,0,.05),0 12px 30px rgba(0,0,0,.05)}
.gumee-scope .topnav .l span,.gumee-scope .topnav .r span{transition:opacity .2s}

/* ================= about.html ================= */
.gumee-scope{--ink:#151515;--soft:#5C5F67;--faint:#8E9198;--line:#E9E9ED;--hair:#F3F3F6;--n2:#E4E4E9;--pale:#F4F4F6;
 --s1:#B9BDE1;--s2:#6069BE;--s3:#2B3373;--c1:#EDB6BC;--c2:#B4747B;--c3:#732B34;--h1c:#DDC2D8;--h2c:#BF88B5;--h3c:#6B2871;
 --h:clamp(28px,3.8vw,50px);--p:15px;--gap:13px}
.gumee-scope,.gumee-scope *{box-sizing:border-box}
.gumee-scope{scroll-behavior:smooth}
.gumee-scope{margin:0;background:#fff;color:var(--ink);font-family:Poppins,-apple-system,Helvetica,Arial,sans-serif;
 font-size:15.5px;line-height:1.42;-webkit-font-smoothing:antialiased}
.gumee-scope h1,.gumee-scope h2,.gumee-scope h3,.gumee-scope h4{margin:0;font-weight:700;letter-spacing:-.015em;line-height:1.04;text-wrap:balance}
.gumee-scope p{margin:0}
.gumee-scope img{display:block;max-width:100%}
.gumee-scope a{color:inherit;text-decoration:none}
.gumee-scope .w{max-width:1240px;margin:0 auto;padding:0 30px}
.gumee-scope{--stage:1720px}
.gumee-scope /* full-bleed media never exceeds the stage,.gumee-scope so ultrawide keeps the real ratio */
.stage{width:min(100%,var(--stage));margin:0 auto}
.gumee-scope .tn{font-variant-numeric:tabular-nums}
.gumee-scope .lower{text-transform:lowercase}
.gumee-scope .dot{width:7px;height:7px;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:7px}
.gumee-scope .logo{display:inline-block;-webkit-mask:var(--gm-img-1) center/contain no-repeat;mask:var(--gm-img-1) center/contain no-repeat;background-color:currentColor}
.gumee-scope .btn{display:inline-block;font-size:12.5px;font-weight:600;padding:12px 26px;border-radius:3px;background:var(--ink);color:#fff;cursor:pointer;border:0}
.gumee-scope .btn.o{background:#fff;color:var(--ink);border:1px solid var(--line)}

.gumee-scope /* ribbon */
.mq{display:flex;overflow:hidden;padding:11px 0;background:var(--n2);color:var(--ink)}
.gumee-scope .mq .tr{display:flex;flex:none;min-width:100%;justify-content:space-around;align-items:center;
 white-space:nowrap;animation:sc 34s linear infinite}
.gumee-scope .mq i{font-style:normal;padding:0 22px;font-size:11.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}
@keyframes sc{to{transform:translateX(-100%)}}
@media (prefers-reduced-motion:reduce){.gumee-scope .mq .tr{animation:none}}

.gumee-scope /* nav over hero */
.hero{position:relative;width:100%;height:min(56.25vw,92vh);min-height:0;display:flex;flex-direction:column;background:#0f1116;overflow:hidden}
.gumee-scope .slide{position:absolute;inset:0;opacity:0;pointer-events:none;
 transition:opacity 1.25s cubic-bezier(.4,0,.2,1)}
.gumee-scope .slide.on{opacity:1;pointer-events:auto}
.gumee-scope .slide .bg{position:absolute;inset:0;background-size:cover;background-position:center 50%;
 transform:scale(1.07);transition:transform 7.5s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .slide.on .bg{transform:scale(1)}
.gumee-scope .slide .vl{position:absolute;inset:0}
.gumee-scope .slide .ht>*{opacity:0;transform:translateY(14px);
 transition:opacity .85s cubic-bezier(.22,.61,.36,1),transform .85s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .slide.on .ht>*{opacity:1;transform:none}
.gumee-scope .slide.on .ht h1{transition-delay:.22s}
.gumee-scope .slide.on .ht p{transition-delay:.34s}
.gumee-scope .slide.on .ht .cta{transition-delay:.46s}
@media (prefers-reduced-motion:reduce){.gumee-scope .slide,.gumee-scope .slide .bg,.gumee-scope .slide .ht>*{transition:none}}
.gumee-scope .nv{position:absolute;left:0;right:0;top:0;z-index:6;transition:color .9s cubic-bezier(.4,0,.2,1);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:24px 34px;gap:20px}
.gumee-scope .nv .l,.gumee-scope .nv .r{display:flex;gap:22px;font-size:12.5px;font-weight:500}
.gumee-scope .nv .r{justify-content:flex-end}
.gumee-scope .nv .c{display:flex;justify-content:center}
.gumee-scope .nv .c .logo{width:100px;height:22px}
@media(max-width:980px){.gumee-scope .nv{grid-template-columns:1fr;justify-items:center;gap:11px}.gumee-scope .nv .l,.gumee-scope .nv .r{flex-wrap:wrap;justify-content:center}}
.gumee-scope .hin{position:absolute;inset:0;z-index:4;display:flex;align-items:center;padding:96px 34px 60px}
.gumee-scope .hin.right{justify-content:flex-end}.gumee-scope .hin.left{justify-content:flex-start}
.gumee-scope .ht{max-width:400px;display:flex;flex-direction:column}
.gumee-scope .right .ht{text-align:right;align-items:flex-end}.gumee-scope .left .ht{text-align:left;align-items:flex-start}
.gumee-scope .ht h1{font-size:var(--h);text-transform:lowercase}
.gumee-scope .ht p{margin-top:var(--gap);font-size:var(--p);max-width:34ch;line-height:1.45}
.gumee-scope .ht .cta{margin-top:calc(var(--gap) + 8px);font-size:12.5px;font-weight:600;padding:12px 28px;border-radius:100px}



.gumee-scope /* ---------- phone: taller crop,.gumee-scope text overlaid like desktop ---------- */
@media(max-width:760px){
  .hero{height:min(122vw,74vh);min-height:0}
  .nv{padding:18px 20px;grid-template-columns:1fr;justify-items:center;gap:0}
  .nv .l,.nv .r{display:none}
  .nv .c .logo{width:92px;height:20px}
  .slide .bg{background-size:cover;background-position:center 50%}
  .slide:nth-child(2) .bg{background-position:64% 50%}
  .slide:nth-child(3) .bg{background-position:36% 50%}
  .slide:nth-child(1) .vl{background:linear-gradient(180deg,rgba(0,0,0,.30) 0%,rgba(0,0,0,0) 34%,rgba(0,0,0,.62) 100%)!important}
  .slide:nth-child(2) .vl{background:linear-gradient(180deg,rgba(0,0,0,.28) 0%,rgba(0,0,0,0) 34%,rgba(0,0,0,.64) 100%)!important}
  .slide:nth-child(3) .vl{background:linear-gradient(180deg,rgba(255,255,255,.30) 0%,rgba(255,255,255,0) 30%,rgba(255,255,255,.80) 100%)!important}
  .hin{align-items:flex-end;justify-content:flex-start!important;padding:0 22px 34px}
  .ht{max-width:none;text-align:left!important;align-items:flex-start!important}
  .ht h1{font-size:clamp(28px,8.4vw,38px)}
  .ht p{font-size:14.5px;max-width:32ch;margin-top:10px}
  .ht .cta{margin-top:16px}
}


.gumee-scope /* why gumee — hull line,.gumee-scope Chris's boat clip */
.whyband{position:relative;width:100%;height:min(56.25vw,88vh);overflow:hidden;background:#0d1a24}
.gumee-scope .whyband .bandimg,.gumee-scope .whyband video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gumee-scope .whyband .bandimg{background-size:cover;background-position:52% 55%}
.gumee-scope .whyband .bandveil{position:absolute;inset:0;z-index:2;
 background:linear-gradient(100deg,rgba(6,16,26,.62) 0%,rgba(6,16,26,.30) 26%,rgba(6,16,26,.06) 46%,rgba(6,16,26,0) 60%)}
.gumee-scope .whyband .bandin{position:absolute;z-index:3;left:clamp(24px,4.4vw,64px);top:50%;transform:translateY(-50%);max-width:35%}
.gumee-scope .whyband h2{color:#fff;font-size:clamp(30px,3.7vw,48px);text-shadow:0 1px 24px rgba(0,0,0,.34);}
.gumee-scope .wsides{margin-top:24px;border-left:1px solid rgba(255,255,255,.34);padding-left:20px}
.gumee-scope .wcol div{padding:11px 0}
.gumee-scope .wcol b{display:block;font-size:16.5px;font-weight:600;color:#fff;text-shadow:0 1px 14px rgba(0,0,0,.5)}
.gumee-scope .wcol span{display:block;margin-top:3px;font-size:14px;color:rgba(255,255,255,.85);line-height:1.42;
 text-shadow:0 1px 14px rgba(0,0,0,.5)}

@media(max-width:900px){
 .gumee-scope .whyband{height:min(128vw,80vh)}
 .gumee-scope .whyband .bandimg{background-position:58% 55%}
 .gumee-scope .whyband .bandveil{background:linear-gradient(180deg,rgba(6,16,26,.40) 0%,rgba(6,16,26,0) 28%,
   rgba(6,16,26,.20) 54%,rgba(6,16,26,.80) 100%)}
 .gumee-scope .whyband .bandin{left:22px;right:22px;top:auto;bottom:26px;transform:none;max-width:none}
 .gumee-scope .whyband h2{font-size:33px}
 .gumee-scope .wsides{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;margin-top:16px;
   border-left:0;padding-left:0;border-top:1px solid rgba(255,255,255,.3);padding-top:12px}
 .gumee-scope .wcol b{font-size:15.5px}
 .gumee-scope .wcol span{font-size:13px}
}

.gumee-scope section{padding:74px 0}
.gumee-scope .sh{margin-bottom:26px}
.gumee-scope .sh h2{font-size:clamp(26px,3.2vw,38px)}
.gumee-scope .sh p{margin-top:9px;color:var(--soft);max-width:54ch;font-size:15px}
.gumee-scope .sh.row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.gumee-scope .sh a.more{font-size:13.5px;color:var(--soft);border-bottom:1px solid var(--line);padding-bottom:2px}

.gumee-scope /* cards */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(9px,1.9vw,26px)}
.gumee-scope .pc{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;cursor:pointer;transition:box-shadow .25s,transform .25s}
.gumee-scope .pc:hover{box-shadow:0 16px 38px rgba(0,0,0,.10);transform:translateY(-3px)}
.gumee-scope .pc .im{position:relative;aspect-ratio:1;overflow:hidden}
.gumee-scope .pc .im div{position:absolute;inset:0;background-size:cover;background-position:center;transition:opacity .45s ease}
.gumee-scope .pc .im .b{opacity:0}
.gumee-scope .pc .im.flip .b{opacity:1}
.gumee-scope .pc:hover .im .b{opacity:1}
.gumee-scope .pc:hover .im.flip .b{opacity:1}
.gumee-scope .pc .bd{padding:clamp(11px,1.5vw,20px) clamp(11px,1.6vw,22px) clamp(13px,1.6vw,22px)}
.gumee-scope .pc h4{font-size:clamp(13.5px,1.55vw,20px);letter-spacing:-.005em}
.gumee-scope .pc .d{margin-top:5px;font-size:clamp(11px,1.05vw,14px);color:var(--soft);min-height:2.8em;line-height:1.35}
.gumee-scope .pc .r{margin-top:10px;display:flex;justify-content:space-between;align-items:baseline;gap:6px;flex-wrap:wrap}
.gumee-scope .pc .r b{font-size:clamp(12.5px,1.25vw,16.5px);font-weight:600}
.gumee-scope .pc .r .shop{font-size:clamp(11px,1.05vw,14px);font-weight:500}

.gumee-scope /* why */
.why{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden}
@media(max-width:820px){.gumee-scope .why{grid-template-columns:repeat(2,1fr)}}
.gumee-scope .why div{background:#fff;padding:26px 22px}
.gumee-scope .why b{display:block;font-size:15.5px;font-weight:600}
.gumee-scope .why span{display:block;margin-top:5px;font-size:13px;color:var(--soft);line-height:1.42}

.gumee-scope /* nutrients */
.split{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
@media(max-width:900px){.gumee-scope .split{grid-template-columns:1fr}}
.gumee-scope .split .ph{aspect-ratio:4/5;border-radius:8px;background-size:cover;background-position:center}
.gumee-scope .ed{margin-top:clamp(24px,3vw,40px)}
.gumee-scope .ed .r{display:grid;grid-template-columns:clamp(58px,6vw,104px) 1fr;
 gap:clamp(13px,1.5vw,22px) clamp(16px,1.8vw,28px);align-items:center;
 padding:clamp(20px,2.6vw,38px) 0;border-bottom:1px solid var(--line)}
.gumee-scope .ed .disc{width:100%;aspect-ratio:1;border-radius:50%;background-size:cover;background-position:center}
.gumee-scope .ed h3{margin:0;font-size:clamp(19px,2vw,32px);font-weight:700;letter-spacing:-.015em;line-height:1.06}
.gumee-scope .ed .nut{margin-top:clamp(4px,.5vw,8px);font-size:clamp(11px,.95vw,14px);letter-spacing:.11em;
 text-transform:uppercase;color:var(--faint);font-weight:600}
.gumee-scope .ed .tx{grid-column:1/-1;margin:0;font-size:clamp(13.5px,1.25vw,19px);color:var(--soft);line-height:1.5}

.gumee-scope /* nutrients motion */
.ed{--rule:0}
.gumee-scope .ed:before{content:"";display:block;height:1px;background:var(--ink);transform-origin:left;
 transform:scaleX(var(--rule));transition:transform 1.05s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .ed.go{--rule:1}
.gumee-scope .ed .r{opacity:0;transform:translateY(16px);
 transition:opacity .72s cubic-bezier(.22,.61,.36,1),transform .72s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .ed.go .r{opacity:1;transform:none}
.gumee-scope .ed.go .r:nth-child(1){transition-delay:.16s}
.gumee-scope .ed.go .r:nth-child(2){transition-delay:.30s}
.gumee-scope .ed.go .r:nth-child(3){transition-delay:.44s}
.gumee-scope .ed .disc{position:relative;overflow:hidden;transition:transform .5s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .ed .disc span{position:absolute;inset:0;background-size:cover;background-position:center;
 transition:opacity .55s ease,transform .55s ease}
.gumee-scope .ed .disc .d1{animation:spin 44s linear infinite}
.gumee-scope .ed .disc .d2{opacity:0;transform:scale(1.06)}
.gumee-scope .ed .r:hover .disc{transform:scale(1.06)}
.gumee-scope .ed .r:hover .disc .d1{opacity:0}
.gumee-scope .ed .r:hover .disc .d2{opacity:1;transform:none}
@keyframes spin{to{transform:rotate(360deg)}}
.gumee-scope .ed h3,.gumee-scope .ed .nut,.gumee-scope .ed .tx{transition:transform .5s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .ed .r:hover h3{transform:translateX(4px)}
@media (prefers-reduced-motion:reduce){
 .gumee-scope .ed:before{transform:none}
 .gumee-scope .ed .r{opacity:1;transform:none;transition:none}
 .gumee-scope .ed .disc .d1{animation:none}
 .gumee-scope .ed .disc,.gumee-scope .ed h3{transition:none}
}

.gumee-scope /* packs */
.packs{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(9px,1.6vw,22px)}
.gumee-scope .bk{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;display:flex;flex-direction:column;
 cursor:pointer;transition:box-shadow .25s,transform .25s}
.gumee-scope .bk:hover{box-shadow:0 16px 38px rgba(0,0,0,.09);transform:translateY(-3px)}
.gumee-scope .bk .im{aspect-ratio:1;background:#fff center/cover}
.gumee-scope .bk .bd{padding:clamp(11px,1.4vw,20px) clamp(11px,1.5vw,22px) clamp(13px,1.5vw,22px);display:flex;flex-direction:column;flex:1}
.gumee-scope .bk h4{font-size:clamp(12.5px,1.35vw,18px);letter-spacing:-.005em}
.gumee-scope .bk p{margin-top:6px;font-size:clamp(10.5px,1vw,13.5px);color:var(--soft);line-height:1.38;flex:1}
.gumee-scope .bk .pr{margin-top:12px;display:flex;align-items:baseline;justify-content:space-between;gap:6px;flex-wrap:wrap}
.gumee-scope .bk .pr b{font-size:clamp(12px,1.2vw,16.5px);font-weight:600}
.gumee-scope .bk .pr .shop{font-size:clamp(10.5px,1vw,14px);font-weight:500}

.gumee-scope /* faq */
.faq{border-top:1px solid var(--line);margin-top:22px}
.gumee-scope .faq details{border-bottom:1px solid var(--line)}
.gumee-scope .faq summary{padding:16px 0;font-size:14px;font-weight:400;line-height:1.3;cursor:pointer;list-style:none;
 display:flex;justify-content:space-between;align-items:center;gap:18px}
.gumee-scope .faq summary::-webkit-details-marker{display:none}
.gumee-scope .faq summary::after{content:"";width:8px;height:8px;flex:none;border-right:1.4px solid var(--ink);border-bottom:1.4px solid var(--ink);
 transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s}
.gumee-scope .faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.gumee-scope .faq p{padding:0 0 18px;font-size:14px;color:var(--ink);max-width:66ch;line-height:1.3}

.gumee-scope footer{border-top:1px solid var(--line);padding:60px 0 42px}
.gumee-scope .fg{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:clamp(22px,4vw,56px)}
@media(max-width:860px){.gumee-scope .fg{grid-template-columns:1fr 1fr}.gumee-scope .fg>div:first-child{grid-column:1/-1}}
.gumee-scope footer h5{margin:0 0 13px;font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--ink)}
.gumee-scope footer li{list-style:none;font-size:14px;line-height:1.3;color:var(--ink);padding:5px 0}
.gumee-scope footer ul{margin:0;padding:0}
.gumee-scope .sub{margin-top:14px;display:flex;gap:8px;max-width:330px}
.gumee-scope .sub input{flex:1;border:1px solid var(--line);border-radius:3px;padding:11px 13px;font:inherit;font-size:14px}
.gumee-scope .sub button{border:0;border-radius:3px;background:var(--ink);color:#fff;font:inherit;font-size:13px;font-weight:600;padding:0 18px;cursor:pointer}
.gumee-scope .legal{margin-top:38px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;color:var(--faint);
 display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}

.gumee-scope .topnav{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line);
 display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:20px 34px;gap:20px;color:var(--ink)}
.gumee-scope .topnav .l,.gumee-scope .topnav .r{display:flex;gap:clamp(12px,1.6vw,24px);align-items:center;font-size:14px}
.gumee-scope .topnav .r{justify-content:flex-end}.gumee-scope .topnav .c{display:flex;justify-content:center}
.gumee-scope .topnav span{cursor:pointer}.gumee-scope .topnav .l span:hover,.gumee-scope .topnav .r span:hover{opacity:.55}
@media(max-width:980px){
 .gumee-scope .topnav{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;
  gap:18px;padding:13px 18px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .gumee-scope .topnav::-webkit-scrollbar{display:none}
 .gumee-scope .topnav .l,.gumee-scope .topnav .r{display:contents}
 .gumee-scope .topnav .c{order:-1;flex:none;margin-right:4px}
 .gumee-scope .topnav .l span,.gumee-scope .topnav .r span{flex:none;white-space:nowrap;font-size:13.5px}
}
.gumee-scope .ab{padding:clamp(44px,5.5vw,86px) 0 0}
.gumee-scope .kick{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-weight:600}
.gumee-scope .mega{margin-top:clamp(14px,1.6vw,22px);font-size:clamp(44px,8.4vw,116px);letter-spacing:-.045em;
 line-height:.92;text-transform:lowercase;font-weight:700}
.gumee-scope .under{margin-top:clamp(16px,2vw,26px);font-size:clamp(16px,1.7vw,21px);color:var(--soft);
 max-width:48ch;line-height:1.45}
.gumee-scope .sec{padding:clamp(46px,6vw,92px) 0 0}
.gumee-scope .pair{display:grid;grid-template-columns:.85fr 1.25fr;gap:clamp(22px,4vw,64px);align-items:start}
.gumee-scope .pair h1,.gumee-scope .pair h2{margin:0;font-size:clamp(24px,2.9vw,38px);font-weight:700;letter-spacing:-.015em;
 line-height:1.06;text-transform:lowercase}
.gumee-scope .pair p{font-size:15.5px;line-height:1.6;color:var(--soft)}
.gumee-scope .pair p+p{margin-top:13px}
.gumee-scope .pair b{color:var(--ink);font-weight:500}
.gumee-scope .fullimg{height:clamp(240px,32vw,470px);background-size:cover;background-position:center 55%;
 margin-top:clamp(30px,4vw,56px)}
.gumee-scope .band{height:clamp(250px,36vw,520px);background-size:cover;background-position:center 50%;
 margin-top:clamp(34px,4.4vw,64px)}
.gumee-scope .range{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(26px,5vw,72px);align-items:center}
.gumee-scope .range h2{margin:0;font-size:clamp(26px,3.4vw,42px);font-weight:700;letter-spacing:-.015em;
 line-height:1.06;text-transform:lowercase}
.gumee-scope .range .lines{margin-top:clamp(16px,2vw,24px);display:flex;flex-direction:column;gap:11px}
.gumee-scope .range .lines div{font-size:15px;line-height:1.5;color:var(--soft)}
.gumee-scope .range .lines b{color:var(--ink);font-weight:600}
.gumee-scope .range .more{margin-top:16px;font-size:14px;color:var(--faint)}
.gumee-scope .range .btn{margin-top:clamp(20px,2.4vw,30px)}
.gumee-scope .range .ph{border:1px solid var(--line);border-radius:14px;aspect-ratio:4/3;background:#fff center/cover}
@media(max-width:820px){.gumee-scope .pair,.gumee-scope .range{grid-template-columns:1fr}}

.gumee-scope /* ---------- gumee motion layer ---------- */
@media (prefers-reduced-motion:no-preference){
  .rv{opacity:0;transform:translateY(22px);
      transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1)}
  .rv.in{opacity:1;transform:none}
  .rvm{opacity:0;clip-path:inset(15% 0 15% 0);
      transition:clip-path 1.2s cubic-bezier(.22,.61,.36,1),opacity .9s ease}
  .rvm.in{opacity:1;clip-path:inset(0 0 0 0)}
}
.gumee-scope /* press + hover feel */
.btn,.gumee-scope .cta,.gumee-scope .sub button,.gumee-scope .qty button{transition:transform .16s cubic-bezier(.22,.61,.36,1),box-shadow .28s,opacity .2s}
.gumee-scope .btn:active,.gumee-scope .cta:active,.gumee-scope .sub button:active,.gumee-scope .qty button:active{transform:scale(.972)}
.gumee-scope .btn:hover,.gumee-scope .cta:hover{box-shadow:0 8px 22px rgba(0,0,0,.14)}
.gumee-scope /* card imagery breathes on hover */
.pc .im div{transition:opacity .45s ease,transform .8s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .pc:hover .im div{transform:scale(1.045)}
.gumee-scope .bk .im{transition:transform .8s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .bk:hover .im{transform:scale(1.04)}
.gumee-scope .pc,.gumee-scope .bk{transition:box-shadow .35s cubic-bezier(.22,.61,.36,1),transform .35s cubic-bezier(.22,.61,.36,1)}
.gumee-scope /* size options and faq rows */
.szo{transition:background .25s,border-color .25s,transform .18s cubic-bezier(.22,.61,.36,1)}
.gumee-scope .szo:active{transform:scale(.994)}
.gumee-scope .faq summary{transition:opacity .2s}
.gumee-scope .faq summary:hover{opacity:.6}
.gumee-scope /* nav condenses once you start scrolling */
.topnav{transition:padding .38s cubic-bezier(.22,.61,.36,1),box-shadow .38s}
.gumee-scope .topnav.shrunk{padding-top:11px;padding-bottom:11px;box-shadow:0 1px 0 rgba(0,0,0,.05),0 12px 30px rgba(0,0,0,.05)}
.gumee-scope .topnav .l span,.gumee-scope .topnav .r span{transition:opacity .2s}
/* ---- gumee-home why-band fixes (appended, so they win source order) ---- */
/* the benefit icons were drawn in currentColor, which resolved to white on the
   white chips, making them invisible. Force a dark icon colour. */
.gumee-scope .whyband .ic{color:#0d1a24;display:flex;align-items:center;justify-content:center}
/* the band used a fixed height with overflow:hidden, so on short viewports its
   centred content was clipped. Let the band grow with its content instead. */
.gumee-scope .whyband{height:auto;min-height:min(56.25vw,86vh)}
.gumee-scope .whyband .bandin{position:relative;top:auto;bottom:auto;transform:none;
  min-height:min(56.25vw,86vh);display:flex;flex-direction:column;justify-content:center;
  box-sizing:border-box;padding-block:clamp(44px,7vh,104px)}

/* topnav logo had no size rule (0x0), so the wordmark was invisible on inner pages */
.gumee-scope .topnav .c .logo{width:100px;height:22px}
@media (max-width:760px){.gumee-scope .topnav .c .logo{width:88px;height:20px}}

/* the global chrome wrappers are .gumee-scope too; keep page-level padding
   (e.g. the mobile bottom padding that clears the sticky bar) off them */
.gumee-scope.gumee-chrome{padding:0;margin:0}

/* ============================================================
   gumee nav + mobile adaptivity — appended so these win over the
   duplicated blocks earlier in this file.
   ============================================================ */

/* Nav: gumee logo on the LEFT, links in a single row (per screenshots) */
.gumee-scope .nv,
.gumee-scope .topnav{
  display:flex; align-items:center;
  gap:clamp(16px,2vw,30px);
  grid-template-columns:none;
}
.gumee-scope .nv .c,
.gumee-scope .topnav .c{ order:-1; justify-content:flex-start; margin:0; }
.gumee-scope .nv .l, .gumee-scope .nv .r,
.gumee-scope .topnav .l, .gumee-scope .topnav .r{ display:contents; }
.gumee-scope .nv .c .logo,
.gumee-scope .topnav .c .logo{ width:100px; height:22px; }

/* ---- Mobile (<=760px): no overlap, sections stack vertically ---- */
@media(max-width:760px){
  /* nav = one horizontal scrollable row, logo left */
  .gumee-scope .nv,
  .gumee-scope .topnav{
    gap:16px; flex-wrap:nowrap; overflow-x:auto; padding:12px 18px;
    -webkit-overflow-scrolling:touch;
  }
  .gumee-scope .nv::-webkit-scrollbar,
  .gumee-scope .topnav::-webkit-scrollbar{ display:none; }
  .gumee-scope .nv a, .gumee-scope .nv span,
  .gumee-scope .topnav a, .gumee-scope .topnav span{ flex:none; white-space:nowrap; }
  .gumee-scope .nv .c .logo,
  .gumee-scope .topnav .c .logo{ width:88px; height:20px; }

  /* hero copy at the bottom so the top nav never overlaps it (Netlify's
     own mobile values, re-applied here so they win over the duplicate
     desktop blocks later in this file) */
  .gumee-scope .hero{ height:min(92vw,66vh); min-height:0; }
  .gumee-scope .hin{ align-items:flex-end; padding:0 20px 19%; }
  .gumee-scope .ht{ max-width:80%; }
  .gumee-scope .ht h1{ font-size:clamp(20px,5.6vw,24px); line-height:1.12; }
  .gumee-scope .ht p{ font-size:11px; line-height:1.4; max-width:26ch; margin-top:6px;
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

  /* stack the multi-column sections */
  .gumee-scope .cards{ display:grid; grid-template-columns:1fr; gap:16px; overflow:visible; }
  .gumee-scope .cards [data-clone]{ display:none !important; }   /* drop phone drift clones (beats inline display on cardlinks) */
  .gumee-scope .cards .pc{ flex:none; width:auto; }
  .gumee-scope .packs{ grid-template-columns:1fr; gap:16px; }
  .gumee-scope .ed{ grid-template-columns:1fr; gap:22px; }
  .gumee-scope .wsides{ grid-template-columns:1fr 1fr; }
  .gumee-scope .pdp{ grid-template-columns:1fr; }      /* product page stacks */
  .gumee-scope .duo{ grid-template-columns:1fr; }
}

/* Discover is an <a> now (Netlify used a <span>); the theme renders links as
   block, which stretched it. Keep it a natural-width inline pill. */
.gumee-scope .ht .cta{ display:inline-flex; align-items:center; justify-content:center; width:auto; }

/* ============================================================
   why-gumee band — centre the heading + 4 benefits (was pinned
   to the left third with a divider line), and keep each benefit
   label on ONE line on both desktop and mobile. Appended so it
   wins over the duplicated .wsides/.bandin blocks earlier.
   ============================================================ */
.gumee-scope .whyband .bandin{
  left:0; right:0; max-width:none;
  align-items:center; text-align:center;
  padding-inline:clamp(20px,4vw,48px);
}
.gumee-scope .whyband h2{ text-align:center; }
.gumee-scope .wsides{
  display:grid; grid-template-columns:repeat(4,auto);
  justify-content:center; align-items:start;
  gap:clamp(20px,3.4vw,48px);
  border-left:0; padding-left:0;
  margin:clamp(20px,2.4vw,30px) auto 0; max-width:none;
}
.gumee-scope .whyband .wcol{ display:contents; }
.gumee-scope .whyband .wsides .i{
  display:flex; flex-direction:column; align-items:center; text-align:center;
  padding:0;
}
.gumee-scope .whyband .wsides .i b{
  display:block; white-space:nowrap; margin-top:10px;
  font-size:clamp(12px,1.15vw,15px); font-weight:600; color:#fff;
}
@media(max-width:760px){
  .gumee-scope .whyband .bandin{
    left:0; right:0; top:auto; bottom:auto; transform:none;
    align-items:center; text-align:center; padding-inline:16px;
  }
  .gumee-scope .whyband h2{ text-align:center; }
  .gumee-scope .whyband .wsides{
    grid-template-columns:repeat(4,auto);
    justify-content:center; gap:clamp(10px,3.4vw,18px);
    border-top:0; padding-top:0;
  }
  .gumee-scope .whyband .wsides .i b{ font-size:clamp(9.5px,2.7vw,12px); white-space:nowrap; }
}

/* ============================================================
   Footer menus as native <details> accordions. On desktop they
   look and behave exactly like the old static columns; on mobile
   each group collapses into a tap-to-open dropdown so the footer
   is compact instead of one long scroll.
   ============================================================ */
.gumee-scope .facc{ margin:0; }
.gumee-scope .facc > summary{
  list-style:none; cursor:pointer;
  display:flex; align-items:center; justify-content:space-between; gap:12px;
}
.gumee-scope .facc > summary::-webkit-details-marker{ display:none; }
.gumee-scope .facc > summary h5{ margin:0; }
/* chevron — hidden on desktop, shown on mobile */
.gumee-scope .facc > summary::after{
  content:''; flex:none; width:8px; height:8px; margin-right:2px;
  border-right:1.6px solid var(--ink); border-bottom:1.6px solid var(--ink);
  transform:rotate(45deg); transition:transform .22s ease; opacity:0; display:none;
}
@media(min-width:761px){
  /* desktop: keep the lists open and non-collapsible, no chevron */
  .gumee-scope .facc > summary{ cursor:default; pointer-events:none; }
  .gumee-scope .facc > summary h5{ margin-bottom:13px; }
}
@media(max-width:760px){
  /* stack the footer into one column so each accordion is full width */
  .gumee-scope .fg{ grid-template-columns:1fr; gap:0; }
  .gumee-scope .fg > div:first-child{ margin-bottom:22px; }
  .gumee-scope .facc{ border-top:1px solid var(--line); }
  .gumee-scope .facc > summary{ padding:15px 2px; }
  .gumee-scope .facc > summary::after{ display:block; opacity:.75; }
  .gumee-scope .facc[open] > summary::after{ transform:rotate(-135deg); }
  .gumee-scope .facc > ul{ padding:0 2px 12px; }
  .gumee-scope .facc:last-of-type{ border-bottom:1px solid var(--line); }
}

/* ============================================================
   Mobile nav: collapse the links behind a ☰ hamburger that opens
   a dropdown. Desktop is untouched (burger hidden, links inline).
   Pure CSS toggle via the hidden .navcb checkbox next to the links.
   ============================================================ */
.gumee-scope .burger{ display:none; }
/* the toggle checkbox must never render (the theme styles bare inputs,
   which overrides the `hidden` attribute); :checked still drives the CSS */
.gumee-scope .navcb{ position:absolute; width:0; height:0; opacity:0; pointer-events:none; }
@media(max-width:760px){
  .gumee-scope .nv, .gumee-scope .topnav{
    flex-wrap:wrap; overflow:visible; padding-left:18px; padding-right:18px;
    column-gap:16px; row-gap:0; align-items:center; justify-content:flex-start;
  }
  /* the hamburger button */
  .gumee-scope .burger{
    display:block; order:99; margin-left:auto;
    width:26px; height:18px; position:relative; cursor:pointer; color:inherit;
    background:none; border:0; padding:0;
  }
  .gumee-scope .burger span{
    position:absolute; left:0; right:0; height:2px; border-radius:2px;
    background:currentColor; transition:transform .25s ease, opacity .2s ease;
  }
  .gumee-scope .burger span:nth-child(1){ top:0; }
  .gumee-scope .burger span:nth-child(2){ top:8px; }
  .gumee-scope .burger span:nth-child(3){ top:16px; }
  .gumee-scope .navcb:checked ~ .burger span:nth-child(1){ transform:translateY(8px) rotate(45deg); }
  .gumee-scope .navcb:checked ~ .burger span:nth-child(2){ opacity:0; }
  .gumee-scope .navcb:checked ~ .burger span:nth-child(3){ transform:translateY(-8px) rotate(-45deg); }

  /* link groups become a stacked dropdown panel, hidden until toggled.
     Overrides the desktop display:contents so they can be shown/hidden. */
  .gumee-scope .nv .l, .gumee-scope .nv .r,
  .gumee-scope .topnav .l, .gumee-scope .topnav .r{
    display:none; order:100; flex-basis:100%; width:100%;
    flex-direction:column; align-items:stretch; gap:0;
    background:#0d1a24;
  }
  .gumee-scope .navcb:checked ~ .l, .gumee-scope .navcb:checked ~ .r{ display:flex; }
  .gumee-scope .navcb:checked ~ .l{ margin-top:12px; border-radius:12px 12px 0 0; padding-top:6px; }
  .gumee-scope .navcb:checked ~ .r{ border-radius:0 0 12px 12px; padding-bottom:6px; }
  .gumee-scope .nv .l a, .gumee-scope .nv .r a,
  .gumee-scope .topnav .l a, .gumee-scope .topnav .r a{
    display:block; width:100%; padding:13px 16px; white-space:nowrap;
    color:#fff; font-size:15px; border-top:1px solid rgba(255,255,255,.08);
  }
  .gumee-scope .navcb:checked ~ .l a:first-child{ border-top:0; }
}