<style>
.meda-home-contract {
--ink: #2a201c;
--muted: #6d625d;
--line: #e3ded8;
--paper: #f6f2ec;
--white: #fffdf9;
--wood: #8b5332;
--max: 1180px;
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
background: var(--paper);
color: var(--ink);
border-top: 1px solid var(--line);
border-bottom: 1px solid var(--line);
}
.meda-home-contract * {
box-sizing: border-box;
}
.meda-home-contract .inner {
max-width: var(--max);
margin: 0 auto;
padding: 0 24px;
}
.meda-home-contract .wrap {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(360px, 0.92fr);
align-items: stretch;
min-height: 500px;
}
.meda-home-contract .copy {
display: flex;
flex-direction: column;
justify-content: center;
padding: 56px 18px 56px 0;
}
.meda-home-contract .eyebrow {
margin: 0 0 14px;
color: var(--wood);
font-size: 12px;
font-weight: 800;
letter-spacing: .16em;
text-transform: uppercase;
}
.meda-home-contract h2 {
margin: 0;
max-width: 720px;
font-size: clamp(32px, 4.2vw, 60px);
line-height: 1.02;
letter-spacing: 0;
color: var(--ink);
}
.meda-home-contract .desc {
max-width: 620px;
margin: 22px 0 0;
color: var(--muted);
font-size: 17px;
line-height: 1.6;
}
.meda-home-contract .points {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
margin-top: 28px;
}
.meda-home-contract .point {
padding: 16px;
border: 1px solid var(--line);
border-radius: 8px;
background: var(--white);
}
.meda-home-contract .point strong {
display: block;
margin-bottom: 6px;
font-size: 15px;
line-height: 1.3;
}
.meda-home-contract .point span {
color: var(--muted);
font-size: 13px;
line-height: 1.5;
}
.meda-home-contract .actions {
display: flex;
gap: 12px;
flex-wrap: wrap;
margin-top: 28px;
}
.meda-home-contract .btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 46px;
padding: 0 18px;
border-radius: 8px;
border: 1px solid var(--ink);
text-decoration: none;
font-size: 14px;
font-weight: 700;
}
.meda-home-contract .btn.primary {
background: var(--ink);
color: #fff;
}
.meda-home-contract .btn.secondary {
background: transparent;
color: var(--ink);
}
.meda-home-contract .media {
min-height: 500px;
overflow: hidden;
}
.meda-home-contract .media img {
width: 100%;
height: 100%;
min-height: 500px;
object-fit: cover;
display: block;
}
@media (max-width: 980px) {
.meda-home-contract .wrap {
grid-template-columns: 1fr;
}
.meda-home-contract .media {
min-height: 340px;
order: 1;
}
.meda-home-contract .media img {
min-height: 340px;
}
.meda-home-contract .copy {
order: 2;
padding: 42px 0;
}
.meda-home-contract .points {
grid-template-columns: 1fr;
}
}
@media (max-width: 640px) {
.meda-home-contract .inner {
padding: 0 18px;
}
.meda-home-contract h2 {
font-size: 34px;
}
.meda-home-contract .desc {
font-size: 16px;
}
}
</style>
<section class="meda-home-contract">
<div class="inner">
<div class="wrap">
<div class="copy">
<p class="eyebrow">For Architects, Interior Designers and Contract</p>
<h2>Solid wood furniture for contract projects</h2>
<p class="desc">
Explore our dedicated professional page with bar stools, benches, side tables, finishes and a focused selection of handmade pieces for hospitality, residential, retail and wellness interiors.
</p>
<div class="points">
<div class="point">
<strong>Contract page</strong>
<span>A focused selection for architects, interior designers and project teams.</span>
</div>
<div class="point">
<strong>Catalog</strong>
<span>Working PDF with models, materials and a project-oriented overview.</span>
</div>
<div class="point">
<strong>Project inquiry</strong>
<span>Contact us by WhatsApp or email for quantities, finishes, lead times and custom requests.</span>
</div>
</div>
<div class="actions">
<a class="btn primary" href="/pages/trade">Explore Contract</a>
<a class="btn secondary" href="https://cdn.shopify.com/s/files/1/0737/4929/9496/files/meda-trade-catalog-en-corrected.pdf?v=1787325745" target="_blank" rel="noopener">Download Catalog</a>
</div>
</div>
<div class="media">
<img src="https://cdn.shopify.com/s/files/1/0737/4929/9496/files/Barska-stolica-Luka-2.png?v=1766953579" alt="Handmade solid wood bar stool by Meda Furniture">
</div>
</div>
</div>
</section>
