#sm-content-20261003 {
    --sm-paper: #20221f;
    --sm-ink: #f4f1e8;
    --sm-quiet: #bec0b5;
    --sm-line: #50544b;
    --sm-blue: #74b6d8;
    --sm-serif: "Bodoni Moda", "Times New Roman", serif;
    width: 100%;
    max-width: 100%;
    margin-inline: auto;
    container-type: inline-size;
    color-scheme: dark;
    color: var(--sm-ink);
    background: var(--sm-paper);
    font-family: Pretendard, -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 0.875rem;
    line-height: 1.8;
    text-align: left;
    -webkit-font-smoothing: antialiased;
  }
  #sm-content-20261003 *,
  #sm-content-20261003 *::before,
  #sm-content-20261003 *::after { box-sizing: border-box; min-width: 0; }
  #sm-content-20261003 h1,
  #sm-content-20261003 h2,
  #sm-content-20261003 h3,
  #sm-content-20261003 p,
  #sm-content-20261003 figure,
  #sm-content-20261003 blockquote { margin: 0; padding: 0; }
  #sm-content-20261003 h1,
  #sm-content-20261003 h2,
  #sm-content-20261003 h3 { font-weight: 400; color: inherit; }
  #sm-content-20261003 img { display: block; max-width: 100%; }
  #sm-content-20261003 small { font-size: 0.6875rem; }
  #sm-content-20261003 em { font-family: var(--sm-serif); font-weight: 400; }
  #sm-content-20261003 .sm-inner { padding-inline: 2.75rem; }
  #sm-content-20261003 .sm-section { padding-block: 4rem; }
  #sm-content-20261003 .sm-kicker { font-size: 0.6875rem; font-weight: 500; letter-spacing: .1em; line-height: 1.5; }
  #sm-content-20261003 .sm-muted { color: var(--sm-quiet); }
  #sm-content-20261003 .sm-blue { color: var(--sm-blue); }
  #sm-content-20261003 .sm-header {
    display: flex; align-items: center; justify-content: space-between;
    padding-block: 1.5625rem; gap: 1.5rem; border-bottom: 1px solid var(--sm-line);
  }
  #sm-content-20261003 .sm-brand { font-family: var(--sm-serif); font-size: 1.5rem; line-height: 1; letter-spacing: -.04em; white-space: nowrap; }
  #sm-content-20261003 .sm-nav { display: flex; align-items: center; flex-wrap: wrap; gap: 1.4375rem; font-size: 0.6875rem; }
  #sm-content-20261003 .sm-mobile-contact { display: none; font-size: 0.6875rem; }
  #sm-content-20261003 .sm-link { display: inline-flex; align-items: center; justify-content: space-between; gap: 1.5rem; border-bottom: 1px solid currentColor; padding-block: 0.5rem; font-size: 0.75rem; }
  #sm-content-20261003 .sm-arrow { font-size: 1.1875rem; font-family: sans-serif; line-height: 1; }
  #sm-content-20261003 .sm-heading { font-size: clamp(1.6875rem, 3.8cqw, 2.375rem); line-height: 1.45; letter-spacing: -.045em; word-break: keep-all; }
  #sm-content-20261003 .sm-heading .sm-line { display: block; }
  #sm-content-20261003 .sm-image-caption { display: flex; justify-content: space-between; gap: 0.75rem; padding-top: 0.75rem; font-size: 0.6875rem; }
  #sm-content-20261003 .sm-hero { position: relative; padding-block: 2.375rem 3rem; overflow: hidden; }
  #sm-content-20261003 .sm-display { position: relative; padding-bottom: 1.75rem; }
  #sm-content-20261003 .sm-display h1 { position: relative; z-index: 1; font-family: var(--sm-serif); font-size: clamp(4.625rem, 14cqw, 8.9375rem); line-height: .88; letter-spacing: -.07em; margin-top: 1.5625rem; }
  #sm-content-20261003 .sm-display h1 em { display: block; margin-left: 42%; }
  #sm-content-20261003 .sm-trajectories { position: absolute; inset: 0 -2.75rem; overflow: hidden; pointer-events: none; }
  #sm-content-20261003 .sm-orbit { position: absolute; width: 92%; height: 46%; border: 1px solid #c8d0c1; border-radius: 50%; transform: rotate(-16deg); top: 25%; left: -16%; opacity: .32; }
  #sm-content-20261003 .sm-orbit-second { width: 86%; height: 38%; top: 44%; left: 29%; transform: rotate(19deg); opacity: .26; }
  #sm-content-20261003 .sm-hero-grid { display: grid; grid-template-columns: .7fr 1.22fr .98fr; gap: 1.75rem; align-items: end; margin-top: 1.5rem; }
  #sm-content-20261003 .sm-portrait-frame { aspect-ratio: 3/4; }
  #sm-content-20261003 .sm-portrait { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
  #sm-content-20261003 .sm-intro { padding-bottom: 1.4375rem; }
  #sm-content-20261003 .sm-intro h2 { font-size: clamp(1.5625rem, 3.1cqw, 2rem); line-height: 1.5; letter-spacing: -.045em; word-break: keep-all; }
  #sm-content-20261003 .sm-intro p { color: var(--sm-quiet); font-size: 0.8125rem; margin-top: 1.0625rem; word-break: keep-all; }
  #sm-content-20261003 .sm-profile-bio { display: grid; gap: 1.7em; margin-top: 1.25rem; font-size: 0.75rem; line-height: 1.7; color: var(--sm-quiet); }
  #sm-content-20261003 .sm-profile-bio p { margin: 0; font-size: inherit; line-height: inherit; color: inherit; }
  #sm-content-20261003 .sm-intro .sm-link { margin-top: 1.25rem; }
  #sm-content-20261003 .sm-hero-books { display: grid; grid-template-columns: 1fr 1fr; gap: 0.625rem; align-items: end; }
  #sm-content-20261003 .sm-hero-books img { width: 100%; height: auto; }
  #sm-content-20261003 .sm-hero-books img:first-child { margin-bottom: 2.1875rem; }
  #sm-content-20261003 .sm-light {
    background: #f3f1e9; color: #252621;
    --sm-quiet: #696b62; --sm-line: #d7d6cc;
  }
  #sm-content-20261003 .sm-section-header { margin-bottom: 2.25rem; }
  #sm-content-20261003 .sm-section-header .sm-kicker { margin-bottom: 0.875rem; }
  #sm-content-20261003 .sm-book-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2.25rem; }
  #sm-content-20261003 .sm-cover { height: 21.875rem; padding: 1.625rem; background: #dfdfd5; display: grid; grid-template-rows: minmax(0, 1fr); place-items: center; }
  #sm-content-20261003 .sm-cover img { width: 100%; height: 100%; min-height: 0; max-height: 100%; object-fit: contain; }
  #sm-content-20261003 .sm-cover-stack { position: relative; width: 100%; height: 100%; min-height: 0; }
  #sm-content-20261003 .sm-cover-stack img { position: absolute; width: 78%; height: 92%; }
  #sm-content-20261003 .sm-cover-stack .sm-cover-back { right: 0; bottom: 0; object-position: right bottom; }
  #sm-content-20261003 .sm-cover-stack .sm-cover-front { left: 0; top: 0; z-index: 1; object-position: left top; }
  #sm-content-20261003 .sm-book-title { display: flex; justify-content: space-between; gap: 1rem; align-items: baseline; margin-top: 1.1875rem; }
  #sm-content-20261003 .sm-book-title h3 { font-family: var(--sm-serif); font-size: 1.875rem; line-height: 1.2; letter-spacing: -.035em; }
  #sm-content-20261003 .sm-book-lead { margin-top: 0.625rem; font-size: 1rem; font-weight: 500; letter-spacing: -.025em; word-break: keep-all; }
  #sm-content-20261003 .sm-book-copy { margin-top: 0.625rem; font-size: 0.8125rem; line-height: 1.9; color: var(--sm-quiet); word-break: keep-all; }
  #sm-content-20261003 .sm-tws { margin-top: 2.75rem; padding-top: 2.1875rem; border-top: 1px solid var(--sm-line); display: grid; grid-template-columns: .9fr 1.1fr; gap: 2.5rem; align-items: start; }
  #sm-content-20261003 .sm-tws .sm-book-title { margin-top: 0; }
  #sm-content-20261003 .sm-tws .sm-book-title h3 { font-size: 1.75rem; }
  #sm-content-20261003 .sm-tws-covers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.75rem; }
  #sm-content-20261003 .sm-tws-covers img { width: 100%; height: auto; }
  #sm-content-20261003 .sm-tws-covers figcaption { display: flex; flex-direction: column; gap: 0.25rem; padding-top: 0.625rem; font-size: 0.6875rem; color: var(--sm-quiet); }
  #sm-content-20261003 .sm-tws-covers figcaption span:first-child { font-size: 0.875rem; font-weight: 500; color: #252621; }
  #sm-content-20261003 .sm-materials { margin-top: 2.75rem; padding-top: 2.1875rem; border-top: 1px solid var(--sm-line); }
  #sm-content-20261003 .sm-material-header { display: grid; grid-template-columns: .9fr 1.1fr; gap: 2.5rem; align-items: start; }
  #sm-content-20261003 .sm-material-header h3 { font-size: clamp(1.4375rem, 3cqw, 1.875rem); line-height: 1.5; letter-spacing: -.035em; word-break: keep-all; }
  #sm-content-20261003 .sm-material-header .sm-book-copy { margin-top: 0; }
  #sm-content-20261003 .sm-material-stage { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; align-items: start; margin-top: 2rem; }
  #sm-content-20261003 .sm-material-stack { position: relative; isolation: isolate; aspect-ratio: 1 / 1.48; }
  #sm-content-20261003 .sm-material-stack img { position: absolute; width: 92%; height: auto; left: var(--sheet-x); top: var(--sheet-y); transform: rotate(var(--sheet-angle)); box-shadow: 0 0.125rem 0.4375rem #2526211c; }
  #sm-content-20261003 .sm-method-header { display: grid; grid-template-columns: .5fr 1fr; gap: 1.5625rem; margin-bottom: 2.1875rem; align-items: baseline; }
  #sm-content-20261003 .sm-step-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 1.5625rem; }
  #sm-content-20261003 .sm-step { border-top: 1px solid var(--sm-line); padding-top: 0.9375rem; }
  #sm-content-20261003 .sm-step-number { font-family: var(--sm-serif); font-size: 2.625rem; line-height: 1.2; color: var(--sm-blue); }
  #sm-content-20261003 .sm-step h3 { font-size: 1.0625rem; margin-top: 1.5625rem; line-height: 1.6; letter-spacing: -.025em; word-break: keep-all; }
  #sm-content-20261003 .sm-step p { color: var(--sm-quiet); font-size: 0.8125rem; line-height: 1.9; margin-top: 0.75rem; word-break: keep-all; }
  #sm-content-20261003 .sm-example-header { margin-bottom: 1.6875rem; }
  #sm-content-20261003 .sm-example-header p { margin-top: 0.75rem; font-size: 0.875rem; color: var(--sm-quiet); word-break: keep-all; }
  #sm-content-20261003 .sm-example-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; }
  #sm-content-20261003 .sm-example-grid img { width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; background: #fff; }
  #sm-content-20261003 .sm-example-grid figcaption { display: flex; justify-content: space-between; gap: 0.75rem; margin-top: 0.8125rem; font-size: 0.875rem; }
  #sm-content-20261003 .sm-example-grid figcaption small { color: var(--sm-quiet); }
  #sm-content-20261003 .sm-mocks { border-top: 1px solid var(--sm-line); }
  #sm-content-20261003 .sm-mock-header { display: grid; grid-template-columns: .9fr 1.1fr; gap: 2.5rem; align-items: start; margin-bottom: 1.875rem; }
  #sm-content-20261003 .sm-mock-header p { margin-top: 0.4375rem; font-size: 0.875rem; line-height: 1.9; color: var(--sm-quiet); word-break: keep-all; }
  #sm-content-20261003 .sm-mock-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.75rem; }
  #sm-content-20261003 .sm-mock-page { padding: 1.125rem; background: #dfdfd5; }
  #sm-content-20261003 .sm-mock-page img { width: 100%; height: auto; }
  #sm-content-20261003 .sm-mock-grid figcaption { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 0.3125rem 0.75rem; padding-top: 0.8125rem; font-size: 0.875rem; }
  #sm-content-20261003 .sm-mock-grid figcaption small { color: var(--sm-quiet); }
  #sm-content-20261003 .sm-two-columns { display: grid; grid-template-columns: .6fr 1fr; gap: 2.875rem; }
  #sm-content-20261003 .sm-journal { border-bottom: 1px solid var(--sm-line); }
  #sm-content-20261003 .sm-journal p { color: var(--sm-quiet); font-size: 0.9375rem; word-break: keep-all; }
  #sm-content-20261003 .sm-journal .sm-link { margin-top: 1.5rem; }
  #sm-content-20261003 .sm-quote { font-size: 1.375rem; line-height: 1.7; letter-spacing: -.035em; word-break: keep-all; }
  #sm-content-20261003 .sm-quote + .sm-quote { padding-top: 1.625rem; margin-top: 1.625rem; border-top: 1px solid var(--sm-line); }
  #sm-content-20261003 .sm-voices .sm-link { margin-top: 1.6875rem; }
  #sm-content-20261003 .sm-contact { border-top: 1px solid var(--sm-line); padding-block: 3rem; }
  #sm-content-20261003 .sm-contact-row { display: flex; align-items: end; justify-content: space-between; gap: 1.875rem; }
  #sm-content-20261003 .sm-contact p { color: var(--sm-quiet); margin-top: 0.9375rem; font-size: 0.875rem; word-break: keep-all; }
  #sm-content-20261003 .sm-contact .sm-link { min-width: 10rem; }
  #sm-content-20261003 .sm-footer { display: flex; align-items: end; justify-content: space-between; gap: 1.875rem; padding-block: 1.875rem; border-top: 1px solid var(--sm-line); }
  #sm-content-20261003 .sm-footer .sm-brand { font-size: 1.8125rem; }
  #sm-content-20261003 .sm-footer small { display: block; color: var(--sm-quiet); margin-top: 0.75rem; }
  #sm-content-20261003 .sm-social { display: flex; flex-wrap: wrap; gap: 1.125rem; font-size: 0.6875rem; }
  @container (max-width: 780px) {
    #sm-content-20261003 .sm-tws { grid-template-columns: 1fr; gap: 1.5625rem; }
    #sm-content-20261003 .sm-tws-covers { gap: 1.25rem; }
    #sm-content-20261003 .sm-step-grid { grid-template-columns: 1fr 1fr; gap: 2rem 1.75rem; }
    #sm-content-20261003 .sm-cover { height: 18.75rem; }
  }
  @container (max-width: 620px) {
    #sm-content-20261003 .sm-inner { padding-inline: 1.625rem; }
    #sm-content-20261003 .sm-header { gap: 0.9375rem; }
    #sm-content-20261003 .sm-nav { display: none; }
    #sm-content-20261003 .sm-mobile-contact { display: inline; }
    #sm-content-20261003 .sm-section { padding-block: 3rem; }
    #sm-content-20261003 .sm-hero { padding-block: 1.75rem 2.5rem; }
    #sm-content-20261003 .sm-display h1 { font-size: 17cqw; line-height: .96; }
    #sm-content-20261003 .sm-display h1 em { margin-left: 48%; }
    #sm-content-20261003 .sm-trajectories { inset-inline: -1.625rem; }
    #sm-content-20261003 .sm-hero-grid { grid-template-columns: 1fr 1fr; gap: 1.5625rem; margin-top: 0.5rem; align-items: center; }
    #sm-content-20261003 .sm-intro { display: contents; }
    #sm-content-20261003 .sm-intro h2 { grid-column: 1 / -1; grid-row: 1; font-size: 1.8125rem; }
    #sm-content-20261003 .sm-intro > p { grid-column: 1 / -1; grid-row: 2; margin-top: 0; }
    #sm-content-20261003 .sm-intro > .sm-link { grid-column: 1 / -1; grid-row: 3; justify-self: start; margin-top: 0; }
    #sm-content-20261003 .sm-hero-portrait { grid-column: 1; grid-row: 4; }
    #sm-content-20261003 .sm-profile-bio { grid-column: 1; grid-row: 5; margin-top: 0; align-self: start; }
    #sm-content-20261003 .sm-hero-books-figure { grid-column: 2; grid-row: 4; align-self: end; }
    #sm-content-20261003 .sm-intro p { max-width: 24.375rem; }
    #sm-content-20261003 .sm-hero-books { gap: 0.4375rem; }
    #sm-content-20261003 .sm-hero-books img:first-child { margin-bottom: 1.4375rem; }
    #sm-content-20261003 .sm-section-header { margin-bottom: 1.75rem; }
    #sm-content-20261003 .sm-book-grid { grid-template-columns: 1fr; gap: 2.125rem; }
    #sm-content-20261003 .sm-cover { height: 20.625rem; }
    #sm-content-20261003 .sm-book-title { margin-top: 0.9375rem; }
    #sm-content-20261003 .sm-tws { gap: 1.5rem; margin-top: 2.1875rem; padding-top: 1.75rem; }
    #sm-content-20261003 .sm-tws-covers { gap: 0.625rem; }
    #sm-content-20261003 .sm-tws-covers figcaption { font-size: 0.6875rem; }
    #sm-content-20261003 .sm-materials { margin-top: 2.1875rem; padding-top: 1.75rem; }
    #sm-content-20261003 .sm-material-header,
    #sm-content-20261003 .sm-mock-header { grid-template-columns: 1fr; gap: 0.875rem; }
    #sm-content-20261003 .sm-material-stage { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.625rem 1.125rem; margin-top: 1.5rem; }
    #sm-content-20261003 .sm-material-stack:last-child { grid-column: 1 / -1; width: calc((100% - 1.125rem) / 2); justify-self: center; }
    #sm-content-20261003 .sm-mock-grid { grid-template-columns: 1fr; gap: 1.875rem; }
    #sm-content-20261003 .sm-mock-page { padding: 0.9375rem; }
    #sm-content-20261003 .sm-method-header,
    #sm-content-20261003 .sm-two-columns { grid-template-columns: 1fr; gap: 1.5rem; }
    #sm-content-20261003 .sm-step-grid { grid-template-columns: 1fr; gap: 1.75rem; }
    #sm-content-20261003 .sm-step { display: grid; grid-template-columns: 2.6875rem 1fr; gap: 1rem; }
    #sm-content-20261003 .sm-step-number { font-size: 2.125rem; }
    #sm-content-20261003 .sm-step h3 { margin-top: 0; }
    #sm-content-20261003 .sm-step p { margin-top: 0.5rem; }
    #sm-content-20261003 .sm-example-header { margin-bottom: 1.5rem; }
    #sm-content-20261003 .sm-example-grid { grid-template-columns: 1fr; gap: 1.75rem; }
    #sm-content-20261003 .sm-quote { font-size: 1.3125rem; }
    #sm-content-20261003 .sm-contact-row { flex-direction: column; align-items: start; gap: 1.5625rem; }
    #sm-content-20261003 .sm-contact .sm-link { width: 100%; }
    #sm-content-20261003 .sm-footer { flex-direction: column; align-items: start; gap: 1.5rem; }
  }
  @container (max-width: 360px) {
    #sm-content-20261003 .sm-inner { padding-inline: 1.3125rem; }
    #sm-content-20261003 .sm-trajectories { inset-inline: -1.3125rem; }
    #sm-content-20261003 .sm-brand { font-size: 1.375rem; }
    #sm-content-20261003 .sm-heading { font-size: 1.5625rem; }
    #sm-content-20261003 .sm-intro h2 { font-size: 1.6875rem; }
    #sm-content-20261003 .sm-hero-grid { gap: 1.25rem; }
    #sm-content-20261003 .sm-cover { height: 18.4375rem; }
    #sm-content-20261003 .sm-tws .sm-book-title { flex-direction: column; gap: 0.5rem; }
  }
  #sm-content-20261003 .sm-header { flex-wrap: wrap; padding-block: .9375rem; }
  #sm-content-20261003 .sm-brand { white-space: normal; overflow-wrap: anywhere; }
  @container (max-width: 620px) {
    #sm-content-20261003 .sm-mobile-contact { display: inline-flex; }
  }