:root{--navy:#0b1d2d;--navy2:#132c3d;--ink:#17283a;--muted:#627180;--lime:#d4f477;--cream:#f6f7f3;--line:#e5e9e7;--white:#fff;--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;color:var(--ink);background:white;font:400 15px/1.6 "DM Sans",sans-serif}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{text-decoration:none;color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand{font-family:Manrope,sans-serif}h2{font-size:clamp(32px,4vw,53px);line-height:1.17;letter-spacing:-.055em;font-weight:800;margin:12px 0 0}h2 em,h1 em{font-style:normal;color:#8bb33a}.shell{width:min(1230px,calc(100% - 72px));margin:auto}.section{padding-top:105px;padding-bottom:105px}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:.17em;color:#6d8841}.eyebrow.light{color:#cfe59d}.announcement{padding:8px max(36px,calc((100% - 1230px)/2));background:#d9edb1;color:#273d20;font-size:11px;font-weight:800;letter-spacing:.035em}.spark{font-size:15px;margin-right:8px}.announcement-right{float:right;font-weight:600}.site-header{position:sticky;top:0;background:rgba(255,255,255,.97);backdrop-filter:blur(16px);z-index:30;border-bottom:1px solid #eaf0eb}.nav{height:84px;display:flex;align-items:center;gap:24px;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-size:25px;line-height:1;letter-spacing:-.09em;font-weight:800;white-space:nowrap}.brand-accent{color:#90ba44}.brand small{display:block;font:700 8px/2 "DM Sans",sans-serif;letter-spacing:.23em;color:#677682}.brand-mark{height:35px;width:32px;position:relative;display:block}.brand-mark i{position:absolute;width:15px;height:23px;border:4px solid #80ab3e;border-radius:5px;transform:skew(-20deg) rotate(-16deg);top:5px;left:4px}.brand-mark i:nth-child(2){left:10px;top:8px;border-color:#a6ce5d}.brand-mark i:nth-child(3){left:16px;top:11px;border-color:#d0e69e}.nav-links{display:flex;gap:30px;align-items:center}.nav-links a{font-size:13px;font-weight:700;color:#4c5a62}.nav-links a:hover,.footer a:hover{color:#83ab40}.nav-actions{display:flex;align-items:center;gap:16px}.nav-contact{font-size:12px;font-weight:800}.nav-contact span{margin-left:5px;color:#7fa541}.quote-button{border:0;color:white;background:var(--navy);font-weight:800;border-radius:40px;padding:12px 19px;white-space:nowrap}.quote-button span{background:var(--lime);color:var(--navy);padding:3px 8px;border-radius:30px;margin-left:8px}.menu-toggle{display:none;border:0;background:none;padding:9px}.menu-toggle span{display:block;width:21px;height:2px;background:var(--navy);margin:4px}.hero{background:var(--navy);color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;min-height:630px;padding:80px 0}.hero-copy{position:relative;z-index:1}.pulse{height:8px;width:8px;border-radius:100%;background:var(--lime);box-shadow:0 0 0 5px #d4f47726}.hero h1{font-size:clamp(42px,5.1vw,71px);letter-spacing:-.068em;line-height:1.12;margin:22px 0;font-weight:800}.hero h1 em{color:var(--lime)}.hero-copy>p{max-width:500px;color:#c1d0d6;font-size:16px;line-height:1.85}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;font-size:13px;font-weight:800;border-radius:10px;padding:16px 22px;border:1px solid transparent;transition:transform .2s,background .2s;text-align:left}.button:hover{transform:translateY(-3px)}.button.lime{background:var(--lime);color:#16271e}.button.lime:hover{background:#e2ffa0}.button.outline{background:transparent;color:white;border-color:#58717d}.button.dark{background:var(--navy);color:#fff;border:0}.hero-bottom{display:flex;align-items:center;gap:15px;margin-top:66px}.avatars{display:flex;padding-left:5px}.avatars span{width:36px;height:36px;border-radius:50%;border:2px solid var(--navy);display:grid;place-items:center;background:#c8e5b1;color:#254025;font-size:10px;font-weight:900;margin-left:-6px}.avatars span:nth-child(2){background:#c3d7ea}.avatars span:nth-child(3){background:#e1e9d8}.hero-bottom strong,.hero-bottom small{display:block}.hero-bottom strong{font-size:12px}.hero-bottom small{font-size:11px;color:#a0b4be}.hero-art{height:490px;position:relative;display:grid;place-items:center}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:440px;height:440px;background:radial-gradient(circle at 45% 45%,#4a7980,#203f55 58%,transparent 70%);opacity:.7}.orb-two{width:315px;height:315px;border:1px solid #ffffff25}.art-glass{width:90%;height:94%;position:relative;border:1px solid #b3cdd74d;background:linear-gradient(140deg,#ffffff19,#ffffff03 56%,#e9facc11);border-radius:30px;backdrop-filter:blur(5px);overflow:hidden;box-shadow:0 25px 80px #0004}.art-overline{position:absolute;top:28px;left:28px;color:#cbdfe3;font-size:10px;letter-spacing:.18em;font-weight:800}.bags{position:absolute;inset:55px 0 72px;display:flex;align-items:center;justify-content:center;perspective:700px}.bag{position:absolute;border:2px solid #ecffff93;box-shadow:12px 24px 30px #03162288,inset -14px -3px 30px #c9f6ff22;display:flex;align-items:center;justify-content:center}.bag-back{height:225px;width:135px;transform:rotate(-22deg) translate(-115px,20px);background:linear-gradient(110deg,#b3dde499,#8ad5e42b 30%,#b2f1ec78 45%,#b3dde415);border-radius:5px}.bag-back span,.bag-front span{font:800 16px Manrope;letter-spacing:.16em;color:#ebffff88}.bag-main{width:215px;height:300px;z-index:2;background:linear-gradient(103deg,#ffffff48 3%,#d7eff515 18%,#d9ffff5b 24%,#71b5c51a 40%,#eeffff60 57%,#e6faff18 70%,#ffffff30);transform:rotate(-5deg);border-radius:5px;flex-direction:column}.bag-main>span{font:800 29px Manrope;letter-spacing:-.08em;color:#e8fff3;text-shadow:0 2px 10px #133b4c}.bag-main>span span{color:#d4f477}.bag-main small{font-size:7px;font-weight:800;letter-spacing:.2em;color:#eefff1}.bag-front{height:195px;width:140px;transform:rotate(17deg) translate(120px,40px);background:linear-gradient(120deg,#f1faff99,#70b5d32e 28%,#dafaff80 47%,#e7faff22);z-index:3;border-radius:3px}.art-caption{position:absolute;bottom:0;left:0;right:0;min-height:90px;background:#ffffff17;border-top:1px solid #ffffff25;display:flex;align-items:center;justify-content:space-between;padding:20px 27px}.art-caption>span:first-child{font-size:11px;color:#afcbd2}.art-caption b{font:700 14px/1.5 Manrope}.art-arrow{font-size:27px}.floating-tag{position:absolute;right:-14px;top:45px;background:var(--lime);color:#1c3328;padding:11px 19px;border-radius:30px;font-weight:800;font-size:11px;transform:rotate(7deg)}.hero-ticker{border-top:1px solid #ffffff1b;background:#142b3b}.hero-ticker .shell{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:19px 0;white-space:nowrap;overflow:hidden}.hero-ticker span{color:#d0dfe1;font:800 11px Manrope;letter-spacing:.16em}.hero-ticker b{color:var(--lime)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:36px}.section-head>div{max-width:660px}.section-head>p{max-width:340px;color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 4px}.material-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.material-card{position:relative;border-radius:18px;overflow:hidden;min-height:410px;background:#e4edf0;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}.material-card:hover{transform:translateY(-7px);box-shadow:0 20px 40px #102b3626}.material-pebd{background:#e9efe4}.material-pead{background:#e5eaef}.material-pp{background:#e9e9e3}.material-top{padding:22px;display:flex;justify-content:space-between;position:relative;z-index:2;font-size:11px;font-weight:800}.round-arrow{height:29px;width:29px;display:grid;place-items:center;border:1px solid #7a8c98;border-radius:50%;font-size:15px}.material-art{position:relative;height:180px;margin-top:-15px;display:grid;place-items:center;overflow:hidden}.material-art i{position:absolute;display:block;border:2px solid #fff9;border-radius:5px;box-shadow:11px 12px 22px #24495930}.film-art i{height:145px;width:98px;background:linear-gradient(105deg,#9ec7db6e,#ffffff8a 29%,#8fc0d147 35%,#ffffffb8 65%,#9abac34d);transform:rotate(-13deg)}.film-art i:nth-child(2){transform:translate(43px,7px) rotate(16deg);background:#ffffff55}.film-art i:nth-child(3){transform:translate(-42px,8px) rotate(-26deg);background:#ffffff47}.soft-art i{height:140px;width:110px;border-radius:15px 15px 6px 6px;background:linear-gradient(110deg,#c4e7b166,#ffffffaf 35%,#a0ba9d66 65%,#fff9);transform:rotate(15deg)}.soft-art i:nth-child(2){transform:translate(-35px,5px) rotate(-15deg);background:#d5f1d380}.handle-art i{height:135px;width:110px;background:linear-gradient(115deg,#edf9ffff,#9ec9dc8c 34%,#ffffffbd 64%,#9cbdcb87);clip-path:polygon(0 0,27% 0,27% 14%,73% 14%,73% 0,100% 0,100% 100%,0 100%);transform:rotate(-12deg)}.handle-art i:nth-child(2){transform:translate(34px,14px) rotate(14deg);opacity:.55}.clear-art i{height:130px;width:95px;background:linear-gradient(115deg,#fff8,#d3d9d44d 30%,#fff 38%,#fff4 63%,#f9fff5a6);transform:rotate(8deg)}.clear-art i:nth-child(2){transform:translate(35px,6px) rotate(-8deg)}.clear-art i:nth-child(3){transform:translate(-32px,8px) rotate(-16deg)}.material-content{background:#fff;border-radius:16px 16px 0 0;margin-top:auto;padding:23px;position:relative;flex:1}.material-kicker{font-weight:800;font-size:9px;letter-spacing:.12em;color:#749742}.material-content h3{font-size:30px;margin:3px 0;letter-spacing:-.04em}.material-content p{font-size:12px;color:var(--muted);line-height:1.75;min-height:60px;margin:7px 0 20px}.text-link{font-size:12px;font-weight:800}.text-link span{color:#7c9f4d;margin-left:8px}.catalog-section{background:var(--cream)}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:10px 17px;border:1px solid #d7dfd7;color:#52635e;background:transparent;border-radius:30px;font-size:12px;font-weight:800}.chip[aria-pressed=true]{background:var(--navy);color:#fff;border-color:var(--navy)}.search-field{height:43px;max-width:290px;min-width:220px;flex:1;border:1px solid #dae2dc;border-radius:9px;display:flex;align-items:center;gap:7px;background:#fff;padding:0 12px}.search-field span{font-size:24px;color:#789}.search-field input{width:100%;outline:none;border:0;background:none;font-size:12px}.result-count{margin:18px 0;color:#79857d;font-size:12px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{background:#fff;border:1px solid #e4e9e2;border-radius:17px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #152a3512}.product-image{height:173px;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(145deg,#ebf0ec,#dce8e8)}.product-image[data-mat="BOPP"]{background:linear-gradient(135deg,#dcebf3,#cad9e8)}.product-image[data-mat="PEBD"]{background:linear-gradient(135deg,#e1eddc,#c9dfd0)}.product-image[data-mat="PEAD"]{background:linear-gradient(135deg,#e0e8ee,#cddfdf)}.product-image[data-mat="PP"]{background:linear-gradient(135deg,#ededdf,#dfe6d6)}.product-image::before,.product-image::after{content:"";width:95px;height:124px;position:absolute;border:2px solid #ffffffb6;background:linear-gradient(105deg,#ffffff50,#95b6c33b 27%,#ffffffb1 38%,#aecfd133 60%,#ffffff6e);box-shadow:12px 15px 25px #254b4d28;border-radius:4px;transform:rotate(-13deg) translateX(-17px)}.product-image::after{transform:rotate(15deg) translateX(25px);opacity:.8}.product-image[data-mat="PEAD"]::before{clip-path:polygon(0 0,30% 0,30% 14%,70% 14%,70% 0,100% 0,100% 100%,0 100%)}.product-image .mat-pill{position:absolute;top:13px;left:13px;z-index:1;background:#fff;padding:5px 10px;border-radius:20px;color:#486341;font-size:10px;font-weight:800}.product-image .product-symbol{position:absolute;bottom:13px;right:15px;z-index:1;color:#49646c;font-size:10px;font-weight:900;letter-spacing:.17em}.product-content{padding:21px;display:flex;flex-direction:column;flex:1}.product-content h3{font-size:16px;line-height:1.4;letter-spacing:-.03em;margin:0 0 8px}.product-content p{color:var(--muted);font-size:12px;line-height:1.7;min-height:59px;margin-bottom:16px}.product-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:auto}.product-fields label{font-size:10px;color:#596c65;font-weight:800}.product-fields select,.product-fields input{margin-top:5px;border:1px solid #dfe7e3;border-radius:7px;width:100%;height:38px;padding:0 8px;background:white;color:var(--ink);font-size:12px}.product-fields .unit-field{grid-column:1/-1}.add-button{width:100%;border:0;margin-top:15px;background:var(--navy);color:white;padding:12px;border-radius:8px;font-weight:800;font-size:12px}.add-button:hover{background:#27475d}.no-results{padding:38px;text-align:center;color:var(--muted)}.why-banner{border-radius:26px;background:var(--navy);color:white;display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:72px}.why-copy h2{margin:18px 0}.why-copy h2 em{color:var(--lime)}.why-copy p{color:#becdd2;max-width:410px;margin:24px 0}.why-features{display:grid;gap:15px}.why-features>div{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:0 14px;background:#ffffff0d;border:1px solid #ffffff22;padding:19px;border-radius:15px}.why-features>div>span{grid-row:span 2;width:40px;height:40px;background:#d4f4771c;border-radius:12px;color:var(--lime);display:grid;place-items:center;font-size:24px}.why-features h3{font-size:14px;margin:0}.why-features p{font-size:12px;color:#aebdc5;margin:2px 0 0}.process{padding-top:30px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.process-grid article{border:1px solid var(--line);border-radius:18px;padding:28px}.step-no{font:800 11px Manrope;color:#8ea26f}.step-symbol{font-size:42px;color:#8dad49;margin:20px 0}.process-grid h3{font-size:18px;margin:0 0 9px}.process-grid p{font-size:13px;color:var(--muted);margin:0}.contact-section{background:#203b4b;color:white}.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:50px;padding-top:70px;padding-bottom:70px}.contact-inner h2{max-width:630px}.contact-inner h2 em{color:var(--lime)}.contact-inner p{color:#c0cdd3;margin:15px 0 0}.contact-actions{display:grid;gap:10px;min-width:255px}.footer{background:#0c1c29;color:white}.footer-grid{display:grid;grid-template-columns:2.3fr 1fr 1fr 1.5fr;gap:45px;padding-top:70px;padding-bottom:55px}.footer-brand{margin-bottom:19px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.footer-grid p{color:#93a7b2;font-size:12px;max-width:270px}.footer-grid strong{font-size:13px;margin-bottom:12px}.footer-grid a:not(.brand){font-size:12px;color:#adbec6}.footer-bottom{border-top:1px solid #ffffff1d;padding-top:20px;padding-bottom:25px;color:#829aa7;font-size:11px;display:flex;justify-content:space-between}.scrim{position:fixed;inset:0;background:#06151ebd;z-index:39}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(520px,100%);background:white;z-index:40;box-shadow:-15px 0 60px #0003;display:flex;flex-direction:column}.drawer[hidden],.scrim[hidden],[hidden]{display:none!important}.drawer-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:25px 28px}.drawer-header h2{font-size:25px;margin:6px 0 0}.drawer-header h2 span{color:#83a84c}.close-button{border:0;background:#eff2ee;border-radius:50%;height:38px;width:38px;font-size:26px}.drawer-scroll{overflow:auto;padding:24px 28px;flex:1}.cart-items{list-style:none;margin:0;padding:0}.cart-items li{padding:15px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px}.cart-items strong{font-size:13px;display:block}.cart-items small{font-size:11px;color:var(--muted);display:block;margin-top:5px}.cart-items button{border:0;background:none;color:#a04643;font-size:11px;font-weight:800}.empty-cart{text-align:center;padding:45px 0}.empty-cart>span{font-size:55px;color:#a2bf68}.empty-cart h3{margin-bottom:0}.empty-cart p{color:var(--muted);font-size:13px}.drawer form{display:grid;gap:14px;padding-top:22px}.drawer form h3{margin:0;font-size:17px}.drawer form label{display:block;font-weight:800;font-size:11px}.drawer form input,.drawer form textarea{width:100%;margin-top:6px;border-radius:8px;border:1px solid #dce4dd;background:#fafbf9;padding:12px;font-size:13px;outline-color:#94b35e}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.submit-button{width:100%;margin-top:6px}.form-note{color:var(--muted);font-size:11px;text-align:center;margin:0}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,140%);background:#183344;color:white;padding:13px 20px;border-radius:11px;font-size:12px;font-weight:700;z-index:50;transition:transform .25s;box-shadow:0 10px 30px #0003}.toast.show{transform:translate(-50%,0)}:focus-visible{outline:3px solid #a2c960;outline-offset:3px}
@media(max-width:1100px){.nav-links{gap:17px}.nav-contact{display:none}.product-grid,.material-grid{grid-template-columns:repeat(2,1fr)}.material-card{min-height:370px}.hero-grid{gap:20px}.hero-art{height:420px}.hero h1{font-size:52px}.why-banner{padding:45px}}
@media(max-width:760px){.shell{width:calc(100% - 36px)}.announcement-right{display:none}.announcement{padding:8px 18px;text-align:center}.nav{height:68px}.brand{font-size:22px}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;background:white;box-shadow:0 15px 25px #0001;padding:22px;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.menu-toggle{display:block}.quote-button{padding:9px 12px;font-size:11px}.nav-actions{gap:4px}.hero-grid{display:flex;flex-direction:column;padding:54px 0 40px;min-height:auto;gap:36px}.hero h1{font-size:clamp(40px,10vw,58px)}.hero-copy>p{font-size:14px}.hero-bottom{margin-top:34px}.hero-art{height:360px;width:100%;max-width:460px}.art-glass{width:94%}.orb-one{width:320px;height:320px}.bags{transform:scale(.8)}.floating-tag{right:0}.hero-ticker .shell{gap:25px;justify-content:flex-start}.section{padding-top:65px;padding-bottom:65px}.section-head{display:block}.section-head>p{margin-top:20px}.material-grid,.product-grid,.process-grid{grid-template-columns:repeat(2,1fr)}.catalog-toolbar{align-items:stretch;flex-direction:column}.search-field{max-width:none}.why-banner{grid-template-columns:1fr;padding:30px 25px;gap:30px}.process{padding-top:0}.contact-inner{flex-direction:column;align-items:stretch;padding-top:50px;padding-bottom:50px}.footer-grid{grid-template-columns:repeat(2,1fr);gap:35px}.footer-bottom{gap:20px}}
@media(max-width:490px){h2{font-size:33px}.hero h1{font-size:42px}.hero-art{height:330px}.material-grid,.product-grid,.process-grid{grid-template-columns:1fr}.material-card{min-height:355px}.material-art{height:150px}.material-content p{min-height:0}.product-image{height:200px}.product-fields{grid-template-columns:1fr 1fr}.field-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:27px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column}.hero-actions .button{flex:1;padding:13px}.nav .brand small{font-size:7px}.drawer-scroll{padding:20px}.drawer-header{padding:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}