.portrait-hero{position:relative;isolation:isolate;background:#faf8f5;color:#282323;overflow:hidden;border-bottom:1px solid #eae3df}.portrait-hero-inner{position:relative;min-height:710px;display:flex;align-items:center;padding-top:55px;padding-bottom:76px}.portrait-hero-copy{position:relative;z-index:3;width:65%;max-width:760px}.portrait-eyebrow{font-size:11px;letter-spacing:.13em;font-weight:700;color:#745b5b;margin:0 0 36px}.portrait-hero h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(48px,6.05vw,87px);font-weight:800;letter-spacing:-.065em;line-height:1.1;margin:0 0 29px;text-transform:uppercase;max-width:none}.portrait-title-line{display:block;white-space:nowrap}.portrait-word{display:block;white-space:nowrap;color:#862b3d;height:1.15em;line-height:1.15;overflow:hidden;letter-spacing:-.07em}.portrait-word>span{display:inline-block;will-change:transform,opacity}.portrait-last{display:flex;align-items:center;gap:24px}.portrait-hero .portrait-asterisk{width:.62em;height:.62em;flex-shrink:0;color:#9c4552;animation:portrait-spin 22s linear infinite}.portrait-description{font-size:17px;line-height:1.8;max-width:460px;color:#695f5e;margin:0 0 26px}.portrait-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap}.portrait-primary,.portrait-secondary{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:54px;font-size:14px;font-weight:650}.portrait-primary{padding:16px 23px;border-radius:9px;color:#fff;background:#812d3e;box-shadow:0 7px 20px #62233517;transition:background .2s,transform .2s}.portrait-primary:hover{background:#662232;transform:translateY(-2px)}.portrait-secondary{color:#514547;border-bottom:1px solid #c8b9b8;min-height:44px}.portrait-actions a:focus-visible,.portrait-motion:focus-visible{outline:3px solid #b96c7e;outline-offset:5px}.portrait-note{display:flex;align-items:center;gap:9px;margin:23px 0 0;font-size:12px;line-height:1.6;color:#786967}.portrait-note>span{width:5px;height:5px;border-radius:50%;background:#a16a71;flex-shrink:0}.portrait-art{position:absolute;inset:0 0 0 48%;pointer-events:none}.portrait-glow{position:absolute;inset:8% -25% -25% -15%;background:radial-gradient(ellipse at 55% 50%,#e7d8d1 0,#eee3dd80 42%,transparent 70%)}.portrait-photo{position:absolute;bottom:0;right:-110px;width:700px;max-width:none;height:auto;display:block;z-index:2;object-fit:contain}.portrait-lines{position:absolute;inset:0;z-index:1}.portrait-lines i{position:absolute;width:560px;height:700px;right:-120px;top:42px;border:1px solid #bc9d9138;border-radius:50%;transform:rotate(-28deg)}.portrait-lines i:nth-child(2){right:-157px;top:15px}.portrait-lines i:nth-child(3){right:-195px;top:-12px}.portrait-signature{position:absolute;z-index:3;bottom:48px;right:4px;font-size:11px;font-weight:650;letter-spacing:.2em;line-height:1.7;color:#fff;text-shadow:0 1px 10px #30202580}.portrait-motion{position:absolute;left:0;bottom:17px;display:flex;align-items:center;gap:9px;padding:7px 9px;min-height:44px;font-size:11px;font-weight:500;color:#75696a;background:transparent;border:0;border-radius:6px;z-index:4;cursor:pointer}.portrait-motion>span:first-child{width:21px;height:21px;border:1px solid #cdbec0;border-radius:50%;display:grid;place-items:center;font-size:10px}.portrait-motion-halted .portrait-asterisk{animation-play-state:paused}.portrait-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.portrait-hero[data-hero-lang=ky] h1{font-size:clamp(43px,5.3vw,77px)}.portrait-hero[data-hero-lang=en] h1{font-size:clamp(46px,5.7vw,81px)}
@keyframes portrait-spin{to{transform:rotate(360deg)}}
@media(min-width:1500px){.portrait-hero-inner{min-height:760px}.portrait-photo{width:760px;right:-135px}.portrait-hero-copy{width:65%}}
@media(max-width:1050px){.portrait-hero-inner{min-height:650px}.portrait-photo{width:610px;right:-150px}.portrait-description{max-width:380px;font-size:16px}.portrait-eyebrow{max-width:390px;font-size:10px;line-height:1.7}.portrait-signature{right:0}.portrait-actions{gap:17px}.portrait-primary{padding:14px 17px;gap:15px}.portrait-secondary{gap:12px}}
@media(max-width:760px){.portrait-hero-inner{display:block;min-height:0;padding-top:38px;padding-bottom:0}.portrait-hero-copy{width:100%;max-width:none}.portrait-eyebrow{font-size:10px;margin-bottom:24px;max-width:100%;letter-spacing:.09em}.portrait-hero h1{font-size:clamp(38px,8.6vw,65px);margin-bottom:22px;letter-spacing:-.065em}.portrait-hero[data-hero-lang=ky] h1{font-size:clamp(34px,7.7vw,58px)}.portrait-hero[data-hero-lang=en] h1{font-size:clamp(36px,8.1vw,61px)}.portrait-last{gap:20px}.portrait-description{max-width:520px;font-size:15px;line-height:1.75;margin-bottom:21px}.portrait-actions{gap:18px}.portrait-primary,.portrait-secondary{font-size:13px}.portrait-primary{min-height:49px;padding:13px 16px}.portrait-note{font-size:11px;margin-top:19px;max-width:330px}.portrait-art{position:relative;inset:auto;height:400px;margin-top:18px;margin-left:-20px;margin-right:-20px}.portrait-photo{width:450px;right:calc(50% - 269px);max-width:none}.portrait-glow{inset:0 -20% -30%;background:radial-gradient(ellipse at 50% 65%,#dfcbc3 0,#eee3dd80 42%,transparent 70%)}.portrait-lines i{width:380px;height:480px;right:calc(50% - 230px);top:10px}.portrait-lines i:nth-child(2){right:calc(50% - 253px);top:-10px}.portrait-lines i:nth-child(3){right:calc(50% - 276px);top:-30px}.portrait-signature{bottom:35px;right:25px;font-size:10px}.portrait-motion{bottom:16px;left:0;color:#fff;text-shadow:0 1px 5px #302025}.portrait-motion>span:first-child{border-color:#ffffff80}.portrait-motion-text{display:none}}
@media(prefers-reduced-motion:reduce){.portrait-hero .portrait-asterisk{animation:none}.portrait-primary{transition:none}.portrait-word>span{will-change:auto}}
/* Keep the existing full-bleed 3D carousel within the document viewport. */
body:not(.is-dashboard){overflow-x:clip}
.portrait-lines{animation:portrait-lines-breathe 12s ease-in-out infinite alternate}
.portrait-motion-halted .portrait-lines{animation-play-state:paused}
@keyframes portrait-lines-breathe{from{transform:translate3d(0,0,0) rotate(0)}to{transform:translate3d(-8px,9px,0) rotate(2deg)}}
@media(prefers-reduced-motion:reduce){.portrait-lines{animation:none}}
.portrait-motion[hidden]{display:none}
.portrait-hero{overflow:clip}
main.route-enter{overflow-x:clip}
@media(max-width:760px){.portrait-art{height:450px}}

.portrait-motion{display:none!important}

/* ---------- Фиолетовые акценты в стиле Wildberries + живой фон (2026-11-06) ---------- */
.portrait-hero{--hero-violet:#7b2cdb;--hero-violet-deep:#5b1fb0;--hero-magenta:#c22dc0;background:#f9f7fc}
.portrait-eyebrow{color:#6b5a86}
.portrait-word{color:var(--hero-violet)}
.portrait-hero .portrait-asterisk{color:var(--hero-magenta)}
.portrait-primary{background:linear-gradient(120deg,var(--hero-violet-deep),var(--hero-violet) 55%,#9a2fd6);background-size:160% 100%;background-position:0 0;box-shadow:0 10px 26px #6a24c42e;transition:background-position .45s ease,transform .2s,box-shadow .2s}
.portrait-primary:hover{background:linear-gradient(120deg,var(--hero-violet-deep),var(--hero-violet) 55%,#9a2fd6);background-size:160% 100%;background-position:100% 0;box-shadow:0 14px 32px #6a24c440}
.portrait-secondary{border-bottom-color:#cdbfe0}
.portrait-actions a:focus-visible,.portrait-motion:focus-visible{outline-color:#9b6be0}
.portrait-note>span{background:var(--hero-violet)}
.portrait-glow{background:radial-gradient(ellipse at 55% 50%,#e4d7f3 0,#efe6f780 42%,transparent 70%)}
.portrait-lines i{border-color:#9b74d438;animation:portrait-orbit 26s ease-in-out infinite alternate}
.portrait-lines i:nth-child(2){animation-duration:32s;animation-delay:-8s}
.portrait-lines i:nth-child(3){animation-duration:38s;animation-delay:-16s}
@keyframes portrait-orbit{from{transform:rotate(-28deg)}to{transform:rotate(-14deg) scale(1.04)}}

/* Атмосферный фон: размытые цветные пятна медленно плавают */
.portrait-aurora{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.portrait-hero-inner{z-index:1}
.portrait-aurora i{position:absolute;display:block;border-radius:50%;filter:blur(70px);opacity:.55;will-change:transform}
.portrait-aurora i:nth-child(1){width:520px;height:520px;left:-140px;top:-160px;background:radial-gradient(circle,#b993f2 0,#b993f200 70%);animation:aurora-a 18s ease-in-out infinite alternate}
.portrait-aurora i:nth-child(2){width:460px;height:460px;left:28%;bottom:-220px;background:radial-gradient(circle,#e7a6e6 0,#e7a6e600 70%);opacity:.45;animation:aurora-b 22s ease-in-out infinite alternate}
.portrait-aurora i:nth-child(3){width:620px;height:620px;right:-180px;top:-120px;background:radial-gradient(circle,#c9b3f5 0,#c9b3f500 70%);opacity:.5;animation:aurora-c 26s ease-in-out infinite alternate}
.portrait-aurora i:nth-child(4){width:300px;height:300px;left:42%;top:12%;background:radial-gradient(circle,#d7c4fb 0,#d7c4fb00 70%);opacity:.4;animation:aurora-d 15s ease-in-out infinite alternate}
/* тонкая точечная сетка, которая медленно «дышит» */
.portrait-aurora b{position:absolute;inset:-40px;display:block;background-image:radial-gradient(#7b2cdb1f 1px,transparent 1.2px);background-size:26px 26px;-webkit-mask:radial-gradient(ellipse 60% 70% at 30% 45%,#000 0,transparent 75%);mask:radial-gradient(ellipse 60% 70% at 30% 45%,#000 0,transparent 75%);animation:aurora-grid 30s linear infinite}
@keyframes aurora-a{to{transform:translate(180px,120px) scale(1.15)}}
@keyframes aurora-b{to{transform:translate(-160px,-140px) scale(1.2)}}
@keyframes aurora-c{to{transform:translate(-140px,160px) scale(.9)}}
@keyframes aurora-d{0%{transform:translate(0,0) scale(1)}50%{transform:translate(-90px,70px) scale(1.25)}100%{transform:translate(70px,-40px) scale(.95)}}
@keyframes aurora-grid{to{transform:translate(26px,26px)}}

/* Кнопка «пауза» и вкладка в фоне останавливают и фон */
.portrait-motion-halted .portrait-aurora i,.portrait-motion-halted .portrait-aurora b,.portrait-motion-halted .portrait-lines i{animation-play-state:paused}

@media(max-width:760px){
  .portrait-aurora i{filter:blur(50px)}
  .portrait-aurora i:nth-child(1){width:340px;height:340px;left:-120px;top:-100px}
  .portrait-aurora i:nth-child(2){width:300px;height:300px;left:auto;right:-80px;top:38%;bottom:auto}
  .portrait-aurora i:nth-child(3){width:360px;height:360px;right:-160px;top:auto;bottom:-60px}
  .portrait-aurora i:nth-child(4){width:220px;height:220px;left:10%;top:30%}
  .portrait-glow{background:radial-gradient(ellipse at 50% 65%,#ddcdf2 0,#efe6f780 42%,transparent 70%)}
}
@media(prefers-reduced-motion:reduce){.portrait-aurora i,.portrait-aurora b,.portrait-lines i{animation:none}.portrait-primary{transition:none}}