.ma-tec-prototype,.ma-tec-single{
  --ivory:#f5f1ea;
  --paper:#fffaf3;
  --ink:#181517;
  --plum:#211827;
  --plum-2:#503843;
  --copper:#b8754a;
  --line:rgba(80,56,67,.2);
  --shadow:0 28px 70px rgba(33,24,39,.12);
  background:var(--ivory);
}
.ma-tec-prototype a,.ma-tec-single a{text-decoration:none}
.ma-tec-hero{padding-bottom:clamp(58px,7vw,100px)}
.ma-tec-events{padding-top:0}
.ma-tec-intro{max-width:850px;margin-bottom:clamp(46px,6vw,78px)}
.ma-tec-intro h2{max-width:760px}
.ma-tec-list{border-top:1px solid var(--line)}
.ma-tec-card{display:grid;grid-template-columns:minmax(320px,.92fr) minmax(0,1.08fr);gap:clamp(38px,7vw,110px);padding:clamp(48px,6vw,82px) 0;border-bottom:1px solid var(--line);align-items:center}
.ma-tec-card-media{display:block;overflow:hidden;background:var(--plum);aspect-ratio:3/2}
.ma-tec-card-media img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:transform .8s cubic-bezier(.22,1,.36,1),filter .4s ease}
.ma-tec-card:hover .ma-tec-card-media img{transform:scale(1.035);filter:grayscale(15%)}
.ma-tec-placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,var(--plum),var(--plum-2))}
.ma-tec-card-copy h2{font-size:clamp(38px,4.8vw,70px);line-height:.98;margin-bottom:18px}
.ma-tec-card-copy h2 a{color:var(--plum)}
.ma-tec-meta{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--plum-2);margin-bottom:25px!important}
.ma-tec-summary{font-family:Zodiak,Georgia,serif;font-size:clamp(21px,2vw,28px);line-height:1.35;color:var(--plum);max-width:650px}
.ma-tec-fit{font-size:15px;line-height:1.65;color:var(--plum-2);max-width:680px;margin:24px 0 28px!important}
.ma-tec-fit strong{color:var(--copper)}
.ma-tec-empty{padding:50px 0;font-size:20px}
.ma-tec-single-visual{max-width:1320px;margin:0 auto;padding:0 clamp(22px,5vw,76px) clamp(60px,8vw,115px)}
.ma-tec-single-visual img{display:block;width:100%;max-height:720px;aspect-ratio:16/8;object-fit:cover;filter:grayscale(100%)}
.ma-tec-single .ma-event-body{padding-top:clamp(50px,7vw,100px)}
.ma-tec-single .ma-event-body aside{border-top:2px solid var(--copper)}
@media(max-width:900px){
  .ma-tec-card{grid-template-columns:1fr;gap:32px}
  .ma-tec-card-media{max-width:760px}
}
@media(max-width:760px){
  .ma-tec-hero{padding-top:78px;padding-bottom:48px}
  .ma-tec-hero h1{font-size:clamp(47px,14vw,66px)}
  .ma-tec-events{padding-top:0}
  .ma-tec-intro{margin-bottom:34px}
  .ma-tec-intro h2{font-size:clamp(38px,11vw,52px)}
  .ma-tec-card{padding:38px 0 44px;gap:25px}
  .ma-tec-card-media{aspect-ratio:4/3}
  .ma-tec-card-copy h2{font-size:clamp(35px,10.5vw,47px)}
  .ma-tec-summary{font-size:22px}
  .ma-tec-single-visual{padding:0 20px 55px}
  .ma-tec-single-visual img{aspect-ratio:4/3}
}
@media(prefers-reduced-motion:reduce){.ma-tec-card-media img{transition:none}}