.featured{border:2px solid #000;flex-direction:column;gap:64px;margin:64px 4px 0;padding:16px;display:flex;overflow:hidden}.featured__row{justify-content:flex-end;gap:32px;display:flex}.featured__row--reversed{flex-direction:row-reverse;justify-content:flex-start}@media (max-width:1630px){.featured__row{flex-direction:column;align-items:center;width:100%}}.featured__text-block{flex-direction:column;gap:32px;width:30%;display:flex}@media (max-width:1630px){.featured__text-block{text-align:center;align-items:center;width:70%}}.featured__heading{margin:0;font-size:1.875rem}.featured__description{margin:32px 0 0;font-size:1.25rem}@media (max-width:768px){.featured__description{font-size:1rem}}.featured__btn{color:#f3f3f3;text-align:center;width:150px;font-family:var(--font-body);text-transform:uppercase;background-color:#000;padding:8px 16px;transition:opacity .2s;display:inline-block}.featured__btn:hover{opacity:.8}.featured__cards{justify-content:flex-end;gap:32px;display:flex}@media (max-width:1020px){.featured__cards{flex-wrap:wrap;justify-content:center}}
.about{background-image:url(/assets/images/concrete-background.png);background-size:contain;height:95vh;margin:64px 4px 0;overflow:hidden}.about__grid{border:1.5px solid #000;grid-template-rows:.3fr repeat(4,1fr);grid-template-columns:.2fr repeat(4,1fr);gap:0;width:100%;height:100%;display:grid}.about__grid>*{border:1.5px solid #000}.about__marquee{color:#f3f3f3;white-space:nowrap;direction:ltr;background-color:#000;grid-area:1/1/2/4;align-items:center;gap:0;width:100%;display:flex;position:relative;overflow:hidden}.about__marquee-text{white-space:nowrap;flex-shrink:0;width:max-content;animation:30s linear infinite marqueeScroll}.about__marquee-text--offset{animation:30s linear infinite marqueeScroll}.about__heading{font-family:var(--font-headers);grid-area:2/1/3/4;justify-content:center;align-items:center;display:flex}.about__heading h2{margin:0;font-size:2.5rem}.about__image-bag{z-index:1;border-bottom:0;grid-area:1/4/4/6;position:relative;overflow:hidden}.about__image-vase{grid-area:3/1/6/3;position:relative;overflow:hidden}.about__quote{text-align:center;direction:ltr;border-bottom:0;flex-direction:column;grid-area:3/3/4/4;justify-content:center;align-items:center;height:100%;padding:8px;display:flex;overflow:hidden}.about__quote-text{-webkit-line-clamp:4;font-size:1.25rem;font-family:var(--font-headers);-webkit-box-orient:vertical;margin:8px 4px 0;font-weight:300;display:-webkit-box;overflow:hidden}.about__quote-text--fade{opacity:0;animation:2s ease-in fadeOut}.about__quote-author{color:#7c7c7c;margin:0 0 8px;font-size:.875rem}.about__quote-author--fade{opacity:0;animation:2s ease-in fadeOut}.about__text{white-space:pre-line;border-top:2.5px solid #000;grid-area:4/3/6/6;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.about__text p{text-align:center;margin:16px}.about--rtl{direction:rtl}@media (max-width:768px){.about{flex-direction:column;align-items:center;height:auto;margin-bottom:64px;display:flex}.about__grid{flex-direction:column;display:flex}.about__image-bag,.about__image-vase{display:none}.about__marquee{padding:16px 0}.about__heading{border:1px solid #000;padding:8px 0}.about__quote{border:1px solid #000;border-top:none}.about__text{border:1px solid #000;border-top:none;font-size:1rem}}@media (max-width:480px){.about__text{font-size:.875rem}}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}
.contact{justify-content:center;align-items:center;margin:8px 4px;padding:16px;display:flex}.contact__inner{flex-direction:column;gap:32px;width:70%;display:flex}@media (max-width:768px){.contact__inner{width:90%}}.contact__heading{font-size:2.5rem;font-family:var(--font-headers);text-align:center;margin:0}.contact__description{text-align:center;margin:0}.contact__form{flex-direction:column;gap:8px;display:flex}.contact__form input{all:unset;text-transform:uppercase;font-family:var(--font-body);background-color:#f3f3f3;border:1px solid #000;padding:4px 8px}.contact__form input::placeholder{text-transform:uppercase;font-family:var(--font-body)}.contact__form textarea{resize:none;font-family:var(--font-body);background-color:#f3f3f3;border:1px solid #000;padding:4px 8px 64px;font-size:1rem}.contact__form textarea::placeholder{text-transform:uppercase;font-family:var(--font-body)}.contact__error{color:red;font-size:.75rem;font-family:var(--font-body);display:block}.contact__btn{all:unset;text-align:center;width:100%;font-family:var(--font-body);cursor:pointer;background-color:#f3f3f3;border:1px solid #000;padding:8px 0;transition:background-color .3s,color .3s}.contact__btn:hover{color:#f3f3f3;background-color:#000}.contact__btn--sent{color:#f3f3f3;cursor:default;background-color:#000;border:none}.contact__btn--sent:hover{background-color:#000}.contact__btn:disabled{cursor:not-allowed}.contact__icons{justify-content:space-around;align-items:center;display:flex}.contact__icons a,.contact__icons button{color:#000;cursor:pointer;background:0 0;border:none;padding:0;transition:transform .2s}.contact__icons a:hover,.contact__icons button:hover{transform:scale(1.1)}.contact--rtl{direction:rtl}
