/* Portfolio surfaces: visible work, restrained annotations, real field evidence. */
.visual-hero:has(.mc-scene) .visual-hero-composition{display:block}
.visual-hero:has(.mc-scene) .visual-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:0 60px;text-align:left;margin-bottom:46px}
.visual-hero:has(.mc-scene) .visual-heading>.eyebrow{grid-column:1/-1}
.visual-hero:has(.mc-scene) .visual-heading h1{font-size:clamp(34px,3.9vw,56px);margin:14px 0 0;max-width:680px}
.visual-hero:has(.mc-scene) .visual-intro{padding-top:12px}
.mc-scene{--ink:#102947;--blue:#0063f7;--muted:#62758a;position:relative;color:var(--ink);padding-top:16px}
.mc-collage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr) minmax(0,1fr);grid-template-rows:auto auto;gap:22px;align-items:start;position:relative;isolation:isolate;padding:18px 12px 10px}
.mc-collage:before{content:'';position:absolute;inset:50px 2% 20px;border-radius:50%;background:radial-gradient(ellipse,#cadcff 0%,#e9f0fb 50%,transparent 71%);z-index:-1}
.mc-piece{min-width:0;position:relative}
.mc-primary{grid-column:2;grid-row:1/3;z-index:2}
.mc-field{grid-column:1;grid-row:1;transform:translateY(28px) rotate(-3deg)}
.mc-piece.mc-editorial{grid-column:3;grid-row:1/3;transform:translateY(90px) rotate(3deg);z-index:1}
.mc-extra{grid-column:1;grid-row:2;transform:rotate(-2deg)}
.mc-scene figure{margin:0}
.mc-scene img{display:block;width:100%;height:auto}
.mc-media,.mc-place,.mc-blog,.mc-social,.mc-sheet,.mc-local-feed{overflow:hidden;background:#fff;border:1px solid #d9e1ed;border-radius:14px;box-shadow:0 20px 40px -22px #213e7280}
.mc-media>img{max-height:390px;object-fit:contain;aspect-ratio:4/3}
.mc-media figcaption{background:white;padding:14px 16px;line-height:1.55;text-align:left}
.mc-media figcaption span{display:block;font-size:10px;letter-spacing:.04em;color:#547094;margin-bottom:6px}
.mc-media figcaption strong{display:block;font-size:14px;font-weight:650}
.mc-capture>img{aspect-ratio:auto;max-height:335px;object-fit:contain;object-position:top}
.mc-primary>.mc-capture>img{max-height:565px}
.mc-browser{height:37px;background:#f5f7fa;display:flex;align-items:center;gap:4px;padding:0 13px;border-bottom:1px solid #e4e8ef}
.mc-browser i{height:5px;width:5px;border-radius:50%;background:#b7c3d1}
.mc-browser span{font-size:8px;letter-spacing:.1em;margin-left:8px;color:#64778f}
.mc-browser b{font-size:8px;margin-left:auto;color:#0063f7}
.mc-searchbox{display:flex;align-items:center;gap:10px;padding:11px 20px;border-bottom:1px solid #e7edf5;font-size:12px}
.mc-searchbox>span{color:#0063f7;font-size:24px;line-height:1}
.mc-place-cover{height:192px;position:relative;overflow:hidden}
.mc-place-cover img{height:100%;object-fit:contain}
.mc-place-cover>span{position:absolute;bottom:10px;left:12px;font-size:9px;background:#fffefa;padding:5px 8px;border-radius:3px;color:#42556c}
.mc-place-info{padding:19px 22px 17px}
.mc-place-info>small{font-size:9px;color:#778798}
.mc-scene h3{color:inherit;margin:8px 0 10px;font-size:21px;line-height:1.4;letter-spacing:-.035em}
.mc-scene p{font-size:12px;line-height:1.75;color:#65778c;margin:0}
.mc-place-info>p{font-size:11px}
.mc-quick{display:flex;justify-content:space-around;border-bottom:1px solid #e0e8f2;margin:14px 0 0;padding:0 0 13px;color:#0063f7;gap:8px}
.mc-quick>span{text-align:center;font-size:22px;line-height:1.5}
.mc-quick small{display:block;color:#344d68;font-size:10px}
.mc-tabs{display:flex;gap:20px;padding:13px 0 9px;font-size:10px;color:#7a889b}
.mc-tabs b{color:#0063f7}
.mc-menu>div{display:flex;align-items:center;gap:13px;margin:9px 0}
.mc-menu img{height:53px;width:62px;object-fit:contain;border-radius:5px;flex-shrink:0}
.mc-menu .mc-thumb-1{object-position:70% 75%}
.mc-menu strong,.mc-menu small{display:block}
.mc-menu strong{font-size:11px;line-height:1.5}
.mc-menu small{font-size:9px;color:#7d8999;margin-top:5px}
.mc-blog-brand{display:flex;justify-content:space-between;padding:13px 16px;font-size:8px;letter-spacing:.1em;color:#637a92}
.mc-blog-brand b{color:#294767;font-size:10px}
.mc-blog>img{height:165px;object-fit:contain}
.mc-blog>div:last-child{padding:18px}
.mc-blog small{font-size:9px;color:#668098}
.mc-blog h3{font-size:20px;margin:12px 0}
.mc-blog p{font-size:11px}
.mc-keyword{display:block;color:#4679ab;font-size:9px;margin-top:17px;line-height:1.6}
.mc-text-lines{display:grid;gap:7px;margin-top:16px}
.mc-text-lines i{height:3px;background:#edf0f4}
.mc-text-lines i:last-child{width:70%}
.mc-social{position:relative}
.mc-social>img{aspect-ratio:1.15;object-fit:contain}
.mc-social>div{padding:20px;background:#102f55;color:white}
.mc-social small{font-size:8px;letter-spacing:.09em;color:#9dc6ff}
.mc-social h3{font-size:23px;margin:13px 0}
.mc-social p{color:#c7d8ed;font-size:10px}
.mc-social>div>span{display:inline-block;background:#0063f7;padding:9px 12px;border-radius:4px;font-size:9px;margin-top:17px}
.mc-scene>.mc-disclosure{font-size:10px;line-height:1.8;color:#64748b;margin:30px 12px 0;max-width:1000px}
.mc-filebar{display:flex;gap:7px;align-items:center;padding:13px 15px;background:#eaf1fc;color:#456992;font-size:9px;letter-spacing:.06em}
.mc-filebar i{height:9px;width:7px;border:1px solid #7493ba}
.mc-sheet>h3{font-size:23px;padding:20px 22px 0}
.mc-sheet-rows{padding:10px 22px}
.mc-sheet-rows>div{padding:15px 0;border-bottom:1px solid #e3e9f2}
.mc-sheet-rows strong{font-size:11px;display:block;margin-bottom:6px;color:#155693}
.mc-sheet-rows span{font-size:11px;line-height:1.8;color:#516a83}
.mc-sheet>p{font-size:9px;padding:8px 22px 20px}
.mc-local-top{background:#fff1e7;padding:22px;display:flex;justify-content:space-between;align-items:center;color:#873c12}
.mc-local-top>b{font-size:22px}.mc-local-top>small{font-size:9px}
.mc-local-post{padding:20px;display:flex;gap:16px;border-bottom:1px solid #e7ebf2}
.mc-local-post>img{width:100px;height:112px;object-fit:contain;border-radius:8px}
.mc-local-post h3{font-size:18px;margin:8px 0}
.mc-local-post small{font-size:9px;color:#7a8a9c}
.mc-local-post p{font-size:11px}.mc-local-post span{font-size:10px;color:#d06324;display:block;margin-top:14px}
/* Different editorial rhythms share the same media surfaces. */
.mc-output-strip{padding:30px 0;background:white;border-top:1px solid #e2e9f2;border-bottom:1px solid #e2e9f2}.mc-output-strip>.detail-container{display:flex;gap:35px;align-items:center;justify-content:space-between}.mc-output-strip h2{font-size:15px;color:#234667;line-height:1.7;margin:0}.mc-output-strip ul{display:flex;flex-wrap:wrap;gap:12px 25px;margin:0;padding:0;list-style:none}.mc-output-strip li{font-size:13px;color:#61758a;line-height:1.8}.mc-output-strip li:before{content:'↗';color:#0063f7;margin-right:9px}
.mc-editorial .mc-collage,.mc-journal .mc-collage{grid-template-columns:1.35fr 1.8fr 1fr}
.mc-editorial .mc-primary,.mc-journal .mc-primary{grid-column:1/3;grid-row:1/3;max-width:650px;padding-right:65px}
.mc-editorial .mc-field,.mc-journal .mc-field{grid-column:3;grid-row:1;transform:rotate(3deg)}
.mc-editorial .mc-editorial,.mc-journal .mc-editorial{grid-column:3;grid-row:2;transform:rotate(-3deg)}
.mc-editorial .mc-extra,.mc-journal .mc-extra{grid-column:2;grid-row:2;align-self:end;width:72%;justify-self:end;transform:translate(30px,22px) rotate(4deg);z-index:3}
.mc-journal .mc-primary .mc-blog>img{height:275px}.mc-journal .mc-primary .mc-blog h3{font-size:32px}.mc-journal .mc-primary .mc-blog>div:last-child{padding:28px 32px 48px}
.mc-portfolio .mc-collage,.mc-split .mc-collage{grid-template-columns:1.1fr 1.6fr 1fr}
.mc-portfolio .mc-primary,.mc-split .mc-primary{grid-column:1/3;grid-row:1/3;padding-right:28%;}
.mc-portfolio .mc-field,.mc-split .mc-field{grid-column:2;grid-row:2;width:96%;transform:translate(4%,20px) rotate(3deg);z-index:3}
.mc-portfolio .mc-editorial,.mc-split .mc-editorial{grid-column:3;grid-row:1;transform:translateY(15px)}
.mc-portfolio .mc-extra,.mc-split .mc-extra{grid-column:3;grid-row:2;transform:rotate(2deg)}
.mc-travel .mc-collage{grid-template-columns:1fr 1.85fr 1fr}.mc-travel .mc-field{transform:translateY(70px) rotate(-4deg)}
.mc-catalog .mc-collage{grid-template-columns:1fr 1.65fr 1fr}.mc-catalog .mc-editorial{transform:rotate(3deg)}.mc-catalog .mc-field{transform:translateY(70px) rotate(-3deg)}
.mc-design .mc-collage,.mc-website .mc-collage,.mc-meta .mc-collage,.mc-support .mc-collage,.mc-performance .mc-collage{grid-template-columns:1fr 2.15fr 1fr}
.mc-design .mc-primary,.mc-website .mc-primary,.mc-meta .mc-primary,.mc-support .mc-primary,.mc-performance .mc-primary{grid-column:1/3;grid-row:1/3}
.mc-design .mc-primary .mc-media>img,.mc-website .mc-primary .mc-media>img,.mc-meta .mc-primary .mc-media>img,.mc-support .mc-primary .mc-media>img,.mc-performance .mc-primary .mc-media>img{aspect-ratio:3/2;max-height:none;object-fit:contain}
.mc-design .mc-field,.mc-website .mc-field,.mc-meta .mc-field,.mc-support .mc-field,.mc-performance .mc-field{grid-column:3;grid-row:1;transform:translateY(-10px) rotate(3deg)}
.mc-design .mc-editorial,.mc-website .mc-editorial,.mc-meta .mc-editorial,.mc-support .mc-editorial,.mc-performance .mc-editorial{grid-column:3;grid-row:2;transform:rotate(-3deg)}
.mc-design .mc-field .mc-place-cover{height:90px}.mc-design .mc-field .mc-place-info{padding:12px}.mc-design .mc-field .mc-menu{display:none}.mc-design .mc-field h3{font-size:15px}.mc-design .mc-field .mc-browser span{display:none}
.mc-fieldwork .mc-collage,.mc-strategy .mc-collage{grid-template-columns:1fr 1.6fr 1.1fr}
.mc-fieldwork .mc-primary,.mc-strategy .mc-primary{grid-column:1/3;grid-row:1/3;padding-right:50px}
.mc-fieldwork .mc-primary img,.mc-strategy .mc-primary img{aspect-ratio:5/4;max-height:620px;object-position:center}
.mc-fieldwork .mc-field,.mc-strategy .mc-field{grid-column:2;grid-row:2;z-index:3;transform:translate(10px,30px) rotate(-3deg)}
.mc-fieldwork .mc-editorial,.mc-strategy .mc-editorial{grid-column:3;grid-row:1/3;transform:translateY(40px)}
.mc-report .mc-primary>.mc-capture>img{max-height:620px}
.mc-uploaded .mc-media img{object-fit:contain;aspect-ratio:auto;max-height:520px;background:#f5f7fb}
.mc-uploaded .mc-primary .mc-media img{max-height:660px}
.mc-count-1 .mc-collage{display:block;max-width:900px;margin:auto}.mc-count-1 .mc-primary{padding:0}
.mc-count-2 .mc-collage{grid-template-columns:1.6fr 1fr}.mc-count-2 .mc-primary{grid-column:1;grid-row:1}.mc-count-2 .mc-field{grid-column:2;grid-row:1}
.mc-before-after{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mc-before-after .mc-media img{aspect-ratio:3/4;object-fit:contain}.mc-uploaded:has([data-before-after]) .mc-primary{grid-column:1/3}.mc-uploaded:has([data-before-after]) .mc-field{grid-column:3}.mc-uploaded:has([data-before-after]) .mc-editorial{grid-column:3;grid-row:2;transform:rotate(-2deg)}
.mc-more-media{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}.mc-more-media .mc-media img{max-height:300px}
.mc-film-evidence{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:35px;color:#123252}.mc-film-evidence figure{margin:0;background:white;border-radius:12px;overflow:hidden;display:grid;grid-template-columns:100px 1fr;align-items:center}.mc-film-evidence figure>img{width:100%;height:145px;object-fit:contain}.mc-film-evidence figcaption{padding:18px}.mc-film-evidence figcaption span,.mc-upload>span{display:block;font-size:10px;color:#6281a6;margin-bottom:10px}.mc-film-evidence figcaption strong{font-size:16px;line-height:1.5}.mc-upload{background:white;border-radius:12px;padding:20px}.mc-upload h3{font-size:20px;margin:0 0 15px}.mc-upload>div{display:flex;gap:16px;align-items:center}.mc-upload img{width:50px;height:75px;object-fit:contain;border-radius:4px}.mc-upload b{font-size:12px}.mc-upload p{font-size:11px;color:#65758a;line-height:1.8;margin:6px 0 0}
.visual-hero .hero-media-panel:empty{display:none}
.detail-page .visual-deliverables{background:#fff;color:#102947;padding:40px 0;border-bottom:1px solid #e2e9f2}.detail-page .visual-deliverables h2{color:#102947;font-size:28px}.detail-page .visual-deliverables h3{color:#193a61}.detail-page .visual-deliverables article{border-color:#cddbec}.detail-page .visual-deliverables .eyebrow{color:#426faa}
@media(max-width:1000px){.mc-collage{grid-template-columns:1fr 1.65fr 1fr;gap:15px;padding-left:0;padding-right:0}.mc-place-cover{height:150px}.mc-place-info{padding:15px}.mc-browser span{font-size:6px}.mc-scene h3{font-size:19px}.mc-blog>div:last-child{padding:14px}.mc-blog>img{height:120px}.mc-media figcaption{padding:12px}.mc-media figcaption strong{font-size:12px}.mc-sheet>h3{font-size:18px;padding:15px 15px 0}.mc-sheet-rows{padding:6px 15px}.mc-sheet-rows>div{padding:10px 0}.mc-sheet-rows span{font-size:10px}.mc-place .mc-menu strong{font-size:10px}}
@media(max-width:760px){
 .mc-output-strip>.detail-container{display:block}.mc-output-strip ul{gap:8px 18px;margin-top:12px}.mc-output-strip li{font-size:12px}
 .visual-hero:has(.mc-scene) .visual-heading{display:block;margin-bottom:26px}.visual-hero:has(.mc-scene) .visual-heading h1{font-size:34px}.visual-hero:has(.mc-scene) .visual-intro{padding-top:18px}
 .mc-scene{padding-top:0}.mc-scene .mc-collage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;gap:12px;padding:0}
 .mc-scene .mc-collage>.mc-piece{transform:none;padding:0;width:auto;max-width:none;align-self:start}
 .mc-scene .mc-primary{grid-column:1/-1;grid-row:1}
 .mc-scene .mc-field{grid-column:1;grid-row:2}
 .mc-scene .mc-editorial{grid-column:2;grid-row:2}
 .mc-scene .mc-extra{display:none}
 .mc-collage:before{inset:0;border-radius:20px}
 .mc-place-cover{height:180px}.mc-place-info{padding:18px}.mc-browser span{font-size:8px}.mc-place h3{font-size:23px}.mc-place .mc-menu strong{font-size:12px}.mc-place .mc-menu small{font-size:10px}.mc-place .mc-tabs{gap:24px}
 .mc-scene .mc-field .mc-media>img{aspect-ratio:1;max-height:180px}.mc-media figcaption{padding:10px}.mc-media figcaption strong{font-size:11px}.mc-media figcaption span{font-size:8px}
 .mc-scene .mc-primary>.mc-capture>img{max-height:500px}.mc-capture>img{max-height:210px;aspect-ratio:auto!important}
 .mc-editorial .mc-blog>img,.mc-field .mc-blog>img{height:95px}.mc-editorial .mc-blog>div:last-child,.mc-field .mc-blog>div:last-child{padding:12px}.mc-editorial .mc-blog h3,.mc-field .mc-blog h3{font-size:15px}.mc-editorial .mc-blog p,.mc-field .mc-blog p{font-size:10px}.mc-text-lines,.mc-keyword{display:none}
 .mc-blog-brand{padding:10px;font-size:7px}.mc-blog-brand b{font-size:8px}.mc-social>div{padding:14px}.mc-social h3{font-size:17px}.mc-social small{font-size:7px}.mc-social>div>span{font-size:8px;padding:7px 9px}.mc-social p{font-size:9px}
 .mc-journal .mc-primary .mc-blog>img{height:220px}.mc-journal .mc-primary .mc-blog>div:last-child{padding:22px}.mc-journal .mc-primary .mc-blog h3{font-size:28px}
 .mc-scene .mc-primary .mc-media>img{aspect-ratio:auto;object-fit:contain;max-height:450px}.mc-fieldwork .mc-primary .mc-media>img,.mc-strategy .mc-primary .mc-media>img{aspect-ratio:1.15;object-fit:contain}
 .mc-sheet>h3{font-size:16px;padding:14px 12px 0}.mc-sheet-rows{padding:4px 12px}.mc-sheet-rows>div{padding:10px 0}.mc-sheet-rows strong{font-size:10px}.mc-sheet-rows span{font-size:9px}.mc-filebar{font-size:7px;padding:10px}.mc-sheet>p{padding:8px 12px 14px;font-size:8px}
 .mc-design .mc-field .mc-place-cover{height:90px}.mc-design .mc-field .mc-browser{height:26px}.mc-design .mc-field .mc-browser span{display:none}.mc-design .mc-field .mc-searchbox{padding:8px;font-size:8px}.mc-design .mc-field .mc-place-info{padding:10px}.mc-design .mc-field h3{font-size:13px}.mc-design .mc-field .mc-place-info>p,.mc-design .mc-field .mc-tabs{display:none}.mc-design .mc-field .mc-quick{margin:7px 0 0;gap:4px}.mc-design .mc-field .mc-quick small{font-size:8px}
 .mc-scene>.mc-disclosure{font-size:9px;margin:18px 0 0;line-height:1.8}.mc-local-post{padding:15px;gap:12px}.mc-local-post>img{width:90px;height:100px}.mc-local-post h3{font-size:17px}
 .mc-scene.mc-count-1 .mc-collage{display:block}.mc-scene.mc-count-2 .mc-field{grid-column:1/-1}.mc-more-media{grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.mc-uploaded .mc-more-media .mc-media img{max-height:200px}.mc-before-after{gap:8px}.mc-uploaded .mc-before-after .mc-media img{aspect-ratio:3/4;object-fit:contain}
 .mc-film-evidence{grid-template-columns:1fr;gap:15px;margin-top:25px}.mc-film-evidence figure{grid-template-columns:90px 1fr}.mc-film-evidence figure>img{height:125px}
 .detail-page .visual-deliverables{padding:30px 0}.detail-page .visual-deliverables h2{font-size:23px}
}
@media(prefers-reduced-motion:reduce){.mc-scene *{scroll-behavior:auto}}

@media(max-width:760px){.mc-uploaded:has([data-before-after]) .mc-primary{grid-column:1/-1;grid-row:1}.mc-uploaded:has([data-before-after]) .mc-field{grid-column:1;grid-row:2}.mc-uploaded:has([data-before-after]) .mc-editorial{grid-column:2;grid-row:2;transform:none}}

@media(min-width:761px){.mc-fieldwork .mc-primary,.mc-strategy .mc-primary{grid-column:1/3;grid-row:1/3;padding-right:0}.mc-fieldwork .mc-field,.mc-strategy .mc-field{grid-column:3;grid-row:1;width:auto;transform:rotate(2deg)}.mc-fieldwork .mc-editorial,.mc-strategy .mc-editorial{grid-column:3;grid-row:2;transform:rotate(-2deg)}}
@media(max-width:760px){.visual-hero>.detail-container{width:100%;padding-left:6%;padding-right:6%}.mc-output-strip>.detail-container{padding-left:0;padding-right:0}}

@media(min-width:761px){.mc-uploaded .mc-collage{grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-rows:auto auto auto}.mc-uploaded .mc-piece{transform:none}.mc-uploaded .mc-primary,.mc-uploaded:has([data-before-after]) .mc-primary{grid-column:1;grid-row:1/4}.mc-uploaded .mc-field,.mc-uploaded:has([data-before-after]) .mc-field{grid-column:2;grid-row:1}.mc-uploaded .mc-editorial,.mc-uploaded:has([data-before-after]) .mc-editorial{grid-column:2;grid-row:2;transform:none}.mc-uploaded .mc-extra{grid-column:2;grid-row:3}.mc-uploaded .mc-piece:not(.mc-primary) .mc-media img{max-height:230px}.mc-uploaded .mc-count-1 .mc-collage{display:block;max-width:780px;margin:auto}}

/* Preserve complete photos/screenshots, including the original branded borders. */
.mc-scene .mc-collage .mc-piece .mc-media>img{height:auto;aspect-ratio:auto;object-fit:contain;object-position:center;background:#f5f7fb}
.mc-scene .mc-place-cover,.mc-scene .mc-blog>img,.mc-scene .mc-social>img{background:#f5f7fb}
@media(min-width:761px){
 .mc-editorial .mc-extra,.mc-journal .mc-extra{grid-column:3;grid-row:3;width:auto;transform:none;justify-self:stretch}
 .mc-portfolio .mc-primary,.mc-split .mc-primary{padding-right:0}
 .mc-portfolio .mc-field,.mc-split .mc-field{grid-column:3;grid-row:2;width:auto;transform:none}
 .mc-portfolio .mc-extra,.mc-split .mc-extra{grid-column:3;grid-row:3;transform:none}
}