@charset "UTF-8";

@import url("https://use.typekit.net/hds4vsr.css");

/* Majulah Condensed */
@font-face {
  font-family: "Majulah Condensed";
  src: url("../fonts/Majulah-Condensed-B5PkGx1J.woff2") format("woff2"),
       url("../fonts/Majulah-Condensed-D3PQLaTJ.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Majulah Medium */
@font-face {
  font-family: "Majulah Medium";
  src: url("../fonts/Majulah-Medium-C4twk1b6.woff2") format("woff2"),
       url("../fonts/Majulah-Medium-44qPQZsZ.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

html {
  scroll-behavior: smooth;
  margin: 0;
  padding: 0;
}

/* for header and footer */
header, footer { font-family:'Heebo', sans-serif; -webkit-font-smoothing:antialiased !important; font-size: .813rem; line-height: 1.657em; }
footer p { font-weight: normal;  margin: 0;}
header ul, footer ul { padding: 0; margin: 0; list-style: none;}
footer input, footer textarea { -webkit-appearance: none; box-sizing: border-box; outline: none; width: 100%; display: block;     box-sizing: border-box; }
footer iframe, footer fieldset { border: 0; margin: 0; padding: 0; }
header label, header input, header textarea {  display:block; }

body {
  font-family:adelle-mono-flex-extrabold, sans-serif;
  font-weight:400;
  margin:0;
  padding:0;
  color:#000102;
}

h1, h2, h3, h4, p, figure { margin:0; }
a { color:inherit; text-decoration:none; }
img { display:block; width:100%; height:auto; margin:0; }

.c__d35_interactive img { width:12px; }

main { padding-top:85px; }

.u__d35_pribtn { display:inline-block; background:#FFFF70; font-size:1.125rem; color:#000102;  box-sizing:border-box; border-radius:40px; padding:10px 25px; border:1px solid #000102; }
.u__d35_pribtn.v_large { padding:21px 25px; }


.u__img { width:calc(100% + 30px); margin-left:-15px; position:relative; }
.u__img .s_viewdialog input { display:none; }
.u__img .s_viewdialog { position:absolute;  top:10%; left:16.31%;  display: block; width: 0; height: 0;}
.u__img .s_viewdialog label { position:absolute; display:block; width:30px; height:30px; box-sizing:border-box; border:1px solid #000102; background:#FFF; border-radius:100%; font-size:1.125rem; line-height:30px; text-align:center; cursor:pointer; top:0; left:0; color:#000102; }

.u__img .s_viewdialog .s_dialogbox { display: none; position:absolute; top:15px; width:344px; margin-left: -40px; z-index:20; }
.u__img .s_viewdialog .s_dialogbox > div { position: relative;  background:#FFFFA8; border:1.5px solid #000102; padding:53px 22px 56px; text-align:left; box-sizing:border-box; z-index:10; width: 100%; } 
.u__img .s_viewdialog .s_dialogbox h3 { font-family:"Majulah Condensed", sans-serif; font-size: 1.875rem; line-height: normal; letter-spacing: 0; color:#000102; margin:0 0 15px; text-transform:uppercase; }
.u__img .s_viewdialog .s_dialogbox p { font-size:1rem; line-height:1.25em; letter-spacing: -1%; color:#000102; margin:0; }
.u__img .s_viewdialog .s_dialogbox .s_close { position:absolute; top:6px; right:6px; cursor:pointer; width: 35px; height: 35px; border: none; border-radius: 0; background: none; left: auto; }
.u__img .s_viewdialog .s_dialogbox .s_close img { width: 35px; height: auto; }
.u__img .s_viewdialog input:checked ~ .s_dialogbox { display:block; }



.c__d35_sticky { width:100%; height:78px; background:#000102; color:#FFF; box-sizing:border-box; padding:0 20px; position:relative; z-index:25; }
.c__d35_sticky > div { height:inherit; }
.c__d35_sticky .s_header { height:inherit; display:flex; align-items:center; }
.c__d35_sticky .s_header h4 { font-family:"Majulah Medium", sans-serif; font-size:1.375rem; line-height:1.0909em; letter-spacing:0.02em; flex:1; font-weight:500; box-sizing:border-box; padding-right:20px; }
.c__d35_sticky .s_quicklinks { display:inline-block; }
.c__d35_sticky .s_quicklinks input { display:none; }
.c__d35_sticky .s_quicklinks > label { display:inline-block; color:#FFFF70; box-sizing:border-box; padding:11px 14px; border:1px solid #FFFF70; border-radius:20px; position:relative; transform:translateX(7px); cursor:pointer; }
.c__d35_sticky .s_quicklinks nav { position:fixed; display:none; top:163px; left:0; width:100%; background:#000102; box-sizing:border-box; padding:0 20px; text-align:center; }
.c__d35_sticky .s_quicklinks input:checked ~ nav { display:block; }
.c__d35_sticky .s_quicklinks nav p { color:#DC4D29; margin-top:14px; text-align:left; }
.c__d35_sticky .s_quicklinks .s_links { margin-top:26px; }
.c__d35_sticky .s_quicklinks .s_links label { font-family:"Majulah Condensed", sans-serif; font-size:1.875rem; line-height:1.1em; letter-spacing:0.02em; display:block; box-sizing:border-box; padding-bottom:4px; border-bottom:1px solid #DC4D29; margin-top:19px; text-align:left; }
.c__d35_sticky .s_quicklinks nav .u__d35_pribtn { margin:36px 0 18px; }


.c__d35_masthead { height:351px; background:#FFF; box-sizing:border-box; padding:0 20px; position:relative; }
.c__d35_masthead > div { position:relative; height:100%; }
.c__d35_masthead .v_animation { position:absolute; width:100%; height:100%; z-index:0; }
.c__d35_masthead .v_animation video { width:calc(100% + 40px); height:100%; object-fit:contain; margin-left:-20px; }
.c__d35_masthead .v_animation img { width:auto; height:100%; position:relative; top:50%; left:50%; transform:translate(-50%, -50%); }
.c__d35_masthead .v_animation img:last-child { display:none; }
.c__d35_masthead .v_animation img:first-child { display:block; }
.c__d35_masthead .s_tagline { margin-top:9px; display:flex; position:relative; z-index:10; }
.c__d35_masthead .s_tagline h2 { font-family:"Majulah Condensed", sans-serif; font-size:2.8125rem; line-height:0.8888em; letter-spacing:0.02em; }
.c__d35_masthead .s_tagline h2:last-child { margin-left:auto; margin-right:auto; text-align:right; flex:1; margin-top: 48px; }
.c__d35_masthead .s_content { display:flex; position:absolute; box-sizing:border-box; padding:0; bottom:24px; left:0; width:100%; align-items:flex-end; z-index:10; }
.c__d35_masthead .s_content p { width:44.871%; font-size:1.25rem; line-height:1.25em; }
.c__d35_masthead .s_content figure { width:138px; margin-left:auto; margin-right:0; }


.c__d35_info { background:#DC4E2A; box-sizing:border-box; padding:33px 20px 21px; }
.c__d35_info.v_paddingnone { padding-bottom:0; }
.c__d35_info .s_content { text-align:center; }
.c__d35_info .s_content h3 { font-family:"Majulah Condensed", sans-serif; font-size:2rem; line-height:1.09375em; letter-spacing:0.02em; font-weight:400; text-align:left; color:#FFF; margin:7px 0 13px; }
.c__d35_info .s_content p { font-size:1rem; line-height:1.25em; color:#FFF; text-align:left; margin-bottom:40px; font-weight:500; }
.c__d35_info .u__img { margin-top:32px; }


.c__d35_headline { background:#FFF; box-sizing:border-box; padding:84px 20px; background:#FFF; box-sizing:border-box; padding:84px 20px;}
.c__d35_headline h3 { font-family:"Majulah Medium", sans-serif; font-size:1.875rem; line-height:1.0666em; letter-spacing:0.02em; text-align:center; }


.c__d35_tabs .s_tabs { position:sticky; top:85px; box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.1); z-index:900; }
.c__d35_tabs .s_tabs > div { display:flex; }
.c__d35_tabs .s_tabs label { width:33.33%; font-family:"Majulah Condensed", sans-serif; font-size:1.6rem; line-height:1.09375em; letter-spacing:0.02em; cursor:pointer; display:flex; align-items:center; box-sizing:border-box; padding:20px 0;  display: flex; align-items: center; justify-content: center; background:#FFF; }
.c__d35_tabs .s_tabs label:nth-child(1) { background:#FFFF50; }
.c__d35_tabs .s_tabs label:nth-child(2) { background:#000102; color:#FFF; }
.c__d35_tabs .s_tabscontent .s_content input { display:none; }
.c__d35_tabs .s_tabscontent .s_content section { display:none; }
.c__d35_tabs .s_tabscontent .s_content:has(input:checked) section { display:block; }


.c__d35_img { box-sizing:border-box; padding:0 20px; }


.c__d35_bracket > div { position:relative; }
.c__d35_bracket .s_bracket { display:flex; }
.c__d35_bracket .s_bracket span { display:block; width:105px; height:390px; background:url(../img/gfx-bracket.svg) center center no-repeat; background-size:105px 390px; }
.c__d35_bracket .s_bracket span:last-child { transform:rotate(180deg); margin-left:auto; margin-right:0; }
.c__d35_bracket .s_content { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center; width:58%; }
.c__d35_bracket .s_content h3 { font-family:"Majulah Medium", sans-serif; font-size:1.375rem; line-height:1.0909em; letter-spacing:0.02em; }
.c__d35_bracket .s_content p { line-height:1.25em; margin-top:27px; }
.c__d35_bracket .s_content p a { text-decoration:underline; }
.c__d35_bracket .s_content p span { display:inline-block; width: 5.5px; height: 5.5px; border-top: 1.5px solid #000102; border-right: 1.5px solid #000102; transform: rotate(45deg) translateY(-2px); position:relative; margin-left:8px; }
.c__d35_bracket .u__d35_pribtn { margin-top:28px; }


.c__d35_collaboration .c__d35_form { width: calc(100% + 40px); margin-left: -20px; }
.c__d35_form { background:#FFF; box-sizing:border-box; padding:41px 30px; }
.c__d35_form .s_form > p { font-size:1.25rem; line-height:1.3em; margin-bottom:31px; color: #000102; }
.c__d35_form .s_form fieldset { border:none; margin:0; padding:0; position:relative; }
.c__d35_form .s_form fieldset + fieldset { margin-top:29px; }
.c__d35_form .s_form fieldset.v_select { margin-top: 26px; }
.c__d35_form .s_form fieldset input { display:block; width:100%; font-family:adelle-mono-flex-extrabold, sans-serif; font-size:1rem; line-height:1.375em; font-weight:400; border:none; border-bottom:1px solid #8C73B4; focus:none; outline:none; border-radius:0; box-sizing:border-box; padding-bottom:9px; color:#000102; padding-left: 10px; }
.c__d35_form .s_form fieldset.v_error input { border-color:#F05C8B; }
.c__d35_form .s_form fieldset input::placeholder { color:#000102; font-weight:400; }
.c__d35_form .s_form .s_cta { text-align:center; margin-top:20px; }


.c__d35_form .s_form fieldset.v_select select { font-family:adelle-mono-flex-extrabold, sans-serif; font-size:1rem; line-height:1.375em; font-weight:400; color:#000102; width:100%; border:none; border-bottom:1px solid #8C73B4; background:transparent; appearance:none; -webkit-appearance:none; -moz-appearance:none; outline: none; cursor: pointer; box-sizing:border-box; padding-bottom:9px; }
.c__d35_form .s_form fieldset.v_select select::-ms-expand { display: none; }
.c__d35_form .s_form fieldset.v_select::after { content:''; position:absolute; right:12px; top:50%; width:10px; height:10px; border-right:2px solid #1d0707; border-bottom:2px solid #1d0707; transform:translateY(-100%) rotate(45deg);pointer-events:none; }
.c__d35_form .s_form fieldset.v_select::before { content:''; display:block; position:absolute; bottom:0; right:0; width:44px; height:2px; background:#FFF; }
.c__d35_form .s_form fieldset p { display:none; }
.c__d35_form .s_form fieldset.v_error p { display:block; padding-left: 10px; color: #F00 }
.c__d35_form .s_form fieldset.v_error .select2-container--default .select2-selection--single, .c__d35_form .s_form fieldset.v_error .select2-container--default .select2-selection--multiple { border-color:#F05C8B; }
.c__d35_form .s_form fieldset.v_select .select2-dropdown { color:#000102; }
.c__d35_form .s_form fieldset.v_select.v_disabled { opacity:0.5; pointer-events:none; }

.c__d35_form .select2-container--default .select2-selection--single .select2-selection__arrow { display: none; }
.c__d35_form .select2-container--default .select2-selection--single,
.c__d35_form .select2-container--default .select2-selection--multiple { border: none; border-radius: 0; border-bottom: 1px solid #8C73B4; padding-right: 54px; padding-bottom: 13px; position:relative; box-sizing:border-box; cursor:pointer; }
.c__d35_form .select2-container--default .select2-selection--single:after,
.c__d35_form .select2-container--default .select2-selection--multiple:after { content:''; display:block; width:54px; height:4px; background:#FFF; position:absolute; bottom:-2px; right:0; pointer-events:none; }
.c__d35_form .select2-container--default .select2-selection--single { padding-bottom: 34px }
.c__d35_form .select2-container--default .select2-selection--single .select2-selection__clear,
.c__d35_form .select2-container--default .select2-selection--multiple .select2-selection__clear { display: none; }
.c__d35_form .select2-container--default .select2-selection--single .select2-selection__placeholder ,
.select2-container .select2-search--inline .select2-search__field { color: #000102; font-family:adelle-mono-flex-extrabold, sans-serif; font-size:1rem; line-height:1.375em; font-weight:400; }
/* .c__d35_form .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 10px; } */
.c__d35_form .select2-container--default .select2-selection--multiple .select2-selection__choice { background: none; color:#000102;}
.c__d35_form .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #000102; }

.c__d35_form .select2-container--default .select2-selection--single .select2-selection__rendered  { color: #000102;  max-width: 100%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.c__d35_form .s_form fieldset { min-width: 0; }
.c__d35_form .select2-container .select2-selection__choice { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


.c__d35_form .select2-container--default .select2-search--inline .select2-search__field { margin-left: 10px;  }
.c__d35_form .select2-container--default .select2-search--inline .select2-search__field::placeholder { color: #000102;  }
.c__d35_form .select2-container--default .select2-selection--multiple:has(.select2-selection__rendered li) { padding-bottom: 13px; }
.select2-container .select2-selection--multiple .select2-selection__rendered:has(li) + .select2-search--inline { display: none; }

.c__d35_form .select2-container--default .select2-search textarea { cursor:pointer; }

/*
.c__d35_form #id_interest .selection > span { position:relative; }
.c__d35_form #id_interest .selection > span:before { content:'I am interested in'; display:block; color:#000102; position:absolute; top:5px; left:10px; }
*/

.select2-container--open .select2-dropdown--below,
.select2-container--open .select2-dropdown--above { border: 1px solid #8C73B4; border-radius: 0; }
.select2-search--dropdown { display: none; }

.c__d35_form .s_status p { box-sizing:border-box; color:#000102; font-size:1rem; line-height:1.375em; text-align:center; padding:11px 0 10px; margin-top:20px; }
.c__d35_form .s_status p.s_success { background:#FFFFA8; }
.c__d35_form .s_status p.s_error { background:#F05C8B; }


.c__d35_collaboration { background:#000102; box-sizing:border-box; padding:0 20px 48px; color:#FFF }
.c__d35_collaboration .s_tag { width:289px; margin:20px auto 18px; }
.c__d35_collaboration .s_tag svg { width:100% !important; }
.c__d35_collaboration .s_content p { font-size:0.75rem; line-height:1.5em; }
.c__d35_collaboration .s_content p a { text-decoration:underline; }


.c__d35_tabs .s_grid_top { display: flex; flex-direction: column; }
.c__d35_intro { grid-area: intro; background: #FFFFFF; }
.c__d35_intro .s_content { padding: 41px 20px 20px; }
.c__d35_intro:has(+ .c__d35_textslider) .s_content { padding-top: 53px; }
.c__d35_intro .s_content h3 { text-align: center; font-family: "Majulah Medium", sans-serif;  font-size: 1.375rem; line-height: 1.09em; letter-spacing: 0; color: #000102; }
.c__d35_intro.v_black { background: #000102; color: #FFFFFF; }
.c__d35_intro.v_black h3{ color: #FFFFFF; }
.c__d35_intro.v_yellow { background: #FFFF50; color: #000102; }
.c__d35_intro.v_yellow h3{ color: #000102; }

.c__d35_tabs .c__d35_intro { order: 1; }
.c__d35_tabs .s_grid_top section.v_order2 { order: 2; }
.c__d35_tabs .s_wrap { order: 3; display: contents; }
.c__d35_tabs .c__d35_img { order: 4; }

/* impact areas */
.c__d35_textcontent { background-color: #000102; color: #FFFFFF; padding: 20px 20px 40px;}
.c__d35_textcontent h3 { text-align: center; font-family: "Majulah Medium", sans-serif;  font-size: 1.375rem; line-height: 1.09em; letter-spacing: 0; padding-bottom: 41px; }
.c__d35_textcontent .s_listitem h4 { font-size: 1rem; line-height: 1.375em; letter-spacing: 0; font-weight: bold; }
.c__d35_textcontent .s_listitem p { font-size: 1rem; line-height: 1.25em; letter-spacing: -1%;}
.c__d35_textcontent .s_lists { list-style: none; counter-reset: d35-counter; padding: 0; display: flex; flex-direction: column; gap: 20px; }
.c__d35_textcontent .s_listitem { display: flex; align-items: flex-start; gap: 15px; counter-increment: d35-counter; }
.c__d35_textcontent .s_listitem::before { content: counter(d35-counter); font-family: "Majulah Condensed", sans-serif; font-size: 2rem; line-height: 1.09375em; min-width: 24px; text-align: center;}
.c__d35_textcontent .s_footertext { font-size: 1rem; line-height: 1.25em; letter-spacing: -1%; text-align: center; padding-top: 20px;}

/* strategies - text carousel */
.c__d35_textslider { padding: 32px 0px 55px; }
.c__d35_textslider > div {  position: relative; display: flex; flex-direction: column; padding-top: 55px; }
.c__d35_textslider .s_pagination { position: absolute; top: 0; left: 0; display: flex; gap: 12px; justify-content: center; height: 35px;  z-index: 2;}
.c__d35_textslider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { width: 35px; height: 35px; background: #fff; border: 1px solid #000102; opacity: 1; display: flex; align-items: center; justify-content: center; font-size: 1rem; color: #000102; cursor: pointer; border-radius: 50%; transition: 0.3s; font-weight: 600; margin: 0; box-sizing: border-box; }
.c__d35_textslider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active { background-color: #FFFFA8; }
.c__d35_textslider .s_swiper_container { width: 100%; padding-top: 41px;}
.c__d35_textslider .s_slide_layout { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 36px; padding: 0 20px; }
.c__d35_textslider .s_col_left h3 { text-align: center; font-family: "Majulah Medium", sans-serif;  font-size: 1.375rem; line-height: 1.09em; letter-spacing: 0; color: #000102; }
.c__d35_textslider .s_col_left p { font-size: 1rem; line-height: 1.375em; padding-top: 23px; }
.c__d35_textslider .s_lists { display: flex; flex-direction: column; gap: 22px; text-align: left; padding-left: 23px;  }
.c__d35_textslider .s_listitem { display: flex; align-items: flex-start; gap: 8px; }
.c__d35_textslider .s_listitem::before { content: "•"; font-size: 1rem; line-height: 22px; }
.c__d35_textslider .s_listcontent p { margin: 0; line-height: 1.375em; font-size: 1rem; }
.c__d35_textslider .s_listcontent p strong { font-weight: 700; }

/* insights - image carousel */

.c__d35_imgcarousel > div { position: relative; display: flex; flex-direction: column; padding-top: 35px;  }
.c__d35_imgcarousel .s_pagination { position: absolute; top: 0; left: 0; display: flex; gap: 12px; justify-content: center; height: 35px; z-index: 2; }
.c__d35_imgcarousel .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { width: 35px; height: 35px; background: #fff; border: 1px solid #000102; opacity: 1; display: flex; align-items: center; justify-content: center; font-size: 1rem; color: #000102; cursor: pointer; border-radius: 50%; transition: 0.3s; font-weight: 600; margin: 0; box-sizing: border-box; }
.c__d35_imgcarousel .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active { background-color: #FFFFA8; }
.c__d35_imgcarousel .s_swiper_container {  width: 100%;  }
.c__d35_imgcarousel .s_swiper_container .swiper-wrapper { display: flex; align-items: center;  }
.c__d35_imgcarousel .s_slide_layout { display: flex; flex-direction: column; align-items: center; gap: 10px;  padding-top: 20px; }
.c__d35_imgcarousel .s_col_img { width: 100%; position: relative; padding-top: 20px; }
.c__d35_imgcarousel .s_slide_layout.v_maxwidth .s_col_text { max-width: 223px; margin: 0 auto; }
.c__d35_imgcarousel .s_figure { margin: 0; position: relative; display: inline-block; width: 100%; padding: 0 7px; box-sizing: border-box; }
.c__d35_imgcarousel .s_figure img { width: 100%; height: auto; display: block; }
.c__d35_imgcarousel .s_viewicon { position: absolute; top: -20px; right: 17px; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 15; }
.c__d35_imgcarousel .s_viewicon img { width: 35px; height: auto; }
.c__d35_imgcarousel .s_col_text {  padding: 0 20px; }
.c__d35_imgcarousel .s_slide_title { font-size: 1rem; line-height: 1.25em; color: #000102; font-weight: 400;  letter-spacing: -1%; text-align: center; }
.c__d35_imgcarousel .s_slide_title strong { font-family: "Majulah Medium", sans-serif; font-weight: 700; font-size: 1.375rem; line-height: 1.09em;  letter-spacing: 0.5px; }





.c__d35_imgcarousel .s_dialogbox { position: fixed; top: 85px; left: 0; width: 100%; height: calc(100% - 85px);  z-index: 1000; overflow:hidden; background: none; }
.c__d35_imgcarousel .s_dialogbox::before { content: ""; position: fixed; top: 85px; left: 0; width: 100%; height: calc(100% - 85px); background: rgba(0, 1, 2, 0.85); z-index: -1; } 
.c__d35_imgcarousel .s_dialog_container { height:100%; overflow-y:scroll; }
.c__d35_imgcarousel .s_dialog_inner { background: #FFFF50;  position: relative; display: flex; flex-direction: column; margin-top: 17px;  }
/* .c__d35_imgcarousel .s_dialogbox .s_close { position:sticky; top:15px; right:10px;float: right;  cursor:pointer; width: 35px; height: 35px; border: none; border-radius: 0; background: none; left: auto; } */
.c__d35_imgcarousel .s_dialogbox .s_close { position: sticky; top: 3px; float: right; margin-right: 10px; cursor: pointer; width: 35px; height: 35px; border: none; z-index: 101; height: 0; overflow: visible; }
.c__d35_imgcarousel .s_dialogbox .s_close img { width: 35px; height: auto; }
.c__d35_imgcarousel .s_dialog_inner .s_dialog { display: flex; flex-direction: column;}
.c__d35_imgcarousel .s_dialogbox .s_slide_title { padding: 20px 20px 0;  }
.c__d35_imgcarousel .s_dialog_bottom { background: #000102; color: #ffffff; padding: 30px 15px 28px; text-align: left; }
.c__d35_imgcarousel .s_dialog_bottom p {font-size: 1rem; line-height:  1.25em;  }
.c__d35_imgcarousel .s_dialog_bottom p strong { font-weight: 700; }






.hidden { display:none; }
.u__dhide { display:none; }

/* backtop */
.js_backtop { position:fixed; z-index:110; bottom:90px; right:10px; display:flex; align-items:center; justify-content:center; opacity:0; visibility:hidden; transform:translate3d(0,15px,0); background:#212121; border-radius:50%; transition:opacity .3s ease,color .3s ease,background .3s ease,transform .3s ease,visibility .3s ease; padding:12px; box-sizing:border-box; }
.js_backtop:hover { background:#cb2017; }
.js_backtop svg { width:18px; height:18px; fill:#fff; transition:fill 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
.js_backtop.v_show { opacity:1; visibility:visible; transform:translate3d(0,0,0); }


@media (min-width: 700px) { 
  .c__d35_masthead .v_animation { overflow:hidden; }
  .c__d35_masthead .v_animation video { width:100%; margin-left:0; }
  .c__d35_masthead .v_animation img { width:auto; height:98%; position:relative; top:50%; left:50%; transform:translate(-50%, -50%); margin-top:-6px; }
  .c__d35_masthead .v_animation img:first-child { display:none; }
  .c__d35_masthead .v_animation img:last-child { display:block; }
}

@media (min-width: 460px) { 
  .c__d35_tabs .s_tabs label { font-size:2rem; }
}

@media (min-width: 1000px) { 
  .u__mhide { display:none; }
  .u__dhide { display:block; }

  main { padding-top:85px; }
  .c__d35_sticky { height: 86px; }
  .c__d35_sticky > div { max-width: 1280px; margin-left: auto; margin-right: auto; }
  .c__d35_sticky .s_header h4 { font-size: 2.25rem; line-height: 1.045em; }
  .c__d35_sticky .s_header h4 br { display: none; }
  .c__d35_sticky .s_quicklinks > label span { font-size: 1.125rem; }
  .c__d35_sticky .s_quicklinks nav { top: 171px; }
  .c__d35_sticky .s_quicklinks nav > div { max-width: 1280px;  margin-left: auto; margin-right: auto;}
  /* .c__d35_sticky .s_quicklinks nav { top: 86px; } */
  .c__d35_sticky .s_quicklinks nav p { font-size: 1.875rem; }
  .c__d35_sticky .s_quicklinks .s_links label { font-size: 4.375rem; line-height: 1.07em; margin-top: 15px; }
  .c__d35_sticky .s_quicklinks .s_links { margin-top: 11px; }
  .c__d35_sticky .s_quicklinks nav .u__d35_pribtn { margin-top: 30px; }

  .c__d35_masthead { height: 479px; }
  .c__d35_masthead > div { max-width: 1280px; margin-left: auto; margin-right: auto; }
  .c__d35_masthead .s_tagline { margin-top: 0; padding-top: 16px; }
  .c__d35_masthead .s_tagline h2 { font-size: 6.25rem; line-height: 0.9em; letter-spacing: 0;} 
  .c__d35_masthead .s_tagline h2:last-child { margin-top:90px; }
  .c__d35_masthead .s_content { max-width: 1320px; left: auto; right: auto; left: 50%; transform: translateX(-50%); padding-right: 20px; }
  .c__d35_masthead .s_content p { font-size: 2.0rem; line-height: 1.167em; max-width: 450px; padding-bottom: 21px;}
  .c__d35_masthead .s_content figure { width: 229px; }

  .u__img .s_viewdialog { left: 29px; top: 72px; }
  

  .c__d35_info { padding-top: 6px; padding-bottom: 0px; padding-right: 0; position: relative;}
  .c__d35_info::after{ content: ""; position: absolute; top: 6px; left:50%; width: calc(100% - 33px); max-width:1070px; height: 100%; background-image: url('../img/icon-plus.svg'); background-repeat: repeat; pointer-events: none; z-index: 1; transform:translateX(-50%); }
  .c__d35_info > div { max-width: 1280px; margin-left: auto; margin-right: auto; padding-bottom: 54px; padding-top: 46px; padding-right: 20px; min-height:452px; box-sizing:border-box; }
  .c__d35_info .s_content { display: flex; align-items: center; text-align: left; z-index:10; position:relative; }
  .c__d35_info .s_content.v_reverse { flex-direction: row-reverse; }
  .c__d35_info .s_content .s_text,
  .c__d35_info .s_content .s_img { flex: 1; }
  .c__d35_info .u__img { max-width: 380px;margin-left: auto; margin-right: auto; }
  .c__d35_info .s_content p { font-size: 1rem; line-height: 1.364em; margin-bottom: 15px;  max-width: 604px; }
  .c__d35_info .s_content .s_text h3 { font-size: 3.5rem; line-height: 1.025em; letter-spacing: 0; }
  .c__d35_info .u__d35_pribtn { position: relative; z-index: 2;}

  .c__d35_info.v_paddingnone > div { padding-bottom: 38px; padding-top: 33px; }
  .c__d35_info.v_paddingnone .s_content { gap: 34px; }
  .c__d35_info.v_paddingnone .s_content .s_img { flex: unset; margin-right: auto; }
  .c__d35_info.v_paddingnone .s_content .s_text { flex: unset; width: 550px; margin-left: auto;}
  .c__d35_info.v_paddingnone .s_content p { font-size: 1rem; line-height: 1.27em;}

  .c__d35_headline { padding-top: 144px; padding-bottom: 145px; }
  .c__d35_headline h3 { max-width: 1050px; margin-left: auto; margin-right: auto; font-size: 2.8rem; line-height: 1.1em; letter-spacing: 0; }

  .c__d35_tabs .s_wrap { position: relative; width: 100%; }
  .c__d35_tabs .s_wrap::after { content: ""; position: absolute; top: 0px; left: 33px; width: calc(100% - 33px); height: 100%; background-image: url('../img/icon-plus-red.svg'); background-repeat: repeat; pointer-events: none; z-index: 1; }
  .c__d35_tabs .s_wrap:has(.c__d35_intro.v_black )::after {  background-image: url('../img/icon-plus.svg');}
  


  .c__d35_collaboration { max-width: 1280px;margin-left: auto; margin-right: auto; padding: 0; }
  .c__d35_collaboration .s_imgform { display: flex; flex-direction: row-reverse; position:relative; height:730px; } 
  .c__d35_collaboration .s_imgform:before { content:''; position:absolute; width:50vw; height:100%; background:#000102; top:0; left:min(calc(calc(1280px - 100vw) / 2), 0px); }
  .c__d35_collaboration .s_imgform > .c__d35_form { width: 50%;  margin: 0; flex-shrink: 0; padding: 41px 40px;}
  .c__d35_collaboration .s_imgform > .u__img { width: 50%; margin: 0; } 
  .c__d35_collaboration .s_imgform > .u__img figure { width: 100%; height: 100%; margin: 0; position: relative; }
  .c__d35_collaboration .s_imgform > .u__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
  .c__d35_form .s_form > p { margin-bottom: 37px; }
  .c__d35_form .s_form fieldset + fieldset { margin-top: 33px; }
  .c__d35_form .s_form fieldset.v_select { margin-top: 30px; }
  /* field spacing */
  .c__d35_form .s_form fieldset input { padding-bottom: 2px; }
  .c__d35_form .select2-container--default .select2-selection--single { padding-bottom: 26px; }
  .c__d35_form .select2-container--default .select2-selection--multiple { padding-bottom: 0px; min-height: 30px; }
  .c__d35_form .select2-container--default .select2-selection--multiple:has(.select2-selection__rendered li) { padding-bottom: 7px; }

  .c__d35_collaboration .s_imgtext { display: flex; gap: 80px; align-items: center; padding: 40px 80px 40px 88px; position:relative; } 
  .c__d35_collaboration .s_imgtext:before { content:''; position:absolute; width:100vw; height:100%; background:#000102; top:0; left:min(calc(calc(1280px - 100vw) / 2), 0px); z-index:-1; }
  .c__d35_collaboration .s_tag { width: 289px; flex-shrink: 0; }

  .c__d35_bracket { max-width: 1243px; margin-left: auto; margin-right: auto; }
  .c__d35_bracket .s_bracket span { background: url(../img/gfx-bracket-desktop.svg); width: 139px; height: 558px;}
  .c__d35_bracket .s_content { width: 550px; }
  .c__d35_bracket .s_content h3 { font-size: 2.5rem; line-height: 1.1em; letter-spacing: 0; }
  .c__d35_bracket .s_content p { font-size: 1.6rem; line-height: 1.3em; margin-top: 50px; }
  .c__d35_bracket .s_content p span { width:8px; height:8px; transform:rotate(45deg) translateY(-4px); }
  .c__d35_bracket .s_content .u__d35_pribtn { margin-top: 48px; max-width: 440px; margin-left: auto; margin-right: auto;  }


  .c__d35_tabs > div {max-width: 1280px; margin-left: auto; margin-right: auto; }
  .c__d35_tabs .s_tabs { width:100vw; margin-left:min(calc(calc(1280px - 100vw) / 2), 0px); background:#FFF; }
  .c__d35_tabs .s_tabs:before { content:''; display:block; width:50vw; height:100%; background:#FFFF50; position:absolute; top:0; left:0; z-index:-1; }
  .c__d35_tabs .s_tabs > div { max-width:1280px; margin:0 auto; }
  .c__d35_tabs .s_tabs label {  font-size: 3.5rem; line-height: 1.07em; text-align: center; padding: 40px 0;}
  .c__d35_tabs .s_tabs label br { display: none; }
  .c__d35_tabs .s_grid_top .c__d35_intro > div { height: 100%; display: flex; align-items: center; justify-content: center;}

  .c__d35_tabs .s_grid_top { display: flex; flex-wrap: wrap; flex-direction: row; position:relative; }
  .c__d35_tabs .s_wrap { display: flex; width: 100%; order: 1; }
  .c__d35_tabs .c__d35_intro { width: 50%; order: 1; }
  .c__d35_tabs .c__d35_img { width: 50%; order: 2; }
  .c__d35_tabs .s_grid_top section.v_order2 { width: 100%; order: 2; }
  .c__d35_img .u__img { width: 380px; margin: 0 auto; padding: 64px 0; }

  .c__d35_tabs .s_grid_top:before { content:''; display:block; width:100vw; height:100%; position:absolute; left:50%; top:0; transform:translateX(-50%); }
  .c__d35_tabs .s_content:nth-child(1) .s_grid_top:before { background:#FFFF50; }
  .c__d35_tabs .s_content:nth-child(2) .s_grid_top:before { background:#000102; }

  .c__d35_textcontent { padding-bottom: 80px; z-index:10; }
  .c__d35_textcontent > div { max-width: 921px; margin-left: auto; margin-right: auto; padding: 0 20px;  }
  .c__d35_textcontent .s_listitem { gap: 25px; }
  .c__d35_textcontent .s_footertext { padding-top: 60px; font-size: 1.17rem; line-height: 1.36em; letter-spacing: 0; }
  .c__d35_textcontent .s_listitem h4,
  .c__d35_textcontent .s_listitem p { font-size: 1.17rem;  line-height: 1.36em; letter-spacing: 0; }
  .c__d35_textcontent .s_listitem::before { font-size: 2.8125rem; line-height: 1.33em; }

  .c__d35_intro .s_content h3 { font-size: 2.5rem; line-height: 1.05em; max-width: 480px; margin-left: auto; margin-right: auto; text-align: left;}

  .c__d35_textslider { padding-top: 55px; padding-bottom: 40px;  }
  .c__d35_textslider > div { width: 100%; margin:0 auto; }
  .c__d35_textslider .s_swiper_container { padding-top: 35px; }
  .c__d35_textslider .s_slide_layout { flex-direction: row; text-align: left; gap: 26px; align-items: center; }
  .c__d35_textslider .s_slide_layout .s_col_left { max-width: 439px; margin-left: auto; width: 50%;}
  .c__d35_textslider .s_slide_layout .s_col_right { max-width: 404px; margin-right: auto; width: 50%;}
  .c__d35_textslider .s_col_left h3 { font-size: 2rem; }
  .c__d35_textslider .s_col_left p,
  .c__d35_textslider .s_listcontent p,
  .c__d35_textslider .s_listitem::before{ font-size: 1.17rem; line-height: 1.36em;}
  .c__d35_textslider .s_lists { gap: 30px; } 
  .c__d35_textslider .s_col_left p { padding-top: 30px; text-align: center; }

  
  .c__d35_imgcarousel { padding-top: 40px; }
  .c__d35_imgcarousel .s_pagination { gap: 45px;}
  .c__d35_imgcarousel .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { font-size: 1.375rem; }
  .c__d35_imgcarousel .s_figure { padding: 0;}
  .c__d35_imgcarousel .s_dialog_container { overflow-y:auto; }
  .c__d35_imgcarousel .s_dialog_inner { display: flex; align-items: center; flex-direction: row-reverse; background:#000102; }
  .c__d35_imgcarousel .s_dialogbox { padding-top:38px; box-sizing:border-box; }
  .c__d35_imgcarousel .s_dialogbox .s_close { margin-right:0; top: 0px; right: 20px; transform:translateY(-19px); position:sticky; }
  .c__d35_imgcarousel .s_dialog_top, 
  .c__d35_imgcarousel .s_dialog_mid { width:50%; }
  .c__d35_imgcarousel .s_slide_layout { flex-direction: row-reverse; gap: 85px; padding-bottom: 40px; }
  .c__d35_imgcarousel .s_slide_layout.v_maxwidth .s_col_text { max-width: 425px; }
  .c__d35_imgcarousel .s_col_text { width: 50%; max-width: 425px; margin-right: auto; }
  .c__d35_imgcarousel .s_col_img {width: 50%;  max-width: 447px; margin-left: auto; }
  .c__d35_imgcarousel .s_slide_title {   font-size: 1.6rem; line-height: 1.3em;}
  .c__d35_imgcarousel .s_slide_title strong { font-size: 1.8rem; line-height: 1.05em;}
  .c__d35_imgcarousel .s_viewicon { top: 10px; right: -32px; }

  .c__d35_imgcarousel .s_dialogbox .s_dialog_container { max-width: 1365px; margin-left: auto; margin-right: auto;}
  .c__d35_imgcarousel .s_dialogbox .s_slide_title { color: #fff; max-width: 425px; margin-left: auto; margin-right: auto; }
  .c__d35_imgcarousel .s_dialog_top { box-sizing:border-box; padding: 51px; }
  .c__d35_imgcarousel .s_dialog_mid { background:#FFFF50; }
  .c__d35_imgcarousel .s_dialog_top p { color: #fff; padding-top: 40px;  font-size: 1.25rem; line-height: 1.5em; max-width: 598px; }
  .c__d35_imgcarousel .s_dialog_top p strong { font-weight: 700; }


  .c__d35_masthead + .c__d35_info .s_viewdialog { top:35px; }

  .c__footer2025.v_d35 { min-height:50px; background:#000; position:relative; /*max-width:1280px; margin:0 auto;*/ }
  .c__footer2025.v_d35:before { content:''; display:block; position:absolute; width:100vw; height:100%; background:#000; top:0; left:min(calc(calc(1280px - 100vw) / 2), 0px); z-index:-1; }
  .c__footer2025.v_d35:after { display:none; }
}



/* Navigation */
.c__d35_nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height:85px;
  background: #fff;
  z-index:20;
}

/* Sections */
.c__d35_interactive {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #bcccdc;
  height: auto;
  min-height: 100vh;
  display: block;
  position:relative;
  z-index:20;
}