@font-face{font-family:'SUIT';font-style:normal;font-weight:100 900;font-display:swap;src:url('/assets/fonts/SUIT-Variable.woff2') format('woff2')}
:root{--navy:#0b2c48;--ink:#182c3d;--muted:#5d6d7b;--line:#dbe2e8;--wash:#f3f6f8}
body{font-family:'SUIT',sans-serif;-webkit-font-smoothing:antialiased;letter-spacing:-.015em;line-height:1.8}
h1,h2,h3,h4{font-family:'SUIT',sans-serif;font-weight:550;letter-spacing:-.035em;text-wrap:balance}
p{word-break:keep-all;overflow-wrap:break-word}
.header{min-height:116px;padding:24px 4.2%;border-bottom:1px solid var(--line);gap:30px}
.identity{gap:24px;flex-shrink:0;color:var(--navy)}
.wordmark{font-family:'SUIT',sans-serif;font-size:2rem;font-weight:720;letter-spacing:.14em;line-height:1.1;color:var(--navy)}
.office{display:block;font-family:'SUIT',sans-serif;font-size:1.05rem;font-weight:650;letter-spacing:.04em;line-height:1.45;padding-left:24px;border-left:1px solid #b7c5d0}
.office-en{display:block;font-size:.625rem;letter-spacing:.12em;font-weight:550;line-height:1.6;margin-top:6px}
.header nav{gap:27px;font-size:.9375rem;font-weight:500;white-space:nowrap}
.nav-contact{padding:12px 19px;background:var(--navy);color:white;border-color:var(--navy);transition:background .2s}
.nav-contact:hover{background:#234e6c}
.eyebrow{font-weight:650;letter-spacing:.16em;font-size:.75rem}
.hero{background:linear-gradient(120deg,#133750 0%,#08273f 58%);min-height:660px}
.hero-copy{padding:72px 8% 34px}
.hero h1{font-weight:520;font-size:clamp(2.4rem,4.1vw,4.1rem);letter-spacing:-.045em;line-height:1.35}
.hero .eyebrow,.lecture-hero .eyebrow,.practice-hero .eyebrow,.contact .eyebrow{color:#aebfce}
.hero-description{color:#d2dce4;font-size:1.0625rem;line-height:1.85;margin-top:27px}
.button{font-size:.9375rem;font-weight:650;padding:17px 25px;gap:44px;min-height:54px}
.navy:hover{background:#234e6c}.light:hover{background:#e8eef3}
.hero-bottom{color:#b4c5d2;font-size:.75rem;letter-spacing:.02em}
.photo-caption{background:#fffffff0;border-left:3px solid #7893a9;padding:17px 22px}
.photo-caption strong{font-weight:650;letter-spacing:.1em}
.section h2,.contact h2{font-weight:530;letter-spacing:-.04em}
.section-heading>p:last-child{line-height:1.85}
.service-list h3,.work-item h3,.book-row h3{font-weight:620}
.service-list p{font-size:1rem;line-height:1.8}
.service-en{font-size:.75rem;font-weight:550;letter-spacing:.07em}
.number{font-family:'SUIT',sans-serif;font-weight:500;letter-spacing:.025em}
.service-link{padding:28px 0;gap:24px}
.service-link:hover{background:#edf3f7}
.service-more{font-weight:600}
.profile-intro h2{font-weight:600}.profile-intro h2 span{font-weight:500;letter-spacing:.04em}
.intro-text{font-size:1.125rem;line-height:1.9;color:#3e5568;letter-spacing:-.02em}
.profile-details>h3{font-weight:600}.career h4{font-weight:650}.career p{font-size:1rem}.career .detail{font-size:.9375rem;color:var(--muted)}
.career-label{font-weight:600}.career>div{border-left-color:#c3d0da}.profile-expand{border-color:#c3d0da}
.profile-expand summary{font-weight:600}.profile-expand ul{font-size:1rem}
.contact{background:#092940}.contact-grid a{border-color:#536d81}.contact-grid a>span{color:#bdcbd6}.contact-grid strong{font-weight:450}
.client-list li{font-family:'SUIT',sans-serif;font-weight:650;letter-spacing:-.025em}
.lecture-hero,.practice-hero{background:linear-gradient(120deg,#153950,#092940 75%)}
.lecture-hero h1,.practice-title h1{font-weight:530;letter-spacing:-.04em}.practice-title h2{font-weight:450;letter-spacing:-.04em}.practice-intro{color:#d2dce4}.back-link{color:#bdcbd6}
.practice-nav a{font-weight:550}.practice-nav a[aria-current="page"]{font-weight:700}
.brand-footer{padding:40px 5%;align-items:center;background:#fff;border-top:1px solid var(--line);gap:30px}
.footer-identity{display:flex;flex-direction:column;gap:12px}.footer-identity .wordmark{font-size:1.65rem}.footer-office{font-size:.875rem;font-weight:600;letter-spacing:.08em;color:var(--navy)}
.footer-signature{text-align:right}.footer-signature p{font-size:.75rem;letter-spacing:.16em;color:var(--navy);font-weight:550;margin-bottom:10px}.footer-signature>span{font-size:.75rem;letter-spacing:.015em;color:var(--muted)}.copyright{margin-left:24px}
@media(min-width:1600px){.hero{min-height:710px}.hero-copy{padding-top:95px}}
@media(max-width:1200px){.header{gap:24px}.identity{gap:17px}.office{padding-left:17px;font-size:.9375rem}.wordmark{font-size:1.7rem}.header nav{gap:18px;font-size:.875rem}.office-en{display:none}}
@media(max-width:980px){.header{flex-wrap:wrap;gap:22px;padding:25px 5%}.header nav{width:100%;justify-content:space-between;gap:16px}.identity{gap:22px}.office{padding-left:22px;font-size:1rem}.wordmark{font-size:1.9rem}.hero-copy{padding-top:54px}.hero-bottom{font-size:.6875rem}}
@media(max-width:760px){.header{padding:23px 6% 17px;gap:22px;min-height:0}.identity{align-items:flex-start;flex-direction:column;gap:9px}.wordmark{font-size:1.8rem;letter-spacing:.16em}.office{border:0;padding:0;font-size:.875rem;font-weight:650;letter-spacing:.1em;line-height:1.5}.office-en{display:none}.header nav{gap:12px;font-size:.875rem}.nav-contact{padding:9px 12px}.hero{min-height:0}.hero-copy{padding:42px 6% 27px}.hero .eyebrow{font-size:.6875rem;letter-spacing:.14em;margin-bottom:24px}.hero h1{font-size:clamp(2.3rem,8.7vw,3.2rem);line-height:1.4}.hero-description{font-size:1rem;line-height:1.9}.hero-bottom{font-size:.6875rem;gap:14px;padding-top:36px}.hero-bottom span:last-child{font-size:.625rem}.section{padding-top:66px;padding-bottom:66px}.section h2,.contact h2{font-size:2rem;line-height:1.45}.service-link{gap:17px;padding:26px 0}.service-list h3{font-size:1.375rem}.service-list p{font-size:1rem}.profile-intro h2{font-size:2.4rem}.intro-text{font-size:1.0625rem}.contact-grid strong{font-size:1.25rem}.brand-footer{align-items:flex-start;gap:28px;padding:35px 6%}.footer-signature{text-align:left}.footer-signature p{font-size:.6875rem;letter-spacing:.11em}.footer-identity .wordmark{font-size:1.65rem}.copyright{margin-left:15px}.lecture-hero h1{font-size:2.35rem}.practice-title h1{font-size:2.6rem}.practice-title h2{font-size:1.75rem}}
@media(max-width:360px){.header nav{font-size:.8125rem;gap:8px}.nav-contact{padding:9px}.hero h1{font-size:2.1rem}.hero .eyebrow{letter-spacing:.08em}.hero-bottom{font-size:.625rem}.footer-signature p{letter-spacing:.065em}}

/* Geometric brand signature and orbital accent */
.brand-lockup{display:inline-flex;align-items:center;gap:15px;color:var(--navy)}
.brand-symbol{width:34px;height:43px;flex:none}
.footer-identity .brand-symbol{width:27px;height:34px}
.footer-identity .brand-lockup{gap:12px}
.hero-copy{position:relative;isolation:isolate;overflow:hidden;padding-top:56px}
.hero-copy>*:not(.hero-orbit){position:relative;z-index:1}
.hero-slogan{font-size:clamp(1.125rem,1.6vw,1.5rem);line-height:1.7;letter-spacing:.19em;font-weight:550;color:#fff;margin:0 0 32px}
.hero-slogan span{color:#c8dae7}
.hero-orbit{position:absolute;z-index:0;width:540px;height:540px;right:-135px;top:15px;border:1px solid #aecfdf30;border-radius:50%;background:radial-gradient(ellipse at 80% 24%,#a0d4ff0f,transparent 58%);pointer-events:none;transform:rotate(-14deg)}
.hero-orbit:before{content:"";position:absolute;inset:18px;border-radius:50%;border:1px solid #aecfdf0c}
.hero-orbit:after{content:"";position:absolute;inset:-1px;border-radius:50%;border-top:1px solid #d5ecff99;border-right:1px solid #d5ecff44;mask-image:linear-gradient(110deg,transparent 20%,#000 65%,transparent 90%)}
.hero-orbit span{position:absolute;right:63px;top:83px;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 8px 3px #e3f5ff88,0 0 28px 10px #b6dfff33}
@media(min-width:1600px){.hero-copy{padding-top:70px}}
@media(max-width:1200px){.brand-lockup{gap:12px}.brand-symbol{width:28px;height:35px}.identity{gap:15px}.office{padding-left:15px}}
@media(max-width:760px){.hero-copy{padding-top:36px}.hero-slogan{font-size:1rem;letter-spacing:.16em;line-height:1.8;margin-bottom:27px}.hero-orbit{width:390px;height:390px;right:-180px;top:14px}.hero-orbit span{right:45px;top:60px}.brand-symbol{width:28px;height:35px}.brand-lockup{gap:13px}.identity{gap:8px}.office{padding:0}}
.hero-orbit{transform:none}.hero-orbit span{left:20%;top:10%;right:auto}

/* Two-line English signature with a separate Korean office name */
.header .identity{flex-direction:column;align-items:flex-start;gap:12px}
.brand-type{display:flex;flex-direction:column;gap:8px;width:280px}
.brand-type .wordmark{font-size:2.35rem;letter-spacing:.17em;line-height:1;font-weight:650;white-space:nowrap}
.brand-descriptor{font-size:.75rem;font-weight:550;letter-spacing:.153em;line-height:1.2;white-space:nowrap}
.brand-lockup{gap:17px}
.brand-lockup .brand-symbol{width:43px;height:54px}
.header .office{padding:0;border:0;font-size:.875rem;letter-spacing:.09em;font-weight:600}
.footer-identity{gap:12px}
.footer-identity .brand-type{width:248px}
.footer-identity .wordmark{font-size:2.05rem;letter-spacing:.17em}
.footer-identity .brand-descriptor{font-size:.6875rem;letter-spacing:.12em}
.footer-identity .brand-symbol{width:38px;height:48px}
@media(max-width:1200px){.brand-type{width:258px}.brand-type .wordmark{font-size:2.15rem}.brand-descriptor{font-size:.6875rem;letter-spacing:.15em}.brand-lockup .brand-symbol{width:39px;height:49px}}
@media(max-width:760px){.header .identity{gap:11px}.brand-lockup{gap:13px}.brand-type{width:258px}.brand-type .wordmark{font-size:2.15rem}.brand-type .brand-descriptor{display:block}.header .office{font-size:.8125rem;letter-spacing:.09em}.footer-identity .brand-type{width:235px}.footer-identity .wordmark{font-size:1.95rem}.footer-identity .brand-descriptor{font-size:.65625rem;letter-spacing:.12em}}
@media(max-width:360px){.brand-type{width:230px}.brand-type .wordmark{font-size:1.9rem}.brand-descriptor{font-size:.625rem;letter-spacing:.13em}.brand-lockup{gap:10px}.brand-lockup .brand-symbol{width:32px;height:41px}.footer-identity .brand-type{width:230px}.footer-identity .wordmark{font-size:1.9rem}.footer-identity .brand-descriptor{font-size:.625rem;letter-spacing:.13em}}

/* Public office registration and contact information */
.brand-footer{flex-wrap:wrap}
.footer-business{flex-basis:100%;width:100%;padding-top:25px;border-top:1px solid var(--line);color:var(--muted)}
.footer-business dl{display:flex;flex-wrap:wrap;gap:8px 26px;margin:0;font-size:.75rem;line-height:1.8;text-align:left}
.footer-business dl>div{display:flex;gap:12px;align-items:baseline}
.footer-business dt{font-weight:600;color:var(--ink);flex-shrink:0}
.footer-business dd{margin:0;word-break:keep-all;overflow-wrap:anywhere}
.footer-business .business-address{flex-basis:100%}
.footer-business a{color:inherit;text-decoration:underline;text-decoration-color:#b7c5d0;text-underline-offset:4px}
.footer-business a:hover{color:var(--navy)}
@media(max-width:760px){.footer-business{padding-top:22px}.footer-business dl{flex-direction:column;gap:7px}.footer-business dl>div{gap:14px}.footer-business dt{min-width:82px}.footer-business .business-address{flex-basis:auto}.footer-business dd{flex:1;min-width:0}}
