@import url(https://fonts.googleapis.com/css2?family=Lora:wght@500&family=Noto+Sans+JP:wght@500;700;900&family=Noto+Sans+SC:wght@500;700;900&family=Noto+Sans+Tamil:wght@500;700;900&family=Noto+Sans:wght@400;500;600;700&family=Inter:wght@500&display=swap&text=↑→↓←);@media screen{html,body{background-color:#B9B8B6;color:#000;font-size:1em;line-height:.9em;min-width:100%;height:100%;margin:0;scroll-behavior:smooth}.mobile{display:none}@media screen and (max-width:960px){html,body{font-size:15px;line-height:13.5px}}@media screen and (max-width:800px){html,body{font-size:14px;line-height:12.5px}}@media screen and (max-width:640px){html,body{font-size:12.5px;line-height:11px}.no_mobile{display:none}.mobile{display:block}}}@media screen and (max-width:480px){html,body{font-size:11px;line-height:10px}}}@media screen{*{box-sizing:border-box}.wrapper{width:calc(100% - 4.5vw);min-height:calc(100% - 14.25vw);margin:2vw 2.25vw 2.75vw}.row{overflow:hidden;position:relative;display:table;table-layout:fixed;width:100%;height:100%}.col1,.col2,.col3,.col4,.col6,.col8,.col9,.col12{position:relative;display:table-row;top:0;bottom:0;float:left;width:7.4167%;margin-right:1%;margin-bottom:1.25%}.col2{width:calc((7.4167% * 2) + 1%)}.col3{width:calc((7.4167% * 3) + 2%)}.col4{width:calc((7.4167% * 4) + 3%)}.col6{width:calc((7.4167% * 6) + 5%)}.col8{width:calc((7.4167% * 8) + 7%)}.col9{width:calc((7.4167% * 9) + 8%)}.col12{width:100%}.row>div:last-child,.row>div.col2:nth-child(6n),.row>div.col3:nth-child(4n),.row>div.col4:nth-child(3n),.row>div.col6:nth-child(2n){margin-right:0}@media screen and (max-width:1280px){.col1,.col2,.col3,.col4,.col6,.col8,.col9,.col12{margin-bottom:1.25%}}@media screen and (max-width:1080px){.col1,.col2,.col3,.col4,.col6,.col8,.col9,.col12{margin-bottom:1.5%}.row>div.col4:nth-child(3n){margin-right:1%}.col4{width:calc((7.4167% * 3.95) + 3%)}}@media screen and (max-width:960px){.col1,.col2,.col3,.col4,.col6,.col8,.col9,.col12{margin-bottom:1.75%}.col2{width:calc((7.4167% * 4) + 3%)}.row>div.col2:nth-child(2n){margin-right:1%}.row>div.col2:nth-child(3n){margin-right:0%}.col3{width:calc((7.4167% * 6) + 5%)}.row>div.col3:nth-child(2n){margin-right:0%}}@media screen and (max-width:800px){.wrapper{width:96%;min-height:96%;margin:2%}.col1,.col2,.col3,.col4,.col6,.col8,.col9,.col12{margin-bottom:2%}.col4{width:100%}.col6{width:100%}}@media screen and (max-width:640px){.wrapper{width:95%;min-height:95%;margin:2.5%}.col1,.col2,.col3,.col4,.col6,.col8,.col9,.col12{margin-bottom:2.5%}.col1,.col2,.col3,.col4,.col6,.col8,.col9,.col12{width:100%}}@media screen and (max-width:480px){.wrapper{width:94%;min-height:94%;margin:3%}.col1,.col2,.col3,.col4,.col6,.col8,.col9,.col12{width:100%}}}@media screen{.row.gallery>div.col2:nth-child(6n+1),.row.gallery>div.col3:nth-child(4n+1),.row.gallery>div.col4:nth-child(3n+1),.row.gallery>div.col6:nth-child(2n+1){clear:left}@media screen and (max-width:1280px){.row.gallery>div.col4:nth-child(3n+1){clear:none}}@media screen and (max-width:960px){.row.gallery>div.col2:nth-child(2n+1){clear:none}.row.gallery>div.col2:nth-child(3n+1){clear:left}.row.gallery>div.col3:nth-child(2n+1){clear:left}}}@media screen{@font-face{font-display:swap;font-family:'Aktiv Grotesk Ex';src:url(https://bureaudonald.com/site/wp-content/themes/bureaudonald/font/AktivGroteskEx_W_Bd.woff2) format('woff2'),url(/site/wp-content/themes/bureaudonald/css/base/https//bureaudonald.com/site/wp-content/themes/bureaudonald/font/AktivGroteskEx_W_Bd.woff) format('woff');font-weight:700;font-style:normal}html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,button,.caption,input{font-family:'Aktiv Grotesk Ex','Lora','arial','helvetica','sans-serif';font-weight:700;font-style:normal;font-size:2vw}h1{font-size:275%}h2{font-size:200%}h3{font-size:135%}h4{font-size:110%}h5,p,button{font-size:70%;line-height:105%}p{margin-top:0;width:95%}h6,small{font-size:86%}.caption{font-size:45%;padding-top:.25vw}h1,h2,h3,h4,h5,h6,.caption{line-height:90%;margin:0;padding-bottom:.25em}.header{width:80%}.XL{font-size:300%;line-height:85%;margin-left:-.07em;padding-bottom:.05em}.XXL{font-size:500%;line-height:85%;margin-left:-.01em;margin-top:-.85vw;padding-bottom:.05em}a{color:#000;text-decoration:none}p a,h4 a{color:#B9B8B6;background:#000;padding:0 .5vw;margin:0 .25%}p a:hover,h4 a:hover,p a:active,h4 a:active{color:#000;background:#F60;padding:0 calc(0.5vw - 0.15vw);margin:0 .25%;border:.175vw solid #000;-webkit-box-shadow:-.175vw .175vw 0 0 rgb(0 0 0);-moz-box-shadow:-.175vw .175vw 0 0 rgb(0 0 0);box-shadow:-.175vw .175vw 0 0 rgb(0 0 0)}p a:active,h4 a:active{color:#B9B8B6;background:#000}.footer p{font-size:1vw}.diap,.diap div,.diap a{color:#B9B8B6}.diap h3{padding:.5vw .5vw .6vw .7vw;margin-left:-.75vw;margin-right:-.75vw}.diap a :hover{background-color:#B9B8B6;color:#000}.arrow,a .caption::after{font-family:'Inter',sans-serif;font-stretch:normal;font-optical-sizing:auto}a .caption::after{content:"→";background-color:#000;color:#B9B8B6;padding:.05em .2em .1em;margin-left:.35em;border-radius:50%}#cyrillic{font-family:'Lora',sans-serif;letter-spacing:.1vw}#chinese{font-family:'Noto Sans SC',sans-serif;letter-spacing:.1vw}#japanese{font-family:'Noto Sans JP',sans-serif;letter-spacing:.1vw}#tamil{font-family:'Noto Sans Tamil',sans-serif;letter-spacing:.1vw;font-weight:700}#ow-break-word{overflow-wrap:break-word}#word-break{word-break:break-all}#hyphens{hyphens:auto}@media screen and (min-width:1260px){h1{font-size:245%}h2{font-size:170%;margin-top:-.3vw}h3{font-size:115%;padding-bottom:1vw}.call h3{font-size:105%;padding-bottom:0vw}h4{font-size:90%}h5{font-size:55%}p{font-size:70%;line-height:100%}.caption{font-size:45%;padding-top:.25vw}h6{font-size:45%}}@media screen and (max-width:1260px){h1{font-size:255%}h2{font-size:170%}h3{font-size:105%}h4{font-size:90%}}@media screen and (max-width:1080px){h5,p{font-size:70%}.caption{font-size:60%;padding-top:.75vw}}@media screen and (max-width:960px){h3,h4{line-height:105%}h5,p,button{line-height:120%}p{font-size:70%}.caption{font-size:120%;padding-top:1vw}}@media screen and (max-width:800px){p{font-size:160%}}@media screen and (max-width:640px){.diap h3{padding:.75vw;padding-bottom:.8vw;margin-left:-.75vw}.footer p{font-size:140%}}@media screen and (max-width:480px){h1{font-size:490%}.XL{font-size:750%;margin-left:0}.XXL{font-size:1000%}h2{font-size:360%;line-height:100%;padding:1vw 0 .75vw}h3{font-size:255%;padding-bottom:1.5vw}h4{font-size:220%}h6{font-size:110%}.diap h5{font-size:160%}.diap h3{font-size:240%}button{font-size:180%}p a{padding:1vw 2vw}p a:hover,h4 a:hover,p a:active,h4 a:active{padding:1vw 1.85vw;margin:0 0;border:.5vw solid #000;-webkit-box-shadow:-.5vw .5vw 0 0 rgb(0 0 0);-moz-box-shadow:-.5vw .5vw 0 0 rgb(0 0 0);box-shadow:-.5vw .5vw 0 0 rgb(0 0 0)}.footer p a{padding:.25vw .5vw;margin-right:0}.foot_left p{font-size:100%;padding-top:.75vw}}}@media screen{.border_bottom,hr{border-bottom:.275vw solid #000}hr{margin-bottom:2vw}.dotted{height:0;border:none;border-bottom:.275vw dotted #000}.spacer{display:block;clear:both}.nav_block{background-color:#000;margin-top:.75vw;padding:1.5vw;width:100%;height:30vw}@media screen and (max-width:480px){.border_bottom,hr,.dotted{border-bottom:.6vw solid #000}}}@media screen{.button,.button_diap{order:1;position:relative;background:#000;border:none;color:#B9B8B6;width:calc(100% - 2vw);margin:0 0 4vw 2vw;padding:3vw 5vw 3.5vw;box-shadow:-2vw 2vw 0 #2C2C2C;outline:none}.button_diap{background:#B9B8B6;color:#000;box-shadow:-2vw 2vw 0 #6F6E6D}.button:hover,.button_diap:hover{background:#000;top:1vw;left:-1vw;box-shadow:-1vw 1vw 0 #2C2C2C}.button_diap:hover{background:#B9B8B6;box-shadow:-1vw 1vw 0 #6F6E6D}.button:active,.button_diap:active{background:#000;top:1.75vw;left:-1.755vw;box-shadow:-.25vw .25vw 0 #2C2C2C}.button_diap:active{background:#B9B8B6;box-shadow:-.25vw .25vw 0 #6F6E6D}.button::before,.button_diap::before{position:absolute;display:block;content:"";height:0;width:0;border:solid 2vw #fff0;border-right:solid 2vw #2C2C2C;border-left-width:0;background:none;top:0;left:-2vw}.button_diap::before{border-right:solid 2vw #6F6E6D}.button::after,.button_diap::after{position:absolute;display:block;content:"";height:0;width:0;border:solid 2vw #fff0;border-top:solid 2vw #2C2C2C;border-bottom-width:0;background:none;right:0;bottom:-2vw}.button_diap::after{border-top:solid 2vw #6F6E6D}.button:hover::before,.button_diap:hover::before{border:solid 1vw #fff0;border-right:solid 1vw #2C2C2C;border-left-width:0;left:-1vw}.button_diap:hover::before{border-right:solid 1vw #6F6E6D}.button:hover::after,.button_diap:hover::after{border:solid 1vw #fff0;border-top:solid 1vw #2C2C2C;border-bottom-width:0;bottom:-1vw}.button_diap:hover::after{border-top:solid 1vw #6F6E6D}.button:active::before,.button_diap:active::before{border:solid .25vw #fff0;border-right:solid .25vw #2C2C2C;border-left-width:0;left:-.25vw}.button_diap:active::before{border-right:solid .25vw #6F6E6D}.button:active::after,.button_diap:active::after{border:solid .25vw #fff0;border-top:solid .25vw #2C2C2C;border-bottom-width:0;bottom:-.25vw}.button_diap:active::after{border-top:solid .25vw #6F6E6D}input[type="email"]{width:100%;height:40%;padding:1.25vw 1vw;margin:.25vw 0 0 0;border:.25vw dotted #000;border-top:none;background-color:#B9B8B6;font-size:4vw}input[type="email"]:focus{border-color:none;box-shadow:none}@media screen and (max-width:1260px){.button,.button_diap{margin:0 0 4vw 2vw;padding:2vw 5vw 2.5vw;box-shadow:-2vw 2vw 0 #2C2C2C;outline:none}.button_diap{box-shadow:-2vw 2vw 0 #6F6E6D}}@media screen and (max-width:480px){.button,.button_diap{padding:4vw 5vw 4.5vw;margin-bottom:6vw}}}@media screen{.hamburger_base{position:absolute;top:0;right:0;width:4vw;height:4vw;margin:2vw 2.25vw 0 0;z-index:10000}.patty_top,.patty_middle,.patty_bottom{width:100%;height:.75vw;margin-bottom:.6vw;background-color:#000;transition:all .2s ease-in-out}.hamburger_base:hover .patty_top,.hamburger_base:hover .patty_middle,.hamburger_base:hover .patty_bottom{margin:0 auto .3vw}.hamburger_base:hover .patty_top{border-radius:1vw 1vw 0 0;width:90%;height:1vw}.hamburger_base:hover .patty_middle{border-radius:.45vw;height:1vw}.hamburger_base:hover .patty_bottom{border-radius:0 0 .6vw .6vw;width:90%}.cheese{border-width:0vw 0vw 0 0vw;transition:all 1s ease-in-out}.hamburger_base:hover .cheese{position:absolute;left:.65vw;display:inline-block;width:0;height:0;border-style:solid;border-width:.6vw .7vw 0 .7vw;border-color:#B9B8B6 #fff0 #fff0 #fff0;animation-delay:.75s}.menu-btn{display:none}.menu-btn:checked~.menu-icon .hamburger_base{margin:3.65vw 2.1vw 0 0}.menu-btn:checked~.menu-icon .patty_top,.menu-btn:checked~.menu-icon .patty_middle,.menu-btn:checked~.menu-icon .patty_bottom{background-color:#B9B8B6;transition:all 0.5s ease-in-out}.menu-btn:checked~.menu-icon .patty_top{transform:rotate(-45deg)}.menu-btn:checked~.menu-icon .patty_middle{display:none}.menu-btn:checked~.menu-icon .patty_bottom{transform:rotate(45deg);margin-top:-1.35vw}.menu-btn:checked~.menu-icon .cheese{display:none}.menu-btn:checked~.menu-icon .hamburger_base:hover .patty_top,.menu-btn:checked~.menu-icon .hamburger_base:hover .patty_bottom{transform:revert;display:revert;border-radius:0 0 0 0;width:100%;height:.7vw}.menu-btn:checked~.menu-icon .hamburger_base:hover .patty_bottom{margin-top:-1vw}.menu-btn:checked~.menu-outer .menu{position:absolute;margin:1vw 1vw 1vw;max-height:100%;min-width:calc(100% - 2vw);padding:.25vw .85vw;z-index:9999}.menu-btn:checked~.menu-outer{max-height:75vh}.menu-outer{clear:both;overflow-x:auto;max-height:0}ul{margin:0;padding:0;list-style:none;overflow:hidden;background-color:#000}li.menu-item{margin:.5vw 0}li a h2,li.short a h2,li.active h2{display:block;color:#B9B8B6;padding:.65vw 1vw .95vw;text-decoration:none}li:first-child{width:calc(100% - 5.25vw)}li a h2:hover,li.current-menu-item{background-color:#B9B8B6;color:#000}li.current-menu-item h2{color:#000}li.current-menu-item{background-color:#F60}li:focus,.hq-nav li:focus{outline:none}@media screen and (max-width:480px){.hamburger_base{width:8vw;margin:4vw 3vw 0 0}.patty_top,.patty_middle,.patty_bottom{height:1.5vw;margin-bottom:1.25vw}.patty_top{margin-bottom:1vw}.hamburger_base:hover .patty_top,.hamburger_base:hover .patty_middle,.hamburger_base:hover .patty_bottom{margin:0 auto .8vw}.hamburger_base:hover .patty_top{border-radius:2vw 2vw 0 0;width:90%;height:2vw}.hamburger_base:hover .patty_middle{border-radius:.9vw;height:2vw}.hamburger_base:hover .patty_bottom{border-radius:0 0 1.2vw 1.2vw;width:90%}.hamburger_base:hover .cheese{left:1.3vw;border-width:1.2vw 1.4vw 0 1.4vw}.menu-btn:checked~.menu-icon .hamburger_base{margin:10vw 5.45vw 0 0}.menu-btn:checked~.menu-icon .patty_top{transform:rotate(-45deg)}.menu-btn:checked~.menu-icon .patty_bottom{transform:rotate(45deg);margin-top:-2.55vw}.menu-btn:checked~.menu-icon .hamburger_base:hover .patty_top,.menu-btn:checked~.menu-icon .hamburger_base:hover .patty_bottom{height:1vw}.menu-btn:checked~.menu-outer .menu{margin:3vw 3vw 3vw;min-width:calc(100% - 6vw);padding:2vw 2.55vw}li.menu-item{margin:1vw 0}li.menu-item h2{font-size:400%}li a h2,li.short a h2,li.active h2{padding:1.5vw 2.5vw 1.8vw}li:first-child{width:calc(100% - 10vw)}}}@media screen{.footer{background-color:#000;color:#B9B8B6;width:100%;height:10vw;padding:2vw 2.25vw;bottom:0}@element 'footer'{$this:before{content:'© eval("new Date().getFullYear()")\ '}}}@media screen{.bd_head_page{overflow:hidden;display:-webkit-flex;display:flex;width:100%}.bd_head_page .col8{margin-top:-.5vw}.bd_head_page h1{overflow:hidden;margin-top:.15vw;margin-left:-.05em}.bd_head_page h5{font-size:70%;padding-bottom:.7vw}.bd_head_page #chinese,.bd_head_page #japanses,.bd_head_page #tamil{font-size:120%}.bd_head_page .col6,.bd_head_page .col4,.bd_head_page .col8{margin-bottom:0}.foot_left{position:relative;width:45%;top:0;float:left}.foot_right{position:relative;width:45%;top:0;float:right;text-align:right}.single-project img,.gallery img,.studio img{position:relative;width:100%;object-fit:cover;object-position:50% 50%}.studio img{height:32vw;margin-bottom:.5vw}.gallery .col4 img{height:90%}.gallery .col2 img{height:90%}.single-project .col4 img,.single-project .col8 img{height:100%}.id_logo .gallery{background-color:#000}.id_logo .gallery .col2{margin-bottom:0}.id_logo .gallery img{padding:15%;margin:5%}.id_logo .col3 img,.booksartwork img,.blackwhite,.workshopimg,.col12 img{height:auto;width:100%}.img_link:hover,.blackwhite,.workshopimg{mix-blend-mode:multiply;filter:brightness(100%) saturate(0%)}.workshopimg{height:15vw}.website_img,.studio_uiux img{height:auto;width:100%;border-radius:.35vw .35vw .25vw .25vw;background-color:#000;background-image:url(/site/wp-content/themes/bureaudonald/img/studio/uiux/browser_head.svg);background-repeat:no-repeat;background–position:top;background-size:contain;padding-top:.85vw;padding-bottom:.25vw;margin-bottom:1vw}.col4 .website_img{padding-top:1.15vw}.img_padding_top{padding-top:2vw;height:auto;width:100%}#ws .workshop_block{background:#000;padding:3vw 2.5vw 2vw;margin:1vw 0 2vw;width:100%;color:#B9B8B6;z-index:-100}.workshop_block p{margin-top:0vw}.fourofour{overflow:hidden;display:-webkit-flex;display:flex;width:100%;height:auto}.fourofour div{-webkit-flex:1;-ms-flex:1;flex:1;display:flex;justify-content:center;align-items:center;padding-top:1.5vw}.row>.fourofour div:last-child{margin-right:0}.fourofour_svg{width:100%}.fourofour_work{background-image:url(/site/wp-content/themes/bureaudonald/img/base/404/BD_404_work.svg);background-size:18vw;min-height:30vw;height:100%;margin-top:1.25vw}.fourofour_block{margin:2vw 0 0 2vw;padding:2vw 2vw 0vw;color:#B9B8B6;background-color:#000}.fourofour_block h2{padding-bottom:2vw}@media screen and (max-width:1260px){.bd_head_page h4{font-size:100%}}@media screen and (max-width:960px){.bd_head_page h4{font-size:95%}}@media screen and (max-width:640px){.foot_left{width:45%}.foot_right{width:54%}}@media screen and (max-width:480px){.bd_head_page{padding-bottom:.25vw}.bd_head_page h1{overflow:hidden;font-size:280%;margin-top:2vw}.fourofour_work{min-height:100%}.fourofour_work .col6{width:calc(100% - 2vw)}#ws .workshop_block{margin:1.5vw 0 0vw}.website_img,.col4 .website_img,.studio_uiux img{border-radius:1.25vw 1.25vw .75vw .75vw;padding-top:3.5vw;padding-bottom:1.25vw}}}@media screen{.bd_head_home{overflow:hidden;display:-webkit-flex;display:flex;width:100%}.bd_head_home h1{overflow:hidden;margin-left:-.05em}.bd_logo{height:100%;width:100%}.bd_logo img{position:absolute;left:0;bottom:0vw;width:100%;height:100%}.korean{overflow:hidden;display:-webkit-flex;display:flex;width:100%;height:auto}.korean div{-webkit-flex:1;-ms-flex:1;flex:1;display:flex;justify-content:center;align-items:center;border-bottom:.275vw solid #000;padding-top:1.5vw;padding-bottom:1.75vw}.row>.korean div:last-child{margin-right:0}.korean_svg{width:96%}.projects_thumb{padding:1vw 0 1.25vw}.thumb_graphic{display:block;justify-content:left;align-items:left;width:100%;height:10.7vw;margin-bottom:1.5vw}.thumb_content{position:relative;top:.2vw;width:100%;height:17.3vw;margin-bottom:.2vw}.bb_dot,.set_rec,.tdc_line_h,.tdc_line_v,.vlnl_bun{background-color:#000;display:inline-block}.bb_dot{height:5vw;width:5vw;margin:0 .25vw .35vw 0;border-radius:5vw}#bb:hover #dot_1,#bb:hover #dot_2,#bb:hover #dot_3,#bb:hover #dot_4,#bb:hover #dot_5,#bb:hover #dot_6,#bb:hover #dot_7,#bb:hover #dot_8,#bb:hover #dot_9{height:0vw;width:0vw;animation:dot 6.5s infinite;animation-delay:0s;animation-fill-mode:forwards}#bb:hover #dot_2{animation-delay:0.5s}#bb:hover #dot_6{animation-delay:1s}#bb:hover #dot_3{animation-delay:1.5s}#bb:hover #dot_7{animation-delay:2s}#bb:hover #dot_4{animation-delay:2.5s}#bb:hover #dot_8{animation-delay:3s}#bb:hover #dot_5{animation-delay:3.5s}#bb:hover #dot_9{animation-delay:4s}@keyframes dot{0%{background-color:#B9B8B6;height:5vw;width:5vw}10%{background-color:#B9B8B6;height:5vw;width:5vw}11%{background-color:#000;height:5vw;width:5vw}100%{background-color:#000;height:5vw;width:5vw}}.set_rec{height:10.35vw;width:24vw;border-radius:.5vw;margin-top:.075vw;transition:all 6s ease-in-out}#set:hover .set_rec{animation:rec_set 6s infinite;animation-direction:alternate-reverse}@keyframes rec_set{0%{width:24vw;height:10.35vw}50%{width:2vw;height:1.35vw}100%{width:24vw;height:10.35vw}}.tdc_line_box{position:relative;float:left;width:11vw;height:10vw;margin-right:1.25vw;margin-bottom:0}.tdc_line_h,.tdc_line_v{height:1.25vw;width:11vw;border-radius:.35vw;margin-bottom:7%}.tdc_line_v{height:10vw;width:1.25vw;margin-right:.4vw}#tdc:hover #tdc_h_1,#tdc:hover #tdc_h_3,#tdc:hover #tdc_h_5{animation:line_left 4s infinite}#tdc:hover #tdc_h_2,#tdc:hover #tdc_h_4{animation:line_right 4s infinite}#tdc:hover #tdc_v_1,#tdc:hover #tdc_v_3,#tdc:hover #tdc_v_5{animation:line_bottom 4s infinite}#tdc:hover #tdc_v_2,#tdc:hover #tdc_v_4{animation:line_top 4s infinite}@keyframes line_left{0%{width:11vw}50%{width:1vw}100%{width:11vw}}@keyframes line_right{0%{right:0;width:1vw}50%{width:11vw}100%{width:1vw}}@keyframes line_top{0%{height:10vw}50%{height:1.25vw}100%{height:10vw}}@keyframes line_bottom{0%{height:1.25vw}50%{height:10vw}100%{height:1.25vw}}.vlnl_bun_row_1{margin:0vw 0 .5vw 0}.vlnl_bun_row_2{margin:0vw 0 0vw 0}.vlnl_bun{height:5vw;width:10vw;margin:-.25vw .25vw 0vw 0;border-radius:10vw 10vw 0 0}#vlnl:hover #bun_2_a,#vlnl:hover #bun_2_b{animation:bun_2 12s infinite}@keyframes bun_2{0%{transform:rotate(0deg)}25%{transform:rotate(180deg);border-radius:10vw 10vw 0 0}50%{transform:rotate(180deg);border-radius:0 0 10vw 10vw}100%{transform:rotate(180deg);border-radius:0 0 10vw 10vw}}#vlnl:hover #bun_1_a,#vlnl:hover #bun_1_b{animation:bun_1 12s infinite;animation-delay:5s;animation-fill-mode:forwards}@keyframes bun_1{0%{transform:rotate(0deg)}25%{transform:rotate(180deg);border-radius:10vw 10vw 0 0}50%{transform:rotate(180deg);border-radius:0 0 10vw 10vw}100%{transform:rotate(180deg);border-radius:0 0 10vw 10vw}}.projects_thumb,.korean div{border-bottom:.275vw solid #000}@media screen and (max-width:800px){.home_projects .row{padding-top:0vw}.home_projects .row>.col4:first-child{margin-top:0vw}.projects_thumb{padding:1vw 0 0 0vw;min-height:30vw}.projects_thumb h1{width:50%}.projects_thumb h3{font-size:180%;line-height:100%;width:100%}.thumb_graphic{float:left;position:relative;left:0;width:33%}.thumb_content{float:right;top:-1vw;bottom:0;left:0;width:66%}.nav_block{margin-top:-.25vw;padding:2vw;width:100%;height:auto}.tdc_line_h{margin-bottom:.9vw;display:block}}@media screen and (max-width:480px){.bd_head_home h4{font-size:165%}.bd_head_home h1{font-size:250%}.bd_logo img{width:106.5%;height:auto;margin-left:-5vw}.projects_thumb,.korean .col4{border-bottom:.5vw solid #000}.thumb_content .XXL{font-size:900%}}}@media screen{.cloud{width:15%;height:15%;margin:0;padding:3vw 0 2vw}.postit{margin-top:1vw}.postit div div{aspect-ratio:1/ .9;margin:0 .65vw .85vw 0;padding:.8vw 1.25vw .5vw;border:.2vw solid #000;-webkit-box-shadow:.35vw .35vw 0 0 rgb(0 0 0);-moz-box-shadow:.35vw .35vw 0 0 rgb(0 0 0);box-shadow:.35vw .35vw 0 0 rgb(0 0 0)}#sticky{position:absolute;z-index:9}#stickyheader{padding:10px;cursor:move;z-index:10;background-color:#2196F3;color:#fff}@media screen and (max-width:1280px){.postit div div{border:.3vw solid #000}.postit .row>div.col4:nth-child(6n){margin-right:0}}@media screen and (max-width:800px){.postit{margin-top:0vw}.postit div div{border:.6vw solid #000;margin-bottom:2vw;padding:2.5vw 3vw;width:calc(100% - 1vw);box-shadow:1vw 1vw 0 0 #000}.postit h1{font-size:730%}.postit h2{font-size:530%}}}@media screen{.project_page .XXL{margin-left:0em;margin-top:-.6vw}.project_intro_row{padding:1.5vw 0 0vw;width:fit-content}.project_intro_row .col4{position:relative;height:42vw}.project_intro_subtitle{margin-top:-.5vw}.project_intro_collab{border-top:.15vw solid #000;width:90%}.project_intro_collab h6{padding-bottom:.5vw}.project_intro_row .project_intro_code .XXL{font-size:450%;padding-bottom:.1em}.project_intro_row .project_intro_title h1{line-height:85%;padding-bottom:.175em}.project_intro_row .project_intro_subtitle h4{line-height:95%;padding-bottom:1.1vw}.project_intro_row .project_intro_collab{padding-top:.75vw}.project_intro_row .project_intro_collab h4{padding-top:0vw}.project_intro_row .project_intro_collab h4.link{padding-top:.5vw;margin-left:.075vw}.project_intro_row .project_intro_bottom{position:absolute;bottom:0}.project_logo{background-color:#000;width:auto;height:40vw;display:flex;justify-content:center;align-items:center}.project_intro_title{padding-top:1vw}.project_intro_title,.project_intro_collab{border-top:.2vw dotted #000;width:90%}.vlnl_logo{filter:invert(0%) sepia(3%) saturate(1%) hue-rotate(81deg) brightness(83%) contrast(100%)}@media screen and (max-width:1260px){.project_intro_title,.project_intro_collab{width:100%}}@media screen and (max-width:960px){.project_intro_row h4{font-size:95%}}@media screen and (max-width:640px){.project_intro_row .col4{position:relative;width:49%;height:auto;padding-right:2vw;margin-bottom:0vw}.project_intro_row .col8{position:relative;height:auto;width:49%}.project_intro_top{width:calc(100%-5vw);padding-top:1vw}.project_intro_title,.project_intro_collab{border-top:.5vw dotted #000;width:calc(100%-5vw)}.project_intro_title{padding-top:0vw}.project_intro_row .project_intro_code .XXL{font-size:600%;padding-bottom:1vw}.project_intro_title h2{font-size:260%}.project_intro_subtitle h4,.project_intro_collab h4{font-size:160%}.project_intro_collab h6{font-size:120%;padding-top:.75vw}.project_logo{height:34.5vw}.project_intro_row .project_intro_bottom{position:relative;padding-top:2vw;width:210%}.project_page h1{padding-bottom:1vw}.project_page .col4{margin-bottom:0vw}.vlnl_logo{padding-top:2vw;padding-bottom:0vw}.project_page .mobile_div{margin-top:0vw;margin-bottom:4vw}}}@media screen{.studio .row{padding-top:0vw}.studio_header{padding:1vw 0 0 0}.studio_header .XXL{padding-top:1vw;margin-left:-.1em}.studio{margin-bottom:1.5vw}.studioprojects .row{margin-bottom:.5vw;padding-bottom:0vw;border-bottom:.15vw solid #000}.studioprojects h3{margin-bottom:3vw}.studio_header .col4{margin-top:.5%;margin-bottom:0vw;padding-right:2vw}#box{position:absolute;overflow:hidden;top:-12.5vw;animation:move 20s infinite;transform:translateY(0)}@keyframes move{0%,100%{transform:translateY(0)}50%{transform:translateY(33vw)}}.folder{position:relative;width:100%;height:21vw;background-image:url(/site/wp-content/themes/bureaudonald/img/studio/page/folder/close.svg);background-repeat:no-repeat;background-size:contain;margin-top:1vw;padding-left:1.75vw}.folder:hover{background-image:url(/site/wp-content/themes/bureaudonald/img/studio/page/folder/open.svg)}.folder h2{position:absolute;bottom:1.25vw;word-break:break-all}.studio_intro_top{padding-top:1vw;padding-bottom:.75vw}.studio_intro_top p{margin-top:.5vw}.studio_overview img{position:relative;width:100%;height:32vw;object-fit:cover;object-position:50% 50%}.studio_overview .caption{margin-bottom:1%;width:80%}.archived_header h5{padding-top:.5vw;padding-bottom:0}.imfeelinglucky{padding:5vw 10vw}@media screen and (max-width:1260px){.folder{background-position:left;height:28vw;padding-left:4.5%;margin-bottom:1vw}.studio_logo{height:27vw;width:80%;margin-left:5%}.studio_header .col4{margin-top:.75vw}.studio_header .col4 p{margin-right:2vw}}@media screen and (max-width:960px){img{margin-bottom:.5vw}}@media screen and (min-width:800px){.folder{height:21vw;margin-bottom:0vw}.folder h2{font-size:170%}}@media screen and (max-width:800px){.folder{height:65vw;padding-left:4vw;margin-left:0;background-position:center}.row>.col4:first-child{margin-top:4vw}.gallery>.col4:first-child{margin-top:0vw}.folder h2{font-size:540%;bottom:3vw}.studio_overview img{height:56vw}.studio_header .col4 p{margin-right:2vw;margin-bottom:1.5vw}}@media screen and (max-width:640px){.studio_header{padding:2vw 0 0 0}.studio_header p{font-size:}}@media screen and (max-width:480px){.studio h1{margin-bottom:2vw}.folder{margin-bottom:3vw}.studio_header .XXL{font-size:630%;padding-top:0vw}.studio_header .col4{margin-bottom:1.25vw}.studio .col4{margin-bottom:-.95vw}.mobile_div{margin-top:2vw;margin-bottom:4vw}.studioprojects div{height:10vw}.studioprojects .col12{padding-top:2vw;height:2vw}.studioprojects .row{margin-bottom:.5vw;padding-bottom:0vw;border-bottom:none}.studioprojects h2{font-size:240%;margin-bottom:-10vw}.studioprojects h3,.studio_uiux h3{margin-bottom:inherit;font-size:325%}.studio_uiux h3{padding-bottom:0}.studioprojects h5,.studioprojects p{display:none}.id_logo .col3,.single-studio .col4,.single_studio .col8,.studio_uiux .col3,.studio_uiux .col12{margin-bottom:0}.id_logo .gallery img{margin:0}.booksartwork h6{margin-top:2.5vw}}}@media screen{.call div{background-color:#000;margin:.95vw 0;padding:0 .5vw}.call h3,.call a{color:#B9B8B6}.phonenr{font-size:150%}.clocks,.subscribe{padding-top:1vw}.clocks p{margin-bottom:.95vw}.subscribe .col12,.subscribe h1{padding-bottom:0}.subscribe{padding-top:2vw}.response{font-size:50%;line-height:110%;margin-top:.5vw;padding:.4vw .6vw .6vw;background-color:#000;color:#B9B8B6}.addressbook{margin-top:2vw}.address{display:flex;padding-bottom:1vw}.left{flex:1;display:flex}.left::after{content:'';border-bottom:.2vw dotted #000;flex:1;margin:0 .25vw}.left h2,.right h4{padding-bottom:0}.right h4{line-height:3vw}.address a,.address a:hover{background:inherit;color:inherit;padding:0;margin:0;border:inherit;-webkit-box-shadow:0vw 0vw 0 0;-moz-box-shadow:0vw 0vw 0 0;box-shadow:0vw 0vw 0 0}.address a:hover{padding-bottom:.15vw;border-bottom:.25vw solid #000}.network{margin-top:2vw}.network .col4{margin-bottom:2vw}.network h3,.network h5{padding-bottom:.65vw}.network a h3:hover{text-decoration:#000 underline;text-decoration-thickness:.25vw}@media screen and (max-width:960px){.left::after{border-bottom:.35vw dotted #000}.address a:hover{padding-bottom:.2vw;border-bottom:.3vw solid #000}}@media screen and (max-width:480px){.call div{margin:2vw 0;padding:0 1.5vw}.call h3,.clocks p{font-size:180%;line-height:160%}.clocks .col4{margin-top:2vw!important;margin-bottom:4vw}.clocks h4{font-size:210%}.clocks h4 a{padding:.25vw 1.5vw .75vw}.clocks canvas{margin-bottom:-3vw}.addressbook h1,.network h1{padding-bottom:0em}.address{padding-bottom:2vw}.address h2{font-size:220%}.address h4{font-size:140%}.network .row>.col4:first-child{margin-top:0vw}.network .col4{margin-bottom:4vw}.network h5{font-size:150%}.network h3{font-size:220%;line-height:125%}}}@media screen{.sociallinks ul{all:revert;max-width:100%;border-top:1.25vw #000 solid;list-style-type:none;margin:0vw 4.25vw 6vw;padding:0 0}.sociallinks li{all:revert;margin:0;padding:.65vw .75vw .75vw;border:2px solid #000;border-top:none}.sociallinks a h2{font-size:4.25vw}.sociallinks a h2,.sociallinks a:hover{text-decoration:none;color:#000}.sociallinks li:hover,.sociallinks a h2:hover{background-color:#FF7900}}@media screen{.liketype{height:56vw;width:auto}.liketype_content{width:100%;height:90%;position:absolute;left:0;top:2vw;z-index:10}.row_1,.row_2{width:100%;clear:both}.row_1{height:42%;z-index:20}.row_2{height:55%;margin-top:2%;z-index:20}.row_1_letter,.row_2_letter{position:relative;float:left;height:100%;margin:0 1.5% 0 0}.row_1_letter{width:17.5%}.row_2_letter{width:23.5%;margin:0 2% 0 0}.letter_last{float:right;margin:0}.letter_space{margin:0 6% 0 0}.hor_top_bar,.hor_center_bar,.hor_bottom_bar,.hor_center_rotate_left_bar,.hor_center_rotate_right_bar,.hor_top_extra_bar{position:absolute;width:100%;height:20%;background-color:#111;mix-blend-mode:multiply;z-indez:100}.row_1 .hor_top_bar,.row_1 .hor_center_bar,.row_1 .hor_bottom_bar,.row_1 .hor_center_rotate_left_bar,.row_1 .hor_center_rotate_right_bar{height:24%}.ver_left_bar,.ver_center_bar,.ver_right_bar,.ver_left_halftop_bar,.ver_center_halftop_bar,.ver_right_halftop_bar,.ver_left_halfbottom_bar,.ver_center_halfbottom_bar,.ver_right_halfbottom_bar,.ver_onethirdtop_bar,.ver_twothirdtop_bar,.ver_onethirdbottom_bar,.ver_twothirdbottom_bar,.ver_left_extra_bar{position:absolute;width:30%;height:100%;background-color:#111;mix-blend-mode:multiply;z-indez:200}.row_1 .ver_left_bar,.row_1 .ver_center_bar,.row_1 .ver_right_bar,.row_1 .ver_left_halftop_bar,.row_1 .ver_center_halftop_bar,.row_1 .ver_right_halftop_bar,.row_1 .ver_left_halfbottom_bar,.row_1 .ver_center_halfbottom_bar,.row_1 .ver_right_halfbottom_bar,.row_1 .ver_onethirdtop_bar,.row_1 .ver_twothirdtop_bar,.row_1 .ver_onethirdbottom_bar,.row_1 .ver_twothirdbottom_bar{width:33%}.ver_left_halftop_bar,.ver_center_halftop_bar,.ver_right_halftop_bar,.ver_left_halfbottom_bar,.ver_center_halfbottom_bar,.ver_right_halfbottom_bar,.ver_onethirdtop_bar,.ver_twothirdtop_bar,.ver_onethirdbottom_bar,.ver_twothirdbottom_bar{height:60%}.row_1 .ver_left_halftop_bar,.row_1 .ver_center_halftop_bar,.row_1 .ver_right_halftop_bar,.row_1 .ver_left_halfbottom_bar,.row_1 .ver_center_halfbottom_bar,.row_1 .ver_right_halfbottom_bar,.row_1 .ver_onethirdtop_bar,.row_1 .ver_twothirdtop_bar,.row_1 .ver_onethirdbottom_bar,.row_1 .ver_twothirdbottom_bar{height:62%}.hor_top_bar{left:0;top:0}.hor_top_extra_bar{left:0;top:0}.hor_center_bar,.hor_center_rotate_left_bar,.hor_center_rotate_right_bar{left:0;top:40%}.row_1 .hor_center_bar,.row_1 .hor_center_rotate_left_bar,.row_1 .hor_center_rotate_right_bar{left:0;top:37.5%}.hor_bottom_bar{left:0;bottom:0}.ver_left_bar,.ver_left_halftop_bar{left:0;top:0}.ver_left_extra_bar{left:35%;top:0}.ver_center_bar,.ver_center_halftop_bar{left:35%;top:0}.row_1 .ver_center_bar,.row_1 .ver_center_halftop_bar{left:32%;top:0}.ver_right_bar,.ver_right_halftop_bar{right:0;top:0}.ver_left_halfbottom_bar{left:0;bottom:0}.ver_center_halfbottom_bar{left:35%;bottom:0}.ver_right_halfbottom_bar{right:0;bottom:0}.ver_onethirdtop_bar{left:17.25%;top:0}.ver_twothirdtop_bar{left:52.25%;top:0}.ver_onethirdbottom_bar{left:17.25%;bottom:0}.ver_twothirdbottom_bar{left:52.25%;bottom:0}.hor_center_rotate_right_bar{top:50%;-ms-transform:rotate(-10deg);-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}#K .hor_center_bar{width:75%}#K .ver_twothirdtop_bar{-ms-transform:rotate(25deg);-webkit-transform:rotate(25deg);transform:rotate(25deg)}#K .ver_twothirdbottom_bar{-ms-transform:rotate(-25deg);-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}#I1 .ver_center_bar,#I2 .hor_top_bar,#I2 .hor_bottom_bar,#E1 .ver_left_bar,#L .ver_left_bar,#L .ver_right_halfbottom_bar,#K .ver_left_bar,#K .ver_twothirdtop_bar,#K .ver_twothirdbottom_bar{-ms-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}#I1:hover .ver_center_bar{left:0;width:100%}#L .ver_left_bar{top:initial;bottom:0}#L:hover .ver_left_bar{height:61.5%}#L:hover .ver_right_halfbottom_bar{height:100%}#I2:hover .hor_top_bar,#I2:hover .hor_bottom_bar{height:50%}#K:hover .ver_left_bar{top:37.5%;height:24%}#K:hover .ver_twothirdtop_bar{-ms-transform:rotate(-33deg);-webkit-transform:rotate(-33deg);transform:rotate(-33deg)}#K:hover .ver_twothirdbottom_bar{-ms-transform:rotate(33deg);-webkit-transform:rotate(33deg);transform:rotate(33deg)}#E1:hover .ver_left_bar{width:66%}#T .ver_left_halftop_bar,#T .ver_right_halftop_bar{height:0%;-ms-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}#T:hover .ver_left_halftop_bar,#T:hover .ver_right_halftop_bar{height:100%}#Y .ver_left_halftop_bar,#Y .ver_right_halftop_bar,#Y .ver_center_halfbottom_bar{-ms-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}#Y:hover .ver_left_halftop_bar,#Y:hover .ver_right_halftop_bar,#Y:hover .ver_center_halfbottom_bar{height:100%}#P .hor_top_bar,#P .hor_center_rotate_right_bar{-moz-transition:all 0.5s ease-in-out}#P:hover .hor_top_bar{height:58%}#P:hover .hor_center_rotate_right_bar{top:40%;-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}#E2 .ver_center_bar{top:initial;bottom:0}#E2 .ver_center_bar,#E2 .ver_right_bar{height:0%;-ms-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}#E2:hover .ver_center_bar,#E2:hover .ver_right_bar{height:100%}}@media screen{.workbody{position:relative;width:100%;height:50vw;padding:1vw 0 0;display:inline-block}.letter{position:relative;float:left;width:calc(25% - 0.05em);height:100%;margin-right:.05em;background-color:#B9B8B6}.K{width:25%;margin-right:0}.let_top,.let_center1,.let_center2,.let_bottom,.let_left,.let_right,.let_left_half_top,.let_left_half_bottom,.let_right_half_top,.let_right_half_bottom,.let_left_third_half,.let_center_third_half,.let_right_third_half{position:absolute;background-color:#000;padding:0;margin:0;-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em}.let_top,.let_center1,.let_center2,.let_bottom{width:100%;height:25%;top:0;left:0;z-index:10}.let_center1{top:37.5%;height:25%;width:75%}.let_center2{top:35%;height:30%;width:75%;z-index:11}.let_bottom{top:75%;z-index:12}.let_left,.let_right,.let_left_half_top,.let_left_half_bottom{float:left;height:100%;width:calc(50% - 1px);top:0;left:0;z-index:20}.let_right,.let_right_half_top,.let_right_half_bottom{float:right;left:50%;width:50%;z-index:21}.let_left_half_top,.let_right_half_top{height:calc(50% - 1px);z-index:22}.let_left_half_bottom,.let_right_half_bottom{height:50%;top:50%;z-index:23}.let_left_third_half,.let_center_third_half,.let_right_third_half{width:33%;height:60%;top:0;left:0;z-index:24}.let_center_third_half{width:34%;left:33%;z-index:25}.let_right_third_half{float:right;left:inherit;right:0;z-index:26}.let_left_third_half,.let_right_third_half{width:calc(33% - 1px)}.move_center_W,.move_top_O,.move_bottom_O,.move_top_R,.move_center_R,.move_center_K{animation-duration:5.0s;animation-name:changeheightcenter_W;animation-iteration-count:infinite;animation-direction:alternate}.move_top_O{animation-duration:4.0s;animation-name:changeheighttop_O}.move_bottom_O{animation-duration:4.0s;animation-name:changeheightbottom_O}.move_top_R{animation-duration:6.0s;animation-name:changeheighttop_R}.move_center_R{animation-duration:6.0s;animation-name:changeheightcenter_R}.move_center_K{animation-duration:8.0s;animation-name:changeheightcenter_K}@keyframes changeheightcenter_W{from{top:37.5%;height:25%}to{top:32.5%;height:45%}}@keyframes changeheighttop_O{from{height:20%}to{height:30%}}@keyframes changeheightbottom_O{from{height:30%;top:70%}to{height:20%;top:80%}}@keyframes changeheighttop_R{from{height:15%}to{height:30%}}@keyframes changeheightcenter_R{from{height:22.5%;width:70%;top:42.5%}to{height:35%;width:80%;top:37.5%}}@keyframes changeheightcenter_K{from{top:40%;height:20%;width:75%}to{top:20%;height:60%;width:85%}}@media screen and (max-width:768px) and (orientation:portrait){.workshops .col12{margin-bottom:.5vw}.workbody{width:100%;height:120vw;padding-top:2vw}.letter{height:calc(50% - 1px)}.W,.R{width:calc(50% - 1px);margin-right:1px}.O,.K{width:50%;margin-right:0}.W,.O{margin-bottom:1px}}}@media screen{.sketch{height:45vw}.sketch_content{width:100%;height:42vw;position:absolute;left:0;top:2vw;z-index:10}#sketchcanvas{display:block;height:100vh;cursor:crosshair;cursor:url(/site/wp-content/themes/bureaudonald/img/studio/draw/sketch_pencil_cursor.cur) 5 79,crosshair;background-color:#B9B8B6;border:.25vw solid #000}.window_header{clear:both;width:100%;height:30px;border:none;background-color:#000}.window_header_lines{position:absolute;width:100%;padding:7px 8px 0;z-index:1000}.lines{background-color:#B9B8B6;height:2px;border-bottom:1px solid #6F6E6D;margin-bottom:2px}.box{position:absolute;background-color:#000;left:20px;margin-top:6px;height:24px;width:28px;float:left;clear:right;z-index:1100}.box_btn{border:2px solid #B9B8B6;height:22px;width:22px;margin:1px 2px 0 3px}.window_title{position:relative;width:100%;display:table;z-index:1200}.window_title p{background-color:#000;color:#B9B8B6;width:max-content;font-size:20px;line-height:normal;margin:auto;padding:4px 1vw}@media screen and (max-width:1480px){.sketch{height:46vw}#sketchcanvas{height:40vh;border:.3vw solid #000}.window_title p{font-size:18px}.box{margin-top:4px}.window_header_lines{padding-top:6px}}@media screen and (max-width:720px){.sketch{height:48vw}}@media screen and (max-width:480px){.sketch{height:50vw}#sketchcanvas{height:40vh;border:.5vw solid #000}.window_title p{font-size:15px;padding:4px 2vw}.box{margin-top:4px}.window_header_lines{padding-top:5px}}}