/* CIIE 0.5.9: targeted layout repair; preserve approved 0.5.8 animation. */
/* Hero caption must sit above the photo collage, never behind it. */
#hero-pics{isolation:isolate;position:relative}
#hero-pics .hero-stamp{z-index:8;top:-32px;inset-inline-start:8px;inset-inline-end:auto;max-width:calc(100% - 16px);font-size:11px;line-height:1.5;white-space:normal;pointer-events:none;text-shadow:0 2px 9px rgba(0,0,0,.45)}
#hero-pics .pic{z-index:1}
#hero-pics .pic.one{top:7%}
/* Keep the contact section legible in both LTR and RTL layouts. */
#contact{scroll-margin-top:110px}
#contact .contact-grid{align-items:start;min-width:0}
#contact .contact-grid>*{min-width:0}
#contact .formbox{min-width:0;overflow:visible}
#contact .formbox .fields{grid-template-columns:repeat(2,minmax(0,1fr))}
#contact .formbox .fields>label{min-width:0}
#contact .formbox .fields>label:has(textarea){grid-column:1/-1}
#contact .formbox .fields textarea{display:block;min-width:0;width:100%;min-height:140px;resize:vertical}
#contact .formbox input,#contact .formbox select,#contact .formbox textarea{font-family:inherit;max-width:100%}
#contact .contact-points{overflow-wrap:anywhere}
html[dir="rtl"] #contact .formbox input,html[dir="rtl"] #contact .formbox select,html[dir="rtl"] #contact .formbox textarea{text-align:right}
html[dir="rtl"] #contact .formbox input[type="email"]{direction:ltr;text-align:left}
@media(max-width:1000px){#hero-pics .hero-stamp{top:-23px}#contact .contact-grid{gap:28px}}
@media(max-width:650px){#hero-pics .hero-stamp{top:-21px;font-size:9px}#contact .formbox .fields{grid-template-columns:1fr}#contact .formbox .fields>label:has(textarea){grid-column:auto}#contact .formbox{padding:24px 18px}#contact{scroll-margin-top:80px}}