@import url('/assets/fonts.css');
:root{--green:#8dc141;--pale:#c8dea5;--gray:#f5f5f5;color:#000;background:#fff;font-family:Arial,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #2c6100;outline-offset:5px}img{display:block;max-width:100%}h1,h2,p{margin:0}header{background:#f5f5f5}nav{max-width:1500px;margin:auto;min-height:38px;display:flex;justify-content:flex-end;align-items:center;gap:20px;padding:8px 14px;font-size:16px;color:#79848e}nav a[aria-current]{color:#344756}nav a:hover{text-decoration:underline}.canvas{max-width:1500px;margin:auto;container-type:inline-size;position:relative}.canvas main{position:relative;min-height:56.2225cqw}.button{background:var(--green);color:white;border-radius:999px;font-size:2.05cqw;font-weight:bold;display:inline-flex;align-items:center;justify-content:center;padding:.7cqw 1.8cqw;line-height:1.3;white-space:nowrap}.button:hover{filter:brightness(.94)}footer{position:absolute;bottom:2.1cqw;right:6.5cqw}.home{display:flex;align-items:center;gap:.4cqw;color:var(--green);font-size:1.95cqw;text-decoration:underline;font-weight:bold}.home svg{width:2.6cqw;height:2.6cqw;fill:var(--green)}.skip{position:absolute;left:10px;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}
.hero{background:#444 url('/assets/hero.png') center/cover no-repeat;color:#fff}.hero-copy{position:absolute;left:6.95cqw;bottom:4cqw}.hero h1{font-size:4.4cqw;line-height:1.45;font-weight:normal}.hero h1 span{font-size:4.88cqw}.hero p{font-size:2.635cqw;line-height:1.45;margin:1.2cqw 0 2.7cqw}.hero-buttons{display:flex;gap:1.85cqw;padding-left:1.25cqw}.hero .button{min-width:16.9cqw;min-height:5.12cqw}.hero .outline{border:.45cqw solid #fff;background:transparent;padding:.25cqw 1.35cqw}.heading{position:relative;height:14.9cqw;padding-top:4.65cqw;margin-left:5.3cqw}.heading>p{color:var(--pale);font-size:5.77cqw;line-height:1;font-weight:normal}.heading h1{font-size:4.5cqw;line-height:1.1;font-weight:normal;position:absolute;top:8.6cqw;left:34cqw}.categories .heading{margin-left:9.7cqw}.categories .heading h1{font-size:3.12cqw;left:12cqw;top:9.7cqw}.about{display:grid;grid-template-columns:51.35% 48.65%}.about-copy{padding:8.5cqw 3.4cqw 10cqw 5.4cqw}.eyebrow{color:var(--green);font-size:3.22cqw;white-space:nowrap;text-align:center}.about h1{font-size:3.122cqw;line-height:1.2;font-weight:normal;margin-top:5.7cqw;text-align:center;white-space:nowrap}.about .description{font-size:2.05cqw;line-height:1.8;margin-top:5.9cqw}.about-picture{background:var(--gray);padding:9.95cqw 5.5cqw 9cqw 2.5cqw}.about-picture img{width:100%;height:33.45cqw;object-fit:cover;border-radius:2.4cqw}.dots{width:24cqw;border-top:.8cqw dotted var(--green);margin:0 auto 2.6cqw}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:7cqw;padding:1.2cqw 9.7cqw 5.4cqw}.category-grid article{background:var(--gray);border-radius:2.6cqw;padding:2cqw 2.3cqw 1.4cqw;display:flow-root}.category-grid img{width:100%;height:18.1cqw;object-fit:cover;border-radius:2.1cqw}.category-grid h2{font-size:2.93cqw;line-height:1.45;margin-top:1.1cqw}.category-grid p{font-size:2.44cqw;line-height:1.5;margin:.4cqw 0 .8cqw;white-space:nowrap}.category-grid .button{float:right;border:.35cqw solid #fff;font-size:2.05cqw;padding:.6cqw 1.9cqw}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3.7cqw;padding:0 5.3cqw 7cqw}.product-photo{position:relative;height:22cqw;border-radius:2cqw;overflow:hidden}.product-photo>img{height:100%;width:100%;object-fit:cover}.product-photo .button{position:absolute;right:.5cqw;bottom:.5cqw;font-size:2.05cqw;padding:.7cqw .8cqw}.product h2{font-size:3.12cqw;line-height:1.35;margin-top:.2cqw}.product p{font-size:2.05cqw;line-height:1.4}.product strong{font-weight:700}.compost .heading{margin-left:9cqw}.compost .heading h1{left:31cqw}.compost .product-grid{grid-template-columns:1fr 1fr;gap:10.5cqw;padding-left:17.3cqw;padding-right:17.3cqw}.contact .heading{height:21cqw;margin-left:7.4cqw;padding-top:6.8cqw}.contact .heading h1{left:10.7cqw;top:11.7cqw}.company-logo{position:absolute;top:4.4cqw;right:5.6cqw;width:19.7cqw}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4cqw;padding:1.1cqw 4cqw 0}.contact-grid section{display:flex;align-items:center;gap:1.6cqw;min-height:19.1cqw;background:var(--gray);border-radius:3cqw;padding:1.65cqw}.icon{display:flex;align-items:center;justify-content:center;background:var(--green);color:#fff;width:6.2cqw;height:6.2cqw;border-radius:50%;font-family:Arial,sans-serif;font-size:4cqw;flex-shrink:0}.contact-grid h2{font-size:2.15cqw;font-weight:normal;line-height:1.5}.contact-grid p{font-size:2.05cqw;line-height:1.45}.contact-grid a{font-weight:bold;font-size:2.05cqw;white-space:nowrap}.contact-grid a.phone{font-size:2.64cqw}.contact-bottom{display:flex;align-items:center;gap:7cqw;margin:3.65cqw 9.3cqw 0 12.15cqw}.call{border-radius:2.4cqw;font-size:2.9cqw;min-width:29.3cqw;height:7.2cqw;gap:2cqw}.call span{font-size:4cqw}.social{display:flex;gap:1.5cqw;align-items:center}.social .qr{width:9cqw;flex-shrink:0}.social p{font-size:1.95cqw;line-height:1.4;white-space:nowrap}.brand-links{display:flex;align-items:center;gap:1.5cqw;margin-top:.6cqw}.brand-links img{height:2.9cqw;width:auto}.brand-links a:last-child img{height:3.7cqw}

.page-1{font-family:"p1-NotoSansKR-Regular",Arial,sans-serif}.page-1 h2,.page-1 strong,.page-1 .button,.page-1 .home,.page-1 .contact-grid a{font-family:"p1-NotoSansKR-Bold",Arial,sans-serif}.page-1 .heading>p,.page-1 .eyebrow,.page-1 .hero h1{font-family:"p1-TTOktapbangR",Arial,sans-serif}.page-1 .heading h1,.page-1 .about h1{font-family:"p1-TTComsetakR",Arial,sans-serif}
.page-2{font-family:"p2-NotoSansKR-Regular",Arial,sans-serif}.page-2 h2,.page-2 strong,.page-2 .button,.page-2 .home,.page-2 .contact-grid a{font-family:"p2-NotoSansKR-Bold",Arial,sans-serif}.page-2 .heading>p,.page-2 .eyebrow,.page-2 .hero h1{font-family:"p2-TTOktapbangR",Arial,sans-serif}.page-2 .heading h1,.page-2 .about h1{font-family:"p2-TTComsetakR",Arial,sans-serif}
.page-3{font-family:"p3-NotoSansKR-Regular",Arial,sans-serif}.page-3 h2,.page-3 strong,.page-3 .button,.page-3 .home,.page-3 .contact-grid a{font-family:"p3-NotoSansKR-Bold",Arial,sans-serif}.page-3 .heading>p,.page-3 .eyebrow,.page-3 .hero h1{font-family:"p3-TTOktapbangR",Arial,sans-serif}.page-3 .heading h1,.page-3 .about h1{font-family:"p3-TTComsetakR",Arial,sans-serif}
.page-4{font-family:"p4-NotoSansKR-Regular",Arial,sans-serif}.page-4 h2,.page-4 strong,.page-4 .button,.page-4 .home,.page-4 .contact-grid a{font-family:"p4-NotoSansKR-Bold",Arial,sans-serif}.page-4 .heading>p,.page-4 .eyebrow,.page-4 .hero h1{font-family:"p4-TTOktapbangR",Arial,sans-serif}.page-4 .heading h1,.page-4 .about h1{font-family:"p4-TTComsetakR",Arial,sans-serif}
.page-5{font-family:"p5-NotoSansKR-Regular",Arial,sans-serif}.page-5 h2,.page-5 strong,.page-5 .button,.page-5 .home,.page-5 .contact-grid a{font-family:"p5-NotoSansKR-Bold",Arial,sans-serif}.page-5 .heading>p,.page-5 .eyebrow,.page-5 .hero h1{font-family:"p5-TTOktapbangR",Arial,sans-serif}.page-5 .heading h1,.page-5 .about h1{font-family:"p5-TTComsetakR",Arial,sans-serif}
.page-6{font-family:"p6-NotoSansKR-Regular",Arial,sans-serif}.page-6 h2,.page-6 strong,.page-6 .button,.page-6 .home,.page-6 .contact-grid a{font-family:"p6-NotoSansKR-Bold",Arial,sans-serif}.page-6 .heading>p,.page-6 .eyebrow,.page-6 .hero h1{font-family:"p6-TTOktapbangR",Arial,sans-serif}.page-6 .heading h1,.page-6 .about h1{font-family:"p6-TTComsetakR",Arial,sans-serif}@media(min-width:1500px){nav{font-size:20px;min-height:55px}}
@media(max-width:760px){nav{min-height:54px;justify-content:center;flex-wrap:wrap;gap:9px 17px;font-size:13px;padding:12px}nav a:first-child{font-weight:bold}.canvas main{min-height:0}.button{font-size:18px;padding:10px 18px}.canvas main:not(.hero){padding-bottom:72px}footer{right:25px;bottom:22px}.home{font-size:18px;gap:5px}.home svg{width:24px;height:24px}.hero{min-height:calc(100svh - 80px)!important;background-position:55% center}.hero-copy{position:relative;left:auto;bottom:auto;padding:260px 25px 55px;background:linear-gradient(0deg,#0009,transparent)}.hero h1{font-size:clamp(27px,6.8vw,44px);line-height:1.4}.hero h1 span{font-size:1.12em}.hero p{font-size:17px;margin:18px 0 26px}.hero-buttons{gap:12px;padding:0;flex-wrap:wrap}.hero .button{min-height:47px;min-width:0;font-size:16px;padding:10px 18px}.hero .outline{border:3px solid white;padding:7px 15px}.heading,.categories .heading,.compost .heading,.contact .heading{margin:0;padding:30px 24px 28px;height:auto}.heading>p{font-size:clamp(29px,7vw,45px);line-height:1.1}.heading h1,.categories .heading h1,.compost .heading h1,.contact .heading h1{position:relative;top:auto;left:auto;font-size:31px;margin-top:-3px;margin-left:20px}.categories .heading h1{font-size:25px;margin-left:0;margin-top:5px}.about{display:flex;flex-direction:column}.about-copy{padding:35px 25px}.eyebrow{font-size:26px;white-space:normal;text-align:left}.about h1{font-size:26px;white-space:normal;text-align:left;margin-top:30px}.about .description{font-size:17px;line-height:1.8;margin-top:28px}.desktop-break{display:none}.about-picture{padding:25px}.about-picture img{height:auto;border-radius:22px}.dots{border-top:7px dotted var(--green);width:55%;margin:0 auto 20px}.category-grid{display:grid;grid-template-columns:1fr;padding:0 24px;gap:25px}.category-grid article{border-radius:25px;padding:20px}.category-grid img{height:auto;aspect-ratio:1.8;object-fit:cover;border-radius:18px}.category-grid h2{font-size:29px;margin-top:12px}.category-grid p{font-size:19px;margin:5px 0 12px;white-space:normal}.category-grid .button{font-size:18px;padding:8px 18px;border:3px solid white}.product-grid,.compost .product-grid{grid-template-columns:1fr;gap:30px;padding:0 25px}.product-photo{height:auto;aspect-ratio:1.25;border-radius:22px}.product-photo .button{right:8px;bottom:8px;font-size:18px;padding:9px 14px}.product h2{font-size:31px;margin-top:8px}.product p{font-size:19px;line-height:1.6}.company-logo{position:relative;top:auto;right:auto;width:190px;margin:0 25px 25px auto}.contact-grid{grid-template-columns:1fr;gap:16px;padding:0 24px}.contact-grid section{padding:24px;gap:20px;border-radius:25px;min-height:140px}.icon{width:65px;height:65px;font-size:42px}.contact-grid h2{font-size:21px}.contact-grid p,.contact-grid a{font-size:18px}.contact-grid a.phone{font-size:25px}.contact-bottom{flex-direction:column;margin:25px 24px 10px;gap:25px}.call{width:100%;min-height:65px;font-size:25px;border-radius:24px;gap:20px}.call span{font-size:35px}.social{gap:14px;max-width:100%}.social .qr{width:84px}.social p{font-size:14px;white-space:normal}.brand-links{gap:10px;margin-top:8px}.brand-links img{height:23px;max-width:110px}.brand-links a:last-child img{height:29px}}
@media(prefers-reduced-motion:no-preference){a{transition:filter .15s}}
@media(min-width:761px){.about-copy{padding-right:1cqw}.about .description{line-height:1.4}.dots{border-top:0;height:.8cqw;background:repeating-linear-gradient(90deg,var(--green) 0 .7cqw,transparent .7cqw 1.4cqw)}}
.icon{overflow:hidden}.icon img{width:100%;height:100%;object-fit:cover}.call span img{height:5cqw;width:5cqw;object-fit:contain}.call span{display:block}.company-logo{mix-blend-mode:multiply}
@media(min-width:761px){.contact .heading{height:18.2cqw}.contact-grid section{gap:1.25cqw;padding:1.45cqw}.contact-grid section:last-child p{white-space:nowrap}.about h1{letter-spacing:-.05cqw}}
@media(max-width:760px){.call span img{height:48px;width:48px}.contact .heading{height:auto}}