@media (max-width:1199.98px) and (orientation:portrait) {
@media(min-width:768px) and (max-width:1199.98px){.navbar.navbar-expand-md>.container{max-width:100%;padding-left:16px;padding-right:16px}.navbar .navbar-nav.optionMobile{align-items:center;gap:4px;flex:1;justify-content:flex-end}.navbar .navbar-nav.optionMobile>.nav-item{display:flex;align-items:center;justify-content:center;min-height:48px;margin:0!important;width:auto!important;flex:0 1 auto}.navbar .navbar-nav.optionMobile .nav-link{display:flex;align-items:center;justify-content:center;white-space:nowrap;font-size:clamp(11px,1.35vw,16px)!important;padding:8px 6px!important;margin:0!important;line-height:1.25}.navbar #soiaLogo{flex:0 0 90px;width:90px!important;margin-right:12px}.navbar .navbar-nav.optionMobile .nav-link i{font-size:22px!important}}
#descriptionTop_column_1{height:auto!important;min-height:0;align-items:start!important;gap:24px;padding-top:24px!important;padding-bottom:32px!important}
#description_top_1{flex:0 1 40%;min-width:0!important;margin:0!important;padding-right:24px!important;border-right:2px solid #00c2ff}
#description_top_1>h1{min-width:0!important;overflow-wrap:normal}
#description_top_1_1{flex:1 1 0;min-width:0;width:auto!important}
#textDescription_2{width:100%!important;margin:0!important}
#descriptionAfter{width:100%!important;max-width:none!important;min-width:0!important;height:auto!important;margin:0!important;padding:0!important;font-size:1rem;line-height:1.5}
#faceReading{background:url('../../../assets/img/ux_banner1.webp') center/contain no-repeat!important;aspect-ratio:16/9;height:auto!important;width:100%!important;margin:0!important;padding:0!important;min-height:0}
@media(max-width:767.98px){#descriptionTop_column_1{display:flex!important;flex-direction:column;gap:22px}#description_top_1{flex:auto;width:100%;padding:0 0 0 16px!important;border-right:0;border-left:2px solid #00c2ff}#description_top_1_1{width:100%!important;padding-left:16px}#description_top_1>h1{font-size:clamp(26px,7vw,42px)!important;line-height:1.15!important}#description_top_1>h1+h1{font-size:1.1rem!important}.career-timeline{touch-action:auto!important}}
@media(pointer:coarse){.career-timeline{touch-action:auto!important;-webkit-overflow-scrolling:touch;cursor:default;scroll-behavior:auto!important}}

@media(min-width:768px){#descriptionTop_column_1{display:grid!important;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:stretch!important;width:100%!important}#description_top_1{display:flex;flex-direction:column;justify-content:center;width:100%!important;max-width:none!important;height:auto!important}#description_top_1>h1{font-size:clamp(28px,3.6vw,48px)!important;line-height:1.15!important}#description_top_1>h1+h1{font-size:clamp(17px,1.8vw,23px)!important}}
.museum-study--mermaid-html .mh-diagram{max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;touch-action:pan-x pan-y}

#concept-1{margin-right:0!important}#concept-1>.row{margin-left:0!important;margin-right:0!important;max-width:100%}

}

@media(max-width:767.98px){.video_home{display:block!important;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#home{background:none!important}}

@media(max-width:1199.98px) and (orientation:portrait){
#software-tools-intro{display:block!important;box-sizing:border-box;width:100%!important;max-width:1100px!important;margin-left:auto!important;margin-right:auto!important;padding-left:20px!important;padding-right:20px!important}
#software-tools-intro #descriptionTop_column_1{max-width:100%!important;min-width:0;padding-top:12px!important;padding-bottom:24px!important}
#software-tools-intro #description_top_1{padding-top:12px!important;padding-bottom:12px!important}
#software-tools-intro #description_top_1>h1:nth-of-type(3){font-size:.85rem!important;line-height:1.4!important}
#software-tools-intro #description_top_1>.row{display:grid;grid-template-columns:84px repeat(4,minmax(0,1fr));column-gap:10px;align-items:center;width:100%;max-width:300px!important;margin:8px 0 0!important}
#software-tools-intro #description_top_1>.row>.col{width:auto!important;min-width:0;padding:0}
#software-tools-intro #description_top_1>.row>.col>div{width:100%!important;height:32px!important;min-width:0;background-size:contain!important}
#software-tools-intro #description_top_1>.row h1{font-size:16px!important;line-height:1.3!important;min-width:0!important;margin:0!important}
#software-tools-intro #descriptionAfter{font-size:1rem!important;font-weight:400!important;line-height:1.6!important;overflow-wrap:break-word}
#software-tools-intro #descriptionAfter>br{display:none}
.software-tools-layout{max-width:100%!important;min-width:0;box-sizing:border-box;padding-left:20px!important;padding-right:20px!important}
.software-tools-layout>.software-projects-grid{max-width:100%!important;min-width:0;gap:20px}
.software-projects-grid>.software-project-tile{max-width:100%!important;min-width:0!important}
}
@media(max-width:767.98px) and (orientation:portrait){
#software-tools-intro #descriptionTop_column_1{gap:20px!important}
#software-tools-intro #description_top_1{padding-left:16px!important}
#software-tools-intro #description_top_1_1{padding-left:0!important}
.software-tools-layout>.software-projects-grid{grid-template-columns:minmax(0,1fr)!important}
}