:root{--orange:#ff8a00;--ink:#292928;--paper:#f6f5f2;--line:#dedbd6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:116px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Noto Sans KR","Malgun Gothic",sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #3875bf;outline-offset:5px}.header{position:sticky;top:0;z-index:20;height:116px;padding:0 3%;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.98);border-bottom:1px solid #e5e3df}.logo{width:215px;height:46px;object-fit:contain;display:block}.header nav{display:flex;gap:44px;position:absolute;left:50%;transform:translateX(-50%);font-size:16px;letter-spacing:2px;font-weight:700}.pill{border:0;display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:100px;background:var(--orange);min-height:60px;padding:0 25px;font-weight:700;font-size:16px;letter-spacing:1px;cursor:pointer}.pill:hover{filter:brightness(.96)}.hero{display:grid;grid-template-columns:59% 41%;min-height:1220px}.hero-copy{background:var(--orange);padding:90px 7% 62px;display:flex;flex-direction:column;justify-content:space-between}.eyebrow{font-size:16px;line-height:1.5;font-weight:700;letter-spacing:2px;color:#fb7900;margin:0}.eyebrow.dark{color:var(--ink)}h1{font-size:clamp(64px,7.05vw,104px);line-height:.98;letter-spacing:-.075em;font-weight:900;margin:110px 0 90px}h2{margin:0;font-size:clamp(34px,4.4vw,64px);line-height:1.2;letter-spacing:-.055em;font-weight:800}.hero-bottom{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:start}.intro{font-size:22px;line-height:1.9;border-left:4px solid var(--ink);padding-left:28px;margin:10px 0 0;word-break:keep-all}.since{border-top:1px solid #c46b00;padding-top:30px}.since h2{font-size:32px;letter-spacing:-1px;margin-bottom:15px}.since strong{font-size:18px;letter-spacing:1px}.since p{font-size:18px;line-height:1.6;color:#674410}.hero-visual{position:relative;overflow:hidden}.hero-visual>img{width:100%;height:100%;object-fit:cover;display:block}.photo-note{position:absolute;bottom:38px;left:8%;right:0;border-radius:24px;background:#33322c;display:flex;gap:60px;align-items:flex-start;padding:25px;color:#f3f1e8;min-height:120px}.photo-note b{color:var(--orange);font-size:25px}.photo-note p{font-size:22px;line-height:1.65;margin:0;word-break:keep-all}.section{padding:58px 3%;display:grid;grid-template-columns:22.5% 77.5%;scroll-margin-top:0}.about{min-height:454px;background:#fff;grid-template-columns:22.5% 51% 26.5%}.about-copy{font-size:23px;line-height:1.8;color:#62605c;margin:3px 0 0}.customers{min-height:770px}.build-wrap{padding:46px 1.6% 70px}.build-panel{min-height:1105px;background:var(--ink);border-radius:48px;padding:144px 44px 72px;display:grid;grid-template-columns:72.5% 27.5%}.build-panel aside{border-left:1px solid #4a4a48;padding-left:44px;display:flex;flex-direction:column;justify-content:space-between}.symbol{width:169px;border-radius:38px;box-shadow:0 26px 35px #17171755}.build-panel aside p{font-size:24px;line-height:1.85;color:#c8c8c6;margin:0 0 76px}.build-panel aside a{font-size:19px;color:var(--orange);font-weight:700}.build-panel aside a span{margin-left:14px}.spacious{min-height:1220px;padding-top:62px}.contact{padding:18px 3% 0;display:grid;grid-template-columns:46.5% 51.3%;gap:2.2%;scroll-margin-top:116px}.contact-info,.contact-form{border-radius:42px;padding:48px;min-height:1195px}.contact-info{border:1px solid var(--line);background:white}.contact-blank{height:238px}.contact-intro{font-size:23px;line-height:1.9;color:#62605c;margin:0 0 94px}.contact-info dl{margin:0}.contact-info dl>div{display:grid;grid-template-columns:43% 57%;border-top:1px solid var(--line);padding:29px 32px;gap:0}.contact-info dt{font-size:16px;letter-spacing:1.5px;color:#fb7900;font-weight:700;padding-top:5px}.contact-info dd{margin:0;font-size:22px;font-weight:700;line-height:1.65;overflow-wrap:anywhere}.contact-form{background:var(--orange);padding:46px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:30px 24px}.contact-form label{font-size:18px;line-height:1.5;display:block}.contact-form input,.contact-form select,.contact-form textarea{width:100%;color:var(--ink);background:transparent;border:0;border-bottom:1px solid #a9680e;border-radius:0;outline-offset:3px;font-size:21px;padding:30px 15px 23px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#875609;opacity:1}.message-label{margin-top:28px}.contact-form textarea{height:250px;resize:vertical;padding-top:24px}.send-row{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:58px}.send-row p{font-size:17px;line-height:1.65;color:#794e0c;margin:0;flex:1}.send-row button{background:var(--ink);color:#fff;font-size:21px;letter-spacing:0;padding:23px 30px;white-space:nowrap}#form-status{font-size:16px;line-height:1.6}.footer{margin:166px 2% 20px;border-radius:48px;background:var(--ink);min-height:1008px;padding:44px;display:grid;grid-template-columns:50% 50%;color:var(--paper)}.brand-card{display:inline-flex;flex-direction:column;background:#fff;border-radius:30px;padding:25px 31px 30px;color:var(--ink);gap:22px}.brand-card img{width:215px;height:46px}.brand-card span{border-top:1px solid var(--line);padding-top:18px;text-align:center;font-size:16px;font-weight:700;letter-spacing:2px}.brand-words{font-size:clamp(65px,7.8vw,114px);font-weight:800;line-height:.85;letter-spacing:-.065em;margin:120px 0 0}.footer-right{border-left:1px solid #494947;display:flex;align-items:flex-end;justify-content:flex-end;padding-left:25px}.footer small{font-weight:700;font-size:14px;color:#b5b5ac;letter-spacing:.3px}
@media(min-width:1600px){.hero{min-height:85vw}.section.spacious{min-height:85vw}}@media(max-width:1100px){.hero-bottom{grid-template-columns:1fr;gap:24px}.hero-copy{padding:65px 7% 45px}h1{font-size:7vw}.intro{font-size:19px}.hero{min-height:1000px}.photo-note{gap:20px;left:5%;padding:20px}.photo-note p{font-size:18px}.build-panel{grid-template-columns:65% 35%;padding-left:32px;padding-right:32px}.build-panel aside{padding-left:30px}.contact-info,.contact-form{padding:30px}.contact-info dl>div{padding:25px 0;grid-template-columns:34% 66%}.contact-info dd{font-size:18px}.send-row{flex-direction:column;align-items:stretch}.contact-form input,.contact-form select,.contact-form textarea{font-size:18px;padding-left:0}.header nav{gap:25px}.contact-intro{font-size:20px}.logo{width:185px}.pill.inquiry{padding:0 20px;font-size:14px}}
@media(max-width:700px){html{scroll-padding-top:112px}.header{height:112px;padding:12px 20px 44px}.logo{width:150px;height:auto}.header .inquiry{min-height:40px;padding:0 15px;font-size:12px;gap:8px}.header nav{bottom:14px;gap:38px;font-size:13px;white-space:nowrap}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:40px 24px}.eyebrow{font-size:13px}h1{font-size:clamp(48px,11vw,76px);line-height:1.07;margin:80px 0}.hero-bottom{grid-template-columns:1fr}.intro{font-size:18px;padding-left:18px}.since{margin-top:10px}.since h2{font-size:29px}.since p{font-size:16px}.hero-visual{height:680px}.hero-visual>img{object-position:50% 50%}.photo-note{left:7%;bottom:24px;min-height:94px}.photo-note p{font-size:18px}.section{padding:40px 24px;grid-template-columns:1fr;gap:24px}h2{font-size:34px;line-height:1.3;letter-spacing:-.06em}.about{min-height:410px;grid-template-columns:1fr}.about .empty{display:none}.about-copy{font-size:19px;max-width:400px;margin-left:18%;align-self:end}.customers{min-height:650px;display:block}.customers h2{margin-top:25px}.build-wrap{padding:24px 14px 45px}.build-panel{min-height:850px;padding:36px 24px;border-radius:28px;grid-template-columns:1fr;gap:200px}.build-panel aside{padding-left:0;padding-top:28px;border-left:0;border-top:1px solid #4a4a48;display:grid;grid-template-columns:85px 1fr;gap:24px}.symbol{width:85px;border-radius:20px}.build-panel aside p{font-size:18px;line-height:1.8;margin-bottom:32px}.build-panel aside a{font-size:15px}.spacious{min-height:760px;display:block}.spacious h2{margin-top:25px}.contact{padding:15px;grid-template-columns:1fr;gap:20px;scroll-margin-top:112px}.contact-info,.contact-form{border-radius:28px;padding:30px 24px;min-height:0}.contact-blank{height:130px}.contact-intro{font-size:18px;margin-bottom:55px}.contact-info dl>div{grid-template-columns:29% 71%;padding:24px 0}.contact-info dt{font-size:13px;letter-spacing:.5px}.contact-info dd{font-size:17px}.fields{gap:28px 18px}.contact-form label{font-size:15px}.contact-form input,.contact-form select{font-size:16px;padding:22px 0}.contact-form textarea{font-size:17px;height:230px}.send-row{margin-top:35px}.send-row p{font-size:15px}.send-row button{font-size:18px}.footer{margin:80px 14px 16px;padding:30px 24px;min-height:740px;border-radius:28px;grid-template-columns:1fr}.brand-card{padding:20px 24px;border-radius:25px;gap:15px}.brand-card img{width:170px;height:auto}.brand-card span{font-size:12px}.brand-words{font-size:68px;line-height:.94;margin:75px 0}.footer-right{border-left:0;border-top:1px solid #494947;padding:25px 0 0;align-items:flex-end;justify-content:flex-start}.footer small{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Content sections: the original orange, charcoal and generous editorial grid. */
.section-content{min-width:0}.customers{min-height:0;padding-top:65px;padding-bottom:88px}.concern-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:62px}.concern-card{border:1px solid var(--line);border-radius:25px;background:#fff;padding:30px 26px;display:flex;flex-direction:column;min-height:440px}.card-index{font-size:14px;font-weight:700;letter-spacing:1px;color:#b45500}.concern-card h3{font-size:27px;line-height:1.4;letter-spacing:-1.2px;margin:37px 0 23px;min-height:114px;word-break:keep-all}.concern-card p{font-size:17px;line-height:1.85;color:#63615c;margin:0 0 25px;word-break:keep-all}.concern-card .card-answer{margin:auto 0 0;padding-top:23px;border-top:1px solid var(--line);color:var(--ink)}.concern-card:nth-child(2){background:var(--ink);border-color:var(--ink);color:white}.concern-card:nth-child(2) .card-index{color:var(--orange)}.concern-card:nth-child(2) p{color:#c8c8c3}.concern-card:nth-child(2) .card-answer{border-color:#55554f;color:#f4f3ed}.concern-invite{margin-top:32px;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:25px 0}.concern-invite p{font-size:18px;line-height:1.8;margin:0;color:#62605c}.concern-invite strong{color:var(--ink);font-weight:700}.text-link{font-size:16px;font-weight:700;border-bottom:1px solid var(--ink);padding:12px 0;white-space:nowrap}.text-link span{margin-left:20px}.case-section{padding-top:85px;padding-bottom:100px}.section-lead{font-size:24px;line-height:1.8;margin:40px 0 18px;word-break:keep-all}.case-intro{font-size:18px;line-height:1.8;color:#68665f;margin:0;max-width:720px;word-break:keep-all}.case-list{margin-top:52px;border-top:2px solid var(--ink)}.case-row{display:grid;grid-template-columns:31% 69%;padding:42px 0;border-bottom:1px solid var(--line)}.case-name{padding-right:30px}.case-name h3{font-size:28px;line-height:1.4;letter-spacing:-1px;margin:22px 0 8px}.case-name>p{font-size:15px;line-height:1.7;color:#737169;word-break:keep-all;margin:0}.case-story{padding-left:25px;border-left:1px solid var(--line)}.case-story h4{font-size:30px;line-height:1.5;letter-spacing:-1px;margin:0 0 30px;word-break:keep-all}.case-focus{display:grid;grid-template-columns:100px 1fr;gap:15px}.case-focus>span{font-size:14px;color:#ae5000;font-weight:700;padding-top:5px}.case-focus p{font-size:18px;line-height:1.85;color:#65625d;margin:0;word-break:keep-all}.case-study .case-name .card-index{color:#68665f}.principles-section{background:white;padding-top:82px;padding-bottom:88px}.principle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 54px;margin-top:62px}.principle{border-top:1px solid var(--line);padding:32px 0 42px}.principle-number{font-size:58px;font-weight:700;line-height:1;color:var(--orange);letter-spacing:-3px}.principle h3{font-size:34px;line-height:1.4;letter-spacing:-1.5px;margin:26px 0 21px;word-break:keep-all}.principle p{font-size:18px;line-height:1.95;color:#62605c;margin:0;word-break:keep-all}.principle-closing{border-top:2px solid var(--ink);margin-top:10px;padding:35px 0 0;display:flex;align-items:flex-start;gap:48px}.principle-closing>span{font-size:14px;letter-spacing:2px;color:#b45500;font-weight:700;padding-top:8px}.principle-closing p{font-size:23px;line-height:1.8;letter-spacing:-.5px;margin:0}.principles-section+.contact{padding-top:80px}
@media(max-width:1100px){.concern-grid{grid-template-columns:1fr}.concern-card{min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:18px 28px}.concern-card .card-index{grid-column:1/-1}.concern-card h3{min-height:0;margin:5px 0;font-size:26px;grid-row:2/4}.concern-card p{margin:0}.concern-card .card-answer{margin:0;padding-top:16px}.case-row{grid-template-columns:30% 70%}.case-story h4{font-size:25px}.case-focus{grid-template-columns:1fr;gap:8px}.principle-grid{gap:0 28px}.principle h3{font-size:29px}.concern-invite{align-items:flex-start;flex-direction:column}.principle-closing{gap:25px}}
@media(max-width:700px){.customers{padding:45px 24px 35px}.concern-grid{margin-top:32px;gap:16px}.concern-card{display:flex;padding:28px 24px;border-radius:22px;gap:0}.concern-card h3{font-size:27px;margin:25px 0 20px}.concern-card h3 br{display:none}.concern-card p{font-size:17px;margin-bottom:24px}.concern-card .card-answer{margin:0;padding-top:20px}.concern-invite{padding:0;margin-top:30px;gap:12px}.concern-invite p{font-size:17px}.case-section{padding:40px 24px 55px}.section-lead{font-size:20px;margin:28px 0 16px}.case-intro{font-size:17px}.case-list{margin-top:32px}.case-row{grid-template-columns:1fr;gap:25px;padding:30px 0}.case-name h3{font-size:27px;margin:12px 0 6px}.case-story{padding-left:0;border-left:0}.case-story h4{font-size:25px;line-height:1.5;margin-bottom:22px}.case-focus p{font-size:17px}.principles-section{padding:45px 24px 55px}.principle-grid{grid-template-columns:1fr;margin-top:32px}.principle{padding:27px 0 33px}.principle-number{font-size:48px}.principle h3{font-size:29px;margin:20px 0 17px}.principle p{font-size:17px;line-height:1.9}.principle-closing{flex-direction:column;gap:18px;padding-top:24px}.principle-closing p{font-size:20px}.principles-section+.contact{padding-top:45px}}

/* Move only the experience statement to the lower-left of the hero photo. */
.hero-bottom{grid-template-columns:1fr}.hero-bottom .intro{max-width:640px}
.hero-visual::after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.78));pointer-events:none}
.hero-visual .since{position:absolute;z-index:1;left:8%;right:8%;bottom:52px;border:0;padding:0;margin:0;background:transparent;color:#fff}
.hero-visual .since h2{color:#fff;font-size:32px;line-height:1.2}.hero-visual .since strong{color:#fff;font-size:20px;line-height:1.6}.hero-visual .since p{color:#fff;font-size:18px;line-height:1.8;max-width:390px;word-break:keep-all;margin-bottom:0}
@media(max-width:700px){.hero-visual .since{bottom:36px;left:24px;right:24px}.hero-visual .since h2{font-size:29px}.hero-visual .since strong{font-size:19px}.hero-visual .since p{font-size:16px}}

/* Dark principles section: preserve the existing layout and content. */
.principles-section{background:var(--ink);color:var(--paper)}
.principles-section .eyebrow,.principles-section .principle-number,.principles-section .principle-closing>span{color:var(--orange)}
.principles-section .principle{border-color:#555550}
.principles-section .principle p{color:#d0cec8}
.principles-section .principle-closing{border-color:#77756e}
.principles-section .principle-closing p{color:var(--paper)}

/* Selected cases only: award emphasis and direct before/after evidence. */
#case .visual-cases{border-top:2px solid var(--ink)}
#case .project-case{padding:44px 0 48px;border-bottom:1px solid var(--line)}
#case .project-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:28px;margin-bottom:30px}
#case .project-heading h3{font-size:36px;letter-spacing:-1.5px;margin:14px 0 8px;line-height:1.3}
#case .project-heading>div>p{font-size:16px;line-height:1.7;color:#65625d;margin:0;word-break:keep-all}
#case .award-mark{border-left:3px solid var(--orange);padding:4px 0 4px 22px;flex-shrink:0}
#case .award-mark>span{display:block;color:#64635e;font-size:11px;font-weight:700;letter-spacing:2px}
#case .award-mark>strong{display:block;font-size:32px;line-height:1.4;letter-spacing:-1px;margin:5px 0}
#case .award-mark>p{font-size:13px!important;line-height:1.65!important}
#case .case-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#case figure{margin:0;min-width:0}
#case figure>a{display:block;background:#e7e4dd;overflow:hidden;border-radius:10px}
#case figure>a>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform .3s}
#case figure>a:hover>img{transform:scale(1.025)}
#case figcaption{display:flex;flex-direction:column;gap:7px;padding:16px 0 0;font-size:14px;line-height:1.5;color:#65625d}
#case figcaption b{font-size:12px;letter-spacing:1.2px;color:var(--ink)}
#case .poster-window{position:relative;aspect-ratio:175/160}
#case .poster-window>img{position:absolute;width:602.286%;height:932.5%;max-width:none;aspect-ratio:auto;object-fit:fill;top:-671.875%;left:-360%}
#case .after-window>img{left:-464%}
#case .poster-window:hover>img{transform:none}
#case .image-source{font-size:12px;color:#78756d;margin:16px 0 0;line-height:1.6}
#case .case-insight{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:32px 0 24px}
#case .case-insight h4{font-size:25px;line-height:1.5;letter-spacing:-1px;margin:0;word-break:keep-all}
#case .case-insight p,#case .case-detail-body>p{font-size:16px;line-height:1.9;color:#65625d;margin:0;word-break:keep-all}
#case .case-details{border-top:1px solid var(--line)}
#case .case-details summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:15px;font-weight:700;list-style:none;padding:20px 0}
#case .case-details summary::-webkit-details-marker{display:none}
#case .case-details summary>span{font-size:22px;font-weight:400;transition:transform .2s}
#case .case-details[open] summary>span{transform:rotate(45deg)}
#case .case-details summary:focus-visible{outline:3px solid #3875bf;outline-offset:4px}
#case .case-detail-body{padding:8px 0 22px}
#case .case-detail-body>.case-comparison{margin-bottom:24px}
#case .project-credits{font-size:14px;line-height:1.8;margin:24px 0}
#case .project-credits>div{display:grid;grid-template-columns:190px 1fr;gap:16px;margin-top:8px}
#case .project-credits dt{color:#757169}#case .project-credits dd{margin:0}
#case .case-detail-body>.text-link{display:inline-block;white-space:normal}
@media(max-width:1100px){#case .project-heading{flex-wrap:wrap}#case .case-insight{grid-template-columns:1fr;gap:16px}}
@media(max-width:700px){#case .project-case{padding:30px 0}#case .project-heading{gap:22px}#case .project-heading h3{font-size:30px}#case .award-mark{width:100%;padding-left:16px}#case .award-mark>strong{font-size:28px}#case .case-comparison{gap:12px}#case figcaption{font-size:12px}#case figcaption b{font-size:10px;letter-spacing:.6px}#case .case-insight h4{font-size:24px}#case .project-credits>div{grid-template-columns:1fr;gap:0}#case .case-details summary{font-size:14px}#case .case-detail-body.case-comparison,#case .case-detail-body>.case-comparison{grid-template-columns:1fr;gap:26px}}
@media(prefers-reduced-motion:reduce){#case figure>a>img,#case .case-details summary>span{transition:none}}

/* Requested case photography refresh; the rest of the Site stays intact. */
#case .award-mark>strong{color:var(--orange)}
#case .comparison-image>img{display:block;width:100%;height:auto;border-radius:10px}
#case .case-comparison figure>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:10px}
#case .meomureu-comparison figure>img{aspect-ratio:4/5;object-fit:contain;background:#e7e4dd}
#case .meomureu-comparison figcaption b{font-size:12px}

/* Consistent before/after presentation and direct project links. */
#case .award-mark>strong{color:#000}
#case .award-mark .award-silver{color:var(--orange)}
#case .project-comparison figure>a>img{width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;background:#e7e4dd}
#case .project-comparison figure>a:hover>img{transform:none}
#case .project-comparison figure>a:hover{outline:2px solid var(--orange);outline-offset:3px}
#case .project-comparison figcaption b{font-size:12px}
#case .project-blog-link{display:inline-block;font-size:14px;font-weight:700;margin-top:20px;padding-bottom:6px;border-bottom:1px solid currentColor}
#case .project-blog-link:hover{color:#a34e00}

/* Blog links in the navigation and contact card. */
.naver-blog-icon{display:block;width:24px;height:24px;object-fit:contain;flex-shrink:0;border-radius:5px;background:#fff}
.header nav{align-items:center;gap:28px}
.header .nav-blog{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.contact-blog{display:flex;align-items:center;gap:14px;margin-top:20px;padding:23px 0 4px;border-top:1px solid var(--line);font-size:18px;font-weight:700;line-height:1.6}
.contact-blog>span:last-child{margin-left:auto}.contact-blog:hover>span,.nav-blog:hover>span{color:#a34e00}
@media(max-width:950px){.header{height:112px;padding:12px 24px 44px}.header nav{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);gap:25px;font-size:13px;white-space:nowrap}.header .inquiry{min-height:40px}.header .naver-blog-icon{width:22px;height:22px}}
@media(max-width:400px){.header nav{gap:18px;font-size:12px;letter-spacing:1px}.header .nav-blog{gap:5px}.contact-blog{font-size:16px}}