@font-face{font-family:'GothamSSm';src:url("../../font/GothamSSm-Book.eot");src:local(GothamSSm Book),local(GothamSSm-Book),url("../../font/GothamSSm-Book.eot?#iefix") format("embedded-opentype"),url("../../font/GothamSSm-Book.woff2") format("woff2"),url("../../font/GothamSSm-Book.woff") format("woff"),url("../../font/GothamSSm-Book.ttf") format("truetype");font-weight:400;font-style:normal}
@font-face{font-family:'GothamSSm';src:url("../../font/GothamSSm-Medium.eot");src:local(GothamSSm Medium),local(GothamSSm-Medium),url("../../font/GothamSSm-Medium.eot?#iefix") format("embedded-opentype"),url("../../font/GothamSSm-Medium.woff2") format("woff2"),url("../../font/GothamSSm-Medium.woff") format("woff"),url("../../font/GothamSSm-Medium.ttf") format("truetype");font-weight:500;font-style:normal}
@font-face{font-family:'GothamSSm';src:url("../../font/GothamSSm-Bold.eot");src:local(GothamSSm Bold),local(GothamSSm-Bold),url("../../font/GothamSSm-Bold.eot?#iefix") format("embedded-opentype"),url("../../font/GothamSSm-Bold.woff2") format("woff2"),url("../../font/GothamSSm-Bold.woff") format("woff"),url("../../font/GothamSSm-Bold.ttf") format("truetype");font-weight:700;font-style:normal}
html,body{font-family:'GothamSSm',sans-serif;font-size:14px;line-height:21px;font-weight:400;color:#222;width:100%;background-color:rgba(245,245,245,1);padding:0;margin:0;letter-spacing:1px;box-sizing:border-box;font-variant-ligatures:common-ligatures;text-rendering:optimizeLegibility}
body{overflow-x:hidden;overflow-y:auto}
::selection{background-color:#e5bb28;color:#222;opacity:1!important}
ul,li{padding:0;margin:0;list-style-type:none}
a{text-decoration:none;color:#222}
a:hover{text-decoration:underline}
h1,h2,h3,h4{font-family:'GothamSSm',sans-serif}
h3{font-weight:400}
.main_menu{width:min(100vw,420px);background-color:#111;height:100vh;position:fixed;top:0;right:max(-100vw,-420px);margin:0;padding:0;z-index:9;transition:.3s;overflow-y:auto;overflow-x:hidden}
.main_menu .momentum{color:#fff;margin:22px 0 0 20px;padding:3px 5px 10px 0;float:left}
.main_menu .momentum .author,.main_nav .header .menu .top .milo .title{padding:0;float:left;color:#222;font-family:'GothamSSm',sans-serif}
.main_menu .momentum .author{font-size:12px;text-transform:none;line-height:21px;margin:0;font-weight:500;letter-spacing:0;color:#fff}
.manifesto{font-size:9px;float:left;clear:both;line-height:18px;font-weight:500;text-transform:uppercase;letter-spacing:2px;margin:0;padding:0;width:280px;color:#fff}
.manifesto span{text-transform:none}
.manifesto .supertitle{font-family:'Averia Serif Libre',cursive;font-weight:400;font-size:32px;line-height:32px;letter-spacing:-1px}
.navigation{float:left;display:block;clear:both;margin:0;padding:0 0 0 40px;width:420px;transition:.3s;box-sizing:border-box}
.navigation h4{float:left;display:block;clear:both;margin:0 0 0 -20px;padding:10px 0;width:100%;color:rgba(255,255,255,0.5);letter-spacing:8px;font-size:8px;text-transform:uppercase}
.navigation .portfolio{padding:8px 0;margin:0;float:left;clear:both;display:block;width:100%}
.navigation .portfolio ul{border-left:1px solid rgba(255,255,255,0.1);float:left;padding:0;margin:0;list-style-position:inside;counter-reset:item}
.navigation .portfolio ul li{padding:0;margin:0;line-height:30px;float:left;clear:both}
.navigation .portfolio ul li a{font-size:13px;color:rgba(255,255,255,0.3);font-weight:500;letter-spacing:0;padding:0 10px;margin:0;display:block;border:0;line-height:30px;text-decoration:none}
.navigation .portfolio ul li a.active,.portfolio ul li a:hover{color:rgba(255,255,255,1)}
.navigation .nav_section:first-child .portfolio ul li{line-height:38px;width:100%;display:block;padding:0;letter-spacing:0}
.navigation .nav_section:first-child .portfolio ul li a{line-height:38px;width:100%;font-size:14px;font-weight:500;padding:0 10px}
.navigation .nav_section:first-child .portfolio ul li a span{font-weight:400;font-size:10px;line-height:38px}
.s_menu{display:block;padding:10px 0 8px 5px;margin:0;float:left;clear:both;width:210px}
.s_menu ul{padding:0;margin:0}
.s_menu ul li{float:left;clear:both;padding:0;margin:0}
.s_menu ul li a{font-size:13px;color:#fff;font-weight:500;letter-spacing:0;padding:0 4px 0 5px;margin:0 0 0 -30px;display:block;border:0;line-height:30px;text-decoration:none;opacity:0.5}
.s_menu ul li.blog a{text-transform:none;opacity:0.5}
.s_menu ul li a.active,.s_menu ul li a:hover{opacity:1}
.navigation .nav_section{margin:5px 0;padding:0;float:left;clear:none;display:block;position:relative;width:calc(50% - 40px)}
.navigation .nav_section:first-child{width:calc(100% - 40px)}
.navigation .nav_section h3{font-size:8px;color:#fff;font-weight:700;letter-spacing:1px;padding:0;margin:4px 0;display:block;border:0;line-height:25px;text-transform:uppercase;transform:rotate(90deg);position:absolute;width:210px;top:105px;left:-120px}
.homepage_menu header .menu .portfolio ul li a:hover,.homepage_menu header .menu .projects ul li a:hover,.homepage_menu header .menu .s_menu ul li a:hover{color:#fff;background-color:#222}
.s_holder{display:block;padding:5px 0;margin:0 0 0 20px;float:left;clear:both;width:160px}
.s_holder ul li{float:left;margin:0 3px 0 0;padding:0;display:block;line-height:32px;height:32px}
.s_holder ul li a{float:left;margin:0;padding:0;display:block;line-height:32px;height:32px;width:32px;text-align:center;font-family:'Averia Serif Libre',cursive;font-size:14px;text-transform:none;text-decoration:none;color:#444;border:1px solid #444;transition:all 0.3s ease;border-radius:50%}
.s_holder ul li a:hover{color:#888;border:1px solid #888}
.navigation a{transition:all 1s ease}
.navigation a:hover{transition:all 0s ease}
aside aside{margin:10px 0 30px 0;float:left;clear:both;padding:10px 20px;width:180px;display:block}
aside aside p{padding:0;margin:0;font-size:9px;color:#fff;font-weight:400;text-transform:none;line-height:12px;letter-spacing:2px;float:left;clear:both;width:430px;display:block;opacity:0.5}
#grand_id{position:relative;width:100%}
.story_header{width:100%;height:100vh;margin:0;box-sizing:border-box;position:relative;background-attachment:fixed}
.grad{background-color:rgba(0,0,0,0.6);height:100%;width:100%}
header .intro{margin:0;padding:0 30px 60px 30px;width:100%;position:absolute;bottom:0px;box-sizing:border-box;text-align:left;perspective:1px;transform:translate(0,0);transition:all 0s ease}
header .intro .intro_footer{padding:0;width:100%;margin:0;text-align:center}
header .intro .intro_footer p.docs-title{font-family:'Averia Serif Libre',cursive;margin:0;padding:0 0 2px 0;font-size:11px;line-height:16px;box-sizing:border-box;font-weight:400;color:#fff;letter-spacing:0}
header .intro .nmbr{padding:0 0 10px 0;margin:0;line-height:26px;box-sizing:border-box}
header .intro .nmbr ul{padding:0;margin:0 auto;display:table;text-align:center}
header .intro .nmbr ul li{padding:2px 0 8px 0;margin:0;display:table-cell;border-bottom:1px solid rgba(255,255,255,0.2);text-align:center}
header .intro .nmbr ul li a{font-size:9px;padding:0;margin:0 1px 0 0;line-height:24px;width:24px;text-align:center;color:#fff;font-weight:500;float:left;background-color:#222;border-radius:50%;letter-spacing:0;transition:.3s;text-decoration:none}
header .intro .nmbr ul li a.active,header .intro .nmbr ul li a:hover{background-color:#fff;color:#222;transition:0s;text-decoration:none}
header .intro .name{font-family:'GothamSSm',sans-serif;font-size:9px;margin:0;padding:14px 0 2px 0;box-sizing:border-box;line-height:10px;font-weight:500;color:#fff;letter-spacing:0;width:100%;text-align:center}
header .intro h1{font-family:'Averia Serif Libre',cursive;margin:0;padding:0;box-sizing:border-box;font-size:min(9.5vw,49px);line-height:min(9.5vw,49px);font-weight:400;color:#fff;letter-spacing:-1px;position:relative;text-align:center}
header .intro p.hintro{margin:0 auto;padding:5px 0;font-size:11px;line-height:18px;font-weight:400;max-width:540px;color:#fff;position:relative;text-align:center;letter-spacing:0}
header .punch-it{position:fixed;z-index:8;top:71px;left:0;padding:3px 30px;margin:0;background-color:rgba(245,245,245,0.9);width:100%;height:36px;box-sizing:border-box;border-bottom:1px solid rgba(0,0,0,0.2);transition:.3s}
header .punch-it .intro_footer{display:none}
header .punch-it .intro_footer p.docs-title{display:none}
header .punch-it .nmbr{float:left;padding:0}
header .punch-it .nmbr ul li{padding:3px 0;margin:0;display:table-cell;border-bottom:0 none;border-top:0 none}
header .intro .nmbr ul li a{margin:0 1px 0 0;line-height:24px;width:24px}
header .punch-it .name{display:none}
header .punch-it h1{font-family:'Averia Serif Libre',cursive;margin:0;padding:0 0 0 8px;box-sizing:border-box;font-size:14px;line-height:30px;font-weight:700;color:#222;letter-spacing:0;float:left}
header .punch-it h1:before{content:"|";font-size:18px;line-height:24px;margin:0 8px 0 0;padding:0;font-weight:400}
header .punch-it p.hintro{display:none}
.video_container{margin:20px 0;padding:40px 0;width:100%;float:left;clear:both;background-color:#111}
#grand_id .milo{position:absolute;top:20px;left:30px;float:left;display:block;clear:both;z-index:1000;transition:all 0.5s ease}
#grand_id .milo .author,.milo .title,.milo h1{padding:0;float:left;font-family:'GothamSSm',sans-serif;text-align:left;color:#fff;font-size:12px}
#grand_id .milo .author{font-size:12px;text-transform:uppercase;line-height:30px;margin:0;font-weight:700;letter-spacing:0}
#grand_id .milo .author span{text-transform:none}
#grand_id .milo .adocs{font-family:'Averia Serif Libre',cursive;float:left;font-size:13px;font-weight:400;letter-spacing:0;text-transform:none;margin:0;padding:0 0 0 5px;overflow:hidden;position:relative;height:30px;line-height:30px}
.root .first-title{position:absolute;top:50%}
h1.root-title{font-family:'Averia Serif Libre',cursive;margin:0;padding:0 18px;box-sizing:border-box;font-size:27px;line-height:26px;font-weight:700;color:#222;letter-spacing:-1px;text-align:left}
h2.root-title2{margin:0;padding:5px 20px 0 20px;font-size:10px;line-height:14px;text-transform:none;font-weight:500;color:#222;letter-spacing:0;text-align:left;max-width:130px}
.page-header{width:100%;height:70px;line-height:70px;position:fixed;z-index:10000;background-color:rgba(245,245,245,0);border-bottom:1px solid rgba(255,255,255,0.1);transition:all 0.5s ease}
.punch{background-color:rgba(245,245,245,1);border-bottom:1px solid rgba(0,0,0,0.2);transition:all 0.5s ease}
.big-nav{display:block;position:fixed;top:15px;right:15px}
.big-nav ul li{float:left;padding:0 10px;margin:0}
.big-nav ul li a{float:right;display:block;color:rgba(255,255,255,0.4);font-size:12px;font-weight:500;padding:0 10px;letter-spacing:0;line-height:39px;transition:all .5s ease;text-decoration:none}
.big-nav ul li a:hover,.big-nav ul li a.active{color:#fff;transition:all 0s ease}
.big-nav ul li ul{display:none;float:left;padding:0;margin:0;z-index:100000}
.big-nav ul li:hover ul{display:block;position:absolute;top:39px;left:0}
.big-nav ul li:hover li{float:left;display:block;clear:both;margin:0;padding:0;background-color:#222}
.big-nav ul li:hover li a{color:#fff;line-height:40px;float:left;display:block;white-space:nowrap;font-size:12px;font-weight:400;letter-spacing:0;margin:0;padding:0 45px 0 15px;background-color:#111;border-bottom:1px solid rgba(0,0,0,0.2);transition:all .5s ease}
.big-nav ul li li a:hover,.big-nav ul li li a.active{color:#222;background-color:#fff;border-bottom:1px solid rgba(0,0,0,0.2);padding:0 85px 0 15px;transition:all 0s ease !important}
.big-nav ul li.sub-menu{display:block;color:rgba(255,255,255,0.4);font-size:12px;font-weight:500;padding:0 10px;margin:0 10px;letter-spacing:0;line-height:39px;transition:all .5s ease}
.big-nav ul li.sub-menu:hover{position:relative;color:#fff;transition:all 0s ease;cursor:pointer}
.menu_trigger{display:none;padding:0;margin:0;width:25px;text-align:right;position:fixed;right:25px;line-height:48px;top:8px;z-index:1000000;font-size:32px;font-weight:400;line-height:48px}
#grand_id .milo a{color:#fff;text-decoration:none}
#grand_id .punch .milo .author,#grand_id .punch .milo a{color:#222}
.punch .big-nav ul li a{color:rgba(35,0,0,0.4)}
.punch .big-nav ul li a:hover,.punch .big-nav ul li a.active{color:#222}
.punch .big-nav ul li.sub-menu{color:rgba(35,0,0,0.4)}
.punch .big-nav ul li.sub-menu:hover{color:#222}
.punch .menu_trigger #mobile_menu{color:#222;transition:all 0.5s ease}
.menu_trigger #mobile_menu{cursor:pointer}
.root-header{background-color:rgba(245,245,245,1);border-bottom:1px solid rgba(0,0,0,0.2)}
#grand_id .root-header .milo .author,#grand_id .root-header .milo a{color:#222}
.root-header .big-nav ul li a{color:rgba(35,0,0,0.4)}
.root-header .big-nav ul li a:hover,.root-header .big-nav ul li a.active{color:#222}
.root-header .big-nav ul li.sub-menu{color:rgba(35,0,0,0.4)}
.root-header .big-nav ul li.sub-menu:hover{color:#222}
.root-header .menu_trigger #mobile_menu{color:#222;transition:all 0.5s ease}
.root{padding:10px;margin:71px 0 0 0;float:left;display:block;box-sizing:border-box;width:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;grid-gap:10px}
.small_story{margin:0;padding:0;height:35vw;min-height:320px;float:left;display:block;box-sizing:border-box;position:relative}
.small_story a{width:100%;height:100%;margin:0;padding:0;background:rgba(0,0,0,0.6);float:left;display:block;transition:all .2s ease;box-sizing:border-box;position:absolute;z-index:100}
.small_story a .first_intro{margin:0;padding:0 20px 20px 20px;box-sizing:border-box;position:absolute;left:0;top:50%;float:left;clear:both;width:100%}
.small_story a .first_intro .nmbr{padding:0;margin:0;float:left;clear:both}
.small_story a .first_intro .nmbr ul li{font-size:9px;padding:0;margin:0 0 2px 0;line-height:26px;width:26px;text-align:center;color:#fff;font-weight:500;letter-spacing:0;float:left;background-color:#222;border-radius:50%}
.small_story a .first_intro .name{font-family:'GothamSSm',sans-serif;font-size:9px;margin:0;padding:5px 0 2px 0;line-height:14px;font-weight:700;color:rgba(255,255,255,1);letter-spacing:0;float:left;clear:both}
.small_story a .first_intro h3{font-family:'Averia Serif Libre',cursive;margin:0;padding:0;font-size:20px;line-height:24px;font-weight:400;color:rgba(255,255,255,1);letter-spacing:-1px;float:left;clear:both}
.small_story a:hover{background:rgba(245,245,245,0.8);transition:all 0s ease;text-decoration:none}
.small_story a:hover .first_intro .name,.small_story a:hover .first_intro h3{color:#222}
.root .small_story:first-child{grid-column:span 1}
.docum_section{margin:0;float:left;display:block;width:50%;box-sizing:border-box;padding:0 10px 10px 20px}
.docum_section:before{content:"[]";font-weight:400;font-size:14px;line-height:50px;letter-spacing:2px}
.docum_section h3{margin:10px 0;padding:0;font-size:10px;line-height:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#222;width:100%}
.docum_section p{margin:0 0 15px 0;padding:0;font-size:10px;text-transform:none;line-height:16px;font-weight:500;color:#222;letter-spacing:0}
.docum_section footer{float:left;text-align:left;padding:0}
.docum_section footer p{padding:0 0 25px 0;margin:0;color:#bbb;font-size:9px;line-height:14px;letter-spacing:0;border:0 none;text-transform:none}
#main_page_share{display:block;padding:10px 0 25px 0;width:150px;margin:0 auto;float:none;line-height:40px;font-size:8px;text-align:center;color:#888;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid rgba(0,0,0,0.1)}
#main_page_share ul{margin:0 auto;display:table;text-align:center}
#main_page_share ul li{float:none;margin:0;padding:0;display:table-cell;line-height:34px;height:34px}
#main_page_share ul li a{float:left;margin:0 3px 0 0;padding:0;display:block;line-height:32px;height:32px;width:32px;text-align:center;font-family:'Averia Serif Libre',cursive;font-size:14px;text-transform:none;text-decoration:none;color:#bbb;border:1px solid #bbb;transition:.3s;letter-spacing:0}
#main_page_share ul li a:hover{color:#444;border:1px solid #444}
#root_page_share{display:block;padding:10px 0 15px 0;margin:0;float:none;line-height:40px;font-size:8px;text-align:left}
#root_page_share ul{text-align:left;display:table}
#root_page_share ul li{float:none;margin:0;padding:0;display:table-cell;line-height:34px;height:34px}
#root_page_share ul li a{float:left;margin:0 3px 0 0;padding:0;display:block;line-height:32px;height:32px;width:32px;text-align:center;font-family:'Averia Serif Libre',cursive;font-size:14px;text-transform:none;text-decoration:none;color:#bbb;border:1px solid #bbb;transition:.3s;letter-spacing:0}
#root_page_share ul li a:hover{color:#444;border:1px solid #444}
#mmp_share{padding:15px 0;margin:0;text-align:left;display:block;float:left;clear:both}
main{width:100%;margin:0;padding:0}
main section{margin:0;padding:20px 0;width:100%;text-align:center;float:left;clear:both;box-sizing:border-box}
main section:before{content:"On The Far Side";font-weight:400;font-size:7px;line-height:120px;letter-spacing:8px;color:#444;text-align:center;text-transform:uppercase}
main section:last-child:after{font-family:'Averia Serif Libre',cursive;content:"· On The Far Side ·";word-spacing:99vw;font-weight:400;font-size:36px;line-height:34px;padding:0 0 40px 0;letter-spacing:0;color:#222;text-align:center;float:left}
main section .section_header{margin:0 0 60px 0;padding:30px 0;width:100%;float:left;clear:both;box-sizing:border-box;background-color:transparent}
main section .section_header img{margin:0;padding:0 0 10px 0;width:100%;height:auto;max-width:1400px}
main section .image_holder{margin:20px auto;padding:60px 15px 60px 15px;width:100%;max-width:1300px;clear:both;box-sizing:border-box}
main section .image_holder img.horz{margin:0;padding:10px;width:100%;max-width:1100px;height:auto;box-sizing:border-box}
main section .image_holder img.horz2{margin:0;display:inline-block;padding:10px;line-height:0;font-size:0;width:calc(50% - 5px);max-width:600px;height:auto;box-sizing:border-box}
main section .image_holder img.vert{margin:0;display:inline-block;padding:10px;width:100%;max-width:600px;height:auto;box-sizing:border-box}
main section figcaption{font-family:'GothamSSm',sans-serif;font-weight:400;font-size:10px;line-height:12px;margin:0;padding:0;text-align:center;letter-spacing:0;color:#555;box-sizing:border-box;float:left;clear:both;width:100%}
main section figcaption span{color:#555;font-weight:700;font-size:9px;text-transform:uppercase;letter-spacing:0.5px}
main section figcaption span:after{content:"\00B7";margin:0 5px 0 2px;color:#222;font-size:20px;vertical-align:top}
main section h2{font-family:'Averia Serif Libre',cursive;margin:0 auto;padding:20px 25px 12px 25px;font-size:21px;text-transform:none;line-height:24px;font-weight:700;letter-spacing:0;max-width:640px;text-align:left;color:#333}
main section .section_header figcaption{margin:0 auto;width:100%;max-width:1400px;text-align:left;box-sizing:border-box;padding:0 0 0 20px;float:none;display:block}
main section h3{margin:0 auto;padding:15px 25px;font-size:12px;line-height:21px;font-weight:400;max-width:640px;text-align:left;color:#999;position:relative}
main section p{font-size:12px;letter-spacing:0;line-height:21px;font-weight:400;margin:0 auto;padding:10px 25px;max-width:640px;text-align:left;text-wrap:balance;color:#333}
main section p strong{font-weight:700}
main section p.wiki{font-family:monospace;font-size:10px;line-height:18px;margin:5px auto}
.video_container{margin:20px 0;padding:40px 0;width:100%;float:left;clear:both;background-color:#222}
.video_container iframe,.video_container object,.video_container embed{margin:0 auto;width:750px;height:421px;border:0}
.fgallery{width:100%;max-width:1000px;margin:0 auto;padding:0 5px;box-sizing:border-box;font-weight:700;font-size:9px;text-align:center;letter-spacing:0}
.fgallery .small_story{margin:5px;padding:0;height:300px;width:calc(25% - 10px);float:left;display:block;box-sizing:border-box;position:relative}
.fgallery .small_story a{width:100%;height:100%;margin:0;padding:0;background:rgba(0,0,0,0.6);float:left;display:block;transition:all .2s ease;box-sizing:border-box;position:absolute;z-index:6}
.fgallery .small_story a .first_intro{margin:0;padding:0 15px 15px 15px;box-sizing:border-box;position:absolute;left:0;top:50%;float:left;clear:both;width:100%}
.fgallery .small_story a .first_intro .nmbr{padding:0;margin:0;float:left;clear:both}
.fgallery .small_story a .first_intro .nmbr ul li{font-size:9px;padding:0;margin:0 0 2px 0;line-height:26px;width:26px;text-align:center;color:#fff;font-weight:500;letter-spacing:0;float:left;background-color:#222;border-radius:50%}
.fgallery .small_story a .first_intro .name{font-family:'GothamSSm',sans-serif;font-size:9px;margin:0;padding:5px 0 2px 0;line-height:14px;font-weight:700;color:rgba(255,255,255,1);letter-spacing:0;float:left;clear:both;text-align:left}
.fgallery .small_story a .first_intro h3{font-family:'Averia Serif Libre',cursive;margin:0;padding:0;font-size:20px;line-height:24px;font-weight:400;color:rgba(255,255,255,1);letter-spacing:-1px;float:left;clear:both;text-align:left}
.fgallery .small_story:first-child{grid-column:span 1}
.fgallery .small_story a:hover{background:rgba(245,245,245,0.8);transition:all .2s ease;text-decoration:none}
.fgallery .small_story a:hover .first_intro .name,.small_story a:hover .first_intro h3{color:#222}
.fgallery .small_story a.active{background:rgba(245,245,245,0.8);transition:all .2s ease;text-decoration:none}
.fgallery .small_story a.active .first_intro .name,.small_story a.active .first_intro h3{color:#222}
footer{width:100%;margin:0;padding:0 20px 40px 20px;box-sizing:border-box;font-weight:700;font-size:9px;text-align:center;letter-spacing:0;float:left;display:block}
footer .back-top{padding:60px 0;text-align:center}
footer .back-top a{font-size:14px;line-height:36px;width:36px;text-align:center;padding:0;border:1px solid #bbb;display:block;margin:0 auto;color:rgba(17,17,17,0.3);border-radius:50%;transition:.3s}
footer .back-top a:hover{text-decoration:none;color:rgba(17,17,17,1)}
footer .footer-nav{display:block;padding:10px 5px 20px 5px;margin:0 auto;width:100%;max-width:640px;box-sizing:border-box;text-align:center}
footer .footer-nav .nav_section{float:left;clear:both;display:block;padding:2px 0}
footer .footer-nav .nav_section h3{font-size:9px;color:#222;font-weight:700;letter-spacing:1px;text-transform:uppercase;float:left;width:100%;clear:both;margin:5px 0 0 0;line-height:20px;text-align:left}
footer .footer-nav .nav_section nav.portfolio{float:left;display:inline}
footer .footer-nav .nav_section nav.portfolio ul li{float:left;display:inline;margin:0 10px 0 0;line-height:20px}
footer .footer-nav .nav_section nav.portfolio ul li a{font-size:10px;color:#222;font-weight:500}
footer .footer-nav .nav_section nav.portfolio ul li a:hover,footer .footer-nav .nav_section nav.portfolio ul li a.active{text-decoration:underline;background-color:transparent}
footer .antrfile{display:block;padding:40px 30px 20px 30px;width:100%;box-sizing:border-box;float:left;clear:both}
footer .antrfile p{padding:0;margin:0;color:#bbb;font-size:9px;line-height:14px;float:left;clear:both;text-align:center;width:100%;font-weight:400}
.docum_section footer:before{content:"";padding:10px 0}
.ggrand{margin:0;transition:.3s}
.kick_1{margin:0 0 0 min(100vw,-420px);transition:.3s}
.kick_2{right:0;transition:.3s}
.kick_1 .punch-it{margin:0 0 0 min(100vw,-420px);transition:.3s}
.kick_2 .punch-it{right:0;transition:.3s}
.street_prayer{background:url(/docs/street-prayer/img/cover_street_prayer.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:fixed}
.camel_beauty{background:url(/docs/camel-beauty/img/cover_camel_beauty.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:fixed}
.mumbai-36hrs{background:url(/docs/mumbai-in-36hrs/img/cover_mumbai.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:fixed}
.sri-lanka{background:url(/docs/sri-lanka/img/cover_slanka.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:fixed}
.a_day_off{background:url(/docs/a-day-off/img/cover_day_off.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:fixed}
.lock-stock-and-barrel{background:url(/docs/lock-stock-and-barrel/img/cover_behind-the-mask.jpg);background-repeat:no-repeat;background-position:center bottom;background-size:cover;background-attachment:fixed}
.pasuljijada{background:url("/docs/pasuljijada/img/cover.jpg");background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:fixed}
.brutalist{background:url("/docs/bg-brutalist-01/img/bg-cover.jpg");background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:fixed}
@media only screen and (max-width:1400px) {
.video_container iframe,.video_container object,.video_container embed{margin:0 auto;width:600px;height:337px}
}
@media only screen and (min-width:1600px) {
.root{grid-template-columns:repeat(5,1fr)}
.small_story{height:27vw}
main section .image_holder{width:100%;max-width:1800px}
main section .image_holder img.horz2{width:calc(33.33% - 5px)}
.docum_section{width:40%}
}
@media only screen and (min-width:1200px) and (max-width:1600px) {
.root{grid-template-columns:repeat(4,1fr)}
.small_story{height:33vw}
.docum_section{width:50%}
}
@media only screen and (max-width:1200px) {
.big-nav{display:none}
.menu_trigger{display:block;color:#fff}
.menu_trigger #mobile_menu{margin:0;display:block;color:#fff;text-decoration:none}
.menu_trigger .triggered{color:#ffde00 !important}
#grand_id .punch .menu_trigger .triggered{color:#ffde00 !important}
main section .section_header{padding:30px 0 20px 0}
main section .section_header img{padding:0 0 10px 0}
main section .image_holder img.horz{padding:5px 10px 10px 10px}
main section .image_holder img.horz2{padding:5px 10px 10px 10px}
main section .image_holder img.vert{padding:5px 10px 10px 10px}
}
@media only screen and (max-width:1000px) {	
.root{grid-template-columns:repeat(3,1fr)}
.small_story{height:45vw}
.menu_trigger{right:20px}
h1.root-title{padding:0 8px}
h2.root-title2{padding:5px 20px 0 10px}
.small_story a .first_intro{padding:0 30px 20px 15px}
.root .small_story:first-child{grid-column:span 1}
.docum_section{width:66%}
.fgallery .small_story{width:calc(33.333% - 10px)}
#grand_id .milo{top:20px;left:20px}
header .intro{padding:0 20px 40px 20px}
header .punch-it{padding:3px 20px}
main section h2{padding:45px 20px 12px 20px}
main section h3{padding:15px 20px}
main section p{padding:10px 20px}
main section .image_holder{padding:40px 5px}
main section .section_header{padding:20px 0}
main section .section_header img{padding:0 0 10px 0}
main section .image_holder img.horz{padding:0 5px 10px 5px}
main section .image_holder img.horz2{padding:0 5px 10px 5px}
main section .image_holder img.vert{padding:0 5px 10px 5px}
}
@media only screen and (max-width:760px) {
.root{grid-template-columns:repeat(2,1fr)}
.small_story{height:66vw}
.docum_section{width:98%}
.fgallery .small_story{width:calc(50% - 10px)}
}
@media only screen and (max-width:560px) {
body{font-size:12px;line-height:18px}
.root{grid-template-columns:repeat(1,1fr);padding:10px}
.root .small_story:first-child{grid-column:span 1}
.docum_section{width:98%}
.small_story{height:54vh}
.small_story a .first_intro{padding:0 20px 20px 15px}
.grand_id .milo{left:20px}
.street_prayer{background:url(/docs/street-prayer/img/cover_street_prayer.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:scroll}
.camel_beauty{background:url(/docs/camel-beauty/img/cover_camel_beauty.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:scroll}
.mumbai-36hrs{background:url(/docs/mumbai-in-36hrs/img/cover_mumbai.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:scroll}
.sri-lanka{background:url(/docs/sri-lanka/img/cover_slanka.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:scroll}
.a_day_off{background:url(/docs/a-day-off/img/cover_day_off.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:scroll}
.lock-stock-and-barrel{background:url(/docs/lock-stock-and-barrel/img/cover_behind-the-mask.jpg);background-repeat:no-repeat;background-position:center bottom;background-size:cover;background-attachment:scroll}
.pasuljijada{background:url("/docs/pasuljijada/img/cover.jpg");background-repeat:no-repeat;background-position:center bottom;background-size:cover;background-attachment:scroll}
.brutalist{background:url("/docs/bg-brutalist-01/img/bg-cover.jpg");background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:scroll}
ul.contents{margin:10px auto;padding:0 0 10px}
ul.contents li{font-size:13px;line-height:18px;margin:0 30px;padding:15px 10px;letter-spacing:1px}
header .punch p.hintro{font-size:12px}
header .punch-it .nmbr ul li a{display:none}
header .punch-it .nmbr ul li a.active{background-color:#222;color:#fff;transition:all 0s ease;text-decoration:none;display:block}
header .punch-it .nmbr ul li a.active:hover{background-color:#fff;color:#222;transition:all 0s ease;text-decoration:none;display:block}
h1.root-title{padding:0 14px}
h2.root-title2{padding:5px 20px 0 16px}
.video_container iframe,.video_container object,.video_container embed{margin:0 auto;width:300px;height:168px}
.fgallery .small_story{width:calc(50% - 10px)}
footer .footer-nav{padding:10px 0 20px 0}
}
@media only screen and (max-width:375px) {
.page-header{height:70px;line-height:70px}
.menu_trigger{top:8px}
.main_menu .momentum{margin:22px 0 0 20px}
h1.root-title{padding:0 18px}
.root{padding:10px}
.small_story a .first_intro{padding:0 20px 20px 15px}
.fgallery .small_story{width:calc(50% - 10px);min-height:auto;height:260px}
}
@media only screen and (max-height:540px) {
body{font-size:12px;line-height:18px}
.root{padding:10px}
.page-header{height:70px;line-height:70px}
#grand_id .milo{top:20px;left:20px}
.menu_trigger{top:8px}
.main_menu .momentum{margin:22px 0 0 20px}
ul.contents{margin:10px auto;padding:0 0 10px}
ul.contents li{font-size:13px;line-height:18px;margin:0 30px;padding:15px 10px;letter-spacing:1px}
.small_story{height:85vh}
header .intro{padding:0 20px 30px 20px}
header .punch-it{padding:3px 20px;top:71px}
header .punch-it h1{font-size:14px}
header .intro p.hintro{font-size:11px}
h1.root-title{padding:0 13px}
h2.root-title2{padding:5px 20px 0 15px}
main section h2{padding:45px 20px 12px 20px}
main section h3{padding:15px 20px}
main section p{padding:10px 20px}
main section .image_holder{padding:40px 5px}
main section .section_header{padding:20px 0}
main section .section_header img{padding:0 0 10px 0}
main section .image_holder img.horz{padding:0 5px 10px 5px}
main section .image_holder img.horz2{padding:0 5px 10px 5px}
main section .image_holder img.vert{padding:0 5px 10px 5px}
.street_prayer{background:url(/docs/street-prayer/img/cover_street_prayer.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:scroll}
.camel_beauty{background:url(/docs/camel-beauty/img/cover_camel_beauty.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:scroll}
.mumbai-36hrs{background:url(/docs/mumbai-in-36hrs/img/cover_mumbai.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:scroll}
.sri-lanka{background:url(/docs/sri-lanka/img/cover_slanka.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:scroll}
.a_day_off{background:url(/docs/a-day-off/img/cover_day_off.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:scroll}
.lock-stock-and-barrel{background:url(/docs/lock-stock-and-barrel/img/cover_behind-the-mask.jpg);background-repeat:no-repeat;background-position:center bottom;background-size:cover;background-attachment:scroll}
.pasuljijada{background:url("/docs/pasuljijada/img/cover.jpg");background-repeat:no-repeat;background-position:center bottom;background-size:cover;background-attachment:scroll}
.brutalist{background:url("/docs/bg-brutalist-01/img/bg-cover.jpg");background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:scroll}
.video_container iframe,.video_container object,.video_container embed{margin:0 auto;width:300px;height:168px}
}
@media only screen and (max-height:900px){
main section .section_header img{max-width:1200px}
main section .section_header figcaption{max-width:1200px}
main section .image_holder img.horz{max-width:920px}
main section .image_holder img.horz2{max-width:440px}
main section .image_holder img.vert{max-width:440px}
}
@media only screen and (max-height:450px) and (max-width:740px){
.root .small_story:first-child{grid-column:span 1}
}
@media only screen and (min-width:1200px) {
.main_menu{display:none;top:0;left:0;margin:0 0 0 100vw;transition:.3s}
.kick_1{margin:0;transition:.3s}
.kick_1 .punch-it{margin:0;transition:.3s}
}