#jade-recipe,
    #jade-recipe * { box-sizing: border-box; }
    #jade-recipe {
      --jade: #064229;
      --deep: #14382a;
      --ink: #203b32;
      --sage: #71877c;
      --mist: #e6eee8;
      --ivory: #f6f0e6;
      --paper: #fffdf9;
      --line: rgba(6, 66, 41, .18);
      --serif: Georgia, "Times New Roman", serif;
      --sans: Arial, "Helvetica Neue", sans-serif;
      width: 100%;
      overflow: hidden;
      color: var(--ink);
      background: var(--paper);
      font-family: var(--sans);
      line-height: 1.55;
      -webkit-font-smoothing: antialiased;
    }
    #jade-recipe img { display: block; max-width: 100%; }
    #jade-recipe a { color: inherit; }
    #jade-recipe .jr-shell { width: min(1360px, calc(100% - 48px)); margin: 0 auto; }
    #jade-recipe .jr-topline {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 18px;
      padding: 24px 0 16px;
      border-bottom: 1px solid var(--line);
      color: var(--jade);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: .2em;
      text-transform: uppercase;
    }
    #jade-recipe .jr-topline span:last-child { color: var(--sage); }
    #jade-recipe .jr-hero {
      display: grid;
      grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
      min-height: 560px;
      background: var(--ivory);
      border-bottom: 1px solid var(--line);
    }
    #jade-recipe .jr-hero-copy {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: clamp(42px, 7vw, 96px) clamp(28px, 5.6vw, 82px);
    }
    #jade-recipe .jr-kicker,
    #jade-recipe .jr-section-label,
    #jade-recipe .jr-step-phase {
      color: var(--sage);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: .24em;
      text-transform: uppercase;
    }
    #jade-recipe .jr-kicker {
      display: flex;
      align-items: center;
      gap: 11px;
      color: var(--jade);
    }
    #jade-recipe .jr-kicker { display: none; }
    #jade-recipe .jr-kicker::before { content: ""; width: 34px; height: 2px; background: var(--jade); }
    #jade-recipe .jr-hero h1 {
      max-width: 640px;
      margin: 24px 0 20px;
      color: var(--deep);
      font-family: var(--serif);
      font-size: clamp(48px, 7vw, 104px);
      font-weight: 400;
      letter-spacing: -.065em;
      line-height: .86;
      text-transform: uppercase;
    }
    #jade-recipe .jr-hero h1 em {
      display: block;
      padding-left: clamp(18px, 3vw, 40px);
      color: var(--jade);
      font-size: .7em;
      font-style: italic;
      letter-spacing: -.05em;
      text-transform: none;
    }
    #jade-recipe .jr-hero h2 {
      margin: 0 0 22px;
      color: var(--jade);
      font-size: clamp(14px, 1.5vw, 18px);
      font-weight: 700;
      letter-spacing: .25em;
      text-transform: uppercase;
    }
    #jade-recipe .jr-hero-lede {
      max-width: 430px;
      margin: 0;
      color: #466054;
      font-family: var(--serif);
      font-size: clamp(16px, 1.7vw, 21px);
      font-style: italic;
      line-height: 1.42;
    }
    #jade-recipe .jr-hero-note {
      display: flex;
      gap: 18px;
      align-items: center;
      max-width: 440px;
      margin-top: 42px;
      padding-top: 16px;
      border-top: 1px solid var(--line);
      color: var(--sage);
      font-size: 11px;
      letter-spacing: .12em;
      line-height: 1.5;
      text-transform: uppercase;
    }
    #jade-recipe .jr-hero-note strong { color: var(--jade); font-size: 20px; letter-spacing: 0; }
    #jade-recipe .jr-hero-media {
      position: relative;
      min-height: 430px;
      overflow: hidden;
      background: #dfe9df;
    }
    #jade-recipe .jr-hero-media::after {
      position: absolute;
      inset: 20px;
      border: 1px solid rgba(255,255,255,.55);
      content: "";
      pointer-events: none;
    }
    #jade-recipe .jr-hero-media img { width: 100%; height: 100%; min-height: 430px; object-fit: cover; object-position: center; }
    #jade-recipe .jr-photo-tag {
      position: absolute;
      right: 42px;
      bottom: 38px;
      z-index: 1;
      max-width: 140px;
      padding: 15px 17px;
      color: var(--jade);
      background: rgba(246,240,230,.9);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: .13em;
      line-height: 1.55;
      text-transform: uppercase;
    }
    #jade-recipe .jr-facts {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      border-bottom: 1px solid var(--line);
      background: var(--paper);
    }
    #jade-recipe .jr-fact {
      min-height: 102px;
      padding: 22px 24px;
      border-right: 1px solid var(--line);
    }
    #jade-recipe .jr-fact:last-child { border-right: 0; }
    #jade-recipe .jr-fact span {
      display: block;
      margin-bottom: 8px;
      color: var(--sage);
      font-size: 9px;
      font-weight: 700;
      letter-spacing: .2em;
      text-transform: uppercase;
    }
    #jade-recipe .jr-fact strong { color: var(--jade); font-family: var(--serif); font-size: 22px; font-weight: 400; }
    #jade-recipe .jr-intro {
      display: grid;
      grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
      gap: clamp(32px, 7vw, 116px);
      padding: clamp(68px, 9vw, 126px) 0 clamp(54px, 8vw, 108px);
    }
    #jade-recipe .jr-intro h3,
    #jade-recipe .jr-section-head h3,
    #jade-recipe .jr-serve-copy h3 {
      margin: 18px 0 0;
      color: var(--deep);
      font-family: var(--serif);
      font-size: clamp(35px, 4vw, 62px);
      font-weight: 400;
      letter-spacing: -.045em;
      line-height: .95;
    }
    #jade-recipe .jr-intro-copy p {
      max-width: 620px;
      margin: 0 0 18px;
      color: #50675a;
      font-size: 16px;
      line-height: 1.8;
    }
    #jade-recipe .jr-intro-copy p:last-child { margin-bottom: 0; }
    #jade-recipe .jr-ingredients { padding: 0 0 clamp(70px, 9vw, 124px); }
    #jade-recipe .jr-section-head {
      display: flex;
      justify-content: space-between;
      align-items: end;
      gap: 24px;
      margin-bottom: 34px;
    }
    #jade-recipe .jr-section-head h3 { max-width: 420px; }
    #jade-recipe .jr-section-head p { max-width: 360px; margin: 0; color: var(--sage); font-size: 13px; line-height: 1.7; text-align: right; }
    #jade-recipe .jr-ingredient-grid {
      display: grid;
      grid-template-columns: 1.08fr .92fr .92fr;
      gap: 12px;
    }
    #jade-recipe .jr-ingredient {
      min-height: 260px;
      padding: 26px 28px;
      background: var(--mist);
      border-top: 3px solid var(--jade);
    }
    #jade-recipe .jr-ingredient:nth-child(2) { margin-top: 28px; background: var(--ivory); border-top-color: #94a98d; }
    #jade-recipe .jr-ingredient:nth-child(3) { margin-top: 56px; background: #eef2ec; border-top-color: #c0cbbd; }
    #jade-recipe .jr-ingredient h4 { margin: 0 0 21px; color: var(--jade); font-family: var(--serif); font-size: 26px; font-weight: 400; }
    #jade-recipe .jr-ingredient ul { margin: 0; padding: 0; list-style: none; }
    #jade-recipe .jr-ingredient li { display: flex; justify-content: space-between; gap: 20px; padding: 9px 0; border-bottom: 1px solid rgba(6,66,41,.13); color: #4f6559; font-size: 13px; }
    #jade-recipe .jr-ingredient li:last-child { border-bottom: 0; }
    #jade-recipe .jr-ingredient li span:last-child { color: var(--jade); white-space: nowrap; }
    #jade-recipe .jr-method { padding: clamp(72px, 9vw, 124px) 0; background: var(--deep); color: #eff5ee; }
    #jade-recipe .jr-method .jr-section-label { color: #a9bea8; }
    #jade-recipe .jr-method .jr-section-head h3 { color: #f6f0e6; }
    #jade-recipe .jr-method .jr-section-head p { color: #a9bea8; }
    #jade-recipe .jr-phase {
      display: flex;
      justify-content: space-between;
      align-items: end;
      gap: 22px;
      margin: 78px 0 22px;
      padding-bottom: 14px;
      border-bottom: 1px solid rgba(246,240,230,.22);
    }
    #jade-recipe .jr-phase:first-of-type { margin-top: 52px; }
    #jade-recipe .jr-phase h4 { margin: 0; color: #f6f0e6; font-family: var(--serif); font-size: 30px; font-weight: 400; letter-spacing: -.035em; }
    #jade-recipe .jr-phase p { margin: 0; color: #a9bea8; font-size: 11px; letter-spacing: .17em; text-transform: uppercase; }
    #jade-recipe .jr-step-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
    #jade-recipe .jr-step { display: grid; grid-template-rows: auto 1fr; min-width: 0; overflow: hidden; background: #eff4ee; color: var(--ink); }
    #jade-recipe .jr-step:nth-child(3n) { transform: translateY(28px); }
    #jade-recipe .jr-step-photo { position: relative; overflow: hidden; padding: 0; background: #eff4ee; }
    #jade-recipe .jr-step-photo img { width: 80%; margin: 0 auto; border: 0; aspect-ratio: 1.3 / 1; object-fit: cover; transition: transform .65s ease; }
    #jade-recipe .jr-step:hover .jr-step-photo img { transform: scale(1.035); }
    #jade-recipe .jr-step-body { padding: 23px 25px 27px; }
    #jade-recipe .jr-step-top { display: flex; align-items: baseline; gap: 12px; margin-bottom: 12px; }
    #jade-recipe .jr-step-num { color: #7e9c69; font-family: var(--serif); font-size: 27px; line-height: 1; }
    #jade-recipe .jr-step h5 { margin: 0; color: var(--jade); font-size: 16px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
    #jade-recipe .jr-step p { margin: 0; color: #52685c; font-size: 13px; line-height: 1.75; }
    #jade-recipe .jr-step p em { display: block; margin-top: 9px; color: #758b7c; font-family: var(--serif); font-size: 14px; line-height: 1.5; }
    #jade-recipe .jr-serve { display: grid; grid-template-columns: minmax(0, 1.16fr) minmax(0, .84fr); min-height: 560px; background: var(--ivory); }
    #jade-recipe .jr-serve-media { overflow: hidden; }
    #jade-recipe .jr-serve-media img { width: 100%; height: 100%; min-height: 560px; object-fit: cover; object-position: center; }
    #jade-recipe .jr-serve-copy { display: flex; flex-direction: column; justify-content: center; padding: 58px clamp(28px, 5.5vw, 82px); }
    #jade-recipe .jr-serve-copy p { max-width: 420px; margin: 24px 0 0; color: #52685c; font-family: var(--serif); font-size: 18px; font-style: italic; line-height: 1.55; }
    #jade-recipe .jr-serve-list { margin: 32px 0 0; padding: 0; list-style: none; }
    #jade-recipe .jr-serve-list li { padding: 12px 0; border-bottom: 1px solid var(--line); color: #587064; font-size: 13px; }
    #jade-recipe .jr-serve-list li strong { display: inline-block; min-width: 92px; color: var(--jade); font-size: 10px; letter-spacing: .15em; text-transform: uppercase; }
    #jade-recipe .jr-download { display: inline-flex; align-items: center; justify-content: center; gap: 14px; width: fit-content; margin-top: 36px; padding: 14px 19px; color: #f6f0e6; background: var(--jade); border: 1px solid var(--jade); font-size: 11px; font-weight: 700; letter-spacing: .14em; text-decoration: none; text-transform: uppercase; transition: background .25s ease, color .25s ease, transform .25s ease; }
    #jade-recipe .jr-download::after { content: "↓"; font-size: 17px; line-height: 0; }
    #jade-recipe .jr-download:hover { color: var(--jade); background: transparent; transform: translateY(-2px); }
    #jade-recipe .jr-footer { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 28px 0; color: var(--sage); font-size: 10px; letter-spacing: .14em; text-transform: uppercase; }
    #jade-recipe .jr-footer-logo { display: none; }
    #jade-recipe .jr-serve .jr-section-label,
    #jade-recipe .jr-footer > span { display: none; }
    #jade-recipe .jr-topline { display: none; }
    #jade-recipe .jr-hero {
      position: relative;
      isolation: isolate;
      grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
      min-height: 600px;
      overflow: hidden;
      background: linear-gradient(135deg, #f6f0e6 0%, #fffdf9 62%, #e3ece4 100%);
      border: 1px solid rgba(6,66,41,.12);
    }
    #jade-recipe .jr-hero::before {
      position: absolute;
      top: -250px;
      left: -180px;
      z-index: -1;
      width: 520px;
      height: 520px;
      border: 1px solid rgba(6,66,41,.1);
      border-radius: 50%;
      content: "";
    }
    #jade-recipe .jr-hero-copy { position: relative; z-index: 1; padding-top: 68px; padding-bottom: 68px; }
    #jade-recipe .jr-hero h1 { margin-top: 0; font-size: clamp(54px, 7.6vw, 112px); }
    #jade-recipe .jr-hero-media {
      align-self: center;
      height: min(554px, calc(100% - 46px));
      min-height: 0;
      margin: 23px 23px 23px 0;
      border: 1px solid rgba(6,66,41,.18);
      box-shadow: 0 24px 44px rgba(20,56,42,.14);
    }
    #jade-recipe .jr-hero-media img { min-height: 0; }
    #jade-recipe .jr-facts {
      position: relative;
      z-index: 2;
      margin-top: -30px;
      border: 1px solid rgba(6,66,41,.15);
      box-shadow: 0 16px 32px rgba(20,56,42,.08);
    }
    #jade-recipe .jr-fact { background: rgba(255,253,249,.94); }
    #jade-recipe .jr-ingredient {
      position: relative;
      border: 1px solid rgba(6,66,41,.1);
      border-top: 3px solid var(--jade);
      box-shadow: 0 12px 24px rgba(20,56,42,.045);
    }
    #jade-recipe .jr-ingredient:nth-child(2) { border-top-color: #94a98d; }
    #jade-recipe .jr-ingredient:nth-child(3) { border-top-color: #c0cbbd; }
    #jade-recipe .jr-method {
      position: relative;
      overflow: hidden;
      background: #103a2b;
    }
    #jade-recipe .jr-method::before {
      position: absolute;
      top: 14%;
      right: -160px;
      width: 460px;
      height: 460px;
      border: 1px solid rgba(246,240,230,.12);
      border-radius: 50%;
      content: "";
    }
    #jade-recipe .jr-method .jr-shell { position: relative; z-index: 1; }
    #jade-recipe .jr-step {
      border: 1px solid rgba(246,240,230,.14);
      box-shadow: 0 18px 34px rgba(0,0,0,.12);
    }
    #jade-recipe .jr-step:nth-child(even) { background: #f4f0e5; }
    #jade-recipe .jr-step-photo img { filter: saturate(.94) contrast(1.02); }
    #jade-recipe .jr-serve { border-top: 1px solid rgba(6,66,41,.12); }
    @media (max-width: 900px) {
      #jade-recipe .jr-hero-media { height: 380px; min-height: 0; margin: 0; }
      #jade-recipe .jr-hero-media img { height: 100%; min-height: 0; }
      #jade-recipe .jr-facts { margin-top: 0; }
    }
    @media (max-width: 640px) {
      #jade-recipe .jr-hero { min-height: 0; }
      #jade-recipe .jr-hero-copy { min-height: 440px; padding-top: 48px; padding-bottom: 48px; }
      #jade-recipe .jr-hero h1 { font-size: clamp(50px, 15vw, 76px); }
      #jade-recipe .jr-hero-media { height: 300px; }
      #jade-recipe .jr-hero-media img { height: 100%; }
      #jade-recipe .jr-method::before { top: 28%; right: -250px; }
    }
    @media (max-width: 900px) {
      #jade-recipe .jr-hero { grid-template-columns: 1fr; }
      #jade-recipe .jr-hero-copy { min-height: 460px; }
      #jade-recipe .jr-hero-media { min-height: 380px; }
      #jade-recipe .jr-hero-media img { min-height: 380px; }
      #jade-recipe .jr-intro { grid-template-columns: 1fr; gap: 28px; }
      #jade-recipe .jr-ingredient-grid { grid-template-columns: 1fr 1fr; }
      #jade-recipe .jr-ingredient:nth-child(3) { grid-column: 1 / -1; margin-top: 0; }
      #jade-recipe .jr-serve { grid-template-columns: 1fr; }
      #jade-recipe .jr-serve-media, #jade-recipe .jr-serve-media img { min-height: 450px; height: 450px; }
      #jade-recipe .jr-serve-copy { min-height: 460px; }
    }
    @media (max-width: 640px) {
      #jade-recipe .jr-shell { width: min(100% - 28px, 560px); }
      #jade-recipe .jr-topline { align-items: flex-start; flex-direction: column; gap: 8px; padding: 18px 0 13px; font-size: 9px; letter-spacing: .15em; }
      #jade-recipe .jr-hero-copy { min-height: 480px; padding: 44px 25px 48px; }
      #jade-recipe .jr-hero h1 { font-size: clamp(50px, 16vw, 78px); }
      #jade-recipe .jr-hero-note { margin-top: 32px; }
      #jade-recipe .jr-hero-media { min-height: 300px; }
      #jade-recipe .jr-hero-media img { min-height: 300px; }
      #jade-recipe .jr-hero-media::after { inset: 12px; }
      #jade-recipe .jr-photo-tag { right: 25px; bottom: 25px; }
      #jade-recipe .jr-facts { grid-template-columns: 1fr 1fr; }
      #jade-recipe .jr-fact { min-height: 92px; padding: 18px 16px; border-bottom: 1px solid var(--line); }
      #jade-recipe .jr-fact:nth-child(2) { border-right: 0; }
      #jade-recipe .jr-fact:nth-child(3), #jade-recipe .jr-fact:nth-child(4) { border-bottom: 0; }
      #jade-recipe .jr-intro { padding: 68px 0 62px; }
      #jade-recipe .jr-intro h3, #jade-recipe .jr-section-head h3, #jade-recipe .jr-serve-copy h3 { font-size: 47px; }
      #jade-recipe .jr-section-head { display: block; }
      #jade-recipe .jr-section-head p { margin-top: 16px; text-align: left; }
      #jade-recipe .jr-ingredient-grid { display: block; }
      #jade-recipe .jr-ingredient, #jade-recipe .jr-ingredient:nth-child(2), #jade-recipe .jr-ingredient:nth-child(3) { min-height: auto; margin: 0 0 12px; padding: 24px 22px; }
      #jade-recipe .jr-method { padding: 68px 0 82px; }
      #jade-recipe .jr-phase, #jade-recipe .jr-phase:first-of-type { display: block; margin-top: 54px; }
      #jade-recipe .jr-phase p { margin-top: 7px; }
      #jade-recipe .jr-step-grid { display: block; }
      #jade-recipe .jr-step, #jade-recipe .jr-step:nth-child(3n) { margin-bottom: 18px; transform: none; }
      #jade-recipe .jr-step-photo img { aspect-ratio: 1.22 / 1; }
      #jade-recipe .jr-step-body { padding: 20px 20px 23px; }
      #jade-recipe .jr-serve-copy { min-height: auto; padding: 58px 25px 68px; }
      #jade-recipe .jr-serve-media, #jade-recipe .jr-serve-media img { min-height: 360px; height: 360px; }
      #jade-recipe .jr-footer { align-items: flex-start; flex-direction: column-reverse; padding: 24px 0; }
    }
    @media (prefers-reduced-motion: reduce) {
      #jade-recipe * { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
    }