.och26 {
  --och-ink: #153b3c;
  --och-deep: #082f2f;
  --och-teal: #075e57;
  --och-blue: #235f7a;
  --och-mint: #e9f3ee;
  --och-paper: #f7f8f3;
  --och-line: rgba(21, 59, 60, .16);
  --och-white: #fff;
  overflow: clip;
  color: var(--och-ink);
  background: var(--och-paper);
  font-family: Manrope, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.och26 *, .och26 *::before, .och26 *::after { box-sizing: border-box; }
.och26 img, .och26 video { display: block; max-width: 100%; }
.och26 a { color: inherit; }
.och26-shell { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
.och26-section { padding: 112px 0; scroll-margin-top: 112px; }
.och26-section--tint { background: #edf4ef; }
.och26-kicker { margin: 0 0 16px; color: #2e706c; font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.och26 h1, .och26 h2, .och26 h3, .och26 h4, .och26 p { margin-top: 0; }
.och26 h1, .och26 h2, .och26 h3, .och26 h4 { font-family: "Tenor Sans", "Times New Roman", serif; font-weight: 400; }
.och26 h2 { margin-bottom: 22px; color: var(--och-ink); font-size: clamp(38px, 5vw, 64px); line-height: 1.04; letter-spacing: -.025em; }
.och26 h3 { color: var(--och-ink); }
.och26 h4 { color: var(--och-ink); }
.och26-heading { max-width: 820px; margin-bottom: 48px; }
.och26-heading > p:last-child { max-width: 740px; margin-bottom: 0; color: #566b68; font-size: 18px; line-height: 1.7; }

.och26-hero { position: relative; isolation: isolate; min-height: 760px; padding: 74px 0 24px; background: linear-gradient(128deg, #eef7f2 0%, #edf5f0 45%, #e5f0ec 100%); }
.och26-grid { position: absolute; inset: 0; z-index: -3; opacity: .58; background-image: linear-gradient(rgba(33, 87, 83, .07) 1px, transparent 1px), linear-gradient(90deg, rgba(33, 87, 83, .07) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to bottom, #000 0%, rgba(0,0,0,.86) 70%, transparent 100%); }
.och26-orb { position: absolute; z-index: -2; border-radius: 50%; filter: blur(1px); }
.och26-orb--one { width: 520px; height: 520px; top: 5%; right: 5%; background: radial-gradient(circle, rgba(79, 157, 146, .22), rgba(79, 157, 146, 0) 69%); }
.och26-orb--two { width: 410px; height: 410px; left: -12%; bottom: -16%; background: radial-gradient(circle, rgba(55, 127, 166, .12), rgba(55, 127, 166, 0) 70%); }
.och26-hero__layout { display: grid; grid-template-columns: minmax(0, 1.07fr) minmax(390px, .93fr); align-items: center; gap: 54px; min-height: 620px; }
.och26-hero__copy { padding: 34px 0 22px; }
.och26-hero h1 { max-width: 730px; margin-bottom: 24px; color: var(--och-ink); font-size: clamp(48px, 5.8vw, 78px); line-height: .98; letter-spacing: -.035em; }
.och26-hero h1 span { display: block; color: var(--och-blue); }
.och26-hero__statement { margin-bottom: 18px; color: var(--och-teal); font-family: "Tenor Sans", "Times New Roman", serif; font-size: clamp(25px, 3vw, 38px); line-height: 1.15; }
.och26-hero__lead { max-width: 670px; margin-bottom: 30px; color: #506762; font-size: 18px; line-height: 1.65; }
.och26-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 34px; }
.och26-button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; padding: 14px 23px; border: 1px solid transparent; border-radius: 12px; font-size: 14px; font-weight: 600; line-height: 1.2; text-align: center; text-decoration: none; transition: transform .2s ease, background-color .2s ease, color .2s ease, box-shadow .2s ease; }
.och26-button:hover { transform: translateY(-2px); }
.och26-button--primary { color: white !important; background: var(--och-teal); box-shadow: 0 12px 30px rgba(7, 94, 87, .16); }
.och26-button--primary:hover { background: #064d48; box-shadow: 0 16px 34px rgba(7, 94, 87, .22); }
.och26-button--ghost { border-color: rgba(7, 94, 87, .24); color: var(--och-teal) !important; background: rgba(255,255,255,.52); }
.och26-button--ghost:hover { background: white; }
.och26-button--light { color: var(--och-deep) !important; background: #f8fcfa; }
.och26-hero__facts { display: grid; grid-template-columns: repeat(3, 1fr); max-width: 680px; padding-top: 23px; border-top: 1px solid var(--och-line); }
.och26-hero__facts div { min-width: 0; padding-right: 18px; }
.och26-hero__facts div + div { padding-left: 18px; border-left: 1px solid var(--och-line); }
.och26-hero__facts strong, .och26-hero__facts span { display: block; }
.och26-hero__facts strong { margin-bottom: 5px; font-size: 14px; font-weight: 600; }
.och26-hero__facts span { color: #6c7d79; font-size: 11px; line-height: 1.45; }
.och26-hero__visual { position: relative; min-width: 0; }
.och26-portrait { position: relative; min-height: 610px; overflow: hidden; border: 1px solid rgba(21,59,60,.12); border-radius: 42% 42% 26px 26px / 29% 29% 26px 26px; background: linear-gradient(155deg, #dfe6df, #bfcac2 73%, #aebbb2); box-shadow: 0 28px 70px rgba(29, 72, 67, .18); }
.och26-portrait__halo { position: absolute; inset: 7% 8% 13%; border: 1px solid rgba(255,255,255,.52); border-radius: 50%; box-shadow: 0 0 0 24px rgba(255,255,255,.08), 0 0 0 48px rgba(255,255,255,.05); }
.och26-portrait > img { position: absolute; z-index: 1; width: auto; height: 94%; max-width: none; left: 50%; bottom: 0; transform: translateX(-50%); filter: drop-shadow(0 18px 24px rgba(20,38,34,.18)); }
.och26-marking { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.och26-marking path { fill: none; stroke-linecap: round; }
.och26-marking__main { stroke: rgba(255,255,255,.86); stroke-width: 1.7; stroke-dasharray: 1180; stroke-dashoffset: 1180; animation: och-draw 4.8s cubic-bezier(.2,.6,.2,1) .45s forwards; }
.och26-marking__soft { stroke: rgba(7,94,87,.46); stroke-width: 1.1; stroke-dasharray: 8 7; animation: och-flow 12s linear infinite; }
.och26-marking circle { fill: #f8fffb; stroke: rgba(7,94,87,.6); stroke-width: 2; animation: och-pulse 2.8s ease-in-out infinite; }
.och26-plan-tag { position: absolute; z-index: 3; padding: 7px 10px; border: 1px solid rgba(255,255,255,.66); border-radius: 8px; color: var(--och-ink); background: rgba(246,251,248,.76); box-shadow: 0 6px 18px rgba(12,44,42,.08); backdrop-filter: blur(8px); font-size: 10px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.och26-plan-tag--one { top: 18%; left: 7%; }
.och26-plan-tag--two { top: 38%; right: 5%; }
.och26-plan-tag--three { bottom: 27%; left: 5%; }
.och26-portrait__caption { position: absolute; z-index: 4; right: 20px; bottom: 18px; left: 20px; margin: 0; padding: 14px 16px; border: 1px solid rgba(255,255,255,.44); border-radius: 14px; color: #eff8f3; background: rgba(8,47,47,.76); backdrop-filter: blur(8px); font-size: 12px; line-height: 1.5; }
.och26-hero__foot { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 12px; border-top: 1px solid var(--och-line); }
.och26-hero__foot > a { color: #54716c; font-size: 13px; text-decoration: none; }
.och26-hero__foot > a span { display: inline-flex; width: 28px; height: 28px; align-items: center; justify-content: center; margin-left: 8px; border: 1px solid var(--och-line); border-radius: 50%; }
.och26-socials { display: flex; gap: 8px; }
.och26-socials a { padding: 7px 12px; border: 1px solid var(--och-line); border-radius: 999px; color: #315d59; background: rgba(255,255,255,.42); font-size: 12px; text-decoration: none; }

.och26-topics { background: linear-gradient(180deg, #f7f8f3 0%, #eef4ef 58%, #f7f8f3 100%); }
.och26-topic-tabs { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 6px; padding: 7px; border: 1px solid rgba(21,59,60,.13); border-radius: 18px; background: rgba(247,248,243,.91); box-shadow: 0 16px 38px rgba(20,59,56,.08); backdrop-filter: blur(18px); }
.och26-topic-tab { min-height: 58px; padding: 10px 14px; border: 0; border-radius: 12px; color: #506a66; background: transparent; cursor: pointer; font: 600 12px/1.35 Manrope, sans-serif; text-align: center; transition: color .2s ease, background-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.och26-topic-tab:hover { color: var(--och-teal); background: rgba(255,255,255,.72); }
.och26-topic-tab:focus-visible { outline: 3px solid rgba(35,95,122,.28); outline-offset: 2px; }
.och26-topic-tab.is-active { color: white; background: var(--och-teal); box-shadow: 0 8px 22px rgba(7,94,87,.18); }
.och26-topic-panel { padding-top: 72px; }
.och26-topic-panel + .och26-topic-panel { margin-top: 92px; padding-top: 92px; border-top: 1px solid var(--och-line); }
.och26-is-interactive .och26-topic-panel[hidden] { display: none; }
.och26-is-interactive .och26-topic-panel + .och26-topic-panel { margin-top: 0; border-top: 0; }
.och26-topic-head { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(320px,.9fr); align-items: end; gap: 70px; margin-bottom: 42px; }
.och26-topic-head h3 { max-width: 720px; margin: 0; font-size: clamp(34px, 4.8vw, 58px); line-height: 1.05; letter-spacing: -.025em; }
.och26-topic-head > p { margin: 0 0 5px; color: #586d69; font-size: 16px; line-height: 1.7; }
.och26-topic-overview { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px; }
.och26-request-card, .och26-explain-card { position: relative; min-height: 430px; padding: 35px; overflow: hidden; border: 1px solid var(--och-line); border-radius: 24px; background: rgba(255,255,255,.82); }
.och26-request-card::after { content: ""; position: absolute; right: -80px; bottom: -92px; width: 230px; height: 230px; border: 1px solid rgba(35,95,122,.12); border-radius: 50%; box-shadow: 0 0 0 30px rgba(35,95,122,.035), 0 0 0 60px rgba(35,95,122,.025); }
.och26-explain-card { color: #eaf5f0; background: radial-gradient(circle at 90% 10%, rgba(98,177,161,.24), transparent 34%), var(--och-ink); }
.och26-card-index { position: relative; z-index: 1; display: block; margin-bottom: 42px; color: #668681; font-size: 11px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.och26-explain-card .och26-card-index { color: #8bd3c4; }
.och26-request-card h4, .och26-explain-card h4 { position: relative; z-index: 1; margin-bottom: 22px; font-size: clamp(27px,3vw,37px); line-height: 1.1; }
.och26-explain-card h4 { color: white; }
.och26-request-card ul { position: relative; z-index: 1; margin: 0 0 24px; padding: 0; list-style: none; }
.och26-request-card li { position: relative; margin-bottom: 10px; padding-left: 20px; color: #526965; font-size: 14px; line-height: 1.58; }
.och26-request-card li::before { content: ""; position: absolute; top: .68em; left: 1px; width: 7px; height: 7px; border: 1px solid #58958c; border-radius: 50%; }
.och26-card-note { position: relative; z-index: 1; margin: 0; padding-top: 17px; border-top: 1px solid var(--och-line); color: #2f6763; font-size: 13px; line-height: 1.58; }
.och26-explain-card p { margin: 0; padding: 16px 0; border-top: 1px solid rgba(255,255,255,.13); color: rgba(246,251,248,.72); font-size: 14px; line-height: 1.66; }
.och26-explain-card p strong { color: #f8fcfa; }
.och26-honest { display: grid; grid-template-columns: 54px 1fr; gap: 21px; max-width: 960px; margin-top: 22px; padding: 26px 30px; border-left: 3px solid var(--och-teal); border-radius: 0 18px 18px 0; background: #e2eee7; }
.och26-honest > span { display: flex; width: 46px; height: 46px; align-items: center; justify-content: center; border: 1px solid rgba(7,94,87,.25); border-radius: 50%; color: var(--och-teal); font-size: 20px; }
.och26-honest p { margin: 0; color: #49625e; font-size: 15px; line-height: 1.65; }
.och26-topic-case { margin-top: 58px; padding: 48px; border-radius: 30px; color: #f6fbf8; background: var(--och-deep); }
.och26-topic-case--placeholder { position: relative; display: grid; grid-template-columns: minmax(0,640px) auto; gap: 40px; align-items: end; min-height: 310px; overflow: hidden; border: 1px solid rgba(255,255,255,.12); background: radial-gradient(circle at 92% 5%,rgba(129,201,187,.18),transparent 34%),var(--och-deep); }
.och26-topic-case--placeholder::before { content: ""; position: absolute; top: -64px; right: -36px; width: 300px; height: 210px; border: 1px dashed rgba(164,223,211,.34); border-radius: 48% 52% 42% 58%; transform: rotate(-12deg); }
.och26-topic-case--placeholder > div { position: relative; z-index: 1; }
.och26-topic-case--placeholder h3 { max-width: 560px; margin: 0 0 18px; color: white; font-size: clamp(34px,4.6vw,58px); line-height: 1.03; }
.och26-topic-case--placeholder div > p:last-child { max-width: 560px; margin: 0; color: rgba(246,251,248,.66); font-size: 15px; line-height: 1.7; }
.och26-topic-case--placeholder > span { position: relative; z-index: 1; display: inline-flex; min-height: 38px; align-items: center; padding: 9px 14px; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; color: #a5dfd3; font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.och26-subheading { max-width: 790px; margin-bottom: 32px; }
.och26-subheading .och26-kicker { color: #7cc2b3; }
.och26-subheading h3 { margin-bottom: 15px; color: white; font-size: clamp(32px,4vw,49px); line-height: 1.07; }
.och26-subheading > p:last-child { margin-bottom: 0; color: rgba(246,251,248,.68); font-size: 14px; line-height: 1.65; }

.och26-story-list { display: grid; gap: 26px; }
.och26-story { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(340px,.92fr); min-height: 500px; overflow: hidden; border: 1px solid rgba(255,255,255,.13); border-radius: 24px; background: rgba(255,255,255,.055); }
.och26-story--reverse > :first-child { order: 2; }
.och26-story__media { min-height: 500px; background: #dce8e2; }
.och26-story__media img, .och26-story__media video { width: 100%; height: 100%; object-fit: cover; }
.och26-story__media--duo { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: rgba(255,255,255,.12); }
.och26-story__copy { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 43px; }
.och26-story__meta { margin-bottom: 20px; color: #83c9bb; font-size: 11px; font-weight: 600; letter-spacing: .11em; text-transform: uppercase; }
.och26-story__copy h4 { margin-bottom: 18px; color: white; font-size: clamp(28px,3.2vw,43px); line-height: 1.08; }
.och26-story__copy > p:not(.och26-story__meta) { margin-bottom: 26px; color: rgba(246,251,248,.72); font-size: 15px; line-height: 1.72; }
.och26-story__copy a { margin-top: auto; color: #a5dfd3; font-size: 13px; text-decoration: none; }
.och26-sensitive { position: relative; min-height: 500px; background: linear-gradient(145deg,#204d4b,#113938); }
.och26-sensitive > summary { position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px; color: white; text-align: center; cursor: pointer; list-style: none; background: radial-gradient(circle at 50% 42%,rgba(82,158,145,.32),transparent 45%), linear-gradient(135deg,rgba(9,47,46,.72),rgba(8,47,47,.96)); }
.och26-sensitive > summary::-webkit-details-marker { display: none; }
.och26-sensitive > summary::before { content: ""; width: 74px; height: 74px; margin-bottom: 22px; border: 1px solid rgba(255,255,255,.44); border-radius: 50%; background: linear-gradient(90deg,transparent 49%,rgba(255,255,255,.65) 50%,transparent 51%), linear-gradient(transparent 49%,rgba(255,255,255,.65) 50%,transparent 51%); background-size: 20px 20px; background-position: center; background-repeat: no-repeat; }
.och26-sensitive > summary span { margin-bottom: 9px; color: rgba(255,255,255,.68); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }
.och26-sensitive > summary strong { font-family: "Tenor Sans",serif; font-size: 23px; font-weight: 400; }
.och26-sensitive[open] > summary { display: none; }
.och26-sensitive__content { display: grid; grid-template-columns: 1fr 1fr; min-height: 500px; }
.och26-sensitive__content > * { width: 100%; height: 100%; min-height: 500px; object-fit: cover; background: #071f1f; }
.och26-sensitive__content--grid > * { object-fit: contain; }
.och26-text-stories { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.och26-text-stories article { display: flex; min-height: 330px; flex-direction: column; padding: 28px; border: 1px solid rgba(255,255,255,.13); border-radius: 19px; background: rgba(255,255,255,.055); }
.och26-text-stories article > span { margin-bottom: 48px; color: #83c9bb; font-size: 11px; letter-spacing: .12em; }
.och26-text-stories h4 { margin-bottom: 15px; color: white; font-size: 26px; line-height: 1.1; }
.och26-text-stories p { margin-bottom: 22px; color: rgba(246,251,248,.7); font-size: 14px; line-height: 1.68; }
.och26-text-stories a { margin-top: auto; color: #a5dfd3; font-size: 12px; text-decoration: none; }

.och26-topic-bottom { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: start; gap: 18px; margin-top: 22px; }
.och26-price-card, .och26-topic-faq { padding: 31px; border: 1px solid var(--och-line); border-radius: 22px; background: rgba(255,255,255,.78); }
.och26-price-card h3 { margin-bottom: 22px; font-size: 29px; }
.och26-price-row { display: flex; align-items: baseline; justify-content: space-between; gap: 24px; padding: 14px 0; border-top: 1px solid rgba(21,59,60,.1); color: #596c68; font-size: 13px; line-height: 1.45; }
.och26-price-row strong { flex: 0 0 auto; color: var(--och-ink); font-size: 13px; font-weight: 600; }
.och26-topic-faq .och26-kicker { margin-bottom: 12px; }
.och26-topic-faq details { border-top: 1px solid var(--och-line); }
.och26-topic-faq details:last-child { border-bottom: 1px solid var(--och-line); }
.och26-topic-faq summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 21px 0; color: var(--och-ink); cursor: pointer; list-style: none; font-family: "Tenor Sans",serif; font-size: 19px; line-height: 1.25; }
.och26-topic-faq summary::-webkit-details-marker { display: none; }
.och26-topic-faq summary span { display: flex; width: 29px; height: 29px; flex: 0 0 auto; align-items: center; justify-content: center; border: 1px solid var(--och-line); border-radius: 50%; font-family: Manrope,sans-serif; font-size: 16px; transition: transform .25s ease; }
.och26-topic-faq details[open] summary span { transform: rotate(45deg); }
.och26-topic-faq details div { padding: 0 43px 21px 0; }
.och26-topic-faq details p { margin: 0; color: #5e716d; font-size: 14px; line-height: 1.68; }

.och26-journey { background: linear-gradient(180deg,#f7f8f3,#f1f5f1); }
.och26-timeline { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; margin: 0; padding: 1px; border: 1px solid var(--och-line); border-radius: 24px; overflow: hidden; background: var(--och-line); list-style: none; }
.och26-timeline li { min-height: 224px; padding: 28px; background: #fbfcf8; }
.och26-timeline li > span { display: block; margin-bottom: 38px; color: #6a8a84; font-size: 11px; font-weight: 600; letter-spacing: .12em; }
.och26-timeline h3 { margin-bottom: 10px; font-size: 24px; }
.och26-timeline p { margin: 0; color: #667774; font-size: 13px; line-height: 1.6; }
.och26-recovery { display: grid; grid-template-columns: minmax(260px,.8fr) minmax(0,1.2fr); align-items: start; gap: 68px; margin-top: 26px; padding: 37px 39px; border-radius: 22px; color: #eaf5f0; background: var(--och-ink); }
.och26-recovery h3 { margin-bottom: 0; color: white; font-size: 32px; line-height: 1.14; }
.och26-recovery .och26-kicker { color: #8bd3c4; }
.och26-recovery > p { margin: 0; color: rgba(246,251,248,.75); font-size: 15px; line-height: 1.7; }

.och26-about { display: grid; grid-template-columns: minmax(320px,.87fr) minmax(0,1.13fr); gap: 76px; align-items: stretch; }
.och26-about__quote { display: flex; min-height: 530px; flex-direction: column; justify-content: flex-end; padding: 43px; border-radius: 28px; color: white; background: radial-gradient(circle at 30% 20%,rgba(112,187,173,.34),transparent 35%), linear-gradient(145deg,#174b48,#082f2f); }
.och26-about__quote::before { content: "“"; margin-bottom: auto; color: #8ad0c2; font-family: Georgia,serif; font-size: 96px; line-height: .7; }
.och26-about__quote p { margin-bottom: 24px; font-family: "Tenor Sans",serif; font-size: clamp(27px,3vw,40px); line-height: 1.2; }
.och26-about__quote span { color: rgba(255,255,255,.65); font-size: 13px; }
.och26-about__content { padding: 22px 0; }
.och26-about__content > p:not(.och26-kicker) { color: #596f6b; font-size: 17px; line-height: 1.72; }
.och26-credentials { margin: 34px 0; border-top: 1px solid var(--och-line); }
.och26-credentials div { display: grid; grid-template-columns: 92px 1fr; gap: 24px; padding: 18px 0; border-bottom: 1px solid var(--och-line); }
.och26-credentials dt { color: #356d67; font-size: 12px; font-weight: 600; }
.och26-credentials dd { margin: 0; color: #4e625f; font-size: 14px; line-height: 1.55; }
.och26-about__links { display: flex; flex-wrap: wrap; gap: 12px; }
.och26-about__links a { padding: 11px 14px; border: 1px solid var(--och-line); border-radius: 10px; color: var(--och-teal); font-size: 12px; text-decoration: none; }

.och26-final { padding: 90px 0; scroll-margin-top: 112px; color: white; background: linear-gradient(125deg,#0d3e3d,#075e57); }
.och26-final__inner { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(300px,.8fr); gap: 70px; align-items: end; }
.och26-final .och26-kicker { color: #8bd3c4; }
.och26-final h2 { max-width: 740px; margin-bottom: 20px; color: white; }
.och26-final p:not(.och26-kicker) { max-width: 690px; margin-bottom: 0; color: rgba(255,255,255,.72); font-size: 16px; line-height: 1.65; }
.och26-final__actions { display: flex; flex-direction: column; align-items: stretch; gap: 16px; }
.och26-final__actions > a:last-child { color: rgba(255,255,255,.72); font-size: 14px; text-align: center; text-decoration: none; }

.och26-reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s cubic-bezier(.22,.61,.36,1); transition-delay: var(--och-delay,0ms); }
.och26-reveal.is-visible { opacity: 1; transform: translateY(0); }
@keyframes och-draw { to { stroke-dashoffset: 0; } }
@keyframes och-flow { to { stroke-dashoffset: -120; } }
@keyframes och-pulse { 0%,100% { r: 4; opacity: .65; } 50% { r: 7; opacity: 1; } }

@media (max-width: 1020px) {
  .och26-section { padding: 88px 0; }
  .och26-hero__layout { grid-template-columns: 1fr .82fr; gap: 30px; }
  .och26-portrait { min-height: 540px; }
  .och26-topic-head { grid-template-columns: 1fr; gap: 20px; }
  .och26-story { grid-template-columns: 1fr 1fr; }
  .och26-story__copy { padding: 34px; }
  .och26-text-stories { grid-template-columns: 1fr; }
  .och26-text-stories article { min-height: 0; }
  .och26-about { gap: 40px; }
}

@media (max-width: 780px) {
  .och26-shell { width: min(100% - 30px, 680px); }
  .och26-section { padding: 72px 0; }
  .och26-heading { margin-bottom: 38px; }
  .och26-heading > p:last-child { font-size: 16px; line-height: 1.65; }
  .och26-hero { padding-top: 44px; }
  .och26-hero__layout { grid-template-columns: 1fr; min-height: 0; }
  .och26-hero__copy { padding-top: 15px; }
  .och26-hero h1 { font-size: clamp(43px,13vw,66px); }
  .och26-hero__statement { font-size: 28px; }
  .och26-hero__lead { font-size: 16px; }
  .och26-hero__visual { width: min(100%,520px); margin-inline: auto; }
  .och26-portrait { min-height: 600px; }
  .och26-hero__foot { padding: 20px 0 4px; }
  .och26-hero__foot > a { display: none; }
  .och26-topic-tabs { display: flex; gap: 5px; margin-inline: -15px; padding: 7px 15px; overflow-x: auto; border-inline: 0; border-radius: 0; scrollbar-width: none; }
  .och26-topic-tabs::-webkit-scrollbar { display: none; }
  .och26-topic-tab { min-width: max-content; max-width: 265px; flex: 0 0 auto; padding-inline: 18px; }
  .och26-topic-panel { padding-top: 54px; }
  .och26-topic-overview, .och26-topic-bottom { grid-template-columns: 1fr; }
  .och26-request-card, .och26-explain-card { min-height: 0; }
  .och26-topic-case { padding: 30px; }
  .och26-topic-case--placeholder { grid-template-columns: 1fr; min-height: 280px; }
  .och26-topic-case--placeholder > span { justify-self: start; }
  .och26-story, .och26-story--reverse { grid-template-columns: 1fr; }
  .och26-story--reverse > :first-child { order: 0; }
  .och26-story__media, .och26-sensitive { min-height: 450px; }
  .och26-sensitive__content > * { min-height: 450px; }
  .och26-timeline { grid-template-columns: repeat(2,1fr); }
  .och26-recovery { grid-template-columns: 1fr; gap: 20px; }
  .och26-about { grid-template-columns: 1fr; }
  .och26-about__quote { min-height: 450px; }
  .och26-final__inner { grid-template-columns: 1fr; gap: 38px; }
}

@media (max-width: 520px) {
  .och26-shell { width: calc(100% - 24px); }
  .och26-section { padding: 60px 0; }
  .och26 h2 { font-size: 38px; }
  .och26-hero { padding-top: 32px; }
  .och26-hero__actions { display: grid; grid-template-columns: 1fr; }
  .och26-button { width: 100%; }
  .och26-hero__facts { grid-template-columns: 1fr; gap: 12px; }
  .och26-hero__facts div { padding: 0; }
  .och26-hero__facts div + div { padding: 12px 0 0; border-top: 1px solid var(--och-line); border-left: 0; }
  .och26-portrait { min-height: 480px; border-radius: 42% 42% 20px 20px / 25% 25% 20px 20px; }
  .och26-portrait > img { width: auto; height: 92%; bottom: 0; }
  .och26-portrait__caption { right: 12px; bottom: 12px; left: 12px; }
  .och26-plan-tag--two { display: none; }
  .och26-socials { width: 100%; }
  .och26-socials a { flex: 1; text-align: center; }
  .och26-topic-tabs { margin-inline: -12px; padding-inline: 12px; }
  .och26-topic-head h3 { font-size: 38px; }
  .och26-request-card, .och26-explain-card { padding: 27px 23px; }
  .och26-card-index { margin-bottom: 30px; }
  .och26-honest { grid-template-columns: 1fr; padding: 24px; }
  .och26-topic-case { margin-inline: -4px; padding: 25px 16px 16px; border-radius: 22px; }
  .och26-topic-case--placeholder { min-height: 260px; padding: 28px 22px; }
  .och26-subheading { padding-inline: 7px; }
  .och26-story__media, .och26-sensitive { min-height: 395px; }
  .och26-story__media--duo { grid-template-columns: 1fr; }
  .och26-story__media--duo > * { min-height: 385px; }
  .och26-story__copy { padding: 29px 23px 33px; }
  .och26-sensitive__content { grid-template-columns: 1fr; }
  .och26-sensitive__content > * { min-height: 385px; }
  .och26-text-stories article { padding: 24px; }
  .och26-text-stories article > span { margin-bottom: 30px; }
  .och26-price-card, .och26-topic-faq { padding: 25px 20px; }
  .och26-price-row { align-items: flex-start; flex-direction: column; gap: 6px; }
  .och26-topic-faq summary { font-size: 18px; }
  .och26-timeline { grid-template-columns: 1fr; }
  .och26-timeline li { min-height: 0; }
  .och26-recovery { padding: 29px 24px; }
  .och26-about__quote { min-height: 420px; padding: 31px 25px; }
  .och26-credentials div { grid-template-columns: 68px 1fr; gap: 15px; }
  .och26-final { padding: 68px 0; }
}

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

/* 2026-09-03 refinement: warmer page, portrait-first mobile hero and compact controls. */
body:has(#ochulina-page) .am26-breadcrumbs,
body.och26-profile-active .am26-breadcrumbs {
  display: none !important;
}

.och26 {
  --och-ink: #153f3a;
  --och-deep: #0b3431;
  --och-teal: #075e57;
  --och-blue: #285f72;
  --och-mint: #e8f1eb;
  --och-paper: #f8f5ee;
  --och-line: rgba(21, 63, 58, .14);
  background: var(--och-paper);
}

.och26-hero {
  min-height: 720px;
  padding: 48px 0 22px;
  background:
    radial-gradient(circle at 78% 20%, rgba(105, 135, 128, .13), transparent 28%),
    linear-gradient(128deg, #f4f4eb 0%, #edf4ec 48%, #e4efea 100%);
}

.och26-grid {
  opacity: .37;
  background-size: 78px 78px;
}

.och26-hero__layout {
  grid-template-columns: minmax(0, 1.06fr) minmax(390px, .94fr);
  grid-template-rows: auto auto;
  min-height: 600px;
  align-items: center;
  gap: 10px 54px;
}

.och26-hero__copy {
  grid-column: 1;
  grid-row: 1;
  align-self: end;
  padding: 20px 0 0;
}

.och26-hero__details {
  grid-column: 1;
  grid-row: 2;
  align-self: start;
  padding-bottom: 18px;
}

.och26-hero__visual {
  grid-column: 2;
  grid-row: 1 / 3;
}

.och26-hero h1 {
  margin-bottom: 20px;
}

.och26-hero__statement {
  max-width: 620px;
  margin-bottom: 0;
}

.och26-hero__lead {
  margin-bottom: 22px;
}

.och26-hero__actions {
  margin-bottom: 26px;
}

.och26-hero__actions .am26-hero-services-jump {
  margin: 0;
}

.och26-portrait {
  min-height: 586px;
  border-color: rgba(70, 67, 43, .14);
  background:
    radial-gradient(circle at 28% 26%, rgba(255, 250, 226, .85), transparent 25%),
    linear-gradient(155deg, #e8e5d9, #c9d1c5 70%, #b5c3b8);
  box-shadow: 0 24px 58px rgba(29, 72, 67, .15);
}

.och26-portrait > img {
  z-index: 2;
  height: 96%;
}

.och26-golden-ratio {
  position: absolute;
  z-index: 1;
  right: -7%;
  bottom: -3%;
  width: 110%;
  height: 110%;
  overflow: visible;
  pointer-events: none;
}

.och26-golden-ratio path {
  fill: none;
  stroke: rgba(70, 107, 100, .78);
  stroke-width: 1.6;
  stroke-dasharray: 7 8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.och26-golden-ratio path:first-child {
  --och-golden-opacity: .82;
  opacity: 0;
  stroke-width: 2.2;
  stroke-dasharray: 9 8;
  stroke-dashoffset: 920;
  animation: och-golden-draw 2.2s cubic-bezier(.24,.68,.26,1) .35s forwards;
}

.och26-golden-ratio path:last-child {
  --och-golden-opacity: .35;
  opacity: 0;
  stroke-dasharray: 5 10;
  stroke-dashoffset: 180;
  animation: och-golden-draw 1.7s ease .85s forwards;
}

@keyframes och-golden-draw {
  0% { opacity: 0; }
  18% { opacity: var(--och-golden-opacity); }
  100% { opacity: var(--och-golden-opacity); stroke-dashoffset: 0; }
}

.och26-hero__foot {
  justify-content: flex-end;
  padding-top: 8px;
}

.och26-topics {
  background:
    radial-gradient(circle at 8% 12%, rgba(105, 135, 128, .08), transparent 22%),
    linear-gradient(180deg, #f9f6ef 0%, #edf3ed 57%, #f8f5ee 100%);
}

.och26-heading {
  margin-bottom: 32px;
}

.och26-heading > p:last-child {
  max-width: 610px;
}

.och26-topic-tabs {
  gap: 4px;
  padding: 5px;
  border-color: rgba(21, 63, 58, .12);
  border-radius: 15px;
  background: rgba(255, 253, 248, .92);
  box-shadow: 0 10px 28px rgba(20, 59, 56, .06);
  backdrop-filter: none;
}

.och26-topic-tab {
  min-height: 46px;
  padding: 8px 11px;
  border-radius: 10px;
  font-size: 11px;
}

.och26-topic-panel {
  padding-top: 48px;
}

.och26-topic-head {
  margin-bottom: 22px;
}

.och26-honest {
  display: block;
  max-width: 790px;
  margin: 0 0 22px;
  padding: 11px 0 11px 17px;
  border-left: 2px solid rgba(7, 94, 87, .43);
  border-radius: 0;
  background: transparent;
}

.och26-honest > span {
  display: none;
}

.och26-honest p {
  color: #60736e;
  font-size: 13px;
  line-height: 1.55;
}

.och26-honest p strong {
  color: #355b55;
  font-weight: 650;
}

.och26-topic-overview + .och26-honest {
  margin-top: 16px;
}

.och26-topic-overview {
  gap: 14px;
}

.och26-request-card,
.och26-explain-card {
  min-height: 380px;
  border-radius: 21px;
}

.och26-request-card {
  background: rgba(255, 253, 248, .94);
  box-shadow: 0 14px 36px rgba(36, 62, 55, .06);
}

.och26-request-card h4:first-child {
  margin-top: 0;
}

.och26-explain-card {
  background: radial-gradient(circle at 91% 8%, rgba(214, 174, 77, .2), transparent 32%), var(--och-ink);
}

.och26-price-card,
.och26-topic-faq {
  background: rgba(255, 253, 248, .86);
}

@media (max-width: 1020px) {
  .och26-hero__layout {
    grid-template-columns: minmax(0, 1fr) minmax(340px, .82fr);
    gap: 8px 30px;
  }

  .och26-portrait { min-height: 540px; }
}

@media (max-width: 780px) {
  .och26-section { padding: 62px 0; }

  .och26-hero {
    min-height: 0;
    padding-top: 22px;
  }

  .och26-hero__layout {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    gap: 16px;
  }

  .och26-hero__copy,
  .och26-hero__visual,
  .och26-hero__details {
    grid-column: 1;
    grid-row: auto;
  }

  .och26-hero__copy {
    padding-top: 4px;
  }

  .och26-hero h1 {
    margin-bottom: 13px;
    font-size: clamp(40px, 12vw, 58px);
  }

  .och26-hero__statement {
    font-size: clamp(25px, 7.2vw, 31px);
  }

  .och26-hero__visual {
    width: min(100%, 490px);
    margin-inline: auto;
  }

  .och26-portrait {
    min-height: 440px;
  }

  .och26-hero__details {
    padding: 0 2px 6px;
  }

  .och26-hero__lead {
    margin-bottom: 18px;
    font-size: 15px;
    line-height: 1.58;
  }

  .och26-hero__actions {
    display: block;
    margin-bottom: 24px;
  }

  .och26-hero__actions .am26-hero-services-jump {
    width: 100%;
    max-width: none;
  }

  .och26-hero__facts {
    padding-top: 18px;
  }

  .och26-hero__foot {
    padding: 10px 0 4px;
  }

  .och26-topic-tabs {
    gap: 4px;
    margin-inline: -15px;
    padding: 5px 15px;
    border-inline: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .och26-topic-tab {
    min-height: 42px;
    max-width: 224px;
    padding-inline: 14px;
    border: 1px solid rgba(21, 63, 58, .13);
    background: rgba(255, 253, 248, .82);
  }

  .och26-topic-panel { padding-top: 38px; }
  .och26-topic-head { gap: 14px; margin-bottom: 16px; }
  .och26-topic-head > p { font-size: 14px; line-height: 1.58; }

  .och26-honest {
    margin-bottom: 17px;
    padding: 8px 0 8px 13px;
  }

  .och26-request-card,
  .och26-explain-card {
    min-height: 0;
    padding: 25px 22px;
  }

  .och26-request-card h4,
  .och26-explain-card h4 {
    margin-bottom: 17px;
  }
}

@media (max-width: 520px) {
  .och26-section { padding: 54px 0; }
  .och26-heading { margin-bottom: 25px; }
  .och26-heading > p:last-child { font-size: 14px; line-height: 1.55; }

  .och26-hero { padding-top: 18px; }
  .och26-hero__layout { gap: 13px; }
  .och26-hero h1 { font-size: clamp(37px, 11.2vw, 49px); }

  .och26-portrait {
    min-height: 370px;
    border-radius: 40% 40% 19px 19px / 22% 22% 19px 19px;
  }

  .och26-portrait > img {
    width: auto;
    height: 97%;
  }

  .och26-golden-ratio {
    right: -14%;
    bottom: -5%;
    width: 120%;
    height: 120%;
  }

  .och26-hero__facts {
    gap: 9px;
  }

  .och26-hero__facts div + div {
    padding-top: 9px;
  }

  .och26-topic-tabs {
    margin-inline: -12px;
    padding-inline: 12px;
  }

  .och26-topic-head h3 { font-size: 34px; }

  .och26-topic-case--placeholder {
    min-height: 220px;
    padding: 24px 19px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .och26-golden-ratio path {
    opacity: var(--och-golden-opacity) !important;
    stroke-dashoffset: 0 !important;
  }
}

/* 2026-09-03 iteration: true golden-ratio construction and a clearer patient route. */
.och26-golden-ratio {
  right: -29%;
  bottom: -5%;
  width: 146%;
  height: 116%;
  transform: rotate(-3deg);
}

.och26-golden-ratio path,
.och26-golden-ratio rect {
  fill: none;
  stroke: rgba(70, 107, 100, .72);
  stroke-width: 2;
  stroke-dasharray: 9 10;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  stroke-linejoin: round;
  animation: none;
}

.och26-golden-ratio__grid {
  opacity: 0;
  animation: och-golden-reveal 1.15s ease .32s forwards;
}

.och26-golden-ratio__grid path,
.och26-golden-ratio__grid rect {
  stroke-width: 1.35;
  stroke-dasharray: 5 11;
}

.och26-golden-ratio__spiral {
  opacity: 0;
  stroke-width: 2.7 !important;
  stroke-dasharray: 10 9 !important;
  animation: och-golden-reveal 1.15s ease .5s forwards !important;
}

@keyframes och-golden-reveal {
  from { opacity: 0; transform: translateY(9px); }
  to { opacity: .82; transform: translateY(0); }
}

.och26-about-section {
  background:
    radial-gradient(circle at 12% 14%, rgba(105, 135, 128, .1), transparent 24%),
    linear-gradient(180deg, #f8f5ee, #eef3ed);
}

.och26-journey {
  overflow: hidden;
  background:
    radial-gradient(circle at 92% 9%, rgba(105, 135, 128, .14), transparent 25%),
    linear-gradient(155deg, #e7efe8 0%, #f8f5ee 55%, #efe8da 100%);
}

.och26-journey .och26-heading {
  max-width: 790px;
}

.och26-timeline-wrap {
  position: relative;
  margin-top: 46px;
}

.och26-timeline-map {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.och26-timeline-map path {
  fill: none;
  stroke: rgba(85, 121, 114, .58);
  stroke-width: 2.2;
  stroke-dasharray: 7 10;
  stroke-linecap: round;
}

.och26-timeline {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 34px 24px;
  margin: 0;
  padding: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.och26-timeline li {
  position: relative;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 16px;
  min-height: 206px;
  align-content: start;
  padding: 24px 22px 25px;
  border: 1px solid rgba(21, 63, 58, .13);
  border-radius: 22px 22px 46px 22px;
  background: rgba(255, 253, 248, .93);
  box-shadow: 0 18px 42px rgba(32, 65, 57, .08);
}

.och26-timeline li:nth-child(even) {
  border-radius: 22px 46px 22px 22px;
  background: rgba(241, 247, 241, .96);
}

.och26-timeline li:nth-child(4) { grid-column: 3; grid-row: 2; }
.och26-timeline li:nth-child(5) { grid-column: 2; grid-row: 2; }
.och26-timeline li:nth-child(6) { grid-column: 1; grid-row: 2; }

.och26-timeline li > span {
  display: grid;
  width: 46px;
  height: 46px;
  margin: 0;
  place-items: center;
  border: 1px solid rgba(85, 121, 114, .32);
  border-radius: 50%;
  color: #355f59;
  background: #dce8e2;
  box-shadow: 0 0 0 7px rgba(205, 222, 214, .18);
  font-size: 10px;
  font-weight: 750;
  letter-spacing: .1em;
}

.och26-timeline h3 {
  margin: 3px 0 11px;
  color: #173e39;
  font-size: 23px;
  line-height: 1.08;
}

.och26-timeline p {
  color: #5b716b;
  font-size: 13px;
  line-height: 1.62;
}

.och26-recovery {
  position: relative;
  margin-top: 36px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .13);
  background:
    radial-gradient(circle at 92% 0%, rgba(115, 145, 136, .2), transparent 34%),
    linear-gradient(130deg, #123f3a, #082e2c);
  box-shadow: 0 20px 50px rgba(17, 55, 51, .14);
}

.och26-recovery::after {
  content: "";
  position: absolute;
  right: -28px;
  bottom: -52px;
  width: 176px;
  height: 176px;
  border: 1px dashed rgba(201, 221, 212, .34);
  border-radius: 50%;
}

.och26-recovery .och26-kicker {
  color: #c9ddd4 !important;
}

.och26-recovery h3 {
  color: #fffdf7 !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .2);
}

.och26-recovery > p {
  position: relative;
  z-index: 1;
  color: rgba(250, 252, 247, .82);
}

.och26-about--solo {
  grid-template-columns: minmax(0, 1fr);
}

.och26-about--solo .och26-about__content {
  width: min(100%, 1040px);
  padding-block: 0;
}

.och26-post-case-notes {
  display: grid;
  grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr);
  align-items: stretch;
  gap: 18px;
  margin-top: 30px;
}

.och26-post-case-notes .och26-about__quote {
  min-height: 0;
  height: 100%;
  padding: 31px 32px;
  border-radius: 22px;
}

.och26-post-case-notes .och26-about__quote::before {
  margin-bottom: 34px;
  font-size: 66px;
}

.och26-post-case-notes .och26-about__quote p {
  margin-bottom: 18px;
  font-size: clamp(23px, 2.2vw, 31px);
  line-height: 1.25;
}

.och26-recovery--post-case {
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  height: 100%;
  margin-top: 0;
  padding: 31px 32px;
  border-radius: 22px;
}

@media (max-width: 780px) {
  .och26-golden-ratio {
    right: -31%;
    bottom: -7%;
    width: 151%;
    height: 120%;
  }

  .och26-timeline-map { display: none; }

  .och26-timeline {
    grid-template-columns: 1fr;
    gap: 13px;
    padding-left: 0;
  }

  .och26-timeline::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 28px;
    bottom: 28px;
    left: 31px;
    border-left: 2px dashed rgba(85, 121, 114, .48);
  }

  .och26-timeline li,
  .och26-timeline li:nth-child(4),
  .och26-timeline li:nth-child(5),
  .och26-timeline li:nth-child(6) {
    grid-column: auto;
    grid-row: auto;
    min-height: 0;
    padding: 19px 18px;
  }

  .och26-timeline li:nth-child(odd) { margin-right: 16px; }
  .och26-timeline li:nth-child(even) { margin-left: 16px; }

  .och26-post-case-notes {
    grid-template-columns: 1fr;
    gap: 14px;
    margin-top: 22px;
  }
}

@media (max-width: 520px) {
  .och26-golden-ratio {
    right: -38%;
    bottom: -8%;
    width: 165%;
    height: 124%;
  }

  .och26-timeline-wrap { margin-top: 30px; }

  .och26-timeline li {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 13px;
    padding: 18px 16px 19px;
    border-radius: 18px 18px 36px 18px;
  }

  .och26-timeline li:nth-child(even) {
    border-radius: 18px 36px 18px 18px;
  }

  .och26-timeline li > span {
    width: 40px;
    height: 40px;
    box-shadow: 0 0 0 5px rgba(205, 222, 214, .17);
  }

  .och26-timeline h3 { font-size: 21px; }
  .och26-timeline p { font-size: 12px; line-height: 1.55; }
  .och26-recovery { margin-top: 24px; }
  .och26-recovery--post-case { margin-top: 0; }
  .och26-post-case-notes .och26-about__quote,
  .och26-recovery--post-case { padding: 25px 22px; }
  .och26-post-case-notes .och26-about__quote::before {
    margin-bottom: 24px;
    font-size: 56px;
  }
  .och26-post-case-notes .och26-about__quote p { font-size: 22px; }
}

@media (prefers-reduced-motion: reduce) {
  .och26-golden-ratio__grid,
  .och26-golden-ratio__spiral {
    opacity: .82 !important;
    transform: none !important;
    animation: none !important;
  }
}


/* 2026-09-04 mobile-first refinement: calm clinic palette, clearer ratio, compact route. */
.och26 {
  --och-accent: #52756f;
  --och-accent-soft: #dce8e2;
  --och-accent-deep: #315d57;
}

.och26-portrait {
  border-radius: 0 0 22px 22px;
}

.och26-golden-ratio {
  top: 10%;
  right: -3%;
  bottom: auto;
  width: 72%;
  height: auto;
  transform: none;
}

.och26-golden-ratio path,
.och26-golden-ratio rect {
  stroke: rgba(82, 117, 111, .5);
  stroke-width: 1.1;
  stroke-dasharray: 4 7;
}

.och26-golden-ratio__grid {
  opacity: .42;
  animation: none;
}

.och26-golden-ratio__grid path,
.och26-golden-ratio__grid rect {
  stroke-width: 1;
  stroke-dasharray: 3 7;
}

.och26-golden-ratio__spiral {
  opacity: .8;
  stroke: rgba(49, 93, 87, .78) !important;
  stroke-width: 1.9 !important;
  stroke-dasharray: 6 6 !important;
  animation: none !important;
}

.och26-timeline-map path {
  stroke: rgba(82, 117, 111, .48);
}

.och26-timeline li > span {
  border-color: rgba(82, 117, 111, .3);
  color: #315d57;
  background: #dce8e2;
  box-shadow: 0 0 0 6px rgba(220, 232, 226, .2);
}

@media (max-width: 780px) {
  .och26-journey.och26-section {
    padding: 44px 0;
  }

  .och26-journey .och26-heading {
    margin-bottom: 18px;
  }

  .och26-journey .och26-kicker {
    margin-bottom: 10px;
  }

  .och26-journey .och26-heading h2 {
    margin-bottom: 14px;
    font-size: clamp(32px, 9.2vw, 37px);
    line-height: 1.04;
  }

  .och26-journey .och26-heading > p:last-child {
    font-size: 13px;
    line-height: 1.5;
  }

  .och26-timeline-wrap {
    margin-top: 20px;
  }

  .och26-timeline {
    gap: 9px;
  }

  .och26-timeline::before {
    top: 22px;
    bottom: 22px;
    left: 25px;
    border-left: 1px dashed rgba(82, 117, 111, .42);
  }

  .och26-timeline li,
  .och26-timeline li:nth-child(4),
  .och26-timeline li:nth-child(5),
  .och26-timeline li:nth-child(6) {
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 11px;
    padding: 14px 13px 15px;
  }

  .och26-timeline li:nth-child(odd) { margin-right: 6px; }
  .och26-timeline li:nth-child(even) { margin-left: 6px; }

  .och26-timeline li > span {
    width: 34px;
    height: 34px;
    box-shadow: 0 0 0 4px rgba(220, 232, 226, .22);
  }

  .och26-timeline h3 {
    margin: 1px 0 7px;
    font-size: 20px;
  }

  .och26-timeline p {
    font-size: 11.5px;
    line-height: 1.48;
  }

  .och26-recovery {
    margin-top: 18px;
    padding: 24px 20px;
  }
}

@media (max-width: 520px) {
  .och26-portrait {
    border-radius: 0 0 19px 19px;
  }

  .och26-golden-ratio {
    top: 8%;
    right: -2%;
    bottom: auto;
    width: 70%;
    height: auto;
  }
}


/* 2026-09-04 ratio visibility adjustment after mobile QA. */
.och26-golden-ratio {
  z-index: 3;
  top: 13%;
  right: -4%;
  width: 62%;
}

.och26-golden-ratio__grid path,
.och26-golden-ratio__grid rect {
  stroke: rgba(82, 117, 111, .34);
  stroke-width: .9;
  stroke-dasharray: 3 6;
}

.och26-golden-ratio__spiral {
  stroke: rgba(49, 93, 87, .72) !important;
  stroke-width: 1.6 !important;
  stroke-dasharray: 5 5 !important;
}

@media (max-width: 520px) {
  .och26-golden-ratio {
    z-index: 3;
    top: 13%;
    right: -4%;
    width: 62%;
  }
}


/* 2026-09-04 campaign-ready editorial art direction. */
.och26 {
  --och-berry: #875f69;
  --och-berry-deep: #6f4c56;
  --och-blush: #eadbd7;
  --och-cream: #faf5ef;
  --och-sage: #dce8e2;
  --och-petrol: #315d57;
  background: var(--och-cream);
}

.och26 .och26-kicker {
  color: #7b5862;
}

.och26-hero {
  background:
    radial-gradient(circle at 88% 18%, rgba(135, 95, 105, .2), transparent 27%),
    radial-gradient(circle at 7% 76%, rgba(82, 117, 111, .14), transparent 34%),
    linear-gradient(138deg, #fbf6f0 0%, #edf4ef 52%, #e8ddda 100%);
}

.och26-hero__statement {
  color: var(--och-berry-deep);
}

.och26-portrait {
  border-color: rgba(111, 76, 86, .18);
  background:
    radial-gradient(circle at 74% 16%, rgba(234, 219, 215, .95), transparent 29%),
    linear-gradient(150deg, #f0e8e2 0%, #dce8e2 62%, #c7d7cf 100%);
  box-shadow: 0 26px 64px rgba(53, 79, 72, .18), 0 8px 24px rgba(111, 76, 86, .1);
}

.och26-about-section {
  background:
    radial-gradient(circle at 9% 16%, rgba(135, 95, 105, .11), transparent 26%),
    linear-gradient(180deg, #faf5ef 0%, #eef3ee 100%);
}

.och26-about__quote {
  background:
    radial-gradient(circle at 26% 20%, rgba(190, 135, 149, .34), transparent 38%),
    linear-gradient(145deg, #315d57, #123d39 68%, #082f2f);
  box-shadow: 0 24px 54px rgba(24, 63, 58, .18);
}

.och26-journey {
  background:
    radial-gradient(circle at 92% 8%, rgba(135, 95, 105, .16), transparent 27%),
    radial-gradient(circle at 4% 74%, rgba(82, 117, 111, .12), transparent 31%),
    linear-gradient(150deg, #eef4ef 0%, #faf5ef 54%, #f0e2df 100%);
}

.och26-timeline li {
  border-color: rgba(111, 76, 86, .13);
  background: rgba(255, 252, 248, .92);
  box-shadow: 0 16px 38px rgba(63, 82, 75, .08), 0 6px 16px rgba(111, 76, 86, .05);
}

.och26-timeline li:nth-child(even) {
  background: rgba(242, 234, 232, .92);
}

.och26-timeline li > span {
  border-color: rgba(135, 95, 105, .3);
  color: var(--och-berry-deep);
  background: var(--och-blush);
  box-shadow: 0 0 0 5px rgba(234, 219, 215, .22);
}

.och26-timeline li:nth-child(even) > span {
  border-color: rgba(82, 117, 111, .28);
  color: var(--och-petrol);
  background: var(--och-sage);
}

.och26-timeline-map path {
  stroke: rgba(135, 95, 105, .42);
}

.och26-topics {
  background:
    radial-gradient(circle at 8% 10%, rgba(135, 95, 105, .1), transparent 22%),
    radial-gradient(circle at 94% 72%, rgba(82, 117, 111, .11), transparent 28%),
    linear-gradient(180deg, #fbf6f0 0%, #edf3ee 48%, #f7eee9 100%);
}

.och26-topic-tabs {
  border-color: rgba(111, 76, 86, .13);
  background: rgba(255, 251, 246, .9);
  box-shadow: 0 14px 34px rgba(45, 72, 65, .08);
}

.och26-request-card,
.och26-price-card,
.och26-topic-faq {
  border-color: rgba(111, 76, 86, .13);
  background: linear-gradient(145deg, rgba(255, 253, 249, .96), rgba(246, 237, 234, .88));
  box-shadow: 0 18px 42px rgba(48, 75, 68, .08);
}

.och26-topic-case {
  background:
    radial-gradient(circle at 91% 8%, rgba(190, 135, 149, .22), transparent 32%),
    linear-gradient(145deg, #123f3a, #082f2f);
  box-shadow: 0 22px 52px rgba(21, 62, 57, .16);
}

.och26-final {
  background:
    radial-gradient(circle at 84% 12%, rgba(190, 135, 149, .3), transparent 35%),
    linear-gradient(125deg, #163f3a, #075e57 68%, #315d57);
}

@media (max-width: 780px) {
  .och26-timeline::before {
    border-left-color: rgba(135, 95, 105, .38);
  }

  .och26-topic-tabs {
    background: rgba(250, 245, 239, .94);
  }
}


/* golden ratio clarity after 390x844 visual QA */
.och26-golden-ratio {
  filter:
    drop-shadow(0 1px 0 rgba(255, 255, 255, .96))
    drop-shadow(0 0 5px rgba(250, 245, 239, .62));
}

.och26-golden-ratio__grid rect,
.och26-golden-ratio__grid path {
  stroke: rgba(49, 93, 87, .58);
  stroke-width: 1.05;
}

.och26-golden-ratio__grid rect {
  stroke-dasharray: 3 5;
}

.och26-golden-ratio__grid path {
  stroke-dasharray: 4 7;
}

.och26-golden-ratio__spiral {
  stroke: rgba(21, 63, 58, .94) !important;
  stroke-width: 1.85 !important;
  stroke-dasharray: 4 4 !important;
}

.och26-portrait::after {
  content: "ЗОЛОТОЕ СЕЧЕНИЕ · 1:1,618";
  position: absolute;
  z-index: 4;
  top: 13px;
  right: 13px;
  padding: 6px 9px 5px;
  border: 1px solid rgba(49, 93, 87, .24);
  border-radius: 999px;
  color: #315d57;
  background: rgba(250, 245, 239, .82);
  box-shadow: 0 8px 20px rgba(21, 63, 58, .08);
  backdrop-filter: blur(8px);
  font-size: 8px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .09em;
  white-space: nowrap;
}


/* 2026-09-04 review: golden ratio, unified route, editorial topic switch */
.och26-portrait::after {
  content: none !important;
  display: none !important;
}

.och26-golden-ratio {
  z-index: 3;
  top: 9%;
  right: -10%;
  bottom: auto;
  width: 66%;
  height: auto;
  transform: none;
  filter:
    drop-shadow(0 1px 0 rgba(255, 255, 255, .94))
    drop-shadow(0 0 4px rgba(250, 245, 239, .5));
}

.och26-golden-ratio path,
.och26-golden-ratio rect {
  vector-effect: non-scaling-stroke;
}

.och26-golden-ratio__grid {
  opacity: .56 !important;
}

.och26-golden-ratio__grid path,
.och26-golden-ratio__grid rect {
  stroke: rgba(111, 76, 86, .68);
  stroke-width: .9;
  stroke-dasharray: 3 6;
}

.och26-golden-ratio__spiral {
  opacity: .9 !important;
  stroke: rgba(111, 76, 86, .9) !important;
  stroke-width: 1.65 !important;
  stroke-dasharray: 4 5 !important;
}

.och26-heading__accent {
  display: inline-block;
  color: var(--och-berry);
  font-size: 1.08em;
  font-style: italic;
  font-weight: 500;
  white-space: nowrap;
}

.och26-timeline li,
.och26-timeline li:nth-child(even) {
  border-radius: 18px 18px 36px 18px;
  background: rgba(255, 252, 248, .94);
}

.och26-timeline li > span,
.och26-timeline li:nth-child(even) > span {
  border-color: rgba(135, 95, 105, .3);
  color: var(--och-berry-deep);
  background: var(--och-blush);
  box-shadow: 0 0 0 5px rgba(234, 219, 215, .22);
}

.och26-timeline::before,
.och26-timeline-map {
  display: none !important;
}

.och26-topic-tabs {
  gap: 6px;
  padding: 7px;
  border: 1px solid rgba(111, 76, 86, .16);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(242, 226, 223, .96), rgba(232, 239, 234, .96));
  box-shadow:
    0 16px 34px rgba(65, 75, 68, .09),
    inset 0 1px 0 rgba(255, 255, 255, .8);
}

.och26-topic-tab {
  min-height: 44px;
  border: 1px solid rgba(111, 76, 86, .14);
  border-radius: 12px;
  color: #4d6863;
  background: rgba(255, 252, 247, .82);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72);
}

.och26-topic-tab:hover {
  color: var(--och-berry-deep);
  background: rgba(255, 248, 244, .96);
}

.och26-topic-tab.is-active {
  border-color: rgba(111, 76, 86, .66);
  color: #fffaf6;
  background: linear-gradient(145deg, var(--och-berry), var(--och-berry-deep));
  box-shadow: 0 9px 20px rgba(111, 76, 86, .2);
}

@media (max-width: 780px) {
  .och26-timeline li,
  .och26-timeline li:nth-child(odd),
  .och26-timeline li:nth-child(even) {
    margin-right: 0;
    margin-left: 0;
  }

  .och26-topic-tabs {
    margin-inline: 0;
    padding: 7px;
    border-inline: 1px solid rgba(111, 76, 86, .16);
    border-radius: 18px;
    background:
      linear-gradient(135deg, rgba(242, 226, 223, .96), rgba(232, 239, 234, .96));
    box-shadow:
      0 14px 30px rgba(65, 75, 68, .08),
      inset 0 1px 0 rgba(255, 255, 255, .8);
  }
}