/* Maritime long-form stories. Loaded only on article pages. */
body {background:#e3edf2}
.site-header {background:#081b2a;border-bottom:1px solid #ffffff12}
.case-editorial {
  --muted:#526578;--line:#c9d9e3;--sea:#9be2d0;--deep:#081b2a;
  background:radial-gradient(ellipse 900px 700px at 0 1100px,rgba(133,186,193,.14),transparent 85%),linear-gradient(180deg,#e1ebf3 0%,#edf2ef 55%,#e3edf2 100%);
}
.case-editorial .article-hero {position:relative;isolation:isolate;overflow:hidden;padding:28px 0 0;border-radius:0 0 48px 48px;background:radial-gradient(ellipse at 85% 40%,#154a53 0%,transparent 56%),var(--deep)}
.case-editorial .article-hero::before {content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.23;background-image:linear-gradient(#7cbcc621 1px,transparent 1px),linear-gradient(90deg,#7cbcc621 1px,transparent 1px);background-size:76px 76px}
.case-editorial .article-hero .container {max-width:1180px}
.case-editorial .back-link {margin:0 0 32px;font-size:.875rem;color:#b9cdd9}
.case-editorial .back-link:hover {color:var(--sea)}
.voyage-hero {display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:36px;align-items:center;padding-bottom:44px}
.voyage-copy {position:relative;z-index:2;min-width:0;padding-bottom:12px}
.case-editorial .voyage-label {display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:.8rem;letter-spacing:.15em;color:var(--sea);margin:0 0 25px}
.voyage-dot {height:8px;width:8px;border-radius:50%;background:var(--sea);box-shadow:0 0 0 5px #9be2d014;flex-shrink:0}
.voyage-label-divider {color:#638793}
.case-editorial .article-hero h1 {font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(2.65rem,4.4vw,3.85rem);line-height:1.1;letter-spacing:-.035em;text-wrap:balance;color:#f4f6f2}
.case-editorial .article-summary {max-width:580px;font-size:1.075rem;line-height:1.75;color:#c1d3dd;margin-top:26px}
.voyage-start {display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:32px}
.case-editorial .read-story {min-height:54px;padding:15px 23px;border-radius:8px;background:var(--sea);color:#102b31;gap:30px;font-size:1rem}
.case-editorial .read-story:hover {background:#b9efdf;color:#102b31}
.read-story>span {font-size:1.45rem;font-weight:400;line-height:1}
.voyage-start>span {font-size:.875rem;line-height:1.55;color:#afc7d3}
.guide-art {position:relative;min-width:0;align-self:end;isolation:isolate;margin:0 -8px 0 0;padding:12px 0 0}
.guide-orbit {position:absolute;inset:14% -4% auto 8%;aspect-ratio:1;border:1px solid #9be2d040;border-radius:50%;z-index:-1;background:radial-gradient(circle,#30787532 0%,#30787518 55%,transparent 72%)}
.guide-orbit::before,.guide-orbit::after {content:"";position:absolute;border:1px solid #9be2d02b;border-radius:50%;inset:9%}
.guide-orbit::after {inset:22%;border-style:dashed}
.guide-orbit>span {position:absolute;top:14%;right:13%;height:9px;width:9px;border-radius:50%;background:var(--sea);box-shadow:0 0 24px #9be2d080}
.sailor-guide {position:relative;display:block;width:100%;height:auto;filter:drop-shadow(10px 18px 20px #00111d45)}
.guide-note {position:absolute;bottom:5%;left:-4%;max-width:240px;padding:15px 20px;border:1px solid #c3dfd4;border-radius:14px 14px 14px 3px;background:#eef5eb;color:#153038;box-shadow:0 10px 28px #00121d2b;font-size:.95rem;line-height:1.6;transform:rotate(-4deg)}
.guide-note strong {font-weight:650}
.voyage-route {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:0;padding:27px 0 32px;border-top:1px solid #9be2d033}
.voyage-route>div {position:relative;min-width:0}
.voyage-route dt {font-size:.8rem;letter-spacing:.06em;color:#adc7d2;margin:0 0 7px}
.voyage-route dt>span {color:var(--sea);margin-right:10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.voyage-route dd {font-size:1.25rem;line-height:1.4;font-weight:550;margin:0;color:#f0f5f1;overflow-wrap:anywhere}
.case-editorial .article-layout {display:block;max-width:1120px;padding-top:52px;padding-bottom:80px}
.case-editorial .story {max-width:700px;margin:0 auto;overflow-wrap:break-word;counter-reset:chapter;scroll-margin-top:32px}
.case-editorial .story p.story-text {font-size:1.125rem;line-height:1.85;margin:0 0 24px}
.case-editorial .story>p.story-text:first-child:has(>em:only-child) {font-size:.875rem;line-height:1.7;color:var(--muted);margin-bottom:30px}
.case-editorial .story h2 {font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:2.05rem;line-height:1.3;margin:54px 0 25px;letter-spacing:-.015em;text-wrap:balance}
.case-editorial .story>h2 {counter-increment:chapter}
.case-editorial .story>h2::before {content:"ГЛАВА " counter(chapter,decimal-leading-zero);display:block;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem;font-weight:500;line-height:1.5;letter-spacing:.18em;color:#315e78;margin-bottom:17px;padding-top:24px;border-top:1px dashed #aac2d1}
.case-editorial .story figure {width:min(1000px,calc(100vw - 64px));position:relative;left:50%;transform:translateX(-50%);margin:44px 0 52px}
.case-editorial .story figure img {display:block;max-height:none;object-fit:contain;height:auto;border:5px solid #f1f5f6;border-radius:15px;box-shadow:0 18px 45px -26px #18364f70}
.case-editorial .story figcaption {line-height:1.6;font-size:.875rem;margin:13px 0 0;padding-left:6px;color:#526578}
.case-editorial .story blockquote {padding:28px 32px 30px;margin:40px 0 44px;font-family:Georgia,"Times New Roman",serif;font-size:1.8rem;line-height:1.45;background:#102d3c;color:#f1f6f2;border:1px solid #234955;border-left:4px solid #76c9b4;border-radius:4px 20px 20px 4px;box-shadow:0 12px 30px -24px #18364f70}
.case-editorial .story blockquote::before {content:"ИЗ ПЕРЕПИСКИ";display:block;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem;line-height:1.5;letter-spacing:.16em;color:var(--sea);margin-bottom:14px}
.case-editorial .story blockquote p.story-text {font:inherit;line-height:inherit;margin:0;color:inherit}
.case-editorial .story-facts {position:relative;margin-top:52px;padding:30px;background:#f0f5f7;border:1px solid #c2d6df;border-top:4px solid #74bfb0;border-radius:4px 4px 18px 18px}
.case-editorial .story-facts .eyebrow {color:#315e78}
.case-editorial .story-facts .facts {grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin:22px 0 0;padding:0;border:0}
.case-editorial .story-facts dt {color:var(--muted)}
.case-editorial .story-facts dd {color:var(--ink);font-size:1.35rem}
.case-editorial .story-facts .facts>div:nth-child(2) dd {color:#225aa8}
.case-editorial .story-aside {max-width:700px;margin:44px auto 0}
.case-editorial .aside-card {position:static;padding:34px;background:#102d3c;border-color:#234955;border-radius:18px;color:#f0f5f1}
.case-editorial .aside-card .eyebrow {color:var(--sea)}
.case-editorial .aside-card h2 {font-family:Georgia,"Times New Roman",serif;font-size:1.9rem;font-weight:400;line-height:1.2;max-width:480px}
.case-editorial .aside-card p {color:#c1d3dd;line-height:1.75}
.case-editorial .aside-card .button {width:auto;margin-right:20px}
.case-editorial .aside-card .text-link {display:inline-block;margin-top:14px;color:var(--sea)}
.case-editorial .aside-card .text-link:hover {color:#c8f6e8}
@media(min-width:1350px){.guide-art {margin-right:-25px}}
@media(max-width:1000px){
  .voyage-hero {gap:22px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
  .case-editorial .article-hero h1 {font-size:2.8rem}
  .guide-note {font-size:.875rem;padding:12px 16px;bottom:2%}
  .voyage-start {gap:15px}
  .voyage-start>span {font-size:.8rem}
}
@media(max-width:760px){
  .case-editorial .article-hero {padding-top:22px;border-radius:0 0 28px 28px}
  .case-editorial .back-link {margin-bottom:16px}
  .voyage-hero {display:flex;flex-direction:column;align-items:stretch;gap:20px;padding-bottom:32px}
  .voyage-copy {padding:0}
  .guide-art {order:-1;align-self:center;width:270px;margin:0;padding-top:0}
  .guide-orbit {inset:10% -15% auto 0}
  .guide-note {left:-7%;bottom:4%;font-size:.8rem;max-width:200px;padding:12px 15px}
  .case-editorial .voyage-label {font-size:.75rem;gap:10px;margin-bottom:18px}
  .case-editorial .article-hero h1 {font-size:clamp(2.2rem,6.7vw,3rem);line-height:1.12;text-wrap:pretty}
  .case-editorial .article-summary {font-size:1rem;margin-top:20px;line-height:1.75}
  .voyage-start {margin-top:24px;gap:20px}
  .case-editorial .read-story {min-height:52px;padding:13px 21px;font-size:.9375rem}
  .voyage-route {gap:20px 24px;padding:22px 0 27px;grid-template-columns:repeat(2,minmax(0,1fr))}
  .voyage-route>div:last-child {grid-column:1/-1}
  .voyage-route dt {font-size:.75rem}
  .voyage-route dd {font-size:1.05rem}
  .case-editorial .article-layout {padding-top:32px;padding-bottom:48px}
  .case-editorial .story p.story-text {font-size:1.0625rem;line-height:1.85;margin-bottom:22px}
  .case-editorial .story h2 {font-size:1.8rem;margin:40px 0 23px}
  .case-editorial .story>h2::before {padding-top:20px;margin-bottom:13px}
  .case-editorial .story figure {width:calc(100vw - 24px);margin:34px 0 40px}
  .case-editorial .story figure img {border-width:3px;border-radius:11px}
  .case-editorial .story figcaption {padding:0 8px;font-size:.8125rem}
  .case-editorial .story blockquote {font-size:1.5rem;padding:24px;margin:32px 0 36px}
  .case-editorial .story-facts {padding:24px 22px;margin-top:38px}
  .case-editorial .story-facts .facts {gap:22px 18px}
  .case-editorial .story-facts dd {font-size:1.15rem}
  .case-editorial .aside-card {padding:28px 24px}
  .case-editorial .aside-card h2 {font-size:1.7rem}
  .case-editorial .aside-card .button {width:100%;margin-right:0}
}
@media(max-width:380px){
  .guide-art {width:235px}
  .voyage-start {gap:14px}
  .voyage-start>span {font-size:.75rem}
  .voyage-route {column-gap:18px}
}
@media(prefers-reduced-motion:no-preference){html {scroll-behavior:smooth}.read-story>span {transition:transform .2s}.read-story:hover>span {transform:translateY(3px)}}
@media print {
  body,.case-editorial,.case-editorial .article-hero,.case-editorial .aside-card {background:#fff;color:#101b2c}
  .site-header,.site-footer,.guide-art,.voyage-start,.back-link,.story-aside,.article-hero::before {display:none!important}
  .voyage-hero {display:block;padding:0}
  .case-editorial .article-hero {padding:0;border-radius:0}
  .case-editorial .article-hero h1,.case-editorial .article-summary,.case-editorial .voyage-label,.voyage-route dd,.voyage-route dt {color:#101b2c}
  .voyage-route {border-color:#c9d9e3}
  .case-editorial .story blockquote {background:#edf2f4;color:#101b2c;box-shadow:none}
  .case-editorial .story blockquote::before {color:#315e78}
  .case-editorial .story figure {max-width:100%;left:0;transform:none;break-inside:avoid}
  .case-editorial .story figure img {box-shadow:none}
  .case-editorial .story h2 {break-after:avoid}
}

/* Alexey client photographs: compact narrative inserts. */
.case-editorial .story figure:has(img[src$="3b705b791f5a48c29401e5e442b981cf.webp"]),
.case-editorial .story figure:has(img[src$="74fc45b05ee34423a112e29a999d9514.webp"]),
.case-editorial .story figure:has(img[src$="433766020a524fd6b213de53bacd0455.webp"]) {width:100%;max-width:700px;left:auto;transform:none;display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);align-items:center;gap:26px;margin:32px auto 38px;padding:18px;background:#edf2f1;border-radius:12px;box-sizing:border-box}
.case-editorial .story figure:has(img[src$="3b705b791f5a48c29401e5e442b981cf.webp"]) img,
.case-editorial .story figure:has(img[src$="74fc45b05ee34423a112e29a999d9514.webp"]) img,
.case-editorial .story figure:has(img[src$="433766020a524fd6b213de53bacd0455.webp"]) img {width:100%;height:auto;aspect-ratio:4/3;max-height:300px;object-fit:contain;border:0;border-radius:7px;box-shadow:none;background:transparent}
.case-editorial .story figure:has(img[src$="3b705b791f5a48c29401e5e442b981cf.webp"]) figcaption,
.case-editorial .story figure:has(img[src$="74fc45b05ee34423a112e29a999d9514.webp"]) figcaption,
.case-editorial .story figure:has(img[src$="433766020a524fd6b213de53bacd0455.webp"]) figcaption {margin:0;padding:0;font-size:15px;line-height:1.7;color:#34515e}
.case-editorial .story figure:has(img[src$="74fc45b05ee34423a112e29a999d9514.webp"]) {grid-template-columns:minmax(0,210px) minmax(0,1fr)}
@media(max-width:600px){
.case-editorial .story figure:has(img[src$="3b705b791f5a48c29401e5e442b981cf.webp"]),
.case-editorial .story figure:has(img[src$="74fc45b05ee34423a112e29a999d9514.webp"]),
.case-editorial .story figure:has(img[src$="433766020a524fd6b213de53bacd0455.webp"]) {grid-template-columns:1fr;gap:16px;padding:16px;max-width:420px}
.case-editorial .story figure:has(img[src$="3b705b791f5a48c29401e5e442b981cf.webp"]) img,
.case-editorial .story figure:has(img[src$="74fc45b05ee34423a112e29a999d9514.webp"]) img,
.case-editorial .story figure:has(img[src$="433766020a524fd6b213de53bacd0455.webp"]) img {width:auto;max-width:100%;max-height:280px;margin:auto}
}

.case-editorial .story figure:has(img[src$="74fc45b05ee34423a112e29a999d9514.webp"]) img {aspect-ratio:3/4}

/* Alexey original payment confirmations — 2026-10-05; only these two assets. */
.case-editorial .story figure:has(img[src$="f90725bf9f77fa1769d1e7098ced23e9.webp"]),
.case-editorial .story figure:has(img[src$="670eb5b5d5d9ab338fd407fbccad1bca.webp"]) {display:inline-block;vertical-align:top;width:calc((100% - 20px)/2);max-width:340px;left:auto;transform:none;margin:14px 0 28px;padding:14px;box-sizing:border-box;background:#edf2f1;border:1px solid #dbe5e4;border-radius:12px}
.case-editorial .story figure:has(img[src$="f90725bf9f77fa1769d1e7098ced23e9.webp"]) {margin-right:20px}
.case-editorial .story figure:has(img[src$="f90725bf9f77fa1769d1e7098ced23e9.webp"]) img,
.case-editorial .story figure:has(img[src$="670eb5b5d5d9ab338fd407fbccad1bca.webp"]) img {display:block;width:100%;height:400px;max-height:400px;object-fit:contain;border:0;border-radius:6px;box-shadow:none;background:#fff}
.case-editorial .story figure:has(img[src$="f90725bf9f77fa1769d1e7098ced23e9.webp"]) figcaption,
.case-editorial .story figure:has(img[src$="670eb5b5d5d9ab338fd407fbccad1bca.webp"]) figcaption {padding:0;margin:14px 0 0;font-size:14px;line-height:1.6;color:#34515e}
@media(max-width:600px){
.case-editorial .story figure:has(img[src$="f90725bf9f77fa1769d1e7098ced23e9.webp"]),
.case-editorial .story figure:has(img[src$="670eb5b5d5d9ab338fd407fbccad1bca.webp"]) {display:block;width:100%;max-width:360px;margin:18px auto 24px;padding:14px}
.case-editorial .story figure:has(img[src$="f90725bf9f77fa1769d1e7098ced23e9.webp"]) {margin-right:auto}
.case-editorial .story figure:has(img[src$="f90725bf9f77fa1769d1e7098ced23e9.webp"]) img,
.case-editorial .story figure:has(img[src$="670eb5b5d5d9ab338fd407fbccad1bca.webp"]) img {height:auto;max-height:500px;width:100%;object-fit:contain}
}