@charset "UTF-8";
:root {--bg:#f6f8f2;--white:#fff;--green:#518151;--deep:#284c35;--text:#26392b;--muted:#657263;--line:#dae2d5;--sage:#e9efdf;--sans:"Pretendard","Apple SD Gothic Neo","Malgun Gothic",Arial,sans-serif;--english:Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}:focus-visible{outline:3px solid #bd8a36;outline-offset:5px}[hidden]{display:none!important}.filter-defs{position:absolute;pointer-events:none}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.skip-link{position:fixed;top:12px;left:12px;padding:14px;z-index:100;background:var(--deep);color:var(--white);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;white-space:nowrap}.skip-link:focus{clip-path:none;height:auto;width:auto}
.site-header{position:relative;z-index:10;background:var(--bg)}.header-inner{height:105px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.brand-logo{display:block;position:relative;overflow:hidden;width:202px;aspect-ratio:4.78;flex:none}.brand-logo img{position:absolute;width:135.11%;max-width:none;height:auto;left:-13.86%;top:-117.1%;filter:url(#logo-green)}.desktop-nav{display:flex;align-items:center;gap:40px;font-family:var(--english);font-size:13px}.desktop-nav a{transition:color .2s}.desktop-nav a:hover{color:var(--green)}.header-contact{display:flex;align-items:center;gap:28px;padding:12px 18px;border:1px solid #bbcab5;border-radius:6px}.header-contact span{font-size:20px;line-height:1}.menu-toggle{display:none}.mobile-nav{background:var(--sage);padding:14px 24px 25px;border-bottom:1px solid var(--line)}.mobile-nav a{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid #cedbc5;font-family:var(--english);font-size:14px}
.hero{display:grid;grid-template-columns:.92fr 1.18fr;align-items:center;min-height:650px;gap:20px;padding-block:44px 54px}.eyebrow{font-family:var(--english);font-size:10px;font-weight:500;line-height:1.7;letter-spacing:.12em;margin:0;color:var(--green)}.hero .eyebrow{display:flex;align-items:center;gap:9px;letter-spacing:.1em}.status-dot{width:6px;height:6px;background:#d2ac58;border-radius:50%;display:inline-block;flex:none}h1{font-size:clamp(42px,4.8vw,66px);line-height:1.27;letter-spacing:-.065em;font-weight:700;margin:28px 0 25px}h1 span{color:var(--green)}.hero-description{font-size:14px;line-height:1.95;color:var(--muted);letter-spacing:-.025em;margin-bottom:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:37px;min-height:49px;padding:15px 23px;border:1px solid transparent;border-radius:7px;font-size:12px;font-weight:500;transition:background .2s,transform .2s}.button span{font-size:20px;line-height:1}.button-green{background:var(--green);color:white;border-color:var(--green)}.button-green:hover{background:var(--deep);border-color:var(--deep);transform:translateY(-2px)}.hero-signature{font-family:var(--english);font-size:10px;letter-spacing:.015em;margin:22px 0 0;color:#829078}.hero-scene{margin:0;position:relative;min-width:0;isolation:isolate;display:flex;flex-direction:column;justify-content:center;min-height:540px}.hero-scene>img{width:114%;max-width:none;height:530px;object-fit:contain;margin-left:-7%;position:relative;z-index:1}.scene-disc{position:absolute;inset:11% 0 16% 4%;background:#e7eddb;border-radius:50%;z-index:-1}.hero-scene figcaption{display:flex;align-items:center;gap:10px;position:relative;z-index:2;font-family:var(--english);font-size:8px;letter-spacing:.1em;color:#7b8e6f;padding-inline:14px;margin-top:-10px}.scene-cross{font-size:20px;color:var(--green)}.concept-tag{margin-left:auto;font-size:7px;letter-spacing:.08em;color:#8e9b83}
.play-strip{border-block:1px solid var(--line)}.play-strip .wrap{min-height:85px;display:flex;align-items:center;justify-content:space-between;gap:25px}.play-strip p{font-size:15px;font-weight:500;letter-spacing:-.035em;margin:0}.play-strip p span{color:var(--muted);margin-left:17px}.genre-tags{display:flex;gap:8px}.genre-tags span{font-family:var(--english);font-size:11px;padding:8px 15px;border:1px solid #ccd9c2;border-radius:30px;color:var(--green)}.section-space{padding-block:91px}.section-label{margin-bottom:20px;font-size:10px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:35px}h2{font-size:34px;line-height:1.45;letter-spacing:-.055em;font-weight:600;margin-bottom:0}.heading-note{font-family:var(--english);font-size:9px;letter-spacing:.07em;color:#89977e;margin-bottom:9px;white-space:nowrap}
.project-card{display:grid;grid-template-columns:1.15fr 1fr;min-height:400px;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:white}.project-art{position:relative;overflow:hidden;background:#e8eedf;display:grid;place-items:center;min-width:0}.project-art img{width:100%;height:400px;object-fit:contain;padding:8px 22px;transition:transform .5s}.project-card:hover .project-art img{transform:scale(1.035)}.art-label{position:absolute;left:25px;bottom:20px;font-family:var(--english);font-size:8px;letter-spacing:.12em;color:#718367}.project-copy{padding:42px 48px;display:flex;flex-direction:column;align-items:flex-start}.project-status{font-family:var(--english);font-size:10px;color:var(--green);display:flex;align-items:center;gap:7px;margin-bottom:21px}.project-status i{height:5px;width:5px;border-radius:50%;background:#b8c787}.project-copy h3{font-size:30px;line-height:1.4;letter-spacing:-.055em;font-weight:600;margin-bottom:18px}.project-copy>p{font-size:12px;line-height:1.95;letter-spacing:-.025em;color:var(--muted);margin-bottom:19px}.project-tags{display:flex;gap:7px;flex-wrap:wrap}.project-tags span{font-size:9px;color:#68815a;background:#f0f4e9;padding:5px 9px;border-radius:4px}.text-button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:14px 0 6px;background:none;border:0;border-bottom:1px solid #adbea1;font-size:11px;margin-top:14px;color:var(--deep)}.text-button span{font-size:20px}.text-button:hover{color:var(--green);border-color:var(--green)}.concept-note{font-size:9px;line-height:1.8;color:#899280;margin:15px 0 0}
.studio-section{background:var(--sage)}.studio-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:end}.studio-intro>p{font-size:13px;line-height:1.95;color:var(--muted);margin:0 0 5px;justify-self:end;letter-spacing:-.02em}.principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:54px;margin-top:55px}.principles article{border-top:1px solid #c6d4bb;padding-top:27px}.principle-icon{display:grid;place-items:center;width:45px;height:45px;background:#dce7d1;border-radius:12px;margin-bottom:22px}.principle-icon svg{width:27px;height:27px;fill:none;stroke:var(--green);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.principles .principle-en{font-family:var(--english);font-size:8px;letter-spacing:.06em;color:#7b906c;margin-bottom:9px}.principles h3{font-size:21px;font-weight:600;letter-spacing:-.045em;margin-bottom:13px}.principles p{font-size:12px;line-height:1.9;color:var(--muted);letter-spacing:-.02em;margin-bottom:0}
.contact-panel{display:grid;grid-template-columns:1.3fr 1fr;gap:45px;align-items:center}.contact h2{font-size:36px}.contact-copy{justify-self:end}.contact-copy>p{font-size:13px;color:var(--muted);line-height:1.9;letter-spacing:-.02em;margin-bottom:24px}.contact .button{min-width:201px}.contact-copy .contact-status{font-size:9px;margin:12px 0 0;color:#8b9681}.site-footer{background:var(--green);color:#fff;padding-top:35px}.footer-top{display:flex;align-items:center;gap:45px;padding-bottom:31px}.footer-top .brand-logo{width:186px}.footer-top .brand-logo img{filter:none}.footer-top>p{font-family:var(--english);font-size:12px;margin:0;color:#e0ead7}.back-top{margin-left:auto;display:flex;align-items:center;gap:20px;font-family:var(--english);font-size:8px;letter-spacing:.08em}.back-top span{font-size:21px}.footer-bottom{border-top:1px solid #ffffff30;padding-block:19px;display:flex;justify-content:space-between;gap:25px;font-family:var(--english);font-size:8px;letter-spacing:.04em;color:#e0ead7}
.dialog{background:var(--bg);color:var(--text);border:1px solid #bccdb2;border-radius:14px;width:min(500px,calc(100% - 36px));padding:51px 35px 32px;max-height:85dvh;box-shadow:0 18px 80px #1c3b2033}.dialog::backdrop{background:#233b2b88;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:13px;top:12px;padding:6px 10px;font-size:27px;line-height:1;border:0;background:none}.dialog .eyebrow{font-size:9px;margin-bottom:23px}.dialog h2{font-size:28px;line-height:1.4;margin-bottom:20px}.dialog p{font-size:13px;line-height:1.9;color:var(--muted)}.dialog .dialog-note{font-size:11px;padding-top:16px;margin-top:24px;border-top:1px solid var(--line)}.dialog .button{margin-top:14px;min-width:155px}
@media(min-width:1600px){.hero{min-height:720px}.hero-scene>img{height:580px}}
@media(max-width:1150px){.wrap{width:calc(100% - 72px)}.hero{min-height:600px;grid-template-columns:1fr 1.1fr;gap:10px}h1{font-size:52px}.hero-description{font-size:13px}.hero-scene{min-height:480px}.hero-scene>img{height:470px}.hero-scene figcaption{font-size:7px;padding-inline:0}.hero-scene .concept-tag{font-size:6px}.section-space{padding-block:76px}h2{font-size:30px}.project-copy{padding:35px}.project-copy h3{font-size:27px}.principles{gap:35px}.heading-note{font-size:8px}}
@media(max-width:800px){.wrap{width:calc(100% - 48px)}.header-inner{height:88px}.brand-logo{width:174px}.desktop-nav{gap:25px;font-size:12px}.header-contact{padding:10px 14px;gap:18px}.hero{grid-template-columns:1fr;padding-top:52px;padding-bottom:32px;gap:6px}.hero-copy{max-width:600px}h1{font-size:58px;line-height:1.23}.hero-description{font-size:14px}.hero-scene{width:100%;max-width:600px;margin-inline:auto;min-height:430px;margin-top:-15px}.hero-scene>img{height:440px;width:100%;margin-left:0}.scene-disc{inset:8% 6% 15%}.hero-scene figcaption{padding-inline:30px;margin-top:-16px}.hero-scene .concept-tag{font-size:7px}.hero .eyebrow{font-size:9px}.play-strip .wrap{min-height:95px;gap:18px}.play-strip p{font-size:13px}.play-strip p span{display:block;margin-left:0;margin-top:5px}.genre-tags span{font-size:9px;padding:7px 11px}.section-space{padding-block:65px}.section-heading{display:block}.heading-note{display:block;margin:18px 0 0}.project-card{grid-template-columns:1fr 1fr}.project-art img{height:380px;width:125%;max-width:none;padding:0}.project-copy{padding:30px 25px}.project-copy h3{font-size:23px}.project-copy>p{font-size:11px}.project-status{margin-bottom:18px}.studio-intro{grid-template-columns:1fr;gap:24px}.studio-intro>p{justify-self:start;font-size:13px}.principles{gap:25px;margin-top:40px}.principles h3{font-size:18px}.principles p{font-size:11px}.principle-en{min-height:20px}.contact-panel{grid-template-columns:1fr 1fr;gap:35px}.contact h2{font-size:30px}.contact-copy>p{font-size:12px}.footer-top{gap:28px}.footer-top>p{font-size:10px}.footer-top .brand-logo{width:160px}}
@media(max-width:560px){.wrap{width:calc(100% - 40px)}.header-inner{height:80px}.brand-logo{width:165px}.desktop-nav{display:none}.menu-toggle{display:flex;width:41px;height:41px;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid #bdcbb4;border-radius:6px;background:none}.menu-toggle span{width:17px;height:1px;background:var(--green);display:block;transition:transform .2s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.hero{padding-top:43px;padding-bottom:25px;gap:6px}.hero .eyebrow{font-size:8px;letter-spacing:.08em}h1{font-size:clamp(34px,10.4vw,55px);line-height:1.26;margin:23px 0 22px}.hero-description{font-size:12px;line-height:1.95;margin-bottom:25px}.hero-signature{font-size:9px;margin-top:16px}.button{font-size:11px;min-height:47px;padding:14px 19px;gap:35px}.hero-scene{min-height:310px;margin-top:3px}.hero-scene>img{height:310px;width:112%;margin-left:-6%}.scene-disc{inset:6% 1% 15%}.hero-scene figcaption{font-size:6px;letter-spacing:.08em;padding-inline:0;margin-top:-13px;gap:7px}.hero-scene .concept-tag{font-size:6px}.scene-cross{font-size:17px}.play-strip .wrap{align-items:flex-start;flex-direction:column;gap:17px;padding-block:21px;min-height:0}.play-strip p{font-size:12px}.play-strip p span{display:inline;margin-left:10px;margin-top:0}.genre-tags{gap:6px}.genre-tags span{font-size:9px;padding:6px 12px}.section-space{padding-block:55px}.section-label{font-size:9px;margin-bottom:15px}h2{font-size:clamp(23px,6.6vw,31px)}.section-heading{margin-bottom:25px}.heading-note{font-size:7px;margin-top:14px}.project-card{grid-template-columns:1fr;border-radius:12px}.project-art img{height:300px;width:100%;padding:0 10px}.art-label{left:22px;bottom:18px;font-size:7px}.project-copy{padding:29px 25px 30px}.project-copy h3{font-size:27px;margin-bottom:16px}.project-copy>p{font-size:12px}.project-status{font-size:9px;margin-bottom:18px}.project-tags span{font-size:9px}.text-button{font-size:11px;margin-top:17px}.concept-note{font-size:8px;line-height:1.8}.studio-intro{gap:22px}.studio-intro>p{font-size:12px}.principles{grid-template-columns:1fr;gap:26px;margin-top:35px}.principles article{padding-top:23px;position:relative;padding-left:62px}.principle-icon{position:absolute;top:25px;left:0;width:42px;height:42px;border-radius:10px}.principles .principle-en{font-size:7px;margin-bottom:7px;min-height:0}.principles h3{font-size:20px;margin-bottom:10px}.principles p{font-size:12px}.contact-panel{grid-template-columns:1fr;gap:25px}.contact h2{font-size:30px}.contact-copy{justify-self:start}.contact-copy>p{font-size:12px;margin-bottom:21px}.contact-copy .contact-status{font-size:9px}.footer-top{gap:20px;flex-wrap:wrap;position:relative;padding-bottom:26px}.footer-top .brand-logo{width:164px}.footer-top>p{width:100%;font-size:11px}.back-top{position:absolute;right:0;top:10px;font-size:7px;gap:10px}.footer-bottom{flex-direction:column;gap:11px;font-size:7px}.dialog{padding:50px 25px 29px}.dialog h2{font-size:25px}.dialog p{font-size:12px}}
@media(max-width:560px){.hero-scene>img{width:110%;margin-left:-5%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}