:root{
    --ink:#0B1F3A;
    --ink-2:#132a4d;
    --ivory:#F7F5F0;
    --paper:#FFFFFF;
    --text:#1C1C1C;
    --muted:#5b6472;
    --gold:#A8823C;
    --seal:#8C2F2F;
    --line:#DDD6C8;
    --radius:2px;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    background:var(--ivory);
    color:var(--text);
    font-family:'Noto Sans KR', sans-serif;
    font-weight:400;
    line-height:1.7;
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3,h4{
    font-family:'Noto Serif KR', serif;
    margin:0;
    color:var(--ink);
    letter-spacing:-0.01em;
  }
  a{color:inherit;text-decoration:none;}
  img{max-width:100%;display:block;}
  button{font-family:inherit;cursor:pointer;}
  :focus-visible{outline:2px solid var(--seal);outline-offset:3px;}
  .mono{font-family:'IBM Plex Mono', monospace;}
  .wrap{max-width:1180px;margin:0 auto;padding:0 24px;}
  .eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    font-family:'IBM Plex Mono', monospace;
    font-size:12px;letter-spacing:.18em;text-transform:uppercase;
    color:var(--seal);
  }
  .eyebrow::before{content:"";width:14px;height:1px;background:var(--seal);display:inline-block;}

  /* -------- seal signature mark -------- */
  .seal{
    --size:64px;
    width:var(--size);height:var(--size);
    border:1.5px solid var(--seal);
    border-radius:6px;
    display:flex;align-items:center;justify-content:center;
    color:var(--seal);
    font-family:'Noto Serif KR', serif;
    font-weight:700;
    transform:rotate(-6deg);
    position:relative;
    flex-shrink:0;
    background:transparent;
  }
  .seal span{font-size:calc(var(--size) * 0.34);letter-spacing:.05em;}
  .seal::after{
    content:"";position:absolute;inset:5px;
    border:1px solid var(--seal);border-radius:3px;opacity:.55;
  }
  @media (prefers-reduced-motion:no-preference){
    .seal-anim{
      animation:stampIn .5s cubic-bezier(.2,1.4,.4,1) both;
    }
  }
  @keyframes stampIn{
    0%{opacity:0;transform:rotate(-6deg) scale(1.7);}
    60%{opacity:1;}
    100%{opacity:1;transform:rotate(-6deg) scale(1);}
  }

  /* -------- header -------- */
  header{
    position:sticky;top:0;z-index:50;
    background:rgba(247,245,240,.9);
    backdrop-filter:saturate(160%) blur(10px);
    border-bottom:1px solid var(--line);
  }
  .nav{
    display:flex;align-items:center;justify-content:space-between;
    padding:14px 24px;max-width:1180px;margin:0 auto;
  }
  .brand{
    display:flex;align-items:center;gap:10px;
    font-family:'Noto Serif KR',serif;font-weight:700;font-size:19px;color:var(--ink);
  }
  .brand .seal{--size:34px;}
  .brand .seal span{font-size:13px;}
  .navlinks{display:flex;gap:30px;font-size:14.5px;font-weight:500;}
  .navlinks a{position:relative;padding:6px 0;color:var(--ink);}
  .navlinks a::after{
    content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--seal);
    transition:width .25s ease;
  }
  .navlinks a:hover::after{width:100%;}
  .navcta{
    background:var(--ink);color:var(--ivory);
    padding:10px 20px;font-size:14px;font-weight:500;border-radius:var(--radius);
    border:1px solid var(--ink);
  }
  .navcta:hover{background:var(--ink-2);}
  .burger{display:none;background:none;border:none;color:var(--ink);font-size:22px;}

  /* -------- hero -------- */
  .hero{
    position:relative;min-height:88vh;
    display:flex;flex-direction:column;justify-content:flex-end;
    background:
      linear-gradient(180deg, rgba(11,31,58,.35) 0%, rgba(11,31,58,.86) 78%),
      radial-gradient(1200px 600px at 15% 8%, #16345e 0%, #0B1F3A 55%);
    color:var(--ivory);
    overflow:hidden;
    padding:120px 0 0;
  }
  .hero::before{
    content:"請 求";
    position:absolute;top:6%;right:-4%;
    font-family:'Noto Serif KR',serif;
    font-size:min(38vw,420px);
    color:rgba(255,255,255,.035);
    font-weight:700;
    letter-spacing:.02em;
    pointer-events:none;
  }
  .hero-inner{
    position:relative;max-width:1180px;margin:0 auto;padding:0 24px 90px;
    width:100%;
  }
  .hero .eyebrow{color:#E7C989;margin-bottom:22px;}
  .hero .eyebrow::before{background:#E7C989;}
  .hero h1{
    color:var(--ivory);
    font-size:clamp(32px,5.4vw,64px);
    line-height:1.28;
    font-weight:600;
    max-width:16ch;
  }
  .hero .sub{
    margin-top:22px;color:#c7d0dd;font-size:16.5px;max-width:46ch;font-weight:300;
  }
  .hero .actions{display:flex;gap:14px;margin-top:40px;flex-wrap:wrap;}
  .btn{
    display:inline-flex;align-items:center;gap:8px;
    padding:15px 28px;font-size:14.5px;font-weight:500;
    border-radius:var(--radius);border:1px solid transparent;
    transition:all .2s ease;
  }
  .btn-primary{background:var(--seal);color:#fff;}
  .btn-primary:hover{background:#762424;}
  .btn-outline{border-color:rgba(255,255,255,.4);color:#fff;}
  .btn-outline:hover{border-color:#fff;background:rgba(255,255,255,.08);}
  .btn-gold{background:var(--gold);color:#1a1305;}
  .btn-gold:hover{background:#93712f;}

  section{padding:110px 0;}
  .section-head{
    display:flex;justify-content:space-between;align-items:flex-end;gap:24px;
    margin-bottom:52px;flex-wrap:wrap;
  }
  .section-head h2{font-size:clamp(24px,3vw,36px);font-weight:600;line-height:1.4;}
  .section-head .more{
    font-size:14px;font-weight:500;color:var(--ink);border-bottom:1px solid var(--ink);
    padding-bottom:2px;white-space:nowrap;
  }

  /* -------- members -------- */
  .members{
    display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
    background:var(--line);border:1px solid var(--line);
  }
  .member{
    background:var(--paper);padding:30px 26px 34px;
    display:flex;flex-direction:column;gap:14px;
  }
  .member .avatar{
    width:100%;aspect-ratio:3/3.6;background:
      linear-gradient(160deg,#e7e2d4,#d7d0bd);
    border-radius:2px;
    display:flex;align-items:center;justify-content:center;
    color:var(--muted);font-family:'IBM Plex Mono',monospace;font-size:12px;
  }
  .member .role{font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:.1em;color:var(--seal);text-transform:uppercase;}
  .member .name{font-size:19px;font-weight:600;}
  .member .desc{font-size:13.5px;color:var(--muted);line-height:1.65;}

  /* -------- cases -------- */
  .cases{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
  .case-card{
    background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
    padding:32px 28px;display:flex;flex-direction:column;gap:16px;
    transition:border-color .2s ease, transform .2s ease;
  }
  .case-card:hover{border-color:var(--gold);transform:translateY(-3px);}
  .tag-row{display:flex;gap:8px;flex-wrap:wrap;}
  .tag{
    font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.06em;
    padding:4px 9px;border:1px solid var(--line);color:var(--muted);border-radius:20px;
  }
  .case-card h3{font-size:18px;line-height:1.5;font-weight:600;}
  .case-card p{font-size:13.5px;color:var(--muted);}
  .case-card .result{
    margin-top:auto;padding-top:14px;border-top:1px solid var(--line);
    font-size:13px;color:var(--seal);font-weight:500;
  }

  /* -------- practice areas -------- */
  .areas{display:flex;flex-wrap:wrap;gap:12px;}
  .area-pill{
    display:flex;align-items:center;gap:10px;
    padding:16px 22px;border:1px solid var(--line);background:var(--paper);
    border-radius:40px;font-size:14.5px;font-weight:500;
    transition:all .2s ease;
  }
  .area-pill .num{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--gold);}
  .area-pill:hover{border-color:var(--ink);background:var(--ink);color:var(--ivory);}
  .area-pill:hover .num{color:#E7C989;}

  /* -------- insight / video -------- */
  .insight-bg{background:var(--ink);color:var(--ivory);}
  .insight-bg .eyebrow{color:#E7C989;}
  .insight-bg .eyebrow::before{background:#E7C989;}
  .insight-bg .section-head h2{color:var(--ivory);}
  .insight-bg .section-head .more{color:var(--ivory);border-color:var(--ivory);}
  .videos{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
  .video-card{display:flex;flex-direction:column;gap:12px;}
  .video-thumb{
    aspect-ratio:16/10;border-radius:2px;
    background:linear-gradient(135deg,#1c3a63,#0d223f);
    display:flex;align-items:center;justify-content:center;position:relative;
    border:1px solid rgba(255,255,255,.12);
  }
  .video-thumb::after{
    content:"▶";color:#E7C989;font-size:15px;
    width:44px;height:44px;border:1px solid rgba(231,201,137,.5);border-radius:50%;
    display:flex;align-items:center;justify-content:center;
  }
  .video-card .vtitle{font-size:13.5px;line-height:1.55;color:#dbe1ea;font-weight:400;}
  .video-card .vmeta{font-family:'IBM Plex Mono',monospace;font-size:11px;color:#E7C989;letter-spacing:.05em;}

  /* -------- news -------- */
  .news-list{border-top:1px solid var(--line);}
  .news-item{
    display:flex;gap:24px;align-items:baseline;padding:22px 0;border-bottom:1px solid var(--line);
    flex-wrap:wrap;
  }
  .news-item .tag{flex-shrink:0;}
  .news-item .headline{font-size:15px;font-weight:500;flex:1;min-width:220px;}
  .news-item .date{font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--muted);}

  /* -------- CTA band -------- */
  .cta-band{
    background:var(--paper);border:1px solid var(--line);
    border-radius:2px;padding:56px 48px;
    display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap;
  }
  .cta-band p{color:var(--muted);font-size:14.5px;margin-top:10px;max-width:52ch;}
  .cta-band .actions{display:flex;gap:12px;flex-wrap:wrap;}
  .btn-dark{background:var(--ink);color:var(--ivory);}
  .btn-dark:hover{background:var(--ink-2);}
  .btn-line{border:1px solid var(--ink);color:var(--ink);}
  .btn-line:hover{background:var(--ink);color:var(--ivory);}

  /* -------- consult form -------- */
  .consult{background:var(--ink);color:var(--ivory);}
  .consult .eyebrow{color:#E7C989;}
  .consult .eyebrow::before{background:#E7C989;}
  .consult h2{color:var(--ivory);}
  .consult-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start;}
  .consult-note{font-size:15px;color:#c7d0dd;font-weight:300;line-height:1.9;}
  .consult-note strong{color:#fff;font-weight:600;display:block;margin-top:18px;font-family:'Noto Serif KR',serif;font-size:20px;}
  form.consult-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
  .field{display:flex;flex-direction:column;gap:8px;}
  .field.full{grid-column:1/-1;}
  .field label{font-size:12.5px;color:#c7d0dd;font-family:'IBM Plex Mono',monospace;letter-spacing:.04em;}
  .field input,.field select,.field textarea{
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.22);
    color:#fff;padding:13px 14px;border-radius:2px;font-family:inherit;font-size:14px;
  }
  .field input::placeholder,.field textarea::placeholder{color:#8a94a5;}
  .field textarea{resize:vertical;min-height:110px;}
  .checkline{display:flex;align-items:center;gap:9px;font-size:13px;color:#c7d0dd;}
  .checkline input{width:16px;height:16px;}
  .submit-btn{
    background:var(--seal);color:#fff;padding:16px;border:none;border-radius:2px;
    font-weight:600;font-size:15px;letter-spacing:.02em;
  }
  .submit-btn:hover{background:#762424;}

  /* -------- footer -------- */
  footer{background:#081729;color:#9aa6b8;padding:70px 0 30px;font-size:13.5px;}
  .foot-top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:40px;margin-bottom:30px;}
  .foot-brand{display:flex;align-items:center;gap:10px;color:#fff;font-family:'Noto Serif KR',serif;font-size:20px;font-weight:700;}
  .foot-brand .seal{--size:34px;border-color:#E7C989;color:#E7C989;}
  .foot-brand .seal::after{border-color:#E7C989;}
  .foot-links{display:flex;gap:22px;flex-wrap:wrap;}
  .foot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:36px;}
  .foot-grid .k{color:#5c6b83;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;}
  .foot-grid .v{color:#dbe1ea;line-height:1.6;}
  .foot-social{display:flex;gap:12px;margin-bottom:24px;}
  .foot-social a{width:36px;height:36px;border:1px solid rgba(255,255,255,.18);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#dbe1ea;}
  .copyright{color:#5c6b83;font-size:12px;}

  /* -------- breadcrumb -------- */
  .breadcrumb{
    font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--muted);
    display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:26px;
  }
  .breadcrumb a{color:var(--muted);}
  .breadcrumb a:hover{color:var(--seal);}
  .breadcrumb .sep{opacity:.5;}

  /* -------- article / page header (질문형 타이틀 페이지) -------- */
  .page-hero{
    background:var(--ink);color:var(--ivory);padding:64px 0 54px;
  }
  .page-hero .eyebrow{color:#E7C989;}
  .page-hero .eyebrow::before{background:#E7C989;}
  .page-hero h1{color:var(--ivory);font-size:clamp(26px,4vw,42px);line-height:1.4;max-width:20ch;margin-top:16px;}
  .page-hero .lead{color:#c7d0dd;font-size:15.5px;margin-top:16px;max-width:56ch;font-weight:300;}
  .byline{
    font-family:'IBM Plex Mono',monospace;font-size:12px;color:#9fb0c7;
    margin-top:22px;display:flex;gap:16px;flex-wrap:wrap;
  }
  .byline strong{color:#E7C989;font-weight:500;}

  /* -------- FAQ blocks -------- */
  .faq-block{border-top:1px solid var(--line);}
  .faq-item{border-bottom:1px solid var(--line);padding:22px 0;}
  .faq-q{
    display:flex;gap:12px;align-items:flex-start;
    font-size:16px;font-weight:600;color:var(--ink);
    font-family:'Noto Serif KR',serif;
  }
  .faq-q .qmark{
    flex-shrink:0;color:var(--seal);font-family:'IBM Plex Mono',monospace;font-weight:700;
  }
  .faq-a{
    margin-top:10px;padding-left:26px;font-size:14px;color:var(--muted);line-height:1.75;
  }
  .faq-a .amark{color:var(--gold);font-family:'IBM Plex Mono',monospace;font-weight:700;margin-right:6px;}

  /* -------- case / story blocks -------- */
  .story{
    background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
    padding:28px 26px;margin-bottom:18px;
  }
  .story h3{font-size:16.5px;margin-bottom:10px;}
  .story p{font-size:13.5px;color:var(--muted);margin:0 0 8px;}
  .story .story-meta{
    font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--seal);
    letter-spacing:.05em;margin-bottom:12px;display:block;
  }

  /* -------- timeline table (경력/학력) -------- */
  .timeline-table{width:100%;border-collapse:collapse;margin:18px 0 30px;font-size:13.5px;}
  .timeline-table th{
    text-align:left;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.08em;
    text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);padding:10px 12px;
  }
  .timeline-table td{padding:12px;border-bottom:1px solid var(--line);vertical-align:top;}
  .timeline-table td.period{
    font-family:'IBM Plex Mono',monospace;color:var(--seal);white-space:nowrap;font-size:12.5px;
  }
  .cred-row{
    display:flex;gap:24px;flex-wrap:wrap;margin:20px 0 8px;
    font-size:13.5px;color:var(--muted);
  }
  .cred-row strong{color:var(--ink);}

  /* -------- quick contact chips -------- */
  .quicklinks{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px;}
  .quicklinks a{
    display:flex;align-items:center;gap:8px;
    padding:11px 18px;border:1px solid var(--line);border-radius:40px;
    font-size:13.5px;font-weight:500;background:var(--paper);color:var(--ink);
    transition:all .2s ease;
  }
  .quicklinks a:hover{background:var(--ink);color:var(--ivory);border-color:var(--ink);}

  /* -------- disclaimer -------- */
  .disclaimer{
    font-size:12px;color:#5c6b83;line-height:1.8;max-width:1180px;margin:0 auto;padding:0 24px 28px;
  }

  /* -------- practice card grid (index 하위 분야 카드) -------- */
  .practice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
  .practice-card{
    background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
    padding:26px 22px;display:flex;flex-direction:column;gap:10px;transition:all .2s ease;
  }
  .practice-card:hover{border-color:var(--gold);transform:translateY(-3px);}
  .practice-card .flag{
    font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.08em;color:var(--seal);
    text-transform:uppercase;
  }
  .practice-card h3{font-size:16px;line-height:1.5;}
  .practice-card p{font-size:13px;color:var(--muted);}

  @media (max-width:980px){
    .practice-grid{grid-template-columns:1fr 1fr;}
  }
  @media (max-width:560px){
    .practice-grid{grid-template-columns:1fr;}
    .timeline-table{font-size:12.5px;}
    .timeline-table td.period{white-space:normal;}
  }

  @media (max-width:980px){
    .navlinks{
      display:none;
      position:absolute;top:100%;left:0;right:0;
      background:var(--paper);border-bottom:1px solid var(--line);
      flex-direction:column;gap:0;padding:8px 24px;
    }
    .navlinks.open{display:flex;}
    .navlinks a{padding:12px 0;border-bottom:1px solid var(--line);}
    .burger{display:block;}
    .members{grid-template-columns:1fr;}
    .cases{grid-template-columns:1fr;}
    .videos{grid-template-columns:repeat(2,1fr);}
    .consult-grid{grid-template-columns:1fr;gap:36px;}
    form.consult-form{grid-template-columns:1fr;}
    .foot-grid{grid-template-columns:repeat(2,1fr);}
    section{padding:74px 0;}
  }
  @media (max-width:560px){
    .members{grid-template-columns:1fr;}
    .videos{grid-template-columns:1fr 1fr;}
    .hero{min-height:78vh;padding-top:100px;}
    .cta-band{padding:36px 24px;}
  }