#toolset {
	display: none;
}

body {
	background-color: #fff;
	color: #000;
}

a:active {
	opacity: 0.7;
}

.page a.active {
	opacity: 1;
}

i,
em {
	font-style: italic;
}

b,
strong {
	font-weight: bolder;
}

sub,
sup {
	position: relative;
	vertical-align: baseline;
}

sub {
	top: 0.3em;
}

sup {
	top: -0.4em;
}

s {
	text-decoration: line-through;
}

img {
	border: 0;
	padding: 0;
}

ul,
ol {
	margin: 0;
	padding: 0 0 0 4.5rem;
}

ol > li {
    padding-left: 0.75rem;
}

blockquote {
	margin: 0;
	padding: 0 0 0 2em;
}

hr {
	background: rgba(0, 0, 0, 0.3);
	border: 0;
	height: 1px;
	display: block;
}

.content img {
	float: none;
	margin-bottom: 0rem;
    vertical-align: bottom;
}

.gallery_image_caption {
    margin-top: 1.0em;
    margin-bottom: 0.5rem;
    font-size: 1rem;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.85);
	font-family: Diatype, Icons;
	font-style: normal;
	line-height: 1.3;
    text-align: left;
}

/**
 * Loading Animation
 */

.loading[data-loading] {
	position: fixed;
	bottom: 8px; 
    left: 8px;
}

/**
 * Editor styles
 */

[data-predefined-style="true"] bodycopy {
	font-size: 1.2rem;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.85);
	font-family: "Diatype Variable", Icons;
	font-style: normal;
	line-height: 1.2;
	font-variation-settings: 'slnt' 0, 'MONO' 0;
}

[data-predefined-style="true"] bodycopy a {
	color: rgba(0, 0, 0, 0.85);
	padding-bottom: 0em;
	text-decoration: underline;
}

[data-predefined-style="true"] bodycopy a:hover {

}

bodycopy a.image-link,
bodycopy a.icon-link,
bodycopy a.image-link:hover,
bodycopy a.icon-link:hover {
	border-bottom: 0;
	padding-bottom: 0;
}

[data-predefined-style="true"] h1 {
	font-family: "Diatype Variable", Icons;
	font-style: normal;
	font-weight: 400;
	padding: 0;
	margin: 0;
	font-size: 3rem;
	line-height: 1;
	color: rgba(255, 255, 255, 0.85);
	font-variation-settings: 'slnt' 0, 'MONO' 0;
}

[data-predefined-style="true"] h1 a {
	color: rgba(0, 0, 0, 0.85);
}

[data-predefined-style="true"] h2 {
	font-family: "Diatype Variable", Icons;
	font-style: normal;
	font-weight: 500;
	padding: 0;
	margin: 0;
	color: #eee9df;
	font-size: 1.3rem;
	line-height: 1.3;
	letter-spacing: 0.01em;
	font-variation-settings: 'slnt' 0, 'MONO' 0;
}

[data-predefined-style="true"] h2 a {
	color: #eee9df;
}

[data-predefined-style="true"] small {
	display: inline-block;
	font-size: 1.2rem;
	line-height: 1.3;
	font-family: "Monument Grotesk Mono Variable", Icons;
	font-style: normal;
	font-weight: 400;
	color: #eee9df;
	font-variation-settings: 'slnt' 0, 'MONO' 1;
}

[data-predefined-style="true"] small a {
	color: #eee9df;
	border-bottom-width: 0em;
}

/**
 * Breakpoints
 */

[data-css-preset] .page {
    background-color: initial /*!page_bgcolor*/;
}

.mobile .page,
[data-css-preset].mobile .page {
	position: relative;
	min-height: 10px;
	max-width: 100%;
	width: 100%;
	background-color: transparent /*!page_bgcolor*/;
}

[data-css-preset] .container {
	margin-left: auto /*!content_center*/;
	margin-right: auto /*!content_center*/;
	text-align: left /*!text_left*/;
}

[data-css-preset] body {
	background-color: #243326/*!body_bgcolor*/;
}

[data-css-preset] .container_width {
	width: 100%/*!content_center*/;
}

[data-css-preset] .content_padding {
	padding-top: 2rem /*!main_margin*/;
	padding-bottom: 2rem /*!main_margin*/;
	padding-left: 2rem /*!main_margin*/;
	padding-right: 2rem /*!main_margin*/;
}

[data-css-preset] .backdrop {
	width: 100% /*!background_cover*/;
}

/**
 * Thumbnails
 */

div[thumbnails] {
	justify-content: flex-start;
}

[data-css-preset] .thumbnails {
   	background-color: rgb(255, 255, 255)/*!thumbnails_bgcolor*/;   
}

[data-css-preset] .thumbnails_width {
    width: 100%/*!thumbnails_width*/;
}

[data-css-preset] [thumbnails-pad] {
    padding: 0.8rem/*!thumbnails_padding*/;
}

[data-css-preset] [thumbnails-gutter] {
    margin: -1.6rem/*!thumbnails_padding*/;
}

[data-css-preset] [responsive-layout] [thumbnails-pad] {
    padding: 0.55rem/*!responsive_thumbnails_padding*/; 
}

[data-css-preset] [responsive-layout] [thumbnails-gutter] {
    margin: -1.1rem/*!responsive_thumbnails_padding*/; 
}

.thumbnails .thumb_image {
	outline: 0px solid rgba(0,0,0,.12);
    outline-offset: -1px;
}

.thumbnails .title {
    margin-top: .8rem;
    margin-bottom: 0rem;
    font-size: 1.2rem;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.85);
	font-family: Diatype, Icons;
	font-style: normal;
	line-height: 1.3;
}

.thumbnails .tags {
    margin-top: 0.8rem;
    margin-bottom: 1.5rem;
    font-size: 1rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.85);
	font-family: "Monument Grotesk Mono", Icons;
	font-style: normal;
	line-height: 1.3;
}

.thumbnails .tags a {
	border-bottom: 0;
    color: rgba(0, 0, 0, 0.85);
    text-decoration: none;
}

.thumbnails .has_title .tags {
	margin-top: 0rem;
}

/**
 * Site Menu
 */

[data-css-preset] #site_menu_button {
	color: rgba(0, 0, 0, 0.85);
	line-height: 1;
	font-size: 28px /*!site_menu_button*/;
	padding: 6px;
	line-height: 1;
	background: rgba(33, 32, 46, 0);
	position: fixed;
	top: 3rem /*!site_menu_button*/;
	left: 3rem /*!site_menu_button*/;
}

body.mobile #site_menu_button {
	margin: -6px;
	font-size: 30px;
}

#site_menu_button.custom_icon {
	width: 40px;
	height: auto;
}

#site_menu_button.active {
	display: none;
}

/**
 * Site Menu
 */

#site_menu {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	background: rgba(20, 20, 20, 0.95);
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	padding: 20px 30px 90px 30px;
	max-width: 400px;
	min-width: 300px;
	text-align: left;
	display: flex;
	justify-content: flex-start;
}

body.mobile #site_menu {
	width: 100%;
}

#site_menu .page-link a {
	color: rgba(255, 255, 255, 0.75);
}

#site_menu .set-link > a {
	color: rgba(255, 255, 255, 0.75);
	font-weight: bold;
}

#site_menu a:active {
	opacity: .7;
}

#site_menu a.active {
	opacity: .4;
}

#site_menu .close {
	display: none;
	color: rgba(255, 255, 255, 0.4);
	line-height: .85em;
	font-size: 45px;
}

body.mobile #site_menu .close {
	display: block;
	font-size: 50px;
	line-height: 1em;
}

#site_menu .break {
	height: 28px;
}

#site_menu .indent {
	margin-left: 28px;
}

/**
 * Shop Button
 */

[data-css-preset] #shop_button {
	color: rgba(0, 0, 0, 0.85);
    background: transparent;
	font-size: 32px;
    font-style: normal;
	font-weight: 400;
    line-height: 1;
    position: fixed;
	padding: 6px;
	bottom: 3rem /*!shop_button*/;
	right: 3rem /*!shop_button*/;
}

#shop_button.text {
	font-family: Diatype, Icons;
	font-size: 1.2rem;
    padding: 0;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.85);
	font-style: normal;
    line-height: 1.3;
    letter-spacing: .07em;
}

#shop_button.custom_icon {
	width: 40px;
    height: auto;
}

body.mobile #shop_button:not(.text) {
	margin: -6px;
    font-size: 36px;
}

/**
 * Shop Product Widget
 */

.shop_product {
    width: 100%;
	max-width: 22rem;
    position: relative;
    display: block;
}

.shop_product .price {
	font-family: Diatype, Icons;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 1rem;
	font-size: 1.2rem;
	line-height: 1.1;
	color: rgba(0, 0, 0, 0.85);
}

.shop_product .dropdown {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
    font-size: 1.2rem;
    display: inline-block;
	width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 10rem;
    background:  white url(https://static.cargo.site/assets/images/select-line-arrows.svg) no-repeat right .25rem top 0px;
    margin-bottom: 1rem;
    line-height: 1.2;
    padding: .7rem 2.5rem .8rem 1.25rem;
	font-style: normal;
	font-weight: 400;
    color: rgba(0, 0, 0, 0.85);
}

.shop_product .button {
	font-family: Diatype, Icons;
	font-size: 1.2rem;
    background: rgba(0, 0, 0, 0.85);
    border-radius: 10rem;
    color: rgba(255,255,255,1);
    flex: 0 0 50%;
    text-align: left;
    display: inline-block;
	line-height: 1.0;
    padding: 0.9rem 1.25rem;
	font-style: normal;
	font-weight: 500;
    text-decoration: none;
}

/**
 * Image Zoom
 */

.content img.image-zoom:active {
    opacity: .7;
}

/**
 * Quick View
 */

[data-css-preset] .quick-view {
    padding-top: 2.5rem /*!quick_view_padding*/;
    padding-bottom: 2.5rem /*!quick_view_padding*/;
    padding-left: 2.5rem /*!quick_view_padding*/;
    padding-right: 2.5rem /*!quick_view_padding*/;
    height: 100% /*!quick_view_height*/;
    width: 100% /*!quick_view_width*/;
}

body.mobile .quick-view {
    width: 100%;
    height: 100%;
    margin: 0;
}


[data-css-preset] .quick-view-background {
	background: rgba(255, 255, 255, 1) /*!quick_view_bgcolor*/;
}

.quick-view-caption {
	font-family: Diatype, Icons;
    transition: 100ms opacity ease-in-out;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 3.5rem 0;
    text-align: center;
    font-size: 1rem;
	font-style: normal;
	font-weight: 500;
}

.quick-view-caption span {
    padding: 0.5rem 1rem;
    display: inline-block;
    background: rgba(0,0,0,0.5);
    color: white;
}

/**
 * Quick View Navigation 
 */

.quick-view-navigation .left-arrow {
    left: 10px;
}

.quick-view-navigation .right-arrow {
    right: 10px;
}

.quick-view-navigation .left-arrow,
.quick-view-navigation .right-arrow {
    /* Change height/width together to scale */
    height: 36px;
    width: 36px;
}

.quick-view-navigation .left-arrow .inner-color,
.quick-view-navigation .right-arrow .inner-color {
    stroke: #fff;
    stroke-width: 0px;
}

.quick-view-navigation .left-arrow .outer-color,
.quick-view-navigation .right-arrow .outer-color {
    stroke: rgba(0, 0, 0, 0.85);
    stroke-width: 2px;
}

.quick-view-navigation .close-button {  
    top: 10px;
    right: 10px;
    /* Change height/width together to scale */
    width: 36px;
    height: 36px;
}

.quick-view-navigation .close-button .inner-color {
    stroke: #fff;
    stroke-width: 0px;
}

.quick-view-navigation .close-button .outer-color {
    stroke: rgba(0, 0, 0, 0.85);
    stroke-width: 2px;
}

/** 
 * Image Gallery Navigation Arrows 
 */
 
.image-gallery-navigation .left-arrow,
.image-gallery-navigation .right-arrow {
    /* Change height/width together to scale */
    height: 36px;
    width: 36px;
}

.image-gallery-navigation .left-arrow .inner-color,
.image-gallery-navigation .right-arrow .inner-color {
    stroke: rgba(255, 255, 255, 1);
    stroke-width: 2px;
}

.image-gallery-navigation .left-arrow .outer-color,
.image-gallery-navigation .right-arrow .outer-color {
    stroke: rgba(0, 0, 0, 0.6);
    stroke-width: 3px;
}

/**
 * Wallpaper Backdrop Navigation Arrows 
 */

.wallpaper-navigation .left-arrow,
.wallpaper-navigation .right-arrow {
   /* Change height/width together to scale */
   width: 36px;
   height: 36px;
}

.wallpaper-navigation .left-arrow .inner-color,
.wallpaper-navigation .right-arrow .inner-color {
   stroke: #fff;
   stroke-width: 2px;
}

.wallpaper-navigation .left-arrow .outer-color,
.wallpaper-navigation .right-arrow .outer-color {
    stroke: rgba(0, 0, 0, 0.6);
    stroke-width: 3px;
}

/**
 * Feed
 */

.feed .content_container .page {
    border-top: 0px dashed rgba(0, 0, 0, 0.2);
}

.feed .content_container .page_container:first-child .page {
	border-top: 0;
}

/**
 * Audio Player
 */

.audio-player {
    max-width: 26rem;
    height: 3.3rem;
    outline: 1px solid rgba(0, 0, 0, 0.26);
    color: rgba(0, 0, 0, 0.85);
    background: transparent;
    font-size: 1.3rem;
    line-height: 1.7;
	font-family: Diatype, Icons;
    font-style: normal;
    font-weight: 500;
    text-align: left;
    margin: 1px 1px 1em 1px;
}

body.mobile .audio-player {
    max-width: 100%;
}

.audio-player .separator {
    width: 1px;
    background-color: rgba(0, 0, 0, 0.26);
}

.audio-player .button {
    background: transparent;
    cursor: pointer;
    fill: rgba(0, 0, 0, 0.9);
}

.audio-player .icon {
    fill: rgba(0, 0, 0, 0.9);
    padding: 30%;
    width: 100%;
    margin: auto;
}

.audio-player .buffer {
    background: rgba(0, 0, 0, 0.1);
}

.audio-player .progress {
    background: rgba(0, 0, 0, 0.2);
}

.audio-player .progress-indicator {
    border: 1px solid rgba(0, 0, 0, 0.7);
    width: 1px;
    height: 100%;
    right: 0;
    position: absolute;
    cursor: ew-resize;
}

.audio-player .note-icon {
    height: 100%;
    width: 3.8rem;
    padding: 1rem;
    fill: rgba(0, 0, 0, 0.75);
}

.audio-player .current-time {
    padding-left: 1rem;
}

.audio-player .total-time {
    padding-right: 1rem;
}

/* ---- Wykes Design: lockup tile, bottom-left on every page except Home ---- */
body:not(.homepage)::after {
  content: "";
  position: fixed;
  left: 0;
  bottom: 0;
  width: 231px;
  height: 72px;
  background: #EEE9DF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 482.0 150.0'%3E%3Crect width='100%25' height='100%25' fill='%23EEE9DF'/%3E%3Cg fill='%23243326'%3E%3Cpath d='M25 25 L42.4 25 L57.4 44.6 L72.3 25 L89.7 25 L42.4 87 L25 87 L48.7 56 Z'/%3E%3Cpath d='M59.2 69.8 L76.6 69.8 L89 86 L101.4 69.8 L118.8 69.8 L97.7 97.4 L118.8 125 L101.4 125 L89 108.8 L76.6 125 L59.2 125 L80.3 97.4 Z'/%3E%3Cpath d='M158.8 93H166.1L171.5 72.2C172.1 70.2 172.5 68 173 65.6C173.6 68 174 70.2 174.5 72.2L180.1 93H187.3L197 57H190.3L185.5 76.4C184.8 79.5 184.1 82.6 183.5 85.7C182.8 82.6 182.1 79.5 181.3 76.4L176.4 57H169.7L164.7 76.4C164 79.5 163.3 82.7 162.6 85.8C162 82.7 161.3 79.5 160.6 76.4L155.8 57H149.1Z'/%3E%3Cpath d='M199.9 103.1H203.9C207.6 103.1 210.1 101.2 211.6 97.2L223.1 67.5H216.7L212 80.8C211.4 82.7 210.8 84.5 210.2 86.4C209.6 84.5 209 82.7 208.3 80.8L203.6 67.5H197.2L207 92.9L206.1 95.3C205.4 97.3 204.6 98.2 202.9 98.2H199.9Z'/%3E%3Cpath d='M225.9 93H232V84.5L234.4 82.1L242.7 93H250L239 78.5L249.4 67.5H242.1L232.1 77.8H232V57H225.9Z'/%3E%3Cpath d='M262.1 93.6C268 93.6 272.8 90.1 273.7 85.1H268C267.3 87.3 265.3 88.8 262.2 88.8C258.1 88.8 255.7 86 255.6 81.8H274V80.2C274 72.3 269.2 66.9 261.8 66.9C254.7 66.9 249.6 72.5 249.6 80.3C249.6 88 254.4 93.6 262.1 93.6ZM255.6 77.6C256 74 258.4 71.7 261.9 71.7C265.4 71.7 267.8 74 268.2 77.6Z'/%3E%3Cpath d='M287.6 93.6C293.9 93.6 298.4 90.5 298.4 85.5C298.4 81.7 296.1 79.5 291 78.4L286.4 77.5C284.3 77 283.1 76.1 283.1 74.6C283.1 72.8 284.7 71.5 287.4 71.5C290.2 71.5 292 73.1 292.1 75.4H297.8C297.7 70.2 293.4 66.9 287.2 66.9C281 66.9 277 70.1 277 74.8C277 78.6 279.5 81.1 284.4 82.1L288.8 83C290.9 83.5 292.2 84.4 292.2 85.9C292.2 87.8 290.5 89 287.5 89C284.5 89 282.7 87.6 282.4 85.1H276.4C276.8 90.6 281.4 93.6 287.6 93.6Z'/%3E%3Cpath d='M325.8 93C336.8 93 343 86.2 343 74.9C343 63.7 336.8 57 326.3 57H314.7V93ZM319 89.1V60.8H326C334.4 60.8 338.7 66.2 338.7 74.9C338.7 83.7 334.4 89.1 325.5 89.1Z'/%3E%3Cpath d='M358.2 93.6C363.8 93.6 368.1 90.2 369.1 85.4H365C364.2 88 361.8 89.9 358.2 89.9C353.4 89.9 350.6 86.4 350.4 81.4H369.5V80.3C369.5 72.4 365 66.9 357.9 66.9C351.1 66.9 346.4 72.5 346.4 80.3C346.4 88 350.7 93.6 358.2 93.6ZM350.5 77.9C350.9 73.4 353.7 70.6 357.9 70.6C362.1 70.6 365 73.4 365.4 77.9Z'/%3E%3Cpath d='M382.5 93.6C388.1 93.6 392.3 90.8 392.3 86C392.3 82.4 390.1 80.1 385.2 79L381.1 78C378.6 77.4 377.1 76.3 377.1 74.3C377.1 72.2 379.1 70.4 382.3 70.4C385.5 70.4 387.6 72.4 387.7 75.1H391.7C391.6 70 387.6 66.9 382.3 66.9C376.8 66.9 373 70 373 74.3C373 78.1 375.5 80.5 380.2 81.6L384.3 82.6C386.6 83.1 388.2 84.2 388.2 86.1C388.2 88.4 386 90.1 382.4 90.1C378.8 90.1 376.8 88.4 376.5 85.4H372.4C372.8 90.9 377.1 93.6 382.5 93.6Z'/%3E%3Cpath d='M396.5 93H400.6V67.5H396.5ZM398.6 62.5C400.1 62.5 401.4 61.2 401.4 59.7C401.4 58.1 400.1 56.9 398.6 56.9C397 56.9 395.8 58.1 395.8 59.7C395.8 61.2 397 62.5 398.6 62.5Z'/%3E%3Cpath d='M416.8 103.4C422.8 103.4 428 100.5 428 93V67.5H424V71.5H424C422.2 68.3 419.2 67 415.9 67C409.3 67 404.8 72.4 404.8 80.2C404.8 88.1 409.3 93.5 415.9 93.5C419.3 93.5 422.1 92.1 424 89.1H424V93C424 97.4 421.3 99.8 416.8 99.8C413.5 99.8 411 98.5 410.3 95.7H406.1C406.7 100.7 411.1 103.4 416.8 103.4ZM416.5 89.8C412.1 89.8 409 86.5 409 80.2C409 74 412.1 70.7 416.5 70.7C421.3 70.7 424.3 74.5 424.3 80.2C424.3 86 421.3 89.8 416.5 89.8Z'/%3E%3Cpath d='M437.7 78.1C437.7 72.9 440.7 70.8 444.4 70.8C448.2 70.8 450.4 73 450.4 77.4V93H454.5V77.1C454.5 70.3 450.3 67 445.1 67C441.9 67 439.3 68.3 437.6 71.2V67.5H433.5V93H437.7Z'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
  z-index: 1000;
  pointer-events: none;
}
/* On phones, sit at the end of the page instead of covering content */
@media (max-width: 700px) {
  body:not(.homepage)::after {
    position: relative;
    display: block;
    margin: 40px 0 0;
  }
}

/* ---- Wykes Design: ivory behind the home-page video ---- */
body.homepage .backdrop_background {
  background-color: #EEE9DF !important;
}

/* ---- Wykes Design: icon navigation (replaces Cargo's single home button) ---- */
#site_menu_button { display: none !important; }
.wykes-nav {
  position: fixed;
  top: 3rem;
  left: 3rem;
  z-index: 9;
  display: flex;
  gap: 10px;
}
/* On phones the row becomes a forest bar across the top, so the ivory icons
   stay visible over light areas such as the ivory behind the home video */
body.mobile .wykes-nav { top: 0; left: 0; right: 0; padding: 12px 1.5rem; background: #243326; }
.wykes-nav a {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  padding: 0 !important;
  border: 0 !important;
  text-decoration: none !important;
}
/* the icon itself */
.wykes-nav a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: center / contain no-repeat;
  transition: opacity .15s;
}
.wykes-nav .nav-home::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120' width='120' height='120'%3E%3Ccircle cx='60' cy='60' r='54' fill='none' stroke='%23EEE9DF' stroke-width='4.5'/%3E%3Cg fill='%23EEE9DF'%3E%3Cpolyline points='27,59 60,31 93,59' fill='none' stroke='%23EEE9DF' stroke-width='5.5' stroke-linejoin='miter'/%3E%3Cpath d='M74 34 H82 V48.06 L74 41.27 Z'/%3E%3Cpath d='M37 64 L60 44.5 L83 64 L83 88 L67 88 L67 70 L53 70 L53 88 L37 88 Z'/%3E%3C/g%3E%3C/svg%3E"); }
.wykes-nav .nav-industrial-design::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120' width='120' height='120'%3E%3Ccircle cx='60' cy='60' r='54' fill='none' stroke='%23EEE9DF' stroke-width='4.5'/%3E%3Cg fill='%23EEE9DF'%3E%3Cpath d='M60.0 31.1 L83.1 47.0 L60.0 59.6 L36.9 47.0 Z' fill-opacity='1'/%3E%3Cpath d='M34.5 49.6 L57.8 63.2 L57.8 91.5 L34.5 76.8 Z'/%3E%3Cpath d='M85.5 49.6 L62.2 63.2 L62.2 91.5 L85.5 76.8 Z'/%3E%3C/g%3E%3C/svg%3E"); }
.wykes-nav .nav-architecture::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120' width='120' height='120'%3E%3Ccircle cx='60' cy='60' r='54' fill='none' stroke='%23EEE9DF' stroke-width='4.5'/%3E%3Cg fill='%23EEE9DF'%3E%3Cpath fill-rule='evenodd' d='M37 27 h25 v59 h-25 Z M40.20 30.20 h4.47 v4.30 h-4.47 Z M40.20 37.10 h4.47 v4.30 h-4.47 Z M40.20 44.00 h4.47 v4.30 h-4.47 Z M40.20 50.90 h4.47 v4.30 h-4.47 Z M40.20 57.80 h4.47 v4.30 h-4.47 Z M40.20 64.70 h4.47 v4.30 h-4.47 Z M40.20 71.60 h4.47 v4.30 h-4.47 Z M40.20 78.50 h4.47 v4.30 h-4.47 Z M47.27 30.20 h4.47 v4.30 h-4.47 Z M47.27 37.10 h4.47 v4.30 h-4.47 Z M47.27 44.00 h4.47 v4.30 h-4.47 Z M47.27 50.90 h4.47 v4.30 h-4.47 Z M47.27 57.80 h4.47 v4.30 h-4.47 Z M47.27 64.70 h4.47 v4.30 h-4.47 Z M47.27 71.60 h4.47 v4.30 h-4.47 Z M47.27 78.50 h4.47 v4.30 h-4.47 Z M54.33 30.20 h4.47 v4.30 h-4.47 Z M54.33 37.10 h4.47 v4.30 h-4.47 Z M54.33 44.00 h4.47 v4.30 h-4.47 Z M54.33 50.90 h4.47 v4.30 h-4.47 Z M54.33 57.80 h4.47 v4.30 h-4.47 Z M54.33 64.70 h4.47 v4.30 h-4.47 Z M54.33 71.60 h4.47 v4.30 h-4.47 Z M54.33 78.50 h4.47 v4.30 h-4.47 Z'/%3E%3Cpath fill-rule='evenodd' d='M65 53 h20 v33 h-20 Z M68.20 56.20 h5.50 v4.70 h-5.50 Z M68.20 63.50 h5.50 v4.70 h-5.50 Z M68.20 70.80 h5.50 v4.70 h-5.50 Z M68.20 78.10 h5.50 v4.70 h-5.50 Z M76.30 56.20 h5.50 v4.70 h-5.50 Z M76.30 63.50 h5.50 v4.70 h-5.50 Z M76.30 70.80 h5.50 v4.70 h-5.50 Z M76.30 78.10 h5.50 v4.70 h-5.50 Z'/%3E%3Crect x='29' y='89' width='62' height='4'/%3E%3C/g%3E%3C/svg%3E"); }
.wykes-nav .nav-brand-experience::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120' width='120' height='120'%3E%3Ccircle cx='60' cy='60' r='54' fill='none' stroke='%23EEE9DF' stroke-width='4.5'/%3E%3Cg fill='%23EEE9DF'%3E%3Crect x='27' y='87' width='66' height='4'/%3E%3Cpath d='M52 77 V36 c0 -3.2 2.3 -5.6 5 -5.6 s5 2.4 5 5.6 V55 c0.8 -1.8 2.6 -3 4.6 -3 c2.8 0 4.9 2.2 4.9 5 v1.5 c0.9 -1.6 2.6 -2.6 4.5 -2.6 c2.8 0 4.9 2.2 4.9 5 v1.8 c0.9 -1.3 2.4 -2.1 4 -2.1 c2.6 0 4.6 2.1 4.6 4.7 V73 c0 9.5 -6.5 15.5 -15 15.5 h-8.5 c-4.5 0 -8 -2 -10.5 -5.5 L41.5 68 c-1.6 -2.4 -1 -5.5 1.4 -7 c2.3 -1.4 5.2 -0.7 6.8 1.4 Z' transform='translate%2860 85%29 rotate%28180%29 scale%280.92%29 translate%28-57 -30.4%29'/%3E%3C/g%3E%3C/svg%3E"); }
.wykes-nav .nav-linkedin::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120' width='120' height='120'%3E%3Ccircle cx='60' cy='60' r='54' fill='none' stroke='%23EEE9DF' stroke-width='4.5'/%3E%3Cg fill='%23EEE9DF'%3E%3Crect x='36' y='49' width='10' height='34'/%3E%3Ccircle cx='41' cy='38' r='6'/%3E%3Cpath d='M53 49 h9.5 v4.6 c2 -3.4 5.8 -5.6 10.4 -5.6 c8 0 11.6 5 11.6 13.4 V83 h-10 V64 c0 -4.4 -1.6 -7 -5.4 -7 c-4.2 0 -6.1 3 -6.1 7.6 V83 h-10 Z'/%3E%3C/g%3E%3C/svg%3E"); }
.wykes-nav .nav-email::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120' width='120' height='120'%3E%3Ccircle cx='60' cy='60' r='54' fill='none' stroke='%23EEE9DF' stroke-width='4.5'/%3E%3Cg fill='%23EEE9DF'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect x='0' y='0' width='120' height='120' fill='%23fff'/%3E%3Cpolyline points='29,40 60,64 91,40' fill='none' stroke='%23000' stroke-width='3.6' stroke-linejoin='miter'/%3E%3C/mask%3E%3C/defs%3E%3Crect x='29' y='38' width='62' height='44' mask='url%28%23m%29'/%3E%3C/g%3E%3C/svg%3E"); }
.wykes-nav a:hover::before { opacity: .7; }
/* the page you're on: dimmed, not clickable */
.wykes-nav a[aria-current="page"] { cursor: default; pointer-events: none; }
.wykes-nav a[aria-current="page"]::before { opacity: .4; }
/* a little extra space between the page buttons and the contact icons */
.wykes-nav .nav-linkedin { margin-left: 10px; }
/* rollover label, taken from each link's aria-label */
.wykes-nav a::after {
  content: attr(aria-label);
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  transform: translate(-50%, -3px);
  padding: 5px 8px;
  background: #EEE9DF;
  color: #243326;
  font: 500 11px/1.2 "Monument Grotesk Mono Variable", "Monument Grotesk Mono", ui-monospace, monospace;
  letter-spacing: .04em;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s, transform .15s;
}
.wykes-nav a:hover::after,
.wykes-nav a:focus-visible::after { opacity: 1; transform: translate(-50%, 0); }

.smc {
  font-family: Inter, system-ui, sans-serif; font-size: 17px; line-height: 26px; color: #1a1c1a; background: #eee9df; }
.smc * { box-sizing: border-box; }
.smc a { color: #243326; }
.smc img, .smc video, .smc iframe { display: block; width: 100%; height: auto; border: 0; }
.smc figure { margin: 0; }
.smc p { margin: 0; }

.smc .wrap { max-width: 1312px; margin: 0 auto; padding: 0 64px; }
.smc .sec { padding-top: 104px; padding-bottom: 104px; }
.smc .two { display: grid; grid-template-columns: minmax(0,4fr) minmax(0,7fr); gap: 40px; }
.smc .pair { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 24px; }
.smc .three { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 24px; }
.smc .four { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 24px; }
.smc .stack { display: flex; flex-direction: column; gap: 16px; max-width: 680px; }

.smc .label { font-family: "JetBrains Mono", ui-monospace, monospace; font-size: 12px; line-height: 16px; letter-spacing: .08em; font-weight: 500; color: #5f6459; text-transform: uppercase; }
.smc .spec { font-family: "JetBrains Mono", ui-monospace, monospace; font-size: 13px; line-height: 20px; }
.smc h1 { margin: 24px 0 0; font-size: 88px; line-height: 88px; font-weight: 600; letter-spacing: -.02em; color: #243326; max-width: 1000px; }
.smc h2 { margin: 0; font-size: 32px; line-height: 38px; font-weight: 600; letter-spacing: -.01em; color: #243326; }
.smc .lead { font-size: 20px; line-height: 30px; max-width: 760px; }
.smc figcaption { padding-top: 16px; font-size: 14px; line-height: 20px; color: #5f6459; }
.smc .r169 { object-fit: cover; }
.smc .drawing { background: #fff; }

.smc .meta { margin: 64px 0 0; padding-top: 24px; border-top: 1px solid #c6bfb1; }
.smc .meta dd { margin: 8px 0 0; font-size: 15px; line-height: 22px; }
.smc .specstrip { margin-top: 64px; padding-top: 24px; border-top: 1px solid #c6bfb1; }
.smc .specstrip .spec { margin-top: 8px; }

.smc .band { background: #243326; color: #eee9df; }
.smc .band h2, .smc .band p { color: #eee9df; }
.smc .band .label, .smc .band figcaption, .smc .band .spec { color: #c6bfb1; }
.smc .band h2 { margin-top: 16px; }
.smc .media { margin-top: 40px; width: 100%; position: relative; padding-top: 56.25%; height: 0; background: #2c3d2f; border: 1px solid #4a5c4c; }
.smc .media iframe, .smc .media video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.smc .chips { margin-top: 16px; display: flex; flex-wrap: wrap; gap: 8px 24px; }

.smc .spectable { margin: 0; display: grid; grid-template-columns: minmax(140px, auto) minmax(0,1fr); font-family: "JetBrains Mono", ui-monospace, monospace; font-size: 13px; line-height: 20px; border-bottom: 1px solid #c6bfb1; }
.smc .spectable dt { padding: 12px 24px 12px 0; border-top: 1px solid #c6bfb1; color: #5f6459; letter-spacing: .08em; font-size: 12px; font-weight: 500; }
.smc .spectable dd { margin: 0; padding: 12px 0; border-top: 1px solid #c6bfb1; }
.smc .alt { background: #e4ded2; }

.smc .next { display: inline-block; margin-top: 16px; font-size: 32px; line-height: 38px; font-weight: 600; letter-spacing: -.01em; text-decoration: none; }
.smc .button { display: inline-block; margin-top: 24px; padding: 12px 20px; border: 1px solid #243326; border-radius: 2px; font-size: 15px; line-height: 20px; font-weight: 500; text-decoration: none; }
.smc .button:hover, .smc .next:hover { color: #1a1c1a; }
.smc a:focus { outline: 2px solid #243326; outline-offset: 2px; }

@media (max-width: 860px) {
  .smc .wrap { padding: 0 16px; }
  .smc .sec { padding-top: 64px; padding-bottom: 64px; }
  .smc .two, .smc .pair, .smc .three { grid-template-columns: minmax(0,1fr); }
  .smc .four { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .smc h1 { font-size: 52px; line-height: 54px; }
}
.smc .band iframe { width: 100% !important; height: 52vw !important; max-height: 666px !important; }
.smc .band video { width: 100% !important; height: auto !important; }
.wykes-nav.on-ivory { background: #243326; padding: 8px; border-radius: 30px; }
body.mobile .wykes-nav.on-ivory { border-radius: 0; padding: 12px 1.5rem; }
@media (max-width: 860px) {
  .smc .band iframe { height: 130vw !important; max-height: none !important; }
}
.smc a.zoom { display: block; cursor: zoom-in; }
.smc .lightbox { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2000; background: rgba(20, 26, 21, 0.94); cursor: zoom-out; align-items: center; justify-content: center; padding: 2rem; }
.smc .lightbox:target { display: flex; }
.smc .lightbox img { max-width: 100%; max-height: 100%; width: auto; height: auto; }