/* MRGT — calm evergreen, warm ivory and softly framed real photography.
   Load after the captured theme and standalone page styles. */
:root{
  --mr-paper:#243b31;
  --mr-white:#2c463a;
  --mr-ink:#f5f1e7;
  --mr-muted:#d2dccd;
  --mr-line:rgba(226,232,215,.24);
  --mr-copper:#e2cfa7;
  --mr-sage:#334e40;
  --mr-gold:#e2cfa7;
  --soft-glass:linear-gradient(140deg,rgba(240,246,228,.10),rgba(223,235,213,.025) 55%,rgba(200,221,192,.06));
  --soft-frame:rgba(233,242,221,.16);
  --soft-radius:30px 14px 30px 14px;
  --soft-shadow:0 16px 42px rgba(8,24,16,.15),inset 0 1px 0 rgba(255,255,240,.16);
}

/* Shared surfaces are lighter without washing out the photographs or copy. */
body.copy-site,#siteWrapper{background:var(--mr-paper)!important;color:var(--mr-ink)}
#siteWrapper .mrgt-design{background:transparent;color:var(--mr-ink)}
#siteWrapper .av-home{background:linear-gradient(145deg,#2a4437 0%,#243b31 46%,#2b4236 100%)!important}
#siteWrapper .cj-journey{background:linear-gradient(125deg,#34503f,#2b4437 52%,#2f493c);border-color:var(--mr-line)}
#siteWrapper .av-network{background:linear-gradient(145deg,#2c4437,#263e33);border-color:var(--mr-line)}
#siteWrapper .mrgt-origin-strip{background:#304a3d;border-color:var(--mr-line)}
#siteWrapper .mrgt-footer{background:#1f342b;border-color:var(--mr-line)}
#siteWrapper .mrgt-footer-bottom{border-color:var(--mr-line)}
#siteWrapper .mrgt-footer-grid>div>a,#siteWrapper .mrgt-footer-bottom{color:var(--mr-muted)}

/* A frosted navigation surface retains a stable, readable background. */
#siteWrapper #header.copy-header{background:rgba(39,62,50,.95)!important;border-bottom-color:rgba(238,243,227,.20);box-shadow:0 6px 28px rgba(10,26,18,.08)!important}
#copy-navigation a{color:var(--mr-ink)}
#copy-navigation a:hover,#copy-navigation .copy-nav-atlas{color:var(--mr-gold)}
.copy-menu-toggle{color:var(--mr-ink);border-color:rgba(226,207,167,.48);background:rgba(244,247,230,.055);border-radius:14px 8px 14px 8px}
#siteWrapper .copy-atlas-return,.copy-atlas-return{background:rgba(39,62,50,.94);border-color:rgba(226,207,167,.5);color:var(--mr-ink);border-radius:16px 9px 16px 9px;box-shadow:0 8px 26px rgba(8,24,16,.16)}
/* The custom-domain loader appends its own styles after this file. Keep only
   its company-page return button in the shared theme; leave Atlas untouched. */
body.copy-site #mrgt-atlas-return{
  background:rgba(39,62,50,.94)!important;
  background-image:var(--soft-glass)!important;
  border:1px solid rgba(226,207,167,.5)!important;
  border-radius:18px 10px 18px 10px!important;
  color:#f5f1e7!important;
  box-shadow:0 8px 26px rgba(8,24,16,.16),inset 0 1px 0 rgba(255,255,240,.12)!important;
}
body.copy-site #mrgt-atlas-return:hover{background-color:rgba(52,79,62,.98)!important;border-color:rgba(232,217,184,.75)!important}
body.copy-site #mrgt-atlas-return:focus-visible{outline:2px solid #f2deab!important;outline-offset:4px!important}

/* The glass is the frame; image pixels stay clear and naturally coloured. */
#siteWrapper :is(.cj-stage .cj-art,.cj-mobile-art,.av-origin figure,.copy-gallery-photo,.copy-contact-image,.copy-journal-image){
  border:7px solid var(--soft-frame);
  border-radius:var(--soft-radius);
  background-color:#3c5845;
  background-image:var(--soft-glass);
  box-shadow:var(--soft-shadow);
  overflow:hidden;
  isolation:isolate;
}
#siteWrapper .cj-stage .cj-art{border-radius:34px 16px 34px 16px}
#siteWrapper .cj-art>.cj-scene{border-radius:inherit}
#siteWrapper .cj-journey .cj-photo{filter:none}
#siteWrapper .av-origin img{filter:none}
#siteWrapper .av-origin:hover img{filter:none}
#siteWrapper .av-origin-title{border-bottom-color:var(--mr-line)}
#siteWrapper .cj-stage-meta{color:var(--mr-gold);padding-inline:7px}
#siteWrapper .cj-progress{background:rgba(226,207,167,.18);border-radius:8px;overflow:hidden}
#siteWrapper .cj-progress i{background:#dfcfae}
#siteWrapper .cj-step{border-top-color:var(--mr-line)}
#siteWrapper .cj-step-number{color:#e6d8b9}

#siteWrapper :is(.av-people>figure,.mrgt-photo),
#siteWrapper .mrgt-design .mrgt-photo{
  padding:7px;
  border:1px solid rgba(234,242,222,.27);
  border-radius:26px 52px 26px 26px;
  background-color:#34503f;
  background-image:var(--soft-glass);
  box-shadow:var(--soft-shadow);
  overflow:hidden;
}
#siteWrapper .av-people figure img,#siteWrapper .mrgt-photo img{border-radius:19px 44px 19px 19px}
#siteWrapper .av-people figcaption,#siteWrapper .mrgt-photo figcaption{padding:16px 14px 12px;background:transparent;color:var(--mr-muted);border:0}
#siteWrapper .mrgt-origin-image{margin:7px 7px 0;width:calc(100% - 14px);border-radius:20px 12px 20px 12px;overflow:hidden;background:#3c5845}
#siteWrapper .mrgt-origin-image img{border-radius:inherit}
#siteWrapper .copy-gallery-photo img,#siteWrapper .copy-journal-image img,#siteWrapper .copy-contact-image img{border-radius:0}

/* Cards share the same quiet glass edge across catalogue, company and journal. */
#siteWrapper :is(.mrgt-story,.mrgt-person,.mrgt-origin-card,.mrgt-feature,.mrgt-cta,.mrgt-contact-links,.copy-enquiry-panel,.copy-journal-card){
  background-color:#304b3d;
  background-image:var(--soft-glass);
  border:1px solid rgba(230,239,219,.25);
  border-radius:24px 12px 24px 12px;
  box-shadow:0 10px 32px rgba(9,27,17,.09),inset 0 1px 0 rgba(255,255,237,.12);
}
#siteWrapper .mrgt-person:hover{border-color:rgba(226,207,167,.6)}
#siteWrapper .mrgt-monogram{background:#49644b!important;color:#f0dfb9!important;border:1px solid rgba(235,238,215,.17)}
#siteWrapper .mrgt-number{background:rgba(37,59,46,.92);color:#f0dfb9;border-radius:14px 6px 14px 6px}
#siteWrapper .mrgt-grade{border-color:var(--mr-line)}
#siteWrapper .mrgt-grade summary{color:var(--mr-ink)}
#siteWrapper .mrgt-grade[open]{background:rgba(238,244,224,.035)}
#siteWrapper .mrgt-origin-nav a{border-color:rgba(226,207,167,.38);background:rgba(244,247,231,.035);border-radius:18px 8px 18px 8px}
#siteWrapper .mrgt-origin-nav a:hover{background:var(--mr-gold);color:#243b31}
#siteWrapper .copy-journal-card{padding:12px 12px 26px}
#siteWrapper .copy-journal-card .copy-journal-image{border-width:4px;border-radius:18px 10px 18px 10px}
#siteWrapper .copy-journal-card-copy{padding:0 12px}
#siteWrapper .copy-article-body figure{padding:7px;border:1px solid var(--mr-line);border-radius:var(--soft-radius);background:var(--soft-glass);overflow:hidden}
#siteWrapper .copy-article-body figure img{border-radius:22px 8px 22px 8px}
#siteWrapper .copy-article-body figcaption{padding:0 10px 6px}
#siteWrapper .copy-article-table{border:1px solid var(--mr-line);border-radius:18px 9px 18px 9px;background:rgba(221,232,208,.035)}
#siteWrapper .copy-article-table th{background:#3a5543;color:var(--mr-ink)}

/* Films keep native controls; frames contain the picture without clipping them. */
#siteWrapper .copy-gallery-film{border:7px solid var(--soft-frame);border-radius:var(--soft-radius);background:#2d4638;box-shadow:var(--soft-shadow);overflow:hidden}
#siteWrapper .copy-gallery-film video{background:#21382c;border-radius:20px 8px 0 0}
#siteWrapper .copy-gallery-film figcaption{background:var(--soft-glass);color:var(--mr-gold);padding:15px 14px}

/* Sage replaces the original strong tan CTA band. */
#siteWrapper .av-contact{background:linear-gradient(125deg,#dce2d2,#d0dac4);color:#273b2c;border-color:rgba(240,245,226,.4)}
#siteWrapper .av-contact h2{color:#273b2c!important}
#siteWrapper .av-contact h2 em{color:#516347!important}
#siteWrapper .av-contact .mrgt-eyebrow,#siteWrapper .av-contact-bottom p{color:#405336!important}
#siteWrapper .av-contact-bottom{border-top-color:rgba(47,70,45,.22)}
#siteWrapper .av-contact .mrgt-btn{background:#304c38;border-color:#304c38;color:#f6f1e5!important}
#siteWrapper .av-contact .mrgt-btn:hover{background:#3c5b43;border-color:#3c5b43;color:#f6f1e5!important}
#siteWrapper .mrgt-design .mrgt-btn{border-radius:17px 8px 17px 8px;box-shadow:0 4px 14px rgba(9,25,15,.08)}
#siteWrapper .mrgt-design .mrgt-btn-secondary{border-color:rgba(226,207,167,.48);background:rgba(241,246,228,.035)}
#siteWrapper .mrgt-design .mrgt-btn:hover{box-shadow:0 7px 22px rgba(9,25,15,.14)}
#siteWrapper .av-process article{border-top-color:var(--mr-line)}
#siteWrapper .av-process article>span{color:#d0c7a5}
#siteWrapper .av-route-figure{border-color:var(--mr-line)}

/* Field surfaces remain dark enough for both labels and entered values. */
#siteWrapper .copy-enquiry-fields :is(input,textarea){background:rgba(30,53,40,.84);color:#f5f1e7;border-color:rgba(223,232,210,.38);border-radius:13px 7px 13px 7px;box-shadow:inset 0 1px 6px rgba(7,25,14,.08)}
#siteWrapper .copy-enquiry-fields :is(input,textarea)::placeholder{color:#c5d0bd;opacity:1}
#siteWrapper .copy-enquiry-fields label{color:var(--mr-ink)}
#siteWrapper .copy-enquiry-draft pre{background:#263e30;color:var(--mr-ink);border:1px solid var(--mr-line);border-radius:16px 8px 16px 8px}
#siteWrapper :is(a,button,summary,input,textarea,select):focus-visible{outline:2px solid #f2deab!important;outline-offset:5px}

@supports ((backdrop-filter:blur(12px)) or (-webkit-backdrop-filter:blur(12px))){
  #siteWrapper #header.copy-header,.copy-atlas-return{backdrop-filter:blur(14px) saturate(1.06);-webkit-backdrop-filter:blur(14px) saturate(1.06)}
  body.copy-site #mrgt-atlas-return{backdrop-filter:blur(14px) saturate(1.06)!important;-webkit-backdrop-filter:blur(14px) saturate(1.06)!important}
}
@media(max-width:900px){
  #copy-navigation{background:rgba(39,62,50,.98);border-bottom-color:var(--mr-line);border-radius:0 0 22px 22px;box-shadow:0 18px 30px rgba(10,27,17,.16)}
  #copy-navigation a{border-bottom-color:var(--mr-line)}
}
@media(max-width:760px){
  :root{--soft-radius:23px 11px 23px 11px}
  #siteWrapper :is(.cj-mobile-art,.av-origin figure,.copy-gallery-photo,.copy-contact-image,.copy-journal-image){border-width:5px}
  #siteWrapper :is(.av-people>figure,.mrgt-photo),
  #siteWrapper .mrgt-design .mrgt-photo{padding:5px;border-radius:22px 36px 22px 22px}
  #siteWrapper .av-people figure img,#siteWrapper .mrgt-photo img{border-radius:17px 31px 17px 17px}
  #siteWrapper :is(.mrgt-story,.mrgt-person,.mrgt-origin-card,.mrgt-feature,.mrgt-cta,.mrgt-contact-links,.copy-enquiry-panel,.copy-journal-card){border-radius:21px 10px 21px 10px}
  #siteWrapper .copy-gallery-film{border-width:5px}
  #siteWrapper .copy-journal-card{padding:9px 9px 22px}
  #siteWrapper .copy-journal-card-copy{padding-inline:8px}
}
@media(prefers-reduced-motion:reduce){
  #siteWrapper :is(.av-origin img,.copy-gallery-photo img,.copy-journal-image img){transition:none}
}
