/**
 * Content
 */

body {
	background-color: #fff;
	color: #000;
    border: 4.5rem solid white;
}

body.mobile {
	border: none;
}

a:active {
	opacity: 0.7;
}

.page a.active {
	background: transparent;
}

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 1em;
}

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

hr {
	background: rgba(0, 0, 0, 0.20);
	border: 0;
	height: 1px;
	display: block;
    margin-bottom: 2rem;
}

.content img {
	float: none;
    margin-top: 0.5em;
}

.gallery_image_caption {
    margin-top: .3em;
    margin-bottom: 0.5em;
    font-size: 1.3rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.5);
	font-family: "Guyot Text", Icons;
	font-style: normal;
	line-height: 1.3;
}

/**
 * Loading Animation
 */

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

/**
 * Editor styles
 */

[data-predefined-style="true"] bodycopy {
	font-size: 1.8rem;
	color: rgba(0, 0, 0, 0.7);
	font-family: "Guyot Text", Icons;
	line-height: 1.4;
	font-style: normal;
	font-weight: 400;
}

[data-predefined-style="true"] bodycopy a {
	color: rgba(0, 0, 0, 0.85);
	padding-bottom: 0em;
	text-decoration: none;
    border-bottom: 1px solid #000;
}

[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 Condensed Variable", Icons;
	padding: 0;
	margin: 0;
	font-size: 17.2vmin;
	line-height: 1;
	color: rgba(0, 0, 0, 0.84);
    text-transform: none;
	font-style: normal;
	font-weight: 700;
    letter-spacing: 0.009em;
	font-variation-settings: 'slnt' 0, 'wdth' 75;
}

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

[data-predefined-style="true"] h2 {
	font-family: "Sometype Mono", Icons;
	font-style: normal;
	font-weight: 500;
	padding: 0;
	margin: 0;
	color: rgba(0, 0, 0, 0.25);
	font-size: 1.8rem;
	line-height: 1.3;
    letter-spacing: 0.01em;
}

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

[data-predefined-style="true"] small {
	display: inline-block;
	font-size: 1.3rem;
	line-height: 1.3;
	font-family: "Guyot Text", Icons;
	font-style: normal;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.5);
    margin-top: 0.5rem;
}

[data-predefined-style="true"] small a {
	color: rgba(0, 0, 0, 0.5);
    text-decoration: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}

/**
 * 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: #fff/*!body_bgcolor*/;
}

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

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

[data-css-preset] text-limit {
	display: inline-block /*!text_width*/;
	max-width: 66rem/*!text_width*/;
}

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

/**
 * Thumbnails
 */

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

.thumbnails .content_padding {
	padding-left: 0;
    padding-right: 0;
}

[data-css-preset] .thumbnails {
   	background-color: transparent/*!thumbnails_bgcolor*/;   
}

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

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

[data-css-preset] [thumbnails-gutter] {
    margin: -1.3rem/*!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(74, 52, 43, .12);
    outline-offset: -1px;
}

.thumbnails .title {
    margin-top: .8rem;
    margin-bottom: 0rem;
    font-size: 1.8rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.7);
	font-family: "Guyot Text", Icons;
	font-style: normal;
	line-height: 1.4;
}

.thumbnails .tags {
    margin-top: .8rem;
    margin-bottom: 1.5rem;
    font-size: 1.3rem;
	font-weight: 500;
	color: rgba(74, 52, 43, .35);
	font-family: "Guyot Text", Icons;
	font-style: normal;
	line-height: 1.3;
}

.thumbnails .tags a {
	border-bottom: 0;
    font-size: 1.3rem;
    color: rgba(0, 0, 0, 0.5);
    text-decoration: none;
    line-height: 1.3;
}

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

/**
 * Site Menu
 */

[data-css-preset] #site_menu_button {
	color: rgba(74, 52, 43, 1);
	line-height: 1;
	font-size: 28px /*!site_menu_button*/;
	padding: 6px;
	line-height: 1;
	background: rgba(33, 32, 46, 0);
	position: fixed;
	top: 1.0rem /*!site_menu_button*/;
	right: 1.2rem /*!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: "Guyot Text", Icons;
	font-size: 1.2rem;
    padding: 0;
	font-weight: 400;
	color: rgba(74, 52, 43, .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: "Guyot Text", Icons;
	font-style: normal;
	font-weight: 400;
	margin-bottom: 1rem;
	font-size: 2.4rem;
	line-height: 1.1;
	color: rgba(74, 52, 43, .85);
}

.shop_product .dropdown {
    font-family: "Guyot Text", Icons;
    font-size: 1.4rem;
    display: inline-block;
	width: 100%;
    border: 1px solid rgba(74, 52, 43, .2);
    background:  white url(https://static.cargo.site/assets/images/select-arrows.svg) no-repeat right;
    margin-bottom: 1rem;
    line-height: 1.2;
    padding: .7rem 1rem;
	font-style: normal;
	font-weight: 400;
}

.shop_product .button {
    font-family: "Guyot Text", Icons;
	font-size: 1.4rem;
    background: rgba(74, 52, 43, 1);
    color: rgba(255,255,255,1);
    flex: 0 0 50%;
    text-align: left;
    display: inline-block;
	line-height: 1;
    padding: .8rem 1rem .9rem;
	font-style: normal;
	font-weight: 400;
	border: 0;
}

/**
 * Image Zoom
 */

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

/**
 * Quick View
 */

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

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: "Guyot Text", Icons;
    transition: 100ms opacity ease-in-out;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 1.5rem 0;
    text-align: center;
    font-size: 1.3rem;
	font-style: normal;
	font-weight: 400;
}

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

/**
 * 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: rgba(0, 0, 0, 0.85);
    stroke-width: 1.5px;
}

.quick-view-navigation .left-arrow .outer-color,
.quick-view-navigation .right-arrow .outer-color {
    stroke: #000;
    stroke-width: 0;
    opacity: 0.6;
}

.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: rgba(0, 0, 0, 0.85);
    stroke-width: 1.5px;
}

.quick-view-navigation .close-button .outer-color {
    stroke: #000;
    stroke-width: 0;
    opacity: 0.6;
}

/** 
 * 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(0, 0, 0, 0.85);
    stroke-width: 1.5px;
}

.image-gallery-navigation .left-arrow .outer-color,
.image-gallery-navigation .right-arrow .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0;
}

/**
 * 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: #000;
    stroke-width: 1.5px;
}

.wallpaper-navigation .left-arrow .outer-color,
.wallpaper-navigation .right-arrow .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0;
}

/**
 * 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(74, 52, 43, .25);
    color: rgba(74, 52, 43, 1);
    background: transparent;
    font-size: 1.2rem;
    line-height: 1.2;
    font-family: "Neue Haas Grotesk", 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(74, 52, 43, .31);
}

.audio-player .button {
    background: transparent;
    cursor: pointer;
    fill: rgba(74, 52, 43, .9);
}

.audio-player .icon {
    fill: rgba(74, 52, 43, .9);
    padding: 30%;
    width: 100%;
    margin: auto;
}

.audio-player .buffer {
    background: rgba(74, 52, 43, .3);
}

.audio-player .progress {
    background: rgba(74, 52, 43, .1);
}

.audio-player .progress-indicator {
    border: 1px solid rgba(74, 52, 43, .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(74, 52, 43, .75);
}

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

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

/**
 * Remove vertical padding for Columns
 * when using "Single Column on Mobile"
 */

body.mobile [grid-responsive] [grid-col]:not(:last-child) {
	padding-bottom: 0;
}

body.mobile [grid-responsive] [grid-col] + [grid-col] {
	padding-top: 0;
}

/* MMP visual package, September 2026 */
:root{
  --paper:#f2eee3;
  --paper-deep:#eae3d4;
  --ink:#181714;
  --muted:#747166;
  --line:#cfc8b8;
  --sage:#677264;
  --rust:#9b5237;
  --max:1460px;
  --pad:clamp(28px,4.2vw,66px);
  --serif:Baskerville,"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  --sans:"Arial Narrow","Avenir Next Condensed","Helvetica Neue Condensed",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper)}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.34}
img{display:block;width:100%;height:auto}
a{color:inherit}
.mmp-site{max-width:var(--max);margin:0 auto;background:var(--paper)}
.mmp-topbar{min-height:62px;padding:0 var(--pad);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:32px;justify-content:space-between;position:sticky;top:0;z-index:30;background:rgba(242,238,227,.96);backdrop-filter:blur(6px)}
.mmp-wordmark{font-family:var(--serif);font-weight:700;text-decoration:none;font-size:.92rem;letter-spacing:.01em}
.mmp-nav{display:flex;gap:24px;text-transform:uppercase;letter-spacing:.14em;font-size:.66rem;font-weight:700}
.mmp-nav a{text-decoration:none;border-bottom:1px solid transparent;padding:4px 0}.mmp-nav a:hover{border-color:var(--ink)}
.mmp-location,.mmp-eyebrow,.mmp-categories,.mmp-country,.mmp-index-row,.mmp-process-label,.mmp-caption-line,.mmp-collage-caption{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em}
.mmp-location{color:var(--muted)}
.mmp-page{padding:clamp(64px,7vw,108px) var(--pad);border-bottom:1px solid var(--line)}
.mmp-cover{display:grid;grid-template-columns:1.04fr .96fr;gap:0;min-height:calc(100vh - 62px);padding:0}
.mmp-cover-copy{padding:clamp(44px,6vw,86px) var(--pad) 38px;display:flex;flex-direction:column;justify-content:space-between}
.mmp-cover h1{font-family:var(--serif);font-size:clamp(3.35rem,5.9vw,6.4rem);line-height:.98;letter-spacing:-.035em;margin:26px 0 0;max-width:8.5ch}
.mmp-cover-lower{max-width:520px}
.mmp-name{font-family:var(--serif);font-size:clamp(1.35rem,2.1vw,2rem);font-style:italic;margin:0 0 24px}
.mmp-hairline{height:1px;background:var(--line);margin:0 0 22px}
.mmp-categories{color:var(--muted);margin:0 0 40px}
.mmp-intro{font-size:clamp(1.15rem,1.8vw,1.55rem);max-width:28ch;margin:0 0 52px}
.mmp-country{color:var(--muted);margin:0}
.mmp-cover-figure{margin:0;position:relative;min-height:100%}.mmp-cover-figure a{display:block;height:100%}.mmp-cover-figure img{height:100%;object-fit:cover;object-position:center}.mmp-cover-figure figcaption{position:absolute;left:12px;bottom:10px;font-size:.63rem;font-style:italic;color:rgba(25,23,20,.6);mix-blend-mode:multiply}
.mmp-two-col{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(42px,8vw,118px);align-items:start}
.mmp-copy-block h2,.mmp-page>h2,.mmp-about-page h2{font-family:var(--serif);font-size:clamp(2.2rem,3.8vw,4.2rem);line-height:1.04;letter-spacing:-.028em;margin:18px 0 34px}
.mmp-copy-block p,.mmp-wide-copy,.mmp-about-page p{max-width:680px;font-size:1.05rem;margin:0 0 28px}.mmp-muted-large{color:var(--muted);font-size:1.03rem!important}
.mmp-index-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;color:var(--muted);padding:2px 0 28px}.mmp-proposition .mmp-hairline{margin-top:40px}
.mmp-portrait-figure{margin:0;max-width:470px;justify-self:end}.mmp-portrait-figure img{aspect-ratio:3/5;object-fit:cover}.mmp-portrait-figure figcaption,.mmp-caption-line{color:var(--muted);font-style:italic;text-transform:none;letter-spacing:.01em;font-weight:400;margin-top:8px}
.mmp-architecture-page h2{font-family:var(--serif);font-size:clamp(2rem,3.5vw,3.5rem);margin:18px 0 12px}.mmp-lead{color:var(--muted);margin:0 0 70px}.mmp-architecture{display:grid;grid-template-columns:repeat(5,1fr);gap:28px;border-top:1px solid var(--line);padding-top:26px}.mmp-architecture div{min-height:180px}.mmp-architecture b{display:block;font-size:.86rem;letter-spacing:.08em;margin-bottom:28px}.mmp-architecture span{display:block;color:var(--muted)}blockquote{font-family:var(--serif);font-size:clamp(1.15rem,1.65vw,1.55rem);line-height:1.45;margin:52px 0 0;max-width:1100px;padding:0}
.mmp-museum-layout{grid-template-columns:.85fr 1.15fr}.mmp-process-label{display:inline-block;background:var(--paper-deep);padding:11px 32px;margin:82px 0 28px;color:var(--muted)}
.mmp-collage{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mmp-collage a{display:block;overflow:hidden}.mmp-collage img{height:100%;object-fit:cover}.mmp-collage-wide{grid-column:1/-1}.mmp-collage-wide img{aspect-ratio:16/7}.mmp-collage>a:not(.mmp-collage-wide) img{aspect-ratio:1/1.04}.mmp-collage-caption{grid-column:1/-1;color:var(--muted);font-weight:400;font-style:italic;text-transform:none;letter-spacing:.01em}
.mmp-field-grid{display:grid;grid-template-columns:.9fr .9fr 1.12fr;gap:18px;margin-top:56px;align-items:stretch}.mmp-field-grid a{overflow:hidden}.mmp-field-grid img{height:100%;object-fit:cover;aspect-ratio:1/1.08}.mmp-field-tall img{aspect-ratio:1/1.42}.mmp-wide-copy{max-width:850px;color:#34322c}
.mmp-material-layout{display:grid;grid-template-columns:.9fr .92fr 1.15fr;gap:22px;margin-top:54px;align-items:start}.mmp-material-layout img{object-fit:cover}.mmp-material-tall img{aspect-ratio:3/5}.mmp-material-stack{display:grid;gap:22px}.mmp-material-stack img{aspect-ratio:4/3}.mmp-material-right img{aspect-ratio:4/3}.mmp-material-right p{color:var(--muted);font-size:1.05rem;max-width:420px;margin:28px 0 0}
.mmp-work-feature{grid-template-columns:.9fr 1.1fr}.mmp-work-collage{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mmp-work-collage a{overflow:hidden}.mmp-work-main{grid-column:1/-1}.mmp-work-main img{aspect-ratio:16/9;object-fit:cover}.mmp-work-collage>a:not(.mmp-work-main) img{aspect-ratio:1/1;object-fit:cover}
.mmp-hjol-layout{display:grid;grid-template-columns:1.35fr .72fr .88fr;gap:24px;margin-top:52px;align-items:start}.mmp-hjol-main img{aspect-ratio:4/5;object-fit:cover}.mmp-hjol-details{display:grid;gap:24px}.mmp-hjol-details img{aspect-ratio:3/4;object-fit:cover}.mmp-hjol-copy{padding:10px 0 0}.mmp-hjol-copy p{font-size:1.05rem;margin:0 0 28px}.mmp-hjol-copy .mmp-hairline{margin:38px 0}
.mmp-thumb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px 18px;margin-top:52px}.mmp-thumb-grid a{text-decoration:none}.mmp-thumb-grid img{aspect-ratio:1/1;object-fit:cover;border:1px solid var(--line);transition:opacity .18s ease}.mmp-thumb-grid a:hover img{opacity:.86}.mmp-thumb-grid span{display:block;margin-top:8px;color:var(--muted);font-size:.64rem;text-transform:uppercase;letter-spacing:.12em}
.mmp-trajectory-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(44px,8vw,118px);margin-top:54px}.mmp-timeline{position:relative;padding-left:0}.mmp-timeline:before{content:"";position:absolute;left:10px;top:12px;bottom:15px;width:1px;background:var(--line)}.mmp-time{display:grid;grid-template-columns:54px 72px 1fr 1.05fr;gap:18px;align-items:start;position:relative;padding:0 0 34px 0}.mmp-dot{width:15px;height:15px;border-radius:50%;background:var(--sage);margin:2px 0 0 3px;z-index:1}.mmp-time-current .mmp-dot{background:var(--rust)}.mmp-time b{font-family:var(--serif);font-size:1rem}.mmp-time strong{font-size:.92rem}.mmp-time em{font-style:normal;color:var(--muted);font-size:.9rem}.mmp-mini-images{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mmp-mini-images img{aspect-ratio:1/1;object-fit:cover}.mmp-mini-wide{grid-column:1/-1}.mmp-mini-wide img{aspect-ratio:16/8}.mmp-trajectory-side p{color:var(--muted);font-size:1.03rem;max-width:420px;margin:30px 0 0}.mmp-collab-note{max-width:920px;border-top:1px solid var(--line);padding-top:18px;color:var(--muted);margin:42px 0 0}.mmp-collab-note strong{font-family:var(--serif);font-size:1.05rem;color:var(--ink)}
.mmp-contexts{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:48px;max-width:980px}.mmp-contexts b{font-size:.72rem;letter-spacing:.14em}.mmp-contexts p{font-size:1.04rem;line-height:1.75;color:#34322c}
.mmp-commission-list{margin-top:52px;border-top:1px solid var(--line)}.mmp-commission-list>div{display:grid;grid-template-columns:54px 280px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}.mmp-commission-list b{color:var(--rust);font-family:var(--serif);font-size:1.2rem}.mmp-commission-list strong{font-size:.82rem;letter-spacing:.08em}.mmp-commission-list span{color:var(--muted)}.mmp-commission-context{margin-top:38px}
.mmp-about-page .mmp-two-col{grid-template-columns:1fr .9fr}.mmp-contact-panel{display:grid;grid-template-columns:210px 1fr;gap:28px;align-items:end}.mmp-book-link img{border:1px solid var(--line)}.mmp-contact-panel>div{display:flex;flex-direction:column;gap:10px}.mmp-contact-panel b{font-family:var(--serif);font-size:1.1rem}.mmp-contact-panel span{color:var(--muted)}.mmp-contact-panel a{font-size:.92rem}
.mmp-footer{padding:18px var(--pad) 24px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.11em}
@media(max-width:1000px){
  .mmp-nav{display:none}.mmp-cover{grid-template-columns:1fr;min-height:auto}.mmp-cover-copy{min-height:700px}.mmp-cover-figure{height:68vh}.mmp-two-col,.mmp-museum-layout,.mmp-work-feature,.mmp-about-page .mmp-two-col,.mmp-trajectory-layout{grid-template-columns:1fr}.mmp-portrait-figure{justify-self:start;max-width:520px}.mmp-architecture{grid-template-columns:repeat(2,1fr)}.mmp-material-layout{grid-template-columns:1fr 1fr}.mmp-material-right{grid-column:1/-1}.mmp-hjol-layout{grid-template-columns:1.2fr .8fr}.mmp-hjol-copy{grid-column:1/-1;max-width:700px}.mmp-thumb-grid{grid-template-columns:repeat(3,1fr)}.mmp-contexts{grid-template-columns:1fr}.mmp-commission-list>div{grid-template-columns:54px 220px 1fr}
}
@media(max-width:680px){
  body{font-size:16px}.mmp-topbar{min-height:58px}.mmp-location{display:none}.mmp-wordmark{max-width:14ch;line-height:1}.mmp-page{padding:56px 22px}.mmp-cover-copy{padding:38px 22px 34px;min-height:650px}.mmp-cover h1{font-size:clamp(3rem,15vw,5.4rem)}.mmp-cover-figure{height:62vh}.mmp-index-row{grid-template-columns:1fr 1fr;row-gap:14px}.mmp-architecture{grid-template-columns:1fr}.mmp-architecture div{min-height:auto;border-top:1px solid var(--line);padding:18px 0}.mmp-architecture b{margin-bottom:8px}.mmp-process-label{margin-top:40px}.mmp-field-grid{grid-template-columns:1fr 1fr}.mmp-field-tall{grid-column:1/-1}.mmp-field-tall img{aspect-ratio:16/10}.mmp-material-layout{grid-template-columns:1fr}.mmp-material-right{grid-column:auto}.mmp-hjol-layout{grid-template-columns:1fr}.mmp-hjol-details{grid-template-columns:1fr 1fr}.mmp-hjol-copy{grid-column:auto}.mmp-thumb-grid{grid-template-columns:1fr 1fr;gap:14px 10px}.mmp-time{grid-template-columns:42px 60px 1fr}.mmp-time em{grid-column:3}.mmp-trajectory-side{margin-top:10px}.mmp-contexts{gap:20px}.mmp-commission-list>div{grid-template-columns:42px 1fr}.mmp-commission-list span{grid-column:2}.mmp-contact-panel{grid-template-columns:140px 1fr}.mmp-footer{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mmp-thumb-grid img{transition:none}}

/* Keep the cover title whole at narrow widths. */
@media (max-width: 680px) { .mmp-cover h1 { font-size: 42px !important; line-height: .98 !important; overflow-wrap: normal !important; word-break: normal !important; } }
/* Cargo template compatibility and cover readability. */
.mmp-site > main { position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; min-height: 0 !important; width: auto !important; }
.mmp-cover h1 { max-width: none !important; font-size: clamp(48px, 5vw, 70px) !important; overflow-wrap: normal !important; word-break: normal !important; }
@media (max-width: 680px) { .mmp-cover h1 { font-size: 42px !important; } }

