.su-head{gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));padding:clamp(36px,6vw,100px) 0 clamp(64px,9vw,150px);display:grid}.su-title{font-family:var(--font-d);letter-spacing:-.045em;overflow-wrap:break-word;grid-column:1/12;margin:0;font-size:clamp(2.1rem,.2rem + 6.6vw,8.6rem);font-weight:300;line-height:.92}.su-answer{grid-column:5/12;margin-top:clamp(28px,4vw,64px)}.su-sec-head{gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.su-h2{font-size:var(--step-3);letter-spacing:-.035em;grid-column:1/8;margin:0;font-weight:500;line-height:.98}.su-sec-head p{max-width:44ch;font-size:var(--step-1);grid-column:9/-1;align-self:end;margin:0;line-height:1.42}.su-vs{border-top:1px solid var(--line-strong);padding:28px 0 clamp(72px,9vw,150px)}.su-vs-stage{gap:0 var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));margin:clamp(40px,6vw,100px) 0 clamp(48px,6vw,96px);display:grid}.su-word{font-family:var(--font-d);letter-spacing:-.05em;white-space:nowrap;grid-column:1/-1;margin:0;font-size:min(10.4vw,12rem);font-weight:300;line-height:.9}.su-word span{z-index:2;display:inline-block;position:relative}.su-word--plastic{color:var(--ink-3);grid-row:1}.su-word--plastic span:after{content:"";background:var(--ink);height:max(3px,.055em);transform:scaleX(var(--p,1));transform-origin:0;position:absolute;top:52%;left:-.04em;right:-.04em}.su-word--carton{text-align:right;grid-row:3}.su-word--carton span:after{content:"";background:var(--accent);height:max(3px,.05em);transform:scaleX(var(--p,1));transform-origin:100%;position:absolute;bottom:-.1em;left:0;right:0}.su-render{z-index:1;width:100%;height:auto;transform:translateY(calc((1 - var(--p,1)) * 48px));grid-area:2/3/auto/11;margin:-5% 0 -6%;position:relative}.su-table{border-collapse:collapse;table-layout:fixed;text-align:left;width:100%}.su-table caption{text-align:left;color:var(--ink-3);margin-bottom:14px;font-size:.86rem}.su-table thead th{padding:0 var(--gutter) 14px 0;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--line-strong);font-size:.72rem;font-weight:600}.su-table thead th:first-child{width:22%}.su-table thead th:last-child{color:var(--accent-text)}.su-table tbody th,.su-table td{padding:clamp(16px, 2vw, 26px) var(--gutter) clamp(16px, 2vw, 26px) 0;vertical-align:top;border-bottom:1px solid var(--line)}.su-table tbody th{font-weight:600}.su-table td:nth-child(2){color:var(--ink-3)}.su-table td:nth-child(3),.su-table thead th:last-child{padding-left:var(--gutter);border-left:1px solid var(--line-strong)}.su-table td:nth-child(3){font-size:var(--step-1);line-height:1.3}.su-spec{border-top:1px solid var(--line-strong);padding:28px 0 clamp(72px,9vw,150px)}.su-spec-grid{gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;margin-top:clamp(40px,5vw,80px);display:grid}.su-drawing{grid-column:1/6;margin:0}.su-svg{width:100%;max-width:none;height:auto;max-height:72svh;display:block}.su-part,.su-part *{transition:stroke .45s var(--ease-out), fill .45s var(--ease-out), opacity .45s var(--ease-out)}.su-part--carton polygon,.su-part--carton rect{fill:#ffffffdb;stroke:#0d101799;stroke-width:1.5px;stroke-linejoin:round}.su-part--carton polygon:first-child{fill:#fffffff2}.su-part--carton polygon:nth-child(2){fill:#e6e9f0f2}.su-ink rect,.su-ink line{fill:none;stroke:#0d101766;stroke-width:1.2px}.su-ink .su-fill{fill:#0d10178c;stroke:none}.su-part--cap path,.su-part--cap ellipse{fill:#fffffff2;stroke:#0d101799;stroke-width:1.5px}.su-part--cap line{stroke:#0d10174d;stroke-width:1px}.su-part--recycle path{fill:none;stroke:#0d10178c;stroke-width:1.4px;stroke-linejoin:round}.su-halo{fill:#6d63e62e;stroke:none;opacity:0}.su-part--bottle rect,.su-part--bottle path:not(.su-slash){fill:none;stroke:#0d101742;stroke-width:1.4px;stroke-dasharray:6 6}.su-slash{fill:none;stroke:var(--ink);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .7s var(--ease-out)!important}.su-spec-grid:not([data-active=carton]) .su-part--carton *{stroke:#0d10174d}.su-spec-grid[data-active=carton] .su-part--carton *{fill:#6d63e624;stroke:var(--accent);stroke-width:2px}.su-spec-grid[data-active=cap] .su-part--cap path,.su-spec-grid[data-active=cap] .su-part--cap ellipse{fill:#6d63e633;stroke:var(--accent);stroke-width:2px}.su-spec-grid[data-active=cap] .su-part--cap line{stroke:var(--accent)}.su-spec-grid[data-active=recycle] .su-part--recycle path{stroke:var(--accent);stroke-width:2px}.su-spec-grid[data-active=recycle] .su-halo{opacity:1}.su-spec-grid[data-active=bottle] .su-part--bottle rect,.su-spec-grid[data-active=bottle] .su-part--bottle path:not(.su-slash){stroke:var(--accent);stroke-dasharray:none}.su-spec-grid[data-active=bottle] .su-slash{stroke-dashoffset:0}.su-spec-list{grid-column:7/-1;margin:0}.su-spec-item{border-top:1px solid var(--line-strong);padding:clamp(16px,2vw,26px) 0}.su-spec-item:last-child{border-bottom:1px solid var(--line-strong)}.su-spec-item button{width:100%;font:inherit;font-family:var(--font-d);font-weight:300;font-size:var(--step-2);letter-spacing:-.035em;text-align:left;color:var(--ink-3);cursor:pointer;transition:color .4s var(--ease-out);background:0 0;border:0;align-items:center;gap:14px;margin:0;padding:0;line-height:1.02;display:flex}.su-spec-item button:before{content:"";background:var(--accent);width:0;height:2px;transition:width .5s var(--ease-out);flex:none}.su-spec-item button[aria-pressed=true]{color:var(--ink)}.su-spec-item button[aria-pressed=true]:before{width:clamp(20px,3vw,40px)}.su-spec-item button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.su-spec-item dd{max-width:48ch;color:var(--ink-3);transition:color .4s var(--ease-out);margin:10px 0 0}.su-spec-item[data-on] dd{color:var(--ink-2)}.su-honest{gap:var(--gutter);border:1px solid var(--line-strong);background:#fff6;border-radius:4px;grid-template-columns:repeat(12,minmax(0,1fr));margin-bottom:clamp(72px,9vw,150px);padding:clamp(28px,4vw,72px);display:grid}.su-honest-text{grid-column:1/7}.su-honest-title{font-family:var(--font-serif);font-style:italic;font-weight:330;font-size:var(--step-3);letter-spacing:-.03em;margin:0 0 24px;line-height:.96}.su-honest-text p:last-child{max-width:52ch;font-size:var(--step-1);margin:0;line-height:1.42}.su-claims{grid-column:8/-1;align-content:start;gap:clamp(28px,3vw,44px);display:grid}.su-claims h3{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin:0 0 8px;font-size:.72rem;font-weight:600}.su-claims ul{margin:0;padding:0;list-style:none}.su-claims li{border-top:1px solid var(--line);padding:10px 0}.su-not li{color:var(--ink-2);text-decoration:line-through;text-decoration-thickness:1.5px;-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.su-now{gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));padding:0 0 clamp(80px,10vw,170px);display:grid}.su-now-title{font-size:var(--step-1);letter-spacing:-.015em;grid-column:1/4;margin:0;font-weight:600;line-height:1.15}.su-lead{font-family:var(--font-d);font-weight:300;font-size:var(--step-2);letter-spacing:-.035em;grid-column:5/-1;margin:0;line-height:1.06}.su-now-list{gap:var(--gutter);grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));margin:clamp(56px,7vw,120px) 0 0;padding:0;list-style:none;display:grid}.su-now-list li{border-left:1px solid var(--line-strong);padding:4px 0 0 clamp(16px,1.6vw,26px)}.su-now-list h3{font-family:var(--font-serif);font-style:italic;font-weight:330;font-size:var(--step-2);letter-spacing:-.02em;margin:0 0 14px;line-height:1}.su-now-list p{max-width:36ch;color:var(--ink-2);margin:0}.su-now-list a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:3px}.su-benefit{gap:var(--gutter);margin:0 calc(var(--margin) * -1);padding:clamp(72px, 10vw, 160px) var(--margin);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.su-benefit-body{grid-column:1/7;align-self:center}.su-benefit-title{font-size:var(--step-3);letter-spacing:-.035em;margin:0 0 clamp(20px,2.4vw,36px);font-weight:500;line-height:.98}.su-benefit-body p{max-width:50ch;color:var(--ink-2);margin:0 0 1.1em}.su-benefit-body p:first-of-type{font-size:var(--step-1);color:inherit;line-height:1.42}.su-benefit-body .k-kicker{font-size:.72rem}.su-benefit-media{grid-column:8/-1;justify-self:end;width:100%;max-width:520px}.su-related{padding:clamp(56px,7vw,100px) 0}.su-related ul{flex-wrap:wrap;gap:14px clamp(22px,3vw,48px);margin:0;padding:0;list-style:none;display:flex}@media (max-width:1000px){.su-title,.su-answer,.su-h2,.su-sec-head p,.su-drawing,.su-spec-list,.su-honest-text,.su-claims,.su-benefit-body,.su-benefit-media,.su-now-title,.su-lead{grid-column:1/-1}.su-sec-head p{margin-top:20px}.su-drawing{justify-self:center;width:100%;max-width:420px}.su-claims{margin-top:28px}.su-render{grid-column:1/-1}.su-now-list{grid-template-columns:1fr;row-gap:32px}.su-benefit-media{justify-self:start;max-width:420px;margin-top:32px}}@media (max-width:640px){.su-drawing{max-width:300px}.su-table thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.su-table,.su-table caption,.su-table tbody,.su-table tr{width:100%;display:block}.su-render{margin:4px 0}.su-table tr{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);padding:16px 0;display:grid}.su-table tbody th{border:0;grid-column:1/-1;padding:0 0 8px}.su-table td{border-bottom:0;padding:0 10px 0 0}.su-table td:nth-child(3){font-size:var(--step-0);padding-left:10px}.su-table td:before{content:attr(data-h);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:4px;font-size:.68rem;font-weight:600;display:block}}
