/* Иллюстрации владельца, 3 ноября 2026. Текст и действия остаются HTML. */
.artwork{display:block;width:100%;height:auto;object-fit:contain}
.section-art{width:100%;max-width:420px;justify-self:center;min-width:0}
.illustrated-row{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:64px;align-items:center}
.illustrated-row.art-right{grid-template-columns:minmax(0,1.3fr) minmax(0,.85fr)}
.illustrated-row>.prose,.illustrated-row>div>.prose{max-width:none}
.plaque-heading{text-align:center;max-width:none!important}
.heading-plaque{text-align:center;text-wrap:balance}
.story .plaque-heading{max-width:none!important}
.hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:78px}
.hero .hero-visual{display:block;align-self:center;padding:0;background:none;border-radius:0;min-height:0;max-width:420px;justify-self:center}
.hero-visual>.artwork{border-radius:8px}
.opening.illustrated-row{grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr)}
.opening .section-art{max-width:440px}
.why-illustrated{display:block;padding-bottom:68px}
.why-illustrated>.illustrated-row+.illustrated-row{margin-top:70px}
.why-heading h2{font-size:34px;max-width:420px;text-align:center;margin:0 auto 30px}
.why-heading>.artwork{max-width:430px;margin:auto}
.why-top>.why-heading{grid-column:2;grid-row:1}.why-top>.prose{grid-column:1;grid-row:1}
.warning-callout{max-width:100%;margin:64px auto 0;padding:30px 40px;border:44px solid transparent;border-image:url('assets/illustrations/warning-frame.webp') 17% 9% stretch;line-height:1.8}
.story-lead{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.75fr);gap:55px;align-items:center}
.story-lead>div{min-width:0}
.story-lead .story-intro{margin:30px 0 0}
.story-lead .section-art{max-width:380px;align-self:end}
.story-layout{margin-top:50px}
.program-intro>.illustrated-row{margin-top:40px}
.program-intro .section-art{max-width:410px}
.module-body.module-illustrated{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,.8fr);gap:40px;align-items:center;max-width:none;padding:0 0 38px 74px}
.module-body .prose{font-size:17px;max-width:none;min-width:0}
.module-art{max-width:310px;width:100%;justify-self:center;min-width:0}
.module-art figcaption{font:600 25px/1.3 var(--sans);color:#C67C00;text-align:center;margin-bottom:8px}
.module-body.module-comparison{display:block}
.module-before,.module-after{display:grid;gap:34px;align-items:center}
.module-before{grid-template-columns:minmax(0,1fr) 245px}
.module-after{grid-template-columns:245px minmax(0,1fr);margin-top:24px}
.module-comparison .module-art{max-width:245px}
.consultation{display:block}
.consultation-top,.consultation-bottom{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:64px;align-items:start}
.consultation-top h2{font-size:34px;margin-bottom:24px}
.consultation-top .artwork{max-width:330px}
.consultation-top>.prose{max-width:none}
.consultation-bottom{grid-template-columns:minmax(0,1.3fr) minmax(0,.85fr);margin-top:34px;align-items:center}
.consultation-bottom>.artwork{max-width:330px;justify-self:end}
.bonus-label{font-size:36px;padding-top:38px;margin-bottom:24px}
.bonus{gap:50px}
.bonus-pdf{grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);align-items:center}
.bonus-pdf>.section-art{max-width:290px}
.bonus:not(.bonus-pdf){display:block}
.bonus:not(.bonus-pdf)>.plaque-heading{margin-bottom:38px}
.bonus .bonus-terms{grid-column:auto;margin-top:24px}
.bonus-music .section-art,.bonus-daily .section-art{max-width:350px}
.price-card h3,.price-card .access{text-align:center}
.tariff-art{height:250px;display:grid;place-items:center;margin:8px 0 20px}
.tariff-art .artwork{max-height:250px;width:auto;max-width:100%}
.price-card .features{margin-top:0}

/* Supplied raster labels are backed by readable text for assistive technology. */
.knit-button,.hero .knit-button,.closing .knit-button,.price-card .knit-button,.mobile-cta .knit-button,#expand-modules.knit-button{display:block;width:100%;min-width:0;max-width:410px;min-height:0;padding:0;border:0;border-radius:12px;background:transparent;box-shadow:none;color:var(--black);text-decoration:none;line-height:1;filter:none;transition:transform .16s ease,filter .16s ease;transform:translate(0,0) scale(1)}
:is(.button,.menu-toggle,#expand-modules).knit-button{padding:0;border:0;background:transparent;box-shadow:none;min-height:0;line-height:1;transition:transform .16s ease,filter .16s ease;transform:translate(0,0) scale(1)}
.knit-button>.button-art{width:100%;height:auto;pointer-events:none}
.hero .knit-button{max-width:330px}
.closing .knit-button{max-width:490px}
#expand-modules.knit-button{max-width:350px;flex-shrink:0}
.price-card .knit-button{max-width:none}
:is(.button,#expand-modules).knit-button[data-payment]{min-height:56px;display:flex;align-items:center;justify-content:center}
.mobile-cta .knit-button{max-width:300px;margin:auto}
@media(hover:hover){:is(.button,.menu-toggle,#expand-modules).knit-button:hover{background:transparent;box-shadow:none;filter:brightness(.88);transform:translate(2px,2px) scale(.985)}}
:is(.button,.menu-toggle,#expand-modules).knit-button:active{background:transparent;box-shadow:none;filter:brightness(.78);transform:translate(3px,3px) scale(.97)}
.knit-button:focus-visible{outline:3px solid var(--ink);outline-offset:5px}
:is(.button,#expand-modules).knit-button.art-failed{padding:12px 16px;background:var(--amber);border:3px solid var(--black);font:600 var(--button-size)/1.3 var(--sans);text-align:center}
.knit-button.art-failed .button-label{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal}
.knit-button.art-failed>.button-art{display:none}
@media(min-width:1500px){.hero{gap:100px}.hero .hero-visual{max-width:440px}}
@media(max-width:1050px){.illustrated-row,.opening.illustrated-row,.consultation-top,.consultation-bottom{gap:36px}.hero{gap:45px}.story-lead{gap:32px}.module-body.module-illustrated{padding-left:0;gap:28px}.module-before{grid-template-columns:minmax(0,1fr) 210px}.module-after{grid-template-columns:210px minmax(0,1fr)}.tariff-art{height:210px}.tariff-art .artwork{max-height:210px}.warning-callout{padding:20px 25px;border-width:35px}}
@media(max-width:800px){.hero{gap:28px}.hero h1{font-size:42px}.hero .knit-button{max-width:300px}.illustrated-row,.opening.illustrated-row{gap:30px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.illustrated-row.art-right{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.opening .prose p:first-child{font-size:21px}.why-heading h2{font-size:29px}.story-lead{grid-template-columns:minmax(0,1.4fr) minmax(0,.75fr);gap:25px}.story-lead .heading-plaque{font-size:28px}.consultation-top h2{font-size:28px}.module-body.module-illustrated{grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr);gap:24px}.module-body .prose{font-size:16px}.module-before{grid-template-columns:minmax(0,1fr) 170px}.module-after{grid-template-columns:170px minmax(0,1fr)}.tariff-art{height:175px}.tariff-art .artwork{max-height:175px}.bonus-pdf{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:30px}}
@media(max-width:700px){
  .illustrated-row,.illustrated-row.art-right,.opening.illustrated-row,.story-lead,.consultation-top,.consultation-bottom,.bonus-pdf{grid-template-columns:minmax(0,1fr);gap:30px}
  .hero{display:grid;grid-template-columns:minmax(0,1fr);gap:32px}
  .hero .hero-visual{width:100%;max-width:340px;justify-self:center}
  .hero .knit-button{max-width:330px}
  .hero-facts{text-align:left}
  .opening .section-art{max-width:390px}
  .why-heading{display:contents}
  .why-top>.prose{grid-column:1;grid-row:3}
  .why-heading h2{grid-row:1;margin-bottom:0;max-width:none;text-align:center;font-size:31px}
  .why-heading>.artwork{grid-row:2;max-width:330px}
  .why-illustrated .art-right>.prose{grid-row:3}
  .why-illustrated>.illustrated-row+.illustrated-row{margin-top:50px}
  .section-art{max-width:330px}
  .warning-callout{margin-top:40px;padding:16px 12px;border-width:24px;font-size:17px}
  .story-lead .story-intro{margin-top:28px}
  .story-lead .section-art{max-width:310px}
  .story-layout{margin-top:34px}
  .program-intro>.illustrated-row{margin-top:30px}
  .program-intro .section-art{max-width:350px}
  .module-body.module-illustrated{grid-template-columns:minmax(0,1fr);padding:0 0 32px;gap:24px}
  .module-body.module-comparison{display:grid}
  .module-before,.module-after{grid-template-columns:minmax(0,1fr);gap:22px;margin:0}
  .module-after>.module-art{grid-row:2}
  .module-art{max-width:280px}
  .module-comparison .module-art{max-width:245px}
  .module-art figcaption{font-size:23px}
  .consultation-top h2{text-align:center;font-size:31px}
  .consultation-top .artwork,.consultation-bottom>.artwork{max-width:300px;justify-self:center;margin:auto}
  .consultation-bottom{margin-top:26px}
  .bonus-pdf>.section-art{max-width:240px}
  .bonus-music .section-art,.bonus-daily .section-art{max-width:300px}
  .bonus:not(.bonus-pdf)>.plaque-heading{margin-bottom:30px}
  .bonus-label{font-size:30px;margin-bottom:28px}
  .tariff-art{height:230px}
  .tariff-art .artwork{max-height:230px}
}
@media(max-width:600px){.opening{padding-top:48px}.hero .hero-visual{padding:0;display:block}.knit-button,.hero .knit-button,.closing .knit-button{width:100%}.closing .knit-button{max-width:490px}.mobile-cta{padding-top:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom))}.curriculum-top{align-items:stretch}#expand-modules.knit-button{width:100%;max-width:350px;align-self:flex-start}.heading-plaque{padding-left:15px;padding-right:15px}.story-lead .heading-plaque{font-size:29px}}
@media(max-width:360px){.warning-callout{border-width:18px;padding:12px 8px;font-size:16px}.tariff-art{height:185px}.tariff-art .artwork{max-height:185px}.story-lead .heading-plaque{font-size:26px}}
@media(prefers-reduced-motion:reduce){:is(.button,.menu-toggle,#expand-modules).knit-button:hover,:is(.button,.menu-toggle,#expand-modules).knit-button:active{transform:none;transition:none}}
@media print{.illustrated-row,.story-lead,.module-body.module-illustrated,.module-before,.module-after,.consultation-top,.consultation-bottom{display:block}.section-art,.module-art,.tariff-art{max-width:180px;margin:20px auto;break-inside:avoid}.warning-callout{border:3px solid var(--ink);padding:20px}.knit-button{display:none!important}}

/* Уточнения владельца: размеры, выравнивание и цветовые акценты. */
.opening.illustrated-row{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start}
.opening .section-art{max-width:none;align-self:start}
.why-illustrated>h2,.consultation>h2{max-width:none;text-align:center;font-size:36px;margin:0 0 42px;text-wrap:balance}
.why-top>.prose{grid-column:1;grid-row:1}
.why-top>.section-art{grid-column:2;grid-row:1;align-self:center}
.program-intro>.illustrated-row{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start}
.program-intro .section-art{max-width:none;align-self:start}
.warning-callout{box-sizing:border-box;display:flex;align-items:center;width:715px;max-width:100%;height:345px;margin:64px auto 0;padding:54px 80px;border:0;border-image:none;background:url('assets/illustrations/warning-frame.webp') center/715px 345px no-repeat;font-size:17px}
.warning-callout p{margin:0;line-height:1.65}
.consultation-top{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start}
.consultation-top>.artwork{width:100%;max-width:none}
.consultation-bottom{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;margin-top:44px}
.consultation-bottom>.artwork{width:100%;max-width:none;justify-self:end}
.author-name{display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:3px 10px;color:var(--black);line-height:1.6}
.author-name.olive{background:var(--olive)}.author-name.amber{background:var(--amber)}
.authors-end{margin:44px auto 0;text-align:center;max-width:850px}
.author-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.author{min-width:0}.portrait-slot{width:100%;min-width:0}
.reviews{position:relative;isolation:isolate;padding-bottom:80px;margin-bottom:0}
.bonuses{clear:both;display:flow-root;position:relative;margin-top:0;padding-top:58px;border-top:1px solid var(--line)}
.bonus-label{position:static;display:block;transform:none;margin:0 0 38px;padding:0}
.bonus-pdf>.section-art .artwork{transform:scaleX(-1)}
.price-card:not(.price-supported){box-shadow:6px 6px 0 var(--black)}
.price-supported .tariff-art .artwork{transform:scale(1.08)}
@media(min-width:1280px){.opening .section-art{position:relative;align-self:stretch}.opening .section-art>.artwork{position:absolute;left:50%;top:0;transform:translateX(-50%);height:100%;width:auto;max-width:none}}
@media(min-width:701px) and (max-width:1279px){.opening.illustrated-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.opening .section-art{max-width:none}}
@media(max-width:800px){.why-illustrated>h2,.consultation>h2{font-size:32px}.program-intro>.illustrated-row{grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr)}}
@media(max-width:820px){.warning-callout{width:100%;height:auto;min-height:280px;background:none;border:24px solid transparent;border-image:url('assets/illustrations/warning-frame.webp') 17% 9% / 1 / 0 repeat;padding:20px;font-size:17px}}
@media(max-width:700px){.opening.illustrated-row,.program-intro>.illustrated-row,.consultation-top,.consultation-bottom{grid-template-columns:minmax(0,1fr);gap:30px}.opening .section-art{max-width:430px;justify-self:center}.why-top>.section-art{grid-column:1;grid-row:1}.why-top>.prose{grid-column:1;grid-row:2}.why-illustrated>h2,.consultation>h2{font-size:31px;margin-bottom:30px}.program-intro .section-art{max-width:420px}.consultation-top>.artwork,.consultation-bottom>.artwork{max-width:390px;justify-self:center;margin:0 auto}.authors-end{margin-top:34px}.bonuses{padding-top:42px}.bonus-label{margin-bottom:30px}.reviews{padding-bottom:55px}}
@media(max-width:360px){.warning-callout{border-width:18px;padding:15px 10px;font-size:17px}.author-name{padding:3px 7px}}
@media(max-width:600px){.author-grid{grid-template-columns:minmax(0,1fr)}.price-card h3{font-size:clamp(22px,7vw,30px);white-space:nowrap}}
.bonus-label .heading-plaque.graphite{color:#fff}
.authors-end.warning-callout{flex-direction:column;justify-content:center;gap:14px;max-width:100%;padding:52px 72px;font-size:16px}
.authors-end.warning-callout p{line-height:1.55}
#tariff-actions{scroll-margin-bottom:28px}
@media(max-width:820px){.authors-end.warning-callout{height:auto;min-height:345px;padding:22px 18px;font-size:17px;gap:20px}}

/* Движение и блик из видеореференса — только у CTA первого экрана. */
.hero .knit-button>.hero-button-surface{display:block;position:relative;width:100%;pointer-events:none;isolation:isolate;transform-origin:center;animation:hero-button-motion 2.8s ease-in-out infinite}
.hero-button-surface>.button-art{width:100%;height:auto;display:block}
.hero-button-surface::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(110deg,transparent 39%,#ffffff12 43%,#ffffff8c 50%,#ffffff18 57%,transparent 61%);background-size:260% 100%;background-repeat:no-repeat;background-position:160% 0;-webkit-mask-image:url('assets/illustrations/button-join.webp');mask-image:url('assets/illustrations/button-join.webp');-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;animation:hero-button-shine 2.8s linear infinite}
@keyframes hero-button-motion{0%,100%{transform:translateY(0) rotate(0) scale(1)}25%{transform:translateY(-2px) rotate(-.8deg) scale(1.02)}50%{transform:translateY(-1px) rotate(.8deg) scale(1.025)}75%{transform:translateY(-2px) rotate(-.45deg) scale(1.015)}}
@keyframes hero-button-shine{0%,16%{background-position:160% 0;opacity:0}22%{opacity:1}57%{opacity:1}62%,100%{background-position:-60% 0;opacity:0}}
.hero .knit-button:is(:hover,:focus-visible,:active)>.hero-button-surface{animation-play-state:paused}
.hero .knit-button:is(:hover,:focus-visible,:active)>.hero-button-surface::after{animation-play-state:paused;visibility:hidden}
.hero .knit-button.art-failed>.hero-button-surface{display:none}
@media(prefers-reduced-motion:reduce){.hero .knit-button>.hero-button-surface{animation:none;transform:none}.hero-button-surface::after{display:none;animation:none}}

/* Материалы владельца от 4 ноября: тонкая рамка и настоящие отзывы. */
mark.text-marker,mark.text-marker strong{font-weight:700}
.heading-plaque.graphite{color:#fff}
.warning-callout{background:none;border:14px solid transparent;border-image:url('assets/illustrations/warning-frame.webp') 10% 4.2% / 1 / 0 round;padding:38px 44px}
.authors-end.warning-callout{padding:38px 44px}
.review-between{padding:24px 0 0}
.inline-review{display:block;width:100%;max-width:800px;min-width:0;margin:0 auto}
.inline-review>figcaption{font:600 16px/1.5 var(--sans);margin-bottom:12px;color:var(--ink)}
.inline-review>img{display:block;width:100%;height:auto;max-width:100%}
.review-transcript{margin-top:10px;border-top:1px solid var(--line);text-align:left}
.review-transcript>summary{cursor:pointer;padding:9px 0;font:500 14px/1.6 var(--sans);min-height:42px;text-underline-offset:4px}
.review-transcript>summary:hover{text-decoration:underline}
.review-transcript>summary:focus-visible{outline:3px solid var(--olive-dark);outline-offset:3px}
.review-transcript>blockquote{margin:12px 0 0;padding:0;font:400 17px/1.7 var(--sans)}
.review-transcript p+p{margin-top:16px}
.module-comparison>.inline-review{margin:32px auto 0;max-width:820px}
.story-layout .step-list>.inline-review{margin:6px 0 0;max-width:none}
.review-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:32px}
.review-index>article{min-width:0;border-top:3px solid var(--olive);padding-top:20px}
.review-index blockquote{margin:0 0 18px;font:400 19px/1.65 var(--serif)}
.review-index a{font:600 15px/1.6 var(--sans)}
@media(max-width:820px){.warning-callout{border-width:12px;padding:20px}.authors-end.warning-callout{border-width:12px;padding:22px 20px}.review-index{grid-template-columns:minmax(0,1fr);gap:28px}}
@media(max-width:600px){.review-between{padding-top:18px}.inline-review>figcaption{font-size:15px}.review-index blockquote{font-size:20px}}
@media(max-width:360px){.warning-callout,.authors-end.warning-callout{border-width:10px;padding:18px 16px}}
@media(min-width:1280px){.opening.illustrated-row{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.opening .prose p:first-child{font-size:22px}}

/* Отзывы без подписей: пропорции из макетов владельца. */
.inline-review{max-width:360px}
.inline-review>a{display:block;cursor:zoom-in}
.inline-review img{display:block;width:100%;max-width:100%;height:auto}
.why-top>#review-daria{grid-column:2;grid-row:1;max-width:420px;margin:0;justify-self:center;align-self:center}
.story-layout .step-list>#review-yulia{width:50%;max-width:440px;justify-self:start}
.module .prose>.inline-review{margin:22px 0}
#review-evgenia{width:48%;max-width:450px}
#review-k,#review-elena{width:60%;max-width:500px}
.music-visual-stack{display:grid;gap:24px;align-content:start;justify-items:center;min-width:0}
.bonus-music .music-visual-stack>.section-art{max-width:240px}
.bonus-music>.illustrated-row{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
#review-mangust{max-width:520px;margin:0}
.module-body.module-gestures{grid-template-columns:minmax(0,1.65fr) minmax(0,.9fr);gap:36px}
.gesture-comparison{display:flex;flex-direction:column;max-width:380px;width:100%;margin-top:-45px;justify-self:center}
.gesture-comparison .module-art{width:62%;max-width:200px}
.gesture-comparison .gesture-before{align-self:flex-start}
.gesture-comparison .gesture-after{align-self:flex-end;margin-top:-8px}
.gesture-comparison figcaption{font:600 30px/1.3 var(--sans);color:#4B4B4B;margin-bottom:7px}
.review-index>a{display:flex;align-items:center;justify-content:center;min-width:0}
.review-index img{display:block;width:100%;max-width:360px;height:auto}
.warning-callout,.authors-end.warning-callout{background:var(--ink);border-radius:16px;color:#fff;font-size:20px;padding:28px 34px;height:auto;min-height:345px}
.warning-callout p,.authors-end.warning-callout p{color:inherit;line-height:1.6}
#why>.warning-callout{height:auto;min-height:285px}
@media(max-width:1050px){#review-evgenia,#review-k,#review-elena,.story-layout .step-list>#review-yulia{width:100%}}
@media(max-width:900px){.why-top.illustrated-row,.bonus-music>.illustrated-row{grid-template-columns:minmax(0,1fr)}.why-top>.prose{grid-column:1;grid-row:1}.why-top>#review-daria{grid-column:1;grid-row:2;margin-top:0}}
@media(max-width:820px){.warning-callout,.authors-end.warning-callout{font-size:19px;padding:24px 26px;min-height:0}#why>.warning-callout{min-height:0}.gesture-comparison figcaption{font-size:26px}}
@media(max-width:700px){.why-top>#review-daria{grid-column:1;grid-row:2;max-width:420px}.why-top>.prose{grid-row:1}.module-body.module-gestures,.bonus-music>.illustrated-row{grid-template-columns:minmax(0,1fr)}.gesture-comparison{margin-top:0;max-width:340px}.gesture-comparison .module-art{max-width:190px}.music-visual-stack{gap:22px}.review-index{gap:30px}}
@media(max-width:360px){.warning-callout,.authors-end.warning-callout{padding:22px 18px}}
@media(min-width:1051px){.why-top{align-items:start}.why-top>#review-daria{align-self:start;margin-top:100px}}

/* Портреты авторов и отзыв об играх в повседневных делах. */
.author-grid{grid-template-columns:repeat(2,minmax(0,380px));justify-content:center;gap:64px}
.portrait-slot{position:relative;aspect-ratio:3/4;min-height:0;width:100%;display:block}
.portrait-slot::before{content:'';display:block;padding-top:133.333333%}
.portrait-slot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.bonus-daily>.illustrated-row{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}
.daily-visual-stack{display:grid;gap:24px;justify-items:center;min-width:0}
.bonus-daily .daily-visual-stack>.section-art{max-width:280px}
#review-routine{max-width:520px;margin:0}
@media(max-width:900px){.author-grid{gap:36px}.bonus-daily>.illustrated-row{grid-template-columns:minmax(0,1fr)}.bonus-daily>.illustrated-row>div:last-child{grid-row:1}.daily-visual-stack{gap:22px}}
@media(max-width:600px){.author-grid{grid-template-columns:minmax(0,380px);gap:40px}}

/* Границы поля, смысловые разделители и галерея отзывов. */
body{position:relative}
body::before{content:'';position:absolute;inset:0;max-width:1480px;margin:0 auto;border-left:5px solid var(--ink);border-right:5px solid var(--ink);pointer-events:none;z-index:0}
.wrap{position:relative}
#approach{border-top:1px solid var(--line)}
#misha{border-top:1px solid var(--line)}
#support{border-top:0}
.bonus-pdf{border-top:0}
.reviews>h2{max-width:900px;text-align:center;margin:0 auto 40px;text-wrap:balance}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.testimonial-card{position:relative;min-width:0;aspect-ratio:3/2;background:var(--paper);border:3px solid var(--ink);border-radius:8px;overflow:hidden}
.testimonial-card::before{content:'';display:block;padding-top:66.666667%}
.testimonial-card>a{position:absolute;inset:0;display:block;width:100%;height:100%;cursor:zoom-in}
.testimonial-card>video{position:absolute;inset:0}
.testimonial-card img,.testimonial-card video{width:100%;height:100%;object-fit:contain;display:block}
.testimonial-card video{background:var(--paper)}
.video-card-title{position:absolute;top:8px;left:8px;right:8px;width:fit-content;max-width:calc(100% - 16px);background:#303230df;color:white;padding:5px 9px;border-radius:3px;font:500 13px/1.4 var(--sans);pointer-events:none}
.more-testimonials{margin-top:30px}
.more-testimonials>summary{width:fit-content;cursor:pointer;background:var(--amber);border:3px solid var(--ink);padding:12px 22px;font:600 21px/1.4 var(--sans);transition:transform .16s,filter .16s;list-style:none}
.more-testimonials>summary::-webkit-details-marker{display:none}
.more-testimonials>summary:hover{filter:brightness(.88);transform:translate(2px,2px) scale(.985)}
.more-testimonials>summary:active{transform:translate(3px,3px) scale(.97)}
.more-testimonials>.testimonial-grid{margin-top:28px}
@media(max-width:900px){.testimonial-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media(max-width:600px){.testimonial-grid{grid-template-columns:minmax(0,1fr);gap:22px}.more-testimonials>summary{width:100%;text-align:center}body::before{border-width:4px}}
@media(prefers-reduced-motion:reduce){.more-testimonials>summary{transition:none}.more-testimonials>summary:hover,.more-testimonials>summary:active{transform:none}}

/* Уточнения первого экрана, истории Миши и вступления об авторах. */
h1 mark.text-marker{display:inline-block;line-height:1.05;padding:0 .06em;vertical-align:baseline}
body::before{border-left-width:2px}
.authors-intro{margin:26px auto 0;text-align:center}
.story-layout{align-items:stretch}
.story-layout>.video-slot{position:static;align-self:end}
.story-layout>.step-list{display:flex;flex-direction:column}
.story-layout .step-tile{flex-shrink:0}
.story-layout .step-list>#review-yulia{width:64%;max-width:520px;margin-top:auto}
@media(max-width:1050px){.story-layout .step-list>#review-yulia{width:100%}}
@media(max-width:700px){.story-layout .step-list>#review-yulia{margin-top:6px}}