:root{--ink:#17211c;--green:#2f7251;--lime:#b8db55;--orange:#ea7038;--blue:#65a5a0;--cream:#f0ead9;--white:#fffdf5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,sans-serif;line-height:1.5;overflow-x:hidden}.skip{position:fixed;top:-5rem;left:1rem;background:var(--lime);color:var(--ink);padding:.8rem;z-index:50}.skip:focus{top:1rem}.loop-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:3rem;padding:1rem clamp(1rem,4vw,4rem);background:var(--cream);border-bottom:3px solid var(--ink)}.wl-logo{display:flex;align-items:center;color:var(--ink);text-decoration:none}.wl-logo span{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--lime);font-size:2rem;margin-right:.6rem}.wl-logo b{font-size:1.3rem}.loop-head nav{display:flex;justify-content:center;gap:2rem}.loop-head nav a{color:var(--ink);text-decoration:none;font-size:.7rem;font-weight:900}.material-tag{background:var(--green);color:white;padding:.7rem;font-size:.62rem;font-weight:900}.conveyor-hero{min-height:800px;display:grid;grid-template-columns:.8fr 1.2fr}.hero-copy{padding:clamp(5rem,9vw,10rem) clamp(2rem,6vw,7rem);align-self:center}.loop-label{font:700 .66rem monospace;letter-spacing:.17em;color:#b64318}h1,h2,h3{margin:0;line-height:.95;letter-spacing:-.045em}h1{font-size:clamp(4rem,7vw,8rem)}h2{font-size:clamp(3rem,5vw,5.8rem)}h3{font-size:clamp(2rem,3vw,3.4rem)}.hero-copy>p:not(.loop-label){max-width:590px;margin:2rem 0}.hero-copy>a{display:inline-block;background:var(--orange);color:white;padding:1rem;text-decoration:none;font-weight:900}.conveyor-art{position:relative;background:var(--blue);overflow:hidden}.belt{position:absolute;background:repeating-linear-gradient(90deg,var(--ink) 0 20px,#56635d 20px 40px);height:120px;border-block:16px solid var(--ink)}.b1{left:6%;right:28%;top:25%}.b2{left:28%;right:6%;top:58%}.bend{position:absolute;right:8%;top:25%;width:220px;height:300px;border:100px solid var(--ink);border-left:0;border-radius:0 160px 160px 0}.item{position:absolute;top:20px;width:70px;height:50px;background:var(--lime);display:grid;place-items:center;font:700 .65rem monospace;font-style:normal}.bottle{left:15%;border-radius:18px 18px 4px 4px}.can{left:52%;background:var(--orange);border-radius:8px}.paper{left:20%;background:var(--cream)}.glass{right:15%;background:#9de0d4;border-radius:50%}.bin{position:absolute;bottom:5%;width:160px;height:150px;color:white;display:grid;place-items:center;clip-path:polygon(10% 0,90% 0,100% 100%,0 100%)}.bin span{font-size:.65rem;font-weight:900}.bin.green{left:10%;background:var(--green)}.bin.orange{right:10%;background:var(--orange)}.route-ribbon{display:grid;grid-template-columns:auto repeat(3,1fr) auto;align-items:stretch;background:var(--ink);color:white}.route-ribbon>span{writing-mode:vertical-rl;padding:2rem;background:var(--lime);color:var(--ink);font-weight:900}.route-ribbon article{padding:2rem;border-right:1px solid #566159}.route-ribbon b{color:var(--lime)}.sort-lab{padding:clamp(5rem,8vw,9rem)}.sort-lab>header{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.sort-lab>header .loop-label{grid-column:1/-1}.sort-console{display:grid;grid-template-columns:.5fr 1.5fr;gap:1rem;margin-top:4rem}.material-buttons{display:grid}.material-buttons button{display:flex;align-items:center;gap:1rem;border:0;border-bottom:1px solid #688276;background:var(--green);color:white;padding:1.2rem;text-align:left;font-weight:900;cursor:pointer}.material-buttons span{font:700 1.6rem monospace;color:var(--lime)}.sort-result{display:grid;grid-template-columns:.7fr 1fr;gap:3rem;background:var(--lime);padding:clamp(2rem,5vw,5rem)}.belt-window{min-height:420px;background:repeating-linear-gradient(0deg,var(--ink) 0 22px,#69746f 22px 44px);border-inline:18px solid var(--ink);display:grid;place-items:center;align-content:center;color:white}.belt-window i{width:100px;height:70px;background:var(--orange);display:grid;place-items:center;font-size:1.4rem;font-style:normal}.belt-window span{font-size:3rem}.belt-window b{font:700 .7rem monospace}.sort-result>div:last-child{align-self:center}.sort-result>div:last-child>p:first-child{font:700 .65rem monospace}.sort-result h3{margin:.8rem 0 2rem}.sort-result dl div{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;border-top:2px solid var(--ink)}.sort-result dd{margin:0;text-align:right;font-weight:900}.sort-result button{border:0;background:var(--ink);color:white;padding:1rem;font-weight:900;cursor:pointer}.sort-result #sort-status{min-height:1.5rem}.trace-loop{display:grid;grid-template-columns:.8fr 1.2fr;gap:6rem;background:var(--orange);padding:clamp(5rem,8vw,9rem);align-items:center}.loop-wheel{aspect-ratio:1;border:10px double var(--ink);border-radius:50%;display:grid;place-content:center;text-align:center}.loop-wheel span{font-weight:900}.loop-wheel i{display:block;width:120px;border-top:3px dashed var(--ink);margin:1rem}.report-strips{padding:clamp(5rem,8vw,9rem);background:var(--green);color:white}.report-strips>header{max-width:950px}.report-strips>div{margin-top:4rem}.report-strips article{display:grid;grid-template-columns:220px 1fr auto;gap:1rem;align-items:center;padding:1.2rem 0;border-top:1px solid #8db7a2}.report-strips i{height:24px;background:linear-gradient(90deg,var(--lime) var(--w),#25533d var(--w))}.report-strips b{font-size:.65rem}.waste-contact{display:grid;grid-template-columns:1fr 1fr;gap:5rem;padding:clamp(5rem,8vw,9rem)}.waste-contact form{display:grid;gap:1rem}label{font-weight:900}select,input{display:block;width:100%;padding:.85rem;margin-top:.4rem;background:var(--white);border:2px solid var(--ink);font:inherit}.waste-contact button{border:0;background:var(--orange);color:white;padding:1rem;font-weight:900;cursor:pointer}#form-status{min-height:1.5rem}footer{display:grid;grid-template-columns:.7fr 1.6fr auto;gap:3rem;align-items:center;background:var(--ink);color:white;padding:2rem clamp(1rem,5vw,5rem)}footer span,footer small{display:block}footer address{font-style:normal}footer small{color:var(--lime);font:700 .62rem monospace;text-transform:uppercase}footer a{color:white}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:4px solid var(--lime);outline-offset:4px}@media(max-width:920px){.conveyor-hero{grid-template-columns:1fr}.hero-copy{min-height:600px}.conveyor-art{min-height:650px}.sort-lab>header,.sort-console,.trace-loop,.waste-contact{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr}}@media(max-width:560px){.loop-head{grid-template-columns:1fr auto}.loop-head nav{grid-column:1/-1;overflow:auto;justify-content:flex-start;padding:.7rem 0}.material-tag{font-size:0;width:16px;height:16px;padding:0;border-radius:50%}.conveyor-hero{display:flex;flex-direction:column}.hero-copy,.sort-lab,.trace-loop,.report-strips,.waste-contact{padding:4rem 1rem}.hero-copy{min-height:0}.conveyor-art{min-height:520px}.route-ribbon{grid-template-columns:40px 1fr 40px}.route-ribbon article{grid-column:2}.route-ribbon>span:last-child{grid-column:3;grid-row:1/4}.sort-lab>header{gap:1rem}.sort-result{grid-template-columns:1fr;padding:2rem 1rem}.belt-window{min-height:280px}.trace-loop{gap:3rem}.report-strips article{grid-template-columns:1fr}.report-strips b{display:none}footer{grid-template-columns:1fr;padding:2rem 1rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}