/* Euler A: shared geometry, drawing sequence and type. */
.kostina-euler-background{position:fixed;inset:0;z-index:99;pointer-events:none;display:grid;place-items:center;overflow:hidden;opacity:.105;contain:layout paint;direction:ltr}
.kostina-euler-background svg{width:min(105vw,100vh);height:100vh;flex:none}
.kostina-euler{--euler-ink:#373735;--euler-accent:#ff3b30;direction:ltr}
.kostina-euler svg{display:block;overflow:visible;direction:ltr}
.kostina-euler [data-part]{vector-effect:none}
.kostina-euler line,.kostina-euler [data-part="angle-arc"]{stroke:var(--euler-ink);stroke-width:27;fill:none;stroke-linecap:round}
.kostina-euler [data-part="unit-circle"]{stroke:var(--euler-accent);stroke-width:90;fill:none}
.kostina-euler .dash{stroke-dasharray:66 66}
.kostina-euler text{font-family:Inter,Arial,sans-serif;fill:var(--euler-ink);font-weight:800;font-size:180px;direction:ltr;unicode-bidi:isolate}
.kostina-euler [data-part="f1"]{font-size:258px}
.kostina-euler [data-part="f2"]{font-size:260px}
.kostina-euler [data-part="label-e"]{font-size:200px}
.kostina-euler .i-red,.kostina-euler .re-red,.kostina-euler .im-red,.kostina-euler [data-part="point-e"]{fill:var(--euler-accent)}
.kostina-euler [data-part="final-text"]{font-family:var(--script-font,var(--font-display,Oswald)),Arial,sans-serif;font-size:340px;font-weight:600;text-transform:uppercase;text-anchor:middle;dominant-baseline:central}
.kostina-euler [data-part="final-text"] tspan{text-anchor:middle}
[data-euler-inline]{width:100%;aspect-ratio:9/10.4;position:relative}
[data-euler-inline] svg{width:100%;height:100%}
.kostina-euler-pause{position:fixed;bottom:14px;left:14px;z-index:1600;width:44px;height:44px;border:1px solid #777;background:#fff;color:#191918;border-radius:50%;font:18px/1 sans-serif;cursor:pointer;box-shadow:0 1px 5px #0002}
.kostina-euler-pause:focus-visible{outline:3px solid #ff3b30;outline-offset:3px}
.portrait-letter{display:inline-block;position:relative;vertical-align:-.055em;width:.76em;height:.76em;line-height:.76em;text-align:center;font:inherit;color:inherit;border-radius:50%;overflow:hidden;letter-spacing:0;white-space:nowrap;isolation:isolate}
html.portraits-ready .portrait-letter{color:transparent;background-image:url('/assets/visual/irina-emotions-atlas.webp');background-size:300% 200%;background-position:var(--portrait-x) var(--portrait-y);background-repeat:no-repeat}
@media(min-width:769px){
 body.intro-done .hero-photo-wrapper{width:25vw!important;height:auto!important;max-height:70vh;top:auto!important;bottom:0!important;left:3vw!important;right:auto!important;transform:none!important;filter:none!important}
 body.intro-done[dir="rtl"] .hero-photo-wrapper,html[dir="rtl"] body.intro-done .hero-photo-wrapper{left:auto!important;right:3vw!important}
 body.intro-done .hero-title-container{left:auto;right:3vw;text-align:right;width:60vw;top:5vh}
 html[dir="rtl"] body.intro-done .hero-title-container{right:auto;left:3vw;text-align:right;direction:rtl}
 html[dir="rtl"] .intro-block{direction:rtl}
 html[dir="rtl"] .hero-title{font-family:var(--script-font,Arial),sans-serif;line-height:1.2}
}
@media(max-width:768px){.kostina-euler-background{display:none}.kostina-euler-pause{display:none}body:has([data-euler-inline]) .kostina-euler-pause{display:block}}
@media(prefers-reduced-motion:reduce){.kostina-euler-pause{display:none}}

.kostina-euler-background[data-dark="true"]{--euler-ink:#fff;--euler-accent:#fff}

.kostina-euler-pause[hidden]{display:none}

@media(min-width:769px){
 #constant-layer{width:40vw}
 .constant-text .line{white-space:normal}
 html[dir="rtl"] #constant-layer,html[dir="rtl"] .constant-text,html[dir="rtl"] #name-layer{text-align:right}
 html[dir="rtl"] .constant-text .line{line-height:1.15}
}