:root{--bg:#111611;--lime:#c8f56b;--white:#f4f5ed;--muted:#a1a79e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,'Noto Sans KR','Malgun Gothic',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--lime);outline-offset:6px}header{height:92px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#111611;border-bottom:1px solid #ffffff17;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:900;letter-spacing:-1px}.symbol{display:grid;place-items:center;background:var(--lime);color:var(--bg);width:34px;height:34px;font-size:26px;transform:skew(-9deg);margin-right:3px}.brand-small{font-size:10px;letter-spacing:2px;max-width:55px;line-height:1.5;font-weight:400;margin-left:5px;color:var(--muted)}nav{display:flex;align-items:center;gap:36px;font-size:14px}nav a:hover{color:var(--lime)}.nav-button{border:1px solid #78816d;padding:13px 21px;border-radius:3px}.hero{min-height:690px;height:calc(100svh - 92px);max-height:1000px;position:relative;isolation:isolate;overflow:hidden}.hero-art,.hero-shade{position:absolute;inset:0;z-index:-2}.hero-art{background:#25332a url('hero.png') center 52%/cover no-repeat}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(8,16,13,.9),rgba(8,16,13,.34) 52%,rgba(8,16,13,.02)),linear-gradient(0deg,#101710dc,transparent 30%)}.hero-content{padding:110px 7% 140px;max-width:1000px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:600;display:flex;align-items:center;gap:10px;color:var(--lime)}.eyebrow>span{height:6px;width:6px;background:var(--lime)}h1{font-size:clamp(52px,6vw,90px);letter-spacing:-5px;line-height:1.2;margin:30px 0 28px;font-weight:800}em{font-style:normal;color:var(--lime)}.hero p{font-size:18px;line-height:1.9;color:#d3d9d0;margin-bottom:35px}.primary{display:inline-flex;gap:40px;align-items:center;background:var(--lime);color:#172014;padding:19px 25px;font-size:15px;font-weight:700;border-radius:2px;transition:background .2s}.primary:hover{background:#e2ffac}.primary span{font-size:24px;font-weight:400}.hero-bottom{position:absolute;bottom:30px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px;color:#d6dfce;border-top:1px solid #ffffff40;padding-top:24px}.hero-bottom a{font-size:11px}.hero-bottom a span{margin-left:12px}.art-caption{position:absolute;right:4%;bottom:115px;writing-mode:vertical-rl;font-size:10px;letter-spacing:2px;color:#d9e3d080}.section{padding:100px 7%}.section-label{color:var(--lime);font-size:12px;letter-spacing:2px;margin-bottom:24px}h2{font-size:clamp(30px,3.2vw,46px);line-height:1.45;letter-spacing:-1.7px;margin:0;font-weight:700}.studio{display:grid;grid-template-columns:1fr 2fr;gap:35px;border-bottom:1px solid #ffffff1c}.studio h2 span{color:#969e90}.studio-copy{display:grid;grid-template-columns:1fr 1fr;gap:38px;margin-top:25px;max-width:800px}.studio-copy p,p{font-size:16px;line-height:1.9;color:#adb5a6}.world{background:#171d16}.world-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}.outline-tag{font-size:11px;border:1px solid #68715d;padding:10px 14px;letter-spacing:1.5px}.project{display:grid;grid-template-columns:1.4fr 1fr;min-height:480px;background:#21291e}.project-image{background:url('hero.png') 70% center/cover;min-height:440px}.project-info{padding:55px 50px}.project h3{font-size:45px;line-height:1.05;letter-spacing:-1px;margin:30px 0 22px}.project h3 em{font-size:70px}.project-info p{color:#c0c8b7}.text-button{background:transparent;border:0;border-bottom:1px solid #778569;color:var(--white);width:100%;padding:17px 0;text-align:left;cursor:pointer;margin-top:15px;display:flex;justify-content:space-between;font-size:14px}.text-button:hover{color:var(--lime)}.concept-note{font-size:12px;color:#a3af97;line-height:1.7}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:55px}.values article{border-top:1px solid #ffffff40;padding-top:25px}.value-num{font-size:13px;color:var(--lime)}.values h3{font-size:25px;letter-spacing:-.7px;margin:32px 0 16px}.values h4{font-size:17px;margin:0}.values p{font-size:15px}.closing{background:var(--lime);color:#152010;padding:70px 7%;position:relative}.closing>span{font-size:12px;letter-spacing:2px}.closing h2{margin-top:20px;font-size:clamp(30px,4vw,56px)}.closing a{position:absolute;right:7%;bottom:82px;font-size:12px;letter-spacing:1px}footer{padding:40px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer>span{font-size:12px;color:var(--muted)}footer>span:last-child{letter-spacing:1.5px}@media(min-width:1500px){.hero-content{padding-top:150px}}@media(max-width:850px){header{height:76px}.brand-small{display:none}nav{gap:20px}.nav-button{display:none}.hero{height:760px;min-height:0}.hero-content{padding:115px 7%}.hero-art{background-position:62% center}.hero-shade{background:linear-gradient(90deg,#0b1512de,#0b151245),linear-gradient(0deg,#101710,transparent 40%)}h1{letter-spacing:-3px;font-size:64px}.hero-bottom>span:last-child{display:none}.section{padding:70px 7%}.studio{grid-template-columns:1fr}.project{grid-template-columns:1fr}.project-image{min-height:400px}.project-info{padding:40px}.values{gap:25px}.values h3{font-size:20px}.closing a{position:static;display:inline-block;margin-top:30px}footer{flex-wrap:wrap}footer>span:last-child{display:none}}@media(max-width:550px){header{padding:0 6%}.brand{font-size:19px}.symbol{width:29px;height:29px;font-size:23px}nav{font-size:12px;gap:16px}.hero{height:710px}.hero-content{padding-top:94px}h1{font-size:52px;line-height:1.3;letter-spacing:-2.8px}.hero p{font-size:16px}.eyebrow{font-size:10px;letter-spacing:1.5px}.hero-bottom>span{display:none}.hero-bottom{justify-content:center}.art-caption{display:none}.studio-copy{grid-template-columns:1fr;gap:0}.world-top{display:block}.outline-tag{display:inline-block;margin-top:24px}.project-image{min-height:290px}.project-info{padding:30px}.project h3{font-size:35px}.project h3 em{font-size:62px}.values{grid-template-columns:1fr;gap:30px}.values h3{margin-top:22px;font-size:25px}.values p br{display:none}.closing{padding:55px 7%}footer{padding:35px 7%}footer .brand{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}