.
* The section is already position:relative + overflow:hidden, so a
* pseudo-element reproduces it without adding a widget. */
.elementor-element-fr0068::before {
content: "";
display: none;
position: absolute;
left: -96px;
top: 33.333%;
height: 28rem;
width: 28rem;
border-radius: 9999px;
background: rgba(237, 40, 110, 0.12);
filter: blur(120px);
pointer-events: none;
z-index: 0;
}
@media (min-width: 1024px) {
.elementor-element-fr0068::before { display: block; }
}
/* 2026-08-10 — About page "Our values" cards (valcard0-3: 01 What we are,
* 02 Why we exist, 03 What we serve, 04 How it feels).
* Client asked to hide the small scalloped thumbnail in each card head for
* now; the artwork may be replaced later. The markup is left intact inside
* the raw-HTML widgets, so re-enabling is a matter of deleting this rule. */
#content .pk-valcard-thumb,
.pk-valcard-thumb {
display: none !important;
}
/* ------------------------------------------------------------------
* 2026-08-10 — Home page, MOBILE ONLY (<= 767px, Elementor's mobile
* breakpoint; 768px+ is already the two-column desktop layout).
*
* "Not an occasion" (lwc0000op) and "Rhythm of the day" (lwc0000po)
* size themselves from .pk-ar-43 / .pk-ar-54 on mobile, which yields
* ~245-306px depending on viewport width. Client asked for exactly
* 460px. The aspect-ratio must be cancelled or it keeps winning.
*
* Desktop is untouched: .pk-ar-43 / .pk-ar-54 and the Elementor
* min_height/max_height settings still govern at 768px and above.
* ------------------------------------------------------------------ */
@media (max-width: 767px) {
.elementor-element-lwc0000op,
.elementor-element-lwc0000po {
aspect-ratio: auto !important;
height: 460px !important;
min-height: 460px !important;
max-height: 460px !important;
}
/* The image widget is a flex child of the container above; it needs a
* definite height of its own before the
![]()
can resolve height:100%. */
.elementor-element-lwc0000op > .elementor-widget-image,
.elementor-element-lwc0000po > .elementor-widget-image,
.elementor-element-lwc0000op > .elementor-widget-image > .elementor-widget-container,
.elementor-element-lwc0000po > .elementor-widget-image > .elementor-widget-container {
height: 100% !important;
}
/* !important is required: the theme's global `img { height: auto }`
* otherwise wins on source order and the image collapses. */
.elementor-element-lwc0000op > .elementor-widget-image img,
.elementor-element-lwc0000po > .elementor-widget-image img {
height: 100% !important;
width: 100% !important;
object-fit: cover;
}
}