/* Real fashion photographs, animated only through camera movement and light. */
[data-family=dilraba]{--bg:#190f14;--sidebar:#1b1217;--panel:#25191f;--panel-raised:#30212a;--hover:#3d2833;--line:#4c303d;--line-soft:#38252e;--accent:#efb0bd;--accent-dim:#efb0bd16;--glass-panel:#25191f}
[data-theme=light][data-family=dilraba]{--bg:#f8edf0;--sidebar:#fff9fb;--panel:#fffcfd;--panel-raised:#f8eff2;--hover:#f3e1e8;--text:#43252f;--muted:#8b6373;--subtle:#987b86;--line:#e8cfda;--line-soft:#f1e0e7;--accent:#a73558;--accent-dim:#a7355811;--glass-panel:#fffcfd}
.portrait-wallpaper-alt,.portrait-spotlight,.portrait-stage{display:none;pointer-events:none}
html[data-family=dilraba] .portrait-wallpaper-alt{display:block;position:absolute;inset:-3%;background-image:url('./assets/themes/dilraba-2.jpg');background-size:auto 115%;background-position:right top;background-repeat:no-repeat;opacity:0;mask-image:linear-gradient(90deg,transparent 12%,#000 75%);animation:portrait-background-crossfade 24s ease-in-out infinite,portrait-camera 24s ease-in-out infinite alternate}
html[data-family=dilraba] .portrait-spotlight{display:block;position:absolute;inset:-20%;background:linear-gradient(115deg,transparent 40%,#d693a416 48%,#f9d7ab15 51%,transparent 59%);animation:portrait-sweep 17s ease-in-out infinite;mix-blend-mode:screen}
html[data-family=dilraba] .quant-panorama{min-height:248px}
html[data-family=dilraba] .quant-panorama:before{display:none}
html[data-family=dilraba] .portrait-stage{display:block;position:absolute;inset:0 0 0 40%;z-index:-2;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 18%)}
.portrait-stage figure{position:absolute;inset:-3%;margin:0;background-image:url('./assets/themes/dilraba.jpg');background-size:cover;background-position:center 27%;animation:portrait-camera 16s ease-in-out infinite alternate;transform-origin:70% 30%}
.portrait-stage figure+figure{background-image:url('./assets/themes/dilraba-2.jpg');background-position:center 51%;animation:portrait-crossfade 24s ease-in-out infinite,portrait-camera-alt 24s ease-in-out infinite alternate;opacity:0}
.portrait-stage:after{content:'';position:absolute;inset:-35%;background:linear-gradient(115deg,transparent 30%,#fbe1bf22 48%,#efb5cd12 55%,transparent 65%);animation:portrait-sweep 17s ease-in-out infinite;mix-blend-mode:screen}
html[data-family=dilraba] .quant-panorama:after{background:linear-gradient(90deg,var(--panel) 0%,color-mix(in srgb,var(--panel) 98%,transparent) 28%,color-mix(in srgb,var(--panel) 60%,transparent) 50%,color-mix(in srgb,var(--panel) 8%,transparent) 77%)}
html[data-family=dilraba] .panorama-copy{padding-top:34px}
@keyframes portrait-camera{from{transform:translate3d(calc(var(--theme-x) * 1.7),calc(var(--theme-y) * 1.7),0) scale(1)}to{transform:translate3d(calc(var(--theme-x) * -1.2),calc(var(--theme-y) * -1.1),0) scale(1.075)}}
@keyframes portrait-camera-alt{from{transform:translate3d(8px,2px,0) scale(1.075)}to{transform:translate3d(-9px,-5px,0) scale(1)}}
@keyframes portrait-crossfade{0%,35%,100%{opacity:0}45%,88%{opacity:1}}
@keyframes portrait-background-crossfade{0%,35%,100%{opacity:0}45%,88%{opacity:var(--wallpaper-opacity)}}
@keyframes portrait-sweep{0%,15%{transform:translate3d(-45%,0,0);opacity:0}40%,60%{opacity:.75}85%,100%{transform:translate3d(45%,0,0);opacity:0}}
[data-motion=paused] .portrait-stage figure,[data-motion=paused] .portrait-stage:after,[data-motion=paused] .portrait-wallpaper-alt,[data-motion=paused] .portrait-spotlight,[data-page-visible=no] .portrait-stage figure,[data-page-visible=no] .portrait-stage:after,[data-page-visible=no] .portrait-wallpaper-alt,[data-page-visible=no] .portrait-spotlight{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.portrait-stage figure{animation:none!important;transform:none!important}.portrait-stage figure+figure,.portrait-stage:after,.portrait-wallpaper-alt,.portrait-spotlight{display:none!important}}
@media(max-width:640px){html[data-family=dilraba] .quant-panorama{min-height:228px}html[data-family=dilraba] .portrait-stage{left:25%}html[data-family=dilraba] .panorama-copy{padding-top:23px}html[data-family=dilraba] .quant-panorama:after{background:linear-gradient(90deg,var(--panel),color-mix(in srgb,var(--panel) 75%,transparent) 35%,color-mix(in srgb,var(--panel) 10%,transparent))}}