/*----------------- [Reset] ---------------------*/
/*-----------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, header, section, footer, aside, nav, main, article, figure {
	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;
}
/* remember to define focus styles! */
:focus 														{ outline:0; }
body 														{ line-height:1; }
strong 														{ font-weight:bold; }
/* tables still need 'cellspacing="0"' in the markup */
table 														{ border-collapse: separate; border-spacing: 0; }
caption, th, td 											{ text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after 		{ content: ""; }
blockquote, q 												{ quotes: "" ""; }
header, section, footer, aside, nav, main, article, figure	{ display: block; } 

.clearfix:after												{ clear: both; content: " "; display: block; height: 0; visibility:hidden; }
.clearfix													{ display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix											{ height: 1%; }
.clearfix 													{ display: block; }

.visually-hidden 											{ position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); white-space: nowrap; }


#v-guide, #h-guide								{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:10; opacity:0.3; display:none; }
#v-guide                                		{ max-width:1440px; background:url(images/v-guide-2.svg) repeat; background-size:contain; }
#h-guide                                		{ background:url(images/h-guide-16.svg) repeat; }

.screen-reader-text 							{ border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; }

html { 
	font-size:100%; /* 16px */
}
html, body { 
	/*height:100%; */
}
body { 
	font:normal 1rem/1.5rem 'Proza Libre', "Helvetica Neue", Helvetica, Arial, sans-serif; 
	color:rgba(0,0,0,0.85); 
	background-color:#e3fffe;
	/*transition:background-color 1s cubic-bezier(0.75, 0, 0.25, 1); */
}

picture                                 		{ height:0; }
em                                      		{ font-style:italic; }
p												{ margin-bottom:1.5rem; }
a 												{ text-decoration:none; }
ul 												{ list-style:none; }
h1 { 
	font:700 2rem/2.5rem 'Cormorant', Georgia, "Times New Roman", serif;
}
article h2 { 
	font:700 1.833rem/2rem 'Cormorant', Georgia, "Times New Roman", serif; 
}
.cookbook img {
	display:block; height:auto;
}

nav {
	position:fixed; top:0; left:0;
	z-index:5;
	overflow:hidden;
	padding:0.667rem 0 0.889rem 5%;
}
nav::before {
	content:"";
	position:absolute; top:0; bottom:0; left:0;
	width:2200%;
	z-index:-1;
	opacity:0.95;
	background-image:linear-gradient(to right, #e3fffe 4.545%, #d7fff0 9.091%, #d7fff0 13.636%, #fce3d2 18.182%, #fce3d2 22.727%, #cff3ff 27.273%, #cff3ff 31.818%, #fff7d7 36.364%, #fff7d7 40.909%, #cfeeff 45.455%, #cfeeff 50%, #f7dfdf 54.545%, #f7dfdf 59.091%, #f9d7eb 63.636%, #f9d7eb 68.182%, #fffff0 72.727%, #fffff0 77.273%, #dedeff 81.818%, #dedeff 86.364%, #e3fffe 90.909%);
	transform-origin:left top;
	transform:translateX(-90.909%);
	transition:transform 0.65s cubic-bezier(0.75, 0, 0.25, 1) 0.15s;
}
.logo_wrapper {
	width:1.722rem; height:2.444rem;
	float:left;
	margin-right:1rem;
}
.logo_wrapper svg {
	width:100%;
}
.logo_wrapper .logo {
	transition:fill 1s cubic-bezier(0.75, 0, 0.25, 1);
}
nav ul {
	float:left;
	margin-top:0.5rem;
}
nav li {
	float:left;
}
nav li::before, .social li::before {
	content:"/";
	opacity:0.45;
}
nav li:first-child::before, .social li:first-child::before {
	display:none;
}
nav li a {
	font-size:0.889rem;
	padding:0 1rem;
	transition:color 1s cubic-bezier(0.75, 0, 0.25, 1);
}
nav li a:hover, nav li a:focus {
	text-decoration:underline;
}

.background {
	position:fixed;
	top:0; right:0; /*bottom:0;*/ left:0;
	height:2200vh;
	z-index:-3;
	background-image:linear-gradient(#e3fffe 4.545%, #dedeff 9.091%, #dedeff 13.636%, #fffff0 18.182%, #fffff0 22.727%, #f9d7eb 27.273%, #f9d7eb 31.818%, #f7dfdf 36.364%, #f7dfdf 40.909%, #cfeeff 45.455%, #cfeeff 50%, #fff7d7 54.545%, #fff7d7 59.091%, #cff3ff 63.636%, #cff3ff 68.182%, #fce3d2 72.727%, #fce3d2 77.273%, #d7fff0 81.818%, #d7fff0 86.364%, #e3fffe 90.909%);
	transform-origin:left top;
	transform:translateY(0);
	transition:transform 1s cubic-bezier(0.75, 0, 0.25, 1);
}
.background li {
	position:absolute;
	top:0; right:0; bottom:0; left:0;
	transform-origin:bottom center;
	transform:scaleY(0);
	transition:transform 1s cubic-bezier(0.75, 0, 0.25, 1) 0s;
}
.no-IO .background {
	display:none;
}

.home.no-IO .intro_hero, .home.no-IO nav::before,
.home.no-IO .archive_hero, .home.no-IO footer {
	background-color:#e3fffe;
} 
.home.no-IO .prismatic_hero, .case.prismatic {
	background-color:#dedeff;
}
.home.no-IO .winden_hero, .case.winden {
	background-color:#fffff0;
}
.home.no-IO .quad_hero, .case.quad {
	background-color:#f9d7eb;
}
.home.no-IO .racetrack_hero, .case.racetrack {
	background-color:#f7dfdf;
}
.home.no-IO .hegde_hero, .case.hegde {
	background-color:#cfeeff;
}
.home.no-IO .cookbook_hero, .case.cookbook {
	background-color:#fff7d7;
}
.home.no-IO .cts_hero, .case.cts {
	background-color:#cff3ff;
}
.home.no-IO .sudeep_hero, .case.sudeep {
	background-color:#fce3d2;
}
.home.no-IO .tdp_hero, .case.tdp {
	background-color:#d7fff0;
}

.intro .background {
	transform:translateY(0);
}
.prismatic .background {
	transform:translateY(-9.091%);
}
.winden .background {
	transform:translateY(-18.182%);
}
.quad .background {
	transform:translateY(-27.273%);
}
.racetrack .background {
	transform:translateY(-36.364%);
}
.hegde .background {
	transform:translateY(-45.455%);
}
.cookbook .background {
	transform:translateY(-54.545%);
}
.cts .background {
	transform:translateY(-63.636%);
}
.sudeep .background {
	transform:translateY(-72.727%);
}
.tdp .background {
	transform:translateY(-81.818%);
}
.archive .background {
	transform:translateY(-90.909%);
}

.intro nav::before {
	transform:translateX(-90.909%);
}
.prismatic nav::before {
	transform:translateX(-81.818%);
}
.winden nav::before {
	transform:translateX(-72.727%);
}
.quad nav::before {
	transform:translateX(-63.636%);
}
.racetrack nav::before {
	transform:translateX(-54.545%);
}
.hegde nav::before {
	transform:translateX(-45.455%);
}
.cookbook nav::before {
	transform:translateX(-36.364%);
}
.cts nav::before {
	transform:translateX(-27.273%);
}
.sudeep nav::before {
	transform:translateX(-18.182%);
}
.tdp nav::before {
	transform:translateX(-9.091%);
}
.archive nav::before {
	transform:translateX(0);
}

.intro .logo, .archive .logo, .logo {
	fill:#5e7984;
}
.prismatic .logo {
	fill:#9e97cc;
}
.winden .logo {
	fill:#9F7E5C;
}
.quad .logo {
	fill:#a06e99;
}
.racetrack .logo {
	fill:#725454;
}
.hegde .logo {
	fill:#4c6f90;
}
.cookbook .logo {
	fill:#878060;
}
.cts .logo {
	fill:#5d787f;
}
.sudeep .logo {
	fill:#7a6454;
}
.tdp .logo {
	fill:#567265;
}

.intro nav li, .intro nav li a, nav li a,
.archive nav li, .archive nav li a, .archive_hero .category {
	color:#5e7984;
}
.prismatic nav li, .prismatic nav li a, .prismatic_hero .category {
	color:#9e97cc;
}
.winden nav li, .winden nav li a, .winden_hero .category, 
.winden blockquote cite {
	color:#9F7E5C;
}
.quad nav li, .quad nav li a, .quad_hero .category {
	color:#a06e99;
}
.racetrack nav li, .racetrack nav li a, .racetrack_hero .category {
	color:#725454;
}
.hegde nav li, .hegde nav li a, .hegde_hero .category {
	color:#4c6f90;
}
.cookbook nav li, .cookbook nav li a, .cookbook_hero .category,
.cookbook blockquote cite {
	color:#878060;
}
.cts nav li, .cts nav li a, .cts_hero .category {
	color:#5d787f;
}
.sudeep nav li, .sudeep nav li a, .sudeep_hero .category {
	color:#7a6454;
}
.tdp nav li, .tdp nav li a, .tdp_hero .category, footer {
	color:#567265;
}

.palette {
	content:"";
	width:52.5%; height:50vh;
	position:fixed; top:0; right:0; z-index:-1;
	background-color:rgba(0,0,0,0.85); background-repeat:no-repeat; background-size:100% 100%;
	opacity:0;
	transition:opacity 1s cubic-bezier(0.75, 0, 0.25, 1);
	will-change:opacity;
}
.no-IO .palette, .case .palette {
	position:absolute;
	opacity:1;
	z-index:0;
}
.IO-detect .palette {
	transition:none;
}

.intro_hero .palette, .archive_hero .palette  {
	background-image:radial-gradient(farthest-corner at 0% 100%, rgba(46,119,178,1), rgba(187,214,73,0) 80%), linear-gradient(rgba(187,214,73,0.35), rgba(111,201,201,1)), linear-gradient(to right, rgba(111,201,201,1), rgba(187,214,73,1));
	box-shadow:-50px 50px 200px rgba(187,214,73,0.5);
}
.prismatic_hero .palette {
	background-image:radial-gradient(farthest-corner at 0% 100%, rgba(54,54,173,1), rgba(190,69,137,0) 80%), linear-gradient(rgba(190,69,137,0.35), rgba(158,151,204,1)), linear-gradient(to right, rgba(158,151,204,1), rgba(190,69,137,1));
	box-shadow:-50px 50px 200px rgba(190,69,137,0.5);
}
.winden_hero .palette {
	background-image:radial-gradient(farthest-corner at 0% 100%, rgba(127,10,105,1), rgba(63,170,175,0) 80%), linear-gradient(rgba(63,170,175,0.35), rgba(95,27,201,1)), linear-gradient(to right, rgba(95,27,201,1), rgba(63,170,175,1));
	box-shadow:-50px 50px 200px rgba(244,212,59,0.5);
}
.quad_hero .palette {
	background-image:radial-gradient(farthest-corner at 0% 100%, rgba(252,173,124,1), rgba(49,148,178,0) 80%), linear-gradient(rgba(49,148,178,0.35), rgba(107,106,245,1)), linear-gradient(to right, rgba(107,106,245,1), rgba(49,148,178,1));
	box-shadow:-50px 50px 200px rgba(49,148,178,0.5);
}
.racetrack_hero .palette {
	background-image:radial-gradient(farthest-corner at 0% 100%, rgba(108,42,145,1), rgba(239,68,56,0) 80%), linear-gradient(rgba(239,68,56,0.35), rgba(99,85,164,1)), linear-gradient(to right, rgba(99,85,164,1), rgba(239,68,56,1));
	box-shadow:-50px 50px 200px rgba(239,68,56,0.5);
}
.hegde_hero .palette {
	background-image:radial-gradient(farthest-corner at 0% 100%, rgba(20,58,102,1), rgba(102,22,19,0) 80%), linear-gradient(rgba(102,22,19,0.35), rgba(144,117,71,1)), linear-gradient(to right, rgba(144,117,71,1), rgba(102,22,19,1));
	box-shadow:-50px 50px 200px rgba(102,22,19,0.5);
}
.cookbook_hero .palette {
	background-image:radial-gradient(farthest-corner at 0% 100%, rgba(51,51,51,1), rgba(255,228,72,0) 80%), linear-gradient(rgba(255,228,72,0.35), rgba(149,32,30,1)), linear-gradient(to right, rgba(149,32,30,1), rgba(255,228,72,1));
	box-shadow:-50px 50px 200px rgba(255,228,72,0.5);
}
.cts_hero .palette {
	background-image:radial-gradient(farthest-corner at 0% 100%, rgba(62,65,63,1), rgba(29,174,236,0) 80%), linear-gradient(rgba(29,174,236,0.35), rgba(0,102,179,1)), linear-gradient(to right, rgba(0,102,179,1), rgba(29,174,236,1));
	box-shadow:-50px 50px 200px rgba(29,174,236,0.5);
}
.sudeep_hero .palette {
	background-image:radial-gradient(farthest-corner at 0% 100%, rgba(58,58,58,1), rgba(226,55,57,0) 80%), linear-gradient(rgba(226,55,57,0.35), rgba(142,57,58,1)), linear-gradient(to right, rgba(142,57,58,1), rgba(226,55,57,1));
	box-shadow:-50px 50px 200px rgba(226,55,57,0.5);
}
.tdp_hero .palette {
	background-image:radial-gradient(farthest-corner at 0% 100%, rgba(62,65,63,1), rgba(187,177,100,0) 80%), linear-gradient(rgba(187,177,100,0.35), rgba(105,239,198,1)), linear-gradient(to right, rgba(105,239,198,1), rgba(187,177,100,1));
	box-shadow:-50px 50px 200px rgba(187,177,100,0.5);
}
.intro .intro_hero .palette, 
.prismatic .prismatic_hero .palette,
.winden .winden_hero .palette,
.quad .quad_hero .palette,
.racetrack .racetrack_hero .palette,
.hegde .hegde_hero .palette,
.cookbook .cookbook_hero .palette,
.cts .cts_hero .palette,
.sudeep .sudeep_hero .palette,
.tdp .tdp_hero .palette,
.archive .archive_hero .palette {
	opacity:1;
}

.intro_hero ::-moz-selection, .intro nav ::-moz-selection, 
.archive_hero ::-moz-selection, .archive nav ::-moz-selection, 
footer ::-moz-selection {
	background-color:rgba(46,119,178,1); color:#e3fffe;
}

.intro_hero ::-moz-selection, .intro nav ::-moz-selection, .archive_hero ::-moz-selection, .archive nav ::-moz-selection, footer ::-moz-selection {
	background-color:rgba(46,119,178,1); color:#e3fffe;
}

.intro_hero ::selection, .intro nav ::selection,
.archive_hero ::selection, .archive nav ::selection,
footer ::selection {
	background-color:rgba(46,119,178,1); color:#e3fffe;
}
.intro nav ::-moz-selection, .intro_hero dt::-moz-selection, 
.archive nav ::-moz-selection, .archive_hero ol ::-moz-selection {
	background-color:#5e7984;
}
.intro nav ::-moz-selection, .intro_hero dt::-moz-selection, .archive nav ::-moz-selection, .archive_hero ol ::-moz-selection {
	background-color:#5e7984;
}
.intro nav ::selection, .intro_hero dt::selection,
.archive nav ::selection, .archive_hero ol ::selection {
	background-color:#5e7984;
}
.intro_hero dd a::-moz-selection, .archive_hero ol a::-moz-selection {
	background:#f15a3d;	
}
.intro_hero dd a::selection, .archive_hero ol a::selection {
	background:#f15a3d;	
}
.intro_hero .date time::-moz-selection, .archive_hero h1::-moz-selection {
	background-color:rgba(46,119,178,0.75); color:transparent;
}
.intro_hero .date time::selection, .archive_hero h1::selection {
	background-color:rgba(46,119,178,0.75); color:transparent;
}

.prismatic_hero ::-moz-selection, .prismatic nav ::-moz-selection {
	background-color:#3636AD; color:#dedeff;
}

.prismatic_hero ::selection, .prismatic nav ::selection {
	background-color:#3636AD; color:#dedeff;
}
.prismatic nav ::-moz-selection, .prismatic_hero .category::-moz-selection {
	background-color:#9e97cc;
}
.prismatic nav ::selection, .prismatic_hero .category::selection {
	background-color:#9e97cc;
}
.prismatic_hero .button::-moz-selection {
	background:rgb(190,69,137);	
}
.prismatic_hero .button::selection {
	background:rgb(190,69,137);	
}
.prismatic_hero .project_number::-moz-selection, .prismatic_hero img::-moz-selection {
	background:rgba(190,69,137,0.15); color:transparent;
}
.prismatic_hero .project_number::selection,
.prismatic_hero img::selection {
	background:rgba(190,69,137,0.15); color:transparent;
}

.winden_hero ::-moz-selection, .winden nav ::-moz-selection {
	background-color:#7F0A69; color:#fffff0;
}

.winden_hero ::selection,
.winden nav ::selection {
	background-color:#7F0A69; color:#fffff0;
}
.winden nav ::-moz-selection, .winden_hero .category::-moz-selection, .winden blockquote cite::-moz-selection {
	background-color:#9F7E5C;
}
.winden nav ::selection, .winden_hero .category::selection, .winden blockquote cite::selection {
	background-color:#9F7E5C;
}
.winden_hero .button::-moz-selection {
	background:rgb(63,170,175);	
}
.winden_hero .button::selection {
	background:rgb(63,170,175);	
}
.winden_hero .project_number::-moz-selection, .winden_hero img::-moz-selection {
	background:rgba(63,170,175,0.15); color:transparent;
}
.winden_hero .project_number::selection,
.winden_hero img::selection {
	background:rgba(63,170,175,0.15); color:transparent;
}

.quad_hero ::-moz-selection, .quad nav ::-moz-selection {
	background-color:#91136a; color:#f9d7eb;
}

.quad_hero ::selection,
.quad nav ::selection {
	background-color:#91136a; color:#f9d7eb;
}
.quad nav ::-moz-selection, .quad_hero .category::-moz-selection {
	background-color:#a06e99;
}
.quad nav ::selection,
.quad_hero .category::selection {
	background-color:#a06e99;
}
.quad_hero .button::-moz-selection {
	background:rgb(52,47,206);	
}
.quad_hero .button::selection {
	background:rgb(52,47,206);	
}
.quad_hero .project_number::-moz-selection, .quad_hero img::-moz-selection {
	background:rgba(52,47,206,0.15); color:transparent;
}
.quad_hero .project_number::selection,
.quad_hero img::selection {
	background:rgba(52,47,206,0.15); color:transparent;
}
.racetrack_hero ::-moz-selection, .racetrack nav ::-moz-selection {
	background-color:#6c2a91; color:#F7DFE0;
}
.racetrack_hero ::selection,
.racetrack nav ::selection {
	background-color:#6c2a91; color:#F7DFE0;
}
.racetrack nav ::-moz-selection, .racetrack_hero .category::-moz-selection {
	background-color:#725454;
}
.racetrack nav ::selection,
.racetrack_hero .category::selection {
	background-color:#725454;
}
.racetrack_hero .button::-moz-selection {
	background:rgb(239,68,56);	
}
.racetrack_hero .button::selection {
	background:rgb(239,68,56);	
}
.racetrack_hero .project_number::-moz-selection, .racetrack_hero img::-moz-selection {
	background:rgba(239,68,56,0.15); color:transparent;
}
.racetrack_hero .project_number::selection,
.racetrack_hero img::selection {
	background:rgba(239,68,56,0.15); color:transparent;
}
.hegde_hero ::-moz-selection, .hegde nav ::-moz-selection {
	background-color:#143a66; color:#cfeeff;
}
.hegde_hero ::selection,
.hegde nav ::selection {
	background-color:#143a66; color:#cfeeff;
}
.hegde nav ::-moz-selection, .hegde_hero .category::-moz-selection {
	background-color:#4c6f90;
}
.hegde nav ::selection,
.hegde_hero .category::selection {
	background-color:#4c6f90;
}
.hegde_hero .button::-moz-selection {
	background:rgb(102,22,19);	
}
.hegde_hero .button::selection {
	background:rgb(102,22,19);	
}
.hegde_hero .project_number::-moz-selection, .hegde_hero img::-moz-selection {
	background:rgba(102,22,19,0.15); color:transparent;
}
.hegde_hero .project_number::selection,
.hegde_hero img::selection {
	background:rgba(102,22,19,0.15); color:transparent;
}
.cookbook_hero ::-moz-selection, .cookbook nav ::-moz-selection {
	background-color:#514228; color:#fff7d7;
}
.cookbook_hero ::-moz-selection, .cookbook nav ::-moz-selection, .cookbook h2::-moz-selection, .cookbook_numbers ::-moz-selection {
	background-color:#514228; color:#fff7d7;
}
.cookbook_hero ::selection,
.cookbook nav ::selection,
.cookbook h2::selection,
.cookbook_numbers ::selection {
	background-color:#514228; color:#fff7d7;
}
.cookbook nav ::-moz-selection, .cookbook_hero .category::-moz-selection {
	background-color:#878060;
}
.cookbook nav ::-moz-selection, .cookbook_hero .category::-moz-selection, .cookbook_spread cite::-moz-selection {
	background-color:#878060;
}
.cookbook nav ::selection,
.cookbook_hero .category::selection,
.cookbook_spread cite::selection {
	background-color:#878060;
}
.cookbook_hero .button::-moz-selection {
	background:rgb(149,32,30);	
}
.cookbook_hero .button::selection {
	background:rgb(149,32,30);	
}
.cookbook_hero .project_number::-moz-selection, .cookbook_hero img::-moz-selection {
	background:rgba(149,32,30,0.15); color:transparent;
}
.cookbook_hero .project_number::selection,
.cookbook_hero img::selection {
	background:rgba(149,32,30,0.15); color:transparent;
}
.cts_hero ::-moz-selection, .cts nav ::-moz-selection {
	background-color:#0066b3; color:#cff3ff;
}
.cts_hero ::selection,
.cts nav ::selection {
	background-color:#0066b3; color:#cff3ff;
}
.cts nav ::-moz-selection, .cts_hero .category::-moz-selection {
	background-color:#5d787f;
}
.cts nav ::selection,
.cts_hero .category::selection {
	background-color:#5d787f;
}
.cts_hero .button::-moz-selection {
	background:rgb(29,174,236);	
}
.cts_hero .button::selection {
	background:rgb(29,174,236);	
}
.cts_hero .project_number::-moz-selection, .cts_hero img::-moz-selection {
	background:rgba(29,174,236,0.15); color:transparent;
}
.cts_hero .project_number::selection,
.cts_hero img::selection {
	background:rgba(29,174,236,0.15); color:transparent;
}
.sudeep_hero ::-moz-selection, .sudeep nav ::-moz-selection {
	background-color:rgba(0,0,0,0.75); color:#fce3d2;
}
.sudeep_hero ::selection,
.sudeep nav ::selection {
	background-color:rgba(0,0,0,0.75); color:#fce3d2;
}
.sudeep nav ::-moz-selection, .sudeep_hero .category::-moz-selection {
	background-color:#7a6454;
}
.sudeep nav ::selection,
.sudeep_hero .category::selection {
	background-color:#7a6454;
}
.sudeep_hero .button::-moz-selection {
	background:rgb(226,55,57);	
}
.sudeep_hero .button::selection {
	background:rgb(226,55,57);	
}
.sudeep_hero .project_number::-moz-selection, .sudeep_hero img::-moz-selection {
	background:rgba(226,55,57,0.15); color:transparent;
}
.sudeep_hero .project_number::selection,
.sudeep_hero img::selection {
	background:rgba(226,55,57,0.15); color:transparent;
}
.tdp_hero ::-moz-selection, .tdp nav ::-moz-selection {
	background-color:#276d54; color:#d7fff0;
}
.tdp_hero ::selection,
.tdp nav ::selection {
	background-color:#276d54; color:#d7fff0;
}
.tdp nav ::-moz-selection, .tdp_hero .category::-moz-selection {
	background-color:#567265;
}
.tdp nav ::selection,
.tdp_hero .category::selection {
	background-color:#567265;
}
.tdp_hero .button::-moz-selection {
	background:rgb(187,177,100);	
}
.tdp_hero .button::selection {
	background:rgb(187,177,100);	
}
.tdp_hero .project_number::-moz-selection, .tdp_hero img::-moz-selection {
	background:rgba(187,177,100,0.15); color:transparent;
}
.tdp_hero .project_number::selection,
.tdp_hero img::selection {
	background:rgba(187,177,100,0.15); color:transparent;
}

/*.racetrack_hero .button::selection,*/
footer a::-moz-selection {
	background:rgb(239,68,56);	
}
footer a::selection {
	background:rgb(239,68,56);	
}
/*.racetrack_hero img::selection {
	background:rgba(239,68,56,0.15); color:transparent;
}*/

article {
	min-height:100vh;
	position:relative;
	background-repeat:no-repeat; background-size:0.444rem;
	background-image:url('images/grid_plus.svg'), url('images/grid_plus.svg'), url('images/grid_plus.svg'), url('images/grid_plus.svg');
	background-position:calc(5% - 0.222rem) calc(100% - 0.778rem), 47.5% calc(100% - 0.778rem), 52.5% calc(100% - 0.778rem), calc(95% + 0.222rem) calc(100% - 0.778rem);
}
.home article::before, footer::before,
.case .hero::before {
	content:"";
	max-width:72rem;
	height:0.111rem;
	position:absolute; top:3.889rem; left:0;
	/*z-index:-2;*/ 
}
.home article::before, .case .hero::before {
	width:90%;
	top:3.889rem; left:50%;
	transform-origin:left center;
	transition:transform 0.65s cubic-bezier(0.75, 0, 0.25, 1);
}
.home article::before {
	transform:translateX(-50%) scale3d(0, 1, 1);
}
.case .hero::before {
	transform:translateX(-50%);
}
footer::before {
	width:100%;
	top:0.889rem;
}
/*.no-IO article::before, .no-IO footer::before, body:not(.home) article::before {
	z-index:0;
	transform:none;
}*/
/*.home:not(.no-IO) article::before {
	z-index:-2; 
	transform:translateX(-50%) scale3d(0, 1, 1);
}*/
.home:not(.no-IO) article::before, .case .hero::before {
	z-index:-2; 
}
.intro_hero::before, .archive_hero::before, footer::before {
	background:linear-gradient(to right, rgb(46,119,178), rgb(111,201,201), rgb(187,214,73));
}
.prismatic_hero::before, .case.prismatic footer::before {
	background:linear-gradient(to right, rgb(54,54,173), rgb(158,151,204), rgb(190,69,137));
}
.winden_hero::before, .case.winden footer::before {
	background:linear-gradient(to right, rgb(127,10,105), rgb(95,27,201), rgb(63,170,175));
}
.quad_hero::before, .case.quad footer::before {
	background:linear-gradient(to right, rgb(252,173,124), rgb(107,106,245), rgb(49,148,178));
}
.racetrack_hero::before, .case.racetrack footer::before {
	background:linear-gradient(to right, rgb(108,42,145), rgb(99,85,164), rgb(239,68,56));
}
.hegde_hero::before, .case.hegde footer::before {
	background:linear-gradient(to right, rgb(20,58,102), rgb(144,117,71), rgb(102,22,19));
}
.cookbook_hero::before, .case.cookbook footer::before {
	background:linear-gradient(to right, rgb(51,51,51), rgb(149,32,30), rgb(255,228,72));
}
.cts_hero::before, .case.cts footer::before {
	background:linear-gradient(to right, rgb(62,65,63), rgb(0,102,179), rgb(29,174,236));
}
.sudeep_hero::before, .case.sudeep footer::before {
	background:linear-gradient(to right, rgb(58,58,58), rgb(142,57,58), rgb(226,55,57));
}
.tdp_hero::before, .case.tdp footer::before {
	background:linear-gradient(to right, rgb(62,65,63), rgb(105,239,198), rgb(187,177,100));
}
.intro article.intro_hero::before, .prismatic article.prismatic_hero::before, .winden article.winden_hero::before, 
.quad article.quad_hero::before, .racetrack article.racetrack_hero::before, .hegde article.hegde_hero::before, 
.cookbook article.cookbook_hero::before, .cts article.cts_hero::before, .sudeep article.sudeep_hero::before, 
.tdp article.tdp_hero::before, .archive article.archive_hero::before/*, footer::before, .no-IO article::before*/ {
	transform:translateX(-50%) scale3d(1, 1, 1);
}

.intro_hero .content, .archive_hero .content {
	background:rgba(227,255,254,1);
}
.prismatic_hero .content {
	background:#dedeff;
}
.winden_hero .content {
	background:#fffff0;
}
.quad_hero .content {
	background:#f9d7eb;
}
.racetrack_hero .content {
	background:rgba(247,223,223,1);
}
.hegde_hero .content {
	background:rgba(207,238,255,1);
}
.cookbook_hero .content {
	background:rgba(255,247,215,1);
}
.cts_hero .content {
	background:rgba(207,243,255,1);
}
.sudeep_hero .content {
	background:rgba(252,227,210,1);
}
.tdp_hero .content {
	background:rgba(215,255,240,1);
}

.hero .wrapper {
	max-width:80rem;
	margin:0 auto;
	position:relative;
	display:flex; flex-wrap:wrap; flex-direction:column-reverse; justify-content:space-between; align-items:flex-start;
	padding-bottom:6rem;
}
.hero .content {
	width:85%;
	margin:4rem 5% 0 0;
	padding:4rem 5% 0;
}
.home .hero .content {
	padding-bottom:3.5rem;
}
.intro_hero address {
	position:absolute; top:0; right:5%;
	font-size:0.889rem;
	color:rgba(0,0,0,0.5);
	transform-origin:right bottom;
	transform:rotate(-90deg) translateY(0.5rem);
}
.intro_hero .wrapper {
	align-items:stretch; flex-direction:row;
	position:relative; overflow:hidden;
}
.intro_hero .content {
	margin-top:12.167rem;
}
.intro_hero h1 {
	width:8.444rem; height:2.444rem;
	overflow:hidden; text-indent:-9999px;
	background:url('images/full_logo.svg') no-repeat left top/cover;
}
.intro_hero dl {
	margin-top:1.333rem;
}
.intro_hero dt {
	color:#5e7984;
	margin-bottom:0.167rem;
}
.intro_hero dd {
	font:700 2rem/2.5rem 'Cormorant', Georgia, "Times New Roman", serif;
	color:#2e77b2;
	margin-bottom:2.333rem;
}
.intro_hero dd a,
.archive-list a,
.signpost_contact a {
	color:#f15a3d;
	font-style:italic;
	position:relative;
	background:linear-gradient(to right, #5e7984 100%, transparent 100%) no-repeat right 2rem/0 0.167rem;
	transition:background-size 0.25s cubic-bezier(0.75, 0, 0.25, 1);
}
.intro_hero dd a:hover, .intro_hero dd a:focus,
.archive-list a:hover, .archive-list a:focus,
.signpost_contact a:hover, .signpost_contact a:focus {
	background-position:left 2rem;
	background-size:100% 0.083em;
}
.intro_hero .content p {
	font-size:0.889rem;
	color:rgba(46,119,178,0.8);
	margin-bottom:0;
}
.intro_hero .content p a {
	color:rgba(46,119,178,0.8);
}
.intro_hero .content p a:hover,
.intro_hero .content p a:focus {
	text-decoration:underline;
}
.intro_hero .date, .project_number {
	text-align:right;
	transform-origin:top right; transform:rotate(-90deg) translate(50%, -100%);
	position:absolute; top:50%; right:-5rem; z-index:0;
}
.intro_hero .date time, .project_number {
	display:block;
	font-size:19.25rem;
	line-height:12.6rem;
	color:transparent;
	-webkit-text-stroke:1px #bbd649;
			text-stroke:1px #bbd649;
	font:700 10rem/7.778rem 'Cormorant', Georgia, "Times New Roman", serif;
	font-variant-numeric:lining-nums;
}
.intro_hero .date span,
.archive-title span {
	font-size:0.667rem;
	letter-spacing:1px;
	color:rgba(0,0,0,0.5);
	text-transform:uppercase;
	display:block;
}
.intro_hero .date span {
	margin:0.889rem 0.5rem 0 0;
}
.archive-title span {
	margin-right:0.778rem;
}
.intro_hero .featured_projects {
	width:90%;
	padding:0 5%;
	display:flex; align-items:flex-end; justify-content:right;
} 
.intro_hero .featured_projects a {
	font-size:0.889rem;
	color:rgba(0,0,0,0.75);
	margin:1.5rem 0;
}
.intro_hero .featured_projects a:hover,
.intro_hero .featured_projects a:focus {
	text-decoration:underline;
}

.category, blockquote cite {
	font-size:0.667rem;
	letter-spacing:1px;
	text-transform:uppercase;
	margin-bottom:0.167rem;
}
blockquote cite {
	margin:0.5rem 0 1.444rem;
	display:block;
}
.amp {
	font-family:'Cormorant', Georgia, "Times New Roman", serif;
	font-style:italic;
}


.prismatic_hero h1 {
	color:#3636AD;
}
.winden_hero h1, .winden_alert strong, .winden h2 {
	color:#7F0A69;
}
.winden_alert strong::-moz-selection, .winden h2::-moz-selection {
	background:#7F0A69;
	color:#fffff0;
}
.winden_alert strong::selection, .winden h2::selection {
	background:#7F0A69;
	color:#fffff0;
}
.quad_hero h1 {
	color:#91136a;
}
.racetrack_hero h1, .racetrack h2 {
	color:#6c2a91;
}
.racetrack_hero h1::-moz-selection, .racetrack h2::-moz-selection, .racetrack .signpost_contact::-moz-selection {
	background:#6c2a91;
}
.racetrack_hero h1::selection, .racetrack h2::selection, .racetrack .signpost_contact::selection {
	background:#6c2a91;
}
.hegde_hero h1 {
	color:#143a66;
}
.cookbook_hero h1, .cookbook h2 {
	color:#514228;
}
.cts_hero h1 {
	color:#0066b3;
}
.sudeep_hero h1 {
	color:rgba(0,0,0,0.75);
}
.tdp_hero h1 {
	color:#276d54;
}

.client {
	display:flex;
	align-items:center;
	margin:0.833rem 0 2.889rem;
}
.client::after {
	content:"";
	width:100%; height:1px;
	margin-left:1rem; 
	background:rgba(0,0,0,0.5);
	flex:1 1 auto;
}
.client img {
	display:block;
	flex:0 0 auto;
}
.winden_hero .client img,
.quad_hero .client img {
	opacity:0.65;
}

.button {
	font-weight:800;
	position:relative; z-index:1;
	padding-right:1.222rem;
}
.button::before {
	content:"";
	height:0.111rem;
	position:absolute; bottom:0.167rem; left:0; right:1rem;
	z-index:-1;
	background:#725454;
	transform-origin:right center;
	transform:scaleX(0);
	transition:transform 0.25s cubic-bezier(0.75, 0, 0.25, 1);
}
.button:hover::before, .button:focus::before {
	transform-origin:left center;
	transform:scaleX(1);
}
.button::after {
	content:"";
	width:1rem;
	height:0.778rem;
	position:absolute; bottom:-0.167rem; right:0;
	background:url("images/arrow.svg") no-repeat 0 0/1rem;
	transform:translateX(-0.222rem);
	transition:transform 0.25s cubic-bezier(0.75, 0, 0.25, 1) 0.15s;
}
.button:hover::after, .button:focus::after {
	transform:translateX(0);
}
.prismatic_hero .button {
	color:#be4589;
}
.winden_hero a, .winden article a, .winden .signpost a, .winden footer a {
	color:#3FAAAF;
}
.winden_hero a::-moz-selection, .winden article a::-moz-selection, .winden .signpost a::-moz-selection, .winden footer a::-moz-selection {
	background:#3FAAAF;
}
.winden_hero a::selection, .winden article a::selection, 
.winden .signpost a::selection, .winden footer a::selection {
	background:#3FAAAF;
}
.quad_hero .button {
	color:#342fce;
}
.racetrack_hero a, .racetrack article a, .racetrack .signpost a, .racetrack footer a {
	color:rgb(239,68,56);
}
.racetrack_hero a::-moz-selection, .racetrack article a::-moz-selection, .racetrack .signpost a::-moz-selection, .racetrack footer a::-moz-selection {
	background:rgb(239,68,56);
}
.racetrack_hero a::selection, .racetrack article a::selection, 
.racetrack .signpost a::selection, .racetrack footer a::selection {
	background:rgb(239,68,56);
}
.hegde_hero .button {
	color:rgb(102,22,19);
}
.cookbook_hero a, .cookbook article a, .cookbook .signpost a, .cookbook footer a {
	color:rgb(149,32,30);
}
.cookbook_hero a::-moz-selection, .cookbook article a::-moz-selection, .cookbook .signpost a::-moz-selection, .cookbook footer a::-moz-selection {
	background:rgb(149,32,30);
	color:#fff7d7;
}
.cookbook_hero a::selection, .cookbook article a::selection, 
.cookbook .signpost a::selection, .cookbook footer a::selection {
	background:rgb(149,32,30);
	color:#fff7d7;
}
.sudeep_hero .button {
	color:rgb(226,55,57);
}
.tdp_hero .button {
	color:rgb(187,177,100);
}
.archive_hero .button, footer a {
	color:#f15a3d;
}
.prismatic_hero .button::before {
	background:#9e97cc;
}
.winden_hero .button::before {
	background:#9F7E5C;
}
.quad_hero .button::before {
	background:#a06e99;
}
.racetrack_hero .button::before {
	background:#725454;
}
.hegde_hero .button::before {
	background:#4c6f90;
}
.cookbook_hero .button::before {
	background:#878060;
}
.cts_hero .button::before {
	background:#5d787f;
}
.sudeep_hero .button::before {
	background:#7a6454;
}
.tdp_hero .button::before {
	background:#567265;
}
.archive_hero .button::before {
	background:#5e7984;
}
.prismatic_hero .button::after {
	background-position:0 0;
}
.winden_hero .button::after {
	background-position:0 -1rem;
}
.quad_hero .button::after {
	background-position:0 -2rem;
}
.racetrack_hero .button::after {
	background-position:0 -3rem;
}
.hegde_hero .button::after {
	background-position:0 -4rem;
}
.cookbook_hero .button::after {
	background-position:0 -5rem;
}
.cts_hero .button::after {
	background-position:0 -6rem;
}
.sudeep_hero .button::after {
	background-position:0 -7rem;
}
.tdp_hero .button::after {
	background-position:0 -8rem;
}
.archive_hero .button::after {
	background-position:0 -9rem;
}

.project_number {
	/*overflow:hidden;*/
	right:calc(50% - 0.563rem);
	right:50%;
	transform:rotate(-90deg) translate(50%, -50%);
}
.prismatic_hero .project_number {
	-webkit-text-stroke:1px rgba(190,69,137,0.3);
			text-stroke:1px rgba(190,69,137,0.3);
}
.winden_hero .project_number {
	-webkit-text-stroke:1px rgba(63,170,175,0.4);
			text-stroke:1px rgba(63,170,175,0.4);
}
.quad_hero .project_number {
	-webkit-text-stroke:1px rgba(52,47,206,0.3);
			text-stroke:1px rgba(52,47,206,0.3);
}
.racetrack_hero .project_number {
	-webkit-text-stroke:1px rgba(239,68,56,0.35);
			text-stroke:1px rgba(239,68,56,0.35);
}
.hegde_hero .project_number {
	-webkit-text-stroke:1px rgba(102,22,19,0.2);
			text-stroke:1px rgba(102,22,19,0.2);
}
.cookbook_hero .project_number {
	-webkit-text-stroke:1px rgba(149,32,30,0.25);
			text-stroke:1px rgba(149,32,30,0.25);
}
.cts_hero .project_number {
	-webkit-text-stroke:1px rgba(29,174,236,0.4);
			text-stroke:1px rgba(29,174,236,0.4);
}
.sudeep_hero .project_number {
	-webkit-text-stroke:1px rgba(226,55,57,0.3);
			text-stroke:1px rgba(226,55,57,0.3);
}
.tdp_hero .project_number {
	-webkit-text-stroke:1px rgba(187,177,100,0.4);
			text-stroke:1px rgba(187,177,100,0.4);
}

.book-hero, .tdp-hero, .cts-hero {
	width:90%;
	margin:10rem 5% 0;
	display:block;
	box-shadow:10px 10px 30px rgba(0,0,0,0.35);
	position:relative;
}
.racetrack-hero, .hegde-hero, .sudeep-hero {
	width:95%;
	margin:10rem 0 0 5%;
}
.racetrack-hero, .hegde-hero {
	display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start;
	position:relative;
}
.hegde-hero img {
	width:100%;
	display:block;
	box-shadow:10px 10px 30px rgba(0,0,0,0.35);
}
.hegde-hero .front {
	width:44.737%;
}
.hegde-hero .back {
	width:34.661%;
	margin-top:15.385%;
}
.phone-portrait {
	border:0.347vw solid #ffffff;
	padding:4.04%;
	border-radius:3.125vw;
	position:relative;
	box-shadow:10px 10px 30px rgba(0,0,0,0.35);
}
.phone-portrait::before {
	content:"";
	height:6.926%;
	position:absolute; top:2.027%; right:4.181%; left:4.181%;
	background:#f9f9f9;
	border-top-left-radius:2.222vw;
	border-top-right-radius:2.222vw;
}
.phone-portrait img {
	width:100%;
	display:block;
	padding-top:15.97%;
	border-bottom-left-radius:2.222vw;
	border-bottom-right-radius:2.222vw;
}
.browser {
	padding-top:4.274%;
	position:relative;
	box-shadow:10px 10px 30px rgba(0,0,0,0.35);
	/*border-top-right-radius:2.222vw;*/
}
.browser::before {
	content:"";
	height:5.124%;
	position:absolute; top:0; right:0; left:0;
	background:#f9f9f9;
	border-top-left-radius:0.625vw;
}
.browser img {
	width:100%;
	display:block;
}
.racetrack-hero .home {
	width:44.737%;
	position:sticky;
	top:10rem;
}
.racetrack-hero .industries {
	width:38.862%;
}
.racetrack-hero .illustration {
	width:100%;
	max-width:12.333rem;
	margin-bottom:4rem;
}
.sudeep-hero .mobile {
	width:44.737%;
	margin:0 auto 7.566%;
	position:sticky;
	top:10rem;
	z-index:1;
}
.sudeep-hero .desktop {
	margin-top:17.094%;
}
.quad-hero {
	width:100%;
}
.quad_hero .content {
	position:sticky;
	top:14rem;
}
.quad-hero .film {
	margin:14rem 5% 4rem;
	position:sticky;
	top:15rem;
	z-index:1;
}
.quad-hero video {
	display:block;
	width:100%;
	box-shadow:10px 10px 30px rgba(0,0,0,0.35);
}
.quad-hero .poster {
	position:relative;
	margin:calc(-37.71% - 8rem) 0 0 28.75%;
	/*box-shadow:10px 10px 30px rgba(0,0,0,0.35);*/
}
.quad-hero .poster img {
	display:block;
	width:100%;
}

.archive-title h1 {
	font-size:7.5rem;
	line-height:6.25rem;
	color:transparent;
	-webkit-text-stroke:1px #bbd649;
			text-stroke:1px #bbd649;
	margin-left:-0.444rem;
}
.archive-title span {
	color:rgba(255,255,255,0.5);
	padding-bottom:0.5rem;
	margin-left:-0.5rem;
}
.archive-list {
	list-style:none;
	counter-reset:archive;
	margin-left:1rem;
}
.archive-list li {
	position:relative;
	padding-left:2rem;
}
.archive-list li div {
	opacity:0;
	transform:translateY(2rem);
	transition:opacity 0.25s cubic-bezier(0.25, 0, 0.75, 1), transform 0.45s cubic-bezier(0.25, 0, 0.75, 1);
}
.no-IO .archive-list li div, .archive-list li.fade.up div {
	opacity:1;
	transform:translateY(0);
}
.archive-list li + li {
	margin-top:1.5rem;
}
.archive-list li::before {
	counter-increment:archive;
	content:counter(archive, decimal-leading-zero);
	position:absolute;
	top:0.111rem; right:100%;
	opacity:0;
	transform:translateX(1rem);
	transition:opacity 0.25s cubic-bezier(0.75, 0, 0.25, 1) 0.2s, transform 0.35s cubic-bezier(0.75, 0, 0.25, 1) 0.2s;
}
.no-IO .archive-list li::before, .archive-list li.fade.up::before {
	opacity:1;
	transform:translateX(0);
}
.archive-list li::before,
.archive-list span {
	font-size:0.667rem;
	color:#5e7984;
	text-transform:uppercase;
	letter-spacing:1px;
}
.archive-list a {
	font-style:normal;
	font-weight:800;
	background-position:right 1.111rem;
}
.archive-list a:hover, .archive-list a:focus {
	background-position:left 1.111rem;
}
.archive-title {
	width:95%;
	margin:9rem 5% 0 0;
	text-align:right;
	-ms-writing-mode:tb-rl;
	    writing-mode:vertical-rl;
	transform:rotate(180deg);
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	align-content:flex-end;
}
footer {
	max-width:72rem;
	font-size:0.722rem; 
	text-align:center;
	position:relative;
	padding:4rem 0 2.5rem;
	margin:0 5%;
	display:flex; flex-wrap:wrap; justify-content:space-between; flex-direction:column;
}
footer a:hover, footer a:focus {
	text-decoration:underline;
}
footer p, footer ul {
	margin-bottom:0;
}
.winden footer p::-moz-selection, .winden footer ul::-moz-selection, .winden footer a::-moz-selection {
	color:#fffff0;
}
.winden footer p::selection, .winden footer ul::selection, .winden footer a::selection {
	color:#fffff0;
}
.racetrack footer p::-moz-selection, .racetrack footer ul::-moz-selection, .racetrack footer a::-moz-selection {
	color:#f7dfdf;
}
.racetrack footer p::selection, .racetrack footer ul::selection, .racetrack footer a::selection {
	color:#f7dfdf;
}
.cookbook footer p::-moz-selection, .cookbook footer ul::-moz-selection, .cookbook footer a::-moz-selection {
	color:#fff7d7;
}
.cookbook footer p::selection, .cookbook footer ul::selection, .cookbook footer a::selection {
	color:#fff7d7;
}
.social {
	display:flex; flex-wrap:wrap; justify-content:center; 
	margin-right:-1em; margin-left:-1em;
}
.social li a {
	padding:0 1em;
}
.prismatic-hero {
	width:90%;
	margin:0 5%
}
.prismatic-hero .photo {
	width:100%;
	display:block;
	position:sticky; top:10rem;
	margin:10rem auto 3rem;
}
.prismatic-hero .illustration {
	width:70%;
	display:block;
	margin:0 auto 4rem;
}
.prismatic-hero .site {
	width:44.737%;
	margin:-8.5rem auto 0;
	position:relative; z-index:1;
}


/*-------------- [Case Studies] -----------------*/
/*-----------------------------------------------*/
/*.case.winden nav::before {
	background:#fffff0;
}*/

.case article a:hover,
.case article a:focus,
.signpost_nextcase a:hover,
.signpost_nextcase a:focus {
	text-decoration:underline;
}
.case h2 + p {
	margin-top:1.389rem;
}

.featured {
	display:flex; flex-wrap:wrap;
	font-size:0.833rem;
	color:rgba(0,0,0,0.75);
	margin-top:-1rem;
} 
.featured ::-moz-selection {
	background:rgba(0,0,0,0.75);
} 
.featured ::selection {
	background:rgba(0,0,0,0.75);
}
.featured + .featured {
	margin-top:1rem;
}
.featured dt {
	min-width:7rem;
	opacity:0.6;
	padding-right:0.5rem;
	font-weight:bold;
	display:flex; justify-content:space-between;
}
.featured dt::after {
	content:":";
	opacity:0.5;
}
.featured dd {
	width:calc(100% - 7.5rem);
}
.featured dd span {
	opacity:0.65;
}
.featured dt, .featured dd {
	margin-top:1rem;
}

.case .hero {
	max-width:80rem;
	margin:0 auto;
	position:relative;
}
.winden_intro {
	max-width:72rem;
	margin:0 5%;
	padding:3rem 0 4rem;
}
.winden_intro ::-moz-selection, .winden_posters ::-moz-selection {
	color:#fffff0;
}
.winden_intro ::selection, .winden_posters ::selection {
	color:#fffff0;
}
.winden_logo {
	max-height:6.111rem;
	display:block;
	margin:0 auto 8.889rem;
}
.winden_alert {
	text-align:center;
	padding:3rem 0 5.5rem;
	margin-bottom:5rem;
	border-bottom: 1px solid rgba(0,0,0,0.5);
	background:url('images/travellers-of-winden/intro_sign.gif') no-repeat center top/auto 2rem;
}
.case p, .case.winden .winden_alert a {
	color:rgba(0,0,0,0.75);
}
.case p::-moz-selection, .case p em::-moz-selection, .case.winden .winden_alert a::-moz-selection {
	background:rgba(0,0,0,0.75);
}
.case p::-moz-selection, .case p em::-moz-selection, .case p strong::-moz-selection, .case.winden .winden_alert a::-moz-selection {
	background:rgba(0,0,0,0.75);
}
.case p::selection, .case p em::selection, .case p strong::selection, 
.case.winden .winden_alert a::selection {
	background:rgba(0,0,0,0.75);
}
.body_content {
	max-width:35rem;
	margin:0 auto;
}
.contained {
	padding-right:5.556%; padding-left:5.556%;
}

.winden_posters {
	padding-bottom:7rem;
}
.winden_posters .main {
	background:linear-gradient(#fffff0, #fffff9);
}
.winden_posters .main img {
	max-width:72rem;
	width:90%;
	display:block;
	margin:0 5%;
	box-shadow:10px 10px 30px rgba(0,0,0,0.35);
	position:relative; z-index:1;
}
.winden_posters .details {
	padding-bottom:263.846%;
	background:#fffff9 url("images/travellers-of-winden/characters-xs.jpg") repeat-x left bottom/100%;
}
.winden_posters .details ul {
	max-width:51.333rem;
	margin:0 5%;
	padding:4rem 0 6rem;
	list-style:none;
	display:flex; flex-wrap:wrap; justify-content:space-between;
}
.winden_posters .details li {
	width:100%;
	margin-top:2rem;
}
.winden_posters .details li img {
	width:100%; max-width:26.353rem;
	display:block;
	margin:0 auto;
}
.winden_posters .pre_composite {
	max-width:72rem;
	margin:0 5%;
	background:linear-gradient(150deg, rgba(255,255,239,1) 40%, rgba(255,255,239,0) 75%), url("images/travellers-of-winden/cycle1_jonas-s.png") no-repeat center bottom/96%;
}
.winden_posters blockquote {
	max-width:35rem;
	padding:8rem 0 7rem;
	margin:0 auto;
}
.winden_posters .composite {
	/*background:linear-gradient(#fffff0 9.091%, #fbe9d9 9.091%, #fbe9d9 18.182%, #2ad3dd 18.182%, #2ad3dd 27.273%, #d9d9d9 27.273%, #d9d9d9 36.364%, #484848 36.364%, #484848 45.455%, #fffff0 45.455%, #fffff0 54.545%, #cdf8d2 54.545%, #cdf8d2 63.636%, #7e0969 63.636%, #7e0969 72.727%, #ceebf4 72.727%, #ceebf4 81.818%, #f4d33a 81.818%);*/
	/*background:linear-gradient(#fffff0 10%, #fbe9d9 10%, #fbe9d9 20%, #2ad3dd 20%, #2ad3dd 30%, #d9d9d9 30%, #d9d9d9 40%, #484848 40%, #484848 50%, #fffff0 50%, #fffff0 60%, #cdf8d2 60%, #cdf8d2 70%, #7e0969 70%, #7e0969 80%, #ceebf4 80%, #ceebf4 90%, #f4d33a 90%);*/
	/*background:linear-gradient(#fffff0 10%, #fbe9d9 10% 20%, #2ad3dd 20% 30%, #d9d9d9 30% 40%, #484848 40% 50%, #fffff0 50% 60%, #cdf8d2 60% 70%, #7e0969 70% 80%, #ceebf4 80% 90%, #f4d33a 90%);*/
	background:linear-gradient(#fffff0 10%, #fbe9d9 10%, #fbe9d9 20%, #2ad3dd 20%, #2ad3dd 30%, #d9d9d9 30%, #d9d9d9 40%, #484848 40%, #484848 50%, #fffff0 50%, #fffff0 60%, #cdf8d2 60%, #cdf8d2 70%, #7e0969 70%, #7e0969 80%, #ceebf4 80%, #ceebf4 90%, #f4d33a 90%);
}
.winden_posters .composite img {
	width:90%;
	display:block;
	margin:0 auto;
}
.winden_posters .characters {
	list-style:none;
	position:relative;
}
.winden_posters .characters::before {
	content:""; display:block;
	width:100%; height:9rem;
	position:absolute; top:0; left:0;
	background:linear-gradient(rgba(244,212,59,1) 20%, rgba(244,212,59,0));
}
.winden_posters .characters li {
	background:url("images/travellers-of-winden/character_alt.svg") no-repeat 0 bottom/400%;
}
.winden_posters .characters figure {
	max-width:72rem;
	margin:0 5%;
	padding:6rem 0;
	display:flex; flex-wrap:wrap; justify-content:center; align-items:center; flex-direction:row;
}
@supports (position: sticky) {
	.winden_posters .characters figure {
		align-items:flex-start;
	}
}
.winden_posters .characters img {
	display:block;
	box-shadow:10px 10px 30px rgba(0,0,0,0.35);
	margin-bottom:4.438rem;
}
.winden_posters .characters figcaption {
	max-width:31rem;
	font:700 1.667rem/2rem 'Cormorant', Georgia, "Times New Roman", serif; 
}
.winden_posters .characters .jonas {
	background-color:#f4d33a;
}
.winden_posters .characters .helge {
	background-color:#2AD4DD;
	background-position:33.333% bottom;
}
.winden_posters .characters .claudia {
	background-color:#7F0A69;
	background-position:66.666% bottom;
}
.winden_posters .characters .noah {
	background-color:#494949;
	background-position:100% bottom;
}
.winden_posters .characters .jonas figure {
	padding-top:9rem;
}
@supports (background-attachment: fixed) {
	.winden_posters .characters li {
		background-attachment: fixed;
	}
}

.winden_posters .characters .jonas figcaption {
	color:#6B390C;
}
.winden_posters .characters .helge figcaption {
	color:#0E5B5B;
}
.winden_posters .characters .claudia figcaption,
.winden_posters .characters .noah figcaption {
	color:rgba(255,255,255,0.85);
}
.winden_posters .process {
	padding-bottom:37.7rem;
	background:url("images/travellers-of-winden/sketches-m.jpg") no-repeat center bottom/40rem;
}
.winden_posters .process img {
	width:90%;
	max-width:47.333rem;
	display:block;
	margin:6rem auto;
}
.racetrack_intro {
	padding:2.056rem 5% 0;
	position:relative;
}
.racetrack_intro ::-moz-selection {
	color:#f7dfdf;
}
.racetrack_intro ::selection {
	color:#f7dfdf;
}
.racetrack_intro::after {
	content:"";
	position:absolute; right:0; bottom:0; left:0; z-index:-1;
	background:#f7f7f7;
	height:0; padding-top:21.157%;
}
.racetrack_intro .wrapper,
.racetrack_research .wrapper,
.cookbook_photography .wrapper {
	max-width:72rem;
	margin:0 auto;
}
.racetrack_intro img {
	width:100%;
	max-width:72rem;
	display:block;
	margin:5.5rem auto 0;
	box-shadow:10px 10px 30px rgba(0,0,0,0.2);
}
.racetrack_research {
	background:#f7f7f7;
	padding:5rem 5% 6rem;
}
.racetrack_research ::-moz-selection {
	color:#f7f7f7;
}
.racetrack_research ::selection {
	color:#f7f7f7;
}
.racetrack_research .sketches {
	max-width:100%;
	display:block;
	margin:2.5rem 0 5rem;
}
.racetrack_research .sitemap {
	max-width:47.333rem;
	width:100%;
	display:block;
	margin:2.5rem auto 0;
}
.racetrack_design {
	background:#f7f7f7;
}
.racetrack_wireframe {
	max-width:72rem;
	background:#f7dfdf url('images/racetrack/wireframe-xs.png') no-repeat top center / 100%;
	padding:54.514% 0 4rem;
	margin:0 5%;
}
.racetrack_wireframe ::-moz-selection {
	color:#f7dfdf;
}
.racetrack_wireframe ::selection {
	color:#f7dfdf;
}
.racetrack_wireframe .body_content {
	padding-top:5rem;
}
.racetrack_icons {
	list-style:none;
	padding:6rem 0 3rem;
	margin:0 5%;
	display:-ms-grid;
	display:grid;
	-ms-grid-columns:(4.167rem)[3];
	grid-template-columns:repeat(3, 4.167rem);
	justify-content:center;
	gap:2.084rem;
}
.racetrack_icons li img {
	width:4.167rem;
	height:4.167rem;
	display:block;
}
.racetrack_buttons {
	background:linear-gradient(#f7f7f7 50%, #372347 50%);
}
.racetrack_buttons ul,
.racetrack_illustrations ul {
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.racetrack_buttons ul {
	margin:0 5%;
}
.racetrack_buttons li {
	width:100%;
}
.racetrack_buttons video {
	max-height:52px;
	width:100%;
	display:block;
	margin:3rem auto 0;
}
.racetrack_buttons li:nth-child(even) video {
	margin-bottom:3rem;
}
.racetrack_illustrations {
	padding:0 5%;
	background:#372347;
}
.racetrack_illustrations ul {
	max-width:72rem;
	margin:0 auto;
}
.racetrack_illustrations li {
	width:100%;
	margin:3rem 0;
	text-align:center;
}
.racetrack_illustrations figure {
	height:0;
	margin:0 auto;
	position:relative;
}
.racetrack_illustrations img {
	width:100%; height:100%;
	position:absolute; top:0; left:0;
}
.racetrack_illustrations .illustration_home {
	width:28.959%; padding-top:50.835%;
}
.racetrack_illustrations .illustration_marvin {
	width:37.917%; padding-top:50.834%;
}
.racetrack_illustrations .illustration_turing {
	width:20%; padding-top:50.833%;
}
.racetrack_illustrations .illustration_industries {
	width:39.375%; padding-top:50.208%;
}
.racetrack_illustrations .illustration_about {
	width:39.584%; padding-top:50.209%;
}
.racetrack_illustrations .illustration_resources {
	width:37.083%; padding-top:50.208%;
}
.racetrack_development {
	background:#372347;
	padding-top:2rem;
	overflow:hidden;
}
.racetrack_development p::-moz-selection {
	background:rgba(255,255,255,0.75);
	color:#372347;
}
.racetrack_development p::selection {
	background:rgba(255,255,255,0.75);
	color:#372347;
}
.racetrack_development .wrapper,
.cookbook_design .wrapper {
	max-width:72rem;
	margin:0 5%;
}
.racetrack_development h2 {
	color:#f7dfdf;
}
.racetrack_development h2::-moz-selection {
	background:#f7dfdf;
	color:#372347;
}
.racetrack_development h2::selection {
	background:#f7dfdf;
	color:#372347;
}
.racetrack_development p {
	color:rgba(255,255,255,0.75);
}
.racetrack_menu {
	margin:2.5rem 0 0;
}
.racetrack_menu img {
	display:block;
	box-shadow:10px 10px 30px rgba(0,0,0,0.35);
}
.racetrack_menu .desktop {
	max-width:61.667rem;
	width:100%;
}
.racetrack_menu .not_found, 
.racetrack_menu .mobile {
	max-width:222px;
	width:52.778%;
}
.racetrack_menu .not_found {
	margin: 23.436% 36.806% 0 auto;
}
.racetrack_menu .mobile {
	margin:-114.231% 0 0 36.806%;
	transform:translateY(-9.843%);
}
.racetrack_site {
	max-width:80rem;
	margin:0 auto;
	padding-bottom:3rem;
	overflow:hidden;
}
.racetrack_products {
	margin:0 5%;
	position:relative;
}
.racetrack_products img {
	/*width:52.778%;*/
	width:73.611%;
	display:block;
	box-shadow:10px 10px 30px rgba(0,0,0,0.2);
}
.racetrack_products .marvin {
	position:absolute; top:0; left:0;
}
.racetrack_products .turing {
	/*margin-left:36.806%;*/
	margin-left:26.389%;
}
.racetrack_data {
	max-width:20rem;
	margin:0 auto;
}
.racetrack_dual_screens {
	max-width:72rem;
	list-style:none;
	margin-bottom:7rem;
}
.racetrack_dual_screens li {
	/*max-width:47.333rem;*/
	width:85.625%;
	margin:6rem 0;
	position:relative;
	/*box-shadow:10px 10px 30px rgba(0,0,0,0.2);*/
}
.racetrack_dual_screens .case {
	/*background:#6a2f8e;*/
}
.racetrack_dual_screens .case .desktop {
	width:48.75%;
	display:block;
	/*margin-left:auto;*/
	background:#6a2f8e;
}
.racetrack_dual_screens .industry {
	/*background:#f7f7f7;*/
	margin-left:auto;
}
.racetrack_dual_screens .industry::after {
	content:"";
	position:absolute; top:9.517%; right:51.25%; /*bottom:9.517%;*/ left:5%;
	background:#eaeaea;
	padding-bottom:41.369%;
}
.racetrack_dual_screens .industry .desktop {
	width:43.75%;
	display:block;
	padding-right:5%;
	/*margin-left:auto;*/
	background:#f7f7f7;
}
.racetrack_dual_screens .desktop {
	padding-left:51.25%;
}
.racetrack_dual_screens .mobile {
	width:38.686%;
	position:absolute; top:50%; left:5.839%; z-index:1;
	transform:translateY(-50%);
	width:27.737%;
	left:10.949%;
}
.racetrack_dual_screens img {
	box-shadow:10px 10px 30px rgba(0,0,0,0.2);
}

.cookbook_about {
	max-width:72rem;
	margin:3rem 5% 0;
}
.cookbook_about > .body_content ::-moz-selection {
	color:#fff7d7;
}
.cookbook_about > .body_content ::selection {
	color:#fff7d7;
}
.cookbook_intro {
	margin:5.5rem 0 0 0;
	padding:6rem 0 4rem;
	background:#fffdf5;	
}
.cookbook_intro ::-moz-selection, .cookbook_intro h2::-moz-selection, .cookbook_photography ::-moz-selection, .cookbook_photography h2::-moz-selection, .cookbook_spread h2::-moz-selection, .cookbook_spread cite::-moz-selection {
	color:#fffdf5;
}
.cookbook_intro ::selection,
.cookbook_intro h2::selection,
.cookbook_photography ::selection,
.cookbook_photography h2::selection,
.cookbook_spread h2::selection,
.cookbook_spread cite::selection {
	color:#fffdf5;
}
.cookbook_intro img {
	width:100%;
	margin:-15.929% 0 calc(-18.938% + 5.438rem) auto;
}
.cookbook_exploration {
	max-width:72rem;
	width:90%;
	margin:6rem auto 0;
}
.cookbook_exploration ::-moz-selection, .cookbook_design ::-moz-selection {
	color:#fff7d7;	
}
.cookbook_exploration ::selection,
.cookbook_design ::selection {
	color:#fff7d7;	
}
.cookbook_exploration .sketches {
	width:100%;
	margin:0 auto 2rem;
}
.cookbook_grid {
	max-width:47.333rem;
	width:100%;
	margin:0 auto;
	position:relative;
}
.cookbook_grid::before {
	content:""; 
	position:absolute; top:-15%; right:0; left:0; bottom:-15%;
	z-index:0;
}
.cookbook_recipe_header {
	margin-top:5.5rem;
}
.cookbook_recipe_header::before {
	/*background:linear-gradient(to right, transparent 6.103%, 6.103%, 
										 rgba(81,66,40,0.1) 18.603%, 8.603%, 
										 transparent 23.65%, 23.65%, 
										 rgba(81,66,40,0.1) 56.25%, 56.25%, 
										 transparent 61.297%, 61.297%, 
										 rgba(81,66,40,0.1) 93.897%, 93.897%, 
										 transparent 100%);*/   /* 6.103% 18.603% 23.65% 56.25% 61.297% 93.897% */

	/*background:linear-gradient(rgba(81,66,40,0.1), transparent) no-repeat 6.975% 0/12.5% 100%, 
				 linear-gradient(rgba(81,66,40,0.1), transparent) no-repeat 34.99% 0/32.41% 100%, 
				 linear-gradient(rgba(81,66,40,0.1), transparent) no-repeat 90.689% 0/32.41% 100%;*/

	/*background:linear-gradient(transparent, rgba(81,66,40,0.1) 25%, 75%, transparent) no-repeat 6.975% 0/12.5% 100%, 
				 linear-gradient(transparent, rgba(81,66,40,0.1) 25%, 75%, transparent) no-repeat 34.99% 0/32.41% 100%, 
				 linear-gradient(transparent, rgba(81,66,40,0.1) 25%, 75%, transparent) no-repeat 90.689% 0/32.41% 100%;*/

	background:linear-gradient(transparent, rgba(149,32,30,0.25) 15%, 85%, transparent) no-repeat 6.103% 0/1px 100%,
			   linear-gradient(transparent, rgba(149,32,30,0.25) 15%, 85%, transparent) no-repeat 18.603% 0/1px 100%,
			   linear-gradient(transparent, rgba(149,32,30,0.25) 15%, 85%, transparent) no-repeat 23.65% 0/1px 100%,
			   linear-gradient(transparent, rgba(149,32,30,0.25) 15%, 85%, transparent) no-repeat 56.25% 0/1px 100%,
			   linear-gradient(transparent, rgba(149,32,30,0.25) 15%, 85%, transparent) no-repeat 61.297% 0/1px 100%,
			   linear-gradient(transparent, rgba(149,32,30,0.25) 15%, 85%, transparent) no-repeat 93.897% 0/1px 100%;

	/* 6.103 12.5 5.047 32.6 5.047 32.6 6.103 */
}
.cookbook_recipe_ingredients {
	margin-bottom:6rem;
}
.cookbook_recipe_ingredients::before {
	background:linear-gradient(transparent, rgba(149,32,30,0.25) 15%, 85%, transparent) no-repeat 6.103% 0/1px 100%,
			   linear-gradient(transparent, rgba(149,32,30,0.25) 15%, 85%, transparent) no-repeat 32.042% 0/1px 100%,
			   linear-gradient(transparent, rgba(149,32,30,0.25) 15%, 85%, transparent) no-repeat 36.033% 0/1px 100%,
			   linear-gradient(transparent, rgba(149,32,30,0.25) 15%, 85%, transparent) no-repeat 47.477% 0/1px 100%,
			   linear-gradient(transparent, rgba(149,32,30,0.25) 15%, 85%, transparent) no-repeat 52.524% 0/1px 100%,
			   linear-gradient(transparent, rgba(149,32,30,0.25) 15%, 85%, transparent) no-repeat 78.463% 0/1px 100%,
			   linear-gradient(transparent, rgba(149,32,30,0.25) 15%, 85%, transparent) no-repeat 82.454% 0/1px 100%,
			   linear-gradient(transparent, rgba(149,32,30,0.25) 15%, 85%, transparent) no-repeat 93.897% 0/1px 100%;

	/* 6.103 25.939 3.991 11.444 5.047 25.939 3.991 11.443 6.103 */
}
.cookbook_grid img {
	width:100%;
}
.cookbook_photography {
	background:#fffdf5;
	padding:5rem 5% 0;
}
.cookbook_gallery {
	background:#fffdf5;
	/*padding-top:5.5rem;*/
	padding-bottom:6rem;
}
.cookbook_design {
	/*background:#fffdf5;*/
	/*padding:0 5%;*/
	padding-bottom:3rem;
}
.cookbook_double_spreads {
	max-width:47.333rem;
	width:100%;
	margin:0 auto 2rem;
}
.cookbook_design .colocasia {
	max-width:72rem;
	width:50%;
	margin:0 auto 3.5rem;
	display:block;
	box-shadow:-2px 2px 10px rgba(0,0,0,0.15);
	position: relative;
	z-index:0;
}
.cookbook_design .colocasia::before {
	content: "";
	width:35%; height:50%;
	position:absolute; bottom:0; right:57%; z-index:-1;
	background:#000;
	border-radius:25%;
	box-shadow:0.3rem 0.5rem 2rem rgba(0,0,0,0.3);
	transform-origin:bottom right;
	transform:rotate(4deg) skew(-10deg);
}
.cookbook_design .colocasia::after {
	content: "";
	width:30%; height:50%;
	position:absolute; bottom:0; left:52%; z-index:-1;
	background:#000;
	border-radius:25%;
	box-shadow:-0.3rem 0.5rem 2rem rgba(0,0,0,0.3);
	transform-origin:bottom left;
	transform:rotate(-4deg) skew(10deg);
}
.cookbook_design .colocasia img {
	width:100%; display:block;
}

.cookbook_recipes {
	max-width:72rem;
	margin:0 auto;
	list-style:none;
	display:flex; flex-wrap:wrap-reverse; justify-content:space-between;
}
.cookbook_recipes li {
	width:41.435%;
	margin-top:1.5rem;
}
.cookbook_recipes li img {
	width:100%; 
	display:block;
	box-shadow:10px 10px 30px rgba(0,0,0,0.2);
}

.cookbook_elements {
	padding:6rem 0 0;
	margin-top:5.5rem;
	margin-bottom:5rem;
	background:#fffdf5;
	overflow-x:hidden;
	display:flex; justify-content:center; flex-wrap:wrap;
}
.cookbook_variations {
	width:90%; max-width:47.333rem;
	margin-bottom:6rem;
	display:-ms-grid;
	display:grid; -ms-grid-columns:(1fr)[2]; grid-template-columns:repeat(2, 1fr); justify-items:center; gap:3rem 5.556%;
}
.cookbook_variations li {
	width:5.167rem;
	overflow:hidden;
}
.cookbook_variations figure {
	position:relative;
	margin-top:2rem;
	background:url('images/melodies-from-my-kitchen/variation-sprite.png') no-repeat 0 0/26.139rem;
}
.cookbook_variations figure::before {
	content:""; display:block;
	width:100%; height:2rem;
	transform:translateY(-2rem);
	background:url('images/melodies-from-my-kitchen/variation-sprite.png') no-repeat -21rem 0/26.139rem;
}
.cookbook_variations .boiled_bitter_gourd figure, .cookbook_variations .green_gram figure {
	height:2.75rem;
}
.cookbook_variations .green_banana figure, .cookbook_variations .red_gram figure,
.cookbook_variations .bitter_gourd figure, .cookbook_variations .raw_tamarind figure {
	height:1.667rem;
}
.cookbook_variations .patoli figure, .cookbook_variations .spinach figure {
	height:0.611rem;
}
.cookbook_variations .green_banana figure {
	background-position:-5.25rem 0;
}
.cookbook_variations .green_gram figure {
	background-position:-10.5rem 0;
}
.cookbook_variations .red_gram figure {
	background-position:-15.75rem 0;
}
.cookbook_variations .bitter_gourd figure {
	background-position:0 -3rem;
}
.cookbook_variations .patoli figure {
	background-position:-5.25rem -3rem;
}
.cookbook_variations .raw_tamarind figure {
	background-position:-10.5rem -3rem;
}
.cookbook_variations .spinach figure {
	background-position:-15.75rem -3rem;
}

.cookbook_variations .book_photo {
	width:100%;
	/*grid-column-start:span 4;*/
	grid-column:1 / -1;
}
.cookbook_variations .book_photo img {
	width:100%;
}
.cookbook_spread {
	width:100%;
	list-style:none;
	flex-shrink:0;
	display:flex; flex-wrap:wrap; justify-content:space-between;
}
.cookbook_spread li {
	width:82.083%;
	padding:0.313% 4.375% 4.125rem 5.208%;
	margin:0 5% 0 3.333%;
	background:url('images/melodies-from-my-kitchen/spread-bg.jpg') no-repeat right top/100%;
}
.cookbook_spread .testimony {
	width:90%;
	display:flex; flex-wrap:wrap; align-content:center;
	background:none;
}
.cookbook_spread img {
	width:100%;
}
.cookbook_spread blockquote {
	max-width:428px;
	margin:0 auto;
}
.cookbook_spread blockquote cite {
	margin-bottom:0;
}
.cookbook_statistics {
	max-width:80rem;
	margin:4rem auto 7rem;
	display:flex; flex-wrap:wrap; justify-content:center; align-items:center;
}
.cookbook_cover {
	width:78.017%;
	transform:translateX(-16.353%);
	margin-top:1.5rem;
}
.cookbook_numbers {
	display:flex; 
	width:100%;
	justify-content:space-evenly;
	text-align:center;
	flex-direction:column;
	margin-top:0.4rem;
}
.cookbook_numbers li {
	display:inline-flex; flex-direction:column;
	margin:1rem 0;
	color:rgba(0,0,0,0.65);
}
.cookbook_numbers em {
	font:700 5rem/4rem 'Cormorant', Georgia, "Times New Roman", serif; 
	font-variant-numeric:lining-nums; color:#514228;
}
.cookbook_photos, .cookbook_gallery ul {
	display:flex; flex-wrap:wrap; justify-content:space-between;
	margin:2.5rem 0 -5.556%;
}
.cookbook_photos {
	margin-bottom:0;
}
.cookbook_photos li, .cookbook_gallery li {
	width:100%;
	margin-bottom:5.556%;
}
.cookbook_photos li img, .cookbook_gallery li img {
	width:100%;
}
/*.cookbook_spread_detail + .body_content {
	margin-top:6rem;
}
.cookbook_spread_detail + .cookbook_double_spreads {
	margin-top:6rem;
}
.body_content + .cookbook_spread_detail {
	margin-top:2.5rem;
}*/
.cookbook_spread_detail li {
	display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;
	background:#fffdf5;
}
.cookbook_spread_detail .even {
	flex-direction:row-reverse;
}
.cookbook_spread_detail .detail,
.cookbook_spread_detail .spread img {
	width:100%;
}
.cookbook_spread_detail .spread {
	width:37.809%;
	padding:0.154% 2.006% 6.25% 2.392%;
	margin-top:6.096%;
	background:url('images/melodies-from-my-kitchen/spread-bg.jpg') no-repeat right top/100%;

	width:72.271%;
	/*padding:0.295% 3.835% 10.693% 4.572%;*/
	padding:0.295% 3.835% 4.125rem 4.572%;
	/*margin:10.398% 10.398% 0 8.923%;*/
	margin:4rem 10.398% 0 8.923%;

}

.signpost {
	max-width:72rem;
	margin:0 5%;
	padding:3rem 0;
	overflow:hidden;
	display:flex; flex-wrap:wrap-reverse; justify-content:space-between;
	font:700 2rem/2.5rem 'Cormorant', Georgia, "Times New Roman", serif;
}
.winden .signpost ::-moz-selection {
	color:#fffff0;
}
.winden .signpost ::selection {
	color:#fffff0;
}
.racetrack .signpost ::-moz-selection {
	color:#f7dfdf;
}
.racetrack .signpost ::selection {
	color:#f7dfdf;
}
.signpost_contact {
	width:100%;
	box-sizing:border-box;
	padding:1.111rem 0 79px;
	margin-bottom:2rem;
	text-align:center;
}
.winden .signpost_contact a {
	background-image:linear-gradient(to right, #9F7E5C 100%, transparent 100%);
}
.racetrack .signpost_contact a {
	background-image:linear-gradient(to right, #725454 100%, transparent 100%);
}
.cookbook .signpost_contact a {
	background-image:linear-gradient(to right, #878060 100%, transparent 100%);
}
.chai {
	width:56px; height:79px;
	position:absolute; bottom:-79px; right:50%;
	transform:translateX(50%);
}
.chai path, .chai ellipse, .chai line {
	fill:none;
	stroke-miterlimit:10;
	stroke-linecap:round;
}
.steam {
	stroke-dasharray:14 14;
	stroke-dashoffset:14;
	transition:none;
}
.signpost_contact a:hover .steam,
.signpost_contact a:focus .steam {
	stroke-dashoffset:-12;
	transition:stroke-dashoffset 1s cubic-bezier(0.75, 0, 0.25, 1);
}
.signpost_contact a:hover .steam.up,
.signpost_contact a:focus .steam.up {
	transition-delay:0.2s;
}
.winden .chai path, .winden .chai ellipse, .winden .chai line {
	stroke:rgba(63,170,175,0.5);
}
.racetrack .chai path, .racetrack .chai ellipse, .racetrack .chai line {
	stroke:rgba(239,68,56,0.4);
}
.cookbook .chai path, .cookbook .chai ellipse, .cookbook .chai line {
	stroke:rgba(149,32,30,0.4);
}
.winden .chai .steam {
	stroke:#3FAAAF;
}
.racetrack .chai .steam {
	stroke:#ef4438;
}
.cookbook .chai .steam {
	stroke:#95201e;
}
.winden .chai .glass_frame {
	fill:#fffff0;
}
.racetrack .chai .glass_frame {
	fill:#F7DFDF;
}
.cookbook .chai .glass_frame {
	fill:#fff7d7;
}
.signpost_nextcase {
	max-width:26.25rem;
	position:relative;
	box-sizing:border-box;
	padding:1.5rem 0;
	margin:0 auto 2rem;
	font-size:1.5rem;
	line-height:2rem;
}
.signpost_nextcase .projectnumber {
	font-variant-numeric:diagonal-fractions;
	font-size:10rem;
	line-height:6.6rem;
	color:rgba(0,0,0,0);
	-ms-writing-mode:tb-rl;
	    writing-mode:vertical-rl;
	position:absolute; top:50%; right:0%;
	transform-origin:center;
	transform:translateY(-50%) rotate(180deg);
}
.winden .signpost_nextcase .projectnumber {
	-webkit-text-stroke: 1px rgba(159, 126, 92, 0.35);
			text-stroke: 1px rgba(159, 126, 92, 0.35);	
}
.racetrack .signpost_nextcase .projectnumber {
	-webkit-text-stroke: 1px rgba(114, 84, 84, 0.35);
			text-stroke: 1px rgba(114, 84, 84, 0.35);	
}
.cookbook .signpost_nextcase .projectnumber {
	-webkit-text-stroke: 1px rgba(135, 128, 96, 0.35);
			text-stroke: 1px rgba(135, 128, 96, 0.35);	
}
.winden .signpost_nextcase .projectnumber::-moz-selection {
	background:rgba(159, 126, 92, 0.1);
	color:rgba(0,0,0,0);
}
.winden .signpost_nextcase .projectnumber::selection {
	background:rgba(159, 126, 92, 0.1);
	color:rgba(0,0,0,0);
}
.racetrack .signpost_nextcase .projectnumber::-moz-selection {
	background:rgba(114, 84, 84, 0.1);
	color:rgba(0,0,0,0);
}
.racetrack .signpost_nextcase .projectnumber::selection {
	background:rgba(114, 84, 84, 0.1);
	color:rgba(0,0,0,0);
}
.cookbook .signpost_nextcase .projectnumber::-moz-selection {
	background:rgba(135, 128, 96, 0.1);
	color:rgba(0,0,0,0);
}
.cookbook .signpost_nextcase .projectnumber::selection {
	background:rgba(135, 128, 96, 0.1);
	color:rgba(0,0,0,0);
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { 
	.winden_alert {
		background-image:url('images/travellers-of-winden/intro_sign-2x.gif');
	}
	.winden_posters .details {
		background-image:url("images/travellers-of-winden/characters-xs-2x.jpg");
	}
	.winden_posters .pre_composite {
		background-image:linear-gradient(150deg, rgba(255,255,239,1) 40%, rgba(255,255,239,0) 75%), url("images/travellers-of-winden/cycle1_jonas-s-2x.png");
	}
	.winden_posters .process {
		background-image:url("images/travellers-of-winden/sketches-m-2x.jpg");
	}
	.racetrack_wireframe {
		background-image:url('images/racetrack/wireframe-xs-2x.png');
	}
	.cookbook_variations figure, .cookbook_variations figure::before {
		background-image:url('images/melodies-from-my-kitchen/variation-sprite-2x.png');
	}
}

@media only screen and (min-width:381px) {
	.intro_hero address {
		top:1.167rem;
		transform:none;
	}
}


@media only screen and (min-width:421px) {	
	.racetrack_illustrations li {
		width:48.611%;
	}
	.cookbook_gallery li {
		width:47.222%;
	}
}

@media only screen and (min-width:461px) {	
	.racetrack_wireframe {
		background-image:url('images/racetrack/wireframe-s.png');
	}
	.racetrack_menu .not_found, 
	.racetrack_menu .mobile {
		width:31.944%;
	}
	.racetrack_menu .not_found {
		margin-top:7.813%;
		margin-right:47.222%;
	}
	.racetrack_menu .mobile {
		margin-top:-69.135%; margin-left:47.222%;
		transform:translateY(-9.551%);
	}	
	.racetrack_products img {
		width:63.194%;
	}
	.racetrack_products .marvin {
		left:10.417%;
	}
	.cookbook_intro img {
		width:78.472%;
		margin-top:-12.5%; margin-bottom:calc(-15.556% + 5.438rem);
	}
	.cookbook_numbers {
		flex-direction:row;
	}
	/*.cookbook_photos {
		margin-bottom:3rem;
	}*/
	.cookbook_photos li {
		width:31.481%;
		width:29.629%;
		/*margin-bottom:0;*/
	}
}
@media only screen and (min-width:461px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width:521px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width:521px) and (min-resolution: 144dpi) {	
	.racetrack_wireframe {
		background-image:url('images/racetrack/wireframe-s-2x.png');
	}
}

@media only screen and (min-width:521px) {		
	.winden_posters .details {
		padding-bottom:132%;
		background-image:url("images/travellers-of-winden/characters-s.jpg");
	}
	.cookbook_variations {
		-ms-grid-columns:(1fr)[4];
		grid-template-columns:repeat(4, 1fr);
	}
	.cookbook_spread {
		/*width:81.25%;*/
		width:79.242%;
	}
}
@media only screen and (min-width:521px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width:521px) and (min-resolution: 144dpi) {	
	.winden_posters .details {
		background-image:url("images/travellers-of-winden/characters-s-2x.jpg");
	}
}
@media only screen and (min-width:641px) {
	#v-guide { 
		background:url(images/v-guide-4.svg) repeat-y; background-size:contain;
	}
	#h-guide { 
		background:url(images/h-guide-17.svg) repeat; 
	}
	html { 
		font-size:106.25%; /* 17px */
	}
	h1 { 
		font-size:2.5rem; line-height:3rem;
	}
	article h2 { 
		font-size:2.167rem; line-height:2.5rem; 
	}
	nav {
		padding-top:2.667rem;
	}
	.palette { 
		width:48.75%;
	}
	article {
		/*background-position:calc(5% - 0.222rem) calc(100% - 3.778rem), calc(49.022% - 0.222rem) calc(100% - 3.778rem), calc(51.536% - 0.222rem) calc(100% - 3.778rem), calc(95.531% - 0.222rem) calc(100% - 3.778rem);*/
		background-position:calc(5% - 0.222rem) calc(100% - 0.778rem), 48.75% calc(100% - 0.778rem), 51.25% calc(100% - 0.778rem), calc(95% + 0.222rem) calc(100% - 0.778rem);
	}
	.intro_hero address {
		top:3.167rem;
	}
	.intro_hero .date {
		/*right:8.464%;*/
		right:calc(16.563% - 0.588rem);
		right:15.625%;
		transform:rotate(-90deg) translate(50%, -100%);
	}
	.project_number {
		right:calc(74.375% - 0.941rem);
		right:67.25%;
		transform:rotate(-90deg) translate(50%, -100%);
	}
	.racetrack-hero, .hegde-hero, .sudeep-hero {
		width:71.875%;
		margin:10rem 0 0 28.125%;
	}
	.racetrack-hero .home, .sudeep-hero .mobile {
		width:44.783%;
		top:10rem;
	}
	.racetrack-hero .industries {
		width:38.902%;
	}
	.hegde-hero .front {
		width:48.261%;
	}
	.hegde-hero .back {
		width:37.391%;
	}
	.book-hero, .tdp-hero, .cts-hero, .prismatic-hero {
		width:66.875%;
		margin-left:28.125%;
	}
	.sudeep-hero .mobile {
		margin:0 0 7.776% 16.087%;
	}
	.quad-hero .film {
		margin-right:16.563%; margin-left:16.563%;
	}
	.quad-hero .poster {
		margin:calc(-28.02% - 8rem) 0 0 51.25%;
	}
	.archive-list {
		margin-left:24.265%;
	}	
	.prismatic-hero .photo {
		width:65.421%;
		margin-right:0; margin-left:0;
	}
	.prismatic-hero .illustration {
		width:49.832%;
		margin-left:12.458%;
	}
	.prismatic-hero .site {
		width:48.131%;
		margin-left:51.869%;
	}

	.winden_posters .pre_composite {
		background-image:linear-gradient(150deg, rgba(255,255,239,1) 40%, rgba(255,255,239,0) 75%), url("images/travellers-of-winden/cycle1_jonas-m.png");
		background-size:auto, 37.278rem;
	}
	.winden_posters .composite img {
		max-width:35rem;
	}
	.winden_posters .characters figure {
		justify-content:space-between;
	}
	.winden_posters .characters li {
		background-position:0 50vh;
	}
	.winden_posters .characters .helge {
		background-position:33.333% 50vh;
	}
	.winden_posters .characters .claudia {
		background-position:66.666% 50vh;
	}
	.winden_posters .characters .noah {
		background-position:100% 50vh;
	}
	.winden_posters .characters li:nth-child(odd) figure {
		flex-direction:row-reverse;
	}
	.winden_posters .characters img {
		width:48.611%;
		margin-bottom:0;
	}
	.winden_posters .characters figcaption {
		font-size:1.833rem;
	}	
	.winden_posters .characters figcaption {
		/*width:14.352%;*/ max-width:none; max-height:21rem;
		transform:rotate(180deg);
		position:sticky; top:10rem;
		-ms-writing-mode:tb-rl;
		    writing-mode:vertical-rl;
	}
	.winden_posters .characters li:nth-child(odd) figcaption {
		margin-left:12.847%;
	}
	.winden_posters .characters li:nth-child(even) figcaption {
		margin-right:12.847%;
	}	
	.winden_posters .process {
		padding-bottom:42.65%;
		background:url("images/travellers-of-winden/sketches-l.jpg") no-repeat center bottom/119%;
	}
	.racetrack_wireframe {
		background-image:url('images/racetrack/wireframe-m.png');
	}
	.racetrack_icons {
		gap:4.167rem;
	}
	.racetrack_buttons li {
		width:48.611%;
	}
	.racetrack_buttons li:nth-child(odd) video {
		margin-bottom:3rem;
	}
	.racetrack_menu .not_found, 
	.racetrack_menu .mobile {
		width:30.729%;
	}
	.racetrack_menu .not_found {
		margin-right:43.576%;
	}
	.racetrack_menu .mobile {
		margin:-66.505% 0 0 43.576%;
		transform:translateY(-10.895%);
	}	
	.racetrack_products img {
		width:46.354%;
	}
	.racetrack_products .marvin {
		left:17.882%;
	}
	.racetrack_products .turing {
		margin-left:35.764%;
	}
	.racetrack_dual_screens {
		margin-right:5%; margin-left:5%;
	}
	.racetrack_dual_screens li {
		width:69.271%;
	}
	.racetrack_dual_screens .mobile {
		width:25.815%;
		left:11.278%;
	}
	.cookbook_intro img {
		margin-bottom:calc(-15.556% + 5rem);
	}	
	.cookbook_grid, .cookbook_exploration .sketches, .cookbook_double_spreads {
		width:74.306%;
	}	
	.cookbook_variations {
		width:66.875%;
		-ms-grid-columns:(1fr)[2];
		grid-template-columns:repeat(2, 1fr); -moz-column-gap:3.738%; column-gap:3.738%;
	}
	.cookbook_spread {
		width:109.688%;
	}
	.cookbook_spread li {
		padding:0.134% 1.958% 6.01% 2.315%;
		margin:0 0 4.532%;
		background-size:cover;
	}
	.cookbook_spread .contents {
		width:36.325%;
	}
	.cookbook_spread .seasoning {
		width:36.325%;
		margin-right:8.974%;
	}
	.cookbook_spread .organisation {
		width:36.325%;
		margin-left:8.262%;
	}
	.cookbook_spread .eggplant {
		width:36.325%;
		margin-right:0.712%;
	}
	.cookbook_spread .green_banana {
		width:36.325%;
	}
	.cookbook_spread .meal {
		width:36.325%;
		margin-right:8.974%;
	}
	.cookbook_spread .glossary {
		width:36.325%;
		margin-left:8.262%;
	}
	.cookbook_spread .eggplant_chutneys {
		width:36.325%;
		margin-right:0.712%;
	}
	.cookbook_cover {
		width:65%;
	}	
	.cookbook_spread_detail .spread {
		width:32.633%;
		padding:0.133% 1.732% 5.395% 2.065%;
		margin-top:5.262%;
	}
	.cookbook_spread_detail .odd .spread {
		margin-right:12.847%; margin-left:0; 
	}
	.cookbook_spread_detail .even .spread {
		margin-right:0; margin-left:12.208%; 
	}
	.cookbook_spread_detail .detail {
		width:38.542%;
	}
	.cookbook_photos li {
		width:31.481%;
		margin-bottom:2.778%;
	}
}
@media only screen and (min-width:641px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width:641px) and (min-resolution: 144dpi) {	
	.winden_posters .pre_composite {
		background-image:linear-gradient(150deg, rgba(255,255,239,1) 40%, rgba(255,255,239,0) 75%), url("images/travellers-of-winden/cycle1_jonas-m-2x.png");
	}
	.winden_posters .process {
		background-image:url("images/travellers-of-winden/sketches-l-2x.jpg");
	}
	.racetrack_wireframe {
		background-image:url('images/racetrack/wireframe-m-2x.png');
	}

}
@media only screen and (max-width:640px) {
	.cookbook_spread .testimony {
		margin:0;
		padding:0.625rem 5% 3.375rem;
	}
	.cookbook_spread .eggplant_chutneys {
		padding-bottom:6.125rem;
	}
}
@media only screen and (min-width:741px) {
	footer {
		flex-direction:row;
	}
}
@media only screen and (min-width:801px) {
	.palette { 
		width:39.688%; height:63.704vh;
	}
	.hero .wrapper {
		flex-direction:row; 
	}
	.hero .content {
		width:43.75%;
		max-width:20.894rem;
		margin:14rem 0 0 0;
		padding:1rem 0 0 5%;
	}
	.home .hero .content {
		padding-bottom:1.5rem;
	}
	.intro_hero .content, .prismatic_hero .content, .winden_hero .content, .quad_hero .content, .racetrack_hero .content, .hegde_hero .content, 
	.cookbook_hero .content, .cts_hero .content, .sudeep_hero .content, .tdp_hero .content, .archive_hero .content {
		background:none;
	}
	.intro_hero .content {
		width:50.781%;
		max-width:none;
	}
	.intro_hero h1 {
		margin-top:0.167rem;
	}
	.intro_hero .date span {
		color:rgba(255,255,255,0.5);
	}
	.intro_hero .featured_projects {
		width:20.625%;
		padding:0 5% 0 0;
	} 
	.intro_hero .featured_projects a {
		margin-top:0;
	}
	.project_number {
		right:calc(55.782% - 0.941rem);
		right:51.25%;
	}
	.racetrack_hero .content, .sudeep_hero .content, .prismatic_hero .content {
		position:sticky;
		top:14rem;
		padding-bottom:11.875%;
	}
	.racetrack-hero, .hegde-hero, .sudeep-hero {
		width:48.75%;
		margin:5.5rem 0 0 0;
	}
	.racetrack-hero .home, .hegde-hero .front, .sudeep-hero .mobile {
		width:47.436%;
	}
	.racetrack-hero .home, .sudeep-hero .mobile {
		top:5.5rem;
	}
	.racetrack-hero .industries {
		width:41.207%;
	}
	.hegde-hero .back {
		width:36.752%;
	}
	.book-hero, .tdp-hero, .cts-hero, .prismatic-hero {
		width:43.75%;
		margin-left:0;
	}
	.book-hero, .tdp-hero, .cts-hero {
		margin-top:5.5rem;
	}
	.sudeep-hero .mobile {
		margin-left:23.718%;
		margin-bottom:11.966%;
	}
	.quad_hero .content {
		padding-bottom:8.5rem;
	}
	.quad-hero {
		width:48.75%;
	}
	.quad-hero .film {
		margin:15rem 10.256% 9rem 0;
	}
	.quad-hero .poster {
		margin:calc(-37.607% - 13rem) 0 0 47.436%;
	}
	.archive-title {
	    width:32.188%;
	    padding-left:11.563%;
	    margin-right:5%; 
	    margin-left:0;
		justify-content:flex-end;
	}	
	.prismatic-hero .photo {
		width:70.476%;
	}
	.prismatic-hero .site {
		width:52.857%;
		margin-left:47.143%;
	}	

	.winden_posters .details {
		padding-bottom:66.016%;
		background-image:url("images/travellers-of-winden/characters-m.jpg");
	}
	.winden_posters .details ul {
		padding-right:14.063%; padding-left:14.063%;
	}
	.winden_posters .details li {
		width:48.261%;
	}
	.racetrack_illustrations li {
		width:31.481%;
	}
	.racetrack_menu .not_found, 
	.racetrack_menu .mobile {
		width:20.66%;
	}
	.racetrack_menu .not_found {
		margin-top:5.744%;
		margin-right:48.611%;
	}
	.racetrack_menu .mobile {
		margin-top:-44.715%;
		margin-left:48.611%;
		transform:translateY(-14.188%);
	}
	.cookbook_intro img {
		width:85.648%;
		margin-top:-8.333%; margin-bottom:calc(-10.648% + 5rem);
	}
	.cookbook_exploration .sketches {
		max-width:72rem; width:100%;
	}
	.signpost_contact {
		width:43.576%;
		padding:1.111rem 0 1.389rem calc(56px + 2.5vw);
		margin-bottom:0;
		text-align:left;
	}
	.chai {
		bottom:0.389rem; right:100%;
		transform:translateX(-2.5vw);
	}
	.signpost_nextcase {
		width:43.576%;
		max-width:none;
		padding-right:calc(56px + 2.5vw);
		margin:0;
	}
	.cookbook_variations {
		-ms-grid-columns:(1fr)[4];
		grid-template-columns:repeat(4, 1fr);
	}
	.cookbook_statistics {
		margin-top:6rem;
		justify-content:space-between;
	}
	.cookbook_cover {
		width:51.563%;
		margin:0 16.563% 0 0;
		transform:none;
	}
	.cookbook_numbers {
		width:25.625%;
		flex-direction:column;
		text-align:right;
		margin-top:0;
	}
	.cookbook_gallery ul {
		margin-bottom:-2.778%;
	}
	.cookbook_gallery li {
		width:31.481%;
		margin-bottom:2.778%;
	}
}
@media only screen and (min-width:801px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width:801px) and (min-resolution: 144dpi) {
	.winden_posters .details {
		background-image:url("images/travellers-of-winden/characters-m-2x.jpg");
	}
}
@media only screen and (min-width:901px) {
	.winden_posters .process {
		padding-bottom:23.444rem;
		background-size:62.556rem;
	}
}

@media only screen and (min-width:1025px) {
	#v-guide { 
		background:url(images/v-guide-6.svg) repeat-y; background-size:contain; 
	}
	#h-guide { 
		background:url(images/h-guide-18.svg) repeat; 
	}
	html { 
		font-size:112.5%; /* 18px */
	}
	.palette { 
		width:35.833%;
	}
	.hero .content, .intro_hero .content {
		max-width:28.833rem;
	}
	.intro_hero .content {
		width:43.75%; 
	}
	.intro_hero .date {
		right:calc(25.625% - 0.5rem);
		right:25%;
		right:19.722%;
	}
	.intro_hero .featured_projects {
		width:12.917%;
	}
	.project_number {
		right:calc(56.458% - 0.944rem);
	}
	.racetrack-hero .home {
		width:42.308%;
	}
	.racetrack-hero .industries {
		width:36.752%;
	}
	.sudeep-hero .mobile {
		width:42.308%;
		margin-left:31.624%;
	}
	.quad-hero .poster {
		margin-left:44.872%;
	}
	.archive-list {
		margin-left:35.838%;
	}
	.archive-title {
		width:28.333%;
		padding-left:17.917%;
	}
	.prismatic-hero .site {
		width:47.143%;
		margin-left:52.857%;
	}

	.body_content,
	.winden_posters blockquote {
		margin-right:17.13%;
		margin-left:17.13%;
	}
	.contained {
		padding-right:0; padding-left:0;
	}
	.racetrack_development .body_content {
		margin-right:0;
		margin-left:41.435%;
	}	
	.winden_posters .details {
		padding-bottom:52.778rem;
		background-image:url("images/travellers-of-winden/characters-l.jpg");
		background-size:80rem;
	}
	.winden_posters .details ul {
		padding-right:17.917%; padding-left:17.917%;
	}
	.winden_posters .details li {
		width:48.052%;
	}	
	.winden_posters .characters li:nth-child(odd) figcaption {
		margin-left:17.13%;
	}
	.winden_posters .characters li:nth-child(even) figcaption {
		margin-right:17.13%;
	}
	.racetrack_wireframe {
		background-image:url('images/racetrack/wireframe-l.png');
	}
	.racetrack_buttons ul {
		max-width:47.333rem;
		margin:0 20.417%;
	}
	.racetrack_buttons li {
		width:47.887%;
	}
	.racetrack_menu {
		margin-right:7.176%; margin-left:7.176%;
	}
	.racetrack_menu .not_found, 
	.racetrack_menu .mobile {
		width:20%;
	}
	.racetrack_menu .not_found {
		margin:-11.486% 0 0 0;
	}
	.racetrack_menu .mobile {
		margin:-43.333% 0 0 11.622%;
		transform:translateY(-12.474%);
	}
	.racetrack_products img {
		width:48.611%;
	}
	.racetrack_products .marvin {
		left:17.13%;
	}
	.racetrack_products .turing {
		margin-left:34.259%;
	}
	.racetrack_dual_screens li {
		width:65.741%;
	}
	.racetrack_dual_screens .mobile {
		width:26.056%;
		left:10.915%;
	}
	.signpost {
		overflow:unset;
	}
	.signpost_contact {
		width:48.611%;
		padding-bottom:0.889rem;
	}
	.signpost_nextcase {
		width:48.611%;
	}

	.cookbook_grid, .cookbook_double_spreads {
		width:65.741%;
	}
	.cookbook_variations {
		width:59.166%;
		-ms-grid-columns:(1fr)[4];
		grid-template-columns:repeat(4, 1fr); -moz-column-gap:4.225%; column-gap:4.225%;
	}
	.cookbook_spread {
		width:100%;
	}
	.cookbook_spread li {
		padding:0.139% 1.806% 5.625% 2.153%;
		margin-bottom:3.403%;
	}
	.cookbook_spread .contents {
		width:9.653%;
		padding-left:0;
	}
	.cookbook_spread .seasoning {
		width:34.028%;
		margin-right:0;
	}
	.cookbook_spread .organisation {
		width:31.875%;
		padding-right:0;
		margin-left:0;
		background-position:left top;
	}
	.cookbook_spread .eggplant {
		width:25.069%;
		padding-left:0;
	}
	.cookbook_spread .testimony {
		width:408px;
		padding-right:0; padding-left:0.694%;
	}
	.cookbook_spread .green_banana {
		width:25.417%;
		padding-right:0;
		background-position:left top;
	}
	.cookbook_spread .meal {
		width:31.528%;
		padding-left:0; 
		margin-right:0;
	}
	.cookbook_spread .glossary {
		width:34.028%;
		margin-left:0;
	}
	.cookbook_spread .eggplant_chutneys {
		width:10%;
		padding-right:0;
		background-position:left top;
		margin-right:0;
	}	
	.cookbook_cover {
		width:45.833%;
		margin-right:20.417%;
	}
	.cookbook_numbers {
		width:33.333%;
	}
	.cookbook_spread_detail .spread {
		width:37.809%;
		padding:0.154% 2.006% 6.25% 2.392%;
		margin-top:6.096%;
	}
	.cookbook_spread_detail .odd .spread {
		margin-right:7.176%; margin-left:0;
	}
	.cookbook_spread_detail .even .spread {
		margin-right:0; margin-left:6.404%;
	}
	.cookbook_spread_detail .detail {
		width:44.213%;
	}
}
@media only screen and (min-width:1025px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width:1025px) and (min-resolution: 144dpi) {
	.winden_posters .details {
		background-image:url("images/travellers-of-winden/characters-l-2x.jpg");
	}
	.racetrack_wireframe {
		background-image:url('images/racetrack/wireframe-l-2x.png');
	}
}
@media only screen and (min-width:1281px) {
	.signpost_contact {
		padding-left:17.13%;
	}
	.signpost_nextcase {
		padding-right:17.13%;
	}	
	.signpost_nextcase .projectnumber {
		right:calc(29.524% - 56px);
	}
}
@media only screen and (max-width:1440px) {
	.phone-portrait.crop {
		border-right:0;
		padding-right:0;
		border-top-right-radius:0;
		border-bottom-right-radius:0;
	}
	.phone-portrait.crop::before {
		right:0;
		border-top-right-radius:0;
	}
	.phone-portrait.crop img {
		border-bottom-right-radius:0;
	}
}
@media only screen and (min-width:1441px) {
	#v-guide {
		left:50%;
		transform:translateX(-50%);
	}
	nav {
		left:50%;
    	transform: translateX(-40rem);
    	padding-left:4rem;
	}
	article {
		background-position:calc(50% - 36rem) calc(100% - 0.778rem), calc(50% - 1rem) calc(100% - 0.778rem), calc(50% + 1rem) calc(100% - 0.778rem), calc(50% + 36rem) calc(100% - 0.778rem);
	}
	.home .palette {
		width:28.667rem;
		right:calc(50% - 11.333rem);
		transform:translateX(100%);
	}
	.phone-portrait {
		border-width:0.278rem;
		border-radius:2.5rem;
	}
	.phone-portrait::before {
		border-top-left-radius:1.778rem;
		border-top-right-radius:1.778rem;
	}
	.phone-portrait img {
		border-bottom-left-radius:1.778rem;
		border-bottom-right-radius:1.778rem;
	}
	.browser::before {
		border-top-left-radius:0.5rem;
	}
	.racetrack-hero, .hegde-hero {
		width:43.75%;
		margin-right:5%;
	}
	footer, .winden_intro, .winden_posters .main img, .winden_posters .details ul, 
	.winden_posters .pre_composite, .winden_posters .characters figure,
	.racetrack_buttons ul, .racetrack_development .wrapper, .signpost, .cookbook_design .wrapper {
		margin:0 auto;
	}
	.racetrack-hero .industries {
		width:42.308%;
	}
	.racetrack-hero .illustration {
		margin-left:30.206%;
	}
	.racetrack_wireframe {
		padding-top:43.611rem;
		margin:0 auto;
	}
	.hegde-hero .back {
		width:47.436%;
	}
	.cookbook_about {
		margin-right:auto; margin-left:auto;
	}

	.cookbook_spread {
		width:2204px;
	}
	.cookbook_spread li {
		padding:2px 26px 81px 31px;
		margin-bottom:49px;
	}
	.cookbook_spread .contents {
		width:379px;
		margin-left:142px;
	}
	.cookbook_spread .seasoning, .cookbook_spread .organisation,
	.cookbook_spread .eggplant, .cookbook_spread .green_banana,
	.cookbook_spread .meal, .cookbook_spread .glossary {
		width:490px;
	}
	.cookbook_spread .organisation {
		padding-right:26px;
		margin-right:325px;
	}
	.cookbook_spread .eggplant {
		padding-left:31px;
		margin-left:222px;
	}
	.cookbook_spread .testimony {
		padding-left:10px;
	}
	.cookbook_spread .green_banana {
		padding-right:26px;
		margin-right:232px;
	}
	.cookbook_spread .meal {
		padding-left:31px;
		margin-left:315px;
	}
	.cookbook_spread .eggplant_chutneys {
		width:384px;
		margin-right:142px;
	}
}
@media only screen and (min-width:1921px) {
	.cookbook_spread .contents {
		width:490px;
		padding-left:31px;
		margin-left:0;
	}
	.cookbook_spread .eggplant_chutneys {
		width:490px;
		padding-right:26px;
		margin-right:10px;
	}
}