/* Medway Head 2027 landing page, styled after the event poster */
.mh-page{--navy:#0d1e30;--navy2:#16273b;--panel:#1b3047;--ice:#7ca4c8;--or:#f86828;--tx:#e9eef4;--mut:#a9b9ca;background:var(--navy);color:var(--tx);font-family:'Inter',system-ui,sans-serif;font-weight:400}
.mh-page main{background:var(--navy)}
.mh-wrap{max-width:1100px;margin:0 auto;padding:0 24px}
.mh-page h1,.mh-page h2,.mh-title,.mh-bigdate,.mh-time{font-family:'Anton','Impact',sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.01em}
.mh-hero{background:linear-gradient(180deg,#7ca4c8 0%,#8fa9c1 62%,#8fa9c1 100%);padding-top:34px;position:relative}
.mh-top{display:flex;justify-content:space-between;align-items:flex-start;color:#0d1e30}
.mh-presents{margin:0;font-size:13px;letter-spacing:.12em;text-transform:uppercase;line-height:1.5}
.mh-presents strong{display:block;font-weight:700}.mh-presents span{display:block;text-transform:none;letter-spacing:.03em;font-size:14px}
.mh-km{margin:0;border:2px solid var(--navy);padding:4px 14px;font-family:'Anton',sans-serif;letter-spacing:.1em;text-transform:uppercase;font-size:18px;color:var(--navy)}
.mh-title{margin:34px 0 0;font-size:clamp(78px,17vw,190px);line-height:.92;color:var(--navy)}
.mh-title span{display:block}.mh-title em{font-style:normal;color:var(--or)}
.mh-tag{font-size:clamp(19px,2.6vw,28px);color:var(--navy);font-weight:500;margin:14px 0 0;padding-bottom:28px}
.mh-castle{height:clamp(180px,26vw,330px);background:url(/images/medway-head-castle.jpg) center bottom/cover no-repeat;position:relative}
.mh-castle::after{content:'';position:absolute;inset:auto 0 0 0;height:60%;background:linear-gradient(180deg,rgba(13,30,48,0),var(--navy))}
.mh-main{padding:12px 0 56px}
.mh-date{display:flex;flex-wrap:wrap;gap:16px 40px;justify-content:space-between;align-items:flex-end;padding-bottom:26px;border-bottom:1px solid rgba(255,255,255,.18)}
.mh-day{margin:0;color:var(--or);font-family:'Anton',sans-serif;letter-spacing:.06em;text-transform:uppercase;font-size:clamp(22px,3vw,34px)}
.mh-bigdate{margin:0;font-size:clamp(44px,8vw,88px);line-height:1;color:#fff}
.mh-hw{margin:0;text-align:right;font-size:15px}.mh-hw strong{display:block;font-size:17px;letter-spacing:.04em;text-transform:uppercase}.mh-hw span{color:var(--mut)}
.mh-divs{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0}
.mh-div{background:var(--panel);padding:26px 28px;border-radius:2px}
.mh-div2{background:#2a2430}
.mh-label{margin:0 0 4px;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#7fb2e3}
.mh-div2 .mh-label{color:var(--or)}
.mh-time{text-transform:none!important;margin:0 0 8px;font-size:clamp(46px,6vw,68px);line-height:1.05;color:#fff}
.mh-div p:last-child{margin:0;color:var(--tx);font-size:17px}
.mh-info{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:8px}
.mh-info h2{margin:0 0 8px;font-family:'Inter',sans-serif;font-size:12px;font-weight:700;letter-spacing:.2em;color:var(--mut)}
.mh-info p{margin:0 0 4px;font-size:16px}.mh-info p+p{color:var(--mut);font-size:15px}
.mh-small{margin:30px 0 0;color:var(--mut);font-size:14px}
.mh-course{background:var(--navy2);padding:60px 0}
.mh-course-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:44px;align-items:center}
.mh-course h2,.mh-poster h2,.mh-form h2{font-size:clamp(34px,5vw,52px);line-height:1.05;margin:0 0 18px;color:#fff}
.mh-course p{font-size:17px;color:var(--tx)}
.mh-course figure{margin:0}.mh-course figure img{width:100%;border-radius:2px;border:1px solid rgba(255,255,255,.12)}
.mh-course figcaption{font-size:13px;color:var(--mut);margin-top:8px}
.mh-poster{padding:64px 0}
.mh-poster-grid{display:grid;grid-template-columns:300px 1fr;gap:48px;align-items:center}
.mh-poster-img img{width:100%;height:auto;box-shadow:0 14px 40px rgba(0,0,0,.5);transition:transform .2s}
.mh-poster-img:hover img{transform:translateY(-3px)}
.mh-poster p{font-size:17px}.mh-follow{color:var(--mut);font-size:15px!important}
.mh-poster a:not(.mh-btn):not(.mh-poster-img){color:#9cc5ee}
.mh-btn{display:inline-block;background:var(--or);color:#0d1e30;font-family:'Inter',sans-serif;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:14px;text-decoration:none;padding:14px 26px;border:0;border-radius:2px;cursor:pointer}
.mh-btn:hover{filter:brightness(1.08)}
.mh-form{background:var(--navy2);padding:60px 0 70px}
.mh-form-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:48px;align-items:start}
.mh-form-intro p{color:var(--mut);font-size:17px}
.mh-form form label{display:block;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin-bottom:16px}
.mh-form input,.mh-form textarea{display:block;width:100%;margin-top:6px;background:var(--navy);border:1px solid rgba(255,255,255,.22);border-radius:2px;color:#fff;font:inherit;font-size:16px;padding:11px 12px;text-transform:none;letter-spacing:0}
.mh-form input:focus,.mh-form textarea:focus{outline:2px solid var(--or);outline-offset:1px}
.mh-form .row2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mh-form .hp{display:none}
@media (max-width:860px){
  .mh-divs,.mh-info,.mh-course-grid,.mh-poster-grid,.mh-form-grid{grid-template-columns:1fr}
  .mh-poster-grid{gap:28px}.mh-poster-img{max-width:280px}
  .mh-hw{text-align:left}.mh-form .row2{grid-template-columns:1fr}
  .mh-km{font-size:15px}
}