/* MYE company profile and historical archive */
.ac-page {
  --ac-ink:#163d30;
  --ac-muted:#486153;
  --ac-line:#cad6cb;
  --ac-gold:#e7c89a;
  background:#fffdf8;
  color:var(--ac-ink);
}
.ac-page p { color:var(--ac-muted); }
.ac-page figure,.ac-page ol { margin:0; }
.ac-page h1,.ac-page h2,.ac-page h3,.ac-page h4 { line-height:1.28; letter-spacing:-.035em; }
.ac-page h2 { font-size:clamp(28px,3.1vw,45px); }
.ac-page h3 { font-size:clamp(19px,1.65vw,25px); }
.ac-page a:focus-visible,.ac-page button:focus-visible { outline:3px solid #b88a41;outline-offset:4px; }
.ac-cover { position:relative;isolation:isolate;overflow:hidden;color:white;background:#10372a; }
.ac-cover figure { position:absolute;inset:0;z-index:-1; }
.ac-cover figure img { position:absolute;right:0;width:75%;height:100%;object-fit:cover;object-position:60% 57%; }
.ac-cover figure::after { content:"";position:absolute;inset:0;background:linear-gradient(90deg,#10372a 8%,#10372af8 22%,#10372acc 35%,#10372a48 52%,transparent 72%); }
.ac-cover figcaption { position:absolute;bottom:14px;right:max(20px,calc((100% - 1280px)/2));z-index:1;color:#fcf3de;background:#123527d4;font-size:11px;padding:3px 8px; }
.ac-cover-inner { display:flex;align-items:center;min-height:clamp(370px,33vw,495px);padding-block:42px; }
.ac-cover-inner>div { width:48%;max-width:590px; }
.ac-cover .ac-years { color:var(--ac-gold);font:550 16px/1.3 ui-monospace,monospace;letter-spacing:.07em; }
.ac-years span { padding-inline:5px; }
.ac-cover h1 { font-size:clamp(45px,4.8vw,73px);line-height:1.08;margin:15px 0;color:#fff; }
.ac-cover h2 { font-size:clamp(21px,2vw,30px);font-weight:520;color:#f7e8cb;text-wrap:balance; }
.ac-cover h2+p { color:#deebe1;max-width:34em;font-size:15px;margin:12px 0 21px; }
.ac-cover-actions { display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap; }
.ac-cover-actions a { font-size:14px;font-weight:650;color:white;border-bottom:1px solid #c0d1c5; }
.ac-cover-actions a:first-child { background:var(--ac-gold);border:0;padding:10px 16px;color:#183c2c; }
.ac-nav { background:#edf2e8;border-bottom:1px solid var(--ac-line); }
.ac-nav .wrap { display:flex;justify-content:space-between;gap:3px 16px;flex-wrap:wrap; }
.ac-nav a { padding:13px 0;font-weight:600;font-size:14px;color:#204a35; }
.ac-page .ac-link,.ac-audiences button { color:#16583d;font-size:13px;font-weight:650;padding:0; }
.ac-page .ac-link:hover,.ac-nav a:hover,.ac-cover-actions a:hover,.ac-audiences button:hover { text-decoration:underline;text-underline-offset:4px; }
.ac-section { padding-block:clamp(35px,4.8vw,73px); }
.ac-heading { display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1fr);gap:12px clamp(30px,7vw,100px);align-items:end;margin-bottom:24px; }
.ac-heading p { max-width:66ch; }
.ac-history-grid { display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:clamp(24px,4vw,60px);align-items:start; }
.ac-timeline { list-style:none;padding:0; }
.ac-timeline li { display:grid;grid-template-columns:minmax(90px,.47fr) minmax(0,1.53fr);border-top:1px solid var(--ac-line);gap:14px;padding:17px 0; }
.ac-timeline li:first-child { border-top:2px solid #937848; }
.ac-timeline .ac-date { font:600 clamp(17px,1.6vw,23px)/1.4 Arial,sans-serif;letter-spacing:-.035em;color:#765d39; }
.ac-timeline p,.ac-archive-note { font-size:14px;line-height:1.7; }
.ac-timeline h3 { margin-bottom:6px;font-size:clamp(19px,1.6vw,23px); }
.ac-archive { padding:clamp(14px,2vw,27px);background:#edf2e9;border-top:2px solid #265d43; }
.ac-archive>h3 { margin:0 0 15px;font-size:20px; }
.ac-archive figure { display:grid;grid-template-columns:minmax(90px,.72fr) minmax(0,1fr);align-items:center;gap:15px;margin-bottom:15px; }
.ac-archive img { display:block;max-height:130px;width:100%;object-fit:contain;background:#e0e6dc; }
.ac-archive figcaption { line-height:1.5; }
.ac-archive figcaption small { display:block;font:600 13px/1.5 ui-monospace,monospace;color:#75603f; }
.ac-archive figcaption b { display:block;font-size:15px; }
.ac-archive figcaption p,.ac-archive .ac-archive-note { font-size:12px;line-height:1.6;margin-top:3px; }
.ac-archive .ac-archive-note { border-top:1px solid #c5d5c6;padding-top:10px; }
.ac-partners { background:#f2f1e9; }
.ac-cases,.ac-values { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.7vw,40px); }
.ac-cases { grid-template-columns:repeat(2,minmax(0,1fr)); }
.ac-cases article { display:flex;align-items:start;flex-direction:column;border-top:2px solid #a68b60;padding-top:14px; }
.ac-cases h3 { font-size:clamp(19px,1.65vw,25px);margin:6px 0 9px; }
.ac-cases p,.ac-suppliers p { font-size:14px; }
.ac-cases .ac-case-role { font-size:13px;font-weight:650;color:#775c36; }
.ac-cases a { margin-top:auto;padding-top:12px!important; }
.ac-cases .ac-finance { background:#e7ecdf; padding:14px 18px 16px; }
.ac-finance ul { display:flex; flex-wrap:wrap; gap:7px 9px; list-style:none; padding:0; margin:4px 0 2px; }
.ac-finance li { max-width:100%; padding:3px 8px; border:1px solid #bacbbd; background:#f7f8f2; font-size:14px; line-height:1.5; color:#234834; }
.ac-suppliers { margin-top:25px;padding:18px 21px;background:white;display:flex;align-items:center;justify-content:space-between;gap:20px; }
.ac-suppliers>div { max-width:77ch; }
.ac-suppliers a { flex:none; }
.ac-suppliers h3 { font-size:19px;margin-bottom:4px; }
.ac-culture { background:#164433;color:white; }
.ac-culture .ac-heading p,.ac-values p { color:#d6e4d9; }
.ac-values article { border-top:1px solid #70967d;padding-top:15px; }
.ac-values h3 { color:#eace9e;font-weight:550;font-size:clamp(27px,2.5vw,39px); }
.ac-values h4 { margin:10px 0 6px;font-size:17px; }
.ac-values p { font-size:14px; }
.ac-profile { background:#f4f5ee;padding:clamp(27px,3.4vw,48px) 0; }
.ac-profile .wrap { display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1fr);gap:18px clamp(24px,7vw,100px);align-items:center; }
.ac-profile h2+p,.ac-profile a { margin-top:8px; }
.ac-profile a { display:inline-block; }
.ac-profile h2+p { font-size:13px; }
.ac-audiences { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px; }
.ac-audiences article { display:flex;flex-direction:column;align-items:start;background:#f0f3eb;border-top:2px solid #997b50;padding:18px 16px; }
.ac-audiences article>p { font-size:14px; }
.ac-audiences .ac-role { font-size:13px;color:#785e39;font-weight:650; }
.ac-audiences h3 { font-size:20px;margin:8px 0; }
.ac-audiences article>div { display:flex;flex-wrap:wrap;gap:5px 14px;margin-top:auto;padding-top:15px; }
.ac-audiences button { border-bottom:1px solid #af9774; }
.ac-email { margin:17px 0 0;font-size:14px; }
.ac-email a { color:#1d5a3f;font-weight:650;margin-left:10px; }
.ac-page .company-section,.ac-page .company-credentials {padding-block:clamp(32px,4vw,57px);}
.ac-page .company-section-heading {margin-bottom:20px;align-items:end;}
.ac-page .company-section-heading>p {padding:0;}
.ac-page [id] {scroll-margin-top:8px;}
@media(max-width:900px){
 .ac-history-grid { grid-template-columns:1.3fr 1fr;gap:19px; }
 .ac-timeline li { grid-template-columns:1fr;gap:5px; }
 .ac-archive figure {grid-template-columns:1fr;}
 .ac-archive img {max-height:155px;}
 .ac-audiences {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:680px){
 .ac-cover {display:flex;flex-direction:column;}
 .ac-cover-inner {order:-1;min-height:auto;padding-block:28px 16px;}
 .ac-cover-inner>div {width:100%;}
 .ac-cover h1 {font-size:44px;margin-block:10px;}
 .ac-cover h2 {font-size:21px;}
 .ac-cover h2+p {margin-block:9px 14px;}
 .ac-cover figure {position:relative;inset:auto;height:clamp(165px,45vw,245px);z-index:0;}
 .ac-cover figure img {inset:0;width:100%;object-position:center 52%;}
 .ac-cover figure::after {background:linear-gradient(180deg,#10372a,transparent 30%);}
 .ac-cover figcaption {bottom:7px;font-size:9px;}
 .ac-nav .wrap {justify-content:flex-start;gap:0 15px;padding-block:4px;}
 .ac-nav a {padding-block:6px;font-size:13px;}
 .ac-heading,.ac-profile .wrap,.ac-history-grid,.ac-values,.ac-cases,.ac-audiences {grid-template-columns:1fr;}
 .ac-heading {gap:8px;margin-bottom:16px;}
 .ac-cases,.ac-values {gap:20px;}
 .ac-archive figure {grid-template-columns:minmax(80px,.65fr) 1fr;}
 .ac-suppliers {align-items:start;flex-direction:column;gap:8px;padding:15px;}
 .ac-profile .wrap {gap:9px;}
}