:root{color-scheme:light;--ma-ink:#152430;--ma-paper:#f6f4ee;--ma-red:#a7322b;--ma-muted:#505e67;--ma-line:#d9d7d0}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--ma-paper);color:var(--ma-ink);font:16px/1.5 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.ma-layout{display:flex;min-height:100svh}
.ma-portrait{position:sticky;top:0;width:52%;height:100svh;min-height:510px;flex:none;background:#c8c5c1}
.ma-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 29%}
.ma-side{min-width:0;flex:1;display:grid;place-items:center;padding:clamp(26px,6vw,90px) clamp(22px,6vw,86px)}
.ma-panel{width:min(100%,470px)}
.ma-logo{display:inline-flex;flex-direction:column;gap:7px;align-items:flex-start;color:var(--ma-ink);text-decoration:none}
.ma-logo img{width:clamp(137px,16vw,203px);height:auto;display:block}
.ma-logo span{font-size:10px;letter-spacing:.31em;font-weight:800}
.ma-kicker{margin:40px 0 10px;color:#932d26;font-size:11px;letter-spacing:.13em;font-weight:800}
.ma-kicker::before{content:'';display:inline-block;vertical-align:middle;margin-right:8px;width:13px;height:2px;background:currentColor}
.ma-panel h1{font-size:clamp(38px,4.3vw,62px);line-height:1;letter-spacing:-.062em;margin:0;color:var(--ma-ink)}
.ma-intro{margin:16px 0 0;color:var(--ma-muted);max-width:44ch}
.ma-actions{display:grid;gap:10px;margin-top:25px}
.ma-button{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:12px 17px;border:1px solid transparent;border-radius:7px;background:var(--ma-red);color:white;font-weight:700;text-decoration:none}
.ma-button:hover{background:#85251e}
.ma-button.ma-secondary{background:transparent;border-color:#bfb9ae;color:var(--ma-ink)}
.ma-button.ma-secondary:hover{background:#eeeae1}
a:focus-visible{outline:3px solid #d76351;outline-offset:4px}
.ma-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:24px;padding-top:16px;border-top:1px solid var(--ma-line);font-size:13px}
.ma-links a{color:#435463;text-underline-offset:3px}
.ma-session{display:grid;gap:2px;margin:18px 0 0;padding:12px 15px;border-radius:7px;background:#ebe7df;overflow-wrap:anywhere}
.ma-session span{font-size:12px;color:var(--ma-muted)}.ma-session strong{font-size:14px}
.ma-courses{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px}
.ma-courses a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 15px;border:1px solid var(--ma-line);border-radius:7px;background:#fff;color:var(--ma-ink);text-decoration:none}
.ma-courses a:hover{border-color:#a7322b}.ma-courses small{display:block;color:var(--ma-muted)}
@media(max-width:720px){
 .ma-layout{display:block}.ma-portrait{position:static;width:100%;height:clamp(210px,52vw,340px);min-height:0}
 .ma-portrait img{object-position:center 26%}.ma-side{padding:30px 22px 40px}
 .ma-layout:not(:has(.ma-portrait)) .ma-side{min-height:100svh}.ma-kicker{margin-top:25px}
}

.ma-request{width:100%;font:inherit;font-weight:700;cursor:pointer}.ma-request:focus-visible{outline:3px solid #d76351;outline-offset:4px}