*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
.fixed {
  position: fixed;
}
.block {
  display: block;
}
.hidden {
  display: none;
}

:root {
  --aqua: #2ac9d6;
  --aqua-soft: #dff8fa;
  --navy: #102a43;
  --ink: #1c2b35;
  --muted: #62727c;
  --ivory: #f7f5ef;
  --white: #fdfcf9;
  --line: #dce7e9;
  --gold: #c8a76d;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  font-family:
    Inter,
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    'Apple SD Gothic Neo',
    'Noto Sans KR',
    sans-serif;
  background: var(--white);
  color: var(--ink);
  line-height: 1.65;
}
a {
  text-decoration: none;
  color: inherit;
}
.wrap {
  width: min(1180px, calc(100% - 40px));
  margin: auto;
}
.nav {
  position: fixed;
  inset: 0 0 auto;
  z-index: 50;
  background: rgba(253, 252, 249, 0.9);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(16, 42, 67, 0.08);
}
.nav-inner {
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.brand {
  display: inline-flex;
  align-items: baseline;
  gap: 11px;
  color: #060d0d;
  text-decoration: none;
}
.wordmark-kor {
  font-size: 22px;
  line-height: .95;
  font-weight: 900;
  letter-spacing: -.065em;
  color: #060d0d;
}
.wordmark-en {
  font-family: Didot, "Bodoni 72", "Bodoni MT", "Times New Roman", serif;
  font-size: 18px;
  line-height: .9;
  font-weight: 700;
  letter-spacing: .055em;
  text-transform: uppercase;
  color: #060d0d;
  font-feature-settings: "kern" 1;
}
.wordmark-en-eyebrow {
  font-size: 13px;
  letter-spacing: .085em;
}
.wordmark-en-light {
  color: #f6f1e8;
}
.brand-kor {
  font-weight: 850;
  background: linear-gradient(135deg, #060d0d 0%, #172727 45%, #060d0d 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.brand-kor.light {
  background: linear-gradient(135deg, #fdfcf9 0%, #a9f2f5 52%, #fdfcf9 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.nav-links {
  display: flex;
  gap: 25px;
  align-items: center;
  font-size: 14px;
}
.menu-btn {
  display: none;
  border: 1px solid var(--line);
  background: var(--white);
  border-radius: 999px;
  padding: 8px 14px;
}
.pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 999px;
  padding: 13px 19px;
  background: var(--aqua);
  color: #07323b;
  font-weight: 850;
  cursor: pointer;
}
.hero {
  min-height: 100svh;
  display: grid;
  align-items: center;
  padding-top: 70px;
  background:
    radial-gradient(
      circle at 88% 20%,
      rgba(42, 201, 214, 0.18),
      transparent 24%
    ),
    linear-gradient(135deg, #fdfcf9 0%, #f7f5ef 55%, #eefbfb 100%);
  overflow: hidden;
}
.hero-grid {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  align-items: center;
  gap: 60px;
}
.eyebrow,
.kicker {
  font-size: 12px;
  font-weight: 850;
  letter-spacing: 0.18em;
  color: #148b97;
}
.eyebrow {
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.eyebrow .wordmark-en {
  color: #0b1618;
}
.hero h1 {
  font-size: clamp(54px, 5.2vw, 76px);
  line-height: 0.98;
  letter-spacing: -0.055em;
  margin: 16px 0 28px;
}
.hero-title-line {
  display: block;
  white-space: nowrap;
}
.hero h1 em,
.section h2 em,
.bridge-section h2 em,
.big-copy em {
  font-style: normal;
  color: #14aebb;
}
.hero-lead {
  font-size: clamp(20px, 2.1vw, 28px);
  color: #475c68;
  max-width: 720px;
  line-height: 1.48;
}
.hero-lead strong {
  color: #14aebb;
  font-weight: 850;
}
.between-black {
  color: #060d0d;
  font-weight: 800;
}
.hero-offerings {
  margin-top: 34px;
  width: min(100%, 590px);
}
.hero-offerings-label {
  margin: 0 0 12px;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .18em;
  color: #148b97;
}
.hero-offerings-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.hero-offerings-grid-compact {
  grid-template-rows: repeat(2, minmax(88px, auto));
}
.hero-offering-card {
  min-width: 0;
  min-height: 88px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 14px 15px;
  border: 1px solid rgba(16, 42, 67, .16);
  border-radius: 18px;
  background: rgba(255,255,255,.68);
  color: var(--navy);
  box-shadow: 0 8px 28px rgba(16,42,67,.045);
  backdrop-filter: blur(10px);
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.hero-offering-card:hover {
  transform: translateY(-2px);
  border-color: rgba(20,174,187,.55);
  background: rgba(255,255,255,.9);
}
.hero-offering-card > span {
  align-self: start;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  color: #148b97;
}
.hero-offering-card strong {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 15px;
  letter-spacing: -.015em;
}
.hero-offering-card small {
  display: block;
  margin-top: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  color: #60727c;
}
.hero-offering-card i {
  font-style: normal;
  color: #14aebb;
  font-size: 16px;
}
.text-link {
  font-weight: 800;
  color: var(--navy);
}
.hero-bridge {
  height: 540px;
  position: relative;
  filter: drop-shadow(0 28px 36px rgba(154, 47, 25, 0.12));
}
.hero-bridge::before,
.hero-bridge::after {
  content: '';
  position: absolute;
  bottom: 19%;
  width: 23%;
  height: 72px;
  background: linear-gradient(180deg, rgba(16, 42, 67, 0.08), rgba(16, 42, 67, 0.22));
  border-radius: 50% 50% 0 0;
  z-index: 1;
}
.hero-bridge::before { left: -2%; transform: rotate(-5deg); }
.hero-bridge::after { right: -2%; transform: rotate(5deg); }
.city-glow {
  position: absolute;
  inset: 10% 0 16%;
  border-radius: 50%;
  background: radial-gradient(circle at 50% 44%, rgba(205, 88, 52, 0.18), rgba(42, 201, 214, 0.08) 38%, transparent 70%);
}
.bridge-tower {
  position: absolute;
  top: 20%;
  width: 82px;
  height: 250px;
  border: 0;
  background: transparent;
  z-index: 4;
}
.bridge-tower:before,
.bridge-tower:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 18px;
  background: linear-gradient(180deg, #dc5a3f, #b9432e 72%, #91351f);
  border-radius: 4px 4px 1px 1px;
  box-shadow: inset -3px 0 0 rgba(76, 27, 18, 0.12);
}
.bridge-tower:before { left: 8px; }
.bridge-tower:after { right: 8px; }
.bridge-tower span {
  position: absolute;
  left: 8px;
  right: 8px;
  top: 62px;
  height: 18px;
  border: 0;
  background: #c84e36;
  box-shadow: 0 72px 0 #c84e36;
}
.bridge-tower i,
.bridge-tower b {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 42px;
  height: 2px;
  background: rgba(86, 31, 20, 0.28);
}
.bridge-tower i { top: 112px; }
.bridge-tower b { bottom: 34px; }
.tower-left { left: 20%; }
.tower-right { right: 20%; }
.bridge-deck {
  position: absolute;
  left: 4%;
  right: 4%;
  top: 61%;
  height: 12px;
  background: linear-gradient(90deg, #9c3827, #cf5139 22%, #d95a40 50%, #cf5139 78%, #9c3827);
  border-radius: 4px;
  z-index: 5;
  box-shadow: 0 7px 0 rgba(116, 41, 27, 0.12);
}
.upper-span {
  position: absolute;
  left: 22%;
  right: 22%;
  top: 20%;
  height: 180px;
  border-bottom: 3px solid #b64530;
  border-radius: 0 0 50% 50%;
  z-index: 3;
}
.cable {
  position: absolute;
  height: 2px;
  background: linear-gradient(90deg, rgba(181, 69, 48, 0.3), #b64530);
  transform-origin: left center;
  z-index: 3;
}
.cable-left-a { left: 0; top: 26%; width: 24%; transform: rotate(25deg); }
.cable-left-b { left: 6%; top: 31%; width: 18%; transform: rotate(18deg); opacity: .7; }
.cable-right-a { right: 0; top: 26%; width: 24%; transform-origin: right center; transform: rotate(-25deg); }
.cable-right-b { right: 6%; top: 31%; width: 18%; transform-origin: right center; transform: rotate(-18deg); opacity: .7; }
.river {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 5%;
  height: 116px;
  background: repeating-linear-gradient(0deg, rgba(42,201,214,.13) 0 2px, transparent 2px 13px);
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 26%, #000 100%);
          mask-image: linear-gradient(to bottom, transparent, #000 26%, #000 100%);
}
.section,
.bridge-section,
.definition,
.manifesto,
.contact {
  padding: 112px 0;
}
.section h2,
.bridge-section h2,
.definition h2,
.manifesto h2,
.contact h2 {
  font-size: clamp(40px, 5vw, 70px);
  line-height: 1.04;
  letter-spacing: -0.055em;
  margin: 14px 0 25px;
}
.lead {
  font-size: 20px;
  max-width: 850px;
  color: var(--muted);
}
.between-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-top: 48px;
}
.between-grid article {
  padding: 28px;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.72);
  min-height: 220px;
  transition: 0.25s;
}
.between-grid article:hover {
  transform: translateY(-4px);
  border-color: rgba(42, 201, 214, 0.65);
  box-shadow: 0 18px 45px rgba(16, 42, 67, 0.08);
}
.between-grid span {
  font-size: 12px;
  color: #159ca8;
  font-weight: 850;
}
.between-grid h3 {
  font-size: 24px;
  margin: 14px 0 8px;
}
.between-grid p {
  color: var(--muted);
  margin: 0;
}
.bridge-section {
  background: var(--navy);
  color: white;
  position: relative;
  overflow: hidden;
}
.bridge-section:after {
  content: '';
  position: absolute;
  left: 8%;
  right: 8%;
  bottom: 35px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--aqua), transparent);
}
.bridge-section .kicker {
  color: #76e4ec;
}
.bridge-section .lead {
  color: rgba(255, 255, 255, 0.68);
}
.bridge-steps {
  display: grid;
  grid-template-columns: 1fr 50px 1fr 50px 1fr 50px 1fr;
  align-items: center;
  margin-top: 48px;
}
.bridge-steps div {
  padding: 24px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.04);
}
.bridge-steps b {
  display: block;
  color: #7ee8ef;
  font-size: 13px;
  letter-spacing: 0.1em;
}
.bridge-steps span {
  display: block;
  margin-top: 7px;
}
.bridge-steps i {
  height: 2px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.16), var(--aqua));
}
.product-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-top: 48px;
}
.product {
  border-radius: 30px;
  padding: 34px;
  min-height: 500px;
  display: flex;
  flex-direction: column;
}
.product small {
  font-weight: 850;
  letter-spacing: 0.12em;
}
.product h3 {
  font-size: 34px;
  letter-spacing: -0.04em;
  margin: 24px 0 8px;
}
.product p {
  color: inherit;
}
.product-line {
  font-weight: 850;
  font-size: 17px;
}
.product ul {
  margin: auto 0 0;
  padding: 24px 0 0;
  list-style: none;
  border-top: 1px solid currentColor;
}
.product li {
  padding: 7px 0;
  opacity: 0.8;
}
.product.aqua {
  background: #c9f5f7;
  color: #13353c;
}
.product.navy {
  background: var(--navy);
  color: white;
}
.product.ivory {
  background: #efe9dc;
  color: #31393d;
}
.product-marker {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 32px;
  padding-bottom: 22px;
  border-bottom: 1px solid rgba(112,132,135,.24);
}
.product-marker span {
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .18em;
  color: #5f8389;
}
.product-marker strong {
  font-size: clamp(72px, 8vw, 118px);
  line-height: .78;
  letter-spacing: -.075em;
  color: #bccbcd;
}
.signature-section {
  padding: 88px 0;
  background: #071015;
  color: #f6f1e8;
}
.signature-section .product-marker {
  border-color: rgba(246,241,232,.16);
}
.signature-section .product-marker span {
  color: #b9a57d;
}
.signature-section .product-marker strong {
  background: linear-gradient(135deg, #f6f1e8 0%, #cdbb96 58%, #79e3e8 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.signature-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
  gap: 72px;
  align-items: end;
}
.signature-section .kicker {
  color: #79e3e8;
}
.signature-section h2 {
  margin: 12px 0 16px;
  font-size: clamp(46px, 5.4vw, 78px);
  line-height: .99;
  letter-spacing: -.055em;
  font-weight: 900;
  background: linear-gradient(135deg, #fffaf0 0%, #f0e7d8 65%, #cdbb96 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  text-wrap: balance;
}
.signature-copy {
  max-width: 720px;
  margin: 0;
  color: rgba(246,241,232,.68);
  font-size: 18px;
  line-height: 1.75;
}
.signature-badge {
  padding: 24px 0;
  border-top: 1px solid rgba(246,241,232,.7);
  border-bottom: 1px solid rgba(246,241,232,.24);
  display: grid;
  gap: 8px;
}
.signature-badge small {
  color: #79e3e8;
  font-weight: 900;
  letter-spacing: .16em;
}
.signature-badge strong {
  font-size: 34px;
  letter-spacing: -.04em;
}
.signature-badge span {
  color: rgba(246,241,232,.62);
  font-size: 14px;
}
.signature-badge a {
  margin-top: 10px;
  color: #b9a57d;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
}
.masterclass-section {
  padding: 128px 0;
  background: #f4f0e7;
  color: #11191c;
  overflow: hidden;
}
.masterclass-head {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(260px, .55fr);
  gap: 72px;
  align-items: end;
}
.masterclass-section h2 {
  margin: 14px 0 18px;
  font-size: clamp(52px, 6.2vw, 92px);
  line-height: .96;
  letter-spacing: -.06em;
}
.masterclass-sub {
  margin: 0;
  font-size: 18px;
  color: #59666b;
}
.masterclass-badge {
  border-top: 1px solid #11191c;
  border-bottom: 1px solid #11191c;
  padding: 22px 0;
  display: grid;
  gap: 4px;
  text-align: right;
}
.masterclass-badge span,
.masterclass-badge b {
  font-size: 17px;
  letter-spacing: .08em;
}
.masterclass-badge b {
  color: #148b97;
}
.masterclass-badge small {
  margin-top: 10px;
  font-weight: 800;
  letter-spacing: .12em;
  color: #7d725f;
}
.masterclass-thesis {
  display: grid;
  grid-template-columns: .7fr 1.4fr 1fr;
  gap: 42px;
  align-items: start;
  margin: 78px 0 54px;
  padding: 42px 0;
  border-top: 1px solid rgba(17,25,28,.18);
  border-bottom: 1px solid rgba(17,25,28,.18);
}
.masterclass-thesis p {
  margin: 0;
  font-size: 16px;
  line-height: 1.75;
  color: #5d676a;
}
.masterclass-thesis strong {
  font-size: clamp(28px, 3vw, 44px);
  line-height: 1.22;
  letter-spacing: -.04em;
}
.masterclass-thesis em {
  font-style: normal;
  color: #0e8f9b;
  font-weight: 800;
}
.masterclass-flow {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid #11191c;
  border-left: 1px solid #11191c;
}
.masterclass-flow article {
  min-height: 310px;
  padding: 28px;
  border-right: 1px solid #11191c;
  border-bottom: 1px solid #11191c;
  display: flex;
  flex-direction: column;
}
.masterclass-flow article > span {
  font-size: 13px;
  font-weight: 900;
}
.masterclass-flow small {
  margin-top: 5px;
  color: #148b97;
  font-weight: 850;
  letter-spacing: .13em;
}
.masterclass-flow h3 {
  margin: auto 0 15px;
  font-size: 29px;
  line-height: 1.12;
  letter-spacing: -.04em;
}
.masterclass-flow p {
  margin: 0;
  color: #59666b;
  line-height: 1.65;
}
.masterclass-close {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 64px;
  align-items: center;
  margin-top: 56px;
}
.masterclass-close > div {
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: clamp(18px, 2.1vw, 30px);
  font-weight: 900;
  letter-spacing: .04em;
  white-space: nowrap;
}
.masterclass-close i {
  color: #148b97;
  font-style: normal;
}
.masterclass-close p {
  margin: 0;
  font-size: 18px;
  line-height: 1.7;
  color: #59666b;
}
.masterclass-close strong {
  color: #11191c;
}
.fieldlab-section {
  padding: 128px 0;
  background: #0b2025;
  color: #f7f2e8;
}
.fieldlab-section .kicker {
  color: #77e1e7;
}
.fieldlab-head {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr);
  gap: 72px;
  align-items: end;
}
.fieldlab-section h2 {
  margin: 14px 0 18px;
  font-size: clamp(50px, 6vw, 88px);
  line-height: .97;
  letter-spacing: -.06em;
}
.fieldlab-sub {
  margin: 0;
  font-size: 17px;
  color: rgba(247,242,232,.62);
}
.fieldlab-statement {
  border-top: 1px solid rgba(247,242,232,.7);
  padding-top: 20px;
}
.fieldlab-statement > span {
  display: block;
  color: #77e1e7;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .18em;
}
.fieldlab-statement strong {
  display: block;
  margin-top: 9px;
  font-size: 21px;
}
.fieldlab-statement p {
  margin: 18px 0 0;
  color: rgba(247,242,232,.65);
  line-height: 1.75;
}
.fieldlab-thesis {
  display: grid;
  grid-template-columns: .55fr 1.45fr;
  gap: 72px;
  margin: 72px 0 48px;
  padding-top: 36px;
  border-top: 1px solid rgba(247,242,232,.18);
}
.fieldlab-thesis p {
  margin: 0;
  color: rgba(247,242,232,.58);
}
.fieldlab-thesis strong {
  font-size: clamp(28px, 3vw, 44px);
  line-height: 1.23;
  letter-spacing: -.04em;
}
.fieldlab-flow {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid rgba(247,242,232,.32);
  border-left: 1px solid rgba(247,242,232,.32);
}
.fieldlab-flow article {
  min-height: 285px;
  padding: 28px;
  border-right: 1px solid rgba(247,242,232,.32);
  border-bottom: 1px solid rgba(247,242,232,.32);
  display: flex;
  flex-direction: column;
}
.fieldlab-flow article > span {
  font-size: 13px;
  font-weight: 900;
}
.fieldlab-flow small {
  margin-top: 5px;
  color: #77e1e7;
  font-weight: 850;
  letter-spacing: .13em;
}
.fieldlab-flow h3 {
  margin: auto 0 14px;
  font-size: 28px;
  letter-spacing: -.04em;
}
.fieldlab-flow p {
  margin: 0;
  color: rgba(247,242,232,.63);
  line-height: 1.65;
}
.fieldlab-close {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 64px;
  align-items: center;
  margin-top: 56px;
}
.fieldlab-close > div {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: .08em;
  color: #77e1e7;
  white-space: nowrap;
}
.fieldlab-close > div i {
  color: rgba(247,242,232,.42);
  font-style: normal;
}
.fieldlab-close p {
  margin: 0;
  color: rgba(247,242,232,.64);
  line-height: 1.75;
}
.fieldlab-close strong {
  color: #f7f2e8;
}
.business-counsel-section {
  padding: 128px 0;
  background: #0b63c9;
  color: #f8fbff;
}
.business-counsel-section .kicker {
  color: #dcecff;
}
.business-counsel-head {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(300px, .7fr);
  gap: 72px;
  align-items: end;
}
.business-counsel-section h2 {
  margin: 14px 0 18px;
  font-size: clamp(50px, 6vw, 88px);
  line-height: .97;
  letter-spacing: -.06em;
}
.business-counsel-sub {
  margin: 0;
  color: rgba(248,251,255,.72);
  font-size: 17px;
}
.business-counsel-statement {
  border-top: 1px solid rgba(248,251,255,.75);
  padding-top: 22px;
}
.business-counsel-statement span {
  display: block;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .15em;
  opacity: .72;
}
.business-counsel-statement strong {
  display: block;
  margin: 14px 0 16px;
  font-size: 27px;
  line-height: 1.25;
}
.business-counsel-statement p {
  margin: 0;
  line-height: 1.75;
  color: rgba(248,251,255,.72);
}
.business-counsel-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 64px;
  border-top: 1px solid rgba(248,251,255,.4);
  border-left: 1px solid rgba(248,251,255,.4);
}
.business-counsel-grid article {
  min-height: 430px;
  padding: 30px;
  border-right: 1px solid rgba(248,251,255,.4);
  border-bottom: 1px solid rgba(248,251,255,.4);
  display: flex;
  flex-direction: column;
}
.business-counsel-grid article > span {
  font-size: 13px;
  font-weight: 900;
}
.business-counsel-grid small {
  margin-top: 6px;
  font-weight: 850;
  letter-spacing: .13em;
  color: #dcecff;
}
.business-counsel-grid h3 {
  margin: 48px 0 24px;
  font-size: 34px;
  line-height: 1.08;
  letter-spacing: -.04em;
}
.business-counsel-grid ul {
  list-style: none;
  padding: 20px 0 0;
  margin: auto 0 0;
  border-top: 1px solid rgba(248,251,255,.28);
}
.business-counsel-grid li {
  padding: 7px 0;
  color: rgba(248,251,255,.78);
}
.business-counsel-close {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 64px;
  align-items: center;
  margin-top: 56px;
}
.business-counsel-close > div {
  display: flex;
  align-items: center;
  gap: 13px;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: .08em;
  white-space: nowrap;
}
.business-counsel-close i {
  opacity: .45;
  font-style: normal;
}
.business-counsel-close p {
  margin: 0;
  color: rgba(248,251,255,.72);
  line-height: 1.75;
}
.business-counsel-close strong {
  color: #fff;
}
.definition {
  background: #eefafa;
}
.definition-grid {
  display: grid;
  grid-template-columns: 0.4fr 1.6fr;
  gap: 60px;
}
.definition h2 {
  margin-top: 0;
  color: #168d98;
}
.big-copy {
  font-size: clamp(34px, 4vw, 58px);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.045em;
}
.definition-grid > div > p:last-child {
  font-size: 19px;
  max-width: 800px;
  color: var(--muted);
}
.brand-story {
  padding: 132px 0;
  background: #071015;
  color: #f6f1e8;
  overflow: hidden;
}
.brand-story .kicker {
  color: #b9a57d;
}
.story-shell {
  position: relative;
}
.story-shell::before {
  content: '';
  position: absolute;
  width: 520px;
  height: 520px;
  right: -180px;
  top: -220px;
  border: 1px solid rgba(185, 165, 125, 0.18);
  border-radius: 50%;
}
.story-hero {
  display: grid;
  grid-template-columns: 0.28fr 1.5fr 0.52fr;
  gap: 44px;
  align-items: end;
  margin-top: 52px;
}
.story-number {
  margin: 0 0 8px;
  font-size: 12px;
  letter-spacing: 0.18em;
  color: #b9a57d;
  font-weight: 800;
}
.brand-story h2 {
  margin: 0;
  font-size: clamp(44px, 5.25vw, 76px);
  line-height: 0.98;
  letter-spacing: -0.055em;
  font-weight: 720;
}
.story-title-line {
  display: block;
  white-space: nowrap;
}
.story-lead {
  margin: 0 0 8px;
  font-size: 18px;
  line-height: 1.7;
  color: rgba(246, 241, 232, 0.62);
}
.story-rule {
  height: 1px;
  margin: 70px 0 54px;
  background: linear-gradient(90deg, #b9a57d, rgba(185,165,125,.14) 52%, transparent);
}
.story-grid {
  display: grid;
  grid-template-columns: 0.95fr 1.35fr;
  gap: 80px;
  align-items: start;
}
.story-reference span {
  display: block;
  margin-bottom: 18px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.16em;
  color: #b9a57d;
}
.story-reference p {
  margin: 0;
  max-width: 680px;
  font-size: 17px;
  line-height: 1.9;
  color: rgba(246, 241, 232, 0.67);
}
.story-narrative {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  gap: 64px 88px;
  align-items: start;
}
.story-opening {
  margin: 0;
  max-width: 760px;
  font-size: clamp(25px, 2.6vw, 39px);
  line-height: 1.45;
  letter-spacing: -0.035em;
  font-weight: 650;
}
.story-body {
  margin: 0;
  max-width: 760px;
  font-size: 20px;
  line-height: 1.9;
  color: rgba(246, 241, 232, 0.82);
}
.story-closing {
  padding-top: 34px;
  border-top: 1px solid rgba(185,165,125,.4);
}
.story-closing p {
  margin: 0;
  font-size: clamp(25px, 2.7vw, 40px);
  line-height: 1.35;
  letter-spacing: -0.035em;
  font-weight: 680;
}
.story-closing .story-signature {
  margin-top: 30px;
  font-size: 15px;
  line-height: 1.4;
  letter-spacing: .08em;
  color: #b9a57d;
}
.brand-story blockquote {
  margin: 0;
  font-size: clamp(34px, 4.2vw, 60px);
  line-height: 1.12;
  letter-spacing: -0.045em;
  font-weight: 740;
}
.brand-story blockquote em {
  display: block;
  margin-top: 14px;
  font-style: normal;
  color: #b9a57d;
}
.story-crossing {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  margin-top: 82px;
  border-top: 1px solid rgba(246,241,232,.13);
  border-bottom: 1px solid rgba(246,241,232,.13);
}
.story-crossing span {
  padding: 24px 18px;
  font-size: 13px;
  letter-spacing: -0.01em;
  color: rgba(246,241,232,.72);
  text-align: center;
}
.story-crossing span + span {
  border-left: 1px solid rgba(246,241,232,.13);
}
.story-crossing b {
  padding: 0 9px;
  color: #b9a57d;
  font-weight: 500;
}
.people-section,
.library-section {
  padding: 112px 0;
}
.people-section {
  background: #fdfcf9;
}
.people-section h2,
.library-section h2 {
  font-size: clamp(40px, 5vw, 70px);
  line-height: 1.04;
  letter-spacing: -0.055em;
  margin: 14px 0 25px;
}
.people-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 20px;
  margin-top: 48px;
}
.person-card {
  border: 1px solid var(--line);
  border-radius: 30px;
  overflow: hidden;
  background: white;
}
.person-card.primary {
  display: grid;
  grid-template-columns: 0.9fr 1.35fr;
  grid-row: span 2;
}
.profile-photo {
  min-height: 520px;
  position: relative;
  background-image: linear-gradient(180deg, rgba(16, 42, 67, 0), rgba(16, 42, 67, 0.08)), url('/resources/im-jaeyoung-profile-v3.jpeg');
  background-size: cover;
  background-position: center 18%;
  background-repeat: no-repeat;
  background-color: #eefafa;
  overflow: hidden;
}
.person-copy {
  padding: 38px;
}
.person-role {
  margin: 0;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: 0.14em;
  color: #148b97;
}
.person-copy h3 {
  font-size: 42px;
  line-height: 1.05;
  letter-spacing: -0.045em;
  margin: 15px 0;
}
.person-copy h3 span {
  display: block;
  margin-top: 7px;
  font-size: 15px;
  color: var(--muted);
  letter-spacing: 0;
  font-weight: 650;
}
.person-tagline {
  font-size: 19px;
  color: #415660;
}
.person-facts {
  list-style: none;
  padding: 18px 0 0;
  margin: 24px 0;
  border-top: 1px solid var(--line);
}
.person-facts li {
  padding: 6px 0;
  color: var(--muted);
}
.person-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 26px;
}
.profile-link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 46px;
  padding: 11px 14px;
  border-radius: 999px;
  border: 1px solid rgba(16,42,67,.16);
  background: linear-gradient(135deg, #fdfcf9, #eefafa);
  color: #102a43;
  font-weight: 800;
  font-size: 13px;
  text-align: center;
}
.person-card.future {
  min-height: 250px;
  padding: 30px;
  background: linear-gradient(145deg, #f7f5ef, #eefafa);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.partner-open {
  width: 46px;
  height: 46px;
  border: 0;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--aqua-soft);
  color: #118b96;
  font-size: 28px;
  margin-bottom: auto;
  cursor: pointer;
  transition: transform .2s ease, background .2s ease;
}
.partner-open:hover {
  transform: rotate(90deg) scale(1.04);
  background: #c9f5f7;
}
.person-card.future h3 {
  font-size: 24px;
  margin: 22px 0 8px;
}
.person-card.future p {
  color: var(--muted);
  margin: 0;
}
.partner-dialog {
  width: min(680px, calc(100% - 32px));
  border: 0;
  border-radius: 30px;
  padding: 0;
  background: #fdfcf9;
  color: var(--navy);
  box-shadow: 0 35px 100px rgba(6, 13, 13, .28);
}
.partner-dialog::backdrop {
  background: rgba(6, 13, 13, .62);
  backdrop-filter: blur(8px);
}
.partner-form {
  position: relative;
  padding: 46px;
}
.partner-form h2 {
  margin: 10px 0 12px;
  font-size: clamp(34px, 5vw, 54px);
  letter-spacing: -.045em;
}
.partner-intro {
  max-width: 560px;
  color: var(--muted);
  line-height: 1.7;
}
.partner-close {
  position: absolute;
  top: 22px;
  right: 24px;
  width: 42px;
  height: 42px;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: white;
  color: var(--navy);
  font-size: 25px;
  cursor: pointer;
}
.partner-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin: 30px 0 24px;
}
.partner-fields label {
  display: grid;
  gap: 8px;
  font-size: 13px;
  font-weight: 850;
}
.partner-fields input {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: white;
  padding: 14px 15px;
  font: inherit;
}
.partner-photo {
  grid-column: 1 / -1;
}
.partner-photo small {
  color: var(--muted);
  font-weight: 600;
}
.partner-submit:disabled {
  opacity: .55;
  cursor: wait;
}
.partner-result {
  min-height: 24px;
  margin: 16px 0 0;
  color: #168d98;
  font-weight: 800;
  font-size: 14px;
}
.library-section {
  background: var(--navy);
  color: white;
}
.library-section .kicker {
  color: #76e4ec;
}
.library-section .lead {
  color: rgba(255, 255, 255, 0.68);
}
.library-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 36px;
}
.library-filter span {
  padding: 9px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  color: rgba(255, 255, 255, 0.74);
  font-size: 13px;
}
.library-filter span:first-child {
  background: var(--aqua);
  color: #07323b;
  border-color: var(--aqua);
  font-weight: 850;
}
.library-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
  margin-top: 28px;
}
.library-card {
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 26px;
  padding: 30px;
  background: rgba(255, 255, 255, 0.045);
  min-height: 280px;
  display: flex;
  flex-direction: column;
}
.library-card.featured {
  background: linear-gradient(145deg, rgba(42, 201, 214, 0.18), rgba(255, 255, 255, 0.05));
  border-color: rgba(42, 201, 214, 0.45);
}
.library-card small {
  color: #76e4ec;
  font-weight: 850;
  letter-spacing: 0.12em;
}
.library-card h3 {
  font-size: 30px;
  line-height: 1.12;
  letter-spacing: -0.04em;
  margin: 18px 0 10px;
}
.library-card p {
  color: rgba(255, 255, 255, 0.68);
  margin: 0;
}
.library-meta {
  margin-top: auto;
  padding-top: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
}
.library-meta span {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.55);
}
.library-meta button,
.pdf-download {
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  padding: 10px 14px;
  background: transparent;
  color: rgba(255, 255, 255, 0.45);
  font: inherit;
}
.pdf-download {
  color: #07323b;
  background: var(--aqua);
  border-color: var(--aqua);
  font-weight: 850;
}
.library-note {
  margin: 22px 0 0;
  color: rgba(255, 255, 255, 0.52);
  font-size: 14px;
}
.manifesto {
  text-align: center;
  background: var(--ivory);
}
.manifesto h2 {
  font-size: clamp(48px, 7vw, 90px);
}
.manifesto p {
  max-width: 820px;
  margin: auto;
  font-size: 20px;
  color: #596770;
}
.contact {
  text-align: center;
  background: linear-gradient(135deg, #eefafa, #fdfcf9);
}
.contact p {
  font-size: 19px;
  color: var(--muted);
}
.inquiry {
  max-width: 620px;
  margin: 26px auto 0;
  padding: 24px;
  border-radius: 24px;
  border: 1px solid var(--line);
  background: white;
  text-align: left;
}
.inquiry label {
  display: block;
  margin: 14px 0;
  font-weight: 800;
}
.inquiry input {
  display: block;
  width: 100%;
  margin-top: 7px;
  padding: 13px;
  border: 1px solid var(--line);
  border-radius: 12px;
  font: inherit;
}
.check-btn {
  border: 0;
  background: var(--navy);
  color: white;
  border-radius: 999px;
  padding: 12px 17px;
  font-weight: 800;
  cursor: pointer;
}
.inquiry-result {
  min-height: 28px;
  font-size: 15px !important;
  color: #168d98 !important;
  font-weight: 800;
}
footer {
  background: #060d0d;
  color: white;
  padding: 0 0 32px;
}
.footer-partner-callout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding-top: 34px;
  padding-bottom: 34px;
  margin-bottom: 28px;
  border-bottom: 1px solid rgba(255,255,255,.14);
}
.footer-partner-callout p {
  margin: 0;
  font-size: clamp(20px, 2.3vw, 30px);
  font-weight: 760;
  letter-spacing: -.025em;
}
.footer-partner-open {
  flex: 0 0 auto;
  border: 0;
  background: transparent;
  color: #74e2e8;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}
.footer-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}
.footer-inner > span,
.footer-home {
  opacity: 0.76;
  font-size: 14px;
}
.footer-contact {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.copy-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  padding: 0;
  border: 0;
  background: transparent;
  color: rgba(255,255,255,.66);
  cursor: pointer;
}
.copy-btn svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
}
.copy-btn:hover,
.copy-btn:focus-visible,
.footer-home:hover,
.footer-home:focus-visible {
  opacity: 1;
  color: #74e2e8;
}
.copy-btn::after {
  content: attr(data-feedback);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 7px);
  transform: translateX(-50%);
  padding: 4px 7px;
  border-radius: 6px;
  background: #f7f2e8;
  color: #060d0d;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
}
.copy-btn[data-feedback='복사됨']::after {
  opacity: 1;
}
.footer-home {
  color: inherit;
  text-decoration: none;
}
.visitor-counter {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid rgba(255,255,255,.1);
  color: rgba(255,255,255,.42);
  font-size: 12px;
  letter-spacing: .04em;
}
.visitor-counter strong {
  color: rgba(255,255,255,.72);
  font-weight: 800;
  letter-spacing: 0;
}
.visitor-counter i {
  font-style: normal;
  opacity: .45;
}
.footer-wordmark {
  display: inline-flex;
  align-items: baseline;
  gap: 10px;
}
.footer-wordmark .wordmark-kor {
  font-size: 19px;
  color: #fdfcf9;
}
.footer-wordmark .wordmark-en {
  font-size: 16px;
  color: #d9c49a;
  letter-spacing: .065em;
}
.philosophy-section,
.method-section,
.offerings-section {
  padding: 124px 0;
}
.philosophy-section {
  background: #071015;
  color: #f6f1e8;
}
.philosophy-section .kicker,
.philosophy-grid article > span,
.philosophy-close > span {
  color: #b9a57d;
}
.philosophy-head,
.offerings-head {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr);
  gap: 72px;
  align-items: end;
}
.philosophy-head h2,
.offerings-head h2,
.method-section > .wrap > h2 {
  margin: 14px 0 18px;
  font-size: clamp(50px, 6vw, 88px);
  line-height: .98;
  letter-spacing: -.06em;
}
.philosophy-sub {
  margin: 0;
  color: rgba(246,241,232,.55);
}
.philosophy-intro {
  margin: 0;
  font-size: 21px;
  line-height: 1.8;
  color: rgba(246,241,232,.78);
}
.philosophy-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  margin-top: 72px;
  border-top: 1px solid rgba(246,241,232,.18);
  border-left: 1px solid rgba(246,241,232,.18);
}
.philosophy-grid article {
  min-height: 320px;
  padding: 30px;
  border-right: 1px solid rgba(246,241,232,.18);
  border-bottom: 1px solid rgba(246,241,232,.18);
}
.philosophy-grid article > span {
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .14em;
}
.philosophy-grid h3 {
  margin: 70px 0 18px;
  font-size: 30px;
  line-height: 1.18;
  letter-spacing: -.04em;
}
.philosophy-grid p {
  margin: 0;
  color: rgba(246,241,232,.65);
  line-height: 1.75;
}
.philosophy-close {
  display: grid;
  grid-template-columns: 1.4fr .6fr;
  gap: 64px;
  align-items: end;
  margin-top: 72px;
  padding-top: 40px;
  border-top: 1px solid rgba(185,165,125,.4);
}
.philosophy-close p {
  margin: 0;
  font-size: clamp(30px, 3.8vw, 56px);
  line-height: 1.28;
  letter-spacing: -.045em;
}
.philosophy-signature {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.philosophy-signature .wordmark-en {
  font-size: clamp(24px, 2.4vw, 34px);
  letter-spacing: .07em;
}
.philosophy-signature small {
  color: #b9a57d;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .18em;
}
.method-section {
  background: #fdfcf9;
}
.method-section .lead {
  max-width: 920px;
}

/* InterValue headline system */
.philosophy-head h2,
.method-section > .wrap > h2,
.offerings-head h2,
.masterclass-section h2,
.fieldlab-section h2,
.business-counsel-section h2,
.people-section h2,
.library-section h2,
.contact h2 {
  font-weight: 850;
  text-wrap: balance;
}

.method-section > .wrap > h2,
.offerings-head h2,
.masterclass-section h2,
.people-section h2,
.contact h2 {
  background: linear-gradient(135deg, #060d0d 0%, #172222 58%, #2d3534 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.philosophy-head h2,
.fieldlab-section h2,
.business-counsel-section h2,
.library-section h2 {
  background: linear-gradient(135deg, #fffaf0 0%, #f0e7d8 58%, #cdbb96 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.accent-word {
  display: inline;
  font-style: normal;
  font-weight: 900;
  background: linear-gradient(135deg, #0da9ba 0%, #32c9d4 52%, #72e2e7 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.philosophy-close p {
  text-wrap: balance;
}
.method-between {
  margin-top: 52px;
}
.method-bridge {
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  gap: 64px;
  margin-top: 72px;
  padding: 50px;
  border-radius: 34px;
  background: #0b2025;
  color: #f7f2e8;
}
.method-bridge h3 {
  margin: 12px 0 18px;
  font-size: clamp(34px, 4vw, 58px);
  line-height: 1.08;
  letter-spacing: -.045em;
}
.method-bridge h3 em {
  color: #77e1e7;
  font-style: normal;
}
.method-bridge p {
  color: rgba(247,242,232,.65);
  line-height: 1.75;
}
.method-bridge .bridge-steps {
  align-self: end;
}
.offerings-section {
  background: #f4f0e7;
}
.offerings-head > p {
  margin: 0;
  color: #59666b;
  font-size: 19px;
  line-height: 1.8;
}
.offerings-index {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 64px;
  border-top: 1px solid #11191c;
  border-left: 1px solid #11191c;
}
.offerings-index a {
  min-height: 390px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  color: #11191c;
  text-decoration: none;
  border-right: 1px solid #11191c;
  border-bottom: 1px solid #11191c;
  transition: background .2s ease, color .2s ease;
}
.offerings-index a:hover {
  background: #11191c;
  color: #f7f2e8;
}
.offerings-index span,
.offerings-index small {
  font-weight: 850;
}
.offerings-index small {
  margin-top: 6px;
  color: #148b97;
  letter-spacing: .12em;
}
.offerings-index h3 {
  margin: auto 0 16px;
  font-size: 33px;
  line-height: 1.08;
  letter-spacing: -.045em;
}
.offerings-index p {
  margin: 0 0 24px;
  line-height: 1.7;
  opacity: .72;
}
.offerings-index b {
  font-size: 13px;
  letter-spacing: .08em;
}
.pricing-section {
  padding: 124px 0;
  background: #0a1012;
  color: #f6f1e8;
}
.pricing-section .kicker {
  color: #b9a57d;
}
.pricing-head {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
  gap: 72px;
  align-items: end;
}
.pricing-head h2 {
  margin: 14px 0 0;
  font-size: clamp(48px, 5.5vw, 82px);
  line-height: 1;
  letter-spacing: -.055em;
  font-weight: 900;
  background: linear-gradient(135deg, #fffaf0 0%, #f0e7d8 58%, #cdbb96 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  text-wrap: balance;
}
.pricing-head > p {
  margin: 0;
  color: rgba(246,241,232,.68);
  font-size: 18px;
  line-height: 1.75;
}
.pricing-head > p strong {
  color: #79e3e8;
}
.pricing-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 64px;
  border-top: 1px solid rgba(246,241,232,.18);
  border-left: 1px solid rgba(246,241,232,.18);
}
.pricing-grid article {
  min-height: 330px;
  padding: 32px;
  border-right: 1px solid rgba(246,241,232,.18);
  border-bottom: 1px solid rgba(246,241,232,.18);
  display: flex;
  flex-direction: column;
}
.pricing-grid article.pricing-anchor {
  background: linear-gradient(145deg, rgba(185,165,125,.16), rgba(121,227,232,.05));
  box-shadow: inset 0 0 0 1px rgba(185,165,125,.28);
}
.pricing-grid article.pricing-anchor small {
  color: #79e3e8;
}
.pricing-grid article.pricing-anchor .price strong {
  background: linear-gradient(135deg, #fffaf0 0%, #d9c49a 70%, #79e3e8 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.pricing-grid article em {
  font-style: normal;
  color: #b9a57d;
  font-size: 13px;
}
.pricing-grid small {
  color: #b9a57d;
  font-weight: 850;
  letter-spacing: .12em;
}
.pricing-grid h3 {
  margin: 26px 0 10px;
  font-size: 28px;
  letter-spacing: -.035em;
}
.price {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin: auto 0 24px;
}
.price span {
  font-size: 20px;
  color: #79e3e8;
  font-weight: 800;
}
.price strong {
  font-size: clamp(52px, 6vw, 82px);
  line-height: .9;
  letter-spacing: -.06em;
}
.price b {
  font-size: 14px;
  color: rgba(246,241,232,.55);
  font-weight: 700;
}
.pricing-grid p {
  margin: 0;
  color: rgba(246,241,232,.62);
  line-height: 1.7;
}
.pricing-note {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  margin-top: 26px;
  padding-top: 24px;
  border-top: 1px solid rgba(185,165,125,.35);
  color: rgba(246,241,232,.55);
  font-size: 13px;
}
.pricing-note strong {
  color: #b9a57d;
  letter-spacing: .12em;
}
.pricing-note p {
  margin: 0;
  text-align: right;
}
.join-count {
  margin: 18px 0 0;
  color: #168d98 !important;
  font-size: 13px !important;
  font-weight: 850;
  letter-spacing: .12em;
}
.join-count strong {
  font-size: 28px;
  margin-right: 7px;
  color: #102a43;
}
.join-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
  margin-top: 54px;
  text-align: left;
}
.join-grid article {
  min-height: 360px;
  padding: 34px;
  border: 1px solid rgba(16,42,67,.14);
  border-radius: 30px;
  background: rgba(255,255,255,.7);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.join-grid small {
  color: #168d98;
  font-weight: 850;
  letter-spacing: .13em;
}
.join-grid h3 {
  margin: 28px 0 16px;
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.15;
  letter-spacing: -.04em;
}
.join-grid p {
  margin: 0 0 28px;
  line-height: 1.75;
}
.join-grid .pill {
  margin-top: auto;
}
footer {
  padding-top: 32px;
}
.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: 0.7s ease;
}
.reveal.on {
  opacity: 1;
  transform: none;
}
@media (max-width: 900px) {
  .menu-btn {
    display: block;
  }
  .nav-links {
    display: none;
    position: absolute;
    top: 70px;
    left: 20px;
    right: 20px;
    flex-direction: column;
    align-items: stretch;
    background: var(--white);
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: 0 20px 50px rgba(16, 42, 67, 0.1);
  }
  .nav-links.open {
    display: flex;
  }
  .nav-links a {
    padding: 11px;
  }
  .hero-grid,
  .definition-grid {
    grid-template-columns: 1fr;
  }
  .hero {
    padding-top: 110px;
  }
  .hero-bridge {
    height: 330px;
  }
  .between-grid,
  .product-grid,
  .people-grid,
  .library-grid {
    grid-template-columns: 1fr;
  }
  .person-card.primary {
    grid-template-columns: 1fr;
  }
  .partner-form {
    padding: 34px 24px;
  }
  .partner-fields {
    grid-template-columns: 1fr;
  }
  .partner-photo {
    grid-column: auto;
  }
  .footer-partner-callout {
    align-items: flex-start;
    flex-direction: column;
  }
  .profile-photo {
    min-height: 420px;
  }
  .person-links {
    grid-template-columns: 1fr;
  }
  .bridge-tower {
    width: 58px;
    height: 180px;
    top: 24%;
  }
  .tower-left { left: 18%; }
  .tower-right { right: 18%; }
  .bridge-deck { top: 63%; }
  .upper-span { top: 24%; left: 20%; right: 20%; height: 120px; }
  .bridge-steps {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .bridge-steps i {
    width: 2px;
    height: 28px;
    margin: auto;
  }
  .footer-inner {
    flex-direction: column;
  }
  .visitor-counter {
    justify-content: flex-start;
  }
  .hero-offerings {
    width: calc(100vw - 40px);
    max-width: none;
    overflow: hidden;
  }
  .hero-offerings-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    overflow: visible;
    padding: 2px 0 10px;
  }
  .hero-offering-card {
    min-width: 0;
    max-width: none;
    min-height: 86px;
    padding: 13px 12px;
    gap: 9px;
  }
  .hero-offering-card strong {
    font-size: 14px;
  }
  .hero-offering-card small {
    white-space: normal;
    line-height: 1.35;
  }
  .section,
  .bridge-section,
  .masterclass-section,
  .fieldlab-section,
  .business-counsel-section,
  .definition,
  .people-section,
  .library-section,
  .manifesto,
  .contact {
    padding: 82px 0;
  }
  .hero h1 {
    font-size: clamp(42px, 11vw, 52px);
  }
  .masterclass-head,
  .masterclass-thesis,
  .masterclass-close,
  .fieldlab-head,
  .fieldlab-thesis,
  .fieldlab-close,
  .business-counsel-head,
  .business-counsel-close {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .masterclass-badge {
    text-align: left;
  }
  .masterclass-thesis {
    margin: 52px 0 36px;
  }
  .masterclass-flow,
  .fieldlab-flow,
  .business-counsel-grid {
    grid-template-columns: 1fr;
  }
  .masterclass-flow article,
  .fieldlab-flow article {
    min-height: 240px;
  }
  .masterclass-close > div,
  .fieldlab-close > div,
  .business-counsel-close > div {
    gap: 10px;
    font-size: 17px;
    white-space: normal;
    flex-wrap: wrap;
  }
  .brand-story {
    padding: 92px 0;
  }
  .story-hero,
  .story-grid,
  .story-narrative {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .story-title-line {
    white-space: normal;
  }
  .brand-story h2 {
    font-size: clamp(42px, 11.5vw, 58px);
  }
  .story-hero {
    margin-top: 36px;
  }
  .story-rule {
    margin: 48px 0 38px;
  }
  .story-crossing {
    grid-template-columns: 1fr;
    margin-top: 54px;
  }
  .story-crossing span + span {
    border-left: 0;
    border-top: 1px solid rgba(246,241,232,.13);
  }
  .story-shell::before {
    width: 320px;
    height: 320px;
    right: -170px;
    top: -110px;
  }
  .philosophy-section,
  .method-section,
  .offerings-section,
  .pricing-section {
    padding: 74px 0;
  }
  .philosophy-head,
  .offerings-head,
  .philosophy-close,
  .method-bridge,
  .pricing-head,
  .join-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .pricing-grid {
    grid-template-columns: 1fr;
  }
  .pricing-grid article {
    min-height: 285px;
  }
  .pricing-grid article.pricing-anchor {
    box-shadow: inset 0 0 0 1px rgba(185,165,125,.34);
  }
  .pricing-note {
    flex-direction: column;
  }
  .pricing-note p {
    text-align: left;
  }
  .philosophy-grid {
    grid-template-columns: 1fr;
  }
  .offerings-index {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .philosophy-grid article {
    min-height: 240px;
  }
  .philosophy-grid h3 {
    margin-top: 46px;
  }
  .method-bridge {
    padding: 24px 18px;
    gap: 20px;
  }
  .method-between {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 28px;
  }
  .method-between article {
    min-height: 145px;
    padding: 18px 16px;
    border-radius: 18px;
  }
  .method-between h3 {
    margin: 10px 0 6px;
    font-size: 18px;
    line-height: 1.18;
    letter-spacing: -.03em;
  }
  .method-between p {
    font-size: 14px;
    line-height: 1.45;
  }
  .method-bridge .bridge-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 0;
  }
  .method-bridge .bridge-steps div {
    min-height: 112px;
    padding: 16px;
    border-radius: 16px;
  }
  .method-bridge .bridge-steps i {
    display: none;
  }
  .method-bridge .bridge-steps b {
    font-size: 11px;
  }
  .method-bridge .bridge-steps span {
    margin-top: 6px;
    font-size: 14px;
    line-height: 1.35;
  }
  .offerings-index a {
    min-height: 220px;
    padding: 20px;
  }
  .offerings-index h3 {
    font-size: 23px;
  }
  .signature-section {
    padding: 74px 0;
  }
  .signature-grid {
    grid-template-columns: 1fr;
    gap: 26px;
  }
  .product-marker {
    margin-bottom: 24px;
    padding-bottom: 16px;
  }
  .product-marker strong {
    font-size: 72px;
  }
  .join-grid article {
    min-height: 280px;
  }
}
@media (max-width: 430px) {
  .philosophy-head h2,
  .method-section > .wrap > h2,
  .offerings-head h2,
  .signature-section h2,
  .masterclass-section h2,
  .fieldlab-section h2,
  .business-counsel-section h2,
  .people-section h2,
  .library-section h2,
  .contact h2,
  .pricing-head h2 {
    font-size: 33px;
    line-height: 1.06;
    letter-spacing: -.045em;
  }
  .hero h1 {
    font-size: 39px;
    line-height: 1.02;
  }
  .method-bridge h3 {
    font-size: 27px;
    line-height: 1.12;
    text-wrap: balance;
  }
  .philosophy-close p {
    font-size: 24px;
    line-height: 1.38;
    letter-spacing: -.035em;
    text-wrap: balance;
  }
  .join-grid h3 {
    font-size: 27px;
  }
  .masterclass-thesis strong,
  .fieldlab-thesis strong {
    font-size: 28px;
  }
  .philosophy-intro,
  .offerings-head > p,
  .lead {
    font-size: 17px;
    line-height: 1.65;
  }
}

/* Responsive editorial polish: protect Korean copy and card content at real laptop widths. */
body {
  word-break: keep-all;
  overflow-wrap: break-word;
}
h1,
h2,
h3 {
  text-wrap: balance;
}
.hero-grid > *,
.philosophy-head > *,
.philosophy-close > *,
.method-bridge > *,
.offerings-head > *,
.signature-grid > *,
.masterclass-head > *,
.fieldlab-head > *,
.business-counsel-head > *,
.pricing-head > *,
.people-grid > *,
.person-copy {
  min-width: 0;
}
.philosophy-close {
  grid-template-columns: minmax(0, 1fr) minmax(220px, .32fr);
  gap: 56px;
  align-items: end;
}
.philosophy-close p {
  max-width: 920px;
  font-size: clamp(30px, 2.65vw, 44px);
  line-height: 1.32;
  letter-spacing: -.035em;
  text-wrap: pretty;
}
.philosophy-close p > span,
.philosophy-close p > strong {
  display: block;
}
.philosophy-close p > span + span,
.philosophy-close p > strong {
  margin-top: .12em;
}
.philosophy-signature {
  min-width: 220px;
}
.method-bridge {
  grid-template-columns: minmax(320px, .72fr) minmax(0, 1.28fr);
  gap: 44px;
  padding: 44px;
  align-items: center;
}
.method-bridge h3 {
  max-width: 11.5em;
  font-size: clamp(34px, 3vw, 48px);
  line-height: 1.12;
  letter-spacing: -.04em;
  text-wrap: balance;
}
.method-bridge .bridge-steps {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 0;
  align-self: center;
}
.method-bridge .bridge-steps i {
  display: none;
}
.method-bridge .bridge-steps div {
  min-width: 0;
  min-height: 148px;
  padding: 20px 18px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.method-bridge .bridge-steps span {
  font-size: 15px;
  line-height: 1.5;
}
.people-grid {
  grid-template-columns: minmax(0, 3fr) minmax(210px, 1fr) minmax(210px, 1fr);
  align-items: start;
}
.person-card.primary {
  grid-template-columns: minmax(240px, .9fr) minmax(0, 1.45fr);
  grid-row: auto;
}
.profile-photo {
  min-height: 490px;
}
.person-copy {
  padding: 34px;
}
.person-links {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.profile-link {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
  padding: 11px 15px;
  white-space: nowrap;
  text-align: left;
}
.profile-link span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.profile-link i {
  flex: 0 0 auto;
  font-style: normal;
  color: #14aebb;
}
@media (max-width: 1180px) {
  .philosophy-close {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .philosophy-signature {
    min-width: 0;
  }
  .method-bridge {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .method-bridge h3 {
    max-width: 16em;
  }
  .people-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .person-card.primary {
    grid-column: 1 / -1;
    grid-template-columns: minmax(260px, .8fr) minmax(0, 1.2fr);
  }
}
@media (max-width: 900px) {
  .method-bridge .bridge-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .method-bridge .bridge-steps div {
    min-height: 112px;
  }
  .people-grid {
    grid-template-columns: 1fr;
  }
  .person-card.primary {
    grid-column: auto;
    grid-template-columns: 1fr;
  }
  .profile-photo {
    min-height: 420px;
  }
  .person-links {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 430px) {
  .philosophy-close p {
    font-size: 23px;
    line-height: 1.4;
  }
  .method-bridge h3 {
    font-size: 26px;
  }
}

/* INTERVALUE Design System 1.0 — Responsive Reconstruction */
:root {
  --iv-radius-utility: 18px;
  --iv-radius-card: 24px;
  --iv-radius-feature: 30px;
  --iv-section-major: 120px;
  --iv-section-product: 104px;
}

.wrap {
  width: min(1180px, calc(100% - clamp(40px, 6vw, 96px)));
}

.philosophy-section,
.method-section,
.offerings-section,
.pricing-section {
  padding-block: var(--iv-section-major);
}
.signature-section,
.masterclass-section,
.fieldlab-section,
.business-counsel-section {
  padding-block: var(--iv-section-product);
}
.people-section,
.library-section,
.contact {
  padding-block: 112px;
}

.philosophy-head h2,
.method-section > .wrap > h2,
.offerings-head h2 {
  font-size: clamp(50px, 5.2vw, 72px);
}
.signature-section h2 {
  font-size: clamp(46px, 5vw, 68px);
}
.masterclass-section h2,
.fieldlab-section h2,
.business-counsel-section h2 {
  font-size: clamp(50px, 5.25vw, 74px);
}
.pricing-head h2 {
  font-size: clamp(48px, 5vw, 70px);
}
.people-section h2,
.library-section h2,
.contact h2 {
  font-size: clamp(42px, 4.8vw, 66px);
}
.product-marker strong {
  font-size: clamp(68px, 7vw, 96px);
}

.between-grid article,
.library-card {
  border-radius: var(--iv-radius-card);
}
.person-card,
.join-grid article,
.partner-dialog {
  border-radius: var(--iv-radius-feature);
}
.hero-offering-card,
.method-between article {
  border-radius: var(--iv-radius-utility);
}

@media (max-width: 1280px) {
  .nav-links {
    gap: 18px;
    font-size: 13px;
  }
  .hero-grid {
    gap: 44px;
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
  }
  .hero h1 {
    font-size: clamp(56px, 5.4vw, 66px);
  }
  .hero-bridge {
    height: 470px;
  }
  .philosophy-head,
  .offerings-head,
  .pricing-head,
  .masterclass-head,
  .fieldlab-head,
  .business-counsel-head {
    gap: 48px;
  }
  .philosophy-grid article {
    min-height: 292px;
    padding: 26px;
  }
  .philosophy-grid h3 {
    margin-top: 54px;
    font-size: 28px;
  }
  .offerings-index a {
    min-height: 340px;
    padding: 24px;
  }
  .offerings-index h3 {
    font-size: 28px;
  }
  .masterclass-thesis,
  .fieldlab-thesis {
    gap: 32px;
    margin-top: 60px;
  }
  .masterclass-flow article,
  .fieldlab-flow article {
    min-height: 270px;
    padding: 24px;
  }
  .masterclass-flow h3,
  .fieldlab-flow h3 {
    font-size: 26px;
  }
  .business-counsel-grid article {
    min-height: 390px;
    padding: 26px;
  }
  .business-counsel-grid h3 {
    font-size: 30px;
  }
}

@media (max-width: 1180px) {
  .wrap {
    width: min(100% - 56px, 1040px);
  }
  .nav-links {
    gap: 14px;
    font-size: 12px;
  }
  .hero-grid {
    grid-template-columns: minmax(0, 1.12fr) minmax(320px, .88fr);
    gap: 34px;
  }
  .hero h1 {
    font-size: clamp(52px, 5.7vw, 62px);
  }
  .hero-lead {
    font-size: 22px;
  }
  .hero-bridge {
    height: 430px;
  }
  .philosophy-head,
  .offerings-head,
  .pricing-head,
  .masterclass-head,
  .fieldlab-head,
  .business-counsel-head {
    grid-template-columns: minmax(0, 1.18fr) minmax(260px, .82fr);
    gap: 36px;
  }
  .philosophy-head h2,
  .method-section > .wrap > h2,
  .offerings-head h2,
  .signature-section h2,
  .masterclass-section h2,
  .fieldlab-section h2,
  .business-counsel-section h2,
  .pricing-head h2,
  .people-section h2,
  .library-section h2,
  .contact h2 {
    font-size: clamp(44px, 5vw, 58px);
    line-height: 1.02;
  }
  .philosophy-close {
    grid-template-columns: minmax(0, 1fr) 220px;
    gap: 34px;
  }
  .philosophy-close p {
    font-size: clamp(30px, 3.1vw, 38px);
  }
  .method-bridge {
    grid-template-columns: 1fr;
    gap: 30px;
    padding: 38px;
  }
  .method-bridge h3 {
    max-width: 16em;
    font-size: 40px;
  }
  .method-bridge .bridge-steps {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .method-bridge .bridge-steps div {
    min-height: 124px;
    padding: 18px 16px;
  }
  .offerings-index {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .offerings-index a {
    min-height: 250px;
  }
  .masterclass-thesis {
    grid-template-columns: .7fr 1.3fr;
  }
  .masterclass-thesis > p:last-child {
    grid-column: 2;
  }
  .masterclass-flow,
  .fieldlab-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .masterclass-flow article,
  .fieldlab-flow article {
    min-height: 230px;
  }
  .business-counsel-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .business-counsel-grid article {
    min-height: 360px;
    padding: 24px;
  }
  .business-counsel-grid h3 {
    margin-top: 36px;
    font-size: 27px;
  }
  .masterclass-close,
  .fieldlab-close,
  .business-counsel-close {
    grid-template-columns: 1fr;
    gap: 22px;
  }
  .people-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .person-card.primary {
    grid-column: 1 / -1;
    grid-template-columns: minmax(260px, .8fr) minmax(0, 1.2fr);
  }
}

@media (max-width: 1024px) {
  :root {
    --iv-section-major: 96px;
    --iv-section-product: 92px;
  }
  .wrap {
    width: calc(100% - 48px);
  }
  .nav-links {
    gap: 11px;
    font-size: 11px;
  }
  .nav-links .pill {
    padding-inline: 14px;
  }
  .hero-grid {
    grid-template-columns: minmax(0, 1.18fr) minmax(280px, .82fr);
    gap: 28px;
  }
  .hero h1 {
    font-size: 52px;
  }
  .hero-lead {
    font-size: 20px;
  }
  .hero-bridge {
    height: 390px;
  }
  .hero-offering-card {
    padding: 12px;
  }
  .philosophy-head,
  .offerings-head,
  .pricing-head,
  .masterclass-head,
  .fieldlab-head,
  .business-counsel-head {
    grid-template-columns: minmax(0, 1.1fr) minmax(250px, .9fr);
    gap: 30px;
  }
  .philosophy-head h2,
  .method-section > .wrap > h2,
  .offerings-head h2,
  .signature-section h2,
  .masterclass-section h2,
  .fieldlab-section h2,
  .business-counsel-section h2,
  .pricing-head h2,
  .people-section h2,
  .library-section h2,
  .contact h2 {
    font-size: 48px;
  }
  .philosophy-intro,
  .offerings-head > p,
  .pricing-head > p {
    font-size: 17px;
    line-height: 1.7;
  }
  .philosophy-grid article {
    min-height: 260px;
    padding: 22px;
  }
  .philosophy-grid h3 {
    margin-top: 42px;
    font-size: 25px;
  }
  .philosophy-close {
    grid-template-columns: 1fr;
    gap: 26px;
    margin-top: 56px;
  }
  .philosophy-signature {
    min-width: 0;
  }
  .between-grid.method-between {
    gap: 14px;
  }
  .between-grid.method-between article {
    min-height: 190px;
    padding: 22px;
  }
  .masterclass-thesis,
  .fieldlab-thesis {
    margin: 52px 0 40px;
  }
  .masterclass-thesis strong,
  .fieldlab-thesis strong {
    font-size: 32px;
  }
  .masterclass-flow h3,
  .fieldlab-flow h3 {
    font-size: 24px;
  }
  .business-counsel-grid {
    grid-template-columns: 1fr;
    border-left: 0;
  }
  .business-counsel-grid article {
    min-height: 0;
    padding: 26px 0;
    border-right: 0;
  }
  .business-counsel-grid h3 {
    margin: 22px 0 18px;
  }
  .business-counsel-grid ul {
    margin-top: 10px;
  }
  .pricing-grid article {
    min-height: 300px;
    padding: 28px;
  }
}

@media (max-width: 900px) {
  :root {
    --iv-section-major: 80px;
    --iv-section-product: 80px;
  }
  .wrap {
    width: calc(100% - 40px);
  }
  .hero {
    min-height: auto;
    padding: 112px 0 72px;
  }
  .hero-grid {
    grid-template-columns: 1fr;
    gap: 38px;
  }
  .hero-copy {
    max-width: 720px;
  }
  .hero h1 {
    font-size: clamp(44px, 8vw, 58px);
  }
  .hero-bridge {
    width: min(620px, 100%);
    height: 300px;
    margin-inline: auto;
  }
  .philosophy-head,
  .offerings-head,
  .pricing-head,
  .masterclass-head,
  .fieldlab-head,
  .business-counsel-head,
  .signature-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .philosophy-head h2,
  .method-section > .wrap > h2,
  .offerings-head h2,
  .signature-section h2,
  .masterclass-section h2,
  .fieldlab-section h2,
  .business-counsel-section h2,
  .pricing-head h2,
  .people-section h2,
  .library-section h2,
  .contact h2 {
    font-size: clamp(38px, 7vw, 48px);
  }
  .philosophy-grid {
    grid-template-columns: 1fr;
  }
  .philosophy-grid article {
    min-height: 0;
    padding: 26px;
  }
  .philosophy-grid h3 {
    margin-top: 32px;
  }
  .method-between {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .method-bridge {
    padding: 28px;
  }
  .method-bridge h3 {
    font-size: clamp(32px, 6vw, 40px);
  }
  .method-bridge .bridge-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .offerings-index {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .offerings-index a {
    min-height: 220px;
  }
  .masterclass-thesis,
  .fieldlab-thesis {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .masterclass-thesis > p:last-child {
    grid-column: auto;
  }
  .masterclass-flow,
  .fieldlab-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .masterclass-flow article,
  .fieldlab-flow article {
    min-height: 210px;
    padding: 22px;
  }
  .business-counsel-grid {
    margin-top: 44px;
  }
  .pricing-grid {
    grid-template-columns: 1fr;
  }
  .pricing-grid article {
    min-height: 270px;
  }
  .people-grid {
    grid-template-columns: 1fr;
  }
  .person-card.primary {
    grid-column: auto;
    grid-template-columns: minmax(240px, .8fr) minmax(0, 1.2fr);
  }
  .library-grid {
    grid-template-columns: 1fr;
  }
  .join-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .hero-title-line {
    white-space: normal;
  }
  .hero-bridge {
    height: 270px;
  }
  .philosophy-head h2,
  .method-section > .wrap > h2,
  .offerings-head h2,
  .signature-section h2,
  .masterclass-section h2,
  .fieldlab-section h2,
  .business-counsel-section h2,
  .pricing-head h2,
  .people-section h2,
  .library-section h2,
  .contact h2 {
    font-size: clamp(36px, 7.5vw, 44px);
    line-height: 1.06;
  }
  .product-marker {
    margin-bottom: 26px;
  }
  .product-marker strong {
    font-size: 70px;
  }
  .masterclass-flow,
  .fieldlab-flow {
    grid-template-columns: 1fr;
  }
  .masterclass-flow article,
  .fieldlab-flow article {
    min-height: 190px;
  }
  .person-card.primary {
    grid-template-columns: 1fr;
  }
  .profile-photo {
    min-height: 440px;
  }
  .person-links {
    grid-template-columns: 1fr;
  }
  .library-meta {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 430px) {
  :root {
    --iv-section-major: 72px;
    --iv-section-product: 72px;
  }
  .wrap {
    width: calc(100% - 32px);
  }
  .nav-inner {
    height: 64px;
  }
  .wordmark-kor {
    font-size: 20px;
  }
  .wordmark-en {
    font-size: 15px;
  }
  .hero {
    padding: 96px 0 58px;
  }
  .hero h1 {
    font-size: clamp(37px, 10.2vw, 42px);
    line-height: 1.03;
  }
  .hero-lead {
    font-size: 18px;
    line-height: 1.5;
  }
  .hero-offerings {
    width: 100%;
  }
  .hero-offering-card {
    min-height: 82px;
    padding: 12px 10px;
    gap: 8px;
  }
  .hero-offering-card > span {
    display: none;
  }
  .hero-offering-card strong {
    font-size: 13px;
  }
  .hero-offering-card small {
    font-size: 10px;
  }
  .hero-bridge {
    height: 220px;
  }
  .philosophy-head h2,
  .method-section > .wrap > h2,
  .offerings-head h2,
  .signature-section h2,
  .masterclass-section h2,
  .fieldlab-section h2,
  .business-counsel-section h2,
  .pricing-head h2,
  .people-section h2,
  .library-section h2,
  .contact h2 {
    font-size: clamp(32px, 9vw, 36px);
    line-height: 1.08;
    letter-spacing: -.045em;
  }
  .philosophy-intro,
  .offerings-head > p,
  .pricing-head > p,
  .lead {
    font-size: 16px;
    line-height: 1.65;
  }
  .philosophy-grid article {
    padding: 22px 20px;
  }
  .philosophy-close {
    margin-top: 44px;
    padding-top: 30px;
  }
  .philosophy-close p {
    font-size: 22px;
    line-height: 1.42;
  }
  .method-between {
    gap: 9px;
  }
  .method-between article {
    min-height: 136px !important;
    padding: 16px 14px !important;
  }
  .method-between h3 {
    font-size: 17px !important;
  }
  .method-between p {
    font-size: 13px !important;
  }
  .method-bridge {
    padding: 22px 18px;
    border-radius: var(--iv-radius-card);
  }
  .method-bridge h3 {
    font-size: 27px;
  }
  .method-bridge .bridge-steps {
    gap: 9px;
  }
  .method-bridge .bridge-steps div {
    min-height: 104px;
    padding: 14px 12px;
  }
  .method-bridge .bridge-steps span {
    font-size: 13px;
    line-height: 1.4;
  }
  .offerings-index {
    gap: 0;
  }
  .offerings-index a {
    min-height: 188px;
    padding: 17px;
  }
  .offerings-index h3 {
    font-size: 21px;
  }
  .offerings-index p {
    margin-bottom: 14px;
    font-size: 13px;
  }
  .product-marker strong {
    font-size: 62px;
  }
  .masterclass-thesis strong,
  .fieldlab-thesis strong {
    font-size: 27px;
  }
  .masterclass-flow article,
  .fieldlab-flow article {
    min-height: 176px;
    padding: 20px;
  }
  .masterclass-flow h3,
  .fieldlab-flow h3 {
    font-size: 23px;
  }
  .business-counsel-grid article {
    padding: 24px 0;
  }
  .business-counsel-grid h3 {
    font-size: 25px;
  }
  .masterclass-close > div,
  .fieldlab-close > div,
  .business-counsel-close > div {
    font-size: 14px;
    gap: 8px;
  }
  .price strong {
    font-size: 54px;
  }
  .pricing-grid article {
    min-height: 250px;
    padding: 24px 20px;
  }
  .person-copy {
    padding: 26px 22px;
  }
  .person-copy h3 {
    font-size: 34px;
  }
  .profile-photo {
    min-height: 380px;
  }
  .library-card {
    min-height: 250px;
    padding: 24px 20px;
  }
  .library-card h3 {
    font-size: 26px;
  }
  .join-grid article {
    min-height: 250px;
    padding: 26px 22px;
  }
  .join-grid h3 {
    font-size: 26px;
  }
}

/* Phase 04 — Proof / Field Notes */
.proof-section {
  padding-block: var(--iv-section-major);
  background: #f2ede2;
  color: #10191c;
}
.proof-section .kicker {
  color: #8b7043;
}
.proof-head {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr);
  gap: 72px;
  align-items: end;
}
.proof-head h2 {
  margin: 14px 0 0;
  font-size: clamp(50px, 5.2vw, 72px);
  line-height: 1;
  letter-spacing: -.055em;
  font-weight: 900;
  text-wrap: balance;
}
.proof-head h2 span {
  color: #0d919d;
}
.proof-intro {
  padding-top: 22px;
  border-top: 1px solid rgba(16,25,28,.55);
}
.proof-intro p {
  margin: 0;
  color: #566368;
  font-size: 17px;
  line-height: 1.8;
}
.proof-intro small {
  display: block;
  margin-top: 18px;
  color: #8b7043;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .16em;
}
.proof-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 64px;
  border-top: 1px solid #10191c;
  border-left: 1px solid #10191c;
}
.proof-card {
  min-width: 0;
  min-height: 590px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  border-right: 1px solid #10191c;
  border-bottom: 1px solid #10191c;
  background: rgba(255,255,255,.18);
}
.proof-card-action {
  background: #102a43;
  color: #f6f1e8;
}
.proof-card header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 18px;
}
.proof-card header span {
  font-size: 13px;
  font-weight: 900;
}
.proof-card header small {
  color: #0d919d;
  font-weight: 900;
  letter-spacing: .14em;
}
.proof-card-action header small {
  color: #79e3e8;
}
.proof-metric {
  min-height: 132px;
  margin: 54px 0 42px;
  display: flex;
  align-items: flex-end;
  gap: 13px;
}
.proof-metric strong {
  font-family: Didot, 'Bodoni 72', 'Bodoni MT', 'Times New Roman', serif;
  font-size: clamp(64px, 6vw, 86px);
  line-height: .75;
  letter-spacing: -.06em;
  font-weight: 700;
}
.proof-metric span {
  font-size: 10px;
  line-height: 1.35;
  font-weight: 900;
  letter-spacing: .1em;
  color: #69777b;
}
.proof-card-action .proof-metric span {
  color: rgba(246,241,232,.62);
}
.proof-metric i {
  align-self: center;
  color: #0d919d;
  font-style: normal;
  font-size: 22px;
}
.proof-metric-pair {
  gap: 9px;
}
.proof-metric-pair strong {
  font-size: clamp(54px, 4.7vw, 72px);
}
.proof-card h3 {
  margin: 0 0 20px;
  font-size: clamp(28px, 2.5vw, 35px);
  line-height: 1.12;
  letter-spacing: -.045em;
}
.proof-card p {
  margin: 0;
  color: #59666b;
  line-height: 1.75;
}
.proof-card-action p {
  color: rgba(246,241,232,.67);
}
.proof-card footer {
  margin-top: auto;
  padding-top: 28px;
  border-top: 1px solid rgba(16,25,28,.2);
  font-size: 10px;
  line-height: 1.6;
  font-weight: 900;
  letter-spacing: .08em;
  color: #0d919d;
}
.proof-card-action footer {
  border-color: rgba(246,241,232,.18);
  color: #79e3e8;
}
.proof-note {
  margin: 22px 0 0;
  color: #7a817f;
  font-size: 12px;
  line-height: 1.7;
}
.proof-note strong {
  color: #8b7043;
  text-transform: uppercase;
  letter-spacing: .08em;
}
@media (max-width: 1180px) {
  .proof-head {
    gap: 36px;
  }
  .proof-card {
    min-height: 540px;
    padding: 26px;
  }
  .proof-metric {
    margin-top: 44px;
  }
}
@media (max-width: 1024px) {
  .proof-head {
    grid-template-columns: minmax(0, 1.1fr) minmax(260px, .9fr);
    gap: 30px;
  }
  .proof-head h2 {
    font-size: 48px;
  }
  .proof-grid {
    grid-template-columns: 1fr;
  }
  .proof-card {
    min-height: 0;
    padding: 32px;
  }
  .proof-metric {
    min-height: 0;
    margin: 42px 0 34px;
  }
  .proof-card h3 {
    font-size: 32px;
  }
  .proof-card footer {
    margin-top: 38px;
  }
}
@media (max-width: 900px) {
  .proof-head {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .proof-head h2 {
    font-size: clamp(38px, 7vw, 48px);
  }
}
@media (max-width: 430px) {
  .proof-head h2 {
    font-size: clamp(32px, 9vw, 36px);
    line-height: 1.08;
  }
  .proof-intro p {
    font-size: 15px;
    line-height: 1.7;
  }
  .proof-grid {
    margin-top: 42px;
  }
  .proof-card {
    padding: 24px 20px;
  }
  .proof-metric {
    margin: 34px 0 28px;
  }
  .proof-metric strong {
    font-size: 58px;
  }
  .proof-metric-pair strong {
    font-size: 48px;
  }
  .proof-metric span {
    font-size: 9px;
  }
  .proof-card h3 {
    font-size: 26px;
  }
  .proof-card p {
    font-size: 15px;
  }
}

/* Phase 06 — Situation to Engagement */
.start-section {
  padding-block: var(--iv-section-major);
  background: #fdfcf9;
  color: #10191c;
}
.start-head {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr);
  gap: 72px;
  align-items: end;
}
.start-head .kicker {
  color: #8b7043;
}
.start-head h2 {
  margin: 14px 0 0;
  font-size: clamp(48px, 5vw, 68px);
  line-height: 1.02;
  letter-spacing: -.055em;
}
.start-head h2 span {
  color: #0d919d;
}
.start-intro {
  padding-top: 22px;
  border-top: 1px solid rgba(16,25,28,.55);
}
.start-intro p {
  margin: 0;
  color: #566368;
  font-size: 17px;
  line-height: 1.8;
}
.start-intro p strong {
  color: #102a43;
}
.start-intro small {
  display: block;
  margin-top: 18px;
  color: #8b7043;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .16em;
}
.start-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 64px;
  border-top: 1px solid #102a43;
  border-left: 1px solid rgba(16,42,67,.24);
}
.start-grid > a {
  min-width: 0;
  min-height: 330px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  position: relative;
  border-right: 1px solid rgba(16,42,67,.24);
  border-bottom: 1px solid rgba(16,42,67,.24);
  background: rgba(247,245,239,.36);
  transition: background .2s ease, transform .2s ease;
}
.start-grid > a:hover {
  background: #f2ede2;
}
.start-grid > a > span {
  position: absolute;
  top: 28px;
  right: 30px;
  color: #0d919d;
  font-family: Didot, 'Bodoni 72', 'Bodoni MT', 'Times New Roman', serif;
  font-size: 42px;
  line-height: 1;
}
.start-grid small {
  padding-right: 64px;
  color: #8b7043;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .14em;
}
.start-grid h3 {
  max-width: 15em;
  margin: 56px 0 16px;
  font-size: clamp(27px, 2.4vw, 34px);
  line-height: 1.16;
  letter-spacing: -.045em;
}
.start-grid p {
  max-width: 32em;
  margin: 0 0 30px;
  color: #69777b;
  font-size: 15px;
  line-height: 1.7;
}
.start-grid footer {
  margin-top: auto;
  padding-top: 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  border-top: 1px solid rgba(16,42,67,.16);
  color: #102a43;
}
.start-grid footer b {
  font-size: 13px;
  letter-spacing: .035em;
}
.start-grid footer i {
  flex: 0 0 auto;
  color: #0d919d;
  font-style: normal;
}
.start-card-counsel {
  background: #102a43 !important;
  color: #f6f1e8;
}
.start-card-counsel:hover {
  background: #153651 !important;
}
.start-card-counsel > span,
.start-card-counsel footer i {
  color: #79e3e8 !important;
}
.start-card-counsel small {
  color: #d0b987;
}
.start-card-counsel p {
  color: rgba(246,241,232,.66);
}
.start-card-counsel footer {
  color: #f6f1e8;
  border-color: rgba(246,241,232,.18);
}
.start-close {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
  padding: 28px 0 0;
}
.start-close p {
  margin: 0;
  color: #657276;
  font-size: 14px;
}
.start-close p strong {
  color: #102a43;
}
.start-close a {
  flex: 0 0 auto;
  color: #0d919d;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .06em;
}
@media (max-width: 1024px) {
  .start-head {
    grid-template-columns: minmax(0, 1.1fr) minmax(260px, .9fr);
    gap: 34px;
  }
  .start-head h2 {
    font-size: 48px;
  }
  .start-grid > a {
    min-height: 310px;
    padding: 26px;
  }
}
@media (max-width: 768px) {
  .start-head {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .start-head h2 {
    font-size: clamp(38px, 8vw, 48px);
  }
  .start-grid {
    grid-template-columns: 1fr;
    margin-top: 48px;
  }
  .start-grid > a {
    min-height: 280px;
  }
  .start-close {
    align-items: flex-start;
    flex-direction: column;
    gap: 14px;
  }
}
@media (max-width: 430px) {
  .start-head h2 {
    font-size: 34px;
    line-height: 1.08;
  }
  .start-intro p {
    font-size: 15px;
    line-height: 1.7;
  }
  .start-grid {
    margin-top: 38px;
  }
  .start-grid > a {
    min-height: 250px;
    padding: 22px 20px;
  }
  .start-grid > a > span {
    top: 21px;
    right: 20px;
    font-size: 34px;
  }
  .start-grid h3 {
    margin-top: 46px;
    font-size: 25px;
  }
  .start-grid p {
    font-size: 14px;
  }
}

/* Phase 05 — 30 Second Brief */
.brief-section {
  padding: 78px 0 82px;
  background: #fdfcf9;
  border-top: 1px solid rgba(16,42,67,.1);
  border-bottom: 1px solid rgba(16,42,67,.12);
}
.brief-head {
  display: grid;
  grid-template-columns: minmax(170px, .34fr) minmax(0, 1.66fr);
  gap: 56px;
  align-items: start;
}
.brief-head .kicker {
  margin: 10px 0 0;
  color: #8b7043;
}
.brief-title {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(300px, .92fr);
  gap: 48px;
  align-items: end;
}
.brief-title h2 {
  margin: 0;
  font-size: clamp(40px, 4.3vw, 58px);
  line-height: 1.03;
  letter-spacing: -.05em;
}
.brief-title h2 span {
  color: #0d919d;
}
.brief-title > p {
  margin: 0;
  color: #56666d;
  font-size: 16px;
  line-height: 1.8;
}
.brief-title > p strong {
  color: #102a43;
}
.brief-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 50px;
  border-top: 1px solid #102a43;
  border-left: 1px solid rgba(16,42,67,.2);
}
.brief-grid article {
  min-width: 0;
  min-height: 196px;
  padding: 22px;
  position: relative;
  border-right: 1px solid rgba(16,42,67,.2);
  border-bottom: 1px solid rgba(16,42,67,.2);
  background: rgba(247,245,239,.45);
}
.brief-grid small {
  color: #8b7043;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .14em;
}
.brief-grid h3 {
  margin: 42px 0 10px;
  font-size: 21px;
  line-height: 1.2;
  letter-spacing: -.035em;
}
.brief-grid p {
  margin: 0;
  color: #69777b;
  font-size: 13px;
  line-height: 1.6;
}
.brief-grid .brief-proof {
  background: #102a43;
  color: #f6f1e8;
}
.brief-proof small {
  color: #79e3e8;
}
.brief-proof p {
  color: rgba(246,241,232,.62);
}
.brief-proof a {
  display: inline-block;
  margin-top: 18px;
  color: #79e3e8;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
}
@media (max-width: 1180px) {
  .brief-head {
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 34px;
  }
  .brief-title {
    gap: 30px;
  }
  .brief-grid h3 {
    font-size: 19px;
  }
}
@media (max-width: 1024px) {
  .brief-head {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .brief-title {
    grid-template-columns: 1fr 1fr;
  }
  .brief-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .brief-grid article {
    min-height: 172px;
  }
}
@media (max-width: 768px) {
  .brief-section {
    padding: 64px 0 68px;
  }
  .brief-title {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .brief-title h2 {
    font-size: clamp(34px, 8vw, 44px);
  }
}
@media (max-width: 430px) {
  .brief-section {
    padding: 56px 0 60px;
  }
  .brief-title h2 {
    font-size: 33px;
    line-height: 1.08;
  }
  .brief-title > p {
    font-size: 15px;
    line-height: 1.7;
  }
  .brief-grid {
    margin-top: 36px;
  }
  .brief-grid article {
    min-height: 154px;
    padding: 18px 15px;
  }
  .brief-grid h3 {
    margin-top: 30px;
    font-size: 17px;
  }
  .brief-grid p {
    font-size: 11px;
  }
  .brief-proof a {
    margin-top: 12px;
    font-size: 10px;
  }
}

/* Phase 07 — Between Check / first consultation */
.inquiry[hidden],
.inquiry-result[hidden],
.project-form[hidden] {
  display: none !important;
}
.inquiry {
  max-width: 1040px;
  margin: 54px auto 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(16,42,67,.2);
  border-radius: 30px;
  background: #fdfcf9;
  box-shadow: 0 28px 80px rgba(16,42,67,.08);
  text-align: left;
}
.inquiry-head {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);
  gap: 48px;
  align-items: end;
  padding: 44px;
  background: #102a43;
  color: #f6f1e8;
}
.inquiry-head small,
.inquiry-step > span,
.inquiry-result > small,
.project-form-head > small {
  color: #79e3e8;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .14em;
}
.inquiry-head h3 {
  margin: 18px 0 0;
  font-size: clamp(36px, 4vw, 52px);
  line-height: 1.04;
  letter-spacing: -.05em;
}
.contact .inquiry-head p {
  margin: 0;
  color: rgba(246,241,232,.68);
  font-size: 15px;
  line-height: 1.8;
}
.contact .inquiry-head p strong {
  color: #fff;
}
.inquiry-step {
  padding: 40px 44px;
  border-bottom: 1px solid rgba(16,42,67,.12);
}
.inquiry-step > span {
  color: #8b7043;
}
.inquiry-step h4,
.project-form-head h4 {
  margin: 10px 0 24px;
  color: #102a43;
  font-size: 25px;
  line-height: 1.25;
  letter-spacing: -.035em;
}
.inquiry-point-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 36px minmax(0, 1fr);
  gap: 14px;
  align-items: end;
}
.inquiry-point-grid > i {
  align-self: center;
  color: #0d919d;
  font-style: normal;
  font-weight: 900;
  text-align: center;
}
.inquiry label {
  margin: 0;
  color: #59676d;
  font-size: 13px;
  font-weight: 800;
}
.inquiry label b {
  margin-right: 7px;
  color: #0d919d;
}
.inquiry input[type='text'],
.inquiry textarea {
  width: 100%;
  margin-top: 9px;
  padding: 15px 16px;
  border: 1px solid rgba(16,42,67,.2);
  border-radius: 14px;
  outline: none;
  background: #fff;
  color: #102a43;
  font: inherit;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.inquiry input[type='text']:focus,
.inquiry textarea:focus {
  border-color: #0d919d;
  box-shadow: 0 0 0 3px rgba(13,145,157,.1);
}
.friction-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid rgba(16,42,67,.2);
  border-left: 1px solid rgba(16,42,67,.2);
}
.friction-grid label {
  min-width: 0;
  min-height: 148px;
  position: relative;
  padding: 22px 18px;
  border-right: 1px solid rgba(16,42,67,.2);
  border-bottom: 1px solid rgba(16,42,67,.2);
  cursor: pointer;
}
.friction-grid input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.friction-grid label:has(input:checked) {
  background: #102a43;
}
.friction-grid label:has(input:checked) b,
.friction-grid label:has(input:checked) small {
  color: #f6f1e8;
}
.friction-grid label:has(input:checked)::after {
  content: 'SELECTED';
  position: absolute;
  right: 14px;
  bottom: 12px;
  color: #79e3e8;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .12em;
}
.friction-grid b,
.friction-grid small {
  display: block;
}
.friction-grid b {
  margin: 0 0 12px;
  color: #102a43;
  font-size: 20px;
}
.friction-grid small {
  color: #748085;
  font-size: 12px;
  line-height: 1.6;
}
.inquiry-action {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 30px 44px 40px;
}
.check-btn {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  padding: 14px 20px;
  background: #102a43;
}
.check-btn i {
  color: #79e3e8;
  font-style: normal;
}
.contact .inquiry-status {
  margin: 0;
  color: #b05b42;
  font-size: 13px;
  font-weight: 800;
}
.inquiry-result {
  min-height: 0;
  margin: 0 44px 44px;
  padding: 36px;
  border: 1px solid #102a43;
  border-radius: 24px;
  background: #f2ede2;
  color: #102a43 !important;
}
.inquiry-result > small {
  color: #8b7043;
}
.result-between {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 40px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  margin: 26px 0 30px;
  font-size: clamp(23px, 3vw, 34px);
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: -.04em;
}
.result-between i {
  color: #0d919d;
  font-style: normal;
  text-align: center;
}
.result-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid rgba(16,42,67,.2);
  border-left: 1px solid rgba(16,42,67,.2);
}
.result-grid > div {
  padding: 20px;
  border-right: 1px solid rgba(16,42,67,.2);
  border-bottom: 1px solid rgba(16,42,67,.2);
}
.result-grid small,
.result-grid strong {
  display: block;
}
.result-grid small {
  margin-bottom: 8px;
  color: #8b7043;
  font-size: 9px;
  letter-spacing: .12em;
}
.result-grid strong {
  font-size: 19px;
}
.inquiry-result blockquote {
  margin: 26px 0;
  padding: 0 0 0 20px;
  border-left: 2px solid #0d919d;
  color: #56666d;
  font-size: 16px;
  line-height: 1.75;
}
.project-form {
  margin: 0 44px 44px;
  padding: 36px;
  border-radius: 24px;
  background: #102a43;
  color: #f6f1e8;
}
.project-form-head {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
  align-items: end;
  margin-bottom: 28px;
}
.project-form-head h4 {
  margin: 10px 0 0;
  color: #f6f1e8;
  font-size: 30px;
}
.contact .project-form-head p {
  margin: 0;
  color: rgba(246,241,232,.6);
  font-size: 14px;
}
.project-fields {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.project-fields label {
  color: rgba(246,241,232,.76);
}
.project-fields .project-note {
  grid-column: 1 / -1;
}
.project-form input[type='text'],
.project-form textarea {
  border-color: rgba(246,241,232,.22);
  background: rgba(255,255,255,.07);
  color: #fff;
}
.project-form input[type='text']:focus,
.project-form textarea:focus {
  border-color: #79e3e8;
}
.contact .project-privacy {
  margin: 18px 0;
  color: rgba(246,241,232,.46);
  font-size: 11px;
}
.project-submit {
  background: #79e3e8;
}
.project-submit:disabled {
  opacity: .5;
  cursor: wait;
}
.contact .project-result {
  display: inline;
  margin-left: 16px;
  color: #79e3e8;
  font-size: 13px;
  font-weight: 800;
}
@media (max-width: 768px) {
  .inquiry-head {
    grid-template-columns: 1fr;
    gap: 22px;
    padding: 32px;
  }
  .inquiry-head h3 {
    font-size: 38px;
  }
  .inquiry-step {
    padding: 32px;
  }
  .friction-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .inquiry-action {
    align-items: flex-start;
    flex-direction: column;
    padding: 26px 32px 34px;
  }
  .inquiry-result,
  .project-form {
    margin: 0 32px 32px;
    padding: 30px;
  }
  .project-fields {
    grid-template-columns: 1fr;
  }
  .project-form-head {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}
@media (max-width: 430px) {
  .inquiry {
    margin-top: 34px;
    border-radius: 24px;
  }
  .inquiry-head,
  .inquiry-step {
    padding: 24px 20px;
  }
  .inquiry-head h3 {
    font-size: 30px;
  }
  .inquiry-point-grid {
    grid-template-columns: 1fr;
    gap: 4px;
  }
  .inquiry-point-grid > i {
    padding: 2px 0;
  }
  .friction-grid label {
    min-height: 132px;
    padding: 18px 14px;
  }
  .friction-grid b {
    font-size: 18px;
  }
  .friction-grid small {
    font-size: 11px;
  }
  .inquiry-action {
    padding: 22px 20px 28px;
  }
  .inquiry-result,
  .project-form {
    margin: 0 20px 20px;
    padding: 22px 18px;
    border-radius: 18px;
  }
  .result-between {
    grid-template-columns: 1fr;
    gap: 6px;
    font-size: 23px;
  }
  .result-between i {
    text-align: left;
  }
  .result-grid {
    grid-template-columns: 1fr;
  }
  .project-form-head h4 {
    font-size: 25px;
  }
  .project-submit {
    width: 100%;
  }
  .contact .project-result {
    display: block;
    margin: 14px 0 0;
  }
}

/* Phase 09 — Luxury polish / mobile editorial compression */
.mobile-detail-toggle {
  display: none;
}

@media (max-width: 768px) {
  .mobile-detail-toggle {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 24px;
    padding: 15px 0;
    border: 0;
    border-top: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    background: transparent;
    color: inherit;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .04em;
    cursor: pointer;
  }
  .mobile-detail-toggle i {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
  }
  .masterclass-section:not(.mobile-expanded) .masterclass-flow,
  .masterclass-section:not(.mobile-expanded) .masterclass-close,
  .fieldlab-section:not(.mobile-expanded) .fieldlab-flow,
  .fieldlab-section:not(.mobile-expanded) .fieldlab-close,
  .business-counsel-section:not(.mobile-expanded) .business-counsel-grid,
  .business-counsel-section:not(.mobile-expanded) .business-counsel-close {
    display: none;
  }
  .masterclass-section.mobile-expanded .masterclass-flow,
  .fieldlab-section.mobile-expanded .fieldlab-flow,
  .business-counsel-section.mobile-expanded .business-counsel-grid {
    margin-top: 24px;
  }
}

@media (max-width: 430px) {
  :root {
    --iv-section-major: 52px;
    --iv-section-product: 52px;
  }
  .hero {
    padding-top: 78px;
    padding-bottom: 42px;
  }
  .hero-copy h1 {
    margin-bottom: 24px;
  }
  .hero-lead {
    margin-bottom: 28px;
    font-size: 16px;
    line-height: 1.55;
  }
  .brief-section,
  .philosophy-section,
  .method-section,
  .offerings-section,
  .signature-section,
  .masterclass-section,
  .fieldlab-section,
  .business-counsel-section,
  .proof-section,
  .pricing-section,
  .people-section,
  .library-section,
  .contact {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .brief-title h2,
  .philosophy-head h2,
  .method-section h2,
  .offerings-head h2,
  .signature-section h2,
  .masterclass-section h2,
  .fieldlab-section h2,
  .business-counsel-section h2,
  .proof-head h2,
  .pricing-head h2,
  .people-section h2,
  .library-section h2,
  .contact h2 {
    font-size: 32px;
    line-height: 1.08;
    letter-spacing: -.045em;
  }
  .brief-grid article {
    min-height: 126px;
    padding: 15px 13px;
  }
  .brief-grid h3 {
    margin-top: 18px;
    font-size: 15px;
  }
  .brief-grid p {
    line-height: 1.45;
  }
  .philosophy-grid {
    gap: 0;
    margin-top: 30px;
    border-top: 1px solid rgba(255,255,255,.16);
  }
  .philosophy-grid article {
    min-height: 0;
    padding: 18px 0;
    border: 0;
    border-bottom: 1px solid rgba(255,255,255,.16);
    border-radius: 0;
    background: transparent;
  }
  .philosophy-grid article p {
    display: none;
  }
  .philosophy-grid article h3 {
    margin: 8px 0 0;
    font-size: 20px;
  }
  .philosophy-close {
    margin-top: 30px;
    padding-top: 28px;
  }
  .between-grid.method-between article {
    min-height: 112px;
    padding: 15px 12px;
  }
  .between-grid.method-between article p {
    display: none;
  }
  .method-bridge {
    margin-top: 30px;
    padding-top: 28px;
  }
  .offerings-index {
    margin-top: 30px;
  }
  .offerings-index a {
    min-height: 170px;
    padding: 18px 15px;
  }
  .offerings-index a p,
  .offerings-index a > b {
    display: none;
  }
  .offerings-index h3 {
    margin-top: 18px;
    font-size: 20px;
  }
  .product-marker {
    margin-bottom: 24px;
  }
  .masterclass-thesis,
  .fieldlab-thesis {
    margin-top: 28px;
    padding: 22px 0;
  }
  .masterclass-thesis strong,
  .fieldlab-thesis strong {
    font-size: 22px;
  }
  .proof-grid {
    margin-top: 30px;
    gap: 12px;
  }
  .proof-card {
    min-height: 0;
    padding: 22px 18px;
  }
  .proof-card p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .pricing-grid {
    margin-top: 30px;
    gap: 0;
    border-top: 1px solid rgba(255,255,255,.18);
  }
  .pricing-grid article {
    min-height: 0;
    padding: 22px 0;
    border: 0;
    border-bottom: 1px solid rgba(255,255,255,.18);
    border-radius: 0;
    background: transparent;
  }
  .pricing-grid article > p {
    display: none;
  }
  .pricing-grid .price {
    margin-top: 18px;
  }
  .pricing-grid .price strong {
    font-size: 46px;
  }
  .pricing-note {
    margin-top: 24px;
  }
  .people-grid {
    margin-top: 28px;
  }
  .person-card.future:last-child {
    display: none;
  }
  .profile-photo {
    min-height: 330px;
  }
  .library-grid {
    margin-top: 28px;
    gap: 0;
    border-top: 1px solid rgba(255,255,255,.16);
  }
  .library-card,
  .library-card.featured {
    min-height: 0;
    padding: 22px 0;
    border: 0;
    border-bottom: 1px solid rgba(255,255,255,.16);
    border-radius: 0;
    background: transparent;
  }
  .library-card > p {
    display: none;
  }
  .library-card h3 {
    margin: 10px 0 16px;
    font-size: 23px;
  }
  .join-grid {
    margin-top: 28px;
    gap: 12px;
  }
  .join-grid article {
    min-height: 0;
    padding: 24px 20px;
  }
  footer {
    padding-top: 32px;
    padding-bottom: 28px;
  }
}

/* Phase 10 — Launch hardening */
html {
  scroll-behavior: smooth;
}
section[id],
main[id] {
  scroll-margin-top: 82px;
}
.skip-link {
  position: fixed;
  z-index: 9999;
  top: 12px;
  left: 12px;
  padding: 10px 14px;
  border-radius: 10px;
  background: #79e3e8;
  color: #060d0d;
  font-size: 13px;
  font-weight: 900;
  transform: translateY(-160%);
  transition: transform .18s ease;
}
.skip-link:focus {
  transform: translateY(0);
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible {
  outline: 2px solid #0d919d;
  outline-offset: 4px;
}
.philosophy-section a:focus-visible,
.fieldlab-section a:focus-visible,
.business-counsel-section a:focus-visible,
.pricing-section a:focus-visible,
.library-section a:focus-visible,
footer a:focus-visible,
footer button:focus-visible {
  outline-color: #79e3e8;
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* Signature Lecture: a quiet, source-grounded case within the existing section. */
.lecture-case { margin-top: 56px; padding-top: 36px; border-top: 1px solid rgba(255,255,255,.25); scroll-margin-top: 100px; }
.lecture-case-heading { display: flex; justify-content: space-between; gap: 28px; align-items: end; }
.lecture-case h3 { margin: 0; font-size: clamp(26px, 3vw, 38px); line-height: 1.35; letter-spacing: -.04em; }
.lecture-case-subtitle { margin: 12px 0 0; font-size: 18px; }
.lecture-case-source { flex-shrink: 0; font-size: 14px; opacity: .75; }
.lecture-case-story { display: grid; grid-template-columns: 1fr 2fr; gap: 32px; margin: 32px 0; }
.lecture-case-story h4 { margin: 0; font-size: 23px; line-height: 1.5; }
.lecture-case-story p { margin: 0; font-size: 16px; line-height: 1.85; }
.lecture-case-story .lecture-case-question { margin-top: 16px; color: var(--aqua-soft); }
.lecture-case-responses { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.lecture-case-responses figure { margin: 0; padding: 24px; background: rgba(255,255,255,.06); border-top: 2px solid var(--gold); }
.lecture-case-responses figcaption { font-size: 14px; color: var(--aqua-soft); margin-bottom: 16px; }
.lecture-case-responses blockquote { margin: 0; font-size: 18px; line-height: 1.75; word-break: keep-all; overflow-wrap: anywhere; }
.lecture-case-footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 22px; }
.lecture-case-footer p { font-size: 14px; opacity: .7; margin: 0; }
.lecture-case-footer a { font-size: 16px; text-decoration: underline; text-underline-offset: 5px; }
.lecture-case-link { font-size: 14px; color: #79e3e8; font-weight: 700; text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 4px; }
@media(max-width: 700px) {
 .lecture-case { margin-top: 32px; padding-top: 28px; }
 .lecture-case-heading, .lecture-case-footer { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
 .lecture-case-story { grid-template-columns: 1fr; gap: 16px; margin: 28px 0; }
 .lecture-case-story h4 br { display: none; }
 .lecture-case-responses { grid-template-columns: 1fr; }
 .lecture-case-responses figure { padding: 20px; }
 .lecture-case-responses figcaption { margin-bottom: 8px; }
}

.lecture-case-footer, .library-card.featured .library-meta { flex-wrap: wrap; }

.lecture-case-footer a { color: #79e3e8; font-weight: 700; text-decoration-thickness: 1.5px; }
.lecture-case-link:hover, .lecture-case-footer a:hover { color: #ffffff; }
.lecture-case-link:focus-visible, .lecture-case-footer a:focus-visible { color: #ffffff; outline: 2px solid #79e3e8; outline-offset: 5px; border-radius: 2px; }

/* Keep the two archive actions legible against the featured dark card. */
.library-card .library-meta a.lecture-case-link,
.library-card .library-meta a.lecture-case-link:visited { color: #ffffff; font-weight: 700; text-decoration-color: #79e3e8; }
.library-card .library-meta a.lecture-case-link:hover,
.library-card .library-meta a.lecture-case-link:focus-visible { color: #79e3e8; }

/* Four direct service entrances, within the established hero. */
.hero-service-motto { display: block; margin-top: 6px; font-size: 12px; line-height: 1.6; letter-spacing: .08em; color: var(--muted); }
.hero-offering-card > div { min-width: 0; }
.hero-offering-card strong { overflow-wrap: normal; word-break: normal; }
.hero-offering-card small { word-break: keep-all; overflow-wrap: anywhere; }
@media (max-width: 430px) {
 .hero-offering-card { gap: 8px; }
 .hero-offering-card strong { font-size: 15px; line-height: 1.35; }
 .hero-offering-card small { line-height: 1.6; }
}

.hero-offering-card strong, .hero-offering-card small { white-space: normal; overflow: visible; text-overflow: clip; }
.hero-offering-card small { font-size: 13px; line-height: 1.55; }
.hero-offerings-label { font-size: 12px; }

/* Customer-led opening: narrative, evidence, services, then working beliefs. */
.customer-opening, .working-belief, .working-method { padding: 80px 0; }
.customer-opening { background: var(--white); }
.customer-opening h2, .working-belief h2, .working-method h2 { margin: 18px 0 30px; font-size: clamp(28px,4vw,48px); line-height: 1.35; letter-spacing: -.045em; word-break: keep-all; }
.customer-opening h2 span { color: #087f8b; }
.customer-opening-copy { max-width: 800px; }
.customer-opening-copy p { margin: 14px 0; font-size: clamp(16px,1.7vw,20px); line-height: 1.9; color: var(--muted); word-break: keep-all; }
.customer-opening-copy strong { color: var(--navy); font-weight: 650; }
.customer-opening-close { margin: 32px 0 0; font-size: 18px; color: var(--navy); }
.opening-case .lecture-case { margin-top: 0; padding-top: 0; border: 0; }
.signature-case-return { margin: 28px 0 0; }
.signature-case-return a { color: #79e3e8; text-decoration: underline; text-underline-offset: 5px; }
.working-belief { background: #071015; color: #f6f1e8; }
.working-belief .kicker { color: #79e3e8; }
.working-belief > .wrap > p:not(.kicker) { max-width: 760px; font-size: 18px; line-height: 1.9; color: #d0dadd; word-break: keep-all; }
.working-belief .working-belief-close { margin-top: 28px; }
.working-method { background: var(--ivory); }
.working-method-list { list-style: none; padding: 0; margin: 0; max-width: 880px; }
.working-method-list li { display: grid; grid-template-columns: 230px 1fr; gap: 24px; padding: 24px 0; border-top: 1px solid var(--line); }
.working-method-list h3 { margin: 0; font-size: 20px; }
.working-method-list p { margin: 0; font-size: 16px; line-height: 1.8; color: var(--muted); word-break: keep-all; }
.working-method-contact { display: inline-block; margin-top: 24px; font-weight: 700; color: #076875; text-decoration: underline; text-underline-offset: 5px; }
@media(max-width: 700px) {
 .customer-opening, .working-belief, .working-method { padding: 48px 0; }
 .customer-opening h2, .working-belief h2, .working-method h2 { font-size: 28px; }
 .customer-opening h2 br { display: none; }
 .working-method-list li { grid-template-columns: 1fr; gap: 8px; padding: 20px 0; }
 .working-belief > .wrap > p:not(.kicker) { font-size: 16px; }
 .working-belief p br { display: none; }
}
/* Editorial hierarchy: one entrance, service rows, work, optional detail. */
.hero .hero-lead-short { font-size: clamp(15px,1.8vw,20px); line-height: 1.7; margin: 24px 0; }
.editorial-cta { display: inline-flex; align-items: center; gap: 28px; padding: 14px 20px; background: var(--navy); color: #fff; border-radius: 6px; font-size: 16px; font-weight: 700; }
.editorial-cta:hover { background: #076875; }
.editorial-services { padding: 64px 0; background: var(--white); }
.editorial-services h2 { font-size: clamp(28px,4vw,44px); line-height: 1.3; margin: 16px 0 32px; }
.service-lines { display: grid; grid-template-columns: 1fr 1fr; -moz-column-gap: 48px; column-gap: 48px; }
.service-lines > a { display: grid; grid-template-columns: 26px 1fr 20px; gap: 16px; padding: 25px 0; border-top: 1px solid #c5d3d8; align-items: center; }
.service-lines > a > span { color: #087785; font-size: 13px; }
.service-lines h3 { font-size: 23px; line-height: 1.3; margin: 0 0 7px; }
.service-lines p { margin: 0; font-size: 16px; color: #52636e; }
.service-lines > a:hover h3 { color: #087785; }
.editorial-lecture { padding: 72px 0; background: #edf3f3; }
.editorial-lecture > .wrap { display: grid; grid-template-columns: 1.2fr 1fr; align-items: center; gap: 48px; scroll-margin-top: 90px; }
.lecture-visual img { display: block; width: 100%; height: auto; }
.lecture-editorial-copy h2 { font-size: clamp(26px,3vw,38px); line-height: 1.35; margin: 14px 0; word-break: keep-all; }
.lecture-editorial-copy > p { font-size: 16px; line-height: 1.8; }
.lecture-editorial-copy blockquote { margin: 24px 0 8px; font-size: 21px; line-height: 1.6; color: var(--navy); }
.lecture-editorial-copy .quote-source { font-size: 13px; color: #52636e; margin: 0 0 24px; }
.lecture-more { margin-top: 24px; font-size: 16px; }
summary { cursor: pointer; }
.lecture-more summary { color: #175a64; padding: 8px 0; }
.product-disclosure { margin-top: 24px; }
.product-disclosure > summary { padding: 14px 0; font-size: 16px; font-weight: 650; }
.product-disclosure[open] > summary { margin-bottom: 20px; }
.product-disclosure .mobile-detail-toggle { display: none; }
.product-disclosure[open] .fieldlab-flow, .product-disclosure[open] .masterclass-flow, .product-disclosure[open] .business-counsel-grid { display: grid; }
.proof-section { padding: 24px 0; }
.editorial-belief { padding-top: 40px; padding-bottom: 40px; }
.editorial-belief p { font-size: 20px; margin: 0 0 12px; }
.editorial-belief small { color: #52636e; font-size: 12px; letter-spacing: .08em; }
.direct-contact a { display: inline-block; color: var(--navy); font-size: 18px; margin: 20px 0; text-decoration: underline; text-underline-offset: 6px; }
@media(max-width:700px) {
 .editorial-services, .editorial-lecture { padding: 40px 0; }
 .service-lines, .editorial-lecture > .wrap { grid-template-columns: 1fr; gap: 0; }
 .service-lines > a { padding: 19px 0; gap: 10px; }
 .service-lines h3 { font-size: 20px; }
 .service-lines p { font-size: 15px; }
 .lecture-editorial-copy { padding-top: 28px; }
 .hero .hero-lead-short { font-size: 15px; }
 .hero-bridge { display: none; }
 .hero { min-height: auto; }
 .editorial-belief p { font-size: 17px; }
}

.product-disclosure[open] .business-counsel-grid{display:grid}

/* Compact engagements and customer-facing talk topics. */
.between-belief{padding:56px 0;background:#edf3f3}.between-belief h2{font-size:clamp(28px,3.5vw,42px);line-height:1.35;margin:14px 0 22px}.between-belief .wrap>p:last-child{font-size:17px;line-height:1.9;color:#52636e}
#pricing .engagement-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid #435057;border-left:1px solid #435057;margin-top:28px}
.engagement-cards article{padding:26px 28px;border-right:1px solid #435057;border-bottom:1px solid #435057;min-width:0;background:transparent}
.engagement-cards small{font-size:12px;letter-spacing:.08em;color:#83dfe3}.engagement-cards h3{font-size:28px;line-height:1.3;margin:12px 0 10px;color:#f5efe4}.engagement-cards p{display:block;font-size:16px;line-height:1.65;color:#c2cbce;margin:0 0 18px}.engagement-fee{font-size:19px;line-height:1.5;font-weight:500;color:#d3dadd}
.insight-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));-moz-column-gap:40px;column-gap:40px;margin-top:30px}.insight-cards article{padding:26px 0;border-top:1px solid #536678;min-width:0}.insight-cards small{font-size:13px;letter-spacing:.04em;color:#83e0e6}.insight-cards h3{font-size:25px;line-height:1.4;margin:12px 0 16px;color:#fff}.insight-cards p{font-size:16px;line-height:1.75;color:#ced8e0;margin:6px 0}.insight-cards .insight-between{color:#9ee0e3;font-size:14px}.insight-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:20px}.insight-links a{color:#fff;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:5px}.insight-links a:hover{color:#83e0e6}.insight-status{display:block;margin-top:20px;color:#a9bac7;font-size:13px}
@media(max-width:700px){.between-belief{padding:36px 0}.between-belief .wrap>p:last-child{font-size:16px}#pricing .engagement-cards{grid-template-columns:1fr}.engagement-cards article{padding:20px}.engagement-cards h3{font-size:25px;margin:10px 0 8px}.engagement-cards p{font-size:15px;margin-bottom:12px}.engagement-fee{font-size:17px}.insight-cards{grid-template-columns:1fr}.insight-cards h3{font-size:23px}.insight-cards article{padding:24px 0}}

.field-example{margin:30px 0;padding:28px 0;border-top:1px solid #476069}.field-example h3{font-size:clamp(24px,3vw,34px);line-height:1.4;margin:12px 0}.field-example>p:not(.kicker){max-width:660px;font-size:16px;line-height:1.8;color:#c6d4d6}.field-example ol{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;list-style:none;padding:0;margin:28px 0}.field-example li b{display:block;color:#83dfe3;margin-bottom:10px;font-size:17px}.field-example li span{font-size:15px;line-height:1.8;color:#c6d4d6}.field-contact,.talk-inquiry{display:inline-block;color:#9ce7eb;text-decoration:underline;text-underline-offset:5px;font-size:15px;margin-top:16px}.record-label{font-size:16px!important;color:#9ce7eb!important;margin:18px 0!important}.engagement-cards .engagement-scope{font-size:13px;margin:8px 0 0;color:#aebfc5;line-height:1.6}.people-grid{grid-template-columns:1fr}.people-grid .primary{max-width:850px}.diagnosis-open{display:block;background:none;border:0;color:#52636e;text-decoration:underline;text-underline-offset:5px;margin-top:24px;padding:10px 0;font-size:14px;cursor:pointer}.project-form{scroll-margin-top:100px}.project-fields select{width:100%;padding:13px;border:1px solid #aebfc5;border-radius:4px;font:inherit;background:#fff;color:#172b38}.project-interest{grid-column:1/-1}.project-form[hidden]{display:none}
@media(max-width:700px){.field-example{padding:20px 0}.field-example ol{grid-template-columns:1fr;gap:18px}.field-example li b{margin-bottom:4px}}

/* Standalone inquiry form, independent of the optional diagnosis. */
.project-form{margin:28px 0;text-align:left}
.project-form-head{display:block}
.contact .project-form-head p{margin-top:12px;color:#c6d4df}
.project-fields label{display:block;font-size:14px;color:#e4ebef}
.project-form input[type="text"],.project-form textarea,.project-form select{display:block;width:100%;box-sizing:border-box;margin-top:8px;padding:13px 14px;border:1px solid #718796;border-radius:8px;background:#fff;color:#102a43;font:inherit}
.project-form textarea::-moz-placeholder{color:#647580}
.project-form textarea::placeholder{color:#647580}
.project-form :is(input,textarea,select):focus{outline:2px solid #79e3e8;outline-offset:2px}
.contact .project-privacy{color:#bdcbd5;font-size:12px}

/* Keep engagement pricing subordinate to the service. */
#pricing .engagement-fee{font-size:14px;line-height:1.6;font-weight:400;color:#b9c6cb}

/* Compact engagements: meaning first, scope on demand. */
#pricing .engagement-cards article{padding:20px 24px}
#pricing .engagement-cards h3{margin:8px 0}
#pricing .engagement-cards p{margin:0 0 10px;line-height:1.5}
#pricing .engagement-cards p span{display:block;font-size:13px;color:#9edcde;margin-bottom:4px}
.engagement-details{margin-top:20px;color:#b9c6cb;font-size:14px;line-height:1.7;max-width:800px}
.engagement-details summary{cursor:pointer;color:#d7e3e6;padding:8px 0}
.engagement-details p{margin:12px 0}
.engagement-inquiry{display:inline-block;margin-top:16px;color:#9ce7eb;text-decoration:underline;text-underline-offset:5px;font-size:14px}
.people-purpose{font-size:.85em;color:#53646b}
.counsel-between{font-size:16px;line-height:1.7}
@media(max-width:700px){#pricing .engagement-cards article{padding:16px 20px}}

/* Daily editorial and owner publishing */
.thinking-section{padding:80px 0;background:#edf4f4;scroll-margin-top:100px}
.thinking-section h2{font-size:clamp(30px,4vw,48px);line-height:1.2;margin:12px 0 18px}
#thinking-posts{display:grid;gap:24px;margin-top:32px}
.thinking-card{display:grid;grid-template-columns:minmax(160px,32%) 1fr;gap:40px;align-items:center;padding:28px 0;border-top:1px solid #b7cdcf}
.thinking-card>img{width:100%;height:300px;-o-object-fit:contain;object-fit:contain;background:#e1e6e5}
.thinking-card h3{font-size:clamp(24px,3vw,36px);line-height:1.35;margin:12px 0;color:var(--navy);word-break:keep-all}
.thinking-card small{font-size:14px;color:#556a71}.thinking-card p{font-size:17px;max-width:560px}
.thinking-card button,#thinking-more,.thinking-editor button{font:inherit;cursor:pointer;border:1px solid #8da9ae;background:transparent;padding:10px 18px;border-radius:6px;color:#173b4b;min-height:44px}
.thinking-card button{margin-top:12px;font-weight:700}.thinking-manage-link{display:block;width:-moz-fit-content;width:fit-content;margin-top:26px;color:#46616a;font-size:14px;text-decoration:underline;text-underline-offset:4px}
.thinking-dialog{width:min(820px,calc(100% - 24px));max-height:90dvh;border:0;padding:24px 40px 44px;background:#fdfcf9;color:#1c2b35;border-radius:8px;overscroll-behavior:contain}
.thinking-dialog::backdrop{background:#051a25b8}.thinking-close{position:sticky;top:0;display:block;margin-left:auto;background:#102a43;color:white;border:0;padding:12px 20px;font:inherit;border-radius:5px;cursor:pointer;z-index:1}.thinking-dialog h2{font-size:clamp(25px,4vw,38px);line-height:1.4;margin:24px 0}.thinking-dialog article>img{display:block;max-width:100%;height:auto;margin:28px auto}.thinking-paragraph{white-space:pre-wrap;overflow-wrap:anywhere;font-size:17px;line-height:1.9;margin:24px 0}
.thinking-admin{background:#f7f5ef}.thinking-admin-head{display:flex;justify-content:space-between;padding:20px;max-width:900px;margin:auto}.thinking-editor{max-width:800px;margin:24px auto 80px;padding:0 24px}.thinking-editor h1{font-size:clamp(28px,5vw,44px);line-height:1.2}.thinking-editor label{display:grid;gap:8px;margin:22px 0;font-weight:600}.thinking-editor input,.thinking-editor textarea{width:100%;font:inherit;font-size:16px;padding:12px;border:1px solid #a8b8ba;border-radius:5px;background:white;color:#1c2b35}.thinking-editor small{font-size:14px;font-weight:400}.thinking-editor textarea{resize:vertical;line-height:1.8}.thinking-actions{display:flex;gap:10px;flex-wrap:wrap}.thinking-editor .thinking-primary{background:#102a43;color:white}.thinking-editor button:disabled{opacity:.5;cursor:wait}#image-preview{max-width:100%;max-height:300px;-o-object-fit:contain;object-fit:contain}#post-list{margin:24px 0;border-block:1px solid #b7cdcf;padding:16px 0}#post-list summary{cursor:pointer}#saved-posts button{display:block;width:100%;text-align:left;margin:8px 0}#save-status{color:#175369;white-space:pre-wrap}#post-state{color:#53656c;font-size:14px}[hidden]{display:none!important}
@media(max-width:600px){.thinking-section{padding:52px 0}.thinking-card{grid-template-columns:1fr;gap:18px}.thinking-card>img{height:240px}.thinking-dialog{padding:16px 22px 32px}.thinking-editor{padding:0 20px}.thinking-actions button{flex:1}.thinking-card p{font-size:16px}}