@font-face {
  font-family: 'BBLaw Mobile Profile';
  src: url('../img/bblaw-main-hero-20261113-profile-pretendard.woff') format('woff');
  font-weight: 100 900;
  font-display: swap;
}

@media (max-width: 767.98px) {
  .bblaw-r60-hero {
    --navy: #0f214d;
    color: var(--navy);
    container-type: inline-size;
    display: block;
    width: min(100%, 680px);
    max-width: none;
    margin: 0 auto;
    padding: 0;
    background: #fff;
    text-align: left;
    line-height: 1.5;
  }

  #crime-attorney-story > .bblaw-r60-hero--judge:first-child { margin-block-start: 68px; }

  .bblaw-r60-hero *,
  .bblaw-r60-hero *::before,
  .bblaw-r60-hero *::after { box-sizing: border-box; }
  .bblaw-r60-hero :where(*) { font-family: inherit; font-size: inherit; font-weight: inherit; letter-spacing: inherit; }
  .bblaw-r60-hero :is(h2, p, ul) { margin: 0; padding: 0; }
  .bblaw-r60-hero h2 { letter-spacing: -.055em; overflow-wrap: normal; }
  .bblaw-r60-hero img { display: block; width: 100%; height: auto; }
  .bblaw-r60-hero .r60-fit-width,
  .bblaw-r60-hero .r60-career-title { white-space: nowrap; }
  article.bblaw-r60-hero .r60-fit-width > span,
  article.bblaw-r60-hero .r60-judge-location h2 > span {
    display: inline-block;
    font-size: inherit;
    letter-spacing: inherit;
  }
  .bblaw-r60-hero .r60-judge-location h2 { line-height: 1.13; }
  .bblaw-r60-hero .r60-judge-near { line-height: 1.24; color: #b7042b; }
  .bblaw-r60-hero :is(.r60-judge-distance, .r60-judge-districts) { line-height: 1.55; font-weight: 750; }
  .bblaw-r60-hero .r60-judge-location-qualifier { margin-left: .1em; font-size: .42em; }
  .bblaw-r60-hero .r60-career-kicker { color: #111; line-height: 1.18; white-space: nowrap; }
  .bblaw-r60-hero--lee .r60-lee-sharp-question .r60-soft-or { font-size: 3.15cqw; font-weight: 750; letter-spacing: .025em; }

  .bblaw-r60-hero .r60-profile-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: #fff;
    font-family: 'BBLaw Mobile Profile', Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  }
  .bblaw-r60-hero .r60-profile-hero .r60-profile-photo { position: absolute; z-index: -1; max-width: none; }
  .bblaw-r60-hero--judge .r60-profile-hero { min-height: calc(124.4cqw - 30px); padding: 3.4cqw 2.5cqw 0; }
  .bblaw-r60-hero--judge .r60-profile-photo { width: 113%; top: -10.6cqw; left: calc(17.2% + 4px); }
  .bblaw-r60-hero--judge .r60-judge-location h2 { font-size: 10.2cqw; font-weight: 900; letter-spacing: -.035em; color: #000; }
  .bblaw-r60-hero--judge .r60-judge-location-qualifier { letter-spacing: 0; word-spacing: .12em; }
  .bblaw-r60-hero--judge .r60-judge-location-heading { display: grid; width: max-content; }
  .bblaw-r60-hero--judge .r60-judge-location h2 { white-space: nowrap; }
  .bblaw-r60-hero--judge .r60-judge-districts-line .r60-judge-near { width: 0; min-width: 100%; position: relative; top: 2px; margin-top: 1.2cqw; font-size: 6.3cqw; font-weight: 900; letter-spacing: -.07em; }
  .bblaw-r60-hero--judge .r60-judge-distance { margin-top: .2cqw; font-size: 3.2cqw; }
  .bblaw-r60-hero--judge .r60-judge-districts-line { display: grid; width: max-content; }
  .bblaw-r60-hero--judge .r60-judge-districts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 0;
    min-width: 100%;
    gap: .8cqw;
    margin: .55cqw 0 0;
    padding: 0;
    list-style: none;
    font-size: 3.7cqw;
  }
  .bblaw-r60-hero--judge .r60-judge-districts li, .bblaw-r60-hero--lee .r60-lee-police-stations li {
    padding: .25cqw .65cqw;
    border-radius: 1.1cqw;
    background: var(--navy);
    color: #fff;
    text-align: center;
  }
  .bblaw-r60-hero--judge .r60-profile-credentials { top: calc(47.5cqw + 53px); }
  .bblaw-r60-hero .r60-profile-credentials { position: absolute; top: 47.5cqw; left: 4.25cqw; width: max-content; color: #111; }
  .bblaw-r60-hero .r60-profile-credentials .r60-career-kicker { text-align: center; font-size: 3.7cqw; font-weight: 850; letter-spacing: -.055em; }
  .bblaw-r60-hero .r60-profile-credentials .r60-career-title {
    font-family: "Gungsuh", "궁서", "AppleMyungjo", "Batang", "Noto Serif KR", serif;
    font-size: 8.65cqw;
    font-weight: 900;
    line-height: 1.08;
    letter-spacing: -.07em;
    color: #183881;
  }
  .bblaw-r60-hero .r60-profile-role { margin: .9cqw 0; font-size: 4.55cqw; line-height: 1.18; font-weight: 900; letter-spacing: -.065em; }
  .bblaw-r60-hero .r60-profile-role strong { font-size: .61em; color: var(--navy); }
  .bblaw-r60-hero .r60-profile-school { display: flex; align-items: center; gap: .35cqw; font-size: 2.8cqw; font-weight: 800; letter-spacing: -.045em; }
  .bblaw-r60-hero .r60-profile-school img { width: 2.65cqw; height: auto; }
  .bblaw-r60-hero--judge .r60-profile-career-heading, .bblaw-r60-hero--judge .r60-judge-role-school { position: relative; top: 8px; }
  .bblaw-r60-hero--lee .r60-profile-credentials > :not(.r60-profile-record) { position: relative; top: 8px; }
  .bblaw-r60-hero--judge .r60-judge-role-school { display: grid; width: max-content; }
  .bblaw-r60-hero--judge .r60-judge-role-school .r60-profile-role,
  .bblaw-r60-hero--lee .r60-profile-career-heading .r60-profile-role { width: 0; min-width: 100%; }
  .bblaw-r60-hero--judge .r60-judge-role-school .r60-profile-role strong { margin-left: .3em; }
  .bblaw-r60-hero .r60-profile-record { margin: 3.7cqw 0 0; padding: 0; list-style: none; font-size: 2.55cqw; line-height: 1.38; font-weight: 680; letter-spacing: -.05em; }
  .bblaw-r60-hero--lee .r60-lee-profile-hero { min-height: calc(139.6cqw - 60px); padding: 5.2cqw 2.9cqw 0; }
  .bblaw-r60-hero .r60-lee-sharp-heading { --police-stations-width: 84cqw; display: grid; width: max-content; margin-inline: auto; }
  .bblaw-r60-hero .r60-lee-sharp-heading .r60-fit-width { width: 0; min-width: 100%; text-align: center; }
  .bblaw-r60-hero .r60-lee-profile-hero .r60-lee-sharp-court { font-size: 7.05cqw; font-weight: 900; color: #b7042b; letter-spacing: -.055em; line-height: 1.13; }
  .bblaw-r60-hero .r60-lee-profile-hero .r60-lee-sharp-question { text-align: center; margin: .65cqw 0 1.5cqw; font-size: 6.45cqw; line-height: 1.18; font-weight: 900; letter-spacing: -.055em; }
  .bblaw-r60-hero .r60-lee-profile-hero .r60-lee-sharp-police { display: flex; align-items: end; justify-content: center; gap: 1cqw; margin: 1cqw 0; font-size: 3.15cqw; line-height: 1.45; font-weight: 750; }
  .bblaw-r60-hero .r60-lee-police-stations { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .8cqw; width: var(--police-stations-width); margin: 0; padding: 0; list-style: none; }
  .bblaw-r60-hero .r60-lee-police-stations li { white-space: nowrap; }
  .bblaw-r60-hero .r60-lee-profile-hero .r60-profile-photo { width: 117%; left: 3.4%; bottom: calc(-2.4cqw - 60px); }
  .bblaw-r60-hero .r60-lee-profile-hero .r60-profile-credentials { top: 43.7cqw; left: 4.65cqw; }
  .bblaw-r60-hero .r60-profile-credentials .r60-profile-career-heading { display: grid; width: max-content; }
  .bblaw-r60-hero .r60-profile-credentials .r60-profile-career-heading .r60-career-kicker { width: 0; min-width: 100%; text-align: left; }
  .bblaw-r60-hero--judge .r60-profile-career-heading .r60-career-kicker { min-width: 100%; }
  .bblaw-r60-hero--judge .r60-profile-career-heading .r60-career-title { font-size: 8.4cqw; }
  .bblaw-r60-hero .r60-profile-credentials .r60-profile-career-heading .r60-career-title { -webkit-text-stroke: .045em currentColor; }
}