/* October preview: homepage composition, work descriptions and offer proportions. */
#portfolio .portfolio-meta>div:first-child{display:block!important;min-width:0;max-width:580px}
#portfolio .portfolio-meta{justify-content:space-between!important;gap:24px}
#portfolio .project-description{max-width:53ch;line-height:1.5;color:#d4d8dc}
#portfolio .project-concept{display:inline-block;margin-top:10px;padding:5px 9px;border:1px solid #ffffff4d;border-radius:99px;color:#d4d8dc;font-size:11px;line-height:1.35;letter-spacing:.02em}
html[data-theme=light] #portfolio .project-description,html[data-theme=light] #portfolio .project-concept{color:#414748}
html[data-theme=light] #portfolio .project-concept{border-color:#41474866}
html[lang=ru] #heroTitle span{display:block;white-space:nowrap}
@media(min-width:761px){
 html[lang=ru] .rework-home #heroTitle{max-width:none;font-size:clamp(30px,3.3vw,56px);line-height:1.1}
}
@media(max-width:760px){
 html[lang=ru] .rework-home #heroTitle{max-width:none;font-size:clamp(29px,8vw,36px);line-height:1.08}
 #heroScene .orb{top:14%;z-index:10}
 #heroScene .scene-card.chromas{left:12%;top:51%;width:43%;z-index:14;--rx:6deg;--ry:-10deg;--rz:-7deg;--depth:23px;--delay:-1s}
 #heroScene .scene-card.veloria{top:13%;z-index:8}
 #heroScene .scene-card.akiro{left:3%;top:7%;width:43%;z-index:7;--rx:5deg;--ry:-12deg;--rz:-9deg;--depth:10px;--delay:-2s}
 #heroScene .scene-card.chromas:hover,#heroScene .scene-card.chromas:focus-within{z-index:30}
 #heroScene .scene-card.akiro:hover,#heroScene .scene-card.akiro:focus-within{z-index:7}
 #heroScene .scene-card.veloria:hover,#heroScene .scene-card.veloria:focus-within{z-index:8}
 #portfolio .portfolio-meta{flex-direction:column;align-items:center;gap:13px;text-align:center;max-width:calc(100% - 28px)}
 #portfolio .project-description{margin:9px auto 0}
 #portfolio .portfolio-tail{margin-top:0}
 #paslaugos.av-offers .avc-card{min-height:540px}
}

/* Keep the service list as the final line of the mobile hero. */
@media(max-width:760px){
 #pradzia .hero-inner{padding-bottom:14px}
 #pradzia .hero-services-bottom{order:3;width:calc(100% - 28px);max-width:none;margin:auto auto 0!important;padding:0!important;white-space:nowrap;font-size:clamp(9px,2.9vw,13px);letter-spacing:0}
 #pradzia .hero-bottom{order:2}
}

/* An explicitly touched rear card rises above the sphere; desktop layers stay unchanged. */
@media(max-width:760px){
 #heroScene .scene-card.akiro.is-touch-front,#heroScene .scene-card.veloria.is-touch-front{z-index:30}
}