/* Amberlake contact form + "Speak to a partner" box (2026-10-24). Uses the site palette.
   Everything is scoped under .contact-grid.has-form, .al-form or .al-partner-cta so no other page element changes. */

/* ---- Homepage #contact layout: left = intro + form, right = direct contact lines + map ---- */
.contact-grid.has-form{align-items:start}
@media (min-width:993px){.contact-grid.has-form{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px}}
.contact-grid.has-form .al-contact-aside{min-width:0}
/* beats the site's ".contact-info > p{font-size:1.05rem}" */
.contact-grid.has-form p.al-contact-direct{margin:0;color:var(--mist,#93A1B5);font-size:.72rem;font-weight:500;letter-spacing:.2em;line-height:1.5;text-transform:uppercase}
.contact-grid.has-form .contact-lines{margin:14px 0 26px}
.contact-grid.has-form .contact-line{padding:14px 4px}
/* site rule ".contact-social a{font-size:1.5rem}" dates from the icon-only link; keep the text link at body size */
.contact-grid.has-form .contact-social a{font-size:inherit}
.contact-grid.has-form .contact-social i{margin-top:5px!important}
.contact-grid.has-form .contact-actions{margin-top:0}
.contact-grid.has-form .contact-actions .btn{display:block;text-align:center;padding-left:20px;padding-right:20px}
.contact-grid.has-form .map-container{margin-top:28px}
.contact-grid.has-form .map-container .al-map-load,.contact-grid.has-form .map-container iframe{height:260px;min-height:260px}
@media (max-width:768px){.contact-grid.has-form .map-container .al-map-load,.contact-grid.has-form .map-container iframe{height:240px;min-height:240px}}

/* ---- Form ---- */
.al-form{margin:24px 0 0}
.al-form .al-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
.al-form .al-field{display:block;margin:0;min-width:0}
.al-form .al-field.full{grid-column:1/-1}
.al-form .al-field label{display:block;margin:0 0 6px;color:var(--mist,#93A1B5);font-size:.7rem;font-weight:500;letter-spacing:.14em;line-height:1.4;text-transform:uppercase}
.al-form input[type=text],.al-form input[type=email],.al-form select,.al-form textarea{display:block;width:100%;min-height:46px;margin:0;border:1px solid rgba(242,237,227,.4);border-radius:2px;background:rgba(10,20,34,.55);color:var(--ivory,#F2EDE3);font:400 1rem/1.4 var(--font-body,"Jost","Segoe UI",sans-serif);padding:10px 12px;box-sizing:border-box}
.al-form select{appearance:none;-webkit-appearance:none;text-overflow:ellipsis;background-image:linear-gradient(45deg,transparent 50%,#DD772A 50%),linear-gradient(135deg,#DD772A 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:34px}
.al-form select option{background:#0D1A2C;color:#F2EDE3}
.al-form textarea{min-height:96px;resize:vertical;line-height:1.55}
.al-form ::placeholder{color:#8F9DB1;opacity:1}
.al-form input:focus,.al-form select:focus,.al-form textarea:focus{border-color:var(--amber-2,#E8924E);box-shadow:0 0 0 1px var(--amber-2,#E8924E);outline:2px solid transparent}
.al-form input[type=text]:user-invalid,.al-form input[type=email]:user-invalid,.al-form select:user-invalid{border-color:#F08A73}
.al-form .al-consent-line{display:flex;gap:12px;align-items:flex-start;margin:16px 0 0;color:var(--text,#C8D0DC);font-size:.86rem;font-weight:400;line-height:1.55;letter-spacing:0;text-transform:none;cursor:pointer}
.al-form .al-consent-line input{margin:3px 0 0;width:18px;height:18px;flex:0 0 auto;accent-color:#DD772A}
.al-form .al-consent-line input:focus-visible{outline:2px solid var(--amber-2,#E8924E);outline-offset:2px}
.al-form .al-consent-line a,.al-form-status a,.al-form .al-form-note a{color:var(--amber-2,#E8924E);text-decoration:underline}
.al-form .btn{margin-top:18px;font-family:inherit}
.al-form .btn:focus-visible{outline:2px solid var(--amber-2,#E8924E);outline-offset:3px}
.al-form .btn[disabled]{opacity:.7;cursor:wait;transform:none}
.al-form .al-form-note{margin:10px 0 0;color:var(--mist,#93A1B5);font-size:.8rem;line-height:1.5}
.al-form .al-hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.al-form-status{display:none;margin:0 0 18px;padding:12px 16px;border:1px solid rgba(232,146,78,.6);border-left-width:3px;background:rgba(221,119,42,.1);color:var(--ivory,#F2EDE3);font-size:.92rem;line-height:1.55}
.al-form-status.show{display:block}
.al-form-status:focus{outline:2px solid var(--amber-2,#E8924E);outline-offset:2px}
/* the site's mobile "Speak to a Partner" pill is hidden while the form is on screen (toggled by contact-form JS) */
.floating-cta.al-cta-hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
@media (max-width:620px){.al-form .al-form-grid{grid-template-columns:minmax(0,1fr)}.al-form .btn{width:100%;text-align:center}}

/* ---- "Speak to a partner" box for guides ----
   Default = Riviera dark template (Jost / Cormorant, guides with css-fix-20261011 stylesheets).
   data-template="article" = Poppins article template (orange header, #1A2B40 background). */
.al-partner-cta{display:block;max-width:1100px;margin:56px auto;padding:0 20px;box-sizing:border-box}
.al-partner-cta *{box-sizing:border-box}
.al-partner-cta-inner{position:relative;background:#0D1A2C;color:#C8D0DC;border:1px solid rgba(221,119,42,.35);border-radius:3px;padding:36px 40px;display:flex;gap:32px;align-items:center;justify-content:space-between;overflow:hidden}
.al-partner-cta-inner::before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#DD772A,transparent)}
.al-partner-cta-inner>div{min-width:0}
.al-partner-cta .al-partner-cta-eyebrow{display:block;margin:0 0 8px;color:#DD772A;font:500 .7rem/1.5 var(--font-body,"Jost","Segoe UI",sans-serif);letter-spacing:.2em;text-transform:uppercase}
.al-partner-cta .al-partner-cta-title{margin:0 0 10px;padding:0;border:0;color:#F2EDE3;font:500 clamp(1.5rem,3vw,2rem)/1.2 var(--font-display,"Cormorant Garamond","Times New Roman",serif);letter-spacing:.01em;text-align:left;text-transform:none}
.al-partner-cta p:not(.al-partner-cta-title){margin:0;color:#C8D0DC;font-family:var(--font-body,"Jost","Segoe UI",sans-serif);font-size:1rem;font-weight:400;line-height:1.65;text-align:left;max-width:640px}
.al-partner-cta .al-partner-cta-btn{flex:0 0 auto;display:inline-block;padding:15px 30px;background:#DD772A;color:#0A1422!important;border:1px solid #DD772A;border-radius:2px;font:500 .78rem/1.4 var(--font-body,"Jost","Segoe UI",sans-serif);letter-spacing:.14em;text-align:center;text-transform:uppercase;text-decoration:none!important;white-space:nowrap;transition:background .3s ease,border-color .3s ease}
.al-partner-cta .al-partner-cta-btn:hover,.al-partner-cta .al-partner-cta-btn:focus{background:#E8924E;border-color:#E8924E}
.al-partner-cta .al-partner-cta-btn:focus-visible{outline:2px solid #E8924E;outline-offset:3px}

/* Poppins article template: match .highlight-box / .al-seo-publisher / article h2 / .contact-subtitle */
.al-partner-cta[data-template="article"]{max-width:900px;margin:0 auto}
.al-partner-cta[data-template="article"] .al-partner-cta-inner{background:rgba(221,119,42,.08);color:#B0BEC5;border:1px solid rgba(221,119,42,.3);border-left:4px solid #DD772A;border-radius:0 8px 8px 0;padding:30px 32px}
.al-partner-cta[data-template="article"] .al-partner-cta-inner::before{display:none}
.al-partner-cta[data-template="article"] .al-partner-cta-eyebrow{color:#B0BEC5;font:500 .8rem/1.5 'Poppins',sans-serif;letter-spacing:1px}
.al-partner-cta[data-template="article"] .al-partner-cta-title{color:#DD772A;font:500 1.6rem/1.3 'Poppins',sans-serif;letter-spacing:0}
.al-partner-cta[data-template="article"] p:not(.al-partner-cta-title){color:#B0BEC5;font-family:'Poppins',sans-serif;font-size:1rem;font-weight:300;line-height:1.7}
.al-partner-cta[data-template="article"] .al-partner-cta-btn{padding:13px 26px;background:#DD772A;color:#1A2B40!important;border-color:#DD772A;border-radius:4px;font:500 .85rem/1.4 'Poppins',sans-serif;letter-spacing:1px}
.al-partner-cta[data-template="article"] .al-partner-cta-btn:hover,.al-partner-cta[data-template="article"] .al-partner-cta-btn:focus{background:#E8924E;border-color:#E8924E}

@media (max-width:760px){
  .al-partner-cta{margin:40px auto}
  .al-partner-cta-inner{flex-direction:column;align-items:stretch;gap:22px;padding:26px 22px}
  .al-partner-cta .al-partner-cta-btn{display:block;width:100%;white-space:normal}
  .al-partner-cta[data-template="article"]{margin:0 auto}
  .al-partner-cta[data-template="article"] .al-partner-cta-inner{padding:24px 20px}
  .al-partner-cta[data-template="article"] .al-partner-cta-title{font-size:1.4rem}
}
.al-partner-cta .al-nowrap{white-space:nowrap}
