/*!
Emma Bull bespoke website 2022
Author: Andrew Armanios, http://www.armanios.co.uk
Version: 5.0.0
*/*{margin:0;padding:0;outline:0}body{font-size:100%}a:active,a:hover{outline:0}a img{border:none}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}table{border-collapse:collapse;border-spacing:0}input,option,select,textarea{-webkit-appearance:none;border-radius:0;border:none}input[type=radio]{-webkit-appearance:radio}input[type=checkbox]{-webkit-appearance:checkbox}:root{--max_content_width:750px;--graphic_width:122px}@media only screen and (min-width:701px){:root{--graphic_width:140px}}@media only screen and (min-width:1201px){:root{--graphic_width:182px}}@media only screen and (min-width:1801px){:root{--max_content_width:1570px;--graphic_width:328px}}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{overflow-x:hidden;background:#777}body{max-height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory}p{max-width:var(--max_content_width);margin:15px auto 0;font-family:atten-new,sans-serif;font-size:1.125rem;line-height:1.375rem;font-weight:400;font-style:normal;letter-spacing:.04em;text-align:center;color:#212121}@media only screen and (min-width:1801px){p{font-size:1.625rem;line-height:2rem}}a{text-decoration:none;-webkit-transition-duration:.4s;-moz-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s}a:after,a:before{-webkit-transition-duration:.4s;-moz-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s}img{max-width:100%}.sec{width:100%;min-height:100vh;padding:50px 30px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}@media only screen and (min-width:701px){.sec{padding:80px 125px}}@media only screen and (min-width:1201px){.sec{padding:100px 130px}}@media only screen and (min-width:1801px){.sec{padding:150px 250px}}#h1_desc,#h1_strap,#h1_title,#work_list li:nth-child(even),#work_list li:nth-child(odd),.l_facing,.r_facing{width:50%;display:block;box-sizing:border-box}#h1_desc,#h1_strap,#work_list li:nth-child(even),.r_facing{padding-left:5px;margin-left:50%}#h1_title,#work_list li:nth-child(odd),.l_facing{padding-right:5px;text-align:right}@media only screen and (min-width:701px){#contact_agent,.btn_contact,.l_facing_mobile_normal,.r_facing_mobile_normal{width:50%;display:block;box-sizing:border-box}}@media only screen and (min-width:701px){#contact_agent,.r_facing_mobile_normal{padding-left:5px;margin-left:50%}}@media only screen and (min-width:701px){.btn_contact,.l_facing_mobile_normal{padding-right:5px;text-align:right}}#sec_logo{width:100%;min-height:100vh;padding:30px;box-sizing:border-box;display:grid;place-items:center;background:#000;transition:width .4s ease,background .2s ease;z-index:99}#sec_logo img{width:85px;display:block;transition:width .4s ease}@media only screen and (min-width:701px){#sec_logo{width:100px;padding:0;position:fixed;top:0;left:0;background:0 0}#sec_logo img{width:47px}}@media only screen and (min-width:1201px){#sec_logo{width:120px}#sec_logo img{width:65px}}@media only screen and (min-width:1801px){#sec_logo{width:245px}#sec_logo img{width:100px}}#sec_gifs{background:#000}@media only screen and (min-width:701px){#sec_gifs{padding-right:75px;padding-left:125px}}@media only screen and (min-width:1201px){#sec_gifs{padding-right:80px;padding-left:165px}}@media only screen and (min-width:1801px){#sec_gifs{padding-right:145px;padding-left:320px}}#grd_gifs{max-width:1500px;margin:0 auto;display:grid;gap:4px 6px}#grd_gifs img:nth-child(even){width:50%}#grd_gifs img:nth-child(4n+2){justify-self:end}@media only screen and (min-width:701px){#grd_gifs{grid-template-columns:repeat(2,calc((100% - 6px)/ 2));grid-template-rows:repeat(9,11%);grid-auto-flow:column}#grd_gifs img:nth-child(even){width:auto}#grd_gifs img:nth-child(4n+2){justify-self:auto}#grd_gifs img:nth-child(even):nth-child(-n+6){width:50%}#grd_gifs img:nth-child(4n+2):nth-child(-n+6){justify-self:end}#grd_gifs img:nth-child(odd):nth-child(-n+6){grid-row:span 2}#grd_gifs img:nth-child(even):nth-child(n+7){grid-row:span 2}#grd_gifs img:nth-child(odd):nth-child(n+7){width:50%}#grd_gifs img:nth-child(4n+9){justify-self:end}}@media only screen and (min-width:1201px){#grd_gifs{grid-template-columns:repeat(3,calc((100% - 12px)/ 3));grid-template-rows:repeat(6,16%)}#grd_gifs img:nth-child(even):nth-child(-n+6){width:auto}#grd_gifs img:nth-child(4n+2):nth-child(-n+6){justify-self:auto}#grd_gifs img:nth-child(odd):nth-child(-n+6){grid-row:auto}#grd_gifs img:nth-child(even):nth-child(n+7){grid-row:auto}#grd_gifs img:nth-child(odd):nth-child(n+7){width:auto}#grd_gifs img:nth-child(4n+9){justify-self:auto}#grd_gifs img:nth-child(even):nth-child(-n+4){width:50%}#grd_gifs img:nth-child(odd):nth-child(-n+4){grid-row:span 2}#grd_gifs img:nth-child(2n+5):nth-child(-n+8){width:50%}#grd_gifs img:nth-child(2n+6):nth-child(-n+8){grid-row:span 2}#grd_gifs img:nth-child(2n+9):nth-child(-n+12){grid-row:span 2}#grd_gifs img:nth-child(2n+10):nth-child(-n+12){width:50%}#grd_gifs img:nth-child(10),#grd_gifs img:nth-child(2),#grd_gifs img:nth-child(7){justify-self:end!important}}#head_main img{width:140px;margin:0 auto;display:block;transition:width .4s ease}@media only screen and (min-width:1201px){#head_main img{width:180px}}@media only screen and (min-width:1801px){#head_main img{width:330px}}h1{width:110%;margin:45px 0 50px -5%;font-family:atten-new,sans-serif;font-weight:500;font-style:normal;letter-spacing:.07em;text-transform:uppercase;transition:font-size .4s ease}h1::after{width:var(--graphic_width);margin:35px auto 0;content:url(gfx/EB-rule-graphic.svg);display:block;transition:width .4s ease}@media only screen and (min-width:701px){h1{width:100%;margin:50px 0 65px;letter-spacing:.09em}h1::after{margin-top:50px}}@media only screen and (min-width:1201px){h1{margin-bottom:50px}}@media only screen and (min-width:1801px){h1{margin:90px 0;letter-spacing:.12em}h1::after{margin-top:90px}}#h1_title{padding-right:2px;font-size:1rem;line-height:1.5625rem;color:#edb691;transition:inherit}@media only screen and (min-width:701px){#h1_title{padding-right:3px;font-size:1.125rem;line-height:1.5625rem}}@media only screen and (min-width:1201px){#h1_title{padding-right:5px;font-size:1.375rem;line-height:1.5625rem}}@media only screen and (min-width:1801px){#h1_title{font-size:2.3125rem;line-height:2.625rem;margin-bottom:5px}}#h1_desc,#h1_strap{padding-left:2px;font-size:.8125rem;line-height:1.125rem;color:#6aeac9;transition:inherit}@media only screen and (min-width:701px){#h1_desc,#h1_strap{padding-left:3px;font-size:.9375rem;line-height:1.5625rem}}@media only screen and (min-width:1201px){#h1_desc,#h1_strap{padding-left:5px;font-size:1rem;line-height:1.5625rem}}@media only screen and (min-width:1801px){#h1_desc,#h1_strap{font-size:1.625rem;line-height:1.9375rem}}#h1_desc{color:#f4b0f3}#sec_work{padding-top:100px;position:relative}#sec_work::before{width:var(--graphic_width);margin:auto;content:url(gfx/EB-rule-graphic.svg);display:block;position:absolute;top:35px;right:0;left:0;transition:width .4s ease}@media only screen and (min-width:701px){#sec_work{padding-top:80px}#sec_work::before{top:-10px}}@media only screen and (min-width:1201px){#sec_work{padding-top:100px}#sec_work::before{top:-12px}}@media only screen and (min-width:1801px){#sec_work{padding-top:150px}#sec_work::before{top:-22px}}#work_list{margin-top:55px;list-style:none;font-family:atten-new,sans-serif;font-size:.9375rem;line-height:1.125rem;font-weight:500;font-style:normal;letter-spacing:.07em;text-transform:uppercase;color:#edb691}#work_list li{margin-top:3px}#work_list li:nth-child(even){color:#6aeac9}@media only screen and (min-width:701px){#work_list{font-size:1rem;line-height:1.25rem}#work_list li{margin-top:5px}}@media only screen and (min-width:1801px){#work_list{margin-top:90px;font-size:1.625rem;line-height:2rem}#work_list li{margin-top:8px}}#sec_contact{position:relative;background:#000;z-index:999}#contact_logo{width:65px;margin:30px auto 105px}@media only screen and (min-width:701px){#contact_logo{margin:0 50% 135px auto;margin-right:50%;margin-bottom:135px;transform:translateX(-5px)}}@media only screen and (min-width:1201px){#contact_logo{margin-bottom:120px}}@media only screen and (min-width:1801px){#contact_logo{width:140px;margin-bottom:190px}}.btn_contact{margin-top:22px;display:block;font-family:atten-new,sans-serif;font-size:1rem;line-height:1.125rem;font-weight:500;font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:#edb691}.btn_contact:hover{color:#777}@media only screen and (min-width:701px){.btn_contact{margin-top:15px;font-size:.875rem;line-height:1.875rem;letter-spacing:.08em}}@media only screen and (min-width:1201px){.btn_contact{margin-top:20px}}@media only screen and (min-width:1801px){.btn_contact{margin-top:40px;font-size:1.25rem;line-height:2.8125rem;letter-spacing:.1em}}#btn_contact_insta{color:#6aeac9}#btn_contact_insta:hover{color:#777}#contact_agent{margin-bottom:50px}#contact_agent::after{width:var(--graphic_width);margin:90px auto 0;content:url(gfx/EB-rule-graphic.svg);display:block;transition:width .4s ease}#contact_agent h2{margin-bottom:10px;color:#f4b0f3;text-align:left}#contact_agent p{margin-top:0;font-size:1rem;line-height:1.375rem;letter-spacing:.1em;color:#fff;text-align:left}#contact_agent a{color:#fff}#contact_agent a:hover{color:#777}@media only screen and (min-width:701px){#contact_agent{margin-bottom:0}#contact_agent::after{margin:150px 0;transform:translateX(-50%)}#contact_agent h2{margin-bottom:0}#contact_agent p{margin-top:3px}}@media only screen and (min-width:1201px){#contact_agent::after{margin-top:135px}}@media only screen and (min-width:1801px){#contact_agent{margin-top:70px}#contact_agent::after{margin-top:230px}#contact_agent h2{margin-bottom:5px}#contact_agent p{font-size:1.25rem;line-height:1.6875rem;letter-spacing:.1em}}#btn_credit{display:block;position:absolute;bottom:20px;right:25px;font-family:atten-new,sans-serif;font-size:.75rem;line-height:.875rem;font-weight:500;font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:#777}#btn_credit:hover{color:#6aeac9}@media only screen and (min-width:701px){#btn_credit{bottom:25px;right:75px;color:#fff}}@media only screen and (min-width:1801px){#btn_credit{font-size:.9375rem;line-height:1.0625rem;bottom:45px;right:145px}}