@font-face{font-family:MI Sans;src:url('assets/fonts/Pretendard-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:MI Serif;src:url('assets/fonts/Tinos-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:MI Myeongjo;src:url('assets/fonts/NanumMyeongjo-Headline.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root{color-scheme:light;--ink:#111;--green:#2d7c38;--rule:#c9c9c9;--serif:'MI Serif','Times New Roman',serif;--sans:'MI Sans',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:var(--sans);font-weight:400;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--green);outline-offset:5px}
/* Geometry follows the approved proportions, using the shared page width. */
.brand-stage{height:calc(19.7514 * var(--layout-unit));position:relative}.brand{position:absolute;top:calc(8.4715 * var(--layout-unit));left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;width:max-content}.brand-symbol{display:block;width:calc(7.2744 * var(--layout-unit));height:auto;aspect-ratio:896/580}.brand-name{display:block;margin-top:calc(.64 * var(--layout-unit));font-family:var(--serif);font-size:var(--type-brand);line-height:1.1;letter-spacing:.15em;white-space:nowrap;padding-left:.15em}
.navigation{height:calc(2.5783 * var(--layout-unit));margin:0 calc(2.3481 * var(--layout-unit));border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);display:flex;justify-content:space-evenly;align-items:stretch}.nav-link{position:relative;display:grid;place-items:center;min-width:calc(8.3 * var(--layout-unit));padding:0;border:0;background:none;color:#171717;font-family:var(--serif);font-size:var(--type-nav);line-height:1;letter-spacing:0;cursor:pointer}.nav-link[aria-disabled=true]{cursor:default}.nav-en,.nav-ko{grid-area:1/1;transition:opacity 260ms ease,transform 380ms cubic-bezier(.2,.7,.2,1)}.nav-ko{font-family:var(--sans);font-size:var(--type-nav-ko);letter-spacing:.02em;opacity:0;transform:translateY(5px)}
@media(hover:hover){.nav-link:hover .nav-en{opacity:0;transform:translateY(-5px)}.nav-link:hover .nav-ko{opacity:1;transform:translateY(0)}}
.nav-link:focus-visible .nav-en{opacity:0;transform:translateY(-5px)}.nav-link:focus-visible .nav-ko{opacity:1;transform:translateY(0)}
.hero{position:relative;margin-top:calc(.5985 * var(--layout-unit));width:100%;aspect-ratio:1860/845;overflow:hidden;background:#232323;border-bottom:max(1px,calc(.0921 * var(--layout-unit))) solid var(--green)}.hero-poster,.hero-video{display:block;width:100%;height:100%;object-fit:cover}.hero-video{position:absolute;inset:0;z-index:4;object-fit:contain;background:#000}.hero-copy{position:absolute;left:calc(4.6774 * var(--layout-unit));right:calc(4 * var(--layout-unit));bottom:calc(4.55 * var(--layout-unit));color:#fff;pointer-events:none}.hero-copy h1{margin:0 0 calc(.65 * var(--layout-unit));font-family:var(--sans);font-size:var(--type-hero-title);font-weight:400;line-height:1.22;letter-spacing:-.032em;word-break:keep-all}.hero-copy p{margin:0;font-family:var(--sans);font-size:var(--type-caption);line-height:1.5;letter-spacing:-.015em;color:#f0f0f0;word-break:keep-all}
.play-button{position:absolute;left:50%;top:49.4%;transform:translate(-50%,-50%);width:calc(5.6172 * var(--layout-unit));height:calc(5.6172 * var(--layout-unit));border:1px solid rgba(255,255,255,.76);border-radius:50%;background:transparent;padding:0;color:#4bd143;display:grid;place-items:center;cursor:pointer;transition:transform 420ms cubic-bezier(.2,.7,.2,1),background 420ms ease,border-color 420ms ease,box-shadow 420ms ease}.play-icon{width:calc(1.2 * var(--layout-unit));height:calc(1.4 * var(--layout-unit));display:block;margin-left:calc(.18 * var(--layout-unit));transition:transform 420ms cubic-bezier(.2,.7,.2,1)}.play-button:hover,.play-button:focus-visible{transform:translate(-50%,-50%) scale(1.06);background:rgba(255,255,255,.075);border-color:#fff;box-shadow:0 0 0 calc(.35 * var(--layout-unit)) rgba(255,255,255,.05)}.play-button:hover .play-icon{transform:translateX(1px)}.hero.is-playing .play-button,.hero.is-playing .hero-copy{visibility:hidden}.video-status{position:absolute;left:50%;top:calc(49.4% + calc(4.3 * var(--layout-unit)));transform:translateX(-50%);margin:0;padding:9px 13px;max-width:calc(100% - 32px);border-radius:2px;background:rgba(0,0,0,.72);color:white;font-size:var(--type-status);line-height:1.6;text-align:center;white-space:nowrap}
.statement{margin:calc(3.45 * var(--layout-unit)) calc(2.7624 * var(--layout-unit)) calc(3.4069 * var(--layout-unit));padding:calc(9.07 * var(--layout-unit)) calc(2 * var(--layout-unit)) calc(8.96 * var(--layout-unit));text-align:center}.statement h2{margin:0;font-family:'MI Myeongjo',serif;font-size:var(--type-section);font-weight:700;line-height:1.1;letter-spacing:-.032em;word-break:keep-all}.statement-accent{display:block;width:calc(2.7624 * var(--layout-unit));height:max(1.5px,calc(.1381 * var(--layout-unit)));margin:calc(1.94 * var(--layout-unit)) auto calc(2.07 * var(--layout-unit));background:#428749}.statement p{margin:0;font-family:var(--sans);font-size:var(--type-body-lead);line-height:1.4;letter-spacing:-.026em;color:#424242;word-break:keep-all}
/* Reserve both language layouts so the block stays still during the crossfade. */
.statement h2,.statement p{display:grid;align-items:center}
.statement-ko,.statement-en{grid-area:1/1;transition:opacity 280ms ease,transform 360ms cubic-bezier(.2,.7,.2,1),visibility 0s linear 280ms}
.statement-ko{opacity:1;visibility:visible;transform:translateY(0);transition-delay:0s}
.statement-en{opacity:0;visibility:hidden;transform:translateY(5px);word-break:normal;overflow-wrap:break-word}
.statement h2 .statement-en{font-family:var(--serif);font-weight:400;letter-spacing:-.015em}
.statement:focus-visible .statement-ko{opacity:0;visibility:hidden;transform:translateY(-5px);transition-delay:0s,0s,280ms}
.statement:focus-visible .statement-en{opacity:1;visibility:visible;transform:translateY(0);transition-delay:0s}
@media(hover:hover){.statement:hover .statement-ko{opacity:0;visibility:hidden;transform:translateY(-5px);transition-delay:0s,0s,280ms}.statement:hover .statement-en{opacity:1;visibility:visible;transform:translateY(0);transition-delay:0s}}
.back-to-top{position:fixed;right:20px;bottom:24px;z-index:20;width:42px;height:52px;padding:7px 0 6px;border:1px solid #cacaca;background:rgba(255,255,255,.94);color:#202020;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;transition:color .25s,background .25s,border-color .25s}.back-to-top svg{width:17px;height:17px}.back-to-top span{font-family:var(--serif);font-size:var(--type-top);letter-spacing:.1em;padding-left:.1em}.back-to-top:hover{color:#fff;background:var(--green);border-color:var(--green)}
@media(max-width:700px){.brand-stage{height:190px}.brand{top:48px}.brand-symbol{width:80px}.brand-name{margin-top:10px;font-size:var(--type-brand)}.navigation{height:36px;margin:0 16px;justify-content:space-between}.nav-link{min-width:0;flex:1;font-size:var(--type-nav)}.nav-ko{font-size:var(--type-nav-ko)}.hero{margin-top:8px;aspect-ratio:1.35;border-bottom-width:1px}.hero-poster{object-position:37% center}.hero-copy{left:22px;right:22px;bottom:24px}.hero-copy h1{font-size:var(--type-hero-title);line-height:1.45;margin-bottom:9px;max-width:310px}.hero-copy p{font-size:var(--type-caption);line-height:1.65;max-width:310px}.play-button{width:58px;height:58px;top:42%}.play-icon{width:14px;height:17px;margin-left:3px}.video-status{top:calc(42% + 40px);font-size:var(--type-status);white-space:normal;width:max-content}.statement{margin:28px 18px 30px;padding:63px 12px 67px}.statement h2{font-size:var(--type-section);line-height:1.65;letter-spacing:-.04em}.statement-accent{width:34px;height:1.5px;margin:24px auto 25px}.statement p{font-size:var(--type-body-lead);line-height:1.9;max-width:370px;margin:auto}.back-to-top{right:12px;bottom:14px;width:36px;height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}