@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";
:is(body:has(.earthguard-landing)>.site-header,body:has(.earthguard-landing)>.site-footer){display:none}:is(html:has(.earthguard-landing),body:has(.earthguard-landing)){background:#071215;min-height:100%;overflow:hidden}.earthguard-landing{--motion-green:#00a263;--motion-ink:#071215;color:#fff;background:var(--motion-ink);min-height:100svh;font-family:Space Grotesk,Noto Sans KR,sans-serif}.earthguard-landing ::selection{color:#071215;background:var(--motion-green)}.glass-nav{-webkit-backdrop-filter:blur(12px);background:#061114d1;border-bottom:1px solid #fff3}.glass-button{color:#fff;-webkit-backdrop-filter:blur(12px);background:#0712156b;border:1px solid #ffffff57}.glass-button:hover,.glass-button:focus-visible{color:var(--motion-green);border-color:var(--motion-green);background:#071215b8}.landing-global-header{z-index:50;color:#fff;position:fixed;inset:0 0 auto}.landing-header-inner{justify-content:space-between;align-items:center;gap:2rem;width:min(100% - 3rem,90rem);height:6rem;margin-inline:auto;display:flex}.landing-brand{background:#fff;border-radius:.3rem;flex:none;width:clamp(10rem,14vw,12.5rem);padding:.25rem .45rem;display:flex;box-shadow:0 .6rem 2rem #0000002e}.landing-logo{width:100%;height:auto;display:block}.landing-desktop-nav{justify-content:flex-end;align-items:center;gap:clamp(1.4rem,3vw,2.6rem);display:flex}.landing-desktop-nav>a:not(.landing-header-cta){color:#ffffffe6;letter-spacing:.11em;text-shadow:0 2px 10px #000c;align-items:center;min-height:44px;font-size:.78rem;font-weight:700;display:inline-flex;position:relative}.landing-desktop-nav>a:not(.landing-header-cta):after{content:"";background:var(--motion-green);height:2px;transition:right .22s;position:absolute;bottom:.35rem;left:0;right:100%}.landing-desktop-nav>a:hover:after,.landing-desktop-nav>a:focus-visible:after{right:0}.landing-header-cta{letter-spacing:.08em;border-radius:999px;align-items:center;gap:.55rem;min-height:2.9rem;padding:.65rem 1.15rem;font-size:.75rem;font-weight:800;display:inline-flex}.landing-menu-toggle{border-radius:50%;justify-content:center;align-items:center;width:2.9rem;height:2.9rem;display:none}.landing-menu-toggle svg{width:1.3rem}.landing-mobile-nav{display:none}.landing-global-header[data-theme=light].glass-nav{color:#10251b;background:#fffcf4db;border-bottom-color:#10251b33}.landing-global-header[data-theme=light] .landing-desktop-nav>a:not(.landing-header-cta){color:#10251b;text-shadow:0 2px 12px #fffffff2}.landing-global-header[data-theme=light] .landing-header-cta,.landing-global-header[data-theme=light] .landing-menu-toggle{color:#10251b;background:#ffffff94;border-color:#10251b66}.single-frame-landing{isolation:isolate;min-height:100svh;position:relative;overflow:hidden}.single-frame-images{z-index:-3;background:#071215;position:absolute;inset:0;overflow:hidden}.single-frame-layer{visibility:hidden;z-index:0;clip-path:inset(0 0 0 100%);position:absolute;inset:0}.single-frame-layer.is-previous{visibility:visible;z-index:1;clip-path:inset(0)}.single-frame-layer.is-active{visibility:visible;z-index:2;animation:1.1s cubic-bezier(.77,0,.18,1) both single-frame-reveal-next}.single-frame-layer.is-active[data-direction=previous]{animation-name:single-frame-reveal-previous}.single-frame-layer.is-active.is-initial{clip-path:inset(0);animation:none}.single-frame-image{object-fit:cover}@keyframes single-frame-reveal-next{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}@keyframes single-frame-reveal-previous{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.single-frame-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:2rem;width:min(100% - 3rem,90rem);min-height:100svh;margin-inline:auto;padding:8rem 0 7.6rem;display:grid}.single-frame-copy{box-sizing:border-box;color:#fff;background-color:#041210e0;border:1px solid #ffffff3d;border-radius:1.35rem;grid-column:1/span 7;width:min(100%,48rem);max-width:48rem;padding:clamp(1.25rem,2.5vw,2rem);animation:.9s cubic-bezier(.22,1,.36,1) both single-copy-enter;box-shadow:0 1.5rem 4rem #00000038}@keyframes single-copy-enter{0%{opacity:0;transform:translateY(42px)}to{opacity:1;transform:translateY(0)}}.single-frame-kicker{color:var(--motion-green);letter-spacing:.2em;text-shadow:0 2px 12px #000000e6;align-items:center;gap:.85rem;margin:0 0 1.45rem;font-size:.76rem;font-weight:800;display:flex}.single-frame-kicker i{background:currentColor;width:2.4rem;height:2px;box-shadow:0 0 18px #86d028a6}.single-frame-copy h1{color:#fff;text-shadow:0 4px 30px #000c;word-break:keep-all;max-width:11ch;margin:0;font-size:clamp(3.5rem,6vw,6.3rem);font-weight:500}.single-frame-copy h1:lang(en){max-width:10.5ch;font-family:var(--font-title-en), "Cormorant Garamond", Georgia, serif;letter-spacing:-.035em;font-size:clamp(4.25rem,7.2vw,7.4rem);font-weight:600;line-height:.95}.single-frame-copy h1:lang(ko){max-width:12ch;font-family:var(--font-title-ko), "Noto Serif KR", serif;letter-spacing:-.045em;font-size:clamp(3.35rem,5.7vw,5.8rem);font-weight:500;line-height:1.08}.single-frame-landing:is([data-active-frame="1"],[data-active-frame="6"]) .single-frame-copy h1{font-size:clamp(3.75rem,5.5vw,5.4rem)}.single-frame-copy h1 span,.single-frame-copy h1 em{display:block}.single-frame-copy h1 em{color:var(--motion-green);font-family:inherit;font-size:1.05em;font-weight:inherit;line-height:inherit;letter-spacing:inherit;margin-top:.12em}.single-frame-description{color:#ffffffe6;text-shadow:0 3px 16px #000000f2;max-width:34rem;margin:1.6rem 0 0;font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.75}.single-frame-actions{flex-wrap:wrap;gap:.8rem;margin-top:2rem;display:flex}.single-frame-actions a{letter-spacing:.05em;border-radius:999px;justify-content:center;align-items:center;gap:.65rem;min-height:3.35rem;padding:.75rem 1.35rem;font-size:.78rem;font-weight:800;transition:transform .22s,background .22s,border-color .22s;display:inline-flex}.single-frame-actions a:hover,.single-frame-actions a:focus-visible{transform:translateY(-3px)}.single-frame-actions svg{width:1rem}.single-frame-primary{color:#0a1719;background:var(--motion-green);border:1px solid var(--motion-green);box-shadow:0 1rem 3rem #86d0283d}.single-frame-secondary{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0611146b;border:1px solid #fff6}.single-frame-landing[data-tone=light] .single-frame-copy{color:#10251b;background-color:#fffcf4e6;border-color:#10251b33;box-shadow:0 1.5rem 4rem #10251b2e}.single-frame-landing[data-tone=light] .single-frame-kicker{color:#174d31;text-shadow:none}.single-frame-landing[data-tone=light] .single-frame-copy h1{color:#10251b;text-shadow:0 3px 22px #ffffffeb}.single-frame-landing[data-tone=light] .single-frame-copy h1 em{color:#1f653e}.single-frame-landing[data-tone=light] .single-frame-description{color:#14291f;text-shadow:none}.single-frame-landing[data-tone=light] .single-frame-secondary{color:#10251b;background:#fff;border-color:#10251b7a}.single-frame-controls{z-index:20;box-sizing:border-box;background-color:#040e11d6;border:1px solid #ffffff40;border-radius:999px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.65rem;width:min(100% - 3rem,56rem);padding:.45rem;display:grid;position:absolute;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 .8rem 2rem #00000038}.single-frame-controls>button{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#040e1185;border:1px solid #ffffff61;border-radius:50%;flex:none;justify-content:center;align-items:center;width:2.8rem;height:2.8rem;display:inline-flex}.single-frame-controls>button:hover,.single-frame-controls>button:focus-visible{color:var(--motion-green);border-color:var(--motion-green)}.single-frame-controls svg{width:1rem}.single-frame-selectors{grid-template-columns:repeat(6,1fr);gap:.45rem;min-width:0;display:grid}.single-frame-selectors button{color:#ffffffd1;cursor:pointer;background:0 0;border:0;gap:.35rem;min-width:0;padding:.45rem .3rem;display:grid}.single-frame-selectors span{letter-spacing:.08em;font-size:.62rem;font-weight:800}.single-frame-selectors i{background:#ffffff3d;height:2px;overflow:hidden}.single-frame-selectors i:after{content:"";background:var(--motion-green);transform-origin:0;width:100%;height:100%;transition:transform .3s;display:block;transform:scaleX(0)}.single-frame-selectors button[aria-current=true]{color:#fff}.single-frame-selectors button[aria-current=true] i:after{transform:scaleX(1)}.single-frame-progress{z-index:21;background:#ffffff1f;height:3px;position:absolute;bottom:0;left:0;right:0}.single-frame-progress i{background:var(--motion-green);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.single-frame-progress.is-playing i{animation:5.2s linear both single-progress}@keyframes single-progress{to{transform:scaleX(1)}}@media (max-width:1000px){.landing-header-inner{width:min(100% - 2rem,90rem);height:5.4rem}.landing-desktop-nav{display:none}.landing-menu-toggle{display:inline-flex}.landing-mobile-nav{background:#051013f0;border-top:1px solid #ffffff1f;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;padding:.75rem 1rem 1rem;display:grid}.landing-mobile-nav a{color:#fff;border:1px solid #ffffff24;border-radius:.7rem;justify-content:space-between;align-items:center;min-height:44px;padding:.65rem .75rem;font-size:.74rem;font-weight:700;display:flex}.landing-mobile-nav .landing-mobile-cta{color:#0a1719;background:var(--motion-green);border-color:var(--motion-green)}.single-frame-grid{grid-template-columns:repeat(8,minmax(0,1fr));width:min(100% - 2.5rem,52rem)}.single-frame-copy{grid-column:1/span 6}}@media (max-width:700px){.landing-brand{width:9.5rem}.landing-mobile-nav{grid-template-columns:1fr 1fr}.single-frame-grid{flex-direction:column;justify-content:center;align-items:stretch;gap:1.15rem;width:calc(100% - 2rem);padding:6.7rem 0 6.2rem;display:flex}.single-frame-copy{border-radius:1rem;max-width:none;padding:1.15rem}.single-frame-kicker{margin-bottom:1rem;font-size:.65rem}.single-frame-copy h1,.single-frame-copy h1:lang(en),.single-frame-copy h1:lang(ko){max-width:100%;font-size:clamp(2.55rem,11.5vw,4rem)}.single-frame-copy h1:lang(en){letter-spacing:-.035em;line-height:.98}.single-frame-copy h1:lang(ko){letter-spacing:-.045em;line-height:1.1}.single-frame-landing:is([data-active-frame="1"],[data-active-frame="6"]) .single-frame-copy h1{font-size:clamp(2.65rem,12vw,4.2rem)}.single-frame-description{max-width:23rem;margin-top:1.15rem;font-size:.92rem;line-height:1.6}.single-frame-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:1.25rem;display:grid}.single-frame-actions a{white-space:nowrap;gap:.35rem;min-width:0;min-height:3rem;padding:.6rem .65rem;font-size:.67rem}.single-frame-controls{grid-template-columns:auto minmax(0,1fr) auto auto;gap:.25rem;width:calc(100% - 1rem);padding:.3rem;bottom:1.1rem}.single-frame-controls>button{width:2.55rem;height:2.55rem}.single-frame-selectors{gap:.18rem}.single-frame-selectors button{padding-inline:.1rem}}@media (max-width:350px){.single-frame-grid{gap:.85rem;padding-top:6rem;padding-bottom:5.6rem}.single-frame-copy h1,.single-frame-copy h1:lang(en),.single-frame-copy h1:lang(ko),.single-frame-landing:is([data-active-frame="1"],[data-active-frame="6"]) .single-frame-copy h1{font-size:2.35rem}.single-frame-description{margin-top:.85rem;font-size:.82rem}.single-frame-actions{margin-top:.9rem}}@media (prefers-reduced-motion:reduce){.single-frame-layer.is-active,.single-frame-copy,.single-frame-progress i{animation:none!important}.single-frame-layer.is-active{clip-path:inset(0)}.single-frame-actions a,.single-frame-selectors i:after{transition:none}}
