.lobera-contact { background: var(--b-dark); color: var(--b-paper); }
.lobera-contact__hero { padding-block: clamp(150px, 18vh, 220px) clamp(76px, 9vw, 140px); }
.lobera-contact__hero-grid { display: grid; grid-template-columns: minmax(64px, 1fr) 11fr; gap: var(--b-gutter); }
.lobera-contact__eyebrow { margin: 10px 0 0; font-size: var(--b-type-label); letter-spacing: .16em; }
.lobera-contact h1 { max-width: 8ch; margin: 0; font: 400 clamp(6rem, 12vw, 14rem)/.76 var(--b-display); letter-spacing: -.018em; }
.lobera-contact__lead { max-width: 62ch; margin: clamp(34px, 4vw, 60px) 0 0; font-size: var(--b-type-body); line-height: 1.75; }
.lobera-contact__details { padding-bottom: clamp(90px, 10vw, 160px); }
.lobera-contact__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-block: 1px solid var(--b-line-light); }
.lobera-contact__grid > section { min-width: 0; min-height: clamp(310px, 27vw, 440px); padding: clamp(34px, 4vw, 64px) clamp(24px, 4vw, 64px) clamp(42px, 5vw, 76px) 0; }
.lobera-contact__grid > section:nth-child(even) { padding-left: clamp(24px, 4vw, 64px); border-left: 1px solid var(--b-line-light); }
.lobera-contact__grid > section:nth-child(n+3) { border-top: 1px solid var(--b-line-light); }
.lobera-contact h2 { margin: 0 0 clamp(34px, 4vw, 56px); font-size: var(--b-type-label); font-weight: 500; letter-spacing: .16em; }
.lobera-contact__primary { display: block; width: fit-content; max-width: 100%; margin-bottom: 30px; font: 400 clamp(2.5rem, 4.5vw, 5.6rem)/.9 var(--b-display); overflow-wrap: anywhere; }
.lobera-contact__place { margin: 0 0 18px; font-size: .72rem; font-weight: 600; letter-spacing: .1em; }
.lobera-contact address { margin: 0 0 30px; font-style: normal; font-size: .82rem; line-height: 1.8; letter-spacing: .045em; }
.lobera-contact dl { margin: 0; }
.lobera-contact dl > div + div { margin-top: 28px; }
.lobera-contact dt { margin-bottom: 5px; font-size: .72rem; font-weight: 600; letter-spacing: .1em; }
.lobera-contact dd { margin: 0; font-size: .84rem; line-height: 1.7; }
.lobera-contact .lobera-b-editorial-link { color: var(--b-paper); }
.lobera-contact a:focus-visible { outline: 2px solid currentColor; outline-offset: 5px; }

@media (max-width: 809px) {
	.lobera-contact__hero { padding-block: 130px 78px; }
	.lobera-contact__hero-grid { grid-template-columns: 40px 1fr; }
	.lobera-contact h1 { font-size: clamp(5rem, 18vw, 9rem); }
	.lobera-contact__grid > section { min-height: 300px; }
}
@media (max-width: 620px) {
	.lobera-contact__hero-grid { display: block; }
	.lobera-contact__eyebrow { margin-bottom: 34px; }
	.lobera-contact h1 { font-size: clamp(4.8rem, 20vw, 7rem); }
	.lobera-contact__grid { grid-template-columns: 1fr; }
	.lobera-contact__grid > section,
	.lobera-contact__grid > section:nth-child(even) { min-height: 0; padding-inline: 0; border-left: 0; }
	.lobera-contact__grid > section + section { border-top: 1px solid var(--b-line-light); }
	.lobera-contact__primary { font-size: clamp(2.5rem, 13vw, 4.5rem); }
}

/* Contact page responsive refinements. */
@media(max-width:809px){.lobera-contact__hero h1{font-size:clamp(5rem,16vw,8rem)}.lobera-contact__details{min-height:0}}
@media(max-width:620px){
.lobera-contact__hero,.lobera-contact__details{padding-inline:var(--b-gutter)}
.lobera-contact__hero h1{max-width:100%;font-size:clamp(4.1rem,18vw,6rem)}
.lobera-contact__primary{overflow-wrap:anywhere}
.lobera-contact__grid>section:last-child .lobera-contact__primary{font-size:clamp(2rem,10vw,3.2rem);line-height:.95}
}
@media(max-width:380px){.lobera-contact__hero h1{font-size:17vw}.lobera-contact__grid>section:first-child .lobera-contact__primary{font-size:12vw}}