/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./src/app/galson/articles/article.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
/**
 * .prose стили для статей galson.pro.
 * Дословный порт <style is:global> из galson-pro/src/pages/articles/[...slug].astro lines 85-110.
 */

.prose {
  color: #d1d5db;
  line-height: 1.75;
  overflow-wrap: break-word;
}
.prose h1 { color: #fff; font-size: 2rem; font-weight: 700; margin-bottom: 1.5rem; line-height: 1.2; }
.prose h2 { color: #ecb00a; font-size: 1.5rem; font-weight: 600; margin-top: 2.5rem; margin-bottom: 1rem; padding-bottom: 0.5rem; border-bottom: 1px solid #2a2a2a; }
.prose h3 { color: #fff; font-size: 1.25rem; font-weight: 600; margin-top: 2rem; margin-bottom: 0.75rem; }
.prose p { margin-bottom: 1.25rem; }
.prose strong { color: #fff; font-weight: 600; }
.prose a { color: #ecb00a; }
.prose a:hover { opacity: 0.8; }
.prose :where(ul, ol):not([class]) { margin-bottom: 1.25rem; padding-left: 1.5rem; }
.prose :where(ul, ol):not([class]) > li { margin-bottom: 0.5rem; }
.prose ul:not([class]) > li { list-style-type: disc; }
.prose ol:not([class]) > li { list-style-type: decimal; }
.prose blockquote { border-left: 3px solid #ecb00a; padding-left: 1rem; margin: 1.5rem 0; color: #9ca3af; font-style: italic; }
.prose hr { border: none; border-top: 1px solid #2a2a2a; margin: 2.5rem 0; }
.prose table:not([class]) { width: 100%; border-collapse: collapse; margin: 1.5rem 0; display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.prose th, .prose td { border: 1px solid #2a2a2a; padding: 0.75rem; text-align: left; }
.prose th { background: #1a1a1a; color: #ecb00a; font-weight: 600; }
.prose code { background: #1a1a1a; padding: 0.2rem 0.4rem; border-radius: 4px; font-size: 0.875rem; font-family: monospace; overflow-wrap: break-word; word-break: break-word; }
.prose pre { background: #1a1a1a; padding: 1rem; border-radius: 8px; overflow-x: auto; margin: 1.5rem 0; white-space: pre-wrap; word-break: break-word; }
.prose pre code { background: none; padding: 0; }
.prose img { border-radius: 12px; margin: 1.5rem auto; width: 100%; max-width: min(100%, 48rem); height: auto; display: block; }

.publication-gallery img {
  cursor: zoom-in;
}

.publication-gallery img:focus-visible {
  outline: 2px solid #ecb00a;
  outline-offset: 4px;
}

.publication-lightbox {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3.5rem 5rem;
  background: rgba(5, 5, 5, 0.94);
  backdrop-filter: blur(10px);
}

.publication-lightbox-figure {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  max-width: 100%;
  max-height: 100%;
  margin: 0;
}

.publication-lightbox-image {
  display: block;
  max-width: calc(100vw - 10rem);
  max-height: calc(100vh - 7rem);
  width: auto;
  height: auto;
  object-fit: contain;
  border-radius: 10px;
  box-shadow: 0 20px 70px rgba(0, 0, 0, 0.65);
}

.publication-lightbox-figure figcaption {
  max-width: 48rem;
  color: #d1d5db;
  font-size: 0.875rem;
  line-height: 1.5;
  text-align: center;
}

.publication-lightbox button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  color: #fff;
  background: rgba(26, 26, 26, 0.88);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  cursor: pointer;
  transition: color 150ms ease, border-color 150ms ease, background 150ms ease;
}

.publication-lightbox button:hover,
.publication-lightbox button:focus-visible {
  color: #ecb00a;
  background: #1a1a1a;
  border-color: rgba(236, 176, 10, 0.65);
  outline: none;
}

.publication-lightbox button svg {
  width: 1.5rem;
  height: 1.5rem;
}

.publication-lightbox-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.publication-lightbox-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.publication-lightbox-prev { left: 1rem; }
.publication-lightbox-next { right: 1rem; }

.publication-lightbox-counter {
  position: absolute;
  top: 1.75rem;
  left: 1.5rem;
  color: #9ca3af;
  font-family: monospace;
  font-size: 0.875rem;
}

@media (max-width: 640px) {
  .publication-lightbox {
    padding: 4rem 1rem 5rem;
  }

  .publication-lightbox-image {
    max-width: calc(100vw - 2rem);
    max-height: calc(100vh - 9rem);
  }

  .publication-lightbox-nav {
    top: auto;
    bottom: 0.75rem;
    transform: none;
  }

  .publication-lightbox-prev { left: calc(50% - 3.5rem); }
  .publication-lightbox-next { right: calc(50% - 3.5rem); }
}

.publication-blocks {
  min-width: 0;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./src/components/galson/content-showcase.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
/* One-off homepage showcase composition; no publication or shared control overrides. */
.portal .content-showcase{height:auto;padding:72px var(--portal-gutter);background:var(--bg)}
.content-showcase__head{margin-bottom:32px;max-width:900px}
.portal .content-showcase h2{font-size:clamp(30px,3.4vw,44px);line-height:1.12;letter-spacing:-.04em;margin:0}
.content-showcase__head .site-subtitle{margin:20px 0 0;max-width:720px}
.content-showcase__body{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:start}
.content-showcase__tabs{display:grid;gap:10px}
.content-showcase button{font:inherit;cursor:pointer}
.content-showcase__tabs button{width:100%;min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;padding:20px;border:1px solid var(--line);border-radius:var(--galson-radius-card);background:var(--surface);color:var(--text);transition:background .18s,color .18s}
.content-showcase__tabs button strong{display:block;font-size:16px;font-weight:700;line-height:1.3}
.content-showcase__tabs button small{display:block;font-size:11px;line-height:1.5;margin-top:6px;opacity:.75}
.content-showcase__tabs button svg{flex:none}
.content-showcase__tabs button[aria-selected=true]{background:var(--gold);color:#191919;border-color:var(--gold)}
.content-showcase button:focus-visible,.content-showcase [role=tabpanel]:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.content-showcase__preview{min-width:0;border:1px solid var(--line);border-radius:var(--galson-radius-card);overflow:hidden;background:var(--surface)}
.content-showcase [hidden]{display:none!important}
.showcase-stage{height:370px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--gold);color:#191919;padding:40px 30px 22px}
.showcase-stage__label{position:absolute;top:18px;left:22px;font-size:10px;letter-spacing:.06em;opacity:.7}
.content-showcase__caption{padding:24px 28px}
.portal .content-showcase__caption h3{font-size:23px;line-height:1.2;margin:0 0 10px;letter-spacing:-.025em}
.content-showcase__caption p{font-size:14px;line-height:1.6;margin:0;max-width:640px}
.showcase-carousel{position:relative;width:330px;max-width:90%}
.showcase-carousel__sheet{height:247px;position:relative;border-radius:16px;background:#fff8df;box-shadow:7px 7px 0 #e7c565,13px 13px 0 #ce9e17,0 16px 28px #76540035;padding:24px 28px;overflow:hidden}
.showcase-carousel__sheet>span:first-child{font-size:10px}
.portal .showcase-carousel__sheet h3{font-size:30px;line-height:1.06;letter-spacing:-.045em;margin:20px 0 12px;max-width:270px;color:#191919}
.showcase-carousel__sheet p{font-size:12px;line-height:1.5;max-width:230px;margin:0;color:#191919}
.showcase-carousel__mark{position:absolute;right:18px;bottom:6px;font-size:38px;color:#a87700}
.showcase-carousel__controls{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:20px}
.showcase-carousel__controls button{display:grid;place-items:center;border:1px solid #19191940;background:transparent;border-radius:50%;height:36px;width:36px;color:#191919}
.showcase-carousel__controls>span{font-size:11px}
.showcase-paper{position:relative;background:#fffbed;color:#191919;border-radius:14px;width:220px;padding:20px;box-shadow:0 12px 24px #64490035;transform:rotate(7deg)}
.showcase-paper__label{display:flex;justify-content:space-between;font-size:10px;font-weight:700;border-bottom:1px solid #19191920;padding-bottom:12px}
.showcase-paper>b{display:block;font-size:18px;line-height:1.2;margin:16px 0}
.showcase-script-row{display:flex;align-items:center;gap:8px;font-size:9px;line-height:1.4;margin-top:10px}
.showcase-script-row i{font-style:normal;background:var(--gold);padding:4px;border-radius:4px}
.showcase-wave{height:40px;display:flex;align-items:center;gap:4px;margin-top:16px}
.showcase-wave i{display:block;width:3px;background:#a77805;border-radius:2px}
.showcase-video-scene{display:flex;align-items:center;gap:16px;width:490px;max-width:100%}
.showcase-video-note{width:210px;background:#191919;color:#fff8df;border-radius:14px;padding:22px;transform:rotate(-6deg);box-shadow:0 14px 25px #64490040}
.showcase-video-note span{font-size:10px;color:var(--gold)}
.showcase-video-note p{font-size:19px;font-weight:700;line-height:1.3;margin:18px 0 0}
.showcase-avatar-scene{display:flex;align-items:center;gap:0;width:470px;max-width:100%}
.showcase-avatar-frame{width:200px;height:260px;flex:none;display:flex;align-items:center;justify-content:end;flex-direction:column;border:6px solid #fff8df;border-radius:20px;background:#191919;color:var(--gold);transform:rotate(-6deg);box-shadow:0 12px 24px #64490040;overflow:hidden}
.showcase-avatar-frame svg{width:100%;height:180px}
.showcase-avatar-frame>span{background:#fff8df;color:#191919;width:100%;text-align:center;padding:12px 5px;font-size:11px}
.showcase-voice{z-index:1;border-radius:14px;background:#fff8df;padding:20px;width:255px;transform:rotate(5deg)}
.showcase-voice>span{font-size:10px}
.showcase-voice p{font-size:16px;font-weight:700;line-height:1.4;margin:14px 0 0}
.showcase-text-scene{width:440px;max-width:100%}
.showcase-text-switch{display:flex;justify-content:center;gap:8px;margin-bottom:12px}
.showcase-text-switch button{border:1px solid #19191940;border-radius:20px;background:transparent;color:#191919;padding:7px 18px;font-size:11px}
.showcase-text-switch button[aria-pressed=true]{background:#191919;color:#fff8df}
.showcase-text-paper{height:258px;padding:24px;background:#fffbed;border-radius:14px;box-shadow:0 12px 24px #64490030}
.showcase-text-paper>span{font-size:9px}
.portal .showcase-text-paper h3{font-size:22px;line-height:1.15;letter-spacing:-.035em;margin:12px 0;color:#191919}
.showcase-text-paper p{font-size:12px;line-height:1.5;margin:0 0 12px;color:#191919}
.showcase-formats-scene{width:470px;max-width:100%}
.showcase-idea{display:table;margin:0 auto 12px;font-size:11px;border:1px solid #19191940;border-radius:20px;padding:8px 16px}
.showcase-format-papers{height:250px;position:relative}
.showcase-paper--small{position:absolute;left:5%;top:20px;transform:rotate(-10deg) scale(.85);transform-origin:top left}
.showcase-mini-carousel{position:absolute;left:39%;top:0;width:150px;height:190px;background:#fffbed;padding:18px;border-radius:14px;transform:rotate(8deg);box-shadow:5px 5px 0 #dca81b,9px 9px 0 #bd8b08}
.showcase-mini-carousel>span,.showcase-mini-post>span{font-size:10px;display:block}
.showcase-mini-carousel>b{display:block;background:#191919;color:#fffbed;font-size:30px;line-height:1.05;padding:18px 12px;margin-top:12px;border-radius:8px}
.showcase-mini-carousel i{position:absolute;bottom:10px;right:14px;font-style:normal;font-size:24px}
.showcase-mini-post{position:absolute;right:0;bottom:0;width:180px;background:#191919;color:#fffbed;border-radius:14px;padding:16px;transform:rotate(-5deg);box-shadow:0 12px 24px #64490040}
.showcase-mini-post>b{font-size:15px;line-height:1.2;display:block;margin:12px 0}
.showcase-mini-post>div{height:3px;background:#fffbed70;margin-top:6px;border-radius:3px}
.showcase-mini-post>div:last-child{width:70%}
@media(max-width:1100px){
 .portal .content-showcase{padding:56px 32px}
 .content-showcase__head{text-align:center;margin-inline:auto}
 .content-showcase__head .site-subtitle{margin-inline:auto}
 .content-showcase__body{grid-template-columns:minmax(0,1fr);gap:20px;max-width:720px;margin-inline:auto}
 .content-showcase__tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
 .content-showcase__tabs button{padding:14px 10px;min-height:78px;justify-content:center;text-align:center}
 .content-showcase__tabs button strong{font-size:12px}
 .content-showcase__tabs button small,.content-showcase__tabs button svg{display:none}
}
@media(max-width:600px){
 .portal .content-showcase{padding:48px 16px}
 .content-showcase__head{text-align:left;margin-bottom:24px}
 .content-showcase__head .site-subtitle{font-size:15px;line-height:1.6}
 .content-showcase__tabs{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
 .content-showcase__tabs button{grid-column:span 2;min-height:48px;padding:10px 8px;border-radius:12px}
 .content-showcase__tabs button:nth-last-child(-n+2){grid-column:span 3}
 .content-showcase__tabs button strong{font-size:11px}
 .showcase-stage{height:330px;padding:42px 16px 20px}
 .content-showcase__caption{padding:20px}
 .portal .content-showcase__caption h3{font-size:20px}
 .content-showcase__caption p{font-size:13px}
 .showcase-carousel__sheet{height:223px;padding:20px}
 .portal .showcase-carousel__sheet h3{font-size:26px;margin-top:15px}
 .showcase-carousel__sheet p{font-size:11px}
 .showcase-video-scene{gap:0}
 .showcase-video-note{width:46%;padding:14px}
 .showcase-video-note p{font-size:14px}
 .showcase-paper{width:57%;padding:14px}
 .showcase-paper>b{font-size:15px}
 .showcase-script-row{font-size:8px;gap:5px}
 .showcase-paper__label{font-size:8px}
 .showcase-wave{gap:3px;overflow:hidden}
 .showcase-avatar-frame{width:45%;height:220px}
 .showcase-avatar-frame svg{height:145px}
 .showcase-voice{width:55%;padding:13px}
 .showcase-voice p{font-size:13px}
 .showcase-text-paper{height:242px;padding:17px}
 .portal .showcase-text-paper h3{font-size:19px}
 .showcase-text-paper p{font-size:11px}
 .showcase-paper--small{width:180px;left:0;transform:rotate(-10deg) scale(.78)}
 .showcase-mini-carousel{left:36%;width:130px;height:178px;padding:14px}
 .showcase-mini-post{width:158px}
}
@media(prefers-reduced-motion:reduce){.content-showcase *{transition:none!important}}

/* Shared portal text colours inherit the surface's own contrast token. */
.content-showcase .showcase-stage { --text: #191919; }
.content-showcase :is(.showcase-video-note,.showcase-avatar-frame,.showcase-mini-post) { --text: #fffbed; }
.content-showcase__tabs button[aria-selected=true] { --text: #191919; }
.portal .content-showcase h3 { font-weight: 800; }
.content-showcase__preview { display:grid; }
.content-showcase__preview > [role=tabpanel] { grid-area:1 / 1; min-width:0; }
.content-showcase__preview > [role=tabpanel][aria-hidden=true] { display:none; }

@media(max-width:360px){
 .showcase-stage { height:410px; }
 .showcase-carousel__sheet { height:280px; }
 .showcase-text-paper { height:298px; }
}

/* Story panels size to the visible content without inner scrolling. */
.content-showcase__preview > [role=tabpanel] { display:flex; flex-direction:column; }
.content-showcase__preview .showcase-stage { flex:none; }
.content-showcase__preview .content-showcase__caption { flex:none; }
.content-showcase .showcase-stage--video { display:block; height:auto; padding:24px; }
.showcase-stage--video > .showcase-stage__label { display:none; }
.video-story { width:100%; }
.video-story__steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-bottom:18px; }
.video-story__steps button { display:flex; align-items:center; justify-content:center; gap:8px; border:1px solid #19191940; border-radius:10px; background:transparent; padding:12px 8px; color:#191919; font-size:12px; font-weight:600; line-height:1.3; min-height:48px; }
.video-story__steps button[aria-pressed=true] { background:#191919; color:#fffbed; }
.video-story__steps button span { font-size:10px; opacity:.65; }
.video-story__pages { display:grid; }
.video-story__page { grid-area:1/1; padding:28px; border-radius:16px; background:#fffbed; color:#191919; box-shadow:5px 6px 0 #cba01b; min-width:0; }
.video-story__page[aria-hidden=true] { display:none; }
.video-story__page--source { background:#191919; --text:#fffbed; color:#fffbed; }
.video-story__meta { display:block; font-size:10px; line-height:1.6; opacity:.75; }
.portal .video-story__page h3 { color:inherit; font-size:26px; line-height:1.15; letter-spacing:-.03em; margin:16px 0; }
.video-story__page :is(p,blockquote,li) { font-size:14px; line-height:1.6; }
.video-story__page blockquote { border:0; padding:0; margin:20px 0; font-style:normal; }
.video-story__page--source blockquote { font-size:19px; line-height:1.6; }
.video-story__page p { margin:0 0 14px; }
.video-story__page .video-story__draft { background:#19191908; padding:16px; margin:14px 0; border-radius:8px; }
.video-story__page h4 { font-size:15px; margin:18px 0 10px; font-weight:800; }
.video-story__page ul { list-style:disc; padding-left:18px; margin:0; }
.video-story__page li { margin:0 0 8px; padding-left:4px; }

.video-story__nav { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:18px; }
.video-story__nav>span { font-size:10px; }
.video-story__nav button { display:flex; align-items:center; gap:12px; padding:10px 14px; min-height:44px; border:1px solid #19191940; border-radius:10px; background:transparent; color:#191919; font-size:12px; }
.video-story button:focus-visible { outline-color:#191919; }
@media(max-width:600px){
 .content-showcase .showcase-stage--video { padding:16px 12px; }
 .video-story__steps { gap:6px; }
 .video-story__steps button { flex-direction:column; gap:4px; font-size:10px; padding:10px 4px; }
 .video-story__page { padding:20px 16px; }
 .portal .video-story__page h3 { font-size:22px; }
 .video-story__page :is(p,blockquote,li) { font-size:13px; line-height:1.6; }
 .video-story__page--source blockquote { font-size:17px; }
 .video-story__page .video-story__draft { padding:12px; }

 .video-story__nav { gap:8px; }
 .video-story__nav>span { max-width:100px; line-height:1.4; }
 .video-story__nav button { font-size:11px; padding:9px; gap:6px; }
}

.video-story__nav button { min-height:52px; }

.video-story__voice { display:flex; align-items:center; gap:14px; margin-top:20px; color:var(--gold); }
.video-story__voice-icon { display:grid; place-items:center; flex:none; width:44px; height:44px; border:1px solid #ecb00a55; border-radius:50%; background:#ecb00a14; }
.video-story__voice .showcase-wave { margin-top:0; }

.video-story__chat { display:grid; gap:12px; margin:20px 0; }
.video-story__request { justify-self:end; width:85%; padding:14px 16px; border:1px solid #19191920; border-radius:14px 14px 3px 14px; background:#ecb00a22; }
.video-story__response { padding:16px; border:1px solid #19191918; border-radius:3px 14px 14px 14px; background:#19191906; }
.video-story__chat :is(.video-story__request,.video-story__response)>span { display:block; font-size:10px; font-weight:700; margin-bottom:8px; }
.video-story__chat p,.video-story__chat blockquote { margin:0; font-size:13px; line-height:1.6; }
.video-story__chat mark { background:#ecb00a44; color:#191919; padding:1px 0; box-decoration-break:clone; }
@media(max-width:600px) {
 .video-story__request { width:94%; padding:12px; }
 .video-story__response { padding:12px; }
 .video-story__chat p,.video-story__chat blockquote { font-size:12px; }
}

.video-story__script { padding:22px 24px; background:#fffef8; border:1px solid #19191920; border-radius:12px; }
.video-story__script-label { display:block; font-size:11px; font-weight:600; padding-bottom:14px; margin-bottom:18px; border-bottom:1px solid #19191916; }
.video-story__page .video-story__script p { font-size:16px; font-weight:400; line-height:1.75; margin:0 0 18px; }
.video-story__page .video-story__script p:last-child { margin-bottom:0; }
@media(max-width:600px) {
 .video-story__script { padding:18px 16px; }
 .video-story__page .video-story__script p { font-size:14px; line-height:1.7; }
}

/* Avatar example uses the existing story controls and reading window. */
.content-showcase .showcase-stage--avatar { display:flex; align-items:stretch; height:auto; padding:24px; }
.avatar-story { display:flex; flex-direction:column; }
.avatar-story .video-story__pages { flex:none; }
.showcase-stage--avatar > .showcase-stage__label { display:none; }
.avatar-story__news { --text:#191919; background:#fffbed; color:#191919; border-radius:12px; padding:20px; margin:24px 0 18px; }
.avatar-story__news-meta { display:flex; justify-content:space-between; gap:12px; font-size:10px; opacity:.7; }
.avatar-story__news-body { display:flex; gap:22px; align-items:center; margin:22px 0; }
.avatar-story__news-body h4 { margin:0 0 10px; font-size:19px; line-height:1.25; }
.avatar-story__news-body p { margin:0; font-size:13px; }
.avatar-story__passport { flex:none; width:88px; height:118px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; background:#191919; color:var(--gold); border-radius:4px 10px 10px 4px; box-shadow:4px 3px 0 #ecb00a; transform:rotate(-7deg); }
.avatar-story__passport span { font-size:8px; letter-spacing:.12em; }
.avatar-story__passport svg { width:40px; stroke:currentColor; stroke-width:1.5; }
.avatar-story__passport i { width:26px; height:3px; border:1px solid currentColor; border-radius:2px; }
.avatar-story__news a { display:flex; align-items:center; justify-content:space-between; padding-top:12px; border-top:1px solid #19191920; font-size:11px; color:#191919; text-decoration:underline; text-underline-offset:3px; }
.avatar-story__news a:focus-visible { outline:2px solid #191919; outline-offset:4px; }
.avatar-story__pitch { border-left:2px solid var(--gold); padding:2px 0 2px 16px; }
.avatar-story__pitch>span { font-size:10px; color:var(--gold); }
.avatar-story__pitch p { margin:10px 0 0; }
.avatar-story .avatar-story__availability { font-size:11px; opacity:.65; line-height:1.5; margin:20px 0 0; }
.avatar-story__result { display:grid; grid-template-columns:minmax(0,220px) minmax(0,1fr); align-items:center; gap:28px; margin-top:24px; }
.avatar-story__video-slot { --text:#fffbed; position:relative; aspect-ratio:9/16; background:#191919; color:var(--gold); border:1px solid #19191930; border-radius:18px; padding:24px 16px; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; gap:14px; }
.avatar-story__format { position:absolute; top:18px; font-size:10px; color:#fffbed99; }
.avatar-story__video-slot strong { font-size:15px; color:#fffbed; }
.avatar-story__video-slot>span:last-child { font-size:10px; color:#fffbed99; }
.avatar-story__result-note h4 { font-size:20px; line-height:1.25; margin:0 0 14px; }
.avatar-story__result-note>span { font-size:11px; line-height:1.6; opacity:.65; display:block; }
@media(max-width:600px) {
 .content-showcase .showcase-stage--avatar { padding:16px 12px; }
 .avatar-story__news { padding:16px; margin-top:20px; }
 .avatar-story__news-body { gap:16px; align-items:flex-start; }
 .avatar-story__passport { width:54px; height:80px; gap:7px; margin-top:4px; }
 .avatar-story__passport span { font-size:5px; }
 .avatar-story__passport svg { width:28px; }
 .avatar-story__news-body h4 { font-size:16px; }
 .avatar-story__news-body p { font-size:12px; }
 .avatar-story__result { grid-template-columns:minmax(0,1fr); gap:20px; }
 .avatar-story__video-slot { width:180px; max-width:100%; justify-self:center; }
 .avatar-story__result-note h4 { font-size:18px; }
}


/* Script instructions and action fit the reading window at every width. */
.video-story__steps { scroll-margin-top:100px; }
.video-story__script-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
.video-story__script-toolbar>span:first-child { flex:1 1 180px; line-height:1.6; font-weight:400; }
.video-story__script-toolbar button { display:flex; align-items:center; justify-content:center; gap:7px; flex:none; margin-left:auto; padding:8px 10px; min-height:40px; border:1px solid #19191930; border-radius:5px; background:transparent; color:#191919; font-size:11px; font-weight:600; }
.video-story__script-toolbar button:hover { background:#ecb00a22; }
.video-story__page>:last-child { margin-bottom:0; }


/* Audio is a real user-supplied result, played only on request. */
.avatar-story .video-story__steps { grid-template-columns:repeat(5,minmax(0,1fr)); }
.avatar-story__audio { margin:24px 0; padding:22px; border:1px solid #19191920; border-radius:12px; background:#fffef8; min-width:0; }
.avatar-story__audio-title { display:flex; align-items:center; gap:14px; margin-bottom:18px; }
.avatar-story__audio-title .video-story__voice-icon { color:#a77805; }
.avatar-story__audio-title strong { display:block; font-size:15px; line-height:1.4; }
.avatar-story__audio-title div>span { display:block; font-size:11px; opacity:.65; margin-top:5px; }
.avatar-story__audio audio { display:block; width:100%; min-width:0; height:54px; color-scheme:light; }
.avatar-story .avatar-story__audio-review { font-size:12px; line-height:1.6; }
@media(max-width:600px) {
 .avatar-story .video-story__steps { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .avatar-story .video-story__steps button { flex-direction:row; min-height:44px; gap:7px; }
 .avatar-story__audio { padding:14px 12px; }
 .avatar-story__audio-title { gap:10px; }
 .avatar-story__audio-title strong { font-size:14px; }
}


.avatar-story__heygen { display:grid; grid-template-columns:minmax(0,240px) minmax(0,1fr); gap:24px; align-items:center; margin-top:24px; }
.avatar-story__heygen video { display:block; width:100%; aspect-ratio:9/16; background:#191919; border-radius:14px; object-fit:contain; }
.avatar-story__heygen h4 { font-size:19px; line-height:1.3; margin:12px 0; }
.avatar-story__media-error { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-top:12px; font-size:12px; }
.avatar-story__media-error button { padding:8px 12px; border:1px solid #19191940; border-radius:5px; color:#191919; background:transparent; font-size:12px; }
@media(max-width:600px) {
 .avatar-story .video-story__steps { grid-template-columns:repeat(6,minmax(0,1fr)); }
 .avatar-story .video-story__steps button { grid-column:span 2; }
 .avatar-story .video-story__steps button:nth-last-child(-n+2) { grid-column:span 3; }
 .avatar-story__heygen { grid-template-columns:minmax(0,1fr); gap:18px; }
 .avatar-story__heygen video { width:220px; max-width:100%; justify-self:center; }
}


/* Filming follows the same five-step layout as the avatar example. */
.video-story--filming .video-story__steps { grid-template-columns:repeat(5,minmax(0,1fr)); }
@media(max-width:600px) {
 .video-story--filming .video-story__steps { grid-template-columns:repeat(6,minmax(0,1fr)); }
 .video-story--filming .video-story__steps button { grid-column:span 2; flex-direction:row; min-height:44px; gap:7px; }
 .video-story--filming .video-story__steps button:nth-last-child(-n+2) { grid-column:span 3; }
}


.video-story__recording { display:block; width:100%; aspect-ratio:9/16; object-fit:contain; background:#191919; border-radius:18px; }
@media(max-width:600px) {
 .video-story__recording { width:220px; max-width:100%; justify-self:center; }
}

/* Carousel route uses the existing story panels; artwork is local to the demo. */
.content-showcase .showcase-stage--carousel { display:block; height:auto; padding:24px; }
.showcase-stage--carousel > .showcase-stage__label { display:none; }
.carousel-story__brief { display:flex; flex-wrap:wrap; gap:8px; margin-top:24px; }
.carousel-story__brief span { font-size:11px; line-height:1.5; border:1px solid #fffbed30; border-radius:5px; padding:8px 10px; color:#fffbed; }
.carousel-story__team { list-style:none; padding:0; margin:24px 0 0; display:grid; gap:0; }
.carousel-story__team li { display:grid; grid-template-columns:130px minmax(0,1fr); gap:16px; padding:14px 0; margin:0; border-top:1px solid #19191918; }
.carousel-story__team strong { font-size:13px; }
.carousel-story__team span { font-size:13px; line-height:1.6; }
.carousel-story__preview { display:grid; grid-template-columns:minmax(0,380px) minmax(140px,1fr); gap:24px; align-items:center; margin-top:22px; }
.carousel-demo { width:100%; max-width:380px; min-width:0; container-type:inline-size; touch-action:pan-y pinch-zoom; border-radius:12px; }
.carousel-demo:focus-visible { outline:2px solid #191919; outline-offset:4px; }
.carousel-demo__slide { --text:#191919; display:flex; flex-direction:column; aspect-ratio:4/5; padding:6.5cqw; border-radius:12px; background:var(--gold); color:#191919; box-shadow:4px 5px 0 #19191920; }
.carousel-demo__top,.carousel-demo__footer { display:flex; align-items:center; justify-content:space-between; gap:6px; font-size:clamp(7px,2.2cqw,9px); line-height:1.5; font-weight:600; }
.carousel-demo__top { padding-bottom:4cqw; border-bottom:1px solid currentColor; }
.carousel-demo__label { font-size:clamp(8px,2.5cqw,10px); margin:4cqw 0 2.5cqw; opacity:.75; }
.portal .carousel-demo__slide h4 { font-size:clamp(19px,7.6cqw,30px); white-space:pre-line; line-height:1.07; letter-spacing:-.045em; margin:0 0 3cqw; color:inherit; font-weight:800; }
.carousel-story .carousel-demo__slide p { font-size:clamp(11px,3.4cqw,13px); line-height:1.5; color:inherit; margin:0; }
.carousel-demo__scene { margin:5cqw 0; flex:1; min-height:27cqw; font-size:clamp(11px,3.5cqw,14px); }
.carousel-demo__footer { margin-top:auto; padding-top:3cqw; border-top:1px solid currentColor; }
.carousel-demo__slide--audience,.carousel-demo__slide--reference { background:#191919; color:#fffbed; --text:#fffbed; }
.carousel-demo__slide--notes { background:#f3ecd9; }
.carousel-demo__scene--chat { display:flex; flex-direction:column; gap:3cqw; justify-content:center; }
.carousel-demo__scene--chat>span { padding:3cqw 4cqw; border-radius:12px 12px 2px 12px; align-self:flex-end; background:#fffbed; transform:rotate(3deg); box-shadow:3px 4px 0 #19191915; }
.carousel-demo__scene--chat>div { width:75%; padding:4cqw; background:#191919; color:#fffbed; border-radius:2px 12px 12px 12px; transform:rotate(-3deg); }
.carousel-demo__scene--chat i { display:block; height:3px; width:80%; background:#fffbed35; margin-bottom:6px; }
.carousel-demo__scene--chat i:nth-child(2) { width:55%; }
.carousel-demo__scene--chat b { display:block; color:var(--gold); margin-top:3cqw; font-size:5cqw; }
.carousel-demo__scene--audience { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:4cqw; }
.carousel-demo__scene--audience>span { font-size:3.5cqw; border:1px solid #fffbed50; padding:3cqw; border-radius:5px; text-decoration:line-through; opacity:.65; }
.carousel-demo__scene--audience>strong { padding:4cqw; background:var(--gold); color:#191919; transform:rotate(4deg); border-radius:8px; box-shadow:3px 4px 0 #fffbed20; }
.carousel-demo__scene--audience small { display:block; margin-top:2cqw; font-size:2.8cqw; font-weight:400; }
.carousel-demo__scene--audience i { display:block; font-style:normal; font-size:7cqw; margin-top:3cqw; }
.carousel-demo__scene--notes { align-self:center; width:95%; padding:4cqw; background:#fffef8; border:1px solid #19191925; border-radius:4px 12px 12px 4px; transform:rotate(-3deg); box-shadow:4px 4px 0 #19191918; }
.carousel-demo__scene--notes>span,.carousel-demo__scene--notes small { display:block; font-size:2.8cqw; opacity:.65; }
.carousel-demo__scene--notes strong { display:block; font-size:5cqw; margin:3cqw 0; line-height:1.25; }
.carousel-demo__scene--notes i { display:inline-block; font-size:2.7cqw; font-style:normal; background:var(--gold); padding:1cqw 2cqw; margin:3cqw 2cqw 0 0; border-radius:3px; }
.carousel-demo__scene--reference { display:flex; flex-direction:column; justify-content:center; gap:4cqw; }
.carousel-demo__scene--reference>span { opacity:.6; padding:3cqw; border:1px solid #fffbed40; border-radius:6px; }
.carousel-demo__scene--reference>strong { padding:4cqw; background:#fffbed; color:#191919; font-size:4.5cqw; line-height:1.3; border-radius:6px; transform:rotate(-3deg); }
.carousel-demo__scene--reference small { display:block; margin-top:3cqw; font-size:2.8cqw; font-weight:400; }
.carousel-demo__scene--checklist { display:flex; flex-direction:column; justify-content:center; gap:2cqw; }
.carousel-demo__scene--checklist>div { display:flex; align-items:center; gap:3cqw; padding:3cqw; background:#fffbed; border-radius:5px; font-size:3cqw; }
.carousel-demo__scene--checklist b { opacity:.55; font-size:2.6cqw; }
.carousel-demo__scene--checklist i { margin-left:auto; font-style:normal; }
.carousel-story__outline ol { list-style:none; padding:0; margin:12px 0 0; }
.carousel-story__outline li { padding:0; margin:0; }
.carousel-story__outline button { width:100%; display:flex; gap:10px; text-align:left; align-items:baseline; border:0; border-top:1px solid #19191920; background:transparent; color:#191919; padding:13px 0; font-size:12px; line-height:1.5; }
.carousel-story__outline button span { font-size:10px; opacity:.5; flex:none; }
.carousel-story__outline button[aria-current=step] { font-weight:800; }
.carousel-story__outline button[aria-current=step] span { opacity:1; color:#906900; }
.carousel-demo__controls { display:flex; align-items:center; justify-content:center; gap:20px; margin-top:20px; max-width:380px; }
.carousel-demo__controls button { min-width:44px; min-height:44px; display:grid; place-items:center; color:#191919; background:transparent; border:1px solid #19191935; border-radius:5px; }
.carousel-demo__controls button:disabled { opacity:.3; cursor:default; }
.carousel-demo__controls>span { font-size:12px; min-width:40px; text-align:center; }
@media(max-width:1300px){.carousel-story__preview { grid-template-columns:minmax(0,1fr); }.carousel-demo { margin-inline:auto; }.carousel-story__outline { display:none; }.carousel-demo__controls { margin-inline:auto; }}
@media(max-width:600px){
 .content-showcase .showcase-stage--carousel { padding:16px 12px; }
 .carousel-story__team li { grid-template-columns:minmax(0,1fr); gap:5px; padding:12px 0; }
 .carousel-story__brief { margin-top:20px; }
 .carousel-story__brief span { font-size:10px; }
 .carousel-story__finished { padding:20px 12px; }
 .carousel-story__preview { margin-top:18px; }
}

/* This social carousel has its own art direction, independent from site UI. */
.scroll-carousel { --ink:#1723c9; --acid:#d9fc4a; --text:var(--ink); position:relative; width:100%; aspect-ratio:4/5; overflow:hidden; background:#f5f3ec; color:var(--ink); padding:7cqw; font-family:Montserrat,Arial,sans-serif; }
.scroll-carousel__masthead,.scroll-carousel__footer { display:flex; justify-content:space-between; align-items:center; gap:2cqw; font-size:2.1cqw; line-height:1.3; font-weight:700; letter-spacing:.025em; position:relative; z-index:2; }
.scroll-carousel__footer { position:absolute; bottom:5cqw; left:7cqw; right:7cqw; padding-top:2.5cqw; border-top:.15cqw solid currentColor; }
.scroll-carousel__eyebrow { display:block; margin:9cqw 0 5cqw; font-size:2.6cqw; font-weight:700; letter-spacing:.09em; }
.portal .scroll-carousel h4.scroll-carousel__headline { position:relative; z-index:1; font-size:10.2cqw; line-height:.97; font-weight:900; letter-spacing:-.075em; margin:0; color:inherit; }
.scroll-carousel__headline em { font-style:normal; }
.carousel-story .scroll-carousel p.scroll-carousel__aside { position:relative; z-index:1; font-size:4.6cqw; font-weight:500; letter-spacing:-.035em; line-height:1.2; margin:0; color:inherit; }
.scroll-carousel--cover { background:#1723c9; color:#fff; --text:#fff; }
.scroll-carousel__cover { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.portal .scroll-carousel--cover h4.scroll-carousel__headline { font-size:8.4cqw; margin-top:3cqw; line-height:.95; }
.scroll-carousel--cover .scroll-carousel__headline em { color:var(--acid); }
.scroll-carousel__cover-sticker { position:absolute; right:5cqw; top:49cqw; z-index:2; padding:2cqw 3cqw; background:var(--acid); color:#101010; font-size:3.3cqw; font-weight:900; transform:rotate(7deg); box-shadow:1cqw 1cqw 0 #0002; }
.scroll-carousel--cover .scroll-carousel__footer { text-shadow:0 1px 3px #000; }
.scroll-carousel--message .scroll-carousel__headline em { background:var(--acid); box-shadow:1cqw 0 0 var(--acid),-1cqw 0 0 var(--acid); }
.scroll-carousel__message { font-size:3cqw; line-height:1.3; position:relative; z-index:1; margin:6cqw 0 3cqw; padding:5cqw; background:#fff; box-shadow:1.5cqw 2cqw 0 #1723c91a; border:.2cqw solid #1723c920; transform:rotate(-5deg); color:#202020; }
.scroll-carousel__message>span { display:flex; justify-content:space-between; font-size:2.6cqw; border-bottom:.2cqw solid #0002; padding-bottom:3cqw; }
.scroll-carousel__message i { font-style:normal; opacity:.5; }
.scroll-carousel__message strong { font-size:5cqw; line-height:1.2; display:block; margin:5cqw 0 3cqw; letter-spacing:-.04em; }
.scroll-carousel__message small { display:block; line-height:1.3; font-size:2.7cqw; color:#e05233; }
.scroll-carousel__scribble { position:absolute; right:6cqw; bottom:15cqw; font-size:20cqw; transform:rotate(18deg); }
.scroll-carousel--again { background:#1723c9; color:#fff; --text:#fff; }
.portal .scroll-carousel--again h4.scroll-carousel__headline { font-size:21cqw; line-height:.86; margin-top:8cqw; }
.scroll-carousel__promise { position:absolute; right:7cqw; top:65cqw; font-size:9cqw; line-height:1.1; letter-spacing:-.06em; color:#1723c9; background:var(--acid); padding:2cqw 5cqw; border-radius:50%; transform:rotate(-9deg); z-index:2; font-weight:800; }
.scroll-carousel__twenty { position:absolute; bottom:2cqw; left:-2cqw; font-size:57cqw; line-height:1; font-weight:900; color:#fff1; letter-spacing:-.1em; }
.carousel-story .scroll-carousel--again p.scroll-carousel__aside { margin-top:22cqw; font-size:5.2cqw; }
.scroll-carousel--remember { background:var(--acid); color:#1723c9; }
.portal .scroll-carousel--remember h4.scroll-carousel__headline { font-size:13cqw; line-height:.91; }
.scroll-carousel__choices { margin:10cqw 0 7cqw; display:flex; flex-direction:column; gap:4cqw; }
.scroll-carousel__choices strong { display:flex; justify-content:space-between; align-items:center; padding:3cqw 4cqw; border:.5cqw solid currentColor; border-radius:50%; transform:rotate(-4deg); font-size:3.4cqw; }
.scroll-carousel__choices strong span { font-size:6cqw; }
.scroll-carousel__choices s { font-size:3.4cqw; opacity:.55; padding-left:4cqw; }
.portal .scroll-carousel--finish h4.scroll-carousel__headline { font-size:9.7cqw; }
.scroll-carousel__sent { display:flex; justify-content:space-between; align-items:center; margin:8cqw 0 5cqw; padding:4cqw; background:#1723c9; color:white; font-size:4cqw; transform:rotate(3deg); border-radius:4cqw 4cqw 0 4cqw; }
.scroll-carousel__sent b { color:var(--acid); letter-spacing:-.18em; }
.scroll-carousel__exit { display:block; font-size:11cqw; line-height:1.1; letter-spacing:-.065em; background:var(--acid); padding:1.5cqw 2cqw; margin:6cqw -2cqw; transform:rotate(-3deg); }
.carousel-story .scroll-carousel--finish p.scroll-carousel__aside { font-size:4cqw; }

/* Text demo reuses the existing story and copy controls; no publication template changes. */
.content-showcase .showcase-stage--text { display:block; height:auto; padding:24px; }
.showcase-stage--text > .showcase-stage__label { display:none; }
.text-story .video-story__steps { grid-template-columns:repeat(4,minmax(0,1fr)); }
.text-story__reading { max-width:660px; margin-inline:auto; overflow-wrap:anywhere; }
.text-story__post { padding:22px 24px; background:#fffef8; border:1px solid #19191920; border-radius:12px; }
.text-story__byline { display:flex; align-items:center; gap:12px; margin-bottom:24px; }
.text-story__byline>span { width:40px; height:40px; flex:none; display:grid; place-items:center; background:var(--gold); border-radius:50%; font-size:12px; font-weight:700; }
.text-story__byline strong { display:block; font-size:13px; }
.text-story__byline small { font-size:10px; opacity:.65; }
.portal .text-story__reading h3 { margin:0 0 22px; }
.text-story__reading p { font-size:14px; line-height:1.7; }
.text-story__reading blockquote { background:#19191906; border-left:3px solid var(--gold); padding:16px 18px; font-size:14px; line-height:1.7; margin:22px 0; }
.text-story__reading h4 { font-size:18px; line-height:1.3; margin:30px 0 12px; }
.text-story__reading p:last-child { margin-bottom:0; }
.text-story__article>.video-story__meta { margin-bottom:16px; }
.text-story .text-story__note { font-size:11px; opacity:.65; margin:20px 0 0; }
@media(max-width:600px) {
 .content-showcase .showcase-stage--text { padding:16px 12px; }
 .text-story .video-story__steps { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .text-story .video-story__steps button { flex-direction:row; gap:7px; min-height:44px; }
 .text-story__post { padding:16px 12px; }
 .text-story__reading blockquote { padding:12px; }
 .text-story__reading h4 { font-size:17px; }
}

/* Repurpose uses the same story, reading and media components as the other routes. */
.content-showcase .showcase-stage--formats { display:block; height:auto; padding:24px; }
.showcase-stage--formats > .showcase-stage__label { display:none; }
.repurpose-story__transcript { border-top:1px solid #19191920; padding-top:16px; margin-top:24px; }
.repurpose-story__transcript summary { cursor:pointer; font-size:12px; font-weight:600; padding:8px 0; }
.repurpose-story__transcript p:first-of-type { margin-top:16px; }
.repurpose-story__routes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:24px; }
.repurpose-story__routes button { position:relative; text-align:left; display:flex; flex-direction:column; gap:8px; border:1px solid #19191930; border-radius:10px; background:transparent; color:inherit; padding:16px; }
.repurpose-story__routes strong { font-size:15px; }
.repurpose-story__routes span { font-size:11px; line-height:1.5; }
.repurpose-story__routes svg { margin-top:auto; align-self:flex-end; }
.repurpose-story__slide { width:100%; max-width:380px; aspect-ratio:4/5; background:#191919; --text:#fffbed; color:#fffbed; padding:28px; border-radius:12px; margin-inline:auto; display:flex; flex-direction:column; justify-content:center; }
.repurpose-story__slide>.video-story__meta { color:var(--gold); margin-bottom:auto; padding-bottom:20px; }
.portal .repurpose-story__slide h3 { font-size:clamp(23px,2.4vw,32px); line-height:1.12; }
.repurpose-story__slide p { font-size:15px; line-height:1.6; }
.repurpose-story__slide-footer { font-size:11px; border-top:1px solid #fffbed30; padding-top:16px; margin-top:auto; }
.repurpose-story .carousel-demo__controls { margin-inline:auto; }
.repurpose-story .video-story__draft p { margin:12px 0 0; }
.repurpose-story :is(summary,.repurpose-story__slide):focus-visible { outline:2px solid var(--gold); outline-offset:4px; }
@media(max-width:600px) {
 .content-showcase .showcase-stage--formats { padding:16px 12px; }
 .repurpose-story__routes { grid-template-columns:minmax(0,1fr); }
 .repurpose-story__routes button { padding:14px; }
 .repurpose-story__routes svg { position:absolute; right:14px; top:14px; }
 .repurpose-story__slide { padding:20px; }
}


.repurpose-story__slide { container-type:inline-size; display:block; padding:0; aspect-ratio:auto; border-radius:0; background:transparent; }

/* Illustrated repurpose carousel. */
.repurpose-story__slide .repurpose-doodle { width:100%; aspect-ratio:3/4; }
.repurpose-story__slide .repurpose-doodle img { display:block; position:static; width:100%; height:auto; max-width:none; object-fit:contain; transform:none; }

/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./src/components/galson/portal-next-steps.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
/* Homepage-only composition; cards, actions and FAQ reuse the shared portal styles. */
.portal .screen.portal-next {display:block;height:auto;min-height:0;padding:72px var(--portal-gutter);background:var(--bg);scroll-margin-top:96px;}
.portal-next__head {max-width:840px;margin-bottom:32px;}
.portal .portal-next .kicker {margin:0 0 20px;text-align:left;}
.portal .portal-next h2 {margin:0;text-align:left;font-size:clamp(30px,3.4vw,44px);line-height:1.12;}
.portal .portal-next .site-subtitle {margin:24px 0 0;text-align:left;}
.portal .portal-next .content-card {min-height:0;}
.portal .portal-next .content-card__title {margin:0 0 16px;}
.portal .portal-next .content-card__description {margin:0;display:block;-webkit-line-clamp:unset;line-clamp:unset;overflow:visible;}
.portal-audience__grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
/* Align corresponding content and dividers across each desktop card pair. */
@media(min-width:701px) {
 .portal .portal-audience__grid > .content-card {display:grid;grid-template-rows:subgrid;grid-row:span 4;row-gap:0;}
}
.portal-audience__label {display:flex;justify-content:space-between;gap:16px;margin-bottom:24px;}
.portal .portal-audience__label span {color:var(--gold)!important;font-size:12px;}
.portal .portal-audience__result {border-top:1px solid var(--line);padding-top:20px;margin:20px 0 0;line-height:1.7;}
.portal .portal-next__action {display:flex;width:fit-content;margin-top:32px;gap:24px;}
.portal-reviews__grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch;}
.portal-reviews__column {display:flex;flex-direction:column;gap:16px;min-width:0;}
.portal .portal-reviews__cta {flex:1;gap:12px;justify-content:center;}
.portal .portal-reviews__cta .content-card__title {margin:0;}
.portal .portal-reviews__action {width:280px;max-width:100%;height:52px;min-height:52px;flex:none;gap:24px;margin-top:4px;}
.portal-reviews__column:first-child figure:last-child {flex:1;}
.portal-reviews__action svg {flex-shrink:0;}
.portal-reviews__grid figure {margin:0;gap:20px;justify-content:flex-start;}
.portal-reviews__grid figcaption {font-weight:700;}
.portal-reviews__grid img {display:block;width:100%;height:auto;border-radius:var(--galson-radius-control);cursor:zoom-in;}
.portal-reviews__grid img:focus-visible {outline:2px solid var(--gold);outline-offset:6px;}
.portal .screen.portal-questions {display:block;}
.portal-questions .publication-prose {min-width:0;--editorial-text:var(--text);--editorial-accent:var(--gold);--editorial-border:var(--line);}
.portal .portal-connect__card {display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:40px;align-items:center;border-color:var(--gold);}
.portal-connect__actions {display:flex;flex-direction:column;align-items:stretch;gap:12px;}
.portal .portal-connect__actions :is(.primary,.secondary) {width:100%;gap:24px;height:auto;min-height:52px;}
@media(max-width:1024px) {
 .portal .screen.portal-next {padding:64px var(--tablet-gutter,40px);}
 .portal .portal-connect__card {grid-template-columns:minmax(0,1fr);}
}
@media(max-width:700px) {
 .portal .screen.portal-next {padding:48px var(--mobile-gutter,24px);}
 .portal-audience__grid,.portal-reviews__grid {grid-template-columns:minmax(0,1fr);gap:12px;}
 .portal-reviews__column {gap:12px;}
 .portal .portal-reviews__action {width:100%;}
 .portal .portal-next__action {width:100%;}
 .portal .portal-connect__card {gap:28px;}
 .portal-next__action svg,.portal-connect__actions svg {flex-shrink:0;}
}

.portal-questions__next {margin-top:32px;}
.portal .portal-questions__next p {margin:0;line-height:1.7;}
.portal .portal-questions__next .portal-next__action {margin-top:24px;}


/* Compact, single-column FAQ using the existing native disclosure pattern. */
.portal-questions__body {max-width:960px;margin:0 auto;}
.portal-questions__nowrap {white-space:nowrap;}
.portal #faq .publication-block-faq summary {font-size:14px;line-height:1.5;font-weight:600;padding:15px 0;min-height:52px;}
.portal #faq .publication-block-faq summary::after {font-size:18px;flex-shrink:0;}
.portal #faq .publication-block-faq p {font-size:14px;line-height:1.7;margin:0;padding:0 32px 18px 0;max-width:780px;}
.portal #faq summary:focus-visible {outline:2px solid var(--gold);outline-offset:4px;}
.portal .portal-questions__next {display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:28px;}
.portal .portal-questions__next p {max-width:620px;font-size:14px;line-height:1.7;}
.portal .portal-questions__next .portal-next__action {margin:0;flex-shrink:0;}
@media(max-width:700px) {
 .portal .portal-questions__next {flex-direction:column;align-items:stretch;gap:20px;}
 .portal #faq .publication-block-faq p {padding-right:20px;}
}

/* Preserve visible inline navigation inside the portal FAQ. */
.portal #faq .publication-block-faq p a { color:var(--gold);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px; }
.portal #faq .publication-block-faq p a:focus-visible { outline:2px solid var(--gold);outline-offset:3px; }

/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./src/components/galson/portal-team.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
/* Homepage composition using the existing portal card and typography styles. */
.portal .screen.portal-cases,
.portal .screen.portal-team {
  display:block; height:auto; min-height:0;
  padding:72px var(--portal-gutter); background:var(--bg);
  scroll-margin-top:96px;
}
.portal #cases.portal-cases {
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);
  gap:32px; align-items:center;
}
.portal #cases .kicker,.portal #team .kicker { margin:0 0 20px; text-align:left; }
.portal #cases h2,.portal #team h2 {
  margin:0; text-align:left; font-size:clamp(30px,3.4vw,44px); line-height:1.12;
}
.portal #cases .portal-cases__pending { min-height:0; border-style:dashed; }
.portal #cases .content-card__title { margin:0 0 12px; }
.portal #cases .content-card__description,
.portal #team .content-card__description {
  margin:0; display:block; -webkit-line-clamp:unset; line-clamp:unset; overflow:visible;
}
.portal-team__head { max-width:840px; margin-bottom:32px; }
.portal #team .site-subtitle { margin:24px 0 0; text-align:left; }
.portal-team__grid {
  display:grid; grid-template-columns:minmax(0,1.1fr) repeat(2,minmax(0,1fr)); gap:16px;
}
.portal #team .content-card { min-height:0; }
.portal #team .portal-team__coordinator { grid-row:span 2; justify-content:space-between; }

.portal-team__identity { display:flex; align-items:center; gap:20px; margin-bottom:20px; }
.portal-team__identity img {
  flex:none; width:88px; height:88px; object-fit:cover; border-radius:var(--galson-radius-control);
}
.portal #team .portal-team__role { margin:0 0 8px; color:var(--text-muted); font-size:12px; line-height:1.5; }
.portal #team .content-card__title { margin:0 0 12px; }
.portal #team .portal-team__identity .content-card__title { margin:0; }
.portal #team .portal-team__review {
  margin:24px 0 0; padding:20px 0 0; border-top:1px solid var(--line);
  font-size:14px; line-height:1.7; color:var(--text);
}
/* A coordination scene around the existing character, not a live task status. */
.portal-team__coord-scene {
  position:relative; isolation:isolate; width:100%; aspect-ratio:1;
  margin-bottom:24px; flex-shrink:0;
  background:radial-gradient(ellipse at 50% 52%,var(--accent-soft),transparent 68%);
}
.portal-team__connections { position:absolute; inset:0; width:100%; height:100%; stroke:var(--gold); stroke-width:1; }
.portal-team__connections ellipse { stroke:var(--line); stroke-dasharray:3 7; }
.portal-team__connections path { stroke-opacity:.2; }
.portal-team__connections .portal-team__signal {
  stroke-opacity:.8; stroke-width:2; stroke-dasharray:2 24; stroke-linecap:round;
  animation:team-coordination-flow 7s linear infinite;
}
.portal-team__vanya {
  position:absolute; z-index:1; left:18%; top:12%; width:64%; height:77%;
  object-fit:contain; filter:drop-shadow(0 12px 16px rgba(0,0,0,.25));
}
.portal-team__agent-node {
  position:absolute; z-index:2; width:15%; aspect-ratio:1;
  border:1px solid var(--line); padding:3px; border-radius:50%; background:var(--bg);
  box-shadow:0 6px 16px rgba(0,0,0,.2);
}
.portal-team__agent-node img { display:block; width:100%; height:100%; object-fit:cover; border-radius:50%; }
.portal-team__agent-node--alex { left:7%; top:28%; }
.portal-team__agent-node--pushkin { right:8%; top:24%; }
.portal-team__agent-node--tema { left:8%; bottom:20%; }
.portal-team__agent-node--volodya { right:6%; bottom:24%; }
.portal-team__dispatch,.portal-team__result {
  position:absolute; z-index:3; display:flex; align-items:center; gap:7px;
  padding:9px 12px; border:1px solid var(--line); border-radius:var(--galson-radius-control);
  background:var(--bg); color:var(--text); font-size:11px; line-height:1.4;
  box-shadow:0 6px 18px rgba(0,0,0,.15);
}
.portal-team__dispatch { top:3%; left:3%; transform:rotate(-5deg); }
.portal-team__result { bottom:1%; right:2%; transform:rotate(4deg); }
.portal-team__dispatch-dot { width:6px; height:6px; border-radius:50%; background:var(--gold); }
.portal-team__result svg { color:var(--gold); flex:none; }
@keyframes team-coordination-flow { to { stroke-dashoffset:-104; } }
@media(prefers-reduced-motion:reduce) { .portal-team__connections .portal-team__signal { animation:none; } }
@media(max-width:1100px) {
  .portal-team__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .portal #team .portal-team__coordinator { grid-row:auto; grid-column:1 / -1; flex-direction:row; align-items:center; gap:28px; }
  .portal-team__coord-scene { flex:0 0 44%; margin-bottom:0; }
}
@media(max-width:1024px) {
  .portal .screen.portal-cases,.portal .screen.portal-team { padding:64px var(--tablet-gutter,40px); }
}
@media(max-width:700px) {
  .portal .screen.portal-cases,.portal .screen.portal-team { padding:48px var(--mobile-gutter,24px); }
  .portal #cases.portal-cases { grid-template-columns:minmax(0,1fr); gap:24px; }
  .portal-team__grid { grid-template-columns:minmax(0,1fr); gap:12px; }
  .portal #team .portal-team__coordinator { flex-direction:column; align-items:stretch; gap:0; }
  .portal-team__coord-scene { flex:none; width:100%; margin-bottom:24px; }
  .portal-team__identity img { width:80px; height:80px; }
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./src/components/galson/about-profile.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
/* Homepage author composition; shared portal cards, controls and tokens. */
#about-max.about-profile {
  display:block; height:auto; min-height:0;
  padding:72px var(--portal-gutter); background:var(--bg);
}
.portal #about-max .about-profile__label { text-align:left; margin:0 0 24px; }
.about-profile__grid {
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);
  gap:16px; align-items:stretch;
}
.about-profile__portrait {
  grid-row:span 3; display:flex; flex-direction:column; min-width:0; align-self:start;
  margin:0; overflow:hidden; border:1px solid var(--line);
  border-radius:var(--galson-radius-card); background:var(--surface);
}
/* Preserve the complete scene independently of adjacent text height. */
.about-profile__portrait picture { display:block; flex:none; }
.about-profile__portrait img {
  display:block; width:100%; height:auto;
}
.about-profile__portrait figcaption { padding:28px; }
.portal #about-max h2 {
  text-align:left; font-size:clamp(28px,3vw,42px); line-height:1.1; margin:0 0 12px;
}
.portal #about-max .about-profile__portrait p { margin:0; font-size:14px; line-height:1.7; }
.portal #about-max .about-profile__card { display:flex; flex-direction:column; justify-content:center; min-height:0; padding:28px; }
.portal #about-max .about-profile__card .content-card__title { margin:0 0 16px; }
.portal #about-max .about-profile__card .content-card__description { margin:0; display:block; -webkit-line-clamp:unset; line-clamp:unset; overflow:visible; }
.about-profile__accent { color:var(--gold); }
.portal #about-max .about-profile__cta {
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  width:280px; max-width:100%; margin-top:24px;
}
.about-profile__cta svg { flex:none; }
@media(max-width:1024px) {
  #about-max.about-profile { padding:64px var(--tablet-gutter,40px); }
  .about-profile__grid { grid-template-columns:minmax(0,1fr) minmax(0,1.3fr); }
  .about-profile__portrait { grid-row:span 2; }
  .about-profile__card--factory { grid-column:1 / -1; }
  .portal #about-max .about-profile__card,.about-profile__portrait figcaption { padding:24px; }
}
@media(max-width:700px) {
  #about-max.about-profile { padding:48px var(--mobile-gutter,24px); }
  .about-profile__grid { grid-template-columns:minmax(0,1fr); gap:12px; }
  .about-profile__portrait { grid-row:auto; }
  .portal #about-max .about-profile__card,.about-profile__portrait figcaption { padding:24px; }
  .portal #about-max .about-profile__cta { width:100%; }
}

/* Accent card for the origin of Content Factory. */
.portal :is(#about-max, #reviews) .about-profile__card--factory {
  background:var(--gold); border-color:var(--gold); color:var(--bg);
}
.portal :is(#about-max, #reviews) .about-profile__card--factory .content-card__title,
.portal :is(#about-max, #reviews) .about-profile__card--factory .content-card__description {
  color:var(--bg)!important;
}
.portal :is(#about-max, #reviews) .about-profile__card--factory .about-profile__cta {
  background:var(--bg); color:var(--gold)!important; border-color:var(--bg); box-shadow:none;
}

/* Three stages of the author's workflow, revealed by the existing portal motion. */
.portal #about-max .about-profile__journey {
  list-style:none; margin:0 0 24px; padding:0;
}
.portal #about-max .about-profile__journey li {
  position:relative; display:flex; align-items:center; gap:16px;
  margin:0; padding:0 0 20px; min-height:36px;
  color:var(--text); font-size:20px; font-weight:700; line-height:1.3;
}
.portal #about-max .about-profile__journey li:last-child { padding-bottom:0; }
.about-profile__journey li:not(:last-child)::after {
  content:""; position:absolute; width:1px; top:36px; bottom:0; left:17px;
  background:var(--line);
}
.about-profile__step {
  display:flex; align-items:center; justify-content:center;
  flex:0 0 36px; height:36px; border:1px solid var(--line);
  border-radius:50%; font-size:11px; font-weight:600; font-variant-numeric:tabular-nums;
}
.portal #about-max .about-profile__journey li > span { color:var(--text)!important; }
.portal #about-max .about-profile__journey .about-profile__journey-current > span { color:var(--gold)!important; }
.portal #about-max .about-profile__journey .about-profile__journey-current > .about-profile__step {
  background:var(--gold); border-color:var(--gold); color:var(--bg)!important;
}
@media(max-width:700px) {
  .portal #about-max .about-profile__journey li { font-size:18px; gap:12px; }
}

/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./src/components/galson/portal-cases.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
/* Homepage case composition. Shared portal typography, cards and controls remain canonical. */
.portal-case-study__controls {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;}
.portal-case-study__position {font-size:14px;font-weight:600;}
.portal-case-study__arrows {display:flex;gap:8px;}
.portal .portal-case-study__arrows button {width:48px;height:48px;padding:0;justify-content:center;color:var(--gold);cursor:pointer;}
.portal .portal-case-study__arrows button:disabled {opacity:.3;cursor:default;}
.portal-case-study__track {position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:100%;align-items:start;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--gold) var(--bg);padding-bottom:16px;}
.portal .portal-case-study__slide {display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:36px;padding:32px;scroll-snap-align:start;scroll-snap-stop:always;min-width:0;}
.portal-case-study__copy {min-width:0;}
.portal .portal-case-study__copy .content-card__label {display:block;margin-bottom:20px;}
.portal .portal-case-study__copy .content-card__title {font-size:clamp(24px,2.5vw,34px);line-height:1.15;margin-bottom:24px;}
.portal-case-study__copy p {font-size:14px;line-height:1.7;margin:0;}
.portal-case-study__numbers {display:grid;gap:18px;margin:28px 0 20px;}
.portal-case-study__numbers div {display:flex;flex-direction:column-reverse;gap:4px;}
.portal-case-study__numbers dt {font-size:14px;line-height:1.5;}
.portal-case-study__numbers dd {margin:0;color:var(--gold);font-size:clamp(28px,3.5vw,44px);font-weight:800;line-height:1.05;letter-spacing:-.035em;}
.portal .portal-case-study__note {font-size:12px;line-height:1.6;}
.portal-case-study__evidence {display:grid;gap:20px;min-width:0;width:100%;max-width:480px;justify-self:center;}
.portal-case-study__evidence figure {margin:0;min-width:0;}
.portal-case-study__evidence figcaption {font-size:12px;font-weight:600;margin-bottom:8px;}
.portal-case-study__evidence img {width:100%;height:auto;border-radius:var(--galson-radius-control);}
.portal-case-study__channels {gap:12px;width:100%;max-width:480px;justify-self:center;}
.portal-case-study__social img {width:auto;max-width:100%;max-height:320px;}
.portal-case-study__track:focus-visible,.portal-case-study__arrows button:focus-visible {outline:2px solid var(--gold);outline-offset:3px;}
@media(max-width:700px) {
 .portal .portal-case-study__slide {grid-template-columns:minmax(0,1fr);align-content:start;gap:24px;padding:20px;}
 .portal .portal-case-study__copy .content-card__title {font-size:26px;margin-bottom:16px;}
 .portal-case-study__numbers {grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;margin:24px 0 16px;}
 .portal-case-study__numbers dd {font-size:28px;}
 .portal-case-study__numbers dt {font-size:12px;}
 .portal-case-study__social img {max-height:none;}
}

/* Close the case with its takeaway and a transition to the team section. */
.portal-case-study__copy .portal-case-study__conclusion {margin-top:20px;}
.portal .portal-case-study__next {margin-top:28px;width:100%;max-width:360px;gap:16px;}
.portal-case-study__next svg {flex:none;}
.portal-case-study__takeaways {list-style:none;margin:0;padding:28px;border-radius:var(--galson-radius-card);background:var(--gold);color:var(--bg);}
.portal-case-study__takeaways li {display:flex;align-items:flex-start;gap:16px;margin:0;padding:24px 0;}
.portal-case-study__takeaways li:first-child {padding-top:0;}
.portal-case-study__takeaways li:last-child {padding-bottom:0;}
.portal-case-study__takeaways li + li {border-top:1px solid currentColor;}
.portal-case-study__step {flex:0 0 28px;font-size:12px;font-weight:600;line-height:26px;}
.portal .portal-case-study__takeaways h4 {margin:0 0 8px;color:var(--bg);font-size:20px;line-height:1.3;font-weight:800;}
.portal .portal-case-study__takeaways p {margin:0;color:var(--bg);font-size:14px;line-height:1.6;}
@media(max-width:700px) {
 .portal-case-study__takeaways {padding:22px 18px;}
 .portal-case-study__takeaways li {gap:10px;}
 .portal-case-study__step {flex-basis:16px;}
 .portal .portal-case-study__takeaways h4 {font-size:18px;}
}

.portal .portal-case-study__takeaways :is(li,h4,p,span) {color:var(--bg)!important;}

/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./src/components/galson/system-trial.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/

/* Reversible first system-section study. Scoped to this section only. */
.portal .screen.system-trial{display:block;height:auto;min-height:0;padding:72px var(--portal-gutter);background:#191919}
.system-trial__head{margin-bottom:32px}
.portal .system-trial h2{font-size:clamp(30px,3.4vw,44px);line-height:1.08;letter-spacing:-.04em}
.system-trial__grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px}
.system-trial__grid>div,.system-trial__grid>article{border:1px solid #383833;border-radius:24px;overflow:hidden}
.system-trial__vanya{position:relative;grid-row:span 2;min-height:470px;background:radial-gradient(ellipse at 55% 40%,#34321b 0%,#1b1c16 55%,#161713 100%)}
.system-trial__badge{position:absolute;top:24px;left:24px;z-index:2;display:flex;gap:9px;align-items:center;font-size:11px;color:#deddd1}
.system-trial__badge i{width:6px;height:6px;background:var(--gold);border-radius:50%}
.system-trial__vanya img{position:absolute;height:90%;width:90%;object-fit:contain;bottom:0;left:5%;object-position:center bottom}
.system-trial__orbit{position:absolute;inset:65px 20px 50px;border:1px solid #b49d3526;border-radius:50%}
.system-trial__caption{position:absolute;inset:auto 0 0;padding:75px 24px 26px;background:linear-gradient(transparent,#151612 65%)}
.system-trial__caption>span,.system-trial__number{display:block;font-family:monospace;font-size:10px;letter-spacing:.08em;color:#aaa99b}
.system-trial__caption h3{margin:10px 0 0;font-size:27px;line-height:1.1;color:#fff}
.system-trial__note{position:absolute;right:18px;top:49%;padding:13px 16px;border:1px solid #ffffff20;border-radius:14px;background:#24251fee;color:#f5f4e8;font-size:12px;transform:rotate(5deg)}
.system-trial__note small{display:block;margin-top:5px;color:#b6b6a7;font-size:10px}
.system-trial__small{padding:26px;background:#21221e}
.system-trial__small h3{font-size:23px;line-height:1.15;letter-spacing:-.025em;margin:24px 0 14px;color:#fff}
.system-trial__small p{font-size:14px;line-height:1.55;color:#bdbeb6;margin:0}
.system-trial__yellow{grid-column:2 / 4;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px;background:var(--gold);color:#17180f;border-color:transparent!important}
.system-trial__yellow .system-trial__number{color:#464019}
.system-trial__yellow h3{font-size:clamp(28px,3vw,38px);line-height:1.03;letter-spacing:-.04em;margin:18px 0 0;color:#17180f}
.system-trial__formats{width:160px;flex:none;padding:10px}
.system-trial__formats span{display:block;padding:15px 18px;background:#f6d763;border:1px solid #77611a55;border-radius:10px;color:#191a12;font-size:12px;transform:rotate(7deg)}
.system-trial__formats span:nth-child(2){transform:rotate(-6deg);margin-top:-4px}
.system-trial__formats span:last-child{background:#191a12;color:#f4ce3c;transform:rotate(2deg);margin-top:-4px}
@media(max-width:1100px){
 .system-trial__grid{grid-template-columns:1fr 1fr}
 .system-trial__vanya{grid-column:1;grid-row:span 2}
 .system-trial__yellow{grid-column:1 / -1}
 .system-trial__head{text-align:center}
}
@media(max-width:700px){
 .portal .screen.system-trial{padding:48px 20px}
 .system-trial__head{text-align:left}
 .system-trial__grid{grid-template-columns:1fr 1fr;gap:12px}
 .system-trial__vanya{grid-column:1 / -1;grid-row:auto;min-height:420px}
 .system-trial__small{padding:18px}
 .system-trial__small h3{font-size:19px;margin-top:18px}
 .system-trial__small p{font-size:13px}
 .system-trial__yellow{padding:22px;gap:10px}
 .system-trial__formats{width:120px;padding:0}
 .system-trial__formats span{font-size:10px;padding:13px 12px}
}
.portal #system .system-trial__yellow h3{color:#17180f;font-weight:800}
.portal #system .system-trial__small h3,.portal #system .system-trial__caption h3{font-weight:700}

.portal #system .system-trial__yellow h3{color:#17180f!important}

/* Step two: miniature content previews, replacing the format tags. */
.system-trial__formats-art{width:310px;max-width:48%;flex:none}
.system-trial__formats-art svg{display:block;width:100%;height:auto;overflow:visible;font-family:Montserrat,Arial,sans-serif}
@media(max-width:700px){
 .system-trial__yellow{flex-direction:column;align-items:flex-start}
 .system-trial__formats-art{width:290px;max-width:100%;align-self:center;margin-top:8px}
}

.system-trial__formats-art img{display:block;width:100%;height:auto}

/* Keep full words readable on narrow phones. */
@media (max-width: 380px) {
  .system-trial__small { grid-column: 1 / -1; }
}