:root {
  --ink: #090909;
  --ink-2: #121212;
  --ink-3: #1d1d1d;
  --orange: #ff5b21;
  --orange-hot: #ff6a26;
  --cream: #f0ede6;
  --white: #f7f5f0;
  --muted: #a8a8a5;
  --line: rgba(255,255,255,.18);
  --display: 'Barlow Condensed', Impact, 'Arial Narrow', sans-serif;
  --body: 'Noto Sans KR', 'DM Sans', sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 86px; }
body { margin: 0; background: var(--ink); color: var(--white); font-family: var(--body); -webkit-font-smoothing: antialiased; overflow-x: hidden; }
button, a, input { font: inherit; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
::selection { background: var(--orange); color: #090909; }
:focus-visible { outline: 3px solid #ff9c76; outline-offset: 4px; }
.shell { width: min(100% - 88px, 1376px); margin-inline: auto; }
.skip-link { position: absolute; top: -60px; left: 20px; z-index: 2000; padding: 10px 16px; color: #000; background: #fff; }
.skip-link:focus { top: 12px; }
.topline { height: 4px; background: var(--orange); position: relative; z-index: 101; }

/* Navigation */
.site-header { position: sticky; top: 0; z-index: 100; background: rgba(9,9,9,.93); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); border-bottom: 1px solid rgba(255,255,255,.10); transition: background .3s ease; }
.nav-wrap { height: 86px; display: flex; align-items: center; gap: 36px; }
.brand-mark { display: inline-flex; flex-direction: column; flex-shrink: 0; transform: skewX(-7deg); }
.brand-name { font: 900 27px/.88 var(--display); letter-spacing: -.45px; white-space: nowrap; }
.brand-name span { margin-left: 2px; }
.brand-name b { font: 900 31px/.8 var(--display); letter-spacing: -5px; color: var(--orange); margin-left: 7px; padding-right: 6px; }
.brand-sub { margin-top: 7px; font: 700 7px/1 'DM Sans',sans-serif; letter-spacing: 3.8px; white-space: nowrap; }
.brand-sub i { color: var(--orange); font-style: normal; }
.desktop-nav { display: flex; align-items: center; justify-content: center; gap: clamp(17px,2.3vw,34px); flex: 1; }
.desktop-nav a { font-size: 13px; font-weight: 700; letter-spacing: -.3px; color: #c9c9c9; transition: color .2s; white-space: nowrap; }
.desktop-nav a:hover, .desktop-nav a.active { color: var(--orange); }
.nav-cta { display: flex; align-items: center; justify-content: space-between; gap: 30px; min-width: 136px; padding: 12px 14px 12px 17px; font-size: 13px; font-weight: 800; background: var(--orange); color: #080808; border: 1px solid var(--orange); transform: skewX(-7deg); transition: background .2s, color .2s; }
.nav-cta span { transform: skewX(7deg); }
.nav-cta span:last-child { font-size: 19px; line-height: 1; }
.nav-cta:hover { color: #fff; background: transparent; }
.menu-toggle { display: none; margin-left: auto; width: 44px; height: 44px; padding: 10px; border: 1px solid var(--line); background: transparent; }
.menu-toggle span { display: block; height: 2px; background: #fff; margin: 5px 0; transition: transform .25s, opacity .25s; }
.menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(7px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-7px) rotate(-45deg); }
.mobile-nav { position: absolute; top: 100%; left: 0; right: 0; max-height: calc(100svh - 76px); overflow-y: auto; overscroll-behavior: contain; background: #111; border-top: 1px solid var(--line); padding: 20px 6vw 30px; box-shadow: 0 15px 40px rgba(0,0,0,.4); }
.mobile-nav[hidden] { display: none; }
.mobile-nav a { display: flex; justify-content: space-between; padding: 15px 0; font-size: 20px; font-weight: 800; border-bottom: 1px solid var(--line); }
.mobile-nav a span { font: 800 14px var(--display); color: var(--orange); }
.mobile-nav .mobile-contact { display: block; margin-top: 18px; padding: 16px; background: var(--orange); color: #080808; text-align: center; font-size: 16px; border: 0; }

/* Hero */
.hero { min-height: min(820px,calc(100svh - 90px)); min-height: max(700px,calc(100svh - 90px)); position: relative; display: flex; align-items: stretch; overflow: hidden; isolation: isolate; }
.hero-image { position: absolute; z-index: -3; inset: 0 0 0 30%; background: url('assets/why-punch.jpg') no-repeat 69% 43% / auto 146%; filter: contrast(1.12) saturate(.92); }
.hero::before { content: ''; position: absolute; z-index: -2; inset: 0; background: linear-gradient(90deg,#090909 0%,#090909 23%,rgba(9,9,9,.95) 38%,rgba(9,9,9,.46) 64%,rgba(9,9,9,.08) 100%),linear-gradient(0deg,#090909 1%,rgba(9,9,9,.1) 32%,rgba(9,9,9,.16) 79%,rgba(9,9,9,.4) 100%); }
.hero::after { content: ''; position: absolute; right: -9%; top: -25%; width: 42%; height: 160%; z-index: -1; transform: rotate(25deg); background: linear-gradient(90deg, transparent,rgba(255,91,33,.09),transparent); pointer-events: none; }
.hero-grid { position: absolute; inset: 0; z-index: -1; opacity: .2; background-image: linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px); background-size: 25% 100%; mask-image: linear-gradient(90deg,transparent 10%,#000 70%); }
.hero-inner { position: relative; display: flex; flex-direction: column; justify-content: center; padding-top: 62px; padding-bottom: 105px; }
.hero-copy { width: min(100%, 850px); position: relative; z-index: 2; }
.eyebrow { display: flex; align-items: center; gap: 10px; font: 700 11px/1.4 'DM Sans',sans-serif; letter-spacing: 2.2px; }
.eyebrow.light { color: #ddd; }
.orange-dot { width: 8px; height: 8px; display: inline-block; background: var(--orange); box-shadow: 0 0 15px var(--orange); }
.eyebrow-rule { width: 34px; height: 1px; background: var(--orange); margin: 0 6px; }
.hero-lead { font-size: clamp(20px,2.1vw,31px); font-weight: 500; line-height: 1.46; margin: 35px 0 17px; letter-spacing: -1.3px; }
.hero-lead strong { color: var(--orange); font-weight: 900; }
.hero-title { font: italic 900 clamp(100px, 11.4vw, 186px)/.75 var(--display); letter-spacing: -4px; margin: 0 0 35px -5px; text-shadow: 0 6px 35px rgba(0,0,0,.35); }
.hero-title > span { display: block; white-space: nowrap; }
.hero-title > span + span { margin-top: 9px; }
.hero-title em { color: var(--orange); font-style: inherit; }
.hero-description { font-size: 15px; line-height: 1.9; color: #ddd; font-weight: 500; margin: 0 0 30px; letter-spacing: -.4px; }
.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.button { display: inline-flex; align-items: center; justify-content: space-between; gap: 34px; min-width: 202px; padding: 17px 20px; border: 1px solid; font-size: 14px; font-weight: 800; transition: background .25s,color .25s,transform .25s; }
.button:hover { transform: translateY(-3px); }
.button span { font: 800 20px/1 'DM Sans',sans-serif; }
.button-orange { background: var(--orange); border-color: var(--orange); color: #0a0a0a; }
.button-orange:hover { background: #fff; border-color: #fff; }
.button-outline { background: rgba(0,0,0,.26); border-color: rgba(255,255,255,.53); color: #fff; }
.button-outline:hover { background: #fff; color: #0b0b0b; }
.hero-side { position: absolute; top: 50%; right: -12px; writing-mode: vertical-rl; transform: translateY(-50%); color: rgba(255,255,255,.6); font: 800 11px 'DM Sans',sans-serif; letter-spacing: 4px; }
.hero-bottom { position: absolute; bottom: 28px; left: 0; right: 0; display: flex; justify-content: space-between; align-items: center; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.25); font: 700 10px 'DM Sans',sans-serif; letter-spacing: 2.8px; }
.hero-scroll { display: inline-flex; align-items: center; gap: 13px; color: #ddd; }
.scroll-line { width: 60px; height: 1px; background: var(--orange); }
.hero-bottom-right { display: flex; align-items: center; gap: 35px; }
.hero-bottom-index { color: var(--orange); }


/* Main feature: 수병원 × PUNCH DAILY */
.hero-collab .hero-image { inset: 0 0 0 23%; background-position: 62% 43%; background-size: auto 147%; filter: saturate(.85) contrast(1.19); }
.hero-collab::before { background: linear-gradient(90deg,#090909 0%,rgba(9,9,9,.96) 30%,rgba(9,9,9,.70) 56%,rgba(9,9,9,.10) 100%),linear-gradient(0deg,#080808 0%,transparent 53%); }
.hero-copy-collab { width: min(100%,1100px); }
.hero-join-kicker { margin: 32px 0 15px; color: #f1f1f1; font-size: clamp(17px,1.9vw,26px); font-weight: 800; letter-spacing: -1px; }
.hero-venture-title { margin: 0 0 25px -5px; color: #fff; font: italic 900 clamp(66px,9.4vw,146px)/.92 var(--display); letter-spacing: -.026em; white-space: nowrap; text-shadow: 0 9px 35px rgba(0,0,0,.38); }
.hero-venture-title span { color: #fff; }
.hero-venture-title em { color: var(--orange); font-style: inherit; }
.hero-venture-subline { display: flex; align-items: center; flex-wrap: wrap; width: fit-content; max-width: 100%; gap: 9px 17px; padding: 17px 0 0; border-top: 2px solid var(--orange); }
.hero-venture-hospital { font: 900 clamp(25px,3.3vw,43px)/1.1 var(--body); letter-spacing: -.07em; white-space: nowrap; }
.hero-venture-cross { color: var(--orange); font: italic 900 clamp(33px,3.7vw,51px)/.8 var(--display); }
.hero-venture-punch { font: italic 900 clamp(33px,3.8vw,51px)/.9 var(--display); letter-spacing: -.01em; white-space: nowrap; }
.hero-venture-punch em { color: var(--orange); font-style: inherit; }
.hero-venture-badge { color: #fff; border: 1px solid rgba(255,91,33,.9); background: rgba(255,91,33,.19); padding: 9px 13px; font-size: clamp(13px,1.3vw,17px); font-weight: 900; letter-spacing: -.04em; white-space: nowrap; }
.hero-join-claim { margin: 23px 0 13px; font-size: clamp(20px,2.2vw,31px); font-weight: 900; letter-spacing: -1.3px; }
.hero-join-claim strong { color: var(--orange); }
.hero-collab .hero-description { max-width: 660px; margin-bottom: 24px; }
.hero-partner-stamps { display: flex; align-items: center; flex-wrap: wrap; gap: 13px; margin-top: 33px; color: rgba(255,255,255,.70); font: 800 10px/1.4 "DM Sans",sans-serif; letter-spacing: 1px; }
.hero-partner-stamps span { padding: 10px 12px; border: 1px solid rgba(255,255,255,.37); background: rgba(0,0,0,.36); }
.hero-partner-stamps i { color: var(--orange); font: italic 900 22px var(--display); }

/* Moving brand strap */
.ticker { overflow: hidden; background: var(--orange); color: #080808; border-block: 1px solid #fc632b; }
.ticker-track { display: flex; width: max-content; align-items: center; gap: 29px; padding: 13px 0 11px; animation: marquee 32s linear infinite; }
.ticker-track span { font: italic 900 30px/.9 var(--display); letter-spacing: .5px; }
.ticker-track b { font-size: 20px; }
@keyframes marquee { to { transform: translateX(-50%); } }


/* Collaboration spotlight */
.alliance-section { background: #f0ebe2; color: #101010; }
.alliance-shell { padding-block: 72px 82px; }
.alliance-topline,.alliance-footline { display: flex; justify-content: space-between; gap: 20px; font: 800 10px/1.4 "DM Sans",sans-serif; letter-spacing: 1.5px; }
.alliance-topline { margin-bottom: 23px; color: #4d4a46; }
.alliance-topline b { color: #ff5b21; font-size: 18px; vertical-align: middle; margin-right: 7px; }
.alliance-grid { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr); min-height: 560px; }
.alliance-visual { position: relative; display: flex; flex-direction: column; justify-content: space-between; min-width: 0; overflow: hidden; padding: clamp(32px,4.5vw,70px); background: radial-gradient(circle at 98% 30%,rgba(255,91,33,.23),transparent 45%),#0c0c0c; color: #fff; isolation: isolate; }
.alliance-visual::before { content: ''; position: absolute; z-index: -1; top: -18%; right: -33%; width: 80%; aspect-ratio: 1; border: 1px solid rgba(255,91,33,.23); border-radius: 50%; box-shadow: 0 0 0 88px rgba(255,91,33,.025),0 0 0 178px rgba(255,91,33,.025); }
.alliance-visual-label { color: #aaa; font: 800 11px "DM Sans",sans-serif; letter-spacing: 2px; }
.alliance-lockup { display: grid; align-content: center; gap: 6px; }
.alliance-hospital span,.alliance-punch span { display: block; margin-bottom: 6px; color: #aaa; font: 800 11px "DM Sans",sans-serif; letter-spacing: 1.2px; }
.alliance-hospital strong { display: block; font: 900 clamp(55px,6.4vw,100px)/1.15 var(--body); letter-spacing: -.075em; }
.alliance-symbol { color: var(--orange); font: italic 900 clamp(70px,8vw,124px)/.85 var(--display); margin-left: 10px; }
.alliance-punch strong { display: block; font: italic 900 clamp(79px,8.6vw,133px)/.77 var(--display); letter-spacing: -2px; }
.alliance-punch strong em { font-style: inherit; color: var(--orange); }
.alliance-visual-footer { display: flex; gap: 14px; align-items: center; color: #bcbcbc; font: 800 11px "DM Sans",sans-serif; letter-spacing: 2.3px; }
.alliance-visual-footer span:nth-child(2) { color: var(--orange); font-size: 25px; }
.alliance-story { display: flex; flex-direction: column; justify-content: center; padding: clamp(32px,5vw,79px); background: #fff; }
.alliance-story-kicker { margin: 0 0 24px; color: #e14b16; font-size: 13px; font-weight: 900; letter-spacing: -.3px; }
.alliance-story h2 { margin: 0; font: 900 clamp(45px,5vw,82px)/1.19 var(--body); letter-spacing: -.075em; word-break: keep-all; }
.alliance-story h2 em { color: #f15b22; font-style: normal; }
.alliance-story-copy { margin: 25px 0; color: #5e5a55; font-size: 14px; line-height: 1.95; word-break: keep-all; }
.alliance-pillars { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; font-size: 13px; font-weight: 900; }
.alliance-pillars span { padding: 9px 11px; background: #f1eee9; }
.alliance-pillars b { color: #ee5620; font-size: 22px; }
.alliance-story-cta { display: flex; justify-content: space-between; align-items: center; margin-top: 38px; padding: 18px 0 14px; border-bottom: 2px solid #101010; font-size: 14px; font-weight: 900; }
.alliance-story-cta:hover { color: #ed5723; border-bottom-color: #ed5723; }
.alliance-story-cta span { font-size: 22px; }
.alliance-footline { padding-top: 24px; color: #69655f; }

/* Generic sections */
.section { padding: 118px 0 124px; }
.section-top { display: flex; align-items: center; gap: 22px; margin-bottom: 64px; }
.section-label { white-space: nowrap; font: 800 12px 'DM Sans',sans-serif; letter-spacing: 1.9px; }
.section-label span { color: var(--orange); font-size: 15px; }
.section-line { flex: 1; min-width: 10px; height: 1px; background: rgba(255,255,255,.27); }
.microcopy { color: #8f8f8f; font: 700 10px 'DM Sans',sans-serif; letter-spacing: 1.7px; text-align: right; }
.display-title { font: italic 900 clamp(85px,9.2vw,148px)/.78 var(--display); letter-spacing: -1.9px; margin: 0; }
.display-title em { color: var(--orange); font-style: inherit; }
.orange-kicker { color: var(--orange); font: 800 12px 'DM Sans',sans-serif; letter-spacing: 2.2px; margin: 0 0 22px; }
.has-js .reveal { opacity: 0; transform: translateY(28px); transition: opacity .65s ease, transform .65s cubic-bezier(.18,.6,.17,1); }
.has-js .reveal.in-view { opacity: 1; transform: translateY(0); }

/* Brand identity */
.identity-section { background: radial-gradient(ellipse at 87% 4%,rgba(255,91,33,.105),transparent 44%),#0b0b0b; }
.identity-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 55px; margin-bottom: 50px; }
.identity-heading .display-title { font-size: clamp(88px,9.8vw,157px); }
.identity-intro { width: 365px; max-width: 35%; padding-bottom: 8px; }
.identity-intro h3 { font-size: clamp(22px,2.4vw,31px); line-height: 1.48; letter-spacing: -1.3px; margin: 0 0 17px; font-weight: 800; }
.identity-intro h3 strong { color: var(--orange); font-weight: 900; }
.identity-intro p { color: #aaa; font-size: 14px; line-height: 1.9; margin: 0; word-break: keep-all; }
.identity-chips { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 28px; }
.identity-chips span { font: italic 800 20px/1 var(--display); letter-spacing: .4px; padding: 9px 12px; border: 1px solid #565656; color: #efefef; }
.identity-visuals { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; }
.identity-visual { appearance: none; position: relative; padding: 0; border: 1px solid rgba(255,255,255,.15); background: #202020; aspect-ratio: 16/9; overflow: hidden; text-align: left; }
.identity-visual::after { content: ''; position: absolute; inset: 56% 0 0; background: linear-gradient(0deg,rgba(0,0,0,.88),transparent); pointer-events: none; }
.identity-visual img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease,filter .6s ease; }
.identity-visual:hover img { transform: scale(1.045); filter: brightness(1.09); }
.identity-visual-caption { position: absolute; z-index: 1; left: 21px; right: 20px; bottom: 17px; display: flex; justify-content: space-between; align-items: center; gap: 10px; color: #fff; }
.identity-visual-caption b { font: italic 800 22px var(--display); letter-spacing: 1px; }
.identity-visual-caption i { color: var(--orange); font-style: normal; font-size: 26px; }
.identity-footnote { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding-top: 20px; color: #969696; font-size: 11px; font-weight: 700; letter-spacing: 1px; }
.identity-footnote span:last-child { color: var(--orange); font-size: 13px; letter-spacing: -.2px; }

/* Programs */
.programs-section { background: #101010; }
.programs-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 54px; margin-bottom: 57px; }
.intro-side { width: 348px; max-width: 38%; padding-bottom: 7px; }
.orange-stroke { display: block; height: 4px; width: 38px; background: var(--orange); margin-bottom: 24px; transform: skewX(-18deg); }
.intro-side h3 { margin: 0 0 13px; font-size: 21px; font-weight: 900; letter-spacing: -.9px; }
.intro-side p { margin: 0; color: #aaa; font-size: 14px; line-height: 1.9; word-break: keep-all; }
.program-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.program-card { position: relative; height: 500px; min-width: 0; overflow: hidden; background: #242424; isolation: isolate; }
.program-photo { position: absolute; inset: 0; z-index: -2; background-repeat: no-repeat; filter: saturate(.72) contrast(1.12); transition: transform .7s cubic-bezier(.2,.7,.3,1),filter .7s; }
.program-card:hover .program-photo { transform: scale(1.06); filter: saturate(1.08) contrast(1.08); }
.program-boxing .program-photo { background-image: url('assets/why-punch.jpg'); background-size: auto 185%; background-position: 70% 32%; }
.program-hyrox .program-photo { background-image: url('assets/vision.jpg'); background-size: auto 195%; background-position: 65% 78%; }
.program-strength .program-photo { background-image: url('assets/store-case.jpg'); background-size: auto 180%; background-position: 91% 55%; }
.program-class .program-photo { background-image: url('assets/impact.jpg'); background-size: auto 195%; background-position: 71% 80%; }
.program-overlay { position: absolute; inset: 0; z-index: -1; background: linear-gradient(0deg,rgba(0,0,0,.95),rgba(0,0,0,.09) 70%),linear-gradient(90deg,rgba(0,0,0,.2),transparent); }
.program-card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: var(--orange); transform: scaleX(0); transform-origin: left; transition: transform .35s; }
.program-card:hover::before { transform: scaleX(1); }
.program-content { position: absolute; inset: auto 26px 28px; }
.program-count { display: inline-block; color: var(--orange); font: 800 11px 'DM Sans',sans-serif; letter-spacing: 2px; }
.program-content h3 { margin: 8px 0 10px; font: italic 900 clamp(44px,5.4vw,82px)/.9 var(--display); letter-spacing: -.8px; }
.program-content p { font-size: 12px; line-height: 1.75; color: #d2d2d2; padding-right: 32px; margin: 0; word-break: keep-all; }
.card-arrow { position: absolute; right: 0; bottom: 0; border: 1px solid rgba(255,255,255,.45); border-radius: 50%; width: 33px; height: 33px; display: grid; place-items: center; font-size: 19px; transition: color .2s,background .2s; }
.program-card:hover .card-arrow { color: #090909; background: var(--orange); border-color: var(--orange); }
.section-after-note { display: flex; justify-content: space-between; align-items: center; margin-top: 22px; gap: 20px; color: #8f8f8f; font-size: 12px; }
.section-after-note span:first-child { color: var(--orange); font: italic 800 20px var(--display); letter-spacing: 1px; }

/* Results */
.results-section { background: var(--cream); color: #111; }
.section-label.dark { color: #171717; }
.section-line.dark { background: rgba(0,0,0,.25); }
.microcopy.dark { color: #777; }
.results-heading { display: flex; gap: 60px; align-items: end; justify-content: space-between; margin-bottom: 48px; }
.big-korean { font-size: clamp(39px,5.1vw,74px); line-height: 1.25; letter-spacing: -4px; font-weight: 800; margin: 0; }
.big-korean strong { color: var(--orange); font-weight: 900; }
.results-heading > p { width: 300px; max-width: 33%; font-size: 14px; color: #5a5753; line-height: 1.9; margin: 0 0 7px; word-break: keep-all; }
.results-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.result-card { background: #fffefa; border: 1px solid #d8d4cc; padding: clamp(24px,3.2vw,47px); min-width: 0; position: relative; overflow: hidden; }
.result-card::after { content: ''; position: absolute; top: 0; right: 0; width: 54px; height: 54px; background: var(--orange); clip-path: polygon(100% 0,0 0,100% 100%); }
.result-card-top { display: flex; align-items: center; gap: 19px; margin-bottom: 57px; font-size: 22px; font-weight: 900; letter-spacing: -.8px; }
.case-tag { background: #111; color: #fff; padding: 7px 10px; font: 800 12px 'DM Sans',sans-serif; letter-spacing: .8px; }
.metric-label { display: block; color: #74716d; font-size: 13px; font-weight: 600; margin-bottom: 10px; }
.big-metric { color: var(--orange); font: 900 clamp(66px,8vw,124px)/.95 var(--display); white-space: nowrap; letter-spacing: -2px; }
.big-metric span { font: 900 clamp(26px,3vw,43px)/1 var(--body); letter-spacing: -2px; margin-left: 3px; }
.long-metric { font-size: clamp(54px,6.2vw,95px); }
.long-metric span { font-size: clamp(25px,2.4vw,37px); }
.metric-divider { width: 100%; height: 1px; background: #cbc8bf; margin: 30px 0 24px; }
.metric-foot { display: flex; justify-content: space-between; align-items: center; gap: 20px; font-size: 14px; color: #69645f; font-weight: 600; }
.metric-foot strong { font-size: clamp(17px,2.3vw,28px); font-weight: 900; color: #111; white-space: nowrap; }
.results-proof { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.04fr); margin-top: 18px; min-height: 360px; background: #131313; color: #fff; overflow: hidden; }
.proof-copy { padding: clamp(24px,3.1vw,45px); display: flex; flex-direction: column; justify-content: center; }
.proof-kicker { color: var(--orange); font: 800 11px 'DM Sans',sans-serif; letter-spacing: 2px; }
.proof-copy h3 { margin: 19px 0 25px; font-size: clamp(23px,2.5vw,35px); line-height: 1.4; letter-spacing: -1.5px; }
.proof-copy h3 em { font-style: normal; color: var(--orange); }
.proof-stats { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 19px; padding: 21px 0 19px; border-top: 1px solid #4a4a4a; border-bottom: 1px solid #4a4a4a; }
.proof-stats > div { min-width: 0; }
.proof-stats > div + div { border-left: 1px solid #474747; padding-left: 19px; }
.proof-stats span { display: block; color: #a9a9a9; font-size: 11px; margin-bottom: 10px; }
.proof-stats strong { display: block; font: 900 clamp(45px,5vw,75px)/1 var(--display); color: #fff; white-space: nowrap; }
.proof-stats small { font: 800 19px var(--body); margin-left: 2px; }
.proof-copy > p { color: #999; font-size: 11px; line-height: 1.85; margin: 23px 0 0; word-break: keep-all; }
.proof-snapshot { min-width: 0; display: flex; flex-direction: column; justify-content: center; margin: 0; padding: 28px; background: #e2ded6; }
.proof-snapshot figcaption { display: flex; justify-content: space-between; gap: 20px; margin-bottom: 13px; color: #444; font-size: 10px; font-weight: 800; }
.proof-snapshot figcaption span:first-child { color: #222; letter-spacing: .7px; }
.proof-snapshot img { display: block; width: 100%; height: auto; border: 1px solid #d0d0d0; background: #fff; box-shadow: 0 15px 30px rgba(0,0,0,.08); }
.results-note { margin-top: 22px; display: flex; align-items: flex-start; gap: 16px; border-top: 1px solid #cfcac1; padding-top: 20px; }
.asterisk { color: var(--orange); font-size: 22px; line-height: 1.3; }
.results-note p { max-width: 800px; font-size: 12px; line-height: 1.75; color: #77716a; margin: 0; flex: 1; }
.text-link { border: none; background: none; padding: 0 0 6px; border-bottom: 1px solid currentColor; font-weight: 800; font-size: 12px; white-space: nowrap; }
.text-link span { margin-left: 16px; }
.dark-link { color: #171717; }

/* Business model */
.model-section { position: relative; overflow: hidden; background: #0a0a0a; isolation: isolate; }
.model-image { position: absolute; z-index: -2; inset: 0 0 auto 0; height: 540px; background: url('assets/investment-model.jpg') no-repeat 83% 47%/cover; opacity: .42; filter: saturate(.9); }
.model-section::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg,rgba(9,9,9,.5),#090909 550px); }
.model-content { position: relative; }
.model-head { margin-bottom: 54px; }
.model-head .display-title { font-size: clamp(80px,8.5vw,140px); }
.model-head > p:last-child { font-size: 15px; line-height: 1.95; color: #d3d3d3; margin: 28px 0 0; }
.support-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); border: 1px solid var(--line); }
.support-item { position: relative; min-width: 0; padding: 23px 22px 28px; border-right: 1px solid var(--line); background: rgba(17,17,17,.8); min-height: 220px; }
.support-item:last-child { border-right: 0; }
.support-number { font: 800 12px 'DM Sans',sans-serif; color: #7f7f7f; }
.support-symbol { color: var(--orange); font: 400 43px/1 var(--display); height: 58px; margin: 22px 0 5px; }
.support-item h3 { margin: 0 0 10px; font-size: 17px; font-weight: 900; letter-spacing: -.8px; }
.support-item p { margin: 0; color: #9e9e9e; font-size: 12px; line-height: 1.8; word-break: keep-all; }
.investment-panel { display: grid; grid-template-columns: 1.1fr 1fr 1.15fr 1fr; background: #1b1b1b; margin-top: 26px; border: 1px solid #353535; }
.investment-intro { padding: 28px 30px; background: var(--orange); color: #0c0c0c; }
.small-outline { display: inline-block; font: 800 9px 'DM Sans',sans-serif; letter-spacing: 1.8px; border: 1px solid #181818; padding: 7px 9px; }
.investment-intro h3 { margin: 18px 0 11px; font-size: 25px; line-height: 1.3; letter-spacing: -1.3px; }
.investment-intro p { font-size: 11px; margin: 0; opacity: .8; }
.investment-stats { padding: 36px 27px 26px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid #373737; min-width: 0; }
.investment-stats:last-child { border-right: 0; }
.investment-stats > span { color: #ddd; font-size: 13px; font-weight: 700; }
.investment-stats strong { display: block; margin: 11px 0 12px; font: 900 clamp(34px,3.8vw,57px)/.97 var(--display); color: var(--orange); letter-spacing: -.7px; white-space: nowrap; }
.investment-stats strong small { font: 800 16px var(--body); }
.investment-stats > small { font-size: 11px; color: #8e8e8e; line-height: 1.4; }
.investment-disclaimer { color: #858585; font-size: 11px; line-height: 1.8; margin-top: 15px; }

/* Franchise */
.franchise-section { background: #141414; }
.franchise-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 55px; margin-bottom: 57px; }
.franchise-head .display-title { white-space: nowrap; }
.franchise-head > div { max-width: 390px; padding-bottom: 8px; }
.franchise-head h3 { font-size: 26px; font-weight: 900; letter-spacing: -1px; margin: 0 0 14px; }
.franchise-head > div > p:last-child { color: #aaa; font-size: 14px; line-height: 1.9; margin: 0; word-break: keep-all; }
.steps-list { list-style: none; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin: 0; padding: 0; border-top: 1px solid #565656; border-left: 1px solid #565656; }
.step { position: relative; display: flex; align-items: start; gap: 26px; min-height: 148px; padding: 32px 29px; border-bottom: 1px solid #565656; border-right: 1px solid #565656; transition: background .25s; }
.step:hover { background: #252525; }
.step-num { color: var(--orange); font: italic 900 48px/.9 var(--display); }
.step h3 { margin: 0 0 9px; font-size: 20px; font-weight: 900; }
.step p { margin: 0; font-size: 12px; line-height: 1.7; color: #929292; word-break: keep-all; }
.step-arrow { font-size: 19px; position: absolute; right: 20px; top: 20px; color: #818181; }
.franchise-callout { margin-top: 35px; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #555; padding-top: 24px; gap: 20px; }
.franchise-callout > span { font: italic 800 28px var(--display); letter-spacing: 1px; }
.franchise-callout a { display: flex; justify-content: space-between; gap: 35px; background: var(--orange); color: #080808; font-size: 14px; font-weight: 900; padding: 16px 20px; min-width: 235px; transition: background .2s; }
.franchise-callout a:hover { background: #fff; }

/* Vision */
.story-section { position: relative; min-height: 720px; display: flex; align-items: center; isolation: isolate; overflow: hidden; }
.story-image { position: absolute; z-index: -3; inset: 0; background: url('assets/vision.jpg') no-repeat 66% 35% / cover; filter: saturate(.88) contrast(1.09); }
.story-shade { position: absolute; z-index: -2; inset: 0; background: linear-gradient(90deg,rgba(0,0,0,.93),rgba(0,0,0,.72) 39%,rgba(0,0,0,.1) 80%),linear-gradient(0deg,rgba(0,0,0,.69),transparent 39%); }
.story-content { padding-block: 104px; }
.story-pretitle { color: #f0f0f0; font-size: 22px; font-weight: 700; margin: 47px 0 23px; letter-spacing: -1px; }
.story-content .display-title { font-size: clamp(90px,10.7vw,177px); }
.story-description { font-size: 16px; line-height: 1.95; color: #e1dedb; margin: 33px 0 52px; }
.story-principles { display: flex; flex-wrap: wrap; gap: 21px; }
.story-principles span { border-top: 2px solid var(--orange); padding: 12px 24px 0 0; font: 800 11px 'DM Sans',sans-serif; letter-spacing: 1.1px; }

/* Social impact */
.impact-section { background: #ece8e0; color: #111; }
.impact-section .section-line { background: rgba(0,0,0,.22); }
.impact-section .microcopy { color: #666; }
.impact-layout { display: grid; grid-template-columns: .96fr 1fr; align-items: center; gap: clamp(35px,5vw,75px); }
.impact-content .display-title { font-size: clamp(80px,8.7vw,133px); }
.impact-content h3 { font-size: clamp(22px,2.6vw,34px); letter-spacing: -1.3px; line-height: 1.45; margin: 40px 0 18px; }
.impact-lead { font-size: 14px; color: #66615b; line-height: 1.95; margin: 0 0 30px; max-width: 500px; word-break: keep-all; }
.impact-values { border-top: 1px solid #b7b0a6; }
.impact-values > div { display: grid; grid-template-columns: 120px 1fr; column-gap: 15px; padding: 18px 0; border-bottom: 1px solid #c8c1b7; }
.impact-values span { font: 800 10px 'DM Sans',sans-serif; color: var(--orange); letter-spacing: .8px; grid-row: span 2; padding-top: 5px; }
.impact-values strong { font-size: 16px; line-height: 1.4; font-weight: 900; }
.impact-values p { margin: 5px 0 0; color: #716a62; font-size: 12px; line-height: 1.65; }
.impact-visual { appearance: none; padding: 12px; border: 1px solid #39342d; background: #101010; text-align: left; width: 100%; box-shadow: 16px 18px 0 rgba(17,17,17,.085); }
.impact-visual img { width: 100%; height: auto; object-fit: contain; }
.impact-visual > span { display: flex; align-items: center; justify-content: space-between; color: #fff; padding: 17px 10px 5px; }
.impact-visual b { font: italic 800 24px var(--display); letter-spacing: .8px; }
.impact-visual i { font-size: 24px; font-style: normal; color: var(--orange); }
.impact-visual:hover img { filter: brightness(1.13); }
.impact-bottom-line { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; background: #aaa49a; margin-top: 70px; border: 1px solid #aaa49a; }
.impact-bottom-line span { background: #151515; color: #fff; padding: 19px 15px; text-align: center; font: italic 800 clamp(17px,2vw,27px) var(--display); letter-spacing: .4px; }
.impact-bottom-line span::before { content: '✳'; color: var(--orange); margin-right: 9px; font-size: .65em; vertical-align: middle; }

/* Gallery */
.gallery-section { background: #101010; }
.gallery-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 44px; margin-bottom: 47px; }
.gallery-heading > p { max-width: 325px; color: #a9a9a9; font-size: 13px; line-height: 1.95; margin: 0 0 5px; word-break: keep-all; }
.gallery-carousel { min-width: 0; }
.gallery-carousel-header { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 17px; }
.gallery-carousel-label { display: flex; align-items: baseline; gap: 7px; font-family: 'DM Sans',sans-serif; }
.gallery-carousel-label strong { color: var(--orange); font: italic 900 31px/1 var(--display); }
.gallery-carousel-label > span { color: #a5a5a5; font-size: 13px; font-weight: 800; }
.gallery-carousel-label small { margin-left: 16px; color: #898989; font-size: 10px; font-weight: 800; letter-spacing: 1.6px; }
.gallery-carousel-controls { display: flex; gap: 8px; }
.gallery-carousel-controls button { display: grid; place-items: center; width: 48px; height: 48px; padding: 0; border: 1px solid #515151; background: #181818; color: #fff; transition: background .2s,color .2s,border-color .2s; }
.gallery-carousel-controls button:hover,.gallery-carousel-controls button:focus-visible { background: var(--orange); border-color: var(--orange); color: #101010; }
.gallery-carousel-controls svg { display: block; width: 25px; height: 25px; }
.gallery-grid { position: relative; display: grid; grid-auto-flow: column; grid-auto-columns: 30%; grid-template-rows: 1fr; gap: 13px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.gallery-grid::-webkit-scrollbar { display: none; }
.gallery-grid:focus-visible { outline: 2px solid var(--orange); outline-offset: 3px; }
.gallery-card { appearance: none; display: block; position: relative; aspect-ratio: 1.5; border: 0; padding: 0; overflow: hidden; background: #292929; text-align: left; min-width: 0; scroll-snap-align: start; }
.gallery-card img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform .55s,filter .55s; }
.gallery-card:hover img { transform: scale(1.04); filter: brightness(1.1); }
.gallery-card::after { content: ''; position: absolute; inset: 45% 0 0; background: linear-gradient(0deg,rgba(0,0,0,.88),transparent); }
.gallery-overlay { position: absolute; z-index: 1; left: 18px; right: 15px; bottom: 17px; display: flex; justify-content: space-between; align-items: center; gap: 8px; font: italic 800 clamp(18px,2vw,25px) var(--display); letter-spacing: .4px; }
.gallery-overlay i { display: inline-block; color: var(--orange); font-size: 1.2em; font-style: inherit; margin-right: 8px; }
.gallery-overlay b { font: 400 25px var(--body); color: var(--orange); }
.gallery-carousel-progress { position: relative; height: 3px; margin-top: 18px; background: #393939; overflow: hidden; }
.gallery-carousel-progress-thumb { position: absolute; left: 0; top: 0; bottom: 0; width: 35%; background: var(--orange); transition: left .2s ease-out,width .2s ease-out; }
.archive-more { display: flex; align-items: center; justify-content: center; gap: 30px; width: 100%; margin-top: 17px; padding: 18px; color: #fff; border: 1px solid #585858; background: transparent; font-size: 13px; font-weight: 800; transition: background .2s,color .2s; }
.archive-more:hover { background: #fff; color: #111; }
.archive-more span { font-size: 20px; }

/* Finale and footer */
.final-cta { position: relative; overflow: hidden; background: var(--orange); color: #090909; isolation: isolate; }
.cta-glow { position: absolute; z-index: -1; right: -10%; top: -50%; width: 75%; aspect-ratio: 1; border: 2px solid rgba(0,0,0,.1); border-radius: 50%; box-shadow: 0 0 0 110px rgba(0,0,0,.025),0 0 0 220px rgba(0,0,0,.025),0 0 0 330px rgba(0,0,0,.025); }
.final-cta-inner { padding-block: 96px 102px; }
.final-cta .orange-kicker { color: #121212; }
.final-cta h2 { font: italic 900 clamp(100px,12.7vw,208px)/.75 var(--display); letter-spacing: -2px; margin: 30px 0 65px; }
.final-cta h2 em { color: #fff4e9; font-style: inherit; }
.final-cta-bottom { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); align-items: start; gap: clamp(32px,6vw,110px); }
.contact-copy > p { font-size: 18px; font-weight: 800; line-height: 1.9; margin: 0 0 35px; letter-spacing: -.7px; }
.contact-direct { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.contact-direct span { font: 800 11px/1.3 "DM Sans",sans-serif; letter-spacing: 1.2px; }
.contact-direct a { font: 900 clamp(25px,3vw,42px)/1 var(--display); border-bottom: 2px solid currentColor; overflow-wrap: anywhere; }
.contact-direct a:hover { color: #fff; }
.button-dark { color: #fff; background: #0a0a0a; border-color: #0a0a0a; min-width: 270px; }
.button-dark:hover { background: #fff; color: #0a0a0a; border-color: #fff; }

/* Netlify contact form */
.contact-form { position: relative; padding: clamp(26px,3.1vw,45px); background: #101010; color: #f7f5f0; border: 1px solid rgba(255,255,255,.18); box-shadow: 14px 14px 0 rgba(0,0,0,.12); }
.contact-form-header { margin-bottom: 29px; }
.contact-form-header > span { color: var(--orange); font: 800 11px "DM Sans",sans-serif; letter-spacing: 1.9px; }
.contact-form-header h3 { margin: 13px 0 8px; font: 900 clamp(34px,4vw,56px)/1 var(--display); letter-spacing: -.7px; }
.contact-form-header p { margin: 0; color: #aaa; font-size: 12px; line-height: 1.8; }
.contact-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px 13px; }
.contact-field { display: flex; flex-direction: column; gap: 9px; min-width: 0; }
.contact-field > span { font-size: 12px; font-weight: 800; color: #ddd; }
.contact-field b { color: var(--orange); }
.contact-field-full { grid-column: 1 / -1; }
.contact-field input,.contact-field select,.contact-field textarea { width: 100%; min-width: 0; border: 1px solid #454545; border-radius: 0; padding: 14px 12px; background: #1d1d1d; color: #fff; font: 500 13px/1.5 var(--body); transition: border-color .2s,background .2s; }
.contact-field input,.contact-field select { min-height: 50px; }
.contact-field textarea { min-height: 145px; resize: vertical; }
.contact-field input::placeholder,.contact-field textarea::placeholder { color: #888; opacity: 1; }
.contact-field :is(input,select,textarea):focus { outline: 2px solid var(--orange); outline-offset: 1px; border-color: var(--orange); }
.contact-field select { appearance: auto; }
.contact-consent { display: flex; align-items: flex-start; gap: 11px; margin: 22px 0; cursor: pointer; }
.contact-consent input { flex: none; margin-top: 4px; width: 18px; height: 18px; accent-color: var(--orange); }
.contact-consent > span { font-size: 12px; line-height: 1.7; font-weight: 700; color: #ddd; }
.contact-consent small { display: block; margin-top: 5px; color: #a8a8a5; font-size: 11px; line-height: 1.8; font-weight: 400; }
.contact-submit { display: flex; width: 100%; align-items: center; justify-content: space-between; padding: 18px 20px; border: 0; background: var(--orange); color: #090909; font: 900 16px var(--body); transition: background .2s,transform .2s; }
.contact-submit:hover { background: #fff; transform: translateY(-2px); }
.contact-submit span { font: 900 23px/1 "DM Sans",sans-serif; }
.contact-form .contact-form-note { margin: 14px 0 0; color: #999; font-size: 11px; line-height: 1.7; overflow-wrap: anywhere; }
.contact-form-note strong { color: #ddd; }
.contact-honeypot { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; }
.footer-contact .footer-email { font-size: clamp(22px,2.5vw,37px); white-space: normal; overflow-wrap: anywhere; }
.thank-you-page { min-height: 100vh; display: flex; flex-direction: column; }
.thank-you-inner { flex: 1; width: min(100% - 48px,860px); margin: 0 auto; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 100px 0; }
.thank-you-inner .thanks-kicker { color: var(--orange); font: 800 12px "DM Sans",sans-serif; letter-spacing: 2px; }
.thank-you-inner h1 { font: 900 clamp(78px,13vw,160px)/.83 var(--display); letter-spacing: -1px; margin: 25px 0 36px; }
.thank-you-inner h1 em { color: var(--orange); }
.thank-you-inner p { max-width: 550px; font-size: 16px; line-height: 2; color: #c3c3c3; margin: 0 0 38px; }
.site-footer { background: #080808; }
.footer-main { display: flex; justify-content: space-between; gap: 50px; padding-block: 64px 70px; }
.footer-brand .brand-name { font-size: 35px; }
.footer-brand .brand-sub { font-size: 8px; margin-top: 9px; }
.footer-main > div:first-child p { font: italic 700 19px var(--display); letter-spacing: 1.5px; color: #777; margin: 23px 0 0; }
.footer-links { display: grid; grid-template-columns: 1fr 1fr; align-content: start; gap: 18px 39px; font-size: 12px; font-weight: 800; color: #aaa; }
.footer-links a:hover { color: var(--orange); }
.footer-contact { display: flex; flex-direction: column; align-items: flex-end; gap: 12px; }
.footer-contact span { color: var(--orange); font: 800 10px 'DM Sans',sans-serif; letter-spacing: 1.7px; }
.footer-contact a { font: 900 42px var(--display); white-space: nowrap; }
.footer-bottom { display: flex; justify-content: space-between; align-items: center; gap: 22px; padding-block: 25px; border-top: 1px solid #252525; color: #686868; font-size: 10px; line-height: 1.8; }
.footer-bottom p { margin: 0; }
.footer-bottom a { color: #aaa; font: 700 10px 'DM Sans',sans-serif; letter-spacing: 1px; white-space: nowrap; }
.footer-bottom a:hover { color: var(--orange); }

/* Accessible image viewer */
.gallery-dialog { position: fixed; inset: 0; margin: auto; padding: 0; border: 1px solid #4a4a4a; background: #101010; color: #fff; width: min(1120px,calc(100% - 30px)); max-height: calc(100% - 30px); overflow: hidden; }
.gallery-dialog::backdrop { background: rgba(0,0,0,.9); backdrop-filter: blur(7px); }
.dialog-inner { max-height: calc(100svh - 30px); display: flex; flex-direction: column; }
.dialog-header { display: flex; justify-content: space-between; align-items: center; padding: 20px 26px; border-bottom: 1px solid #3b3b3b; gap: 20px; }
.dialog-kicker { color: var(--orange); font: 700 9px 'DM Sans',sans-serif; letter-spacing: 1.6px; }
.dialog-header h2 { margin: 6px 0 0; font-size: 18px; }
.dialog-close { background: #242424; border: 1px solid #555; color: #fff; font-size: 31px; line-height: 1; width: 44px; height: 44px; flex: none; }
.dialog-image-wrap { position: relative; flex: 1; min-height: 0; display: flex; justify-content: center; align-items: center; background: #070707; padding: 10px 60px; }
#dialog-image { max-width: 100%; max-height: min(70svh,770px); object-fit: contain; }
.gallery-prev,.gallery-next { position: absolute; top: 50%; transform: translateY(-50%); display: grid; place-items: center; width: 52px; height: 52px; padding: 0; border: 1px solid #4c4c4c; background: rgba(0,0,0,.5); color: #fff; touch-action: manipulation; }
.gallery-prev svg,.gallery-next svg { display: block; width: 26px; height: 26px; }
.gallery-prev { left: 11px; }
.gallery-next { right: 11px; }
.gallery-prev:hover,.gallery-next:hover { background: var(--orange); color: #111; }
.dialog-bottom { display: flex; align-items: center; justify-content: space-between; padding: 14px 26px; gap: 20px; border-top: 1px solid #3b3b3b; font-size: 11px; }
.dialog-bottom > span:first-child { color: var(--orange); font-weight: 800; white-space: nowrap; }
.dialog-bottom > span:last-child { color: #777; font: 700 9px 'DM Sans',sans-serif; letter-spacing: 1px; }
.dialog-bottom p { margin: 0; text-align: center; }

@media (max-width: 1180px) {
  .shell { width: min(100% - 60px,1376px); }
  .desktop-nav { gap: 16px; }
  .desktop-nav a { font-size: 12px; }
  .nav-wrap { gap: 20px; }
  .brand-name { font-size: 24px; }
  .brand-name b { font-size: 26px; }
  .brand-sub { letter-spacing: 2.9px; }
  .hero-title { font-size: clamp(96px,12vw,145px); }
  .identity-heading .display-title { font-size: clamp(88px,11vw,133px); }
  .identity-intro { max-width: 40%; }
  .program-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .program-card { height: 390px; }
  .program-content h3 { font-size: 72px; }
  .support-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .support-item:nth-child(3) { border-right: 0; }
  .support-item:nth-child(n+4) { border-top: 1px solid var(--line); }
  .support-item { min-height: 195px; }
  .investment-panel { grid-template-columns: 1fr 1fr 1fr; }
  .investment-intro { grid-column: 1/-1; }
  .investment-intro h3 { display: inline-block; margin: 13px 20px 0 0; }
  .investment-intro h3 br { display: none; }
  .investment-stats strong { font-size: clamp(39px,5vw,62px); }
  .franchise-head .display-title { font-size: 95px; }
  .step { gap: 15px; padding: 30px 20px; }
  .impact-content .display-title { font-size: clamp(78px,9.2vw,108px); }
  .impact-values > div { grid-template-columns: 90px 1fr; }
}

@media (max-width: 900px) {
  .shell { width: min(100% - 46px,1376px); }
  .nav-wrap { height: 76px; }
  .desktop-nav,.nav-cta { display: none; }
  .menu-toggle { display: block; }
  .hero { min-height: 760px; }
  .hero-image { inset: 0 0 0 9%; background-size: auto 125%; background-position: 65% 20%; }
  .hero::before { background: linear-gradient(90deg,rgba(0,0,0,.91),rgba(0,0,0,.68) 65%,rgba(0,0,0,.32)),linear-gradient(0deg,#070707 0,transparent 65%); }
  .hero-inner { padding-top: 80px; padding-bottom: 92px; }
  .hero-title { font-size: clamp(92px,15vw,135px); }
  .identity-heading { align-items: start; }
  .identity-heading .display-title { font-size: clamp(78px,11.5vw,118px); }
  .identity-intro { max-width: 45%; }
  .identity-intro h3 { font-size: 23px; }
  .identity-intro p { font-size: 12px; }
  .identity-chips span { font-size: 17px; }
  .hero-side { display: none; }
  .hero-collab .hero-image { inset: 0 0 0 8%; background-position: 60% 20%; }
  .hero-venture-title { font-size: clamp(58px,9.1vw,101px); }
  .hero-venture-hospital { font-size: clamp(27px,3.5vw,34px); }
  .hero-venture-punch { font-size: clamp(35px,4.2vw,43px); }
  .alliance-grid { grid-template-columns: 1fr; }
  .alliance-visual { min-height: 510px; }
  .alliance-story { padding: 55px; }
  .final-cta-bottom { grid-template-columns: 1fr; gap: 34px; }
  .section { padding: 88px 0 95px; }
  .section-top { margin-bottom: 45px; }
  .display-title { font-size: clamp(82px,12.5vw,126px); }
  .programs-heading { align-items: start; }
  .intro-side { max-width: 42%; }
  .results-heading > p { max-width: 40%; }
  .big-korean { letter-spacing: -2.5px; }
  .result-card-top { margin-bottom: 40px; }
  .big-metric { font-size: clamp(57px,7vw,100px); }
  .long-metric { font-size: clamp(50px,6.4vw,77px); }
  .metric-foot { align-items: start; flex-direction: column; gap: 4px; }
  .results-proof { grid-template-columns: 1fr; }
  .proof-copy { padding: 34px; }
  .proof-snapshot { padding: 24px; }
  .model-image { background-position: 80% top; }
  .model-head .display-title { font-size: clamp(85px,11vw,115px); }
  .franchise-head { display: block; }
  .franchise-head > div { margin-top: 35px; }
  .steps-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .story-section { min-height: 660px; }
  .story-content .display-title { font-size: clamp(86px,12vw,133px); }
  .impact-layout { grid-template-columns: 1fr; }
  .impact-content .display-title { font-size: clamp(95px,13vw,124px); }
  .impact-content h3 { margin-top: 28px; }
  .impact-values > div { grid-template-columns: 135px 1fr; }
  .impact-visual { max-width: 720px; }
  .gallery-heading { align-items: start; }
  .gallery-heading > p { max-width: 40%; }
  .gallery-grid { grid-auto-columns: 44%; }
  .footer-main { flex-wrap: wrap; }
  .footer-main > div:first-child { flex-basis: 100%; }
  .footer-contact { align-items: start; }
}

@media (max-width: 650px) {
  html { scroll-padding-top: 75px; }
  .shell { width: min(100% - 34px,1376px); }
  .nav-wrap { height: 69px; }
  .mobile-nav { max-height: calc(100svh - 69px); }
  .brand-name { font-size: 22px; }
  .brand-name b { font-size: 24px; }
  .brand-sub { font-size: 6px; letter-spacing: 2.8px; margin-top: 5px; }
  .hero { min-height: 760px; }
  .hero-image { inset: 0; background-size: auto 87%; background-position: 54% 1%; opacity: .75; }
  .hero::before { background: linear-gradient(0deg,#080808 3%,rgba(0,0,0,.95) 21%,rgba(0,0,0,.7) 60%,rgba(0,0,0,.35) 100%); }
  .hero-grid { display: none; }
  .hero-inner { justify-content: flex-end; padding: 60px 0 99px; }
  .hero-copy { padding-top: 200px; }
  .eyebrow { font-size: 9px; letter-spacing: 1px; gap: 7px; }
  .eyebrow-rule { width: 17px; margin: 0 2px; }
  .hero-lead { font-size: 19px; margin: 24px 0 20px; }
  .hero-title { font-size: clamp(72px,16.1vw,108px); margin-bottom: 26px; letter-spacing: -2px; }
  .hero-title > span + span { margin-top: 6px; }
  .hero-collab { min-height: 900px; }
  .hero-collab .hero-image { inset: 0; background-size: auto 92%; background-position: 58% top; opacity: .78; }
  .hero-collab::before { background: linear-gradient(0deg,#070707 1%,rgba(0,0,0,.96) 30%,rgba(0,0,0,.62) 66%,rgba(0,0,0,.24)); }
  .hero-collab .hero-inner { padding-bottom: 85px; }
  .hero-join-kicker { font-size: 15px; margin: 24px 0 13px; }
  .hero-venture-title { font-size: clamp(35px,9.1vw,59px); margin: 0 0 19px -2px; letter-spacing: -.027em; }
  .hero-venture-subline { gap: 9px 11px; padding-top: 13px; }
  .hero-venture-hospital { font-size: clamp(22px,6.5vw,31px); }
  .hero-venture-cross { font-size: 29px; }
  .hero-venture-punch { font-size: clamp(25px,7vw,35px); }
  .hero-venture-badge { font-size: 12px; padding: 7px 9px; }
  .hero-join-claim { font-size: 19px; margin: 23px 0 11px; }
  .hero-partner-stamps { margin-top: 22px; gap: 6px; font-size: 8px; }
  .hero-partner-stamps span { padding: 8px; }
  .alliance-shell { padding-block: 47px 55px; }
  .alliance-topline,.alliance-footline { font-size: 8px; flex-wrap: wrap; }
  .alliance-topline span:last-child { display: none; }
  .alliance-visual { min-height: 410px; padding: 32px 25px; }
  .alliance-hospital strong { font-size: 65px; }
  .alliance-punch strong { font-size: 90px; }
  .alliance-symbol { font-size: 80px; }
  .alliance-story { padding: 46px 26px; }
  .alliance-story h2 { font-size: clamp(50px,10vw,73px); }
  .alliance-story-copy { font-size: 12px; }
  .hero-description { font-size: 12px; line-height: 1.85; margin-bottom: 25px; }
  .hero-description br { display: none; }
  .hero-actions { flex-wrap: nowrap; gap: 8px; }
  .button { min-width: 0; flex: 1; gap: 8px; padding: 15px 12px; font-size: 12px; }
  .button span { font-size: 16px; }
  .hero-bottom { bottom: 25px; padding-top: 17px; font-size: 8px; }
  .hero-bottom-right span:last-child { display: none; }
  .scroll-line { width: 27px; }
  .ticker-track { gap: 20px; padding: 11px 0 10px; }
  .ticker-track span { font-size: 24px; }
  .section { padding: 76px 0 83px; }
  .section-top { margin-bottom: 36px; gap: 12px; }
  .section-label { font-size: 9px; letter-spacing: 1.2px; }
  .section-label span { font-size: 12px; }
  .microcopy { display: none; }
  .display-title { font-size: clamp(72px,16vw,103px); line-height: .82; letter-spacing: -1px; }
  .identity-heading { display: block; margin-bottom: 31px; }
  .identity-heading .display-title { font-size: clamp(80px,17.3vw,112px); }
  .identity-intro { max-width: 100%; width: auto; margin-top: 40px; padding: 0; }
  .identity-intro h3 { font-size: 21px; }
  .identity-intro p { font-size: 12px; }
  .identity-chips { margin-top: 21px; }
  .identity-chips span { font-size: 18px; }
  .identity-visuals { grid-template-columns: 1fr; gap: 11px; }
  .identity-visual-caption { left: 14px; right: 14px; bottom: 12px; }
  .identity-visual-caption b { font-size: 18px; }
  .identity-footnote { display: block; font-size: 9px; line-height: 1.7; }
  .identity-footnote span:last-child { display: block; margin-top: 6px; font-size: 11px; }
  .orange-kicker { font-size: 10px; margin-bottom: 15px; }
  .programs-heading { display: block; margin-bottom: 30px; }
  .intro-side { max-width: 100%; width: auto; margin-top: 36px; padding: 0; }
  .orange-stroke { margin-bottom: 15px; }
  .intro-side h3 { font-size: 19px; }
  .intro-side p { font-size: 12px; }
  .program-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  .program-card { height: 300px; }
  .program-photo { filter: saturate(.78) contrast(1.1); }
  .program-content { inset: auto 12px 16px; }
  .program-content h3 { font-size: clamp(35px,9.5vw,57px); margin: 7px 0 6px; }
  .program-content p { font-size: 10px; line-height: 1.55; padding-right: 0; min-height: 45px; }
  .program-count { font-size: 8px; letter-spacing: 1px; }
  .card-arrow { display: none; }
  .section-after-note { display: block; }
  .section-after-note span:last-child { display: block; font-size: 10px; margin-top: 7px; }
  .results-heading { display: block; margin-bottom: 28px; }
  .big-korean { font-size: clamp(35px,10.2vw,57px); letter-spacing: -2px; }
  .results-heading > p { max-width: 100%; width: 100%; font-size: 12px; margin: 18px 0 0; }
  .results-grid { grid-template-columns: 1fr; gap: 12px; }
  .result-card { padding: 24px; }
  .result-card-top { margin-bottom: 30px; font-size: 20px; }
  .metric-label { font-size: 12px; }
  .big-metric { font-size: clamp(78px,18vw,116px); }
  .long-metric { font-size: clamp(48px,13vw,82px); letter-spacing: -1.6px; }
  .long-metric span { font-size: 24px; }
  .big-metric span { font-size: 30px; }
  .long-metric span { font-size: 24px; }
  .metric-divider { margin: 22px 0 18px; }
  .metric-foot { flex-direction: row; align-items: center; }
  .metric-foot strong { font-size: 21px; }
  .proof-copy { padding: 27px 24px; }
  .proof-copy h3 { font-size: 23px; margin: 15px 0 21px; }
  .proof-stats { gap: 12px; }
  .proof-stats > div + div { padding-left: 12px; }
  .proof-stats strong { font-size: clamp(39px,11vw,56px); }
  .proof-stats small { font-size: 16px; }
  .proof-snapshot { padding: 20px 17px; }
  .proof-snapshot figcaption { display: block; }
  .proof-snapshot figcaption span:last-child { display: block; margin-top: 4px; font-weight: 500; }
  .results-note { display: grid; grid-template-columns: 16px 1fr; gap: 10px; }
  .results-note p { font-size: 10px; }
  .text-link { grid-column: 2; justify-self: start; margin-top: 7px; }
  .model-image { height: 500px; background-position: 70% top; opacity: .35; }
  .model-head .display-title { font-size: clamp(70px,15vw,102px); }
  .model-head > p:last-child { font-size: 12px; margin-top: 24px; }
  .support-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .support-item { padding: 18px 17px 20px; min-height: 190px; }
  .support-item:nth-child(3) { border-right: 1px solid var(--line); }
  .support-item:nth-child(even) { border-right: 0; }
  .support-item:nth-child(n+3) { border-top: 1px solid var(--line); }
  .support-item:last-child { grid-column: span 2; min-height: 143px; }
  .support-symbol { font-size: 35px; margin: 18px 0 3px; height: 48px; }
  .support-item h3 { font-size: 15px; }
  .support-item p { font-size: 11px; }
  .investment-panel { grid-template-columns: 1fr; }
  .investment-intro { padding: 22px; }
  .investment-intro h3 { display: block; margin: 16px 0 6px; font-size: 21px; }
  .investment-stats { padding: 21px 24px; border-right: 0; border-bottom: 1px solid #373737; }
  .investment-stats strong { font-size: 56px; margin: 7px 0 8px; }
  .investment-stats > span { font-size: 12px; }
  .investment-disclaimer { font-size: 10px; }
  .franchise-head .display-title { font-size: clamp(70px,15vw,100px); }
  .franchise-head h3 { font-size: 22px; }
  .franchise-head > div { margin-top: 30px; }
  .franchise-head > div > p:last-child { font-size: 12px; }
  .steps-list { grid-template-columns: 1fr; }
  .step { min-height: 103px; gap: 20px; padding: 22px; }
  .step-num { font-size: 42px; }
  .step h3 { font-size: 18px; }
  .step p { font-size: 11px; }
  .franchise-callout { display: block; }
  .franchise-callout > span { display: block; font-size: 22px; margin-bottom: 18px; }
  .franchise-callout a { width: 100%; }
  .story-section { min-height: 640px; }
  .story-image { background-position: 56% center; }
  .story-shade { background: linear-gradient(0deg,rgba(0,0,0,.87),rgba(0,0,0,.46) 70%,rgba(0,0,0,.16)); }
  .story-content { padding-block: 80px; }
  .story-pretitle { margin: 36px 0 20px; font-size: 18px; }
  .story-content .display-title { font-size: clamp(79px,15.7vw,112px); }
  .story-description { font-size: 12px; margin: 28px 0 32px; }
  .story-principles { gap: 10px; }
  .story-principles span { font-size: 9px; padding: 9px 9px 0 0; }
  .impact-layout { gap: 30px; }
  .impact-content .display-title { font-size: clamp(61px,15.7vw,91px); }
  .impact-content h3 { font-size: 22px; margin: 30px 0 15px; }
  .impact-lead { font-size: 12px; margin-bottom: 20px; }
  .impact-values > div { grid-template-columns: 92px 1fr; column-gap: 10px; padding: 14px 0; }
  .impact-values span { font-size: 9px; }
  .impact-values strong { font-size: 14px; }
  .impact-values p { font-size: 11px; }
  .impact-visual { padding: 7px; box-shadow: 7px 9px 0 rgba(17,17,17,.08); }
  .impact-visual > span { padding: 12px 5px 4px; }
  .impact-visual b { font-size: 19px; }
  .impact-bottom-line { grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 40px; }
  .impact-bottom-line span { padding: 13px 7px; font-size: 18px; }
  .gallery-heading { display: block; margin-bottom: 28px; }
  .gallery-heading > p { max-width: 100%; font-size: 12px; margin-top: 24px; }
  .gallery-carousel-header { margin-bottom: 13px; }
  .gallery-carousel-label strong { font-size: 26px; }
  .gallery-carousel-label small { display: none; }
  .gallery-carousel-controls button { width: 42px; height: 42px; }
  .gallery-grid { grid-auto-columns: 82%; gap: 10px; }
  .gallery-overlay { left: 10px; right: 8px; bottom: 10px; font-size: 16px; }
  .gallery-overlay i { display: block; font-size: 23px; margin: 0 0 4px; }
  .gallery-overlay b { font-size: 18px; }
  .archive-more { font-size: 12px; }
  .final-cta-inner { padding-block: 79px 80px; }
  .final-cta h2 { font-size: clamp(76px,15vw,118px); margin: 27px 0 43px; }
  .final-cta-bottom { display: block; }
  .contact-copy > p { font-size: 14px; margin-bottom: 20px; }
  .contact-direct { margin-bottom: 36px; }
  .contact-form { padding: 25px 17px; box-shadow: 8px 8px 0 rgba(0,0,0,.12); }
  .contact-fields { grid-template-columns: 1fr; gap: 16px; }
  .contact-field-full { grid-column: auto; }
  .contact-form-header h3 { font-size: 40px; }
  .button-dark { width: 100%; }
  .footer-main { display: block; padding-block: 50px; }
  .footer-brand .brand-name { font-size: 29px; }
  .footer-links { display: grid; margin: 35px 0; gap: 15px; }
  .footer-contact a { font-size: 36px; }
  .footer-bottom { display: block; padding-block: 21px 25px; }
  .footer-bottom p + p { margin: 9px 0 17px; }
  .gallery-dialog { width: calc(100% - 14px); max-height: calc(100svh - 14px); }
  .dialog-inner { max-height: calc(100svh - 14px); }
  .dialog-header { padding: 12px; gap: 12px; }
  .dialog-header h2 { font-size: 14px; line-height: 1.35; overflow-wrap: anywhere; }
  .dialog-kicker { font-size: 8px; }
  .dialog-image-wrap { padding: 8px 12px; }
  .gallery-prev,.gallery-next { width: 44px; height: 44px; }
  .gallery-prev svg,.gallery-next svg { width: 22px; height: 22px; }
  .gallery-prev { left: 4px; }
  .gallery-next { right: 4px; }
  .dialog-bottom { padding: 12px 15px; }
  .dialog-bottom > span:last-child { display: none; }
  .dialog-bottom p { text-align: right; }
}

@media (max-width: 370px) {
  .hero-title { font-size: 15.7vw; }
  .program-content h3 { font-size: clamp(28px,8.8vw,34px); }
  .program-content p { font-size: 9px; }
  .big-metric { font-size: 70px; }
  .long-metric { font-size: 46px; }
  .big-metric span { font-size: 25px; }
  .metric-foot strong { font-size: 18px; }
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .has-js .reveal { opacity: 1 !important; transform: none !important; }
}