.approach-hero{position:relative;min-height:710px;height:87svh;max-height:950px;padding:175px 8% 105px;background:linear-gradient(90deg,#07182bdb,#07182b30),url(approach-passage.webp) center/cover;color:#f3f1eb}.approach-hero h1{font-size:25px;font-weight:400;margin-bottom:30px}.approach-lead{font:400 clamp(32px,3.6vw,54px)/1.65 Noto,serif;letter-spacing:-.045em;margin:0 0 24px}.hero-description{font-size:17px;line-height:1.95;color:#d2d8df}.hero-foot{position:absolute;bottom:34px;font-size:10px;letter-spacing:3px;color:#c7cdd4}.approach-map{padding:88px 8%;display:grid;grid-template-columns:1fr 1.4fr;gap:9%;background:#f3f1eb}.map-heading .eyebrow{color:#80622e}.map-heading p:last-child{font-size:15px;line-height:1.9;color:#52606e;margin:24px 0 0}.approach-map ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 36px}.approach-map li{border-bottom:1px solid #b2a68e}.approach-map a{display:block;position:relative;padding:22px 25px 26px 0;min-height:134px}.approach-map a>span{font:18px Shippori,serif;color:#84662f;display:block;margin-bottom:14px}.approach-map strong{font-weight:500;font-size:20px;display:block}.approach-map small{font-size:9px;letter-spacing:2px;display:block;margin-top:10px;color:#65717e}.approach-map b{position:absolute;right:0;top:55%;font-weight:400;color:#8b6a2c}.approach-map a:hover strong{color:#8b6a2c}.process{background:#102238;color:#eeeae2;padding:0 8%}.stage{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:88px 0;border-bottom:1px solid #ffffff24;scroll-margin-top:32px}.stage:last-child{border-bottom:0}.stage-heading{position:relative;padding-top:14px}.stage-number{display:block;font:68px/1 Shippori,serif;color:#c4a66a;margin-bottom:26px}.stage .eyebrow{font-size:10px;letter-spacing:3px}.stage h2{font-size:34px;line-height:1.65}.stage-copy{padding-top:24px}.stage-copy>p{font-size:18px;line-height:2;word-break:keep-all;margin:0 0 34px;color:#d8dfe7}.stage-detail h3,.stage-output h3{font:500 12px 'Pretendard Variable',sans-serif;letter-spacing:.05em;margin:0 0 12px;color:#d4b575}.stage-detail p,.stage-output p{font-size:15px;line-height:1.9;margin:0;word-break:keep-all;color:#d5dce5}.stage-detail{margin-bottom:26px}.stage-output{border-left:2px solid #c5a059;padding:5px 0 5px 22px}.working{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:98px 8%;background:#e9e6df}.working .eyebrow{color:#80622e}.working-intro{font-size:16px;line-height:1.95;margin-top:28px;color:#52606e}.engagements article{padding:28px 0;border-top:1px solid #b8ad9b}.engagements small{font-size:10px;letter-spacing:2px;color:#80622e}.engagements h3{font-size:24px;margin:15px 0}.engagements p{font-size:16px;line-height:1.9;color:#465464;margin:0;word-break:keep-all}.approach-end{text-align:center;padding:86px 24px;background:linear-gradient(#07182bd9,#07182beb),url(approach-passage.webp) center 65%/cover;color:#eee8dc}.approach-end p{font:400 30px/1.9 Noto,serif;margin:0 0 32px;letter-spacing:-.035em}.approach-end em{font-style:normal;color:#d4b575}.approach-end>span{font:12px Shippori,serif;letter-spacing:3px}
@media(max-width:700px){.approach-hero{padding:150px 28px 90px;min-height:660px;height:85svh;max-height:800px;background-position:60% center}.approach-hero h1{font-size:21px}.approach-lead{font-size:32px}.hero-description{font-size:15px}.hero-foot{font-size:8px;letter-spacing:2px}.approach-map,.working{display:block;padding:60px 28px}.approach-map ol{margin-top:28px;gap:0 20px}.approach-map strong{font-size:17px}.approach-map small{font-size:8px;letter-spacing:1px}.approach-map a{padding-right:17px;min-height:140px}.process{padding:0 28px}.stage{display:block;padding:52px 0}.stage-number{font-size:48px;margin-bottom:20px}.stage h2{font-size:27px}.stage-copy{padding-top:24px}.stage-copy>p{font-size:16px;line-height:1.95;margin-bottom:26px}.stage-detail p,.stage-output p{font-size:14px}.working-intro{font-size:15px}.engagements{margin-top:36px}.engagements h3{font-size:23px}.engagements p{font-size:15px}.approach-end{padding:60px 24px}.approach-end p{font-size:23px}.approach-end>span{font-size:10px}}@media(max-width:350px){.approach-hero{padding-left:24px;padding-right:24px}.approach-lead{font-size:28px}.approach-map,.working{padding-left:24px;padding-right:24px}.process{padding:0 24px}.approach-map strong{font-size:15px}.approach-end p{font-size:20px}}