@font-face{
	font-family:'FS Siena1';
	src:url('https://marten.se/wp-content/themes/marten/assets/fonts/fs-siena/FSSiena-ExtraLight.woff') format('woff');
	font-weight:200;font-style:normal;
}
@font-face{
	font-family:'FS Siena1';
	src:url('https://marten.se/wp-content/themes/marten/assets/fonts/fs-siena/FSSiena-ExtraLightItalic.woff') format('woff');
	font-weight:200;font-style:italic;
}
@font-face{
	font-family:'FS Siena1';
	src:url('https://marten.se/wp-content/themes/marten/assets/fonts/fs-siena/dexter-font-01.woff2') format('woff2');
	font-weight:300;
	font-style:normal;
}
@font-face{
	font-family:'FS Siena1';
	src:url('https://marten.se/wp-content/themes/marten/assets/fonts/fs-siena/dexter-font-02.woff2') format('woff2');
	font-weight:300;
	font-style:italic;
}
@font-face{
    font-family:'FS Siena1';
    src:url('https://marten.se/wp-content/themes/marten/assets/fonts/fs-siena/dexter-font-03.woff2') format('woff2');
    font-weight:400;
    font-style:normal;
}
@font-face{
	font-family:'FS Siena1';
	src:url('https://marten.se/wp-content/themes/marten/assets/fonts/fs-siena/dexter-font-05.woff2') format('woff2');
	font-weight:500;
	font-style:normal;
}
@font-face{
    font-family:'FS Siena1';
    src:url('https://marten.se/wp-content/themes/marten/assets/fonts/fs-siena/dexter-font-07.woff2') format('woff2');
    font-weight:600;
    font-style:normal;
}
:root{
  --dg:#1c2526;
  --mg:#ccd4c5;
  --lg:#e2e6df;
  --ice:#eff2f7;
  --brick:#c26d55;
  --f:'FS Siena1',Georgia,serif;
  --mx:80px;
  --overhang:max(0px, calc((100vw - 1920px) / 2));
  --col:640px;
}
body{
	overflow-x:hidden;
	line-height: 1.1;
}
html{scroll-behavior:smooth;
	scrollbar-gutter:stable;
}
p{
	margin-bottom: 0;
}
.single-post .content-area {
  margin-top: 0;
}
.elementor-widget:not(:last-child) {
  margin-block-end: 0!important;
}
.mj-article{
	font-size:16px;
	background:#ffffff;
	color:var(--dg);
	font-family:var(--f);
	font-weight:300;
	margin:0;
}

/* shared category label */
.mj-eyebrow{
	font-size:13px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--brick);display:inline-block;text-decoration:none;transition:opacity .2s;
	line-height: 1.1;
}
a.mj-eyebrow:hover{
	opacity:0.7;
	text-decoration: none;
	color:var(--brick);
}

/* ═════════ HERO — full-width 16:10, cropped, headline below ═════════ */
.mj-hero{width:100%;aspect-ratio:16/10;max-height:860px;overflow:hidden;background:var(--ice);}
.mj-hero img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;display:block;}
.mj-hero-head{max-width:1920px;margin:0 auto;padding:clamp(36px,4vw,60px) var(--mx) 0;}
.mj-hero-head .mj-eyebrow{display:inline-block;margin-bottom:0;}
.mj-hero-head h1{font-size:clamp(32px,4vw,60px);font-weight:200;line-height:1.1;letter-spacing:-0.02em;color:var(--dg);margin:16px 0 0;max-width:min(100%,1100px);}



/* ═════════ CREDIT LINE ═════════ */
.mj-byline{display:flex;align-items:center;gap:16px;}
.mj-byline-photo{width:52px;height:52px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--mg);}
.mj-byline-text{display:flex;flex-direction:column;gap:3px;}
.mj-byline-name{font-size:15px;font-weight:500;color:var(--dg);letter-spacing:0.01em;}
.mj-byline-meta{font-size:13px;font-weight:300;color:rgba(28,37,38,0.55);letter-spacing:0.01em;}
.mj-byline--marten .mj-byline-photo{display:none;}
.mj-byline--marten .mj-byline-meta{font-size:12px;letter-spacing:0.14em;text-transform:uppercase;font-weight:600;color:var(--brick);}

/* ═════════ BODY ═════════ */
.mj-body{box-sizing:content-box;max-width:var(--col);margin:0 auto;padding:64px var(--mx) 96px;}
.mj-body-inner{
	box-sizing:content-box!important;
	padding-top: 0;
	padding-bottom: 0;
}
/* credit line sits at the top of the body, above the intro paragraph */
.mj-body > .mj-byline{padding-bottom:32px;margin-bottom:40px;border-bottom:1px solid rgba(28,37,38,0.12);}

.mj-standfirst p{font-size:20px;font-weight:300;line-height:1.75;color:var(--dg);margin-bottom:1.4em;}

.mj-prose p{font-size:17px;font-weight:300;line-height:1.65;color:rgba(28,37,38,0.78);}
.mj-prose strong,
.mj-prose b{ font-weight: 600; }
.mj-prose p + p{margin-top:1em;}
.mj-prose h2{font-size:clamp(24px,2.4vw,30px);font-weight:200;color:var(--dg);letter-spacing:-0.01em;line-height:1.15;margin:1.8em 0 0.7em;}
/* one link style across the article: brick underline always visible, text warms to brick on hover.
   In body copy the text is dark green; in the pull-quote attribution, About block, credit and footnote
   it keeps the colour of the line it sits in. */
.mj-standfirst a,   
.mj-prose a,.mj-about a,.mj-credit a,.mj-footnote a{
	color:inherit;
	text-decoration:underline!important;
	text-decoration-color:var(--brick)!important;
	text-decoration-thickness:1px!important;
	text-underline-offset:3px;
	transition:color .2s;
}
.mj-prose p a,.mj-prose li a{color:var(--dg);}
.mj-standfirst a:hover,
.mj-prose a:hover,.mj-about a:hover,.mj-credit a:hover,.mj-footnote a:hover{color:var(--brick);}

.elementor-widget-article-quote{
	
}
.mj-prose blockquote{
	margin:1.6em 0;
	padding-left:28px;border-left:2px solid var(--brick);

}

.mj-prose blockquote p{font-style:italic;color:var(--dg);font-size:19px;line-height:1.6;}
.mj-prose em{font-style:italic;}

/* ── INLINE FIGURES — three placements ── */
/* A · single, full column width */
.elementor-widget-article-image-column
{margin:2.4em 0!important;}

.mj-figure{margin:2.4em;}
.mj-figure img{width:100%;height:auto;display:block;}
.mj-figure figcaption{font-size:13px;font-weight:400;color:rgba(28,37,38,0.6);margin-top:14px;letter-spacing:0.01em;}

/* B · image pair — two photos side by side, wider than the text column (~1140), each ~550 */

/* C · landscape — full content width, inside the page gutter */
.elementor-widget-article-image-wide{
	margin:3.4em 0;
}
.mj-wide{
	/*margin:3.4em auto;*/
	max-width:1920px;padding:0 var(--mx);}

.mj-wide img{width:100%;height:auto;display:block;}
.mj-wide figcaption{font-size:13px;font-weight:400;color:rgba(28,37,38,0.6);margin-top:14px;letter-spacing:0.01em;}

/* ── CAPTION ALIGNMENT — relative to the image the caption belongs to.
   Default left. The side inset equals the 14px gap below the image, so the
   caption nests into the corner with equal negative space on both axes.
   Oleh/Elementor: toggle per figure with a modifier class. ── */
.mj-figure figcaption,.mj-wide figcaption,.mj-gallery figcaption{text-align:left;padding-left:14px;padding-right:0;}
.mj-cap-right figcaption{text-align:right;padding-right:14px;padding-left:0;}

/* ═════════ ATTRIBUTED PULL-QUOTE — extends blockquote; attribution is non-italic ═════════ */
.mj-prose blockquote cite{display:block;margin-top:16px;font-style:normal;font-size:14px;font-weight:400;letter-spacing:0.02em;color:rgba(28,37,38,0.6);}

/* ═════════ SOURCE CREDIT LINE — quiet, caption-scale, no italic, no parentheses ═════════ */
.mj-credit p{font-size:13px;font-weight:400;letter-spacing:0.01em;line-height:1.55;color:rgba(28,37,38,0.55);margin:2.6em 0 0;}

/* ═════════ ABOUT BLOCK — foot of article, set apart, weight-differentiated (never italic) ═════════ */
.mj-about{margin:2.8em 0 0;padding-top:1.8em;border-top:1px solid #e2e6df;}
.mj-about + .mj-about{margin-top:1.4em;padding-top:1.4em;}
.mj-about h3{font-size:15px;font-weight:600;letter-spacing:0.01em;color:var(--dg);margin:0 0 8px;}
.mj-about p{font-size:15px;font-weight:300;line-height:1.6;color:rgba(28,37,38,0.72);margin:0;}

/* ═════════ MEDIA GALLERY ROW — full content width; per-instance --cols (2|3) and --ar; replaces the old image pair ═════════ */
.elementor-widget-article-gallery{
	margin:3em 0;
}
.mj-gallery{
	--cols:2;--ar:3/2;
	max-width:1920px;
	/*margin:3em auto;*/
	padding:0 var(--mx);display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:24px;
}
.mj-gallery figure{margin:0;}
.mj-gallery img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:var(--ar);}
.mj-gallery figcaption{
	grid-column:1/-1;font-size:13px;font-weight:400;color:rgba(28,37,38,0.6);letter-spacing:0.01em;
	padding-top: 24px;
}

/* ═════════ VIDEO EMBED — column width; per-instance --ar (16/9, 1/1, 9/16); iframe or MP4 ═════════ */
.elementor-widget-article-video{
	margin:2.6em 0;
}

.mj-video{--ar:16/9;
/*margin:2.6em 0;*/
}
.mj-video-frame{position:relative;aspect-ratio:var(--ar);background:#0f1516;overflow:hidden;}
.mj-video-frame iframe,.mj-video-frame video{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;}
.mj-video figcaption{font-size:13px;font-weight:400;color:rgba(28,37,38,0.6);margin-top:14px;letter-spacing:0.01em;padding-left:14px;}

/* ═════════ FOOTNOTE — single asterisk, no system ═════════ */
.mj-prose sup{font-size:0.7em;line-height:0;}
.mj-footnote p{font-size:13px;font-weight:400;letter-spacing:0.01em;line-height:1.55;color:rgba(28,37,38,0.55);margin:2.6em 0 0;padding-top:1.4em;border-top:1px solid #e2e6df;}

/* ═════════ PROSE LISTS — bulleted and numbered, matched to body copy ═════════ */
.mj-prose ul,.mj-prose ol{margin:1.1em 0;padding-left:1.4em;}
.mj-prose li{font-size:17px;font-weight:300;line-height:1.65;color:rgba(28,37,38,0.78);margin:0.35em 0;padding-left:0.3em;}
.mj-prose li::marker{color:rgba(28,37,38,0.4);}


/* ═════════ ONWARD STEP — ice background, above prev/next; omitted when no destination is set ═════════ */
.mj-onward{background:var(--ice);border-top:1px solid rgba(28,37,38,0.12);}
.mj-onward-inner{max-width:1920px;margin:0 auto;padding:64px var(--mx);}
.mj-onward-label{
	line-height: 1.1;
	font-size:12px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:var(--brick);display:block;margin-bottom:18px;}
.mj-onward-links{display:flex;flex-wrap:wrap;gap:14px 48px;}
.mj-onward a{
	line-height: 1.1;
	font-size:clamp(22px,2.2vw,30px);font-weight:200;letter-spacing:-0.01em;color:var(--dg);text-decoration:none;display:inline-flex;position:relative;padding-bottom:6px;transition:color .25s;background-image:linear-gradient(var(--dg),var(--dg));background-repeat:no-repeat;background-position:0 100%;background-size:0 1px;transition:background-size .3s ease,color .2s;}
.mj-onward a:hover{background-size:100% 1px;}
.mj-onward a.ext::after{content:"\2197";margin-left:6px;font-size:11px;}

/* ═════════ PREV / NEXT ═════════ */
.mj-nextprev{border-top:1px solid rgba(28,37,38,0.12);background:var(--lg);}
.mj-nextprev-inner{max-width:1920px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;}
.mj-np{padding:44px var(--mx);text-decoration:none;display:flex;flex-direction:column;gap:10px;transition:background .3s;}
.mj-np--prev{border-right:1px solid rgba(28,37,38,0.12);}
.mj-np--next{text-align:right;align-items:flex-end;}
.mj-np:hover{
	color: inherit;
  text-decoration: none;
	background:rgba(28,37,38,0.03);
}
.mj-np:hover .mj-np-title{color:var(--brick);}
.mj-np-label{font-size:11px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:rgba(28,37,38,0.45);}
.mj-np-title{font-size:clamp(17px,1.6vw,21px);font-weight:300;color:var(--dg);letter-spacing:0;line-height:1.2;max-width:24ch;transition:color .25s;}

.elementor[data-elementor-type="wp-post"]{
	padding-bottom: 96px;
}

/* ═════════ RESPONSIVE ═════════ */
@media(max-width:1024px){
  :root{--mx:32px;}
  .mj-body{padding:56px var(--mx) 72px;}
  .mj-body-inner{
	padding-top: 0;
	padding-bottom: 0;
}
.elementor[data-elementor-type="wp-post"]{
	padding-bottom: 72px;
}
  .mj-onward-inner{padding:52px var(--mx);}
  .mj-nextprev-inner{grid-template-columns:1fr;}
  .mj-np--prev{border-right:0;border-bottom:1px solid rgba(28,37,38,0.12);}
  .mj-np{padding:36px var(--mx);}
  .mj-np--next{text-align:left;align-items:flex-start;}
}
@media(max-width:767px){
  :root{--mx:20px;}
  /* phones get a taller 4:5 crop — kinder to a vertical speaker on a narrow screen */
  .mj-hero{aspect-ratio:4/5;max-height:none;}
  .mj-hero-head h1{font-size:clamp(30px,8vw,42px);}
  .mj-gallery{grid-template-columns:1fr;gap:28px;}
  .mj-gallery figcaption{
  	padding-top: 28px;
  }
  .mj-body{padding:44px var(--mx) 56px;}
  .mj-body-inner{
	padding-top: 0;
	padding-bottom: 0;
}
.elementor[data-elementor-type="wp-post"]{
	padding-bottom: 56px;
}
  .mj-standfirst p{font-size:22px;}
  /* editorial essays are 60% phone-read and read at length: hold body at 17px with looser leading, not shrunk to 16px */
  .mj-prose p{font-size:18px;line-height:1.72;}
}