/* Original SDL editorial campaign direction. References and provenance: DESIGN_NOTES-v6.md. */
body.professional-agency{--agency-ink:#171916;--agency-paper:#f2f3ec;--agency-accent:#d4f76b;--service-color:#54652c;background:var(--agency-paper);color:var(--agency-ink)}
.professional-agency main{overflow:clip}
body.professional-agency .site-header{background:#171916f5;border-color:#ffffff20;color:#f2f3ec;backdrop-filter:blur(12px)}
body.professional-agency .site-header .brand-symbol{background:#d4f76b;color:#171916;border-radius:0}
body.professional-agency .site-header .brand-mark,body.professional-agency .site-header .nav-links a{color:#eaeee3}
body.professional-agency .site-header .nav-cta{background:#d4f76b;color:#171916;border-radius:0;box-shadow:none}
body.professional-agency .site-header .nav-links a.active::after{background:#d4f76b}
.agency-shell{width:calc(100% - 112px);max-width:1480px;margin-inline:auto}
.agency-eyebrow{font:600 10px/1.6 monospace;letter-spacing:.08em;margin:0 0 26px;color:#5a6252}
.agency-hero{padding:132px 0 28px;background:#171916;color:#f2f3ec}
.agency-topline{display:flex;justify-content:space-between;gap:20px;font:10px/1.5 monospace;letter-spacing:.1em;color:#aeb5a5;padding-bottom:23px;border-bottom:1px solid #ffffff26}
.agency-topline span:first-child{color:#d4f76b}
.agency-hero-grid{display:grid;grid-template-columns:.83fr 1.17fr;align-items:center;gap:56px;padding:42px 0 32px}
.agency-hero-copy{padding-bottom:15px;min-width:0}
.agency-hero-copy .agency-eyebrow{color:#b9c0ae;font-family:inherit;font-size:12px;font-weight:500;letter-spacing:0;margin-bottom:25px}
.agency-hero h1{font-size:clamp(54px,5.3vw,88px);line-height:1.09;font-weight:750;letter-spacing:-.065em;margin:0;color:#f2f3ec}
.agency-hero h1>span,.agency-hero h1>em{display:block}
.agency-hero h1 em{font-style:normal;color:#d4f76b}
.agency-lead{font-size:15px;line-height:1.9;color:#b9c0ae;margin:27px 0 28px;word-break:keep-all}
.agency-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:46px;padding:16px 0 12px;border-bottom:1px solid #d4f76b;color:#f2f3ec;font-size:14px;font-weight:600;text-decoration:none}
.agency-cta>span{display:inline-block;font-size:28px;line-height:1;transition:transform .2s}
.agency-cta:hover{color:#d4f76b}.agency-cta:hover>span{transform:translate(3px,-3px)}
.agency-hero figure,.agency-content-grid figure{margin:0;min-width:0}
.agency-media{position:relative;overflow:visible;background:transparent;isolation:isolate}
.agency-media [data-photo-layer]{width:100%;height:100%;pointer-events:none}
.agency-media img{display:block;width:100%;height:100%;object-fit:cover}
.agency-hero-media{aspect-ratio:1.5}
.agency-hero-media img{object-position:56% center}
.professional-agency figcaption{display:flex;justify-content:space-between;gap:16px;font:9px/1.6 monospace;letter-spacing:.025em;margin-top:27px;color:#aab29f}
.agency-hero-footer{border-top:1px solid #ffffff26;display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:21px;color:#9ea795;font-size:11px;line-height:1.8}
.agency-hero-footer p{margin:0}.agency-hero-footer strong{font-weight:400;color:#dce4d2}
.agency-hero-footer a{color:#dce4d2;text-decoration:none}.agency-hero-footer a span{margin-left:32px}
.professional-agency main h2{font-size:clamp(32px,3.4vw,54px);line-height:1.35;letter-spacing:-.055em;font-weight:650;margin:0;color:inherit;word-break:keep-all}
.agency-approach{display:grid;grid-template-columns:.58fr 1.42fr;gap:50px;padding-block:105px 95px;align-items:start}
.agency-approach>.agency-eyebrow{padding-top:12px}
.agency-approach h2 em{font-style:normal;color:#68754e}
.agency-approach>div>p{font-size:16px;line-height:1.95;color:#656b5e;margin:28px 0 0;word-break:keep-all}
.agency-content-chapter{padding-bottom:105px}
.agency-content-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center}
.agency-content-media{aspect-ratio:1.5}
.agency-content-copy .agency-eyebrow{font-size:9px;letter-spacing:.025em;color:#5c6746}
.agency-content-copy>p:not(.agency-eyebrow){font-size:15px;line-height:1.9;color:#666d5e;margin:25px 0}
.agency-content-grid figcaption{color:#626b58;font-size:8px}
.agency-content-formats{list-style:none;padding:20px 0 0;margin:0;border-top:1px solid #cbd0bf;display:flex;flex-wrap:wrap;gap:10px 22px;font-size:11px;color:#566242}
.agency-capabilities{background:#171916;color:#f2f3ec;padding:90px 0 40px}
.agency-section-head{display:flex;justify-content:space-between;align-items:start;gap:70px;margin-bottom:60px}
.agency-capabilities .agency-eyebrow{color:#d4f76b;margin-top:10px}
.agency-section-head h2{max-width:640px;width:57%}
.agency-service-list article{display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:center;border-top:1px solid #ffffff26;padding:37px 0 42px;transition:background .2s}
.agency-service-name{display:flex;gap:32px;align-items:start}
.agency-service-name>span{font:10px monospace;color:#a3af96;padding-top:12px}
.agency-service-name h3{font-family:Arial,Helvetica,sans-serif;font-size:clamp(40px,5.4vw,84px);line-height:1;letter-spacing:-.065em;font-weight:600;margin:0;color:#f2f3ec;transition:color .2s}
.agency-service-name h3>span{display:block;font:500 12px/1.6 'Pretendard','Noto Sans KR',sans-serif;letter-spacing:0;color:#aab79a;margin-top:17px}
.agency-service-list article>div>p{font-size:15px;line-height:1.9;color:#c2c9b8;margin:0 0 15px;word-break:keep-all}
.agency-service-list small{font-size:11px;color:#8f9d80}
.agency-service-list article:hover h3{color:#d4f76b}
.agency-compliance{border-top:1px solid #ffffff26;padding-top:23px;font-size:11px;line-height:1.8;color:#9ba78e;margin:0}
.agency-faq{padding-block:95px;display:grid;grid-template-columns:1fr 1fr;gap:90px}
.agency-faq details{padding:24px 0;border-bottom:1px solid #c6cdb8}
.agency-faq details:first-child{border-top:1px solid #c6cdb8}
.agency-faq summary{font-size:15px;line-height:1.6;font-weight:550;cursor:pointer;color:#343e29}
.agency-faq details p{font-size:14px;line-height:1.9;color:#656d58;margin:18px 0 0;word-break:keep-all}
.agency-contact{background:#d4f76b;color:#1b2311;padding:70px 0 85px}
.agency-contact .agency-eyebrow{color:#485d22}
.agency-contact .agency-shell{position:relative}
.professional-agency .agency-contact h2{font-size:clamp(42px,6vw,88px);line-height:1.15;letter-spacing:-.06em}
.agency-contact a{position:absolute;right:0;bottom:5px;display:flex;align-items:center;gap:50px;border-bottom:1px solid #263816;padding:20px 0;color:#1b2311;font-size:16px;font-weight:600;text-decoration:none}
.agency-contact a span{font-size:56px;font-weight:400;line-height:1}
body.professional-agency .site-footer{background:#171916;color:#c1c9b7;border-top:0}
body.professional-agency .site-footer a{color:#c8d3b9}
body.professional-agency .floating-contact-link.primary{background:#d4f76b;color:#1a2410;border-color:#d4f76b;box-shadow:none;border-radius:0}
body.professional-agency .floating-contact-link.kakao{background:#f2f3ec;color:#253219;border-color:#d3d9c7;box-shadow:none;border-radius:0}
.professional-agency a:focus-visible,.professional-agency summary:focus-visible{outline:2px solid #869d43;outline-offset:5px}
[data-photo-motion]{--photo-x:0px;--photo-y:0px;--photo-rx:0deg;--photo-ry:0deg}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .photo-motion-enabled [data-photo-layer]{transform:perspective(1400px) translate3d(var(--photo-x),var(--photo-y),0) rotateX(var(--photo-rx)) rotateY(var(--photo-ry));backface-visibility:hidden}
 .photo-motion-active [data-photo-layer]{will-change:transform}
}
@media(min-width:1800px){.agency-hero-grid{gap:90px}}
@media(max-width:1100px){.agency-shell{width:calc(100% - 64px)}.agency-hero-grid{gap:30px;grid-template-columns:.9fr 1.1fr}.agency-hero h1{font-size:64px}.agency-content-grid{gap:42px}.agency-section-head{gap:30px}.agency-faq{gap:45px}.agency-contact a{font-size:13px;gap:24px}.agency-contact a span{font-size:40px}}
@media(max-width:760px){
 .agency-shell{width:calc(100% - 40px)}
 .agency-hero{padding:148px 0 26px}.agency-topline{font-size:8px;padding-bottom:18px}.agency-topline span:last-child{display:none}
 .agency-hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:30px;padding:29px 0 24px}
 .agency-hero-copy{padding:0}.agency-hero-copy .agency-eyebrow{font-size:10px;margin-bottom:19px}
 .agency-hero h1{font-size:clamp(49px,12vw,77px);line-height:1.15;letter-spacing:-.065em}
 .agency-hero h1>span:nth-child(2){display:inline}.agency-hero h1>em{display:inline;margin-left:.18em}
 .agency-lead{font-size:13px;margin:22px 0 12px;line-height:1.8}.agency-cta{font-size:12px;gap:32px;padding:12px 0 8px}.agency-cta>span{font-size:24px}
 .agency-hero-media{aspect-ratio:1.5}.professional-agency figcaption{font-size:7px;gap:7px;letter-spacing:0;margin-top:9px}
 .agency-hero-footer{font-size:9px;gap:16px;align-items:end;padding-top:18px}.agency-hero-footer a{max-width:112px}.agency-hero-footer a span{margin-left:8px}
 .professional-agency main h2{font-size:30px;line-height:1.4}
 .agency-approach{display:block;padding-block:62px 55px}.agency-approach>.agency-eyebrow{padding:0;margin-bottom:22px}.agency-eyebrow{font-size:9px;margin-bottom:20px}.agency-approach>div>p{font-size:13px;line-height:1.9;margin-top:22px}
 .agency-content-chapter{padding-bottom:60px}.agency-content-grid{grid-template-columns:1fr;gap:32px}.agency-content-media{aspect-ratio:1.5}.agency-content-copy h2 br:nth-child(2){display:none}.agency-content-copy>p:not(.agency-eyebrow){font-size:13px;margin:18px 0 22px}.agency-content-formats{font-size:10px;gap:18px;padding-top:17px}
 .agency-capabilities{padding:56px 0 30px}.agency-section-head{display:block;margin-bottom:32px}.agency-section-head h2{width:100%;max-width:none}.agency-service-list article{grid-template-columns:1fr;gap:21px;padding:29px 0}.agency-service-name{gap:20px}.agency-service-name h3{font-size:53px}.agency-service-name h3>span{margin-top:11px;font-size:11px}.agency-service-name>span{font-size:9px;padding-top:8px}.agency-service-list article>div>p{font-size:13px;margin-bottom:11px}.agency-service-list article>div:last-child{padding-left:33px}.agency-service-list small{font-size:10px}.agency-compliance{font-size:9px;padding-top:20px}
 .agency-faq{grid-template-columns:1fr;gap:28px;padding-block:60px}.agency-faq details{padding:21px 0}.agency-faq summary{font-size:13px}.agency-faq details p{font-size:13px}
 .agency-contact{padding:49px 0 53px}.professional-agency .agency-contact h2{font-size:44px;line-height:1.2}.agency-contact a{position:static;width:max-content;margin-top:27px;font-size:13px;gap:42px;padding:12px 0}.agency-contact a span{font-size:35px}
}
@media(prefers-reduced-motion:reduce){.agency-cta>span,.agency-service-name h3,.agency-service-list article{transition:none}.agency-cta:hover>span{transform:none}}