/* src/styles/devosium-homev2.css */
/* Devosium Homev2 — scoped styles */
body:has(.dv-page){margin:0;padding:0;display:block;}
.dv-page,.dv-page *{box-sizing:border-box;}
.dv-page a{transition:transform .2s ease,opacity .2s ease;}
.dv-page a:hover{opacity:.82;}
.dv-page a:focus-visible{outline:3px solid #ff650a;outline-offset:5px;}
.dv-page section{scroll-margin-top:25px;}
.dv-page .dv-title{font-stretch:condensed;}
.dv-page #projets article{transition:transform .3s ease;}
.dv-page #projets article:hover{transform:translateY(-18px) rotate(0deg)!important;z-index:8!important;}
@media(max-width:767px){
.dv-page .dv-hero>div{margin:105px 5% 60px!important;}
.dv-page .dv-title{font-size:12.2vw!important;line-height:1!important;}
.dv-page .dv-title span{white-space:nowrap;}
.dv-page .dv-hero>div>span{font-size:10px!important;padding:10px!important;}
.dv-page .dv-hero>div>span:first-of-type{top:-65px!important;}
.dv-page .dv-hero>div>span:last-of-type{top:40%!important;left:40%!important;font-size:8px!important;padding:7px!important;}
.dv-page #studio>h2:first-of-type{font-size:9vw!important;margin:25px 3% 60px!important;}
.dv-page #studio>div:first-of-type{gap:8px!important;padding:0 15px;}
.dv-page #studio>div:first-of-type>span{font-size:32px!important;width:52px!important;line-height:52px!important;}
.dv-page #studio>div:nth-of-type(2){padding:70px 20px!important;gap:18px!important;}
.dv-page #expertises{padding-left:8%!important;padding-right:8%!important;}
.dv-page #expertises article{max-width:100%!important;flex-basis:100%!important;min-height:350px!important;}
.dv-page #projets{padding:85px 0 50px!important;}
.dv-page #projets>div:first-of-type{width:760px;left:50%;margin:35px 0 0 -380px!important;transform:scale(.63);transform-origin:center;min-height:400px!important;}
.dv-page #projets>div:nth-of-type(2){margin:15px auto 0!important;transform:scale(.85);}
.dv-page #projets article p{font-size:25px!important;}
.dv-page #contact{padding:40px 6% 55px!important;}
.dv-page #contact h2{font-size:11vw!important;}
.dv-page #contact>div{gap:15px!important;}
.dv-page #contact>div>span{width:80px!important;height:80px!important;font-size:48px!important;line-height:76px!important;flex-shrink:0;}
.dv-page footer>div:last-child{padding:30px 6%!important;}
}
@media(prefers-reduced-motion:reduce){.dv-page *{transition:none!important;}}

.dv-page h2{text-wrap:balance;}
@media(max-width:767px){.dv-page #contact h2{font-size:10vw!important;}}