/* This file is auto-generated from a `scss` file with the same name */

.videobgwrapper{overflow:hidden;position:absolute;z-index:0;width:100%;height:100%;top:0;left:0;pointer-events:none;border-radius:inherit}.videobgframe{position:absolute;width:101%;height:100%;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);object-fit:fill}#dm video.videobgframe{margin:0}@media (max-width:767px){.dmRoot .dmPhotoGallery.newPhotoGallery:not(.photo-gallery-done){min-height:80vh}}@media (min-width:1025px){.dmRoot .dmPhotoGallery.newPhotoGallery:not(.photo-gallery-done){min-height:45vh}}@media (min-width:768px) and (max-width:1024px){.responsiveTablet .dmPhotoGallery.newPhotoGallery:not(.photo-gallery-done){min-height:45vh}}#dm [data-show-on-page-only]{display:none!important}#dmRoot div.stickyHeaderFix div.site_content{margin-top:0!important}#dmRoot div.stickyHeaderFix div.hamburger-header-container{position:relative}
    



    :root {
  --color_1: rgba(33,37,41,1);
  --color_2: rgba(73,80,87,1);
  --color_3: rgba(255,255,255,1);
  --color_4: rgba(206,212,218,1);
  --color_5: rgba(173,181,189,1);
  --max-content-width_1: 1200px;
}


@font-face {
  font-family: "DudaSansVF";
  src: url("DudaSansVF-edd7_400.ttf");
  font-weight: 400;
  font-style: normal;
}

img[width][height] {
  height: auto;
}

  body[data-page-alias="publications"] #dm [data-show-on-page-only="publications"] {
    display: block !important;
  }




    


    




    *#dm *.dmBody a.span.textonly
{
	color:rgb(255,255,255) !important;
}
*#dm *.dmBody div.dmform-error
{
	font-style:normal !important;
}
*#dm *.dmBody div.dmforminput textarea
{
	font-style:italic !important;
}
*#dm *.dmBody div.dmforminput *.fileUploadLink
{
	font-style:italic !important;
}
*#dm *.dmBody div.checkboxwrapper span
{
	font-style:italic !important;
}
*#dm *.dmBody div.radiowrapper span
{
	font-style:italic !important;
}
*#dm *.dmBody nav.u_1144820115
{
	color:black !important;
}
@media (min-width:1025px) {}
@media all {
  *#dm .dmInner div.u_1837329303 hr {
    border-top-style:solid !important;
    border-top-width:1px !important;
    color:var(--color_1) !important;
  }

  *#dm .dmInner div.u_1947142603 hr {
    border-top-style:solid !important;
    border-top-width:1px !important;
    color:var(--color_1) !important;
  }

  *#dm .dmInner div.u_1235538805 hr {
    border-top-style:solid !important;
    border-top-width:1px !important;
    color:var(--color_1) !important;
  }

  *#dm .dmInner div.u_1833456080 hr {
    border-top-style:solid !important;
    border-top-width:1px !important;
    color:var(--color_1) !important;
  }

  *#dm .dmInner nav.u_1998592992 { color:black !important; }
}
@media (min-width:0) and (max-width:767px) {}
@media (min-width:768px) and (max-width:1024px) {}



    *#dm *.d-page-1716942098 DIV.dmInner{
background-repeat:no-repeat !important;
background-size:cover !important;
background-attachment:fixed !important;
background-position:50% 50% !important}
*#dm *.d-page-1716942098 DIV#dmSlideRightNavRight{
background-repeat:no-repeat !important;
background-image:none !important;
background-size:cover !important;
background-attachment:fixed !important;
background-position:50% 50% !important}
*#dm *.dmBody div.u_1243667655{
margin-left:0 !important;
padding-top:100px !important;
padding-left:40px !important;
padding-bottom:100px !important;
margin-top:0 !important;
margin-bottom:0 !important;
padding-right:40px !important;
margin-right:0 !important;
float:none !important;
top:0 !important;
left:0 !important;
width:auto !important;
position:relative !important;
height:auto !important;
max-width:none !important;
min-width:0 !important;
text-align:center !important}

@media all {
    
#\37 4467185.flex-element.widget-wrapper > [data-element-type] {
    padding-top: 5px;
}
#\37 4467185 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 6;
    align-self: auto;
    justify-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\31 6c3476a {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 32px;
    width: 49.95391959798996%;
    min-width: 4%;
    background-color: rgba(0, 0, 0, 0);
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#\35 f880721 {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    min-height: 203px;
    max-height: 100%;
    align-self: auto;
    order: 7;
    flex-wrap: nowrap;
    justify-self: auto;
    row-gap: 10px;
    height: auto;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
    grid-area: auto / auto / auto / auto;
}
    
#ccbcb1f0 {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 2;
    grid-area: auto / auto / auto / auto;
}
    
#\38 a432bd0 {
    min-height: 196px;
    column-gap: 16%;
    row-gap: 96px;
    max-width: none;
    width: 100%;
    padding: 4% 6% 6% 6%;
    margin: 0% 0% 0% 0%;
}
    
#a6ac1386 {
    justify-content: space-around;
    align-items: center;
    width: 137px;
    min-height: 46px;
    max-height: 100%;
    border-radius: 50px;
    border-color: var(--color_1);
    border-width: 1px;
    border-style: solid;
    order: 0;
    padding: 0% 0% 0% 0%;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\33 28991c2 {
    width: 77.16%;
    height: auto;
    max-width: 100%;
}
    
#fa78271c {
    width: 588px;
    height: auto;
    max-width: 100%;
    align-self: flex-start;
}
    
#\32 c86bbbe {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 2;
    grid-area: auto / auto / auto / auto;
}
    
#c0477a30 {
    width: 77.16%;
    height: auto;
    max-width: 100%;
}
    
#\30 2c032df {
    width: 77.16%;
    height: auto;
    max-width: 100%;
}
    
#fcd2c059 {
    justify-content: space-around;
    align-items: center;
    width: 137px;
    min-height: 46px;
    max-height: 100%;
    border-radius: 50px;
    border-color: var(--color_1);
    border-width: 1px;
    border-style: solid;
    order: 0;
    padding: 0% 0% 0% 0%;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\31 516e6cb {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 2;
    grid-area: auto / auto / auto / auto;
}
    
#\37 e79ac75 {
    width: 100%;
    height: 20px;
    max-width: 100%;
    order: 1;
    align-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\39 3b54c5f.flex-element.widget-wrapper > [data-element-type] {
    padding-top: 5px;
}
#\39 3b54c5f {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
    align-self: auto;
    justify-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#fa784b59 {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    min-height: 203px;
    max-height: none;
    align-self: auto;
    order: 3;
    flex-wrap: nowrap;
    justify-self: auto;
    row-gap: 10px;
    height: auto;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\36 f280bbf {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 3;
    justify-self: auto;
    align-self: auto;
    grid-area: auto / auto / auto / auto;
}
    
#\37 ab38cd5 {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: var(--color_5);
    background-image: initial;
}
    
#\37 a3376b3 {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 3;
    grid-area: auto / auto / auto / auto;
}
    
#\38 b504425 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 2;
}
    
#\30 0e15a54 {
    width: 100%;
    height: 20px;
    max-width: 100%;
    order: 1;
    align-self: flex-start;
    margin-top: 0px;
    margin-bottom: 0px;
    grid-area: auto / auto / auto / auto;
}
    
#c70f99dd {
    width: 100%;
    height: 20px;
    max-width: 100%;
    order: 1;
    align-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\35 c0698f3 {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 3;
    grid-area: auto / auto / auto / auto;
}
    
#ae9225e0 {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100.00%;
    min-height: 203px;
    max-height: 100%;
    align-self: flex-start;
    order: 1;
    flex-wrap: nowrap;
    row-gap: 10px;
    height: auto;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#\35 22433c9 {
    justify-content: space-around;
    align-items: center;
    width: 137px;
    min-height: 46px;
    max-height: 100%;
    border-radius: 50px;
    border-color: var(--color_1);
    border-width: 1px;
    border-style: solid;
    order: 0;
    padding: 0% 0% 0% 0%;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\31 895f46c {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 3;
    grid-area: auto / auto / auto / auto;
}
    
#a63ba95d.flex-element.widget-wrapper > [data-element-type] {
    padding-top: 5px;
}
#a63ba95d {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 2;
    align-self: auto;
    justify-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#aa705e09.flex-element.widget-wrapper > [data-element-type] {
    padding-top: 5px;
}
#aa705e09 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 4;
    align-self: auto;
    justify-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\35 845b6de {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    min-height: 203px;
    max-height: 100%;
    align-self: auto;
    order: 5;
    flex-wrap: nowrap;
    justify-self: auto;
    row-gap: 10px;
    height: auto;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\31 49fff38 {
    width: 100%;
    height: 20px;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 1;
    grid-area: auto / auto / auto / auto;
}
    
#d5093624 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 32px;
    width: 34%;
    justify-content: flex-start;
    min-width: 4%;
    background-color: rgba(0, 0, 0, 0);
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#\30 52a7905 {
    justify-content: space-around;
    align-items: center;
    width: 137px;
    min-height: 46px;
    max-height: 100%;
    border-radius: 50px;
    border-color: var(--color_1);
    border-width: 1px;
    border-style: solid;
    order: 0;
    padding: 0% 0% 0% 0%;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#ea75e3b2 {
    width: 77.16%;
    height: auto;
    max-width: 100%;
}
}
@media all {
    
#flex-footer {
    background-color: var(--color_1);
}
}
@media all {
    
#flex-header[data-changeable-on-scroll][data-scrolling] [data-widget-type="image"] img {
    transform: scale(0.66);
}
#flex-header {
    background-color: rgba(255, 255, 255, 1);
    
    padding: 16px 0px 16px 0px;
}
#flex-header[data-changeable-on-scroll][data-scrolling] {
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: rgba(255, 255, 255, 1);
}
}
@media all {
    
#\37 639f8a2 {
    min-height: 0px;
    column-gap: 0%;
    row-gap: 0px;
    width: 100%;
    flex-wrap: nowrap;
    max-width: none;
    padding: 6px 4% 6px 4%;
    margin-left: 0%;
    margin-top: 0%;
    margin-right: 0%;
    margin-bottom: 0%;
}
    
#\30 a3527e9 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    flex-direction: row;
    width: 5.22%;
    justify-content: flex-end;
    align-items: center;
    min-width: 4%;
    padding: 16px 16px 16px 16px;
    margin-left: 0%;
    margin-top: 0%;
    margin-right: 0%;
    margin-bottom: 0%;
}
    
#\38 2292550 {
    width: 120px;
    height: auto;
    max-width: 100%;
    order: 0;
    grid-area: auto / auto / auto / auto;
}
    
#f2c3f220 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 94.72375279225615%;
    min-width: 4%;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    padding: 6px 16px 6px 16px;
    margin-left: 0%;
    margin-top: 0%;
    margin-right: 0%;
    margin-bottom: 0%;
}
    
#\33 1908add {
    width: 30px;
    height: 30px;
    position: relative;
    min-width: 10px;
    min-height: 10px;
    max-width: 100%;
    order: 0;
}
}
@media all {
    
#\39 3739264 a {
    background-color: rgba(0,0,0,0);
}
#\39 3739264 svg {
    fill: var(--color_1);
}
#\39 3739264 {
    width: 30px;
    height: 30px;
}
    
#\34 a4ac421 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    align-items: flex-end;
    padding: 16px 16px 16px 16px;
    margin-left: 0%;
    margin-top: 0%;
    margin-right: 0%;
    margin-bottom: 0%;
}
    
#\32 9e77900 {
    padding-top: 2%;
    padding-bottom: 2%;
    min-height: 100px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    padding-right: 0%;
    padding-left: 0%;
    margin-left: 0%;
    margin-top: 0%;
    margin-right: 0%;
    margin-bottom: 0%;
}
}
@media all {
    
#\36 3a049320d35b55b4ef2a374 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    background-color: rgba(0, 0, 0, 0);
    padding: 16px 16px 16px 16px;
    margin-left: 0%;
    margin-top: 0%;
    margin-right: 0%;
    margin-bottom: 0%;
}
    
#\36 3a049320d35b55b4ef2a376 {
    background-color: rgba(0, 0, 0, 0);
}
    
#\36 3a049320d35b55b4ef2a377 {
    min-height: 200px;
    padding-top: 2%;
    padding-bottom: 2%;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    padding-right: 0%;
    padding-left: 0%;
    margin-left: 0%;
    margin-top: 0%;
    margin-right: 0%;
    margin-bottom: 0%;
}
    
#\36 3a049ca0d35b55b4ef2a5c3 {
    width: 544px;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    grid-area: auto / auto / auto / auto;
}
    
#\36 2d6a167a824ca526194d9a5 {
    background-color: rgba(232, 255, 133, 1);
}
}
@media all {
    
#\36 406026c90e1521f6ecb0ecd {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    padding: 16px 16px 16px 16px;
    margin-left: 0%;
    margin-top: 0%;
    margin-right: 0%;
    margin-bottom: 0%;
}
    
#\36 406026c90e1521f6ecb0ecc {
    min-height: 460px;
    padding-top: 4%;
    padding-bottom: 4%;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    padding-right: 0%;
    padding-left: 0%;
    margin-left: 0%;
    margin-top: 0%;
    margin-right: 0%;
    margin-bottom: 0%;
}
    
#widget_s4l {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 1;
}
}
@media all {
    
#ef71ecd9 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 45px;
    width: 25%;
    justify-content: flex-start;
    min-width: 4%;
    flex-wrap: nowrap;
    order: 0;
    padding: 16px 16px 16px 16px;
    margin-left: 0%;
    margin-top: 0%;
    margin-right: 0%;
    margin-bottom: 0%;
}
    
#\38 c42a691 {
    min-height: 193px;
    column-gap: 0%;
    row-gap: 0px;
    width: 100%;
    max-width: none;
    flex-wrap: nowrap;
    padding: 3% 2% 6% 2%;
    margin-left: 0%;
    margin-top: 0%;
    margin-right: 0%;
    margin-bottom: 0%;
}
    
#\33 fe19fdc {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 25%;
    min-width: 4%;
    flex-wrap: nowrap;
    order: 3;
    justify-content: flex-end;
    padding: 16px 16px 16px 16px;
    margin-left: 0%;
    margin-top: 0%;
    margin-right: 0%;
    margin-bottom: 0%;
}
    
#group_249 {
    width: 25%;
    min-width: 4%;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    order: 2;
    justify-content: flex-end;
    padding: 16px 16px 16px 16px;
    margin-left: 0%;
    margin-top: 0%;
    margin-right: 0%;
    margin-bottom: 0%;
}
    
#d46d767d {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\39 574255b {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin-bottom: 2px;
    grid-area: auto / auto / auto / auto;
}
    
#\36 3da2bf2eae8da42b23538a3 {
    width: 57.80%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 1;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\39 9629e10 {
    width: 100%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 0;
    grid-area: auto / auto / auto / auto;
}
    
#d76e8905 {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 1;
    grid-area: auto / auto / auto / auto;
}
    
#group_8af {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    min-height: 55px;
    max-height: 100%;
    height: auto;
    padding-top: 0%;
    padding-right: 0%;
    padding-bottom: 0%;
    padding-left: 0%;
    margin-left: 0%;
    margin-top: 0%;
    margin-right: 0%;
    margin-bottom: 0%;
}
    
#group_ccb {
    width: 25%;
    min-width: 4%;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    order: 1;
    padding: 16px 16px 16px 16px;
    margin-left: 0%;
    margin-top: 0%;
    margin-right: 0%;
    margin-bottom: 0%;
}
    
#widget_0gr {
    width: 100%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 1;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#widget_kqk {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 2;
}
}
@media all {
    
#\36 3da2bddeae8da42b2353673 {
    min-height: 0px;
    column-gap: 1%;
    row-gap: 6px;
    max-width: none;
    width: 100%;
    flex-wrap: nowrap;
    padding-right: 2%;
    padding-bottom: 1%;
    padding-left: 2%;
    padding-top: 0%;
    margin-left: 0%;
    margin-top: 0%;
    margin-right: 0%;
    margin-bottom: 0%;
}
    
#\36 3da2bfbeae8da42b2353a44 {
    width: auto;
    height: auto;
    max-width: 100%;
    align-self: flex-end;
}
    
#\36 3da2bfbeae8da42b2353a45 {
    width: 49.5%;
    min-width: 4%;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    order: 1;
    padding: 8px 16px 8px 16px;
    margin-left: 0%;
    margin-top: 0%;
    margin-right: 0%;
    margin-bottom: 0%;
}
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#group_5mc {
    width: 49.5%;
    min-width: 4%;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    order: 0;
    padding: 8px 16px 8px 16px;
    margin-left: 0%;
    margin-top: 0%;
    margin-right: 0%;
    margin-bottom: 0%;
}
    
#c0504b3a {
    width: 86.13%;
    height: auto;
    max-width: 100%;
    order: 0;
    grid-area: auto / auto / auto / auto;
}
}
@media (min-width: 1025px) {
}
@media (min-width: 1025px) {
    
#widget_s4l {
    justify-self: auto;
    align-self: auto;
    width: 95.8158273381295%;
    grid-area: auto / auto / auto / auto;
}
}

    @media (min-width: 1025px) {  }@media (min-width: 768px) and (max-width: 1024px) {  }@media (max-width: 767px) {  }




  .dmDesktopBody:not(.editGrid) [data-anim-desktop]:not([data-anim-desktop='none']), .dmDesktopBody:not(.editGrid) [data-anim-extended] {
    visibility: hidden;
  }

  .dmDesktopBody:not(.editGrid) .dmNewParagraph[data-anim-desktop]:not([data-anim-desktop='none']), .dmDesktopBody:not(.editGrid) .dmNewParagraph[data-anim-extended] {
    visibility: hidden !important;
  }


  #dmRoot:not(.editGrid) .flex-element [data-anim-extended] {
    visibility: hidden;
  }



    @font-face {
  font-family: "Poppins Fallback";
  src: local('Arial');
  ascent-override: 92.326%;
  descent-override: 30.7753%;
  line-gap-override: 8.793%;
  size-adjust: 113.7274%;
}@font-face {
  font-family: "Roboto Mono Fallback";
  src: local('Arial');
  ascent-override: 77.0755%;
  descent-override: 19.9333%;
  size-adjust: 135.9513%;
  line-gap-override: 0%;
 }@font-face {
  font-family: "Space Grotesk Fallback";
  src: local('Arial');
  ascent-override: 88.8229%;
  descent-override: 26.358%;
  size-adjust: 110.7823%;
  line-gap-override: 0%;
 }


 /* ===============================
   Hamburger Drawer States
   =============================== */

/* Drawer default (closed) */
#hamburger-drawer {
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    width: 80%;
    max-width: 360px;
    background: #fff;
    transform: translateX(100%);
    transition: transform 0.3s ease;
    z-index: 1001;
  }
  
  /* Drawer open */
  #hamburger-drawer.is-open {
    transform: translateX(0);
  }
  
  /* Overlay */
  #layout-drawer-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.45);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    z-index: 1000;
  }
  
  #layout-drawer-overlay.is-active {
    opacity: 1;
    visibility: visible;
  }
  
  /* Prevent background scroll */
  body.no-scroll {
    overflow: hidden;
  }
  
  /* ===============================
     TRUE hamburger menu hiding
     =============================== */
  
     #hamburger-drawer {
      position: fixed;          /* remove from document flow */
      top: 0;
      right: 0;
      height: 100vh;
      width: 80%;
      max-width: 360px;
    
      background: #fff;
      z-index: 1001;
    
      /* FULLY hidden by default */
      transform: translateX(100%);
      visibility: hidden;
      pointer-events: none;
    
      transition: transform 0.3s ease, visibility 0.3s ease;
    }
  
    #hamburger-drawer.is-open {
      transform: translateX(0);
      visibility: visible;
      pointer-events: auto;
    }
  
    #layout-drawer-overlay {
      position: fixed;
      inset: 0;
      background: rgba(0,0,0,0.45);
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition: opacity 0.3s ease;
      z-index: 1000;
    }
    
    #layout-drawer-overlay.is-active {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
    }
  
    html, body {
      overflow-x: hidden;
    }