/* =========================================================================
   Corporate & conference landing page
   Loaded only on template-corporate-landing.php.
   Tokens, type scale, buttons and hairlines all come from the theme.
   ====================================================================== */

/* ---------------- hero ---------------- */
.mm-lhero .mm-hero__c{max-width:900px;}
.mm-lhero .mm-h1{font-size:clamp(32px,4.7vw,58px);max-width:21ch;}
.mm-lhero .mm-hero__line{max-width:54ch;margin-bottom:38px;}
.mm-lwa{margin:26px 0 0;font-size:14px;color:rgba(255,255,255,.66);}
.mm-lwa a{color:#fff;border-bottom:1px solid var(--accent);padding-bottom:3px;}
.mm-lwa a:hover{color:var(--accent);}

/* ---------------- three core services (bento) ---------------- */
.mm-bento{display:grid;grid-template-columns:7fr 5fr;grid-template-rows:auto auto;gap:34px;}
.mm-bento__i{display:block;position:relative;}
.mm-bento__i--lead{grid-row:1 / span 2;display:flex;flex-direction:column;}
.mm-bento__m{display:block;position:relative;overflow:hidden;border-radius:var(--r-md);background:var(--surface);aspect-ratio:4/3;}
.mm-bento__i--lead .mm-bento__m{aspect-ratio:auto;flex:1 1 auto;min-height:340px;}
.mm-bento__m img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease);}
.mm-bento__i:hover .mm-bento__m img{transform:scale(1.04);}
.mm-bento__c{display:block;padding-top:22px;}
.mm-bento__lab{display:block;font-size:10px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--accent-deep);margin-bottom:10px;}
.mm-bento__t{display:block;font-size:clamp(21px,2.1vw,28px);font-weight:700;letter-spacing:-.015em;line-height:1.15;margin-bottom:10px;}
.mm-bento__i--lead .mm-bento__t{font-size:clamp(26px,2.8vw,36px);}
.mm-bento__b{display:block;font-size:16px;line-height:1.7;color:var(--ink-70);max-width:52ch;}
.mm-bento__i--lead .mm-bento__b{max-width:56ch;}
.mm-bento .mm-arrow{display:block;margin-top:16px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-deep);font-weight:700;transition:letter-spacing .3s var(--ease);}
.mm-bento__i:hover .mm-arrow{letter-spacing:.26em;}
@media (max-width:980px){
  .mm-bento{grid-template-columns:1fr;gap:44px;}
  .mm-bento__i--lead{grid-row:auto;}
  .mm-bento__i--lead .mm-bento__m{aspect-ratio:16/10;min-height:0;}
}

/* ---------------- event types index ---------------- */
.mm-types{display:grid;grid-template-columns:repeat(4,1fr);gap:0 44px;}
.mm-types li{padding:17px 0;border-bottom:1px solid var(--line);font-size:16px;font-weight:700;letter-spacing:-.005em;line-height:1.4;position:relative;padding-left:22px;}
.mm-types li::before{content:"";position:absolute;left:0;top:26px;width:11px;height:2px;background:var(--accent);}
@media (max-width:980px){.mm-types{grid-template-columns:1fr 1fr;gap:0 34px;}}
@media (max-width:560px){.mm-types{grid-template-columns:1fr;}}

/* ---------------- capability list (why) ---------------- */
.mm-caplist{border-top:1px solid var(--line);}
.mm-caplist li{padding:15px 0 15px 22px;border-bottom:1px solid var(--line);font-size:16px;line-height:1.5;position:relative;color:var(--ink);}
.mm-caplist li::before{content:"";position:absolute;left:0;top:24px;width:11px;height:2px;background:var(--accent);}
.mm-dark .mm-caplist{border-color:var(--line-dark);}
.mm-dark .mm-caplist li{border-color:var(--line-dark);color:var(--on-dark);}

/* ---------------- four-step process ---------------- */
.mm-steps--4{grid-template-columns:repeat(4,1fr);gap:38px;}
.mm-steps--4 .mm-step h3{position:relative;z-index:1;font-size:15px;letter-spacing:.02em;margin-bottom:9px;color:#fff;}
.mm-steps--4 .mm-step p{position:relative;z-index:1;font-size:14.5px;line-height:1.65;color:var(--on-dark);}
@media (max-width:1020px){.mm-steps--4{grid-template-columns:1fr 1fr;gap:38px 30px;}}
@media (max-width:560px){.mm-steps--4{grid-template-columns:1fr;gap:32px;}}

/* ---------------- live streaming feature ---------------- */
.mm-stream{position:relative;background:var(--ink);color:var(--on-dark);overflow:hidden;padding:clamp(72px,9vw,130px) 0;}
.mm-stream__m{position:absolute;inset:0;}
.mm-stream__m img{width:100%;height:100%;object-fit:cover;}
.mm-stream__m::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,15,13,.95) 0%,rgba(18,15,13,.88) 38%,rgba(18,15,13,.46) 70%,rgba(18,15,13,.18) 100%);}
.mm-stream .mm-wrap{position:relative;z-index:2;}
.mm-stream__c{max-width:640px;}
.mm-stream__c h2{color:#fff;margin-bottom:20px;}
.mm-stream__c .mm-eyebrow{color:var(--accent);}
.mm-stream__lead{font-size:clamp(18px,1.6vw,21px);line-height:1.6;color:#fff;margin-bottom:20px;max-width:44ch;}
.mm-stream__b{font-size:16px;line-height:1.75;color:rgba(255,255,255,.76);margin-bottom:28px;max-width:56ch;}
.mm-stream__u{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;margin-bottom:36px;}
.mm-stream__u li{padding:11px 0 11px 20px;border-bottom:1px solid var(--line-dark);font-size:15px;color:#fff;position:relative;}
.mm-stream__u li::before{content:"";position:absolute;left:0;top:19px;width:10px;height:2px;background:var(--accent);}
@media (max-width:760px){
  .mm-stream__m::after{background:linear-gradient(0deg,rgba(18,15,13,.96) 30%,rgba(18,15,13,.78) 70%,rgba(18,15,13,.5) 100%);}
  .mm-stream__u{grid-template-columns:1fr;}
}

/* ---------------- one event, many outputs ---------------- */
.mm-outputs{display:grid;grid-template-columns:repeat(2,1fr);gap:0 60px;}
.mm-outputs li{display:grid;grid-template-columns:auto 1fr;column-gap:22px;padding:24px 0;border-bottom:1px solid var(--line);}
.mm-outputs__n{grid-row:1 / span 2;font-size:34px;font-weight:700;line-height:1;letter-spacing:-.04em;color:var(--accent);opacity:.55;}
.mm-outputs__t{font-size:18px;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin-bottom:6px;}
.mm-outputs__b{font-size:15px;line-height:1.65;color:var(--ink-70);}
@media (max-width:820px){.mm-outputs{grid-template-columns:1fr;}}

/* ---------------- portfolio filters ---------------- */
.mm-lfilters{display:flex;flex-wrap:wrap;gap:10px 12px;margin-bottom:44px;align-items:center;}
.mm-lfilter{background:#fff;border:1px solid var(--line);border-radius:100px;padding:11px 20px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-55);cursor:pointer;white-space:nowrap;transition:color .24s var(--ease),background .24s var(--ease),border-color .24s var(--ease),transform .24s var(--ease);}
.mm-lfilter:hover{color:var(--ink);border-color:var(--ink);transform:translateY(-1px);}
.mm-lfilter.is-on{background:var(--accent);border-color:var(--accent);color:var(--ink);}
#mm-land-work .mm-card[hidden]{display:none;}
#mm-land-work .mm-card__img{position:relative;overflow:hidden;aspect-ratio:4/3;background:var(--surface);border-radius:var(--r-md);display:block;}
#mm-land-work .mm-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease);}
#mm-land-work .mm-card:hover .mm-card__img img{transform:scale(1.045);}
@media (max-width:700px){.mm-lfilters{gap:9px;margin-bottom:30px;}.mm-lfilter{font-size:10.5px;padding:9px 15px;letter-spacing:.1em;}}

/* ---------------- what a quote is built from ---------------- */
.mm-varsgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 48px;border-top:1px solid var(--line);}
.mm-varsgrid li{padding:16px 0 16px 22px;border-bottom:1px solid var(--line);font-size:16px;line-height:1.5;position:relative;}
.mm-varsgrid li::before{content:"";position:absolute;left:0;top:25px;width:11px;height:2px;background:var(--accent);}
.mm-varsfoot{margin-top:44px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;}
.mm-varsfoot .mm-vars{margin:0;max-width:62ch;}
@media (max-width:900px){.mm-varsgrid{grid-template-columns:1fr 1fr;gap:0 34px;}.mm-varsfoot{grid-template-columns:1fr;align-items:start;gap:24px;}}
@media (max-width:560px){.mm-varsgrid{grid-template-columns:1fr;}}

/* ---------------- whatsapp band ---------------- */
.mm-waband{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0;}
.mm-waband__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;}
.mm-waband p{margin:0;font-size:17px;font-weight:700;letter-spacing:-.01em;}
@media (max-width:560px){.mm-waband__in{align-items:stretch;}.mm-waband .mm-btn{width:100%;}}

/* ---------------- lead form ---------------- */
.mm-lform-grid{display:grid;grid-template-columns:7fr 4fr;gap:66px;align-items:start;}
.mm-lform-grid__f{min-width:0;}
.mm-lform{max-width:none;}
.mm-lform .mm-fs{border:0;padding:0;margin:0 0 34px;}
.mm-lform .mm-fs__t{display:block;padding:0 0 22px;font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--accent);}
.mm-lform .mm-fgrid{display:grid;grid-template-columns:1fr 1fr;gap:22px 26px;}
.mm-lform .mm-f{display:flex;flex-direction:column;gap:9px;}
.mm-lform .mm-f--full{grid-column:1/-1;}
.mm-lform .mm-f__lab{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.74);}
.mm-lform .mm-f__lab .opt{text-transform:none;letter-spacing:.02em;font-weight:400;font-size:12px;color:rgba(255,255,255,.55);}
.mm-lform input[type=text],
.mm-lform input[type=email],
.mm-lform input[type=tel],
.mm-lform input[type=date],
.mm-lform select,
.mm-lform textarea{width:100%;font:inherit;font-size:16px;line-height:1.4;color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.26);border-radius:var(--r);padding:15px 16px;-webkit-appearance:none;appearance:none;transition:border-color .24s var(--ease),background .24s var(--ease);}
.mm-lform textarea{min-height:132px;resize:vertical;line-height:1.65;}
.mm-lform select{cursor:pointer;padding-right:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:13px;}
.mm-lform select option{color:var(--ink);background:#fff;}
.mm-lform input:focus,.mm-lform select:focus,.mm-lform textarea:focus{outline:none;border-color:var(--accent);background:rgba(255,255,255,.10);}
.mm-lform ::placeholder{color:rgba(255,255,255,.58);}
.mm-lform input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.7;cursor:pointer;}
.mm-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;}
.mm-choice{display:flex;align-items:flex-start;gap:11px;font-size:15px;line-height:1.45;color:#fff;cursor:pointer;padding:11px 14px;border:1px solid rgba(255,255,255,.20);border-radius:var(--r);transition:border-color .24s var(--ease),background .24s var(--ease);}
.mm-choice:hover{border-color:rgba(255,255,255,.48);}
.mm-choice input{width:17px;height:17px;flex:0 0 auto;margin:2px 0 0;accent-color:var(--accent);}
.mm-choice:has(input:checked){border-color:var(--accent);background:rgba(245,194,28,.10);}
.mm-lform .mm-form__foot{margin-top:38px;display:flex;flex-wrap:wrap;align-items:center;gap:22px;}
.mm-lform .mm-form__note{font-size:14px;color:var(--on-dark);max-width:46ch;line-height:1.6;}
.mm-lform-sec .mm-alert{background:rgba(255,255,255,.06);border-left:2px solid var(--accent);color:#fff;}
.mm-lform-sec .mm-alert--err{border-color:#B4341F;}
.mm-lform-grid__a{border-top:1px solid var(--line-dark);padding-top:26px;}
.mm-lform-grid__a h3{color:#fff;margin-bottom:20px;font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;}
.mm-contactlist li{padding:13px 0;border-bottom:1px solid var(--line-dark);font-size:15.5px;line-height:1.6;color:var(--on-dark);}
.mm-contactlist li:last-child{border-bottom:0;}
.mm-contactlist a{color:#fff;border-bottom:1px solid var(--accent);padding-bottom:2px;}
.mm-contactlist a:hover{color:var(--accent);}
@media (max-width:1000px){.mm-lform-grid{grid-template-columns:1fr;gap:44px;}}
@media (max-width:760px){.mm-lform .mm-fgrid{grid-template-columns:1fr;}.mm-choices{grid-template-columns:1fr;}}
@media (max-width:560px){
  .mm-lform .mm-form__foot{gap:16px;}
  .mm-lform .mm-form__foot .mm-btn{width:100%;}
}

/* ---------------- landing chrome tweaks ---------------- */
.mm-landing .mm-faq{max-width:920px;}
.mm-landing .mm-head{margin-bottom:46px;}
@media (max-width:900px){
  .mm-landing .mm-btns .mm-btn{flex:1 1 auto;justify-content:center;}
  .mm-lhero .mm-btns{gap:10px;}
}