.card-body{padding:24px 24px 26px;min-height:184px}
.logo-slot{height:100px;display:flex;align-items:center;width:calc(100% - 40px);min-width:0}
.logo-slot .company-wordmark{flex-shrink:0;margin:0!important;max-width:100%!important}
.logo-slot .logo-sooq{width:164px;height:auto;overflow:visible}
.logo-slot .mark-art{--s:.65;width:82px;height:73px}
.logo-slot .logo-g1{width:76px;height:79px}
.logo-slot .logo-g1 img{width:62px;height:59px}
.logo-slot .digital-label{font-size:9px;letter-spacing:2.7px;margin-top:5px}
.logo-slot .logo-heritage{width:119px;height:96px}
.logo-slot .logo-heritage img{width:263px;left:-72px;top:-38px}
.card-body .company-sector{margin:14px 0 0!important;font-size:18px;line-height:1.3}
.card-body .round-arrow{top:52px;width:40px;height:40px;right:14px}
.simple-values{border-top:0;padding-top:15px;gap:24px}
.value-item{display:flex;align-items:center;gap:14px}
.value-item svg{width:32px;height:32px;flex-shrink:0;color:#97775a}
.simple-values .value-item span{font:400 16px/1.4 var(--text)}
.contact.section-pad{background:#eee8de;border:0;padding:48px 50px;margin-bottom:42px;gap:60px}
.contact-copyright{font:400 12px/1.5 var(--sans);color:var(--muted);margin-top:35px}
@media(max-width:1100px) and (min-width:1001px){.card-body{padding-inline:18px}.logo-slot .logo-sooq{width:135px}.logo-slot .logo-heritage{width:106px;height:86px}.logo-slot .logo-heritage img{width:232px;left:-63px;top:-34px}}
@media(max-width:700px){.value-item{gap:10px}.simple-values{gap:24px 15px}.simple-values .value-item span{font-size:14px}.contact.section-pad{padding:35px 28px;gap:30px;margin-bottom:25px}.contact-copyright{margin-top:28px}}
@media(max-width:480px){.card-body{padding:16px 13px 55px;min-height:200px}.logo-slot{height:80px;width:100%}.logo-slot .logo-sooq{width:120px}.logo-slot .mark-art{--s:.55;width:69px;height:62px}.logo-slot .logo-g1{width:63px;height:65px}.logo-slot .logo-g1 img{width:51px;height:48px}.logo-slot .digital-label{font-size:8px;letter-spacing:2px}.logo-slot .logo-heritage{width:98px;height:79px}.logo-slot .logo-heritage img{width:215px;left:-59px;top:-31px}.card-body .company-sector{font-size:17px;margin-top:12px!important}.card-body .round-arrow{top:auto;bottom:13px;width:31px;height:31px;right:13px}.contact.section-pad{padding:32px 24px}.contact-details .placeholder-email{font-size:28px}}
/* Values: equal editorial columns with concise supporting copy. */
.simple-values{gap:32px;padding-top:24px;align-items:start}
.value-item{display:grid;grid-template-columns:1fr;justify-items:start;align-content:start;gap:12px;border-top:1px solid #ded7cc;padding-top:24px}
.value-item svg{width:34px;height:34px;margin-bottom:5px}
.simple-values .value-item span{font:500 25px/1.2 var(--display);letter-spacing:-.2px}
.value-item p{margin:0;font:400 13px/1.65 var(--text);color:var(--muted)}
@media(max-width:700px){.simple-values{gap:28px 24px;padding-top:10px}.value-item{gap:10px;padding-top:20px}.simple-values .value-item span{font-size:24px}.value-item p{font-size:12px}.value-item svg{width:30px;height:30px;margin-bottom:3px}}
@media(max-width:350px){.simple-values{gap:26px 18px}.simple-values .value-item span{font-size:22px}}
/* Preserve full logo bounds with proportional framing. */
.logo-slot{height:104px}
.logo-slot .framed-mark{display:block;overflow:visible;mix-blend-mode:multiply}
.framed-mark svg{display:block;width:100%;height:100%}
.logo-slot .framed-g1{width:96px;height:75px}
.logo-slot .framed-heritage{width:96px;height:80px}
.logo-slot .mark-art{--s:.69;width:87px;height:78px}
@media(max-width:480px){.logo-slot{height:88px}.logo-slot .framed-g1{width:80px;height:62px}.logo-slot .framed-heritage{width:82px;height:68px}.logo-slot .mark-art{--s:.59;width:74px;height:67px}}

.about.section-pad.about-simple{border-top:0}

.hero h1{line-height:1.02}@media(max-width:700px){.hero h1{line-height:1.05}}
.card-body{padding-bottom:62px;min-height:228px}
.card-body .round-arrow{top:auto;bottom:15px;right:20px;width:32px;height:32px;border:0;border-radius:0;background:transparent;color:#8a6b52}
.card-body .round-arrow svg{width:23px;height:23px;transition:transform .2s ease}
.company-card:hover .round-arrow svg{transform:translate(2px,-2px)}
.logo-slot{width:100%}
.about.section-pad.about-simple{margin-bottom:49px}
@media(max-width:700px){.about.section-pad.about-simple{margin-bottom:35px}}
@media(max-width:480px){.card-body{min-height:214px;padding-bottom:53px}.card-body .round-arrow{right:12px;bottom:11px;width:28px;height:28px}.card-body .round-arrow svg{width:21px;height:21px}}
@media(prefers-reduced-motion:reduce){.card-body .round-arrow svg{transition:none}.company-card:hover .round-arrow svg{transform:none}}
.companies .section-heading h2{margin-bottom:16px}
.card-body{padding-bottom:28px;min-height:194px}
.card-body .round-arrow{top:17px;bottom:auto;right:16px}
.logo-slot{width:calc(100% - 24px)}
@media(max-width:480px){.card-body{padding-bottom:22px;padding-top:42px;min-height:206px}.card-body .round-arrow{top:9px;bottom:auto;right:10px}.logo-slot{width:100%}.companies .section-heading h2{margin-bottom:14px}}

/* Slightly tighter transition from companies to About. */
.about.section-pad.about-simple{padding-top:40px}
@media(max-width:700px){.about.section-pad.about-simple{padding-top:29px}}

/* Richer coastal color and deeper architectural shadows. */
.hero-photo img{filter:none}
@media(min-width:701px){.hero:after{background:linear-gradient(90deg,rgba(255,251,239,.28),rgba(255,251,239,.12) 47%,transparent 67%)}}

/* Button color sampled from the supplied JMG logo dot. */
.hero .button.primary{background:#a78c6b;color:#fff}
.hero .button.primary:hover{background:#967c5e;color:#fff}

/* Slightly larger, tighter hero heading. */
.hero h1{font-size:clamp(51px,4.72vw,76px);line-height:.98}
@media(max-width:1000px){.hero h1{font-size:55px}}
@media(max-width:700px){.hero h1{font-size:49px;line-height:1.01}}
@media(max-width:480px){.hero h1{font-size:42px}}
@media(max-width:350px){.hero h1{font-size:37px}}

/* Updated supplied company identities. */
.company-card{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}
.logo-slot .supplied-logo{display:block;max-width:100%;margin:0;mix-blend-mode:multiply}
.logo-slot .supplied-logo svg{display:block;width:100%;height:100%}
.logo-slot .supplied-sb{width:83px;height:98px}
.logo-slot .supplied-g1{width:84px;height:71px}
.contact-details .placeholder-email{font-size:clamp(21px,2.3vw,29px);overflow-wrap:anywhere}
@media(max-width:480px){.logo-slot .supplied-sb{width:70px;height:82px}.logo-slot .supplied-g1{width:70px;height:59px}}

.portfolio-grid{align-items:stretch;grid-auto-rows:1fr}.company-card .card-image{flex-shrink:0}.company-card .card-body{flex:1}

/* Preserve supplied photograph and artwork colors. */
.company-card:nth-child(-n+3) .card-image img{filter:none;object-position:center center}
.company-card:nth-child(3) .card-image img{object-position:62% center}

/* A restrained warm palette connects the company imagery to the coastal hero. */
.company-card:nth-child(1) .card-image img{filter:saturate(.86) sepia(.07) brightness(.98) contrast(.97)}
.company-card:nth-child(2) .card-image img{filter:saturate(.87) sepia(.045) brightness(1.035) contrast(.96)}
.company-card:nth-child(3) .card-image img{filter:saturate(.78) brightness(.98) contrast(.96)}
.company-card:nth-child(4) .card-image img{filter:saturate(.88) sepia(.05) brightness(1.02) contrast(.97)}
.portfolio-grid{column-gap:18px}
.logo-slot .supplied-g1{width:74px;height:63px}
.logo-slot .framed-heritage{width:108px;height:90px}
@media(max-width:1000px){.portfolio-grid{column-gap:18px}}
@media(max-width:480px){.portfolio-grid{column-gap:14px}.logo-slot .supplied-g1{width:62px;height:53px}.logo-slot .framed-heritage{width:92px;height:77px}}

/* Keep the Heritage hero products visible in the card crop. */
.company-card:nth-child(4) .card-image img{object-position:85% center!important}

/* Align the top of G1 with the Heritage Beirut logo. */
.logo-slot .supplied-g1{transform:translateY(-13.5px)}
@media(max-width:480px){.logo-slot .supplied-g1{transform:translateY(-12px)}}